﻿/*** header ***/	
#masthead {
	margin: 0;
	padding: 0 0 0 0;
	height: 96px;
	position: relative;
	overflow: visible;
	text-align: right;
	width: auto;
}

	#masthead .logo{
		position: absolute;
		top: 0; left: -52px;
	}
	#mastheadtoptext{
		background: white;
		padding: 3px 5px 5px 5px;
		width: 175px;
		height:35px;
		font-size: 12px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 10px;
	}

/* Styles for Navigation */
	#navigation ul { list-style-type: none; width: auto; padding: 0; 
			margin: 0 0 0 155px;
			background: url("../images/new/nav-l.png") 0 0 repeat-y; 
			height: 31px;
		}
	#navigation a {
		color: #666;
		display: block;
		float: left;
		height: 34px;
		margin-top: 2px;
		padding-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		line-height: 15px;
		text-decoration: none
	}
	#navigation li { float: left; display: block; margin: 0; 
			background: url("../images/new/nav-l.png") 100% 0 repeat-y; 
	}
	#navigation li a{
				height: 24px;
				font-size: 16px;
				padding: 9px 15px 0;
				color: #233e74;
				margin: 0;
			}
	#navigation a:hover { color: #0092DF; }
	#navigation a:current { color: #0092DF; }
	#navigation li.active a{
	}
	@media screen and (max-width: 480px) {
		#navigation{
			height:10px;
     	  	background: #0092DF;
			}		
		#navigation ul{
     	  	display: none;
     	  	}
		}  
	
/*** left sidebar ***/
	#menu-wrapper li{
		padding:0;
		line-height: 1em;
		overflow: hidden;
		border: 1px solid #fff;
	}
	#menu-wrapper li a{
			border: none;
			font-size: 14px;
			text-decoration: underline;
			padding: 4px 0 4px 7px;
			color: #233e74;
		}
		
	#menu-wrapper li a:hover{
			/** background: none; **/
			text-decoration: underline;
		}
	#menu-wrapper li a{
				font-size: 13px;
				text-decoration: none;
				padding:3px 3px 3px 9px;
			}

/*** center column ***/

