@charset "utf-8";
/* CSS Document */

* {padding: 0; margin: 0; border: 0;}

html, body {height: 100%;}

* html #wrapper {height: 100%;}

body { background-color: #C5C7C8; font: 62.5%/1.3 Arial, Helvetica, sans-serif; }


img {margin: 0; padding: 0; border: 0;}


#wrapper {width: 963px; margin: 0 auto; text-align: left; background-color: #C5C7C8; min-height: 100%;}
#header {width: 963px; height: 160px; background-color:#FFFFFF; background-image: url(../images/banner.jpg); background-repeat: no-repeat;}
#banner {height: 98px; margin: 0 18px 0 0; text-align: left; position: relative;}
#nav {height: 27px; position: relative;}
#breadcrumb {height: 34px; background-image: url(../images/sub-menu-bg.gif); background-repeat: repeat-x;}
#breadcrumb p {padding: 6px 18px; color: #3A3A3A; font-size: 1.1em;}
#breadcrumb p a {color: #3A3A3A;}
#breadcrumb p a:hover {color: #24218C;}
#contentwrapper {padding: 10px 18px 20px 18px; background-color: #FFFFFF; border-bottom: 3px solid Black;}
#contentleft {float:left; width: 621px; margin-right: 13px;}
#contentleft h3 {font-size: 1.7em; color: #24218C; font-weight: bold; margin: 0 0 15px 0; padding:0; line-height: 1em;}
#contentright {float:left; width: 293px;}
#footer {padding: 14px 18px 14px 18px; background-color: #9A9A9A;}
#footer h3 { margin-bottom: 6px; padding-bottom: 7px; border-bottom: 1px solid #FFD200; color: #FFD200; font-size: 1.3em;}
#footlist {position: relative;}
.harscoimg {position: absolute; left: 759px; top: 3px;}
#contentcol1 {float:left; width: 186px; margin-right: 13px;}
#contentcol2 {float:left; width: 422px; margin-right: 13px;}

#contentcol1 h3 {background-color: #727476; margin: 0; padding: 8px 12px; color: #FFD200; font-size: 1.4em;}
#subnav {background-color: #C5C6C7; margin: 0; padding: 8px 12px;}
.homeimg {margin-bottom: 20px;}
.quicklinkimg-4px {margin-top: 4px;}
.quicklinkimg-24px {margin-top: 24px;}
.quicklinkimg-8px {margin-top: 8px;}
.arrowlink a {color: #24218C; text-decoration: none; background-image: url(../images/arrow-blue.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 13px;}
.arrowlink a:hover {color: #FFD200;}
.offers {width: 189px; float: left; margin-right: 13px;}
.offersrightbox {margin-left: 58px;}
.offerstext {margin-bottom: 1px; font-weight: bold; line-height: 1.1em; color: #8D8D8D;}
p.offerslink {margin-bottom: 0;}
.offerslink a {color: #24218C; text-decoration: none; background-image: url(../images/arrow-blue.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 13px; margin-bottom: 0;}
.offerslink a:hover {color: #FFD200;}
.thumb {border: 1px solid #828282; float: left;}
#signupboxouter {margin-top: 8px; border: 2px solid #24218C; padding: 1px; /*Inner border size*/ background: #fff; /*Inner border color*/}
#signupboxinner {background-color: #24218C; padding-bottom: 7px;}
p.footermenu {color: #fff; font-size: 1em; line-height: 2em; word-spacing: 0.2em; margin-bottom: 28px;}
p.footermenu a {color: #fff; text-decoration: none; font-weight: normal;}
p.footermenu a:hover {color: #fff; text-decoration: underline;}
.pipex {color: #FFD200;}
.hr-dark {height: 1px; margin-bottom: 10px;  font-size:1px; line-height:0; background-color: #6B6B6B;}

.errmssg {font-weight: bold; color: Red;}
.rederror { color: Red; }

/*	Header										*/

#searchform { padding-top: 21px; float: right; padding-bottom:12px;}
#banner p { width:300px; margin: 0; color: #FFFFFF; line-height: 1.1em; text-align: right; clear:right; display:block; position:absolute; right:0; top: 55px;}
#banner p a { color: #FFD200; font-weight: normal; text-decoration: none;}
#banner p a:hover {text-decoration: underline;}

fieldset.search {border: none; width: 157px; margin: 0 0 0 auto; background: url(../images/search_bg.gif) no-repeat left;}
.search input, .search button {border: none; float: left;}
.search input.box {color: #fff; font-size: 1.1em; width: 122px; height: 13px; padding: 4px 5px 4px; background: none; margin-right: 4px;}
.search button.btn {width: 21px; height: 21px; cursor: pointer; text-indent: -9999px; background: #fbc900 url(../images/button-search.gif) no-repeat top right;}

fieldset.signup {border: none; width: 280px; margin: 0 0 0 3px; background: url(../images/signup_bg.gif) no-repeat left;}
.signup input, .search button {border: none; float: left;}
.signup input.box {color: #707070; font-size: 1.1em; width: 145px; height: 13px; padding: 3px 5px 3px; margin-right: 4px; background: none;}
.signup button.btn {width: 113px; height: 19px; cursor: pointer; text-indent: -9999px; background: #fbc900 url(../images/button-signup.gif) no-repeat top right;}

#xsearch-row {width: 963px; height: 27px; background-image: url(../images/search-row-bg.gif); background-repeat: repeat-x;}
#xsearch-row input, #login p {float: left;}
#xsearchform {width: 330px; float:left; margin: 3px 0 0 0; padding-left: 23px; }
#xsearchform fieldset { overflow: hidden; float: left; }
#zsearchform input {border: 1px solid #ffffff; background-color: #171561; font: 1.1em/1.2em Arial, sans-serif; padding: .2em; color: #ffffff; margin-right: 5px;}
#zsearchform input.button {border: 0; height: 21px; padding: 0;}


#login { float: right; width: 587px; margin: 3px 0 0 0; padding-right: 23px; }
#login input {border: 1px solid #cdcdcd; font: 1.1em/1.2em Arial, sans-serif; padding: .2em;  margin-left: 5px; color: #707070;}
#login input.button {border: 0; height: 20px; padding: 0;}
#login p {margin: 0; margin-right: 20px; color: #707070; font-size: 1.1em; font-weight: bold; padding: .3em 0;}
#login p a {color: #707070; text-decoration: none;}
#login p a:hover {color: #707070; text-decoration: underline;}
#login fieldset { overflow: hidden; float: right; }
#search-row .searchbox1textbox {width: 177px; height: 17px; font-size: 1.2em; margin-left:23px;}
#search-row legend, #search-row label {display: none;}
.pipe {background-color: #707070; width: 2px; height: 14px; float: left; margin: 3px 20px 0 0;}


#navlist li {color: #000000; font-weight: normal; display:inline; padding:0 .9em; border-right:1px solid #000000; background-image: none;}
#navlist li.last {border:none;}
#navlist li.first {padding-left:0;}
#navlist {font-weight:normal; text-align:left; font-size: 1.1em; margin:0;}
#navlist a {color:#000000; text-decoration:none; font-weight: normal;}
#navlist a:hover {color:#000000; text-decoration:underline;}


#side-nav {background-color: #C5C6C7; background-image: url(../images/submenu-lozenge-bottom.gif); background-repeat: no-repeat; background-position: bottom; padding: 0; margin-bottom: 1px;}
#side-nav h3 {padding: 10px; margin: 0; background-image: url(../images/submenu-lozenge-top.gif); background-repeat: no-repeat; font-weight: bold; font-size: 1.4em; color: #076224; background-color: #FFD204;}
#side-nav ul {margin: 0 10px 0 10px; padding: 10px 0 10px 0; list-style: none; font-size: 1.1em; font-weight: bold; line-height: 1.7em;}
#side-nav li {padding-left: 13px; background-image: url(../images/submenu-bullitt1.gif); background-repeat: no-repeat; background-position: 0 .5em;}
#side-nav li a.current {color: #24218C;}
#side-nav ul ul {font-size: 100%; padding: 0 0 0 0; margin-left: 0; line-height: 1.5em;}
#side-nav ul li ul li {background-image: url(../images/submenu-bullitt2.gif); background-repeat: no-repeat; background-position: 0 .4em;}
#side-nav ul li ul li ul li {background-image: url(../images/submenu-bullitt3.gif); background-repeat: no-repeat; background-position: 0 .4em;}
#side-nav a {color: #000000; text-decoration:none;}
#side-nav a:hover {color: #24218C; text-decoration:none;}


#paging li {color: #9D9D9D; display:inline; padding:0 .9em; border-right:1px solid #FFF; background-image: none;}
#paging {font-weight:normal; padding-top: 10px; text-align:center;}
#paging li.previous {background-image: url(../images/bullit-back.gif); background-repeat: no-repeat; background-position: 0 .3em; padding-left: 1.3em;}
#paging li.next {background-image: url(../images/bullit-forward.gif); background-repeat: no-repeat; background-position: right .3em; padding-right: 1.3em;}
#paging li.pages {color: #FFD204; font-weight:bold;}
#paging a {color:#F99B1C; text-decoration:none;}
#paging a:hover {color:#00597C;}

.newsdate {font-size: 1.4em; color: #AAA9A9; font-weight: normal; padding-bottom: 10px;}

#sitemap ul {font-size: 1.2em; color: #000000; list-style-type: none; padding: 0 0 0 0; margin: 0;}
#sitemap ul li  a {color:#24218C; text-decoration: none; font-weight: bold; padding: 0; margin: 0;}
#sitemap ul li a:hover {color:#24218C; text-decoration: underline;}
#sitemap li {background-image: none; background-repeat: no-repeat; background-position: 0 .5em; padding-left: 0;}
#sitemap ul ul li  a {color:#3F3F3F; text-decoration: none; font-weight: normal; padding: 0; margin: 0;}
#sitemap ul ul li a:hover {color:#3F3F3F; text-decoration: underline;}
#sitemap ul ul {font-size: 1.0em; color: #3F3F3F; list-style-type: none; padding: 0 0 8px 15px; margin: 0;}
#sitemap ul ul li {background-image: none; background-repeat: no-repeat; background-position: 0 .5em; padding: 0; margin: 0;}

form { }
#enquiry {padding: .9em 0 .3em 0;}
#enquiry p {margin: 0; font-size: 1.2em; padding: .9em 0 .3em 0;}
#enquiry input {border: 1px solid #cdcdcd; font: 1.1em/1.2em Arial, sans-serif; padding: .2em; color: #707070; width:351px;}
#enquiry select {border: 1px solid #cdcdcd; font: 1.1em/1.2em Arial, sans-serif; padding: .3em; color: #707070; width:358px; padding-bottom:5px;}
#enquiry textarea {border: 1px solid #cdcdcd; font: 1.1em/1.2em Arial, sans-serif; padding: .2em; color: #707070; width:351px;}
#enquiry legend, #enquiry label {display: none;}
#enquiry input.button {border: 0; height: 20px; width: auto; padding-top: 16px;}
#enquiry fieldset {overflow: hidden;}
#enquiry .checkbox {border: 0; width:auto;}

#wnew_left {} 
#wnew_left a {text-decoration:none; font-size:120%; color:#3F3F3F;} 
#wnew_left a:hover {text-decoration:underline;}
#wnew_right {float:right; width:159px; text-align: right;} 
#wnew_right img {border:solid 1px #3F3F3F;} 
#wnew_left h3 {font-size:200%; padding-bottom:0px; margin-bottom:0px;}
.wnew_dt {color:#A2A4A5; font-size:140%; font-weight:bold; padding-bottom:6px;}

#content_verification {width: 622px; background-color:#E6E6E6; margin: 10px 0 10px 0; padding-bottom:10px; float:left; height:auto;}
#content_verification input {width: 150px; margin-left:10px;}
#ver_head {height:20px; background-color:#9A9A9A; font-weight:bold; color:#FFF; font-size:110%; padding-left:10px; padding-top:4px;}
#captcha {margin-left:10px; padding-top:5px;}
#captcha_left {float:left; width:372px; height:auto; background-image:url(../images/bg_verline.gif); background-repeat:no-repeat; background-position:362px 0;  }
#capthcah_rght {float:left; font-size:90%; width:240px; height:auto;}
#captcha img {border: 1px dotted #000; padding:4px; background-color:#FFF;}
#buttons input {background-image:url(../images/bt_enquiry.gif); background-repeat:no-repeat; width:107px; height:20px; clear:both; cursor:hand; border:none;}

.clear {clear: both; width: auto; height: 1px; padding:0px; margin:0px; font-size:1px; line-height:0px;}

/* flicker free top menu */
#menu {display:block; position:absolute; height:28px; margin:0 0 0 0; left: 18px; top: 0px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin: 0 0 0 0; padding:0; display:block; width:132px;}
#menu li.list1 {background:transparent url(../images/menu1.gif); width:132px;}
#menu li.list2 {background:transparent url(../images/menu2.gif); width:132px;}
#menu li.list3 {background:transparent url(../images/menu3.gif); width:132px;}
#menu li.list4 {background:transparent url(../images/menu4.gif); width:132px;}
#menu li.list5 {background:transparent url(../images/menu5.gif); width:132px;}
#menu li.list6 {background:transparent url(../images/menu6.gif); width:132px;}
#menu a {display:block; padding-top:28px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:28px; he\ight:0;}

#menu ul li {position:relative;}

#menu a#item1 {background:transparent url(../images/menu1-roll.gif) -132px -28px no-repeat;}
#menu a#item2 {background:transparent url(../images/menu2-roll.gif) -132px -28px no-repeat;}
#menu a#item3 {background:transparent url(../images/menu3-roll.gif) -132px -28px no-repeat;}
#menu a#item4 {background:transparent url(../images/menu4-roll.gif) -132px -28px no-repeat;}
#menu a#item5 {background:transparent url(../images/menu5-roll.gif) -132px -28px no-repeat;}
#menu a#item6 {background:transparent url(../images/menu6-roll.gif) -132px -28px no-repeat;}

#menu #home li.list1 {background:transparent url(../images/menu1-roll.gif);}
#menu #about li.list2 {background:transparent url(../images/menu2-roll.gif);}
#menu #contact li.list3 {background:transparent url(../images/menu3-roll.gif);}
#menu #depotmap li.list4 {background:transparent url(../images/menu4-roll.gif);}
#menu #products li.list5 {background:transparent url(../images/menu5-roll.gif);}
#menu #whatsnew li.list6 {background:transparent url(../images/menu6-roll.gif);}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:28px; he\ight:0;}