/* CSS Document */

body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:65.5%; margin:0; padding:0; background-image:url(images/bg.png); background-position:center top; background-repeat:repeat-y; background-color:#999999; 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: #6C9AFF; }
ul { margin:0; padding:0; font-size:1.2em; }
li { margin:0; padding:0; }
a { color:#000000; text-decoration:underline; }
.box { padding:8px; }
.left { margin:5px 8px 5px 0px; float:left; }
.right-header-image { float:right; width:10px; }
.left-header-image { float:left; width:10px; }
.search-box { background-color:white; margin-left:70px; margin-bottom:4px; font-size:10px; border:none; }
.refineValue { color:#FF3300; }
.sub-search-box { height:3.9em; background-image:url(images/Sbar_kwd.png); background-repeat:no-repeat; background-position:top left;  margin:0; padding-top:1.3em;}

html>body .sub-search-box { height:3.9em; background-image:url(images/Sbar_kwd.png); background-repeat:no-repeat; padding-top: 1.4em; }

.sub-search-box-r {  margin:0; height:3.9em; background-image:url(images/Sbar_kwd_R.png); background-repeat:no-repeat; padding-top: 1.4em; }

.Tbar_default {
	background-image:url(images/Tbar_default.png); 
	background-repeat:no-repeat; 
	padding:2px; 
	font-size:11px;
	text-align:center;
}
.clear { height:0px; font-size:1%; width:100%; clear:both;}
a img { border:none; }

#leftCol .imagealign { text-align:center;  width:160px;}
#rightCol .imagealign { text-align:center; width:160px;}
#content .imagealign { text-align:center; width:100%;}

html>body #rightCol .imagealign { text-align:center; width:160px; float:right; padding:0; margin-right:5px;}

/* End of general CSS */

#accessibility { position:absolute; font-size:0.0em; margin:0; padding:0; visibility:hidden; }
#hidden-header { position:absolute; font-size:0.0em; margin:0; padding:0; visibility:hidden; }
#container { text-align:left; width:935px; overflow:visible; margin:0 auto 0 auto; position:relative; height:auto; padding:0; }
.show { display:block; padding:0; margin:0px }
.hide { display:none; background:none; padding:0; margin:0; }
html { height: 100%; }

#container #nav-bg { float:left; width:935px; background-image:url(images/hnav_bg.png); margin-top:10px; }
#container #sub-nav { background-image: url(images/Sbar_bg.png); background-repeat:repeat-x; padding:0; margin:0; }


#container #nav-menu { width:935px; margin-top:-45px }
#container #nav-menu ul { list-style: none; padding-left:20px; margin:0;}
#container #nav-menu ul li { display:inline; margin:0; padding:0; list-style:none; float: left; }
#container #nav-menu li a {	height:3.4em; 
							line-height:3.4em; 
							padding-right:12px; 
							padding-left:12px;	
							color:#FFFFFF; 
							float:left; 
							font-weight:bold; 
							text-decoration:none; 
							text-align:center;	
							font-size:85%;
						    }
							
							
html>body #container #nav-menu li a {	
							display:block;
							}						
							
							
							
#container #nav-menu li a:hover { background-image:url(images/hnav_xR.png); background-repeat:repeat-x; }

.top-nav-selected { background-image:url(images/hnav_xR.png); background-repeat:repeat-x; }

#container #bread-crumb { background-image:url(images/bcrumb_bg.png); background-repeat:repeat-x; height:4em; padding:0; margin:0; }
#container #bread-crumb a { color:#000; text-decoration:none; font-weight:bold; font-size:90%; }
#container #bread-crumb a:hover { text-decoration:underline; }
#container #bread-crumb-holder { padding-top:8px; padding-left:5px; }
#container .filter-search { background-image:url(images/Tbar_result_icn_slice.png); background-repeat:repeat-x; height:4.7em; padding:0; margin:0; }
#container .filter-search-holder { padding-top:15px; padding-left:5px; }

/* Hide from IE5-Mac \*/
#container #nav-menu li a { float: none; }
/* End hide */

h1#header {	height:140px;	width:100%;	padding:0; margin:0; }
h1#header #headerLink {	display:block; width:100%;	height:140px;	text-indent:-5000px; overflow:hidden; }

