/* ~~ This the css file for the Responsive Design of Virtual Lifestyle from Ecommerce Templates.
The first section correponds to the maximum width version of 980 pixels ~~ */

@charset "utf-8";
body {
	font: 100%/1.5 Arial, serif;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:1em;*/
	
	/*background: #eee;*/
	margin: 0;
	padding: 0;
	/*color: #000;*/
}


/*Added by GM on 7-8-2020 for new template update fixes for general CSS*/

/*.cartlogin_cntnr{
	height:auto;
}
*/

input.ectbutton,button.ectbutton{
	/*background: #4CAF50!important;
    background-image: -webkit-linear-gradient(top, #4CAF50, #3f9043)!important;
    background-image: -moz-linear-gradient(top, #4CAF50, #3f9043)!important;
    background-image: -ms-linear-gradient(top, #4CAF50, #3f9043)!important;
    background-image: -o-linear-gradient(top, #4CAF50, #3f9043)!important;
    background-image: linear-gradient(to bottom, #4CAF50, #3f9043)!important;
    -webkit-border-radius: 20!important;
    -moz-border-radius: 20!important;
    border-radius: 20px!important;
	
    padding: 8px 14px 8px 14px!important;
	
	border-width:0px !important;
	
    color: #ffffff !important;
    
    text-decoration: none;
    outline:none !important;*/
	

}

.createaccount{
	/*margin-left:40px;*/
	}

.clientloginmainheader{
	background-color:#9fc2d9;
	border-radius: 15px 15px 15px 15px;
   
	}
.ectdivhead {	
	font-family: mc_bold;
    font-size: 2em;
    line-height: 1em;
    text-shadow: -1px -1px 0 var(--main-bg-color), 1px -1px 0 var(--main-bg-color), -1px 1px 0 var(--main-bg-color), 1px 1px 0 var(--main-bg-color);
    margin-block-start: 0px;
    margin-block-end: 0px;
	}



/*Added by GM on 3-19-2020 for coronaVirus Alert Message*/
.alertHeader{
	background-color:#ffea5f;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-right:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	
	
}



/*Added by JS on 5-1-2013*/
.imagewrapper {
  text-align:center;
  width: 100%; /* Or whatever width you want */
 
}
.imagewrapper img {
  max-width: 100%;
  height: auto;
  width: auto; /* For IE8 */
  border: 2px solid var(--main-bg-color);
  border-radius:15px;
  overflow:hidden;  
}
/*End Added by JS on 5-1-2013*/

.overviewText {
 font: Arial, Helvetica, sans-serif;
 font-size: small;
}


/*.comboText {
	font: Arial, Helvetica, sans-serif;
	font-size: small;
    text-align:center;
	line-height: 1.1;
}
*/
input.buybutton {
	margin:4px;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 14px 8px 14px;
    text-decoration: none;
    outline:none;  
}






a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #7cd1ed;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #7cd1ed;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto; 
	background: url(images/bg.jpg);
}

/* ~~ The header section ~~ */
.header {
	
}

.topbar{
	width:940px;
	height:24px;
	margin-left:20px;
	background:#EFECE0;
}

.topbarleft{
	width: 450px;
	float: left;
	margin-left: 10px;
	font-size: 0.9em;
}

.topbarright{
	width: 450px;
	float: right;
	margin-right: 10px;
	text-align: right;
	font-size: 0.9em;
}

.topbar2{
	width:940px;
	height:96px;
	margin-left:20px;
	background:#F9F9F4;
}

.logo{
	width: 290px;
	float: left;
	margin-left: 10px;
}

.topoffers, .topoffers1, .topoffers2{
	/*width: 180px;
	float: right;
	margin-right: 10px;
	text-align: right;
	padding-top:17px;*/
}

/* ~~ The top nav bar ~~ */
.navbar{
	width:940px;
	height:40px;
	margin-left:20px;
	background: url(images/navbarbg.jpg);
}