/* Top search */
.search_bar{
	background: #0092DF;
	max-width: 100%;
	height:46px;
	position: relative;
	padding-top:3px;
}
.search_bg{  
	margin: 3px 165px 3px 165px; /* Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
	border:3px solid #d9d8dd; 
    border-radius: 3px 3px 3px 3px;
	padding-left:5px; 
	background:#FFF;
	height:34px; 
	}
.search_look{ width:90%; float:left; border: 0; margin-top:7px; font-size:14px; }
.search_look placeholder{ color:#9f9f9f; border: 0;}
.search_button{ background: url("../images/new/search_26x26_white.png") no-repeat 6px 3px; width:40px; height:34px; float:right; margin-right: 5px; border: 0; cursor:pointer;}

	@media screen and (max-width: 768px) {
	.search_bg{
		margin: 0 5px 0 165px; /* Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
		} 
	}
	@media screen and (max-width: 680px){
	.search_bg{
		margin: 0 5px 0 5px; /* Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
		} 
	}

.TopNListImageBlock{
	list-style: none;
	margin: 0;
	padding: 0;
}
	.TopNListImageBlock li{
		list-style: none;
		margin: 0;
		padding: 10px 5px;
		border-bottom: 1px solid #cacaca;
		overflow: hidden;
		font-size: 11px;
	}
	
	.TopNListImageBlock li.last{border-bottom: none; padding-bottom: 0;}
	
		.TopNListImageBlock li img{
			margin: 0 10px 0 0;
			float: left;
		}
		
		.TopNListImageBlock li .r{
			float: right;
			width: 90px;
		}
		
		
		.TopNListImageBlock li .r a{
			text-decoration: none;
		}
		.TopNListImageBlock li .r .more{
			display: block;
			text-align: right;
			padding: 10px 0 0 0;
			text-decoration: underline;
		}

/*** banner style ***/
.orangedot{
	color: #FEA366;
	font-size:1.8rem;
	font-weight:700;
}

.promotionblock{background:none;border-radius:3px;background-clip:padding-box;cursor:pointer;display:none;margin:0 auto;max-width:48rem;outline:none;text-align:center;text-decoration:none;width:100%}
.promotionblock:first-of-type{display:block}
.promotionblack a{
	text-decoration: none;
}
.promotionblock .inner{display:inline-block;padding-left:1rem;text-align:left;vertical-align:middle;width:78.571429%}
.promotionblock .text{color:#285dab;font-size:1.8rem;font-weight:700;line-height:2.6rem;text-transform:uppercase}
.promotionblock .subText{color:#0090e3;display:block;float:left;font-size:1.6rem;margin-top:0;overflow:hidden}
@media only screen and (min-width:668px){
.promotionblock{background-color:#0090e3;display:block;float:left;margin:0;max-width:100%;padding:12px 5px 8px;width:650px}
.promotionblock:hover{background-color:#0286d2;text-decoration:none}
.promotionblock .inner{margin:0;text-align:left;width:auto}
.promotionblock .text{color:#fff;font-size:2.6rem;margin-bottom:.3rem}
.promotionblock .subText{color:#cce9f9;float:none;font-size:1.5rem;margin-top:-.2rem}
}

/*** shop styles ***/
#mainbodyspan{
	margin: 0;
}
	
.prodseparator hr{ display: none;}
.prodseparator{ 
		border-bottom: 2px solid #cacaca;
}
hr{
	color: #cacaca;
	background-color: #cacaca;
	height: 1px;
}

.hreview-aggregate{
	margin-top: 20px;
}
	.hreview-aggregate .numreviews{
		color: #555;
		font-size: 11px;
		text-align: right;
		display: block;
		margin-bottom: -15px;
	}
		.hreview{
			border: 1px solid #ccc;
			margin: 10px 0;
			padding: 10px;
		}
			
		.hreview hr{display: none;}
		
.allprodimages{
  border: 0;
  margin: 0;
  padding: 0;
}
/* Product listings on the products page 
-------------------------------------*/
.products, .box, .hpproducts{
	clear:left;
	margin-top: 5px;
}
.product, .hpproduct, .csproduct {
	margin: 2px; 
	padding:6px;
	width: 30%;
	height: 100%;
	float: left;	
}
.product, .csproduct{
height: 310px;
border: 1px solid #ddd;
margin: 5px;
width: 29%;	
min-width: 150px;

    box-shadow: 0px 1px 4px rgba(0,0,0,0.25);
    position: relative;
    
    min-height: 230px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 4px;
    zoom: 1;
    *display: inline: ;
    _height: 230px;
    padding: 6px 6px 4px 6px;
    
}
.csproduct{
	height: 260px;
}
.hpproduct {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #0092DF;
}
.prodimage, .hpprodimage, .csprodimage{
	text-align: left; 
	padding: 6px;
	width: auto;
	max-height:130px;   /* This sets the max height of the image*/
	position: relative;
}
.prodimage, .csprodimage{	
    border-bottom: 1px solid #E3E3E3;	
}	
.prodimage, .csprodimage img{
	display:block;
	position:relative;
	text-align:center;
	vertical-align: top;	
}
.product:hover{
	border: 1px solid #ccc;
}
.prodname, .csprodname{
	font-size: 1.1em;
    margin-bottom:4px;
    height: auto;
    height: 44px;
    width: 95%;
    text-overflow: ellipsis;
    
    border-bottom: 1px solid #E3E3E3;
    padding: 6px 6px;

    font-weight: 400;
    line-height: 15px;
    overflow: hidden;
}
.addtocart{
    float: right;
    margin: 2px 0px;
}

.notifystock{
    float: center;
    text-align:center;
	width:100%;
	margin:4px 0px;
}

div.prodfilter{
	float:left;
	padding:2px;
	color: #333;
	margin-bottom:4px;

	border-bottom: 1px solid #ccc;
}

div.prodfilterbar{
	float:left;
	width:98%;
  border-bottom: 1px solid #ccc;
  margin-bottom:14px;
  padding-bottom:8px;
}

div.filtertext{
  padding:8px;
}

select.prodfilter{
	padding:4px;
	margin:0px;
  border: 1px solid #ccc;
}
.checkoutbutton{
  float:left;
  width:96%;
}

.prodnavigation, .detailprodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	background-color:#f2f2f4;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
}
div.prodrating{
	float:left;
	width:98%;
  	margin:0;
	padding-top:6px;
	vertical-align:top;
}
.prodratinglink, .prodratingtext a{
	font-size:0.9em;
	text-decoration:none;
}

div.allproddiscounts{
	color:#DA6A1E;
	width:100%;
	margin:4px 0px;
	float:left;
}

.proddiscounts, .discountsapply{
	color:#DA6A1E;
	margin:4px 0px;
}

div.prodmanufacturer{
	color:#666;
	margin:4px 0px;
}

div.prodsku{
	color:#666;
	margin:4px 0px;
}

div.prodinstock{
	margin:4px 0px;
	color:#666;
}

div.proddescription{
	margin:4px 0px;
	float:left;
	font-size: 0.9em;
	line-height: 1.5em;
}

div.prodoptions{
float:left;
width:98%;
}

div.optiontext{
margin:4px 0px;
}

div.option{
margin:4px 0px;
}

span.yousave{
	background:#0065A7;
	color:#fff;
	margin:4px 0px;
	font-size:0.9em;
}

.prodprice, .listprice{
	font-size: 1em;
	font-weight: lighter;
	text-align:right; 
	padding: 3px 6px 2px;
	right: 10px;
	float:left;
	width:98%;
	margin:4px 0px;
}
.listprice{
	margin:2px 0px;
	margin-top:-7px;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.8em;
	color:#666;
  margin:4px 0px;
}

/*div.quantitydiv{
	float:left;
	display:inline-block;
	margin:0px 6px 0px 0px;
}

input.quantityinput{
	border:1px solid #ccc;
	padding:4px 4px 3px 4px;
} */

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:100%;
}

div.detailimage{
	vertical-align : top;
	padding:10px;
	float:left;
	display:block;
	width:26%;
	min-width: 250px;
} 

img.detailimage{
width:100%;
height:auto;
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#666;
	width:55%;
	float:left;
	margin:5px;
}

.detailname { 
	font-weight: bold; 
	font-size: 1.2em;
	float:right;
	width:55%;
  	margin-bottom:6px;
}

span.detaildiscountsapply{
  	margin-left:2px;
 	float:right;
 	width:55%;
}

div.detaildiscounts{
	width:55%;
  	margin-left:2px;
  	float:right;
  	margin-top:2px;
  	margin-bottom:5px;
}

div.detailshortdescription{
	width:55%;
	margin-left:2px;
	float:right;
	margin-bottom: 5px;
}

div.detailmanufacturer{
	float:right;
	width:55%;
  	margin-left:2px;
}

div.detailsku{
	float:right;
	width:55%;
	margin-bottom:5px;
}

div.detailinstock{
	float:right;
	width:55%;
	margin:5px;
}

div.detailreviewstars, .detailnoratings{
	float:right;
	width:55%;
  	margin-left:2px;
  	margin-bottom:5px;
}
.detailnoratings{
	display:none;
}

.detaildescription{ 
	line-height: 1.3;
	font-size: 9pt;
	color : #000; 

	font-size: 1em;
	margin:5px;
	padding-top:4px;
	line-height:1.3m;
	float:left;
	width:98%;
}

div.detailprice{
	font-size: 1.5em;
	font-weight: lighter;
	float:right;
	text-align:right; 
	width:55%;
	color:#333;
	margin-left:2px;
	padding: 3px 3px 2px;
}

div.detaillistprice{
	float:right;
	text-align:right;
	width:55%;
	padding:3px 3px 2px;
	color:#DA6A1E;
  	margin-left:10px;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.8em;
	float:right;
	width:55%;
	color:#666;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
  	padding-left:10px;
}

div.detailoptions{
	float:right;
	margin-bottom:8px;
	width:55%;
}

div.detailoptiontext{
	float:left;
	margin:5px;
	clear:both;
}

div.detailoption{
	float:right;
	margin:5px;
}

input.detailprodoption{
margin-right:6px;
}

select.detailprodoption{
	padding:4px;
	clear:right;
  }

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
clear:none;
}

div.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:left;
	width:94%;
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ccc;
}

div.detailquantity{
	float:left;
    margin: 12px 0px 0px 0px;
    font-size: 16px;
    width: 20%;    
    padding-left:25px;
}

div.detailquantitytext{
	/* Optional: Hide the word Quantity, don't need to display that. */
	display: none
}

div.detailquantityinput{
display:inline-block;
}

div.detailquantityinput input{
border:1px solid #ccc;
padding:4px;
} 
div.quantity2div {
    border-radius: 6px;
    width: 105px;
    border: 1px solid #ccc;
    overflow: auto;
    font-size: 1.5em;
    color: #aaa;
    height: 36px;
}
div.quantity0div, div.quantity1div, div.quantity2div {
    float: left;
    display: inline-block;
    margin: 4px 6px 0px 0px;
}
div.detailquantity2div {
    margin: 6px 3px 6px 0px;
}
input.quantity2input {
    text-align: center;
    height: 28px;
    width: 35px;
    border: none;
    margin: 0px;
    padding: 0px;
}

.detailaddtocart, .detailnotifystock {
    float: right;
    text-align: left;
    margin-top: 16px;
    width: 30%;
}    

div.detailoutofstock{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:94%;
	color:#333;
	text-align:left;
  margin-left:10px;
  padding:10px 0px;
}

div.detailnotifystock{
	text-align:right;
	padding-top:16px;
	float:right;
	width:98%;
 	margin-left:8px;
}

div.review{
	float:left;
	margin-top:16px;
	width:92%;
  padding-left:10px;
}

span.numreviews{
font-size:1.2em
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}

input.askaquestion, input.emailfriend{
background:#2868B2;
color:#fff;
height:21px;
border:0;
border-radius:4px;
font-size:12px;
cursor:pointer;
margin-top:7px;
}

div.socialmediabuttons{margin:10px 8px;background:#fff;width:94%;float:left;padding:4px;}

div.socialmediabutton{float:left;display:inline-block;padding:6px;}
div.socialaskaquestion{float:left;}
div.sociallinkedin{margin-top:8px}
div.socialfacebook{margin-top:8px}
div.socialtwitter{margin-top:8px}
div.socialgoogle{margin-top:5px}
div.socialpinterest{margin-top:6px}
div.socialcustom{margin-top:8px}

.detailhr{clear:both;}


div.configbutton{
	float:left;
	width:100%;
  	margin:4px 0px;
}

div.outofstock{
	text-align:center;
	margin:4px 0px;
	font-weight:bold;
}

div.prodid {
	color:#666;
	margin:4px 0px;
}

div.multioptiontext{
	width:180px;
}

div.pagenums{
	text-align:center;
	float:left;
	margin:4px 0px;
}

/* Home page */
.hpprodname {
	padding-top: 6px; font-size: 1.1em; margin-bottom: 4px;
}
.hpprodname h3{
	border-bottom: none;
}
.hpprodrating {
	padding-left: 0;
	/** float: left; **/
}
.hpprice{
	display: inline-block;
	margin: 0;
	padding: 3px 6px 2px;
	width: auto;
	font-weight: bold;
	text-align:right; 
	font-size-adjust: none;
	font-stretch: normal;
	font-size: 14px;
	text-decoration: none;		
	box-shadow: 1px 1px 5px #b7b7b7;
	background-color: #0092DF;
	color: #fff;
	border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;

	position: absolute;
	right: 35px;
	top: 25px;	
}

.giantimage{
	margin: 15px;
}	
/*** right sidebar ***/
#sidebar-wrapper h3{
	border: none;
}
/*** footer ***/

.footer_top_left{ width:25%; float:left; margin-right:2%;}

.footer_top_right{ width:45%; float:left;}

@media screen and (max-width: 680px) {
	.footer_top_left{
		width: 45%;
}
	.footer_top_right{	
		display: none;
	}
}

	.footer ul li{
		list-style-type: none; 
		text-align: left;
		list-style-image: url('bluedot.gif');
		padding: 0 0 3px 12px;
		font-size: 11px;
	}

.footer_bottom{
	width: 95%;
	padding: 12px 20px 0;
	color: #333
	}
.footer_post{
	height: 12px;
	margin-bottom: 20px;
}
.steplabel {
  float: left;
}
.step {
  font-size: 16pt;
  color: #bbbbbb;
  float: left;
  padding-right: 15px;
}
.emailfriend {
	font-size: x-small;
}
.input_emailagain{
 display:none;	
}
.arrow-left:before{display:inline-block;font-style:normal;font-size:inherit;font-weight:400;text-decoration:none;
	content:"\003c";
	font-weight:bold;
}
div.csprodcustom1, div.csprodid, div.csproddateaddeddate {
	display:none;
}

