/* ********************************************* 	*/
/*  COLOUR HEX VALUES 	XXX							*/
/*  Body text - #333333                           	*/
/*  Blue value -  #2991B0							*/
/*  Dark grey value - #4c4d4f      		          	*/
/*  Magenta value - #EE318B							*/
/* ********************************************* 	*/

/* ********************************************* 	*/
/*  DIMENSIONS                                   	*/
/*  #banner - 950 x 32			               		*/
/*  #wrapper - 950 x 500(minimum)               	*/
/*  #header - 940 x 91          		     		*/
/*  #main_nav - 950 x 35		               		*/
/*  #lh_col - 160 x 376(minimum)					*/
/*  #mid_col - 520 x 376(minimum)              		*/
/*  #rh_col - 220 x 376(minimum)              		*/
/* ********************************************* 	*/

/* ***************************************************** CSS RESET ***************************************** */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, button {font-size:100%;font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;} a:visited{ color:inherit;}
/* WebRoot/BristanDB/
/* ***************************************************** MAIN SITE STRUCTURE ***************************************** */

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
}

a{
 color:#2991B0
}

button{cursor: pointer; cursor: hand;}

#banner {
 width:950px;
 float:left;
 margin:0 5px;
 background: url(img/banner-bg.gif) repeat-x #CCCCCC;
}

.wrapper {
 margin:0px auto;
 width:960px;
}

#header, #content {
 float:left;
 width:940px;
 margin:0 10px;
}

#logo {
 float:left;
 padding:44px 0 5px 0;
}

#main_nav {
 width:948px;
 margin:0 6px;
 float:left;
}

#footer {
 margin:8px 7px;
 float:left;
 background:url(img/footer-bg.gif) repeat-x;
 width:946px;
}

#banner div.logged, #header .register {
 float:right;
}

#banner div.logged {
 padding:4px 0 8px 0;
 background:url(img/banner-rh-bg.gif) right top no-repeat;

}

#banner div.logged div.welcome {
 font-size:11px;
 color:#999999;
 background:url(img/welcome-bg-ccc.gif) no-repeat left top;
 padding:4px 0 3px 8px;
 float:left;
}

#banner div.logged a.icon{
 font-size:11px;
 color:#999999;
 padding:3px 0px 4px 3px;
 float:left;
 background:url(img/welcome-bg-ccc.gif) no-repeat center top;
}
#header .register span.cart a.cart{
 color:#2991B0;
}

span.cart a.icon img, span.cart span.icon img{ 
 vertical-align:bottom;
 margin:0 5px;
}

#banner div.logged div.cart {
 font-size:11px;
 color:#999999;
 background:url(img/welcome-bg-ccc.gif) no-repeat #cccccc right top;
 padding:4px 5px 3px 0px;
 float:left;
 margin-right:9px;
}

#banner div.logged div.ErrorMessage {
 margin:8px 12px 0 0;
 padding:5px;
 position:absolute;
 width:328px;
 font-size:90%;
}

#banner ul.tabs li, #footer ul.tabs li{
 margin: 0px;
 background:url(img/banner-tab-seperator.gif) no-repeat left 5px;
 padding:8px 5px 8px 7px;
}

#banner ul.tabs li.first{
 margin: 0px;
 background:url(img/banner-lh-bg.gif) no-repeat left top;
 padding-left:18px;
}

#banner ul.tabs li a, #footer ul.tabs li a {
 color:#333333;
 text-decoration:none;
 padding-top:5px;
}

#header form input, #banner form input {
 font-size:11px;
 border:none;
 background:url(img/input-bg-ccc.gif) no-repeat;
 padding:3px 3px 3px 8px;
 color:#999999;
 margin:0px;
 width:147px;
} 

#header form input {
 padding:0;
 padding-left:8px;
 background:url(img/input-bg-fff.gif) no-repeat #ffffff;
 font-size:13px;
 width:137px;
 height: 26px;
 line-height:26px;
}

#header form input, x:-moz-any-link {
 padding-top:4px;
}

*:first-child+html #header form input{
 padding-top:0px;
}

#header form input.btn, #banner form input.btn {
 vertical-align:top;
 margin:0 9px 0 -3px;
 background-image:none;
 padding:0;
 width:auto;
}

#header form input.btn {
 margin-right:3px
}

#header .social-links {
 float: left; 
 padding-top: 3px;
}