.navcover {
	clear: both;
	padding-top: 13px;
}
.nav {
	float: left;
	padding-left: 20px;
	width: 580px;
}
.nav ul {
	margin: 0;
	padding: 10px 0px 0 0px;
	list-style: none;
}
.nav li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	background: url(images/navli.gif) no-repeat right top;
	font-size: 0.9em;
}
.nav li a {
	text-decoration: none;
}
.nav a:hover {
	color: #C6202C;
}



/* ~~ Bottom of header ~~ */
.headerbtm{
	width:940px;
	height: 6px;
	background: #D7D1C9;
	margin-left:20px;
}

/* ~~ Left content ~~ */
.sidebar1 {
	float: left;
	width: 170px;
	padding-bottom: 10px;
	padding-left:14px;
}

/* ~~ Main content ~~ */
.content {
	/*padding: 10px;*/
	/*font-size: 0.8em;*/
	/*width: 100%;*/
	/*float: left;*/
	
}

/* ~~ Left menu ~~ */
.cat {
	clear: both;
	width: 170px;
	padding-top: 10px;
	padding-left:10px;
	clear: both;
}
.cattop {
	width: 160px;
	padding-left: 10px;
	padding-top: 4px;
	height: 21px;
	color: #666;
	font-size: 0.8em;
	font-weight: bold;
	background: url(images/cattop.gif);
	background-repeat: repeat-y;
}
.cat ul {
	padding: 0;
	margin: 0;
}
.cat li {
	display: block;
	width: 154px;
	padding-left: 4px;
	padding-top: 7px;
	height: 23px;
	color: #333;
	font-size: 0.8em;
	font-weight: normal;
	border-bottom:1px solid #D7D1C9;
	border-right:1px solid #D7D1C9;
  	border-left:1px solid #D7D1C9;
}
.cat li a {
	display: block; 
	text-decoration: none;
	color: #333;
}
.cat li a:hover {
	color: #C6202C;
	background:#F1EEE5;
}

/*Minicart properties*/
table.mincart {
	width: 160px;
	background-color: #ECF3EC;
}

td.mincart{
  	font-size: 0.8em;
}



/* ~~ Right content ~~ */
.sidebar2 {
	float: left;
	width: 174px;
	padding:10px 24px 0px 0px;
}

.colrighttop {
	padding-left: 6px;
	margin-bottom:0px;
	width: 154px;
	padding-top: 3px;
	height: 22px;
	font-size: 0.9em;
	font-weight: bold;
	background:#F1EEE5;
	color:#95030D;
}

/* ~~ Content header ~~ */
.content h2 {
	/*font-family:mc_bold;
	font-size: 1.4em;
	font-weight: bold;
	background: #F3F0E9;
	padding-left: 10px;
	width: 554px;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
	margin-top: 13px;
	margin-left:6px;
	color: #333;*/
}

/* ~~ Home page products ~~ */
.ProductCover {
	clear: both;
	margin-left:0px;
}

/* ~~ Category Box for Home Page added 5/31/13 JS ~~ */

.categorybox {
	border:1px solid #D7D1C9;
	float: left;
	width: 175px;
	height: 120px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 7px;
	margin-left: 7px;
}

.productbox {
	position:relative;
	border:2px solid #54bce1;
	float: left;
	/*width: 175px;*/
	width: 130px;
	/*height: 120px;*/
	height: 130px;
	margin:10px;
	/*margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 7px;
	margin-left: 7px;*/
	
	border-radius: 50%;
    overflow: hidden;
}

/*.combobox {
	border:4px solid var(--main-bg-color);	
	border-radius:10px 10px 10px 10px;
	
	width: 180px;
	height: 160px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}*/
/* ~~ Backup of original .productbox ~~ 6-4-13 JS
.productbox {
	border:1px solid #D7D1C9;
	float: left;
	width: 175px;
	height: 220px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 7px;
	margin-left: 7px;
}
 ~~ */
