/* CSS Document */
body { text-align:left; font-family:"Lucida Grande",Arial,Helvetica,sans-serif; font-size:65.5%; margin:0; padding:0; background-color:#333333; height:100%; }
form { padding:0; margin:0; }

/* General CSS */
span.was_splash { font-size:0.8em;font-weight:bold;color:#FF3F05;padding-left:5px; }
p { font-size:1.2em; line-height:1.4; margin:0 0 10px 0; padding:0; }
h1 { font-size:1.2em; color:#000000; margin:20px 0 10px 0; font-weight: bold; }
h2 { font-size:1.2em; line-height:1.2; color: #000; }
ul { margin:0; padding:0; font-size:1.2em; }
li { margin:0; padding:0; }
a { color:#000000; text-decoration:underline; }
a:focus { outline-style:none;}
img { border:none; }

/* The header CSS styles */
#header_top { background:url(images/header_BG.png) no-repeat top center; margin:0 auto; width:990px; padding:0; }
#header_top .header_right { border:0px solid #FF0000;  font-weight: bold; color:#FFFFFF; font-size:11px; width:300px; padding-left:690px; margin-top:10px; position:absolute; }
#header_top .header_right a { font-weight: bold; text-decoration:none; color:#FFFFFF; font-size:11px; }
#header_top .header_right a:hover { text-decoration:underline; }
#header_left { width:990px; padding:10px 0px 0px 10px; height:93px; }
#header_left a { padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; }
#header_top .header_right .search_box { color:#1C1C1C; font-size:11px; margin:10px 0px 10px 0px; }
#header_top .header_right .search_box input { width:148px; height:20px; border:1px solid #000000; }
#header_top .header_right .select_box { width:148px; height:20px; border:1px solid #000000; margin:0px 0px 0px 52px; }
#header_top .header_right .submit_btn { background:url(images/search_btn.png) no-repeat; float:left; position:absolute; width:65px; height:24px; margin:0px 0px 0px 5px; text-align:center; padding-top:5px; color:#333333; }
#header_top .header_right .submit_btn:hover { text-decoration:none; }
#header_bottom { clear:both; }

/* The menu CSS styles */
#menu_wrapper { padding-top:15px; padding-bottom:0px; }
html>body #menu_wrapper { padding-top:12px; }
#menu { margin:0px auto 0px auto; list-style:none; padding:0px; display:table; width:940px; }
#menu li { float:left; list-style:none; }
#menu li a { color:#FFFFFF;	text-decoration:none; background:url(images/menuGrey_BG.png) repeat-x; padding:15px 15px 15px 15px; font:bold 11px "Lucida Grande",Arial,Helvetica,sans-serif; display:block; }
#menu .selected a, #menu .selected a:visited { color:#333333; text-decoration:none; padding:15px 15px 15px 15px; font:bold 11px "Lucida Grande",Arial,Helvetica,sans-serif; background:url(images/menuWhite_BG.png) repeat-x; display:block;	}
#menu a:hover { color:#FFFFFF; text-decoration:none; padding:15px 15px 15px 15px; font:bold 11px "Lucida Grande",Arial,Helvetica,sans-serif; background:url(images/menuBlue_BG.png) repeat-x; display:block; }
#menu .top-nav-selected1 a, #menu .top-nav-selected1 a:visited { color:#FFFFFF; text-decoration:none; padding:15px 15px 15px 15px; font:bold 11px "Lucida Grande",Arial,Helvetica,sans-serif; background:url(images/menuBlue_BG.png) repeat-x; display:block;	}
#end_img { border:1px solid #ff0000; background:url(images/menuGrey_BG.png) no-repeat; width:5px; height:40px; border:1px solid #ff0000; float:right; }

/* The content CSS styles */
#content_wrapper { margin:-4px auto 0px auto; padding:0px; width:990px; }
html>body #content_wrapper { margin:0 auto; }
#content_top {  margin:0px 0px 0px 0px; width:990px; height:20px; background:url(images/main_content_topBG.png) no-repeat; }
#content_body { margin:0px 0px 0px 0px; width:990px; border:0px solid #ff0000; float:left; padding:0px; background:url(images/main_content_BG.png) repeat-y; }
#content_footer { margin:0px 0px 0px 0px; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center; width:990px; float:left; padding:10px 0px 0px 0px; width:990px; height:65px; background:url(images/main_content_bottomBG.png) no-repeat; }
#content_footer a { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:11px; } 
#main_links a { padding-left:10px; }

/* The left hand navigation CSS styles */
#left_nav { background:url(images/left_header.png) no-repeat; width:180px; float:left; position:relative; top:-10px; left:10px; color:#333333; }
#left_nav p { padding:15px 0px 0px 15px; font-size:11px; font-weight:bold; color:#333333; }
#left_nav ul { margin:0px 0px 0px 5px; font-weight:bold;  }
#left_nav ul li { padding:0px 0px 5px 0px; list-style:none; width:168px;  border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;  }
#left_nav ul li a {	text-decoration:none; display:block; padding:10px 5px 0px 10px; font-size:12px; }
#left_nav ul li a:hover, #left_nav ul li  a.selected { text-decoration:none; display:block; }
#left_nav ul li ul { margin:0px 0px 0px 0px;  padding:0px 0px 0px 0px; font-weight:normal; }
#left_nav ul li ul li { background-image:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:none; }
#left_nav ul li ul li a { text-decoration:none;	display: block;	padding: 5px 5px 5px 25px; font-size:11px; margin:0; background: none; }
#left_nav  li  li  a:hover, #left_nav li li a.selected { text-decoration:none; display: block; padding: 5px 5px 5px 25px; background: none; color:#666666; }

#left_nav ul li.hide { display:none; }
#left_nav ul li.menu_item_r a {	color:#333333; }
#left_nav ul li.show a { color:#333333; }
#left_nav ul li.show a:hover { color:#666666; }
#left_nav ul li.selected a { color:#666666; font-weight:bold; }
#left_nav ul.mainlinks a { display:block; }
#left_nav ul.mainlinks a:hover { color:#666666; }

/* The right hand navigation CSS styles */
#right_nav { background:url(images/right_header.png) no-repeat; width:180px; float:right; position:relative; top:-12px; right:10px; }
#right_nav p { padding:15px 0px 0px 15px; font-size:11px; font-weight:bold; color:#333333; }
#right_nav_body { border:1px solid #CCCCCC; width:168px; margin:0px 0px 0px 5px; } 
#right_nav_body a { background:url(images/checkout_btn.png) no-repeat; display:block; width:105px; height:25px; text-align:center; text-decoration:none; margin:0 auto 0 auto; padding:5px 0px 0px 0px; color:#FFFFFF; font-weight:bold; font-size:11px; }
#smallCart { padding:5px; }
#smallCart p { padding:0; margin:0; }
#smallCart .SCPrice { font-size:12px; color:#FF6600; font-weight:bold; }
.small-cart-sub{ text-align:center; padding:5px 0px 5px 0px; }
.small-cart-sub-total{ font-size:11px; font-weight:bold; color:#333333; }
.small-cart-price{ font-size:14px; font-weight:bold; color:#FF6600; }

/* The main content body CSS styles */
#content { position:relative; top:-6px; left:15px; width:600px; float:left; height:100%; border:0px solid #ff0000;}
.imagealign { text-align:center; width:100%; }
#bread-crumb-holder { padding:20px 10px 10px 10px; font-size:11px; font-weight:bold; }
#bread-crumb-holder a { text-decoration:none; }
#content ul { margin:0; padding:0; list-style-type:none;}
#content li { padding:2px 2px 2px 2px; margin-left:15px; font-size:11px; }
#content li a { text-decoration:none; } 
#content li a:hover { text-decoration:underline; }
#content h1 { padding-left:10px; } 
#content h2 { padding-left:10px; } 
#content p { padding-left:10px; } 
#contactT { padding-left:10px; width:780px; }
#contactT p { padding:0px 0px 0px 0px; }
#contactT input, #contactT textarea { border:1px solid #333333; } 
#addressBoxHolder { margin:0px 0px 0px 0px; float:right; position:relative; top:-75px; width:247px; }
html>body #addressBoxHolder { top:-60px; }
#addressBox { border:1px solid #CCCCCC; }
#addressBox p { padding:2px 2px 2px 2px; }
.filter-search-holder { padding:0px 0px 0px 10px; }
.Tbar_default { background:url(images/orange_bg.png) no-repeat; display:block; height:20px; width:100px; padding:4px 0px 0px 5px; color:#FFFFFF; font-weight:bold; font-size:11px; }
.filter-search select { border:1px solid #999999; }
.product_listing { border:1px solid #CCCCCC; background-color:#FFFFFF; color:#333333; font-size:11px; padding:5px 5px 5px 5px; margin:5px 0px 0px 0px; }
.price { font-size:12px; color:#FF6600; font-weight:bold; }
.price-vat { font-size:11px; font-weight:bold; color:#333333; }

/* The special offer header CSS styles */
#special-offer-header { color:#333333; font-size:11px; font-weight:bold; height:45px; width:600px; background:url(images/centre_header.png) no-repeat; padding:15px 0px 0px 15px; }

/* The special offers CSS styles */
#clb-shell { width:610px; padding-left:5px; }
#clb-shell ul.clb li { border:1px solid #CCCCCC; margin:0px 16px 10px 0px; padding:0; width:285px; height:180px; float:left; background:#FFFFFF; }
#special_product_style .product_special_image { width:100px; height:150px; float:left; margin-top:15px; }
#special_product_style img { padding-left:5px; } 
#special_product_style h3 a { position:relative; left:5px; color:#333333; text-decoration:none; font-weight:bold; font-size:11px; }
#special_product_style .special-offer-stat { padding-left:105px; color:#333333; font-size:10px; font-weight:normal; margin:5px 0px 10px 0px; }
#special_product_style .price-vat { color:#333333; font-size:11px; font-weight:bold; } 
#special_product_style .price { padding-left:5px; color:#FF6600; font-size:14px; font-weight:bold; }

/* The product more information CSS styles */
#product_more { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #ff0000; }
#product_more h1 { font-size:11px; }
.over_view { color:#333333; font-size:11px; font-weight:bold; height:45px; width:600px; background:url(images/centre_header.png) no-repeat; margin-top:20px; padding:5px 0px 0px 15px; }
.over_view img { position:relative; bottom:5px; }
.featured { color:#333333; font-size:11px; font-weight:bold; height:45px; width:600px; background:url(images/centre_header.png) no-repeat; padding:5px 0px 0px 15px; }
.featured img { position:relative; bottom:5px; }
.spec { float:left; color:#333333; font-size:11px; font-weight:bold; height:45px; width:600px; background:url(images/centre_header.png) no-repeat; padding:5px 0px 0px 15px; }
.spec img { position:relative; bottom:5px; }
#assoc { color:#333333; font-size:11px; font-weight:bold; height:45px; width:600px; background:url(images/centre_header.png) no-repeat; padding:5px 0px 0px 15px; margin:5px 0px 0px 0px; }
#assoc img { position:relative; bottom:5px; }
#associate_wrapper .column { width:290px; height:auto; margin:0px 3px 0px 3px; border:1px solid #CCCCCC; padding:0px 0px 0px 0px; background:#FFFFFF; float:left; display:inline; }
#associate_wrapper .column img { position:relative; right:0px; top:-5px; float:left; } 
#associate_wrapper .column h1 { margin:0px 0px 5px 0px; font-size:11px; font-weight:bold; }
#associate_wrapper .column a { text-decoration:none; }
#associate_wrapper .column h2 { margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:11px; font-weight:bold; }
#associate_wrapper .column p { margin:0px 0px 0px 0px; padding:2px 0px 2px 0px; }
a.print { background:url(images/printer.png) no-repeat; display:block; height:55px; width:70px; padding:60px 0px 0px 0px; text-decoration:none; }

/* The login CSS styles */
#content .col2-set .col-1, .col2-set .col-2 { width:48.5%; }
#content .col2-set .col-1 { float:left; }
#content .col2-set .col-2 { float:right;}
#content .login-box .col-1, .login-box .col-2 { border:1px solid #CCCCCC; background-color:#EEEEEE; }
#content .login-box .content { padding:14px 21px; background-color:#FFFFFF; color:#333333; font-size:11px; }
#content .login-box h4 { min-height:16px; border-bottom:1px solid #CCCCCC; margin-bottom:1.2em; padding-bottom:5px; padding-left:0px; font-size:12px; color:#FF6600; text-transform:uppercase; }
#content .login-box .button-set { margin:0; border:none; padding:8px 13px; }
#content .login-box .button-set .left { text-decoration:none; }
#content .login-box .button-set .left:hover { text-decoration:underline; }
#content .login-box .content { height:230px; }
#content .login-box .form-list li input { border:1px solid #333333; }

/* The register page CSS styles */
#content .form-list li { margin-bottom:6px; list-style:none; }
#content .form-list li .input-box .input-text, .form-list li .input-box textarea { width:250px;  }
#content .messages { width:100%; overflow:hidden; list-style:none; margin:0; padding:0;}
#content .saved-msg { border-color:#000000; color:#993300; background-color:#CCC; }
#content .saved-msg { height:auto !important; margin-bottom:1em !important;  border-style:solid !important; border-width:1px !important; padding:8px 8px 8px 8px !important; font-size:.95em !important; font-weight:bold !important; list-style: none; margin-left:0; margin-right:0; }    
#content .error-msg { height:auto !important; margin-bottom:1em !important; border-style:solid !important; border-width:1px !important; padding:8px 8px 8px 8px !important; font-size:13px !important; font-weight:bold !important; list-style: none; margin-left:0; margin-right:0; }
#content .error-msg li {margin-bottom:.2em; list-style: none; }
#content .error-msg { border-color:#000000; color:#A50133; background-color:#faebe7; }
/*#content .group-select { margin:30px 10px 30px 10px; border:1px solid #CCCCCC; padding:22px 25px 12px 25px; background:#EEEEEE; width:680px; }
#content .group-select .legend { margin-top:-33px; position:absolute; float:left;  background:url(images/large_orange_bg.png) no-repeat; display:block; height:20px; width:160px; text-align:center; padding:4px 0px 0px 0px; color:#FFFFFF; font-weight:bold; font-size:11px; }
#content .group-select input, #content .group-select select { border:1px solid #333333; }*/
#content .group-select { margin:28px 0; border:1px solid #CCCCCC; padding:22px 25px 12px 25px; background-color:#EEEEEE; }
#content .group-select .legend { margin-top:-33px; position:absolute; float:left; border:1px solid #333333; background-color:#333333; padding:0 8px; color:#FFFFFF; font-weight:bold; font-size:1.1em; }
 
/* The password gauge CSS styles */
#GaugeWrap { background:#FFFFFF; border:1px solid #333333; width:175px; height: 20px; float:left; }
.StrongPass { font-size:80%; color:#CC0000; }
#PassWeak { width:84px; height:2px; background:#CC0000; margin: 3px 3px 0px 0px; float:left; clear:both; }
#PassMedium { width:54px; height:2px; background:#FFD700; margin:3px 3px 0px 0px; float:left; }
#PassStrong { width:28px; height:2px; background:#00A601; margin:3px 3px 0px 0px; float:left; }

/* The shopping cart CSS styles */
#shopcart { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:30px auto 0px auto; width:925px; }
#shopcart .CShopping { }
#shopcart .CSbotton { font-size:11px; vertical-align:middle; }
#shopcart #cartcont { width:90%; margin:0px auto 0px auto; padding:5px 5px 5px 5px; background-color:#EEEEEE; }
#shopcart #cartcont h2 { font-size:11px; font-weight:bold; margin:0px auto 0px auto; padding:0px 0px 10px 0px; color:#000000; }
#shopcart #cartheader { font-size:11px; font-weight:bold; background-color:#333333; color:#FFFFFF; }
#shopcart #cartheader .border { border-top:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; }
#shopcart #cartbody { font-size:100%; color:#333333; }
#shopcart #cartbody .itemCode { color:#000000; }
#shopcart #cartbody .tdWhiteBG { background-color:#FFFFFF; }
#shopcart #cartbody .tdFTotal { background-color:#333333; color:#FFFFFF; }
#shopcart #cartbody .dropdown { font-size:11px; }
#shopcart #cartbody .form { font-size:11px; border:solid 1px #666666; text-align:center; vertical-align:middle; }
#shopcart #cartbody .CSCbotton { font-size:11px; vertical-align:middle;}
#shopcart #cartbody .Promo { font-size:11px; font-weight:bold; border:none; background-color:#CCCCCC; width:310px; min-height:80px; }
.basket-disclaimer { padding-left:10px; font-size:11px; }

/* The members area CSS styles */
#left_nav .account-nav li a { font-size:11px; font-weight:normal }
#content .account-box { margin:5px 0px 20px 10px; border:1px solid #ccc; padding:15px; height:20em; }
#content .account-box .account-details a { font-size:1.0em }	 
#content .account-box .head { margin-bottom:20px; border-bottom:1px solid #d9dde3; }
#content .account-box h4 { color:#333333; font-size:12px; text-transform:uppercase; padding:0; margin:0}
#content .account-box .inner-head { margin-bottom:8px; border-bottom:dashed 1px #999999;  padding-bottom:2px; text-align:right; }
#content .account-box h5 { font-size:1.1em; }
#content .account-box h5 a { font-weight:normal; }
#content .inner-head h1,.inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5{ margin:0; float:left; }

/*--------------------- members orders area ------------------------*/
#content #main { position:relative; top:10px; }
#content .orderlist { background-color:#EEEEEE; border:1px solid #666; }
#content .order_list_header { background-color:#333333; color:#FFFFFF;font-weight:bold; }
#content .order_list_row1 { background-color:#333333;}
#content .order_list_row2 { background-color:#CCC; }
#content .order_list_total { background-color:#333333;color:#FFFFFF;font-weight:bold; }
#content .prod_link { text-decoration:none;}
#content .group-select .legend { background:none; background-color:#333333; padding-top:5px; height:18px; }

/*------ Member -------*/
#content #member { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:0px auto 0px auto; border:1px solid #CCCCCC; }
#content #member td { font-size:95%; background-color:#EEEEEE; }
#content #member .textfield { font-size:95%; padding:1px 1px 1px 1px; width:170px; border:1px solid #333333; }
#content #member .proceed { font-size:115%; background-color:#FFFFFF; border-top:1px solid #CCCCCC; border-right:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #CCCCCC; }

/* The footer CSS style */
#ft { width:100%; float:left; text-align:center; margin:0 auto; padding-bottom:10px; color:#CCCCCC; font-size:10px; font-weight:bold; }
#ft img { padding-bottom:10px; }
#ft a { color:#FFFFFF; font-weight:bold; font-size:10px; text-decoration:none; }

#review_tbl input, textarea { border:1px solid #333333; float:left; } 
#reviews { border:1px dashed #CCCCCC; padding:5px; margin:5px 0px; width:500px; }
#review_name { font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; padding:5px 0px; width:250px; color:#333333; }
#review_rating { text-align:right; }
#review_date { font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:11px; padding:5px 0px; width:410px; color:#333333; }
#review_text { font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; padding:10px 0px; width:410px; color:#333333; } 
#error { font-size:11px; color:#CC0000; font-weight:bold;  }