#header .BoxContainer {
 float:left; 
}

#header .register {
 margin-right:8px;
}

#header .register, #header .register a {
 color:#666666;
 font-size:10px;
}

#main_nav ul.tabs {
width:100%;
background:url(img/main_nav-rh-bg.gif) right bottom no-repeat;
}

#main_nav ul.tabs-current{
width:100%;
background:url(img/main_nav-rh-on-bg.gif) right bottom no-repeat;
}

ul.tabs, ul.tabs li, ul.tabs-current, ul.tabs-current li{
 display:block; 
 float:left;
 }

#main_nav ul li { /* check around line 800 for extra safari hacks */
 padding:10px 25px;
 background:url(img/main_nav-li-bg.gif) left bottom no-repeat;
 font-size:13px;
}

#main_nav ul li.current {
 background:url(img/main_nav-current-bg.gif) left bottom no-repeat;
}

#main_nav ul li a{
 color:#FFFFFF;
 text-decoration:none;
}

#main_nav ul li a:hover{
 text-decoration:underline;
}

#main_nav ul li.first {
 margin-left:0px;
 border-left:none;
 
 background: url(img/main_nav-lh-bg.gif) left bottom no-repeat;
}

#main_nav ul li.first-current {
 margin-left:0px;
 border-left:none;
 
 background: url(img/main_nav-lh-current-bg.gif) left bottom no-repeat;
}

#footer ul.tabs{
 background:url(img/footer-bg-rhs.gif) right top no-repeat;
 width:100%;
}
#footer ul.tabs li{
 padding-top:12px;
 padding-bottom:12px;
 background-position:left 11px;
}
#footer ul.tabs li.first {
 
 padding-left:15px;
 background:url(img/footer-lhs-bg.gif) left top no-repeat;
}

div.search {
 margin-top:46px;
 float:right;
 clear:right;
}

/* ***************************************************** all other pages ********************************************** */
#mid_col .top, #rh_col .top{
 height:25px;
}

#lh_col .top h3, #rh_col .top h3  {
 margin:4px 5px 3px 15px;
 color:#00809d;
 font-size:14px;
 font-weight:bold;
}

#lh_col .top h3{
 margin-bottom:10px;
}


#mid_col .top .breadcrumb, #rh_col .top .breadcrumb {
 
 color:#666666;
 font-size:9px;
 font-weight:bold;
 display:block;
 margin:5px 0;
}

#mid_col .top .breadcrumb a, #rh_col .top .breadcrumb a {
 color:#666666;
}
 
#lh_col {
 width:160px;
 float:left;
}

#mid_col {
 float:left;
 width:520px;
 margin-left:20px;
 padding-bottom:20px;
}

#rh_col {
 float:left;
 margin-left:20px;
}

ul.lh-nav li {
 list-style:none;
 list-style-image:none;
 padding:3px 3px 3px 15px;
 background-color:#999999;
 float:left;
 clear:both;
 width:142px;
 font-size:13px;
}

ul.lh-nav li a{
 color:#ffffff;
 text-decoration:none;
}

ul.lh-nav li.current {
 background-color:#00809d;
 font-weight:bold;
}

ul.lh-nav li.last-current {
 background:url(img/last-current-bg.gif) bottom #00809d no-repeat;
 padding-bottom:10px;
 font-weight:bold;
}

ul.lh-nav li.last {
 background:url(img/last-bg.gif) bottom #999999 no-repeat;
 padding-bottom:10px;
}

#mid_col h1{
 font-size:16px;
 margin:16px 0 0.9em 0;
 font-weight:bold;
 width:100%;
 float:left;
} 

#mid_col h2{
 font-size:14px;
 margin:16px 0 0.9em 0;
 font-weight:bold;
 width:100%;
 float:left;
} 
 
#mid_col p{
 margin-bottom:0.9em;
}

#mid_col table {
 border-top: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 width:100%;
 float:left;
}

#mid_col td {
 padding:4px;
 border-bottom: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 font-weight:bold;
}

#mid_col fieldset legend {
 font-size:14px;
 margin-bottom:0.9em;
 font-weight:bold;
}

#mid_col fieldset {
 margin-top:16px;
 width:100%;
 float:left;
}

#mid_col label {
 float:left;
 clear:left;
 width:120px;
 margin:15px 5px 0 0;
}

