@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:#FFFFFF;
}

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: #333;
	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: #333;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
    color: #999;
	text-decoration: none;
}

/* ~~ Header ~~ */
.mainWrapper{
	}
.header{}
.header_top{
    background: white;
    padding: 0;
}

.logo {
    padding-top: 1em;
    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 Navigation bar using Stellar Nav */

#main-nav {
    background-color: #092241 /* #939191 */;
    border-top: solid #0a5083 2px;
    border-bottom: solid #0a5083 2px;
    margin-bottom: 16px;
    margin-top: 2em;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1pt;
}

.stellarnav,
.stellarnav .menu-toggle {
    color: white;
}

/* We have to include all of these patterns to override the default stellar nav rules */
.stellarnav ul,
.stellarnav ul ul,
.stellarnav.mobile ul {
    background-color: #092241;
}

.stellarnav.desktop ul ul {
    width: 280px;  /* the default is 220px but our text is pretty wide */
    padding-bottom: 15px;
}

.stellarnav > ul {
    font-size: 0;  /* kill white space between elements */
}

.stellarnav > ul >li {
    padding: 0;
}


.stellarnav li a {
    background-color: inherit;
    color: white;
    font-size: 14pt;
}

.stellarnav li a:hover {
    background-color: #1a6093;
    color: white;
}

/* The special + and x toggle icon is created with a border effect */
.stellarnav a.dd-toggle .icon-plus:after,
.stellarnav a.dd-toggle .icon-plus:before {
    border-bottom: solid 3px white;
}

.stellarnav>ul>li>a {
    padding: 8px 18px;
}

.stellarnav .menu-toggle span.bars span {
    background-color: white;
}

.stellarnav.mobile>ul>li>a {
    padding: 8px 15px;
}

.stellarnav li.has-sub>ul>li> a {
    padding: 5px 15px 5px 20px ;    /* tighten up the drop-down menu items */
    font-family: 'Roboto', sans-serif;
    font-variant: small-caps;
    text-transform: none;
}

.body_contain{
}
.body_contain_top{
	background:#000;
	height:31px;
border-top:2px solid #fff;
border-bottom:2px solid #000;
color:#ccc;
padding-top:4px;
text-align:center;
font-size:0.9em;
line-height:28px
}

.body_contain_top a{
color:#ccc;
}

.body_contain_top a:hover{
color:#fff;
}

/* ~~ Left navigation bar ~~ */

ul.ectmenu1 {
    list-style: none;
    padding: 3px;
}

.nav-left-pane ul li {
    padding: 0 0 17px 5px;
}

li.ectmenuhassub1 a {
    display: block;
    padding: 3px;
}

#nav-left-company-box {
    border: solid gray 1px;
    background-image: linear-gradient(gray, white);
    margin: 10px 10px 0 10px;
}

#nav-left-company-box a,
#nav-left-company-box a:visited {
    color: #0D0070;
}

#nav-left-company-box h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    background-color: transparent;
    color: #0D0070;
    line-height: 1.25;
    text-align:center;
    margin: 0;
    padding: 0;
    text-transform: none;
}
#nav-left-company-box p {
    font-size: 11pt;
    text-align: center;
}

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


  
  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: 18px; margin-top:12px; text-align:center;}
	.shop_now{ text-align:center;margin-top:14px;}
.top_most_tag h2 a{ font-size:14px; color:#fff; font-weight:normal; margin:0; text-transform:uppercase; text-decoration:none; }
.top_most_tag h2 a:hover{color:#333; 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_silder{ margin-top:12px;}

.top_band_silder ul img{ width:120px;}

/* ~~ Footer ~~ */
.footer_main{ margin-top:45px;}
.footer_top{ background:#19325A; 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_main_sec {
    background-color: #ffffff !important;
}

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

.nav-left-pane {
    margin:0 10px 25px 0;
    padding: 10px 10px 0 10px;
}

.nav-left-pane 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: #efefef;
	border-bottom:1px solid #ccc;
  	font-size:0.9em;
} 

td.cobll, td.cobhl{
	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: #333;
	text-decoration: none;
}

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

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

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

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

input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

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

input.logintoaccount:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

/* The category page 
-------------------------------------*/
div.category{
	width: 98%;
	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:140px;
    overflow-y: hidden;
}

/*
div.category:hover{
	background-color:#fff;
	border: 1px solid #526B8D;
	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:112px;
	float:left;
}

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

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

div.catdiscounts, div.allcatdiscounts{
  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 
-------------------------------------*/

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

div.prodfilterbar {
	float: left;
    background-color: #e3e1e1;
    border: solid 2px #939191;
    border-radius: 6px;
    margin-bottom: 1em;
    padding: 10px;
}

div.pf-item-wrapper {
    float: left;
    white-space: nowrap;
    padding: 2px 1em 0.5em 0;
}

div.prodfilter{
	float:left;
	color: #333;
}

div.filtertext{
    font-weight: bold;
    padding-right: 1em;
}

div.ectpfkeyword input[type="button"] {
    background-color: #0a5083;
    color: white;
    font-weight: bold;
    padding: 2px 6px;
}

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

div.product {
	margin: 0;
	float: left;
	padding: 1em 0.5em;
    border-top: solid gray 1px;
    width: 98%;
}

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

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

div.prodmanufacturer{
	color:#666;
}

span.prodmanufacturerlabel {
    display: none;
}

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

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

}

div.products div.prodimage {
    float: left;
    margin: 0 10px 10px 0;
    width: 140px;
    min-height: 110px;
    overflow: hidden;
    border: none;
}

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

div.products div.prodimage:hover {
	background-color: inherit;
	border: none;
    box-shadow: none;
}


img.prodimage{
}

div.prodname{
	padding-top:6px;
	font-size: 16pt;
}


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

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

div.proddescription{
	padding:6px;
	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:6px;
}

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:-20px;
}

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 {
	font-size: 1.2em;
	padding:6px;
	float:left;
	width:66%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

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

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

div.detailsku{
	float:left;
	width:66%;
	margin:10px;
}

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

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

div.detaildescription ul{
	margin-left:25px;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:96%;
	color:#333;
	margin-left:10px;
}

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

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{
	padding: 6px;
	float:left;
	width:60%;
	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: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;
}

div.detailaddtocart,.detailoutofstock{
	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;
    border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

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

/* Social Media Buttons */

.socialmediabuttons {
    white-space: nowrap;
}
.socialmediabutton {
    display: inline-block;
    margin: 0 0.5em;
}
.emailfriend {
    margin-bottom: 2em;
}

td.emfll {
    line-height: 18px;
    padding: 1em 2em;
}


@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) {
    body {
        background-image: none;
    }
    .top_band_main ul li {
        width: auto;
        float: left;
        padding: 0 2% 0 2%;
    }
    div.homeproduct {
        width: 45%;
    }
    div.product{
	    /* width:30%; */ /* for 3-column layout */
    }
}

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

@media all and (max-width: 820px) {
    .stellarnav li a {
        /* drop down font size of top navigation bar to prevent wrapping */
        font-size: 12pt;
    }

    .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:46%; */ /* two-column layout */ 
    }

    div.category{
	    width: 90%;
    }

    .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.homeproduct {
        width: 95%;
    }

    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: 85%;
    }

    /* ~~ Remove left hand field on checkout ~~*/
    .cobcol1 {
  	    display: none;
    }

    /* ~~ Modify additional info field on checkout ~~*/
    textarea.addinfo {
	    width: 150px;
    }
}
/**
*** EOF: $RCSfile: sssupply.css,v $
**/