.productpic {
	/*clear: both;*/
	/*width: 134px;*/
	/*height: 102px;*/
	
	/*padding-left: 20px;*/
	/*padding-top: 10px;*/
	margin-top:15px;
	margin-left:0px;
	
	
}
.productpic img {
	width: 130px;
	height: 100px;
}
.ProductName {
	text-align: center;
	padding-top: 10px;
	color: #172934;
	font-size: 13px;
	font-weight: bold;
}
.hmprice {
	float: left;
	clear: both;
	width: 60px;
	text-align: left;
	padding-top: 10px;
	padding-left: 6px;
	color: #E2202B;
	font-weight:bold;
}


/* ~~ The footer styles ~~ */
.footer {
	margin:0px;
	padding: 10px;
	/*background: url(images/bgftr.jpg);*/
	position: relative;
	clear: both; 
	height:180px;
}


.foo2{
	float:left;
	width:214px;
	padding: 6px;
	border-right: 1px dotted #666;
	color: #666;
	padding:0 10px 10px 10px;
	line-height:1.9em;
    font-size:0.8em;
}

.foo3{
	color: #666;
	float:left;
	width:214px;
	padding:0 6px 6px 6px;
	border-right: 1px dotted #666;
	line-height:1.9em;
    font-size:0.8em;
}

div.foo1{
	float:left;
	width:214px;
	padding: 0 0 0 4px;
	border-right: 1px dotted #666;
	font-size:0.8em;
	margin-left:20px;
  	line-height:1.9em;
}

div.fb{
	float:left;
	width:230px;
	font-size:0.8em;
	line-height:1.9em;
    padding-left:4px;
}



div.btmlft{
	float:left;
	margin-left:20px;
	width:400px;
	font-size:0.8em;
	background-color:#0f93be;
}

div.btmrght{
	float:right;
	width:400px;
	text-align:right;
	margin-right:20px;
    font-size:0.8em;
	background-color:#0f93be;
}

.social {
	padding-top: 10px;
}
.social img {
	float: left;
	width: auto;
	margin: 3px 5px 0px 18px;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Horizontal rule ~~ */
hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #D71321;
}

/* ~~ Cart and search backgrounds ~~ */
table.cobtbl{
	
	box-shadow: 1px 1px 3px #666;
  	width:98%;
	
} 

td.cobhl{
	background-color:#F3F0E9;
	font-weight: normal;
	color:#333;
}

td.cobll{
	background-color: #F9F9F4;
	color : #333;
}

/* The product page - view all the available classes at http://www.ecommercetemplates.com/help/css-layouts.asp
-------------------------------------*/
div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	font-weight:bold;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:640px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	/*padding:2px;
	width:270px;
	float:left;
	height:360px;
	margin:2px;
	border:1px solid #C4C4C4;*/
	/*background-color:#F6F6F6;*/
}

div.prodnavigation{
	display:none;
	padding:10px;
	/*float:left;*/
	width:400px;
}