#mid_col input {
 float:left;

 clear:none; 

 /* clear:none; */

 margin-top:12px;
 background-color:#e4e8eb;
 border: 1px solid #e4e8eb;
 padding:2px;

 /* width: 220px; */

}

#mid_col input.error {
 background-color:#FFFFFF;
 border:1px solid #FF0000;
}

#mid_col span.InputError {
 font-weight:bold;
 color:#FF0000;
 margin:15px 0 0 5px;
 float:left;
 display:block;
}

#mid_col select.LongText {
 float:left;
 margin-top:12px;
}

/* **** form error message ***** */

div.ErrorMessage, div.ConfirmationMessage {
 background-color:#FFFFFF;
 border:1px solid #FF0000;
 padding:10px;
 margin-bottom:10px;
 clear:both;
 /* display:none; */
}

div.ErrorMessage h3, div.ConfirmationMessage h3{
 font-weight:bold;
 font-size:12px;
 color:#000000;
 margin-bottom:6px;
 margin-top:0px;
}

div.ErrorMessage p, div.ConfirmationMessage p{
 margin-bottom:6px;
}

/* **** form confirmation message ***/

div.ConfirmationMessage {
 background-color:#2991B0;
 border: 1px solid #2991B0;
}

div.ConfirmationMessage h3{
 color:#FFFFFF;
}

/***** category list pages *****/

#rh_col td.text-row{
 border-top:6px solid #c2ce3e;
 width:759px;
 border-bottom:1px solid #cccccc;
}

#rh_col td.text-row h2{
 width:729px;
 padding: 15px;
 font-size:18px;
}

#rh_col td.text-row p{
 margin:0px;
 width:729px;
 padding:0 15px 15px;
}

#rh_col td.subcat{
 border-bottom:1px solid #cccccc;
 width:225px;
 padding:14px;
}

#rh_col td.subcat h3{
 font-size:16px;
 margin-top:10px;
 color:#2991B0;
}

#rh_col td.subcat h3 a{
 color:#2991B0;
 text-decoration:none;
}

#rh_col td.subcat p{
 margin-top:10px;
}

#rh_col td.on{
 background-color:#f0f0f0;
}

/******* category home pages ******/

#rh_col .cat_home{
 margin-top:10px;
 padding: 0 0 10px 0;
 border-bottom:1px solid #cccccc;
 float:left;
 width:759px;
 clear:both;
}

#rh_col .cat_home .image{
 float:left;
 margin-right:10px;
}

#rh_col .cat_home .text{
 float:left;
 width:650px
}


#rh_col .cat_home h2{
 font-size:16px;
 font-weight:bold;
 margin:0 0 5px;
}

#rh_col .cat_home .your-price{
 display:block;
 margin-bottom:10px;
 font-weight:bold;
 }

#rh_col .cat_home .parts_stock{
 display:block;
 float:right;
 margin-top:10px;
}

#rh_col .cat_home .parts_stock img{
 float:none;
 margin-right:0;
 vertical-align:text-top;
}

#rh_col .cat_home .parts_stock a{
 color:#EE318B;
 font-weight:bold;
}

#rh_col .cat_home a.cart-add{
 width:124px;
 float:left;
 background: #2991b0 url(img/add-cart-bg.gif) right top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 padding:7px 12px;
 text-decoration:none;
}

#rh_col .cat_home a.view-details{
 width:118px;
 float:left;
 background: #2991b0 url(img/view-details-bg.gif) right top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 padding:7px 10px;
 text-decoration:none;
}

/* ***************************************************** product pages ************************************************ */

#mid_col #images {
 float:left;
 width:162px;
 font-weight:bold;
}

#mid_col #images p {
 margin:0.5em 0 0.3em 0;
 float:left;
 width:100%;
}

#mid_col #images img {
 float:left;
 margin:0 2px 2px 0;
}

#mid_col #images .large {
 text-align:center;
 margin-bottom:5px;
}

#mid_col #images .large img{
 float:none;
}

#mid_col #images .large a{
 clear:both;
 display:block;
 color:#2991B0;
}

#mid_col #description {
 float:left;
 width:340px;
 margin-left:18px;
 } 
 
