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

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: #7A9024;
	text-decoration: none;
}

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

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

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

/* Header section */

.header_top{ background:url(../images/header_bg.jpg) repeat-x;}
.main{ width:1000px; margin:0px auto;}

/* Social media icons */
.connect_flow{ height:35px; text-align:right; padding-top:4px; font-family:Arial; font-size:12px; line-height:24px; text-transform:uppercase;}
.connect_flow img{ float:right; padding-left:6px;}
img.t{ margin-left:6px;}

.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;}
.header_middle_left img{ max-width:100%;}
.header_middle_right{ width:55%; float:left;}

/* Top search */
.search_bg{ float: left;border:1px solid #d9d8dd; padding:2px 10px; width:65%; background:#FFF; height:35px; position:relative;}
.search_text{ width:100%; float:left; border:0px; padding-right:20px; font-family:Arial; font-size:14px; color:#9f9f9f;}
.search_button{ background:url(../images/search_icon.jpg) no-repeat; width:16px; height:16px; position:absolute; right:10px; border:0px; cursor:pointer;}

/* Shopping cart icon and link */
.shopping_cart_bg{ width:30%; float: right; text-align:left;background:url(../images/cart_iconbg.jpg) no-repeat; padding:6px 7px;font-family:Arial; font-size:12px; line-height:26px; color:#575757; text-decoration:none;}
.shopping_cart_bg img{ float:left; margin-right:18px;}
.shopping_cart_bg a{color:#666;text-decoration:none;}
.shopping_cart_bg a:hover{color:#c95700;text-decoration:none;}

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

.topnav {overflow: hidden;text-align:center;background:#891300;text-transform:uppercase;font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
.topnav a {display: inline-block;color: #f2f2f2;text-align: center;padding: 14px 12px;text-decoration: none;font-size: 14px;}
.topnav a:hover {background-color: #ddd;color: black;}
.topnav .icon {display: none;}

.topnav1 {overflow: hidden;text-align:center;background:#c95700;text-transform:uppercase;font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
.topnav1 a {display: inline-block;color: #f2f2f2;text-align: center;padding: 14px 12px;text-decoration: none;font-size: 14px;}
.topnav1 a:hover {background-color: #ddd;color: black;}
.topnav1 .icon {display: none;}

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

/* Home page top layout */
.bannner{display:none;} /* Turned off on all pages except home page */
.bannner{ padding-bottom:8px;}
.bannner_left{ width:68%; float:left;}
.bannner_left img{ max-width:100%;}
.bannner_right{ width:32%; float: right; padding:0 4px;}
.bannner_right img{ max-width:100%;}
.bannner_right_top{ margin-bottom:0px;}
.r_image_border{ border:1px solid #c2c2c2;}
.r_image_border img{ max-width:100%;}
.main_contain{}

/* 3 column layout */
.left_contain{ width:20%; float:left; padding-right:9px;}
.middle_contain{ width:60%; 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 7px 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:#c95700; 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_top{ 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{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;}

/*  removed this because it messed up the bullets in product descriptions...
.middle_product1 ul{ list-style-type:none;}
.middle_product1 ul li{ width:33%; float:left; padding-bottom:28px;}
*/
.middle_product1 ul{ list-style-type:default;}
.middle_product1 ul{ margin: 0 0 0 1em; padding: 0 0 0 0;}
.middle_product1 li{ margin: 0 0 0 1em;}
.middle_product ul{ list-style-type:default;}
.middle_product ul{ margin: 0 0 0 1em; padding: 0 0 0 0;}
.middle_product li{ margin: 0 0 0 1em;}

.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:#FFF; font-style:bold;}
.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:#c95701;}
.best_text p{ font-family:Arial; font-size:12px; line-height:15px; text-decoration:none; color:#000000;}
.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:#891300; padding:30px 0 50px 0;}

/* Footer */
.footer_top_left{ width:25%; float:left;}
.footer_top_left h2{ text-transform:uppercase;font-family: 'Exo 2', sans-serif; font-size:18px; line-height:24px; text-decoration:none; color:#ffffff; padding-bottom:20px;}

.footer_top_left ul{ list-style-type:none;}
.footer_top_left ul li{  padding:0 0 10px 0px;font-size:12px ; color:#CCC; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
.footer_top_left ul li a{ color:#ffffff; text-decoration:none;}
.footer_top_left ul li a:hover{ color:#c95700; text-decoration:none;}
.footer_top_right{ width:70%; float:left;}
.footer_top_right h2{ text-transform:uppercase;font-family: 'Exo 2', sans-serif; font-size:18px; line-height:24px; text-decoration:none; color:#ffffff; padding-bottom:20px;}
.footer_top_right p{  font-size:12px ; color:#fff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; padding-bottom:20px; }
.footer_bottom{ background:#520b00; padding:20px 0;}
.footer_bottom_left{ width:50%;float:left;}
.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:#c95700; 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:#c95700;text-decoration:none;}


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

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

}

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

@media all and (max-width: 980px) {
.main{ width:100%; padding:0 10px;}

.topnav a {padding: 14px 8px;font-size: 12px;}

}
/*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;}
.middle_product1 ul li{ min-height:250px;}
.footer_bottom_left_bottom ul li{ font-size:11px; padding-right:5px; margin-right:5px;}

}

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

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

.topnav {text-align:left;}
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {float: right;display: block;color:#fff;}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {position: absolute;right: 0;top: 0;}
.topnav.responsive a {float: none;display: block;text-align: left;}

.topnav1 {text-align:left;}
.topnav1 a:not(:first-child) {display: none;}
.topnav1 a.icon {float: right;display: block;color:#fff;}
.topnav1.responsive1 {position: relative;}
.topnav1.responsive1 .icon {position: absolute;right: 0;top: 0;}
.topnav1.responsive1 a {float: none;display: block;text-align: left;}
}


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

@media all and (max-width: 640px) {
.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;}

}

/*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) {

}