#container #topLinks { position:absolute;	top:10px;	right:8px; color:#FFFFFF; margin:0px;	padding:0px; font-size:1em; }
#container #topLinks a { color:white;	text-decoration: none; }
#container #topLinks a:hover { color:white;	text-decoration: underline; }

/* Shopping Cart */
#container #shopcart { font-family:Arial, Helvetica, sans-serif; font-size:100%; margin:30px 0px 0px 0px; }
#container #shopcart .CShopping { background-color:#999999; border-right:solid 1px #FFFFFF; }
#container #shopcart .CSbotton { font-size:90%; vertical-align:middle; }
#container #shopcart #cartcont { width:90%; margin:0px auto 0px auto; padding:10px 10px 10px 10px; background-color:#CCCCCC; }
#container #shopcart #cartcont h2 { font-size:120%; font-weight:bold; margin:0px auto 0px auto; padding:0px 0px 10px 0px; color:#0066CC; }
#container #shopcart #cartheader { font-size:100%; font-weight:bold; background-color:#333333; color:#FFFFFF; }
#container #shopcart #cartheader .border { border-top:solid 1px #0066CC; border-bottom:solid 1px #0066CC; }
#container #shopcart #cartbody { font-size:100%; color:#333333; }
#container #shopcart #cartbody .itemCode { color:#0066CC; }
#container #shopcart #cartbody .tdWhiteBG { background-color:#FFFFFF; }
#container #shopcart #cartbody .tdFTotal { background-color:#99CCFF; color:#0066CC; }
#container #shopcart #cartbody .dropdown { font-size:90%; }
#container #shopcart #cartbody .form { font-size:90%; border:solid 1px #0066CC; text-align:center; vertical-align:middle; }
#container #shopcart #cartbody .CSCbotton { font-size:90%; vertical-align:middle; }
#container #shopcart #cartbody .Promo { font-size:100%; font-weight:bold; border:solid 1px #FFFFFF; background-color:#99CCFF; width:310px; min-height:80px; }
/* End Shopping Cart */

/* Small Shopping Cart */
#smallCartHolder { float:right; width:160px; margin-right:5px; margin-top:0px; padding:0; }
#smallCart { padding:5px; font-size:90%; border-right:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; }
#smallCart p { padding:0; margin:0; }
#smallCart .SCPrice { font-size:120%; color:#0066CC; font-weight:bold; }

.small-cart-sub{ background-color:#99CCFF; padding:5px 5px 5px 5px; }
.small-cart-sub-total{ font-size:12px; font-weight:bold; color:#000000; }
.small-cart-price{ font-size:12px; font-weight:bold; color:#0066CC; }
/* End Small Shopping Cart */

/*Adress box*/
#addressBoxHolder { float:right; width:260px; margin-right:5px; margin-top:0px; padding:0; }
#addressBox { padding:0px 0px 0px 0px; margin:0px 0px -10px 0px; font-size:90%; border-right:#CCCCCC 2px solid; border-left:#CCCCCC 2px solid; }
html>body #addressBox { padding:5px; margin:0px; }

#contact-form-header {
	background-image:url(images/SOTbar_bg.png);
	background-repeat: repeat-x;
	width:100%
}



.menu_item { list-style:none; width:160px; padding:4px 2px 4px 2px; margin:0 0 0 0;	background:url(images/Snav_cls.png); background-repeat:no-repeat; }
.menu_item_r {
	list-style:none;
	width: 160px;
	padding: 4px 2px 4px 2px;
	margin: 0 0 0 0;
	background:url(images/Snav_opn.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

#leftCol {
	overflow:visible;
	height:auto;
	float:left;
	width:160px;
	padding:0 0 50px 0;
	margin-top:0px;
	margin-left:0px;
}

#leftCol ul {
	
	margin:0;
	padding: 0;
	font-weight: bold;
	
	}
	
.menu_item_r_a {
	color:#FFFFFF;
}
.menu_item_r_a_r {
	color:#000000;
}

#leftCol ul li {
	margin: 0; 
	padding-bottom:5px ;
	list-style: none;
	}

#leftCol ul li a {
	text-decoration:none;
	display: block;
	margin: 0px 0px 5px 0px; 
	padding: 7px 2px 2px 10px;
	font-size:85%;
	}