#mid_col #description a.techlink{
 display:block;
 background:url(img/product_techlink-bg.gif) no-repeat;
 float:left;
 width:59px;
 text-align:center;
 padding:13px;
 color:#666666;
 font-size:80%;
 font-weight:bold;
 text-decoration:none;
 margin-bottom:10px;
} 

#mid_col #description a.techlink:hover{
 text-decoration:underline;
}

#mid_col #description a.viewspares{
 background:url(img/viewspares-bg.gif) left top no-repeat #ee318b;
 display:block;
 margin-bottom:10px;
 clear:both;
 width:167px;
 color:#FFFFFF;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding:6px 5px;
} 

#mid_col #technical {
 float:left;
 width:100%;
 margin-top:10px;
 font-weight:bold;
 color:#4c4d4f;
}

p.price, div.price{
 font-weight:bold;
 float:left;
 width:100%;
 border-top:1px solid #999999;
 padding-top:10px;
 color:#333333;
}

p.price a, div.price a{
 font-weight:normal;
 color:#333333;
}

p.price img, div.price img{
 vertical-align:bottom;
}

span.rr-price, span.your-price {
 color:#2991b0;
}

span.your-price {
 font-size:16px;
}

div.price a.find-stockist{
 width:220px;
 display:block;
 background: #2991b0 url(img/view-details-bg.gif) right top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 padding:7px 12px;
 text-decoration:none;
}

div.price a.cart-add{
 width:124px;
 display:block;
 background: #2991b0 url(img/add-cart-bg.gif) right top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 padding:7px 12px;
 text-decoration:none;
 float:right;
}

div.price span.social-links, div.price div.social-links-anon{
 float:left;
 padding:5px 0 10px 0;
 display:block;
 margin-top:10px;
 width:100%;
}

div.price span.social-links a, div.price div.social-links-anon a{
 margin-right:2px
}

div.price span.delivery{
float:left;
clear: both;
margin-top:10px;
width:100%;
}

div.price div{
 width:50%;
 float:left;
}

#mid_col #technical table{
 margin-top:3px;
}

#mid_col #technical td.title {
 background-color:#eceef0;
 width:172px;
 font-weight:normal;
}

#mid_col #technical a{
 color:#4c4d4f;
 text-decoration:none;
}

#mid_col ul#parts, #mid_col table#parts{
width:519px;
float:left;
border-left:1px solid #cccccc;
border-right:none;
border-top:none;
}

#mid_col ul#parts li {
width:172px;
float:left;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
list-style:none;
list-style-image:none;
padding-bottom:10px;
}

#mid_col table#parts td {
border-left:none;
width:172px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding-bottom:10px;
font-weight:normal
}

#mid_col ul#parts li img, #mid_col ul#parts li p, #mid_col table#parts td img, #mid_col table#parts td p{
float:left;
margin:10px 0 0 10px;
}

#mid_col ul#parts li p, #mid_col table#parts td p{
width:55%;
}

#mid_col h3.parts{
background-color:#ee328c;
width:500px;
padding:7px 10px;
color:#FFFFFF;
font-weight:bold;
float:left;
margin-top:10px;
}


/* ***************************************************** Basket Page *************************************************** */

#mid_col tr.header td{
 background-color:#2991b0;
 color:#ffffff;
 padding:5px;
}

#mid_col td.total {
 background-color:#e4e8eb;
}

#mid_col tr.footer td.total {
 background-color:#e4e8eb;
 border-top:2px solid #2991b0;
}

#mid_col tr.footer td {
 border-top:2px solid #999999;
}

#mid_col td.centred {
 text-align:center;
}

#mid_col td.rh {
 text-align:right;
}
#mid_col td.rh select {
 float:right;
 margin-top:0px;
}

#mid_col td a.update-cart, #mid_col td button.update-cart  {
 float:left;
 width:70px;
 display:block;
 background:#999999 url(img/update-cart-bg.gif) left top no-repeat;
 color:#FFFFFF;
 font-size:9px;
 padding:4px 6px 6px 6px;
 text-decoration:none;
 line-height:100%;
}
#mid_col td button.update-cart  {
 width:83px;
}

#mid_col div.order-info {
 width:280px;
 float:left;
 
}

#mid_col div.order-info label{
 margin-top:6px;
 width:100%;
 font-size:80%;
 margin:0px;
}

#mid_col form {
 float:left;
 width:100%;
 margin-bottom:10px;
 clear:both;
}

