@charset "utf-8";
/* CSS Document for Ecommerce Templates Responsive Design Indoors */

/* Main settings and resets */
*{
padding:0px;
margin:0px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
div.bannner{ float: left; width: 98%;}

body{
padding:0px;
margin:0px;
 font-family:Arial; font-size:13px; color:#666;
}
div, ul, li{
padding:0px;
margin:0px;
}
img{
padding:0px;
margin:0px;
border:none;
}
img a{
padding:0px;
margin:0px;
border:none;
}
input, select, textarea{
padding:3px;
margin:4px;
}
.clear
{
clear:both;
}

p{padding-bottom:20px;}

/*link properties*/
a:link {
	color: #056839;
	text-decoration: none;
}

a:visited {
	color: #056839;
	text-decoration: none;
}

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

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

/* Hader section */

.header_top{ }
.main{ width:1000px; margin:0px auto;}

@font-face {
    font-family: 'lucida_handwritingitalic';
    src: url('../fonts/lucida_handwriting_italic-webfont.eot');
    src: url('../fonts/lucida_handwriting_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida_handwriting_italic-webfont.woff2') format('woff2'),
         url('../fonts/lucida_handwriting_italic-webfont.woff') format('woff'),
         url('../fonts/lucida_handwriting_italic-webfont.ttf') format('truetype'),
         url('../fonts/lucida_handwriting_italic-webfont.svg#lucida_handwritingitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.header_middle{ padding-top:16px; min-height:75px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; }
.header_middle_left{ width:45%; float:left; padding-top:5px; margin-top: -10px;}
.header_middle_left img{ max-width:100%;}
.header_middle_right{ width:41%; float:left;  margin-top: 60px; color: #056839; font-family: 'lucida_handwritingitalic', sans-serif; font-size:25px; padding: 15px;  text-align: center;text-shadow: 2px 2px #ccc;}


/* Top sub-menu settings */
.top_nav{ background:#056839;}


/* Main content */
.body_contain{ padding:10px 0;}

.main_contain{}

/* 3 column layout */
.left_contain{ width:20%; float:left; padding-right:9px;}
.middle_contain{ width:98%; float:left;}
.right_contain{ width:20%; float:left; padding-left:10px;}

.right_contain{ margin-top:-10px;}
.left_contain_main{ padding-bottom:10px;padding-top:10px; }
.left_contain_top{ background:url(../images/categories_left_top.jpg) no-repeat; padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.left_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:15px ; font-weight:normal; color:#000000; text-decoration:none; }
.left_text{ padding-top:20px;}
.left_text ul{ list-style-type:none;}
.left_text ul li{  background:  url(../images/left_arrow.jpg) no-repeat left 5px; padding:0 0 17px 15px; color:#CCC; text-decoration:none; font-family: 'Exo 2', sans-serif; font-size:13px; }
.left_text ul li a{ color:#333333; text-decoration:none;}
.left_text ul li a:hover{ color:#999900; text-decoration:none;}
.left_contain_bottom{background:url(../images/categories_left_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px; }
.left_text ul li:last-child{ padding-bottom:0px; }

.middle_contain_top{ background:url(../images/mid_categories.jpg) no-repeat; padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.middle_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:19px; font-weight:normal; color:#333; text-decoration:none; }
.mid_contain_bottom{background:url(../images/mid_categories_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px;margin-bottom:21px; }
.middle_contain_main{ padding:0 12px 0 8px;}
.middle_product{ padding-top:20px;}
.middle_product1 ul{ list-style-type:none;}
.middle_product h2 {color:#056839; font-family: 'Exo 2', sans-serif; font-size:16px;}
.middle_product1 img{ padding: 10px;}
.midle_produt_image{ text-align:center;}
.midle_produt_image img{ max-width:100%;}
.product_text{ padding-top:17px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center;}
.product_price{ padding-top:15px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center; font-weight:bold;}
.product_price b{ color:#ff9400; text-decoration:none; }
.right_t{ text-align:center; position:relative;}
.right_t_text{ background:url(../images/right_img.png) repeat-x; position:absolute; padding:10px; bottom:6px; width:100%;}
.right_t_text_top{ font-family: 'Exo 2', sans-serif; font-size:24px; line-height:28px; text-align:center; text-transform:uppercase; color:#FFF;}
.right_t_text_bottom{ font-family: 'Exo 2', sans-serif; font-size:20px; line-height:24px; text-align:center; text-transform:uppercase; color:#FFF; font-style:italic;}
.right_t_text_bottom b{ font-style:normal; font-weight:normal; color:#999900; text-transform:capitalize;}
.best_image{ text-align:center; padding:10px 0;}
.best_image img{ max-width:100%; }
.best_text h2{ font-family:Arial; font-size:15px; text-decoration:none; color:#9f9f11;}
.best_text p{ font-family:Arial; font-size:12px; line-height:15px; text-decoration:none; color:#4f4f4f;}
.right_img{ padding-top:25px;}
.right_img img{ max-width:100%;}

/* Manufacturers display */
.manufacturers_contain{ padding:20px 0; margin-bottom:50px;}
.manufacturers_contain_top{ background:url(../images/manufacturer.jpg) no-repeat; border-bottom:1px solid #e9e9e9; height:38px; padding-left:14px;font-family:Arial; font-size:18px; line-height:38px; text-decoration:none; color:#ffffff;}
.manufacturers_contain_down{ margin-top:20px; border:1px solid #e3e3e3;}
.manufacturers_contain_down ul{ list-style-type:none;}

.manufacturers_contain_down ul li{ width:20%; float: left; text-align:center; border-right:1px solid #e3e3e3; padding:20px 0;}
.manufacturers_contain_down ul li:last-child{ border-right:0px;}
.footer_top{ background:#555555; padding:2px 0 2px 0;}

/* Footer */
.footer_bottom{ background:#343333; padding:20px 0;}
.footer_bottom_left{ width:100%;float:left; text-align: center; color: #fff; margin-bottom: 10px;}
.footer_bottom_left_top{font-size:12px ; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
.footer_bottom_left_bottom{ padding-top:10px; }
.footer_bottom_left_bottom ul{ list-style-type:none; }
.footer_bottom_left_bottom ul li{ font-size:12px ; line-height:14px; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; float:left; padding-right:10px; border-right:1px solid #ffffff; margin-right:10px;}
.footer_bottom_right{ width:50%;float:left; text-align:right; position:relative;}
.footer_bottom_left_bottom ul li a{ color:#FFF; text-decoration:none;}
.footer_bottom_left_bottom ul li a:hover{ color:#999900; text-decoration:none;}
.footer_bottom_left_bottom ul li:last-child{ border-right:0px; padding-left:0px; margin-right:0px;}

.footer_bottom_left_top a{color:#ccc;text-decoration:none;}
.footer_bottom_left_top a:hover{color:#999900;text-decoration:none;}


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

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

a.ectlink:active {
	color: #056839;
	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, input.login, input.newaffiliate, input.affiliatelogin, input.search{
	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, input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}


/* The category page 
-------------------------------------*/
div.category{
	width:99%;
	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:170px;
}
div.categorymessage{display: none;}
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:#fff;
	border-bottom: 1px solid #999900;
	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:200px;
	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.buyhere{float: left; width: 100%;}
div.buykoru{float: left; width: 49%;}
div.buyamazon{float: left; width: 49%;}
div.buykoru img{max-width:100%; height: auto;}
div.buyamazon img{max-width:100%; height: auto;}

div.product{
	width:99%;
	float:left;
	padding: 15px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 20px;
}
div.detaillink{float: right; width: 75%; text-align: left;}
input.detaillink{ background:#056839;color:#fff;padding:4px 12px;border:0;border-radius:4px;font-size:1.1em; cursor: pointer;}
input.detaillink:hover{background:#8EC741;color:#fff;padding:4px 12px;border:0;border-radius:4px;font-size:1.1em;}

div.prodnavigation{
	padding:0px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	background-color:#fff;
	border-bottom: 1px solid #999900;
	margin-bottom:10px;
}

div.prodimage{
float: left;
width: 200px;
text-align: center;
}


img.prodimage{
}

div.prodname{
float: right;
width: 75%;
text-align: left;
font-size: 18px;
padding:6px;
}


div.proddescription{
	padding:6px;
	float:right;
	width: 75%;
	font-size: 0.9em;
	line-height: 1.5em;
}

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


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


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

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:99%;
}
div.detailimagenavigator{text-align: center;}
div.detailimage{
	width:35%;
	padding:10px;
	float:left;
	clear:both;
	text-align: center;
} 
div.detailimage img{max-width: 100%; height: auto;}

.detailname h1 {
	font-size: 1.2em;
	padding:6px;
	float:left;
	width:95%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #056839;
}

div.detaildescription ul li {margin-left: 25px; padding: 5px 0 5px 0;}
div.detaildescription{
	font-size: 0.9em;
	margin:5px;
	padding-top:4px;
	line-height:1.8em;
	float:right;
	width:58%;
}

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



/*This is the first breakpoint and contains styles for screens up to 1000px*/

@media all and (max-width:1000px) {
.down_nav ul li a{ padding:8px 7px;}
	.down_nav ul{padding-left:124px;}
}

/*This is the second breakpoint and contains styles for screens below 980px*/

@media all and (max-width: 980px) {
.main{ width:100%; padding:0 10px;}
div.prodimage{width: 100%; text-align: center;}
div.proddescription{ float: left; width: 100%;}	
div.prodname{float: left;width: 100%;text-align: center;padding-bottom:6px;}
div.detaillink{float: left; width: 100%; text-align: center;}
}

/*This is the third breakpoint and contains styles for screens below 800px*/

@media all and (max-width: 800px) {

.shopping_cart_bg{ width:38%;}
.search_bg{ width:58%; margin-left:2%;}
.midle_produt_image{ min-height:150px;}
.down_nav ul li a {font-size: 13px;padding: 15px 6px;}
.middle_product1 ul li{ min-height:250px;}
.footer_bottom_left_bottom ul li{ font-size:11px; padding-right:5px; margin-right:5px;}
.down_nav{padding-left:0px;}
div.product{width:98%;}
div.detaildescription{ float: left; width: 98%;}
div.detailimage{ float: left; width: 100%; text-align: center;}
div.bannner{ width: 100%;}
}

/*This is the fourth breakpoint and contains styles for screens below 768px*/

@media all and (max-width: 768px) {


}


/*This is the fiftt breakpoint and contains styles for screens below 640px*/

@media all and (max-width: 640px) {
.down_nav ul li a{ padding:0px 12px 5px 12px;}
.down_nav ul li:first-child{ padding-top:4px;}
.header_middle_left{ width:100%;}
.header_middle_right{ width:100%;}
.body_contain, .listing_contain_menu, .middle_contain_main, .middle_contain_top{padding:0px;margin:0px;}
.middle_contain_top{padding:2px;margin-top:8px;}
.search_bg{ width:98%;}
.shopping_cart_bg{ width:100%; margin:10px 0; text-align:left;}
.bannner_left{ width:100%;}
.bannner_right{width:100%;}
.left_contain{ display:none;}
.middle_contain{ width:100%; margin-bottom:10px; float:none;}
.middle_product1 ul li{ width:100%;}
.right_contain{ width:200px; margin:0px auto; float:none; }
.manufacturers_contain_down ul li{ width:100%; border-right:0px; border-bottom:1px solid #e3e3e3;}
.footer_top_left{ width:50%;}
.footer_top_right{width:100%;}
.footer_bottom_left{ width:100%;}
.footer_bottom_right{ width:100%; margin-top:20px;}
.header_middle_right{ width:99%; float:left; font-size: 30px; margin: 0 0 15px 0; color: #056839;  text-shadow: 2px 2px #ccc; text-align: center;}
.header_middle_left{ width:99%; float:left; margin-top: -5px; text-align: center;}

}

/*This is the sixth breakpoint and contains styles for screens below 480px*/

@media all and (max-width:480px) {

}

/*This is the seventh breakpoint and contains styles for screens below 360px*/

@media all and (max-width:360px) {

}