div.checkoutbutton{
	/*width:120px;*/
	/*float:right;*/
	display:none;
	text-align:center;
}
input.checkoutbutton{
	 background: #d93434;
    background-image: -webkit-linear-gradient(top, #d93434, #942828);
    background-image: -moz-linear-gradient(top, #d93434, #942828);
    background-image: -ms-linear-gradient(top, #d93434, #942828);
    background-image: -o-linear-gradient(top, #d93434, #942828);
    background-image: linear-gradient(to bottom, #d93434, #942828);
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 14px 8px 14px;
    text-decoration: none;
    outline:none;
}



div.allproddiscounts{
	/*color:#91040D;*/
	/*width:500px;*/
	margin-bottom:2px;
	/*float:left;*/
	/*display:none;*/
}

.proddiscounts, .discountsapply{
	/*color:rgb(255, 0, 0);*/
	color:#fec744;
	padding:4px;
	font-family:mc_thin;
    font-size: 1.5em;
	
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

div.prodimage{
	
	padding:6px;
	text-align:center;
	border-radius: 12px 12px 0px 0px;
	}

img.prodimage{
	/*border: 0px solid #ccc;*/
	
}

div.prodname{
	
	/*padding:10px;
	font-size: 1.1em;
	text-align:center;*/
	
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	padding:4px;
	color:#666;
}

div.proddescription{
	
	padding:6px;
	float:left;
	
}

/* ~~ product options ~~ */
div.prodoptions{
	
	
	padding:6px;
	width:256px;
	float:left;
	border: 1px solid #ccc;
	background:#fff;
}

select.prodoption{
	font-size: 0.9em;
	width:150px;
/*	float:right;*/
	margin:6px;
}

span.prodoption{
	font-size: 1em;
	padding: 2px;
}

div.optiontext{
	font-family: mc_thin;
    font-size: 1.5em;
	
	padding: 2px;
	
	width: 80px;
	/*float:left;*/
	text-align:center;
	/*margin:2px;*/
}

div.option{
	padding: 0px;
	float:left;
}

div.option.detailoption{
	/*font-size:1.3em;*/
	text-align:left;
	font-weight:bold;
}

div.listprice{
	padding: 2px;
	text-align:center;
	width:256px;
	float:left;
}

div.prodprice{	
	padding: 4px;
	font-size: 1.3em;
	font-weight:bold;
	text-align:center;	
	position: absolute;
    bottom: 40px;
    width: 100%;		
}

div.prodcurrency{
	padding: 2px;
	text-align:center;
	float:left;
	width:256px;
	font-size: 0.8em;
}

div.addtocart{	
	text-align:center;
	padding-top:2px;
	/*float:left;*/
	/*width:256px;*/
	position: absolute;
    bottom: 10px;
    width: 100%;	
}



.notifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:256px;
}

.configbutton{
	text-align:center;
	margin-top:2px;	
	
}

input.configbutton{		
	background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 8px 14px 8px 14px;
    text-decoration: none;
    outline:none;
	
	
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

.prodid {
	background: #D7D1C9;
	color:#333;
	padding:6px;
	text-align:center;
	font-size: 1.1em;
	display:none;
}

div.multioptiontext{
	width:180px;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:10px;
}
.prodquantity1div{
	width:100%;
	text-align:center;
	}

/* The product detail page 
-------------------------------------*/
div.detailimage{
		
	/*width: 100%;
	max-width: 100%;
    height: auto;*/
	
	
	/*padding:10px;*/
	text-align:center;	
	
    
} 

/*Added by GM on 5-1-2013 to facilitate auto resizing images for detail pages*/
div.detailimage img {
  max-width: 98%;
  height: auto;
  width: auto; /* For IE8 */
 /* border: 2px solid var(--main-bg-color);*/
  border:solid 2px #FFFFFF;
  border-radius:10px;	
  overflow:hidden;
}
/*End Added by GM on 1-5-2016*/
/*Added by GM on 1-5-2016 to hide "account" menu item while in development mode remove display none to show item*/
#accountMenuItem{
	font-weight:bold;
	/*Display:none;*/
	}
/*End Added by GM on 1-5-2016*/

/*Added by GM on 1-20-2016 to make login message bigger*/
div.coforcelogin{
	font-size:1.5em;	
	}
/*End Added by GM on 1-20-2016*/
/*Added by GM on 1-20-2016 tostylize buttons*/
.loginprompt{
	text-align:center;
	}
	
input.logintoaccount{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  outline:none;
	}
input.createaccount{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  outline:none;
}
input.newaccount{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
  outline:none;	
  }	
input.forgotpassword{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
  outline:none;
  }
input.login{
	 background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  outline:none;
}
	
/*End Added by GM on 1-20-2016*/



.detailid {
	color:#000;
	width:460px;
	padding-bottom:10px;
	font-size: 1em;
}

.detailmanufacturer{
	/*float:right;*/
	width:340px;
}

.detailsku{
	/*float:right;*/
	width:346px;
}

.detailinstock{
	/*float:right;*/
	width:342px;
	border-bottom:1px #ccc dotted;
}

.detailname {
    display:none;
    position:absolute;
	top:60px;
	left:50%;
	color:#0f93be;
	padding:3px;
	width:50%;
	text-align:center;
	/*float:right*/;
	font-size: 0.7em;
}

.detaildiscounts{
    display:none;
	color:#91040D;
	font-weight:bold;
	font-size: 1em;
	/*float:right;*/
	width:346px
}

span.detaildiscountsapply{
	display:none;
	color:#91040D;
	font-weight:bold;
}

div.detaildescription{
	
	/*font-size: 1.2em;*/
	/*margin-top:5px;*/
	/*float:left;*/
	/*padding-left:6px;*/
	/*padding-right:6px;*/
	/*padding-top:4px;*/
	/*padding-bottom:4px;*/
	/*border:1px #ccc dotted;*/
    /*max-width:800px;*/
    /*width:100%;*/
	
}

.detaillistprice{
	text-align:center;
	/*float:left;*/
	width:570px;
}

div.detailprice{
	font-size: 1.5em;
	font-weight:bold;
	text-align:center;
/*	float:left;*/
	/*width:570px;*/
	/*clear:both;*/
	white-space: nowrap;
	padding-top:8px;
	padding-bottom:8px;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.8em;
	text-align:center;
	/*float:left;*/
/*	width:570px;*/
}


.detailoptions{
	/*padding: 6px;*/
	/*float:left;*/
	/*width:350px;*/
	/*text-align:center;*/
	/*padding-left:126px;*/
}

select.detailprodoption{
	font-size: 1.3em;
	/*float:right;*/
	/*width:190px;*/
	border-radius:5px;
	margin:6px;
	
}

.detailoptiontext{
	padding: 6px;
	/*float:left;*/
}

div.review{
	/*width:560px;*/
}

.previousnext{
	padding-top:10px;
	padding-bottom:6px;
/*	float:left;*/
	/*width:570px;*/
	text-align:center;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	/*float:left;*/
	/*width:570px;*/
}

div.detailquantity{
    /*padding-top:20px;*/
	/*float:left;
	text-align:center;*/
	/*width:520px;*/
}

div.detailquantitytext{
	/*margin:4px;*/
	/*float:left;*/
	/*width:270px;*/
	/*text-align:right;*/
}

div.detailquantityinput{
	margin:4px;
	/*float:right;
	width:230px;*/
	text-align:left;
}

div.detailaddtocart,.detailoutofstock{
	/*margin:4px;*/
	/*float:left;*/
	/*width:570px;*/
	/*text-align:center;*/
	/*border-bottom:1px #ccc dotted;*/
	/*padding-bottom:10px;*/
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	/*float:left;*/
	/*width:570px;*/
}

div.review{
	/*float:left;*/
}

div.navdesc{
	padding-top:10px;
}

p.cstitle{
	float:left;
	/*width:570px;*/
}

.csproduct{
	float:left;
	/*width:570px;*/
}

/* The category page 
-------------------------------------*/
div.category{
	/*width:280px;
	float:left;*/
}

div.catimage{
	/*padding-top: 6px;
	width:130px;
	float:left;*/
}

div.catdesc{
	padding:0px 0px 4px 12px;
}

div.catname{
	margin-top:16px;
	padding-left:12px;
}

.catdiscounts, .allcatdiscounts{
	padding-left:5px;
	font-weight:bold;
	color:#91040D;
	display:none;
	

}

.categorymessage{
	padding-left:5px;
	padding-top:6px;
	font-size: 1.1em;
	display:none;
}
.catnavwrapper{
	display:none;
	}

hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #60a1de;
}


/* This is the first breakpoint and is for screen sizes between 772 and 980 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 980px) {
  
.container {
	width: 772px;
	background-image:none;
	background:#fff;
	border-left:1px solid #D7D1C9;
	border-right:1px solid #D7D1C9;
}

.content{

}
  
.topbar, .topbar2{
	width:772px;
	margin-left:0px;
}

.topbarleft{
	width: 350px;
}

.topbarright{
	width: 350px;
}
  
  .topoffers {
	/*display:none;*/
}

.topoffers1, .topoffers2{
}

  .navbar{
	width:772px;
	margin-left:0px;
}



.headerbtm{
	width:772px;
	margin-left:0px;
}

.sidebar1 {
	padding-left:4px;
}
  
.sidebar2, .fb {
	display:none;
}

.footer {
	padding: 2px;
	background-image: none;
	background-color:#EFEDE0;
	border-top: 1px solid #ccc;
 	height:220px;
}
  
.foo3{
    border-right: 0px;
}
}
  
/* This is the second breakpoint and is for screen sizes between 468 and 758 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:758px) {
	
.container {
	width: 468px;
}

.topbar, .topbar2{
	width:468px;
	margin-left:0px;
}

div.nosearchresults{
	width:460px;
}

.topbarleft{
	display:none;
}

.topbarright{
	width: 460px;
}

.logo{
	width:272px;
	margin:0px;
}

  .topoffers1 {
	/*display:none;*/
}

.navbar{
	width:468px;
	margin-left:0px;
}

.nav{
	display:none;
}



.headerbtm{
	width:468px;
	margin-left:0px;
}

.mainpic{
	display:none;}

.sidebar1{
	display:none;
}

.content {
	/*padding: 2px;
	width: 464px;
  	background-color:#fff;*/
	/*text-align:center;*/
}

.content h2 {
	/*width: 453px;*/
	margin-left:0px;
}
  
.productbox {
	/*width: 195px;
	margin: 0px 18px 7px 17px;*/
}

.productpic {
	/*padding-left: 28px;*/
}

.foo2{
	display:none;
}

.foo3{
	width:194px;
}

div.foo1{
	width:194px;
}

div.btmlft{
	margin-left:20px;
	width:428px;
	font-size:0.8em;
}

div.btmrght{
	float:left;
	width:428px;
	margin-left:20px;
	margin-right:0px;
}

/*tables for cart and search*/
table.cobtbl{
	font-size: 0.8em;
    margin-left:8px;
    margin-bottom:12px;
} 

/*the product page*/
div.prodfilter{
	display:none;
}
  
div.prodfilterbar{
	display:none;
}

div.product{
	/*width:428px;
	height:auto;
	margin-left:14px;*/
}

div.prodnavigation{
	width:428px;
	padding-left:14px;
}

div.checkoutbutton{
	width:428px;
	float:left;
	padding-left:12px;
}


div.allproddiscounts{
	width:428px;
	padding-left:14px;
}

div.prodoptions{
	width:412px;
}

select.prodoption{
	width:130px;
}

div.optiontext{
	min-width: 175px;
}

div.listprice{
	width:428px;
}

div.prodprice{
	width:428px;
}

div.prodcurrency{
	width:428px;
}

div.addtocart{
	width:428px;
}

div.pagenums{
	width:428px;
}

.notifystock{
	width:428px;
}

/*the detail page*/
div.detailimage{
	/*width:428px;*/
	/*margin-left:6px;*/
}

.detaillistprice{
	width:420px;
}

.detailid {
	width:428px;
 	 margin-left:16px;
}

.detailmanufacturer{
	width:442px;
}
  
  .detailsku{
	width:446px;
}

.detailinstock{
	width:440px;
}

.detailname {
	width:440px;
}

.detaildiscounts{
	width:440px
}

div.detailprice{
	/*width:440px;*/
}

div.detailcurrency{
	/*width:440px;*/
}

.detailprodoption{
	/*width:220px;*/
	/*float:right;*/
}

div.detailoptiontext{
    min-width:240px;
	float:left;
}

div.detailoptions{
	/*width:460px;*/
	/*padding-left:10px;*/
	/*float:left;*/
}

div.review{
	/*width:400px;*/
	margin-left:16px;
}

div.detaildescription{
	/*width:420px;*/
}

.previousnext{
	/*width:440px;*/
}

div.emailfriend{
	/*width:440px;*/
}

div.detailquantity{
	/*width:400px;*/
}

div.detailquantitytext{
	/*width:180px;*/
}

div.detailquantityinput{
	/*width:200px;*/
}

div.detailaddtocart,.detailoutofstock{
	/*width:440px;*/
}

.detailnotifystock{
	/*width:440px;*/
}

div.category{
	/*width:420px;*/
}

}