#mid_col div.order-info input, #mid_col div.order-info textarea {
 background-color:#e4e8eb;
 border:none;
 margin:6px 0;
 float:none;
 padding:3px;
}

#mid_col button.checkout {
 float:left;
 width:240px;
 border:none;
 background: #2991b0 url(img/checkout-bg.gif) left top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 padding:8px 12px;
 text-decoration:none;
 margin-top:20px;
}

#mid_col div.order-button {
 float:left;
 width:240px;
}

#mid_col label.t_c {
 float:right;
 clear:none;
 width:480px;
 margin-bottom:2px;
 margin-left:5px;
 margin-top:12px;
}

#mid_col input#t_c_checkbox {
 float:left;
 clear:left;
 width:20px;
}

#mid_col div.t_c_row {
 width:100%;
 float:left;
 margin-top: 10px;
}

/* ***************************************************** address & login & shopping cart pages ************************************************** */

#mid_col table input {
 float:none;
 margin-top:2px;
}

#mid_col tr.footer input#Coupon{
 float:left;
}

#mid_col tr.footer label{
 margin:4px 10px 0 4px;
 width:auto;
 font-size:80%;
}

#mid_col tr.footer a.redeem-coupon{
float:left;
 width:80px;
 display:block;
 background:#999999 url(img/redeem-coupon-bg.gif) left top no-repeat;
 color:#FFFFFF;
 font-size:9px;
 padding:4px 3px 6px 4px;
 margin:2px 0 0 10px;
 text-decoration:none;
 line-height:100%;
}
 
#mid_col a.previous, #mid_col button.previous, #mid_col button.next {
 float:left;
 width:100px;
 display:block;
 background: #2991b0 url(img/btn_step-bg.jpg)  left top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 padding: 6px 0 8px;
 text-decoration:none;
 margin-top:5px;
 text-align:center;
 margin:10px 0;
}

#mid_col button.next {
 float:right;
}

#mid_col div.progress_bar {
 float:left;
 width:100%;
 margin-bottom:10px;
}

#mid_col div.progress_bar a:hover {
 text-decoration:underline;
}

#mid_col div.progress_bar span, #mid_col div.progress_bar a{
 display:block;
 background-color:#00809d;
 color:#bcdce6;
 float:left;
 width:100px;
 padding:9px 15px 8px 15px;
 background:url(img/progress_bar-bg.gif) right center no-repeat #2991B0;
 text-decoration:none;
 margin:0;
 font-size:100%;
}

#mid_col div.progress_bar span.current, #mid_col div.progress_bar a.current{
 background:url(img/progress_bar-current-bg.gif) right center no-repeat #74c043;
 color:#FFFFFF;
 font-weight:bold;
 text-decoration:none;
 margin:0;
 font-size:100%;
}

#mid_col div.progress_bar span.previous, #mid_col div.progress_bar a.previous{
 background:url(img/progress_bar-previous-bg.gif) right center no-repeat #83be3f;
 color:#c7e6b4;
 text-decoration:none;
 margin:0;
 font-size:100%;
}

#mid_col div.progress_bar span.last, #mid_col div.progress_bar a.last{
 background-position:left center;
}

/* ***************************************************** Order Confimation Page **************************************** */

#mid_col .confirm-address {
 width:46%;
 float:left;
 margin-right:4%;
 margin:20px 0 10px 0;
 background-color:#FFFFFF;
 padding-bottom:5px;
}
#mid_col .confirm-address h2 {
 width:96%;
 margin:0;
 padding:5px 2%;
 border-bottom:2px solid #2991B0;
}
#mid_col .confirm-address p {
width:95%;
 margin:5px;
 float:left;
}

/* ***************************************************** Address edit and select Pages **************************************** */
#mid_col .edit-address {
 width:100%;
 float:left;
 background-color:#f3f5f7;
 margin-bottom:10px;
}

#mid_col .edit-address .confirm-address {
 width:60%;
 float:left;
 border:1px solid #999999;
 margin-right:1%;
 margin-bottom:0;
 margin-top:0;
}

#mid_col .edit-address label{
clear:none;
margin-left:10px;
width:auto;
margin-top:5px;
font-weight:bold;
}
#mid_col .edit-address input{
margin-top:5px;
}

