﻿@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: 100%/1.5 Arial, serif;
background:  url(../images/bg.gif) #000 repeat-x;
}

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

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

div{
	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: #7A9024;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #7A9024;
	text-decoration: none;
}
a:focus { 
color: #333;
	text-decoration: none;
}

a:active { 
color: #333;
	text-decoration: none;
}

a:hover { 
color: #333;
	text-decoration: none;
}

/* ~~ Header ~~ */
.mainWrapper{
	}
.header{}
.header_top{ background:#333; padding: 1px 0px;}

.header_top ul{ list-style-type:none; float:right;}

.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:#7A9024; font-weight:normal; text-decoration:none;}
.header_top ul li a:hover{color:#7A9024; 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{ padding-bottom:12px;}
.header_bottom_top{ }
.header_bottom_top ul{ list-style-type:none; float:right;padding-top:8px;}

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

.header_bottom_top ul li a{color:#fff; 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:#7A9024; 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 #c1c1c1;
	 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: Georgia;
	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: 1.2em;
padding:6px;
width:80%;
margin-top:10px;
margin-bottom:12px;
border-bottom: 1px solid #ccc;
}

/* ~~ Top menu ~~ */	
.nav_menu{
  border-top:2px solid #fff;
    padding-top:6px
	}
	
.nav_menu{ margin-top:16px;}
.nav_menu ul{ list-style-type:none; text-align:center;}

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

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

.body_contain{
}
.body_contain_top{
	background:#333;
	height:31px;
border-top:2px solid #fff;
border-bottom:2px solid #000;
}

/* ~~ Home images and text ~~ */

.top_products{ margin-top:10px;padding:15px; border:1px solid #c2c2c2;background:#000;}

.top_products h2{font-family: Arial; font-size:18px; color:#c2c2c2; font-weight:normal; margin:0; padding:0; 
	line-height:16px; text-transform:uppercase; padding-bottom:4px;}


img.prodimage, img.detailimage{
width:227px;
height:141px;
}

img.giantimage{
height:auto;
width:auto;
}

  
  div.homeproduct{
	padding:6px;
	width:23%;
	float:left;
	height:150px;
	margin:2px;
}

div.homeprodimage{
	padding-top: 6px;
	text-align:center;
	border:2px solid #7A9024;
	background-color:#fff;
}

div.homeprodimage:hover{
	background-color:#fff;
	border: 2px solid #ccc;
}
  
.banner_text{font-family: Georgia; font-size:22px;color:#8DC63F; text-decoration:none; text-align:center;}
.banner_text b{ font-weight:normal;color:#8DC63F; text-decoration:none; padding-left:25px;}

.banner_main{ padding-top:8px;}

.shop_text a{ font-family: Arial; font-size:14px; color:#000; 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_most_main{
	margin-top:10px;
}
.top_most_text{ background:#000;font-family: Arial; font-size:22px;color:#fff; text-decoration:none;text-transform:uppercase;/* margin-right:1%;*/}
.top_most_text b{ font-weight:normal;color:#fff; text-decoration:none; padding-left:6px;padding-right:35px;}

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

.top_most_image{ position:relative;}

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

.top_most_tag{background: rgba(34,34,35, .6); min-height:60px; width:100%; position:absolute; left:0; bottom:0px;
	box-sizing: border-box; -moz-box-sizing: border-box;}
.top_most_tag:hover{background: rgba(134,134,135, .6);}
.top_most_tag h2{font-family: Georgia; font-size:20px; color:#ccc; font-weight:normal; margin:0; padding:0; 
	line-height: 12px; margin-top:23px; text-align:center;}
	.shop_now{ text-align:center;margin-top:14px;}
.shop_now a{ font-family: Arial; font-size:14px; color:#fff; font-weight:normal; margin:0; padding:0 0 0 22px; text-transform:uppercase; text-decoration:none; }
.shop_now a:hover{color:#ccc; text-decoration:underline;}

.recomended_main{ background:#e1e1e1; padding:26px 0 10px 0; margin:10px 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:#000; font-weight:normal; margin:0; padding:0 0 0 22px; text-transform:uppercase; text-decoration:none; }
.shop_now_txt1 a:hover{color:#2689bb; 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:#000; text-decoration:none;}

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

.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_slider{ margin-top:12px;}

/* ~~ Footer ~~ */
.footer_main{ margin-top:45px;}
.footer_top{ background:#8DC63F; padding:14px 0; border-bottom:4px solid #000000;}

.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{ background:#333; padding:34px 0 24px 0;}
.footer_middle ul{ list-style-type:none;}
h6{ font-family: Arial; font-size:12px; color:#ccc; 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:#919191; font-weight: normal; margin:0; padding:0; 
	line-height: 24px; }
.footer_middle ul li a{ color:#919191; 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:#F9B781; 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:#919191; font-weight: normal; text-align:center;}
	
	.footer_bottom a{  color:#919191; text-decoration:none;}
.footer_bottom a:hover{  color:#3399CC; 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:15px; color:#3e3e3e; 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:#7A9024; text-decoration: underline; padding-top:10px; }


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

.inner_main_sec{padding-top:18px;background:#fff;}

.side_bar_left_inn{border-right:1px solid #ccc;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 10px 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_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_15 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_14 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_13 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_11 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_10 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_8 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_7 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_3 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_2 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_1 {
	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: #efefef;
	border-bottom:1px solid #ccc;
  	font-size:0.9em;
} 

td.cobhl{
	background-color: #fff;
	color : #333;
}

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

td.cobhdr{
	background-color:#333;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
}


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

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

/*Mini cart*/
table.mincart{
  	width:184px;
  	font-size:0.8em;
  	background:#EAEAEA;
}

.cartquant{
	width:36px !important;
}

/*Internal store naviagtion*/
a.ectlink:link {
	color: #7A9024;
	text-decoration: none;
}

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

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

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

/*Button and form field styles*/
input.trackpackage{
	background:#7A9024;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}

input.viewlicense{
	background:#7A9024;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}

input.vieworderstatus{
	background:#7A9024;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}

input.checkoutbutton{
	background:#7A9024;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}

input.sccheckout{
	background:#7A9024;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}

input.buybutton{
	background:#7A9024;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}

input.trackpackage:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.viewlicense:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.vieworderstatus:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.checkoutbutton:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.sccheckout:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.buybutton:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.search{
	background:#7A9024;
	color:#fff;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.affiliatelogin{
	background:#7A9024;
	color:#fff;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.newaffiliate{
	background:#7A9024;
	color:#fff;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.login{
	background:#7A9024;
	color:#fff;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.search:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

input.affiliatelogin:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

input.newaffiliate:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

input.login:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

/* The category page 
-------------------------------------*/
div.category{
	width:43%;
	float:left;
	line-height:1.6;
  	font-size:0.9em;
        padding:10px;
	border:1px solid #ccc;
	background-color:#fefefe;
	margin:0px 0px 16px 16px;
	height:110px;
}

div.category:hover{
	background-color:#fff;
	border: 1px solid #64842F;
	box-shadow: 5px 5px 2px #ccc;
}

div.catnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:1em;
	background-color:#eee;
	border-bottom: 1px solid #333;
	margin-bottom:2px;
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	width:95px;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 4px;
  font-size:0.9em;
}

div.catname{
	padding-left:4px;
        font-size:1.2em;
}

div.allcatdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color:#DA6B1D;
	font-size:0.9em;
}

div.catdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color:#DA6B1D;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:0px;
	font-size: 1.1em;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}


/* The products page 
-------------------------------------*/

/* products small image is 227 170 max
-------------------------------------*/


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:61%;
	float:left;
	height:425px;
	margin:2px;
	border:0px solid;
}

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	background-color:#eee;
	border-bottom: 1px solid #666;
	margin-bottom:10px;
}

.prodratinglink{
	font-size:0.8em;
}

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

.discountsapply{
	color:#DA6A1E;
	padding:0px;
}

.proddiscounts{
	color:#DA6A1E;
	padding:0px;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

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

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

img.prodimage{
}

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

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

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

div.proddescription{
	padding:0px;
	float:left;
	font-size: 0.6em;
	line-height: 1.5em;
}

table.emftbl{
	background:#fff;
	width:400px;
}

div.listprice{
	width:98%;
	float:left;
	font-size: 0.9em;
	padding:0px;
}

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;
	
}

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;
}


.detailid {
float:left;
width: 64%;
}

.detailname {
float:left;
width: 64%;
}

.detailprice {
float:left;
width: 64%;
}




.detailname h1 {
	font-size: 1.2em;
	padding:6px;
	float:right;
	width:66%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
	width:70%;
	margin-left:6px;
}

.detaildiscounts{
float:left;
}

div.detailmanufacturer{
	float:left;
	width:76%;
	margin:0px 0px 0px 10px;
	padding:0px;
}

div.detailsku{
	float:left;
	width:76%;
	margin:10px;
}

div.detailinstock{
	float:right;
	width:76%;
}

div.detaildescription{
	font-size: 0.9em;
	margin:5px;
	padding-top:4px;
	line-height:1.8em;
	float:LEFT;
	width:66%;
}

div.detailprice{
	font-weight:bold;
	float:left;
	width:64%;
	color:#333;
	
}

div.detaillistprice {
float:left;
width: 64%;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.7em;
	float:left;
	width:98%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
	}


div.detailoptions{
float:left;
width: 64%;
}

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:100%;
	text-align:center;
	font-size:0.8em;
	border-top:1px solid #ccc;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
	font-size:0.9em;
	clear:both;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

div.detailquantity{
	float:right;
	width:170px;
}

div.detailquantitytext{
	margin-top:16px;
	float:left;
	width:30%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:50%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

.detailoutofstock{
	float:right;
	width:48%;
	text-align:left;
	padding-bottom:20px;
	margin-top:10px;
}

div.detailaddtocart{
	float:right;
	width:48%;
	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;
b	order-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.header_top{padding: 1px 0px 2px 0px;}
}

/*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%;}
body
{
background-image:none;
}
  div.homeproduct{width:45%;}
div.product{
	width:95%;
}
}

/*This is the second breakpoint and contains styles for screens 780px to 480px*/


@media all and (max-width: 780px) {
div.product{
width:98%;
height:auto;
}
.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;}
.new-text1{ margin-left:10px !important;}

div.product{
	width:95%;
}

div.category{
	width:90%;
}

div.detaildescription{
	width:65%;
}

span.detaildiscountsapply{
	width:65%;
}

.detailname h1{
	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) {
div.product{
width:98%;
height:auto;
}
	.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.homeproduct{width:95%;}

div.prodnavigation{
	width:95%;
}

div.product{
	width:95%;
}

div.detailimage{
	width:95%;
}

div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
	width:95%;
}

.detailname h1{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:10px;
}

div.detailmultioptiontext{
	width:95%;
}
div.category{
	width:85%;
}

 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}
}