/* This is the third breakpoint and is for smartphones. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:400px) {
	
.container {
	width: 308px;
}

.topbar, .topbar2{
	width:308px;
	margin-left:0px;
}

.topbarleft{
	display:none;
}

.topbarright{
	width: 308px;
	font-size:0.8em;
}

.logo{
	width:272px;
	margin:0px;
}

.topoffers2  {
	/*display:none;*/
}

.navbar{
	width:308px;
	margin-left:0px;
}



.headerbtm{
	width:308px;
	margin-left:0px;
}

.content {
	/*padding: 2px;
	width: 304px;
  	background-color:#fff;*/
}

.content h2 {
	/*width: 293px;*/
	margin-left:0px;
}

div.nosearchresults{
	width:300px;
}


div.foo3{
	width:140px;
	border: 0px;
}

div.foo1{
    width:140px;
	margin-left:4px;
}

div.btmlft{
	margin-left:4px;
	width:300px;
	font-size:0.8em;
}

div.btmrght{
	width:300px;
	margin-left:0px;
}

.productbox {
	/*width: 276px;*/
}

.productpic {
	/*width: 276px;
	padding-left: 0px;
	height: 102px;
  	text-align: center;*/
}

.hmprice {
	width: 50px;
	padding-left: 76px;
}
/* ~~ Remove left hand cart column ~~*/
.cobcol1{
	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}