#mid_col button.address_add {
 float:left;
 clear:left;
 width:255px;
 display:block;
 background: #2991b0 url(img/checkout-bg.gif)  left top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 padding: 6px 0 8px;
 text-decoration:none;
 text-align:center;
 margin:10px 0;
}

#mid_col .edit-address a.address-change, #mid_col .edit-address a.address-delete{
float:left;
 width:80px;
 display:block;
 background:#999999 url(img/update-cart-bg.gif) left top no-repeat;
 color:#FFFFFF;
 font-size:9px;
 padding:4px 3px 6px 4px;
 margin:2px 0 5px 5px;
 text-decoration:none;
 line-height:100%;
 }
 #mid_col .edit-address a.address-change{
 background:#2991B0 url(img/change-address-bg.gif) left top no-repeat;
 }
 
 #mid_col div.radio {
 float:left
}
 
 
 #mid_col div.radio label{
 clear:none;
 margin-top:12px;
}
#mid_col div.radio input{
 clear:left;
 margin-right:5px;
 vertical-align:bottom;
}

/* ***************************************************** account page ************************************************** */
#rh_col h1 {
 font-size:16px;
 margin:16px 0 0.9em 0;
 font-weight:bold;
}

#rh_col a.account {
 float:left;
 width:214px;
 display:block;
 background: #2991b0 url(img/checkout-bg.gif) left top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 padding:8px 12px;
 text-decoration:none;
 margin:5px 20px 10px 0;
}

/* ***************************************************** IE 8 HACKS **************************************************** */ 


/* ***************************************************** IE 6 HACKS **************************************************** */ 

* html #header form input.btn, * html #banner form input.btn {
 margin-top:1px;
}

* html .content-header h3 {
 margin-left:10px;
}

* html legend {
 margin-left:-6px;
}

* html #content {
 margin:0 8px;
}

* html #banner div.logged {
padding:3px 0 6px;
}

* html #lh_col .top h3{
 margin-bottom:6px;
}

/* ***************************************************** IE 7 HACKS **************************************************** */ 

*:first-child+html #header form input.btn, *:first-child+html #banner form input.btn  {
 margin-top:1px;
}

*:first-child+html #banner div.logged {
padding:3px 0 6px;
}

*:first-child+html .lh_col h3 {
 margin-left:5px;
}

*:first-child+html #lh_col .top h3{
 margin-bottom:6px;
}


/* ***************************************************** SAFARI  HACKS ***************************************************** */


#header form input.btn, #banner form input.btn {
 margin-top:1px;
}

#main_nav ul.tabs li {
 padding:10px 24px;
}
/* Safari 2.0 obeys the above, ignores the following */
#header form input.btn, #banner form input.btn {
 margin-top:0;
 #
}

#main_nav ul.tabs li {
 padding:10px 25px;
 #
}

 @media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0/4.0 and Chrome rules here */
#header form input.btn, #banner form input.btn {
 margin-top:1px;
}
#main_nav ul.tabs li {
 padding:10px 24px;
}
 }

/* ***************************************************** OPerA HACKS ***************************************************** */

@media all and (min-width: 0px) {   
#header form input.btn, #banner form input.btn {
 margin-top:0;
}
input{
padding-top:5px;
} }





/*=================== BREADCRUMB ====================*/
#content .top .breadcrumb {
	color:#666666;
	display:block;
	font-size:9px;
	font-weight:bold;
	margin:5px 0;
}

#content .top .breadcrumb a {
	color:#666666;
}
/*=================== CONTENT AREA HOLDER (SITEMAP) ====================*/
#content .SiteMap {
	float:left;
}
/*=================== CONTENT AREA HEADLINE ====================*/
#content .SiteMap h1 {
	font-size:18px;
	padding:15px;
	width:729px;
}
/*=================== CONTENT AREA ====================*/
#content .SiteMap .SiteMapContainer {
	padding:15px 15px 15px 42px;
	margin-top:-20px;
}

#content .SiteMap .SiteMapContainer .FloatLeft {
	float:left;
}
#content .SiteMap .SiteMapContainer .FloatRight {
	float:left;
	margin:-40px 0 0 60px;
}
#content .SiteMap .SiteMapContainer .ClearBoth {
	clear:both;
}

/*=================== SITEMAP LINKS STYLES ====================*/
#content .SiteMap .SiteMapContainer .InnerHead {/* Style for CHAPTERS */
	font-size:1.2em;
	margin:10px 0;
}
#content .SiteMap .SiteMapContainer .InnerHead a {/* Style for CHAPTERS */
	color:#666;
	font-weight:bold;
}

