@charset "utf-8";
/* ~~ This the css file for the Responsive Design of Virtual Our Stuff from Ecommerce Templates.
The first section correponds to the maximum width version of 1120 pixels ~~ */

/* ~~ Resets ~~ */

*{
	padding:0px;
	margin:0px;
}

p{
	padding:6px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
body{
	padding: 0px;
	margin: 0px;
	font-family: Arial, serif;
	font-size: 100%;
	line-height: 1.5;
}

div, ul, li{
	padding:0px;
	margin:0px;
}

img{
	padding:0px;
	margin:0px;
	border:none;
}

td{
  	padding:2px;
}

img a{
	padding:0px;
	margin:0px;
	border:none;
}

.clear{
	clear:both;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #0099CC;
	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: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ Header ~~ */
.mainWrapper{
	}
.header{}
.header_top{ background:#000; height:34px;}

.header_top ul{ list-style-type:none; float:right;padding-top:6px; }

.header_top ul li{ float:left;background:url(../images/divider.jpg) no-repeat right 8px; font-family: Arial; font-size:12px;
color:#bebebe; text-decoration:none; padding-right:10px; margin-right:10px; padding-top:6px;}

.header_top ul li a{color:#bebebe; text-decoration:none;}
.header_top ul li img{ float:left;}
.header_top ul li a b{color:#3399cc; font-weight:normal; text-decoration:none;}
.header_top ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.header_top ul li.last { background:url(../images/bag.png) no-repeat left top; padding-left:22px; margin-right:0px; padding-right:0px; }

.header_bottom{ border-bottom:2px solid #000; padding-bottom:18px;}
.header_bottom_top{ }
.header_bottom_top ul{ list-style-type:none; float:right;padding-top:17px;}

.header_bottom_top ul li{ float:left;background:url(../images/bullet.jpg) no-repeat right 8px; font-family: Georgia; font-size:14px;
color:#000000; text-decoration:none; padding-right:10px; margin-right:10px;}

.header_bottom_top ul li a{color:#000000; text-decoration:none;}
.header_bottom_top ul li img{ float:left;}
.header_bottom_top ul li a b{color:#3399cc; font-weight:normal; text-decoration:none;}
.header_bottom_top ul li a:hover{
	color: #000000;
	text-decoration: none;
}
.header_bottom_top ul li.last { background:none; margin-right:0px; }

.header_middle{}
.logo{ text-align:center;}

/* ~~ Top search ~~ */
.search_main{ position:relative; margin-top:10px;}
.input_text{
	 width:100%;
	 background:#fff;
	 height:30px;
	 border:1px solid #999;
	 padding:2px;
	 border-radius:4px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0px;
	font-family : Arial,sans-serif;
	font-size:14px;
	font-weight: normal;
	color:#333333;
	line-height:normal;
	
 }




.go{
	background:url(../images/go.png) no-repeat;
	background-size:100% 100%;
	width:30px;
	border:0px;
	height:30px;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	text-indent:-9999999px;
}

/* ~~ Main heading ~~ */

h1 {
	font-size: 18 px;
	padding: 6px;
	width: 80%;
	margin-top: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid #ccc;
}

/* ~~ Top menu ~~ */	
.nav_menu{
	}
	
.nav_menu{ margin-top:36px;}
.nav_menu ul{ list-style-type:none; text-align:center;}

.nav_menu ul li{
	display: inline;
	font-family: Georgia;
	font-size: 14px;
	color: #99CC00;
	text-decoration: none;
	padding-right: 10px;
	margin-right: 10px;
	text-transform: uppercase;
}

.nav_menu ul li a{color:#000000; text-decoration:none;}
.nav_menu ul li a:hover{
	color: #000000;
	text-decoration: none;
	
}

.body_contain{
}
.body_contain_top{
	height: 51px;
	background-image: url(../images/body-bg.gif);
	-webkit-box-shadow: 0 6px 6px -6px #666;
	-moz-box-shadow: 0 6px 6px -6px #666;
	box-shadow: 0 6px 6px -6px #666;
}

/* ~~ Home images and text ~~ */
.banner_text{
	font-family: Georgia;
	font-size: 22px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	padding-top: 12px;
}
.banner_text b{ font-weight:normal;color:#000000; text-decoration:none; padding-left:25px;}

.banner_main{ padding-top:8px;}

.top_baner{margin:0; padding:0; width:100%; position:relative; line-height:0px;}
.top_baner_tag{background:url(../images/baner_bg.png) repeat; min-height:60px; width:100%; position:absolute; bottom:37px; left:0;
	font-family: Arial; padding:21px 0 12px 0; color:#fff; font-size:24px; text-align:center;box-sizing: border-box; 
	 -moz-box-sizing: border-box;}
.top_baner_tag h2{font-family: Arial; font-size:80px; color:#000; font-weight:normal; margin:0; padding:0; 
	line-height: 64px;}
.slog_text1{font-family: Georgia; font-size:24px; line-height:25px; color:#fff; font-weight:normal; margin:0; padding:14px 0 0 0;}
.shop_text{ margin-top:8px;}
.shop_text a{ background:url(../images/shop_now.png) no-repeat left center;font-family: Arial; font-size:14px; color:#000000; font-weight:normal; margin:0; padding:0 0 0 22px; text-transform:uppercase; text-decoration:none;}
.shop_text a:hover{color:#fff; text-decoration:underline;}

.top_baner img{ max-width:100%;}
.right_banner{
	margin-bottom: 16px;
	font-size: 14px;
	color: #666;
}
.right_banner.last{ margin-bottom:0px;}
.right_banner img{ max-width:100%;}

.top_most_main{
	margin-top:30px;/*margin-left:1%;*/
}
.top_most_text{ background:url(../images/top_most_bg.png) repeat-x right center;font-family: Arial; font-size:22px;color:#2491c8; text-decoration:none;text-transform:uppercase;/* margin-right:1%;*/}
.top_most_text b{ font-weight:normal;color:#3399cc; text-decoration:none; padding-right:35px; background:#FFF;}

.top_most_contain{ margin-top:30px; line-height:0px;}

.top_most_image{ position:relative;}

.top_most_image img{ max-width:100%;}

.top_most_tag{background:url(../images/top_most.png) repeat; min-height:90px; width:100%; position:absolute; left:0; bottom:0px;
	box-sizing: border-box; -moz-box-sizing: border-box;}
.top_most_tag h2{font-family: Georgia; font-size:20px; color:#2689bb; font-weight:normal; margin:0; padding:0; 
	line-height: 22px; margin-top:23px; text-align:center;}
	.shop_now{ text-align:center;margin-top:14px;}
.shop_now a{ background:url(../images/shop_now.png) no-repeat left center;font-family: Arial; font-size:14px; color:#575757; font-weight:normal; margin:0; padding:0 0 0 22px; text-decoration:none; }
.shop_now a:hover{
	color: #000000;
	text-decoration: underline;
}

.recomended_main{  padding:26px 0 10px 0; margin:30px 0% 0 0%;}

.recomended_left{}

.recomended_left h2{font-family: Georgia; font-size:28px; color:#000000; font-weight:normal; margin:0; padding:0; 
	line-height: 36px; text-align:center;}
	.shop_now_txt1{ text-align:center; padding:8px 20px; background:#FFF; width:140px; margin:0px auto;margin-top:50px;box-sizing: border-box; -moz-box-sizing: border-box;}
.shop_now_txt1 a{ background:url(../images/shop_now.png) no-repeat left center;font-family: Arial; font-size:14px; line-height:16px; color:#000000; font-weight:normal; margin:0; padding:0 0 0 22px; text-transform:uppercase; text-decoration:none; }
.shop_now_txt1 a:hover{
	color: #000000;
	text-decoration: underline;
}

.recomended_right{ margin:0px 2%;}

.recomended_right_top_image{}
.recomended_right_top_text{font-family: Arial; font-size:14px; color:#000000; font-weight:normal; margin:0; padding:12px 0 0 0; 
	line-height:16px; text-align:center;}
.recomended_right_top_text a{ color:#000000; text-decoration:none;}

.top_band_main{ margin-top:30px;padding:15px; border:1px solid #c2c2c2;}

.top_band_main h2{font-family: Arial; font-size:14px; color:#000000; font-weight:normal; margin:0; padding:0; 
	line-height:16px; text-transform:uppercase; border-bottom:1px solid #c2c2c2; padding-bottom:14px;}
.top_band_silder{ margin-top:12px;}

/* ~~ Footer ~~ */
.footer_main{ margin-top:45px;}
.footer_top{
	padding: 14px 0;
	border-bottom: 4px solid #000000;
	background-size: 100% 100%;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x;
}

.footer_top_text{font-family: Arial; font-size:20px; color:#3399cc; font-weight: bold; margin:0; padding:0; 
	line-height: 36px; text-align:center;}
	
.sub_text{
	 width:100%;
	 background:#fff;
	 height:30px;
	 border:1px solid #bfbfbf;
	 padding:0 5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	 margin:0px;
	 font-family: Arial;
	font-size:12px;
	font-weight: normal;
	color:#919191;
}

.footer_middle{
	padding: 34px 0 24px 0;
	background-image: url(../images/body-bg.gif);
}
.footer_middle ul{ list-style-type:none;}
h6{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.footer_middle ul li{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 24px;
}
.footer_middle ul li a{
	color: #333333;
	text-decoration: none;
}
.footer_middle ul li a:hover{ color:#919191; text-decoration: underline; }

.footer_middle_right img{ float: left; margin-left:9px;}

.footer_middle_right b{ font-family: Arial; font-size:14px; color:#0a74b7; font-weight: normal; margin:0; padding:0; 
	line-height: 30px; padding-top:5px; padding-right:27px; }
	
	.footer_bottom{
	padding: 20px 0;
	border-top: 1px solid #cccccc;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	background-image: url(../images/body-bg.gif);
}
	
	.footer_bottom a{
	color: #333333;
	text-decoration: none;
}
.footer_bottom a:hover{
	color: #000000;
	text-decoration: underline;
}

.top_band_main ul{ list-style-type:none;}
.top_band_main ul li{ width:auto; float:left; padding:0 3%;}
.top_band_main ul li:first-child{ padding-left:0px;}
.top_band_main ul li:last-child{ padding-right:0px;}

.recomended_right ul{ list-style-type:none;}
.recomended_right ul li{ float:left; width:32%; margin-right:2%;}
.recomended_right ul li:last-child{ margin-right:0%;}

.new-image{ margin-left:2% !important; margin-right:0% !important; }
.new-text1{ margin-left:0px !important; margin-right:2% !important;}
.new-text1 h2{font-family: Arial; font-size:28px; color:#3e3e3e; font-weight: normal; margin:0; padding:0 0 15px 0; 
	line-height: 34px; margin-bottom:16px; border-bottom:1px solid #959494; }
	
.new-text1 p{font-family: Arial; font-size:14px; color:#666; font-weight: normal; margin:0; padding:0px; margin-bottom:10px;
	line-height: 22px;  }
.read_more{font-family: Arial; font-size:15px; color:#3e3e3e; font-weight: normal; margin:0;
	line-height: 16px; }
.read_more a{
	color: #666666;
	text-decoration: underline;
	padding-top: 10px;
}


/*--------------- Inner pages style -------------------*/

.inner_main_sec{padding-top:18px;}

.side_bar_left_inn{margin:0; padding:0; max-width:195px; width:100%;}
.side_bar_left_inn h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#fff; background:#3399cc; line-height:36px; padding:0 0 0 17px;
	font-weight:bold; margin-bottom:18px; text-transform:uppercase;}

.clothing_left{margin:0 0 25px 0; padding:0;}
.clothing_left h3{margin:0 0 15px 0; padding:0 0 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-transform:uppercase;
	border-bottom:#000 solid 1px; font-weight:bold;}


ul.category_list{margin:0; padding:0; list-style-type:none;}

ul.category_list li a{
padding-left:15px;
display:inline-block;
line-height:22px;
font-size:14px; font-family:Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
text-transform:uppercase;
}
ul.category_list li a:hover{
color:#333;
text-decoration:none;
}
						
.right_side_page_top_sec{margin:0 0 25px 0; padding:0 0 8px 0; width:100%; border-bottom:#000 solid 1px;}
.right_side_page_top_sec_bot{margin:25px 0 0  0; padding:8px 0 0 0; width:100%; border-top:#000 solid 1px;}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	max-width:1144px;
	margin:0px auto;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .grid_1 {
	width:4.25%;
}

.container_16 .grid_2 {
	width:10.5%;
}

.container_16 .grid_3 {
	width:16.75%;
}

.container_16 .grid_4 {
	width:23.0%;
}

.container_16 .grid_5 {
	width:29.25%;
}

.container_16 .grid_6 {
	width:35.5%;
}

.container_16 .grid_7 {
	width:41.75%;
}

.container_16 .grid_8 {
	width:48.0%;
}

.container_16 .grid_9 {
	width:54.25%;
}

.container_16 .grid_10 {
	width:60.5%;
}

.container_16 .grid_11 {
	width:66.75%;
}

.container_16 .grid_12 {
	width:73.0%;
}

.container_16 .grid_13 {
	width:79.25%;
}

.container_16 .grid_14 {
	width:85.5%;
}

.container_16 .grid_15 {
	width:91.75%;
}

.container_16 .grid_16 {
	width:98.0%;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .prefix_1 {
	padding-left:6.25%;
}

.container_16 .prefix_2 {
	padding-left:12.5%;
}

.container_16 .prefix_3 {
	padding-left:18.75%;
}

.container_16 .prefix_4 {
	padding-left:25.0%;
}

.container_16 .prefix_5 {
	padding-left:31.25%;
}

.container_16 .prefix_6 {
	padding-left:37.5%;
}

.container_16 .prefix_7 {
	padding-left:43.75%;
}

.container_16 .prefix_8 {
	padding-left:50.0%;
}

.container_16 .prefix_9 {
	padding-left:56.25%;
}

.container_16 .prefix_10 {
	padding-left:62.5%;
}

.container_16 .prefix_11 {
	padding-left:68.75%;
}

.container_16 .prefix_12 {
	padding-left:75.0%;
}

.container_16 .prefix_13 {
	padding-left:81.25%;
}

.container_16 .prefix_14 {
	padding-left:87.5%;
}

.container_16 .prefix_15 {
	padding-left:93.75%;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .suffix_1 {
	padding-right:6.25%;
}

.container_16 .suffix_2 {
	padding-right:12.5%;
}

.container_16 .suffix_3 {
	padding-right:18.75%;
}

.container_16 .suffix_4 {
	padding-right:25.0%;
}

.container_16 .suffix_5 {
	padding-right:31.25%;
}

.container_16 .suffix_6 {
	padding-right:37.5%;
}

.container_16 .suffix_7 {
	padding-right:43.75%;
}

.container_16 .suffix_8 {
	padding-right:50.0%;
}

.container_16 .suffix_9 {
	padding-right:56.25%;
}

.container_16 .suffix_10 {
	padding-right:62.5%;
}

.container_16 .suffix_11 {
	padding-right:68.75%;
}

.container_16 .suffix_12 {
	padding-right:75.0%;
}

.container_16 .suffix_13 {
	padding-right:81.25%;
}

.container_16 .suffix_14 {
	padding-right:87.5%;
}

.container_16 .suffix_15 {
	padding-right:93.75%;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .push_1 {
	left:6.25%;
}

.container_16 .push_2 {
	left:12.5%;
}

.container_16 .push_3 {
	left:18.75%;
}

.container_16 .push_4 {
	left:25.0%;
}

.container_16 .push_5 {
	left:31.25%;
}

.container_16 .push_6 {
	left:37.5%;
}

.container_16 .push_7 {
	left:43.75%;
}

.container_16 .push_8 {

	left:50.0%;
}

.container_16 .push_9 {
	left:56.25%;
}

.container_16 .push_10 {
	left:62.5%;
}

.container_16 .push_11 {
	left:68.75%;
}

.container_16 .push_12 {
	left:75.0%;
}

.container_16 .push_13 {
	left:81.25%;
}

.container_16 .push_14 {
	left:87.5%;
}

.container_16 .push_15 {
	left:93.75%;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .pull_1 {
	left:-6.25%;
}

.container_16 .pull_2 {
	left:-12.5%;
}

.container_16 .pull_3 {
	left:-18.75%;
}

.container_16 .pull_4 {
	left:-25.0%;
}

.container_16 .pull_5 {
	left:-31.25%;
}

.container_16 .pull_6 {
	left:-37.5%;
}

.container_16 .pull_7 {
	left:-43.75%;
}

.container_16 .pull_8 {
	left:-50.0%;
}

.container_16 .pull_9 {
	left:-56.25%;
}

.container_16 .pull_10 {
	left:-62.5%;
}

.container_16 .pull_11 {
	left:-68.75%;
}

.container_16 .pull_12 {
	left:-75.0%;
}

.container_16 .pull_13 {
	left:-81.25%;
}

.container_16 .pull_14 {
	left:-87.5%;
}

.container_16 .pull_15 {
	left:-93.75%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Shopping cart classes
----------------------------------------------------------------------------------------------------*/

/*Shopping cart*/
table.cobtbl{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
	padding-bottom: 20px;

} 

td.cobhdr{
	background-color:#bbb;
	font-size:11 px;
	color:#fff;
	text-transform:uppercase;
}

td.cobll{
	background-color: #fff;
	color : #333;

}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

/*Mini cart*/
P.mincart {
font-size: 11px;
font-family : Ubuntu, Verdana, Arial, Helvetica, sans-serif;
}

table.mincart
{
	border: 1px solid #666;
	background-color: #CCCCCC;
	width: 200px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
} 


TD.mincart {
font-size: 11px;
font-family : Ubuntu, Verdana, Arial, Helvetica, sans-serif;
}
.cartquant{
	width:36px !important;
}

/*Internal store navigation*/
a.ectlink:link {
	color: #333333;
	text-decoration: none;
}

a.ectlink:visited {
	color: #333333;
	text-decoration: none;
}

a.ectlink:active {
	color: #666666;
	text-decoration: none;
}

a.ectlink:hover {
	color: #666;
	text-decoration: underline;
}

/*Button and form field styles*/
input.buybutton, input.sccheckout, input.vieworderstatus, input.viewlicense,  input.trackpackage{
	color: #333;
	border-radius: 4px;
	font-size: 1.1em;
	background-color: #FFCC33;
	-webkit-box-shadow: 0 12px 6px -6px #333;
	-moz-box-shadow: 0 12px 6px -6px #333;
	box-shadow: 0 12px 6px -6px #333;
	border: thin solid #CE9B00;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
}

input.buybutton:hover, input.sccheckout:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover {
	color: #000;
	cursor: pointer;
	background-color: #F2B600;
	border: thin solid #B98B00;
}

input.checkoutbutton,  input.newaccount,  input.cartaccountlogin, input.forgotpassword, input.createaccount, input.logintoaccount{
	color: #333;
	border-radius: 4px;
	font-size: 1.05em;
	background-color: #FFCC33;
	-webkit-box-shadow: 0 12px 6px -6px #333;
	-moz-box-shadow: 0 12px 6px -6px #333;
	box-shadow: 0 12px 6px -6px #333;
	border: thin solid #CE9B00;
	margin-top: 5px;
	margin-bottom: 50 px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
}

input.checkoutbutton:hover, input.newaccount:hover, input.cartaccountlogin:hover, input.forgotpassword:hover,input.createaccount:hover, input.logintoaccount:hover {
	color: #000;
	cursor: pointer;
	background-color: #F2B600;
	border: thin solid #B98B00;
}


input.login, input.newaffiliate, input.affiliatelogin, input.search{
	color: #333;
	border-radius: 4px;
	font-size: 1.1em;
	background-color: #FFCC33;
	-webkit-box-shadow: 0 12px 6px -6px #333;
	-moz-box-shadow: 0 12px 6px -6px #333;
	box-shadow: 0 12px 6px -6px #333;
	border: thin solid #CE9B00;
	padding-top: 6px;
	padding-right: 16px;
	padding-bottom: 6px;
	padding-left: 16px;
}

input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover{
	color: #000;
	cursor: pointer;
	background-color: #F2B600;
	border: thin solid #B98B00;
}

/* The category page 
-------------------------------------*/
div.category{
	width:48%;
	float:left;
	line-height:1.9;
  	font-size:0.9em;
}

div.catnavigation{
	font-size: 1em;
}

div.catimage{
	width:100%;
	float:left;
}

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

div.catname{
	margin-top:6px;
	padding-left:4px;
}

.catdiscounts, .allcatdiscounts{
	padding-left:5px;
	font-weight:normal;
	color:#DA6B1D;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:6px;
	font-size: 1.3em;
}


/* The products page 
-------------------------------------*/

div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
}

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

div.product{
	padding: 6px;
	width: 21%;
	float: left;
	height: 280px;
	margin-top: 20px;
	margin-right: 2px;
	margin-bottom: 25px;
	margin-left: 2px;
}

div.prodnavigation{
	padding: 5px 0px 5px 12px;
	float: left;
	width: 97%;
	font-size: 12px;
	background-color: #FFF;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ccc;
}

.prodratinglink{
	font-size:0.8em;
}

div.allproddiscounts{
	color:#DA6A1E;
	width:100%;
	margin-bottom:2px;
	float:left;
}

.proddiscounts, .discountsapply{
	color:#DA6A1E;
	padding:4px;
}

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

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

div.prodimage{
	padding-top: 5px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #fefefe;
	border-radius: 3px;
}

div.prodimage:hover{
	background-color: #fefefe;
	border: 1px solid #339933;
	box-shadow: 5px 5px 2px #ccc;
}

img.prodimage{
}


/* Coming soon! Small Image
-------------------------------------*/
.specialimage{
	position: relative;
	top: -150px;
	margin-left: -50px;
	z-index: 10;
}


/* Airless and Serum Bottles
-------------------------------------*/
.specialimage2{
	position: relative;
	top: -150px;
	margin-left: -70px;
	z-index: 10;
}


/* Cleanser Bottles
-------------------------------------*/
.specialimage3{
	position: relative;
	top: -150px;
	margin-left: -35px;
	z-index: 10;
}


/* 1 ounce jars
-------------------------------------*/
.specialimage4{
	position: relative; 
	top: 0px;
	margin-left: 0px;
	z-index: 10;
}

div.prodname{
	padding-top:6px;
	font-size: 0.9em;
}

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

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

div.proddescription{
	padding:6px;
	float:left;
	font-size: 0.9em;
	line-height: 1.5em;
}

table.emftbl{
	background:#fff;
	width:400px;
}

div.listprice{
	width: 98%;
	float: left;
	font-size: 0.9em;
	padding: 1px;
	margin-bottom: -30px;
	color: #D50000;
}

span.yousave{
	background:#0065A7;
	color:#fff;
	padding:4px;
	font-size:0.9em;
}

div.prodprice{
	font-size: 0.9em;
	font-weight: normal;
	float: left;
	width: 98%;
	color: #666;
	margin-top: -25px;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.7em;
	color:#666;
}

div.quantitydiv{
	float:right;
}

.quantityinput{
	margin-top:1px;
	height:19px;
}

div.addtocart{
	text-align:center;
	float:left;
	width:100%;
}

.notifystock{
	text-align:center;
	float:left;
	width:100%;
}

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

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

.prodid {
	color:#666;
	padding:6px;
	font-size: 0.9em;
}

div.multioptiontext{
	width:180px;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:0px 0px 10px 0px;
}

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:99%;
}

div.detailimage{
	width: 26%;
	padding: 10px;
	float: left;
	clear: both;
	
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#ccc;
	width:74%;
	font-size: 1em;
	float:left;
	margin-left:10px;
}

.detailname h1 {
	font-size: 24px;
	padding: 2px;
	float: right;
	width: 66%;
	margin-top: 10px;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ccc;
	font-family: ubuntu, Verdana, Geneva, sans-serif;
	color: #555;
	font-weight: lighter;
}

span.detaildiscountsapply{
	width:70%;
	margin-left:36px;
}

div.detailmanufacturer{
	float:left;
	width:76%;
	margin:0px 0px 0px 10px;
	padding:0px;
}

div.detailsku{
	float: right;
	width: 65%;
	margin: 10px;
	color: #000;
}

div.detailinstock{
	float:right;
	width:76%;
}

div.detaildescription{
	font-size: 0.9em;
	margin:5px;
	padding-top:4px;
	line-height:1.8em;
	float:right;
	width:66%;
}

div.detailprice{
	float: right;
	width: 65%;
	text-align: left;
	padding-top: 6px;
	font-size: 24px;
	font-family: ubuntu, Verdana, Geneva, sans-serif;
	color: #555;
	font-weight: lighter;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float: right;
	width: 65%;
	text-align: left;
	padding-top:6px;
	color:#DA6A1E;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.7em;
	width:15%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float:right;
	width:55%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:50%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
  	padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:32%;
	float:left;
	clear:both;
	}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:65%;
	text-align:center;
	font-size:0.8em;
	border-top:1px solid #ccc;
}

div.emailfriend{
	padding-top: 10px;
	text-align: left;
	float: right;
	width: 65%;
	font-size: 0.9em;
	clear: none;
}

td.emfll{
	background-color:#ECECEC;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	
}

td.emfhl{
background-color:#ffffff;
color : #666;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
	font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif;
}

div.detailquantity{
	float: right;
	width: 65%;
	text-align: left;
	margin-bottom: 6px
}

div.detailquantitytext {
	float: right;
	width: 65%;
	text-align: left;

}
div.detailquantityinput {
	float: right;
	width: 65%;
	text-align: left;
	margin-bottom: 6px;
}

div.detailcustom1 {
	float: right;
	width: 65%;
	text-align: left;
	font-size: 12px;
	color: #999;
	}

div.detailcustom2 {
	float: right;
	width: 65%;
	text-align: left;
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}

div.detailcustom3{
	float: right;
	width: 65%;
	text-align: left;
	font-size: 14px;
	color: #666;
	margin-top: 20px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:right;
	width:45%;
	text-align:left;
	padding-bottom:20px;
	margin-top:10px;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

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

div.review{
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.8em;
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding: 6px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}

span.clickreview{
	padding: 2px;
	border-radius: 4px;
	background-color: #FFCC33;
	border: thin solid #CE9B00;
	margin-bottom: 2px;
	webkit-box-shadow: 0 12px 6px -6px #333;
	moz-box-shadow: 0 12px 6px -6px #333;
	box-shadow: 0 12px 6px -6px #333;
	color: #000;
}



/*This is the first breakpoint and contains styles for screens 1024px to 780px*/


@media all and (max-width: 1024px) {
.top_band_main ul li{ width:auto; float:left; padding:0 2% 0 2%;}

div.product{
	width:30%;
}
}

/*This is the second breakpoint and contains styles for screens 780px to 480px*/


@media all and (max-width: 780px) {
.top_band_main ul li{ width:auto; float:left; padding:0 1%;}
.recomended_right ul li{ float:left; width:32%; margin-right:2%;}
.side_bar_left_inn{display:none}
.container_16 .grid_12 {width:98%;}
.container_16 .grid_4 {width:98%;}
.right_banner{float:left; width:31%; margin:6px;}
.top_most_contain .grid_4{ width:48%; padding-top:10px; text-align:center;}
div.product{
	width:46%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:65%;
}

span.detaildiscountsapply{
  	margin-left:44px;
}
        
div.detailimage{
	width:24%;
}

div.detailoptions{
	width:90%;
}

 div.detailmultioptiontext{
	width:45%;
}
}

/*This is the third breakpoint and contains styles for screens under 480px*/

@media all and (max-width: 480px) {
	.container_16 .grid_16{ width:92%; margin:0 3%;}
	.header_top{ height:auto; text-align:center; padding-bottom:10px;}
	.header_top ul li{ float:none; display: inline; margin-right:8px; padding-right:8px;}
	.header_middle .balnk{ display:none;}
	.header_middle .grid_4{ width:92%; margin-right:4%;	padding-bottom:10px;}
	.container_16 .grid_8{ width:98%; padding-top:10px;}
	.body_contain_top{ height:auto;}
	.banner_main .grid_12{ width:98%; padding-top:10px;}
	.banner_main .grid_4{ width:98%; padding-top:10px;}
	.right_banner{ text-align:center; width:100%}
	.top_most_contain .grid_4{ width:98%; padding-top:10px; text-align:center;}
	.recomended_main .grid_12{ width:92%; padding-top:10px; margin-left:4%; margin-right:4%;}
	.recomended_main .grid_4{ width:98%; padding-top:10px;}
	.footer_top .grid_9{ width:98%; padding-top:10px; text-align:center;}
	.footer_top .grid_5{ width:98%; padding-top:10px; text-align:center;}
	.footer_top .grid_2{ width:98%; padding-top:10px; text-align:center;}
	.footer_top .grid_9{ width:98%; padding-top:10px; text-align:center;}
	.footer_middle .grid_3{ width:98%; padding-top:10px;}
	.footer_middle .grid_2{ width:98%; padding-top:10px;}
	.footer_middle .grid_4{ width:98%; padding-top:10px;}
	.top_band_main ul li{ width:auto; float:none; padding:0 1%; margin:0px auto;}
	.recomended_right ul li{ float:none; width:32%; margin:0px auto;}

div.product, div.prodnavigation{
	width:95%;
}

div.detailimage{
	width:95%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:10px;
}

div.detailmultioptiontext{
	width:95%;
}

div.category{
	width:96%;
}
 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

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




