/*the product page*/
div.prodfilter{
	display:none;
}
  
  div.prodfilterbar{
	display:none;
}

div.prodnavigation{
	width:190px;
}

div.checkoutbutton{
	width:280px;
	float:left;
	margin-left:6px;
}

div.allproddiscounts{
	font-size: 1em;
	width:290px;
	margin-left:4px;
}

div.product{
	/*width:290px;
	height:auto;
	margin-left:4px;*/
}

div.prodnavigation{
	width:280px;
	padding-left:14px;
}

div.prodoptions{
	width:274px;
}

select.prodoption{
	width:130px;
}

div.optiontext{
	min-width: 142px;
}

div.listprice{
	width:236px;
}

div.prodprice{
	width:292px;
}

div.prodcurrency{
	width:292px;
}

div.addtocart{
	width:292px;
}

.notifystock{
	width:292px;
}

div.pagenums{
	width:292px;
	padding:2px;
}

/*the detail page*/
div.detailimage{
	/*width:292px;
	padding:6px;
	float:left;*/
}

.detailid {
	width:292px;
	float:left;
	margin-left:10px;
}

.detailmanufacturer{
	width:292px;
}

.detailinstock{
	width:292px;
}

.detailname {
	width:292px;
}

.detaildiscounts{
	width:292px
}

.detaillistprice{
	width:292px;
}

div.detailprice{
	width:292px;
}

div.detailcurrency{
	width:292px;
}

div.detailoptions{
	/*width:280px;
	padding-left:6px;*/
}

.detailoptiontext{
	width:140px;
}

select.detailprodoption{
	width:118px;
}

div.review{
	width:278px;
	margin-left:6px;
}
.previousnext{
	width:292px;
}

div.emailfriend{
	display:none;
}

div.detailquantity{
	/*width:192px;*/
}

div.detailquantitytext{
/*	width:120px;*/
}

div.detailquantityinput{
/*	width:40px;*/
}
div.detaildescription{
	/*width:292px;*/
}

div.detailaddtocart,.detailoutofstock{
	/*width:292px;*/
}

.detailnotifystock{
	/*width:292px;*/
}

p.cstitle{
	float:left;
	width:292px;}

.csproduct{
	float:left;
	width:292px;}

/*the category page*/
div.category{
	width:292px;
}

}