#content .SiteMapContainer .SiteMapRight .SiteMapRightContent {/* RIGHT SIDE */
	padding-left:15px;
	line-height:20px;
}
#content .SiteMapContainer .SiteMapLeft .SiteMapLeftInner span {/* LEFT SIDE */
	display:inline-block;
	padding-left:15px;
	margin-bottom:5px;
	position:relative;
	top:3px;
	*top:2px;
}

/* ============= =============== */
/* *** FACT-Finder Stylings ***  */

.FloatLeft,
.FloatRight {
 float: left;
 clear: both;
 margin-top: 5px;
 margin-bottom: 20px;
 width: 760px;
 font-family: Arial,Geneva,Helvetica,sans-serif;
 font-size: 11px;
 color: #000;
 text-align: right;	
}

.FloatLeft select,
.FloatRight select {
 text-align: left;
 font-family: Arial,Geneva,Helvetica,sans-serif;
 font-size: 11px;
}

.PagerSizeContainer,
.PagerInfoLeft,
.PagerInfo {
 display:block;
 float:left;
 clear:left;
 width: 600px;
 margin-top: 15px;
 margin-bottom: 5px;
 margin-left: 10px;
 text-align: left;
 font-family: Arial,Geneva,Helvetica,sans-serif;
 font-size: 11px;	
}

.PagerInfoLeft {
 display:none;
}

.PagerSizeContainer a.PagerButton,
.PagerSizeContainer a.PagerButtonCurrent {
 display: block;
 float: left;
 height: 18px;
 line-height: 18px;
 font-size: 1.2em;
 font-weight: bold;
 text-decoration: none;
 margin-right: 5px;
 padding-left: 6px;
 padding-right: 6px;
 color: #5B5B5B; 
 border: solid 1px #5B5B5B; 
 background: #ffffff;	
}

.PagerSizeContainer a.PagerButton:hover,
.PagerSizeContainer a.PagerButtonCurrent {
 background: #ececec;		
}

.Address ul {
 list-style-type: none;
 margin-left: 10px;
}

.Address ul li {
 margin-left: 0px;
 font-family: Arial,Geneva,Helvetica,sans-serif;
 font-size: 12px;	
}

#FACTFinderAfterSearch a#ffCloseAfterSearch,
#FACTFinderAfterSearch .ContextBoxHead span,
a#MultiFilter_FFMultiManufacturer,
a#MultiFilter_FFMultiProductType,
a#MultiFilter_FFMultiSize,
a#MultiFilter_FFMultiColour,
.LayerOverIframe {
 display:none;
}

#FACTFinderAfterSearch .ContextBoxBody h2{
 font-size: 14px;
 font-weight: bold;	
}

* html #maincolumn-blank,
* html #maincolumn-blank-prodlist {
 margin-left: 0px;	
}

* html #menucolumn .BoxContainer {
 width: 140px;	
 margin: 0;
 padding:0;
 margin-left: -10px;
 padding-top: 15px;
 padding-bottom: 15px;
 padding-left: 20px;
}

* html #menucolumn #FACTFinderAfterSearch .ContextBoxHead {
 height: 5px;
 margin-left: -1px;
}

/* *** Justins extra CHANGES *** */

#content .SiteMap .SiteMapContainer .FloatRight {
 margin:0;	
}

#content .SiteMap {
 float:left;
 width:600px;
}

#content .SiteMap h1 {
 float:left;
 width:600px;
}

#content .SiteMapContainer {
	width:600px;
	text-align:left;
	float:left;
	clear:left;
}

* html #content .SiteMapBackground {
 width:400px;
}

* html #content .SiteMap {
 width:400px;
}

* html #content .SiteMap h1 {
 width:400px;
}

* html #content .SiteMapContainer {
 width:400px;
}

#content .ProductListHead {
	width:250px;
	text-align:left;
	margin:0;
	padding:0;
	float:left;	
	clear:left;
}

#content .ProductListContent {
	width:250px;
	text-align:left;
	float:left;	
	clear:left;
}

#content .SiteMapRightContent {
	width:250px;
	text-align:left;
	float:left;		
	clear:left;
}