#leftCol ul li a:hover, #leftCol ul li  a.selected {
	text-decoration:none;
	display: block;
	padding: 7px 2px 2px 10px;
	
	
	}
#leftCol ul li ul {
	margin-top: -10px;
	width: 160px;
	padding: 0;
	font-weight: normal;
	background-image:url(images/nav_bg.png);
}
#leftCol ul li ul li {
margin-top: -10px;

background-image: none;
padding:0;
margin:0;
border-right:none;
border-left:none;
font-size: 85%;
}

#leftCol ul li ul li a {
	text-decoration:none;
	display: block;
	padding: 3px 5px 3px 10px;
	margin:0;
	color: black;
	font-size: 85%; 
	border-bottom: 1px solid #eeeeee;
	background-image: none;
}
#leftCol  li  li  a:hover, #leftCol li li a.selected {
	text-decoration:none;
	display: block;
	padding: 3px 5px 3px 10px;
	color: black;
	font-size: 85%; 
	background-color: #eeeeee;
	background-image: none;
}
#leftCol  li  li  a.last     {
	border-bottom: 1px solid #fed57c;
	padding:0;
	margin:0;
}

#content-body {
	text-align:left;
}

#content {
	height:auto;
	width:590px;
	float:left;
	margin: 0 0 0 5px;
	padding: 0 0 20px 0;
	font-size:110%;
	}

#content ul { margin:0; padding:0; list-style-type: disc;}
#content li { padding-left:5px; padding-bottom:2px; padding-top:2px; margin-left:20px; font-size:0.85em; }


html>body	#content {
	width:590px;
}
	
.product_listing img
{
	padding-bottom:10px;
}
	
#content p#breadcrumb  {
	padding: 0 0 0 10px;
	font-size: 1em;
	margin: 0;
}
p#breadcrumb span {
	color: #c01231;
	font-weight: bold;
}

#cartHeader {
font-weight:bold;
}

#content p {
	margin: 0px 10px 10px 0px;
	padding: 0 0 0 0;
}

#product_more h3
{
	padding-top: 29px;
	padding-bottom:14px;
	padding-left: 40px;
	margin: 0;
	font-size: 12px;
}

#footer {
	width:auto;
	height:auto;
	overflow:visible;
	clear:both;
	position:relative;
	padding:20px;
	}
#footer p {
	font-size:1em;
	color:black;
	padding:10px 0 6px 0;
	text-align: center;
}
#footer a {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
#footer a:hover {
color:#333333;
text-decoration:underline;
}

#clb-shell {
  margin : auto;
  width : 100%;
 /* background-image: url(images/special_offer_slice.png);
  background-repeat: repeat-x;*/
}

#clb-shell h2 {
  color:#000000;
}

#clb-shell ul.clb {
  text-align : left;
  list-style-type : none;
  padding:0px 0px 0px 0px;
}

/*
  Now I style the individual boxes (li)
*/

#special_product_style { margin:5px 0px 5px 0px; 
  border-top: 1px solid #ccc;
  border-right : 1px solid #ccc;
  border-left : 1px solid #ccc;
  border-bottom : 1px solid #ccc;
  background-color:#FFFFFF;
  height:320px;
  }

#clb-shell ul.clb li {
  padding:0px 0px 0px 2px;
  margin:0px 0px 0px 0px;  
  float : left; 
  display : inline;
}

.column
{

width : 180px;
padding:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 1px;
height : auto;
background : #ffffff;
float : left; 
display : inline;
background-image: url(images/special_offer_slice.png);
background-repeat: repeat-x;
}
/*html>body #clb-shell ul.clb li {
  background-image: url(images/special_offer_slice.png);
  background-repeat: repeat-x;
  width : 210px;
}*/

#clb-shell ul.clb li h3 {
font-size : 0.9em;
  padding : 2px;
  margin : 5px;
}

/*
  Style the li links
*/
#clb-shell a {
  color : #669900;
}
#clb-shell a:hover, #clb-shell a:focus, #clb-shell a:active {
  color : #000;
  text-decoration : none;
}
#clb-shell a:focus, #clb-shell a:active {
  background-color : #fff;
}

/*
  Style the h3 links
*/
#clb-shell ul.clb h3 a {
  color : #000000;
  display : block;
  width : 170px;
  text-decoration : none;
  margin:0;
}

