/* Reset CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a{text-decoration:none}

/* Main Styles */
html, body {background:#343545;width:100%;height:100%; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif}

#main-wrap {width:925px; height: auto; margin: 0 auto 40px auto;}

#header {width:100%; height:169px; }
#header img {float:right; position:relative; top:47px; right:2px;}
#header img#logo {position:relative; right:130px; top:65px}
#header-lower {width:100%; height:85px; background: url(../img/courier-stoke-staffordshire.jpg) top left no-repeat; }

#make-enquiry {background:url(../img/make-enquiry.jpg) top left no-repeat; width:202px; height:51px}
#make-enquiry p a {color:#fff; position: relative; top:15px;left:65px;}
#make-enquiry p a:hover {color:#990000;}

#menu {width:529px; height: 28px; background: url(../img/menu-bg.jpg) top left no-repeat; float:right; position: relative; top: 56px; right:12px}
#menu ul {margin:0 0 0 12px;}
#menu ul li{display:inline; line-height:28px;height:28px;}
#menu ul li a{color:#fff; font-size: 0.85em;padding:0 6px 0 0;}
#menu ul li a:hover{color: #666;}

#content-wrap {width:925px; margin:0 auto 15px auto;}
#content-left {width:365px; float:left; margin:10px 0 0 10px;}
#content-left h1 {color:#fff; margin:0 0 7px 0; padding:0 0 2px 0; font-size: 1.0em; }
#content-left h1 span {font-size: 0.8em; border-bottom:1px dotted #fff;}
#content-left a{color: #fff; border-bottom: 1px dotted #fff;}
#content-left a:hover {color: #990000;}
#content-left ul { list-style-position: inside; margin:0 0 0 20px;}
#content-left ul li {color:#fff; font-size: 0.85em; line-height: 1.31em; list-style:disc; display: list-item }
#content-left ul li a {color:#fff;}
#content-left ul li a:hover {color:#990000;}
#content-left p {color:#fff; margin:0 0 7px 0; font-size: 0.85em; line-height: 1.31em; }
#content-wrap-image {width:531px; height:275px; float:right; margin:0 11px 0 0;}



#lower-boxes {margin:0 0 0 25px;}
#lower-boxes h2 { width:278px; height:52px; padding: 0 0 0 20px; line-height: 52px; background: url(../img/h2-bg.jpg) top left no-repeat; text-transform: uppercase; float: left; display:inline;}
#lower-boxes h2 a {color:#fff;}
#lower-boxes h2 a:hover {color: #ccc;}

#footer {width:923px; height:111px; margin: 0 auto; background: url(../img/footer-bg.jpg) top left no-repeat; }
#footer-content {width:620px; float:right; margin:10px 0 0 0;}
#footer-content ul {width:155px; float:left;}
#footer-content ul.no-header {margin:20px 0 0 0;}
#footer-content ul li {color:#fff; font-size:0.85em; line-height: 1.25em;}
#footer-content ul li.header {padding:0 0 4px 0;}
#footer-content ul li a {color:#fff;}
#footer-content ul li a:hover {color: #990000;}

#footer-lower {width:900px;margin: 5px auto 0 auto; }
#footer-lower p, #footer-lower p a {color:#fff; font-size: 0.9em;}
#footer-lower p a:hover {color:#990000;}

#sitemap-wrap {margin:0 0 0 20px;}

.enquiry-form {margin:0 0 0 0px; }
.enquiry-form p{width: 300px;clear: left;margin: 0;padding: 10px 0 0 0;padding-left: 155px;height: 1%;}
.enquiry-form label{font-weight: bold;float: left;margin-left: -155px; width: 80px;}
.enquiry-form input[type="text"] {width: 200px;padding: 5px 2px;font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc;font-size:1.0em}
.enquiry-form p textarea#comments{width: 200px;height: 150px;padding:5px 2px;font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc;font-size:1.0em}
.enquiry-form #enquire-button {background:url(../img/button.png) top left no-repeat; width:152px; height:37px; border:none; outline: none; float:left; margin:10px 0 0 150px;color:#fff; font-weight:bold; font-size:1.0em;}
.enquiry-form #enquire-button:hover {cursor: pointer;}
div.inputError {color: #fff; font-weight: bold; text-align: left; display: none; background: url(../img/err.png) left center no-repeat; padding:0 0 0 18px; margin:3px 0; }


/* Misc. */
.clr {clear:both;height:1px;}
.clr-20px {clear:both;height:20px;}
.clr-30px {clear:both;height:30px;}
.b {border:1px solid #fff; }
p.left {float:left;}
p.right {float:right;}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url(../img/tick.png);border: 4px solid;margin: 10px 0px;padding:15px 10px 15px 70px;background-repeat: no-repeat;background-position: 10px center;font-size:0.9em;font-weight: bold; line-height: 1.25em;}
p#hlpMetaDesc {width:700px;color:#fff;}