#content .SiteMapLeftInner {
	width:250px;
	text-align:left;
	margin:0;
	padding:0;
	float:left;		
	clear:left;	
}

#content .SiteMapLeftInner div {
	width:250px;
	text-align:left;
	margin-top:-10px;
	margin-bottom:-10px;	
	padding:0;
	float:left;		
	clear:left;	
}

#content .SiteMapLeft {
 width:250px;
 text-align:left;
 float:left;		
 clear:left;		
}

#content .SiteMapRight {
 width:250px;
 text-align:left;
 float:left;		
 clear:left;		
}

#content .InnerHead {
 clear:left;
}

/* **** FACTFINDER CHANGES - Justin -- **** */

.PagerSizeContainer,
.PagerInfoLeft,
.PagerInfo {
 width: 700px;
}

.PagerSizeContainer a.PagerButton,
.PagerSizeContainer a.PagerButton-Current {
 display: block;
 float: left;
 height: 18px;
 line-height: 18px;
 font-size: 1em;
 font-weight: bold;
 text-decoration: none;
 margin-right: 5px;
 margin-bottom: 5px;
 padding-left: 4px;
 padding-right: 4px;
 color: #5B5B5B; 
 border: solid 1px #5B5B5B; 
 background: #ffffff;	
}

.PagerSizeContainer a.PagerButton:hover {
 background: #ececec;		
}

.PagerSizeContainer a.PagerButton-Current {
 background: #cccccc;
}

div#rh_col .FloatLeft {
 display:none;
}

div.BoxContainer {
 margin-top: 70px;
}

.search .BoxContainer {
 margin-top:0;
}

div.BoxContainer a {
 font-size: 10px;
}

div.BoxContainer h2 {
 font-size: 10px;
 margin-top: 10px;
}

#wraph3parts {
 float:left;
 margin-top:10px;
 background-color:#ee328c;
 width:519px;
 height:25px;
}

#mid_col #wraph3parts h3.parts{
 float: left;
 width:200px;
 height:25px;
 color:#FFFFFF;
 font-weight:bold;
 padding:0;
 margin:5px;
 background: none;
}

#mid_col #wraph3parts a.right-a {
 float: right;
 display:block;
 text-align:right;
 width:200px;
 height:25px;
 padding:0;
 margin:5px;
}




/* *** BUTTON FIX *** */




#mid_col button.checkout {
 float:left;
 display:inline;
 width:240px;
 height:35px;
 border:none;
 background: url(img/checkout-bg.gif) left top no-repeat;
 -ms-background-position-x: 1px; 
 -ms-background-position-y: 3px;
 color:#FFFFFF;
 font-size:14px;
 padding:8px 12px;
 text-decoration:none;
 margin-top:20px;
}

#mid_col button.checkout:active {
 -ms-background-position-x: 2px; 
 -ms-background-position-y: 4px;
}

* html #mid_col button.checkout span {
 float:right;
 width:216px;
 height: 32px;
 display:block;
 text-align:center;
}


#mid_col button.previous, 
#mid_col button.next {
 background: url(img/btn_step-bg.jpg) no-repeat scroll left top;
 -ms-background-position-x: 1px; 
 -ms-background-position-y: 3px;
 color:#FFFFFF;
 display:block;
 float:right;
 font-size:14px;
 margin:10px 0;
 padding:6px 0 8px;
 text-align:center;
 text-decoration:none;
 width:105px;
 height: 35px;
}

#mid_col button.previous:active, 
#mid_col button.next:active {
 -ms-background-position-x: 2px; 
 -ms-background-position-y: 4px;
}

* html #mid_col button.previous span, 
* html #mid_col button.next span {
 width:105px;
 height: 35px;
 display:block;
 text-align:center;
}


/* *** ADD FACTFINDER NAV HEADINGs *** */


div.BoxContainer a.view-details {
 width:118px;
 float:left;
 background: #2991b0 url(img/view-details-bg.gif) right top no-repeat;
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold;
 padding:7px 10px;
 text-decoration:none;
 margin-bottom: 10px;
}

/* *** messagebox fix *** */

div.ConfirmationMessage,
div.ConfirmationMessage a {
 color: #ffffff;
}

/* *** TAPS wrapping Image *** */

#rh_col table td.text-row h2 {
 padding:0;
 padding-top:15px;
}


/* *** protx page fix *** */


#mid_col div.progress_bar span.last-protx {

}