html>body #clb-shell ul.clb h3 a {
width : 174px;
}



#clb-shell ul.clb h3 a:hover, #clb-shell ul.clb h3 a:focus, #clb-shell ul#clb h3 a:active {
 color : #000000;
}

/*
  This tyles the text p content within the li separately. The most important 
  thing here is to re-kill the padding and add the margin to create good gutters
*/
#clb-shell ul.clb p {

  font-size : 0.8em;
  padding : 2px;
  margin : 5px;
}

.product_special_image img{
	border:#CCCCCC 1px solid;
}

.product_special_image {
	padding-top:5px;
	margin-left: auto;
    margin-right: auto;
	width:100px;
}

#special-offer-header {
	background-image:url(images/SOTbar_bg.png);
	background-repeat: repeat-x;
	width:590px;
}

.special-offer-stat {
	font-size:80%;
	padding:5px;
}

html>body #special-offer-header {
	width:590px;
}

.price {
	font-size:14px;
	font-weight:bold;
	padding:5px;
	color:#0066CC;
}

.price-vat {
	font-size:9px;
	font-weight:bold;
}

#members-header {
float:right;
width:300px;
text-align:right;
margin-right:10px;
font-size:1.4em;
}

#members-header a { text-decoration:none; }
#members-header a:hover { text-decoration:underline; }

#content .col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
#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 #000; background:#EEE; }
#content .login-box .content { padding:14px 21px; background-color:#FFFFFF; }
#content .login-box h4 {
    min-height:16px;
    border-bottom:1px solid #CCC;
    margin-bottom:1.2em;
    padding-bottom:5px;
    padding-left:0px;
    font-size:1.05em;
    color:#0047A3;
    text-transform:uppercase;
    }

#content .login-box .new-users h4 {  }
#content .login-box .registered-users h4 {  }
#content .login-box .button-set { margin:0; border:none; padding:8px 13px; }
#content .login-box .content { height:230px; }
html>body #content .login-box .content { min-height:230px; }

/* Form lists */
#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:#000000;
	    background-color:#FFFFCC;
    }
#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:28px 0;
    border:1px solid #000;
    padding:22px 25px 12px 25px;
    background:#EEE;
    }
#content .group-select .legend {
    margin-top:-33px;
	position:absolute;
    float:left;
    border:1px solid #000;
    background:#0047A3;
    padding:0 8px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:1.1em;
    }

/*---------------------------------Password Gauge----------------------------------*/
#GaugeWrap {
	background: #fff;
	border: 1px solid #666;
	width: 171px;
	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;
}

#leftCol .box { margin-bottom:1.3em; }
#leftCol .account-nav { border:1px solid #bbb; }
#leftCol .account-nav .head { margin:0; background-color:#FB6707; padding:1px 10px;}
#leftCol .account-nav .head h3 { color:#fff; font-size:1.1em; }
#leftCol .account-nav ul { background:#fbfaf6; padding:4px 10px 2px 5px; }
#leftCol .account-nav li a, .account-nav li.on { padding:3px 0;  }
#leftCol .account-nav li a { display:block; border-bottom:1px solid #ddd; color:#000000; }
#leftCol .account-nav li a, .account-nav li a:hover { color:#00000; text-decoration:none; }
#leftCol .account-nav li a:hover { color:#0047A3; padding:3px 0;}
#leftCol .account-nav li a.nav_selected { color:#0047A3; padding:3px 0;}

#content .account-box {
	margin-top:5px;
    margin-bottom:20px;
    border:1px solid #ccc;
    border-right-color:#999;
    border-bottom-color:#999;
    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:#0047A3; font-size:1.1em; 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 .orderlist{background-color:#EEE;border:1px solid #0047A3;}
#content .order_list_header{background-color:#0047A3; color:#FFFFFF;font-weight:bold;}
#content .order_list_row1{background-color:#0047A3;}
#content .order_list_row2{background-color:#ffffff;}
#content .order_list_total{background-color:#0047A3;color:#FFFFFF;font-weight:bold;}
#content .prod_link{text-decoration:none;}

/*------ 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; }

#review_tbl input, textarea { border:1px solid #333333; } 
#reviews { border:1px dashed #CCCCCC; padding:5px; margin:5px 0px; width:500px; }
#review_name { float:left; 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;  }