@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:table;
clear:both;
}
body{
padding:0px;
margin:0px;
font-size:13px; color:#666;
font-family:FontAwesome, sans-serif
}
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;}
/* Mega Menu */
nav.ectmegamenu > ul > li > ul{
border:1px solid #5270AE;
}
nav.ectmegamenu{
background:#FFF;
text-align:center;
}
nav.ectmegamenu > ul > li{
font-size:1em;
background-color:#FFF;
text-transform:uppercase;
display:inline-block;
float:none;
}
.ectmegamenu > ul > li:hover {
background:#5270AE;
}
nav.ectmegamenu > ul > li.ectmega-is-open > a,.ectmegamenu > ul > li > a:hover {
color:#FFF;
}
.ectmegamenu > ul > li > ul.normal-sub > li a,
nav.ectmegamenu > ul > li > ul > li a,
nav.ectmegamenu > ul > li > ul > li > ul > li a{
border-bottom:1px solid #5270AE;
}
nav.ectmegamenu > ul > li > ul > li a:hover,
nav.ectmegamenu > ul > li > ul > li > ul > li a:hover{
background-color:#5270AE;
}
.ectmegamenu > ul > li a {
padding:9px 21px;
}
/*link properties*/
a:link {
color: #544A4A;
text-decoration: none;
}
a:visited {
color: #544A4A;
text-decoration: none;
}
a:active {
color: #544A4A;
text-decoration: none;
}
a:hover {
color: #EB8830;
text-decoration: none;
}
/*Button and form field styles*/
input[type="button"].ectbutton,input[type="submit"].ectbutton,button.ectbutton{
background:#3E4A7E;
color:#fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family:FontAwesome, sans-serif
}
input[type="button"].ectbutton:hover,input[type="submit"].ectbutton:hover,button.ectbutton:hover{
background:#ddd;
color:#000;
cursor:pointer;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
font-family:FontAwesome, sans-serif
}
div.largereviewstars svg.icon, div.smallreviewstars svg.icon {
fill:#3E4A7E;
}
input.previmg, input.nextimg, input.detailprevimg, input.detailnextimg{
border-radius:4px;
border:1px solid #ccc;
background:#fff;
margin:4px;
font-size:11px;
cursor:pointer;
color:#544A4A;
padding:4px;
}
input.previmg:hover, input.nextimg:hover, input.detailprevimg:hover, input.detailnextimg:hover{
color:#000;
border:1px solid #666;
}
/*mini drop down cart*/
.ectdp_minicartopen img{display:none;}
.ectdp_minicartmainwrapper{color:#000;background:#f7f7f7;font-size:16px;padding-top:1px;font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
.ectdp_minicartopen{background:#f7f7f7;padding-top:0px;}
.ectdp_minicartcontainer{background:#f7f7f7;}
.minicartcnt_dp{
font-size:0.9em;
margin-top:0;
}
/* Cross Sell */
div.csprodinstock {
float:left;
}
div.csprodrating {
float:right;
}
div.csprodprice {
clear:both;
}
div.csproduct{
width:48.8%;
}
div.bcsproduct{
margin:0 0 5px 0;
}
div.bcsprodimage{
text-align:center;
}
input.bcsdetaillink,input.bcsqbuybutton{
width:95%;
}
img.bcsprodimage {
  max-width: 100%;
}
div.bcsprodname {
  font-weight: bold;
  font-size: 14px;
}
/* Header section */
.header_top{ background:url(../images/header_bg.jpg) repeat-x;}
.main{ width:1000px; margin:0px auto;}
.toplogin{float:left;width:50%;}
/* Social media icons */
.connect_flow{ clear:right;float:left;width:50%;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:25px;min-height:75px;}
.header_middle_left img{ max-width:100%;}
.header_middle_right{ width:55%; float:left;padding-top:20px;}
/* 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; padding:6px 7px;line-height:26px; color:#575757; text-decoration:none;}
/* Top sub-menu settings */
.top_nav{ background:#fff;border-top:1px solid #ccc}
.topnav1 {overflow: hidden;text-align:center;background:#5270AE;font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
.topnav1 a {display: inline-block;color: #fff;text-align: center;padding: 7px 9px;text-decoration: none;font-size: 13px;}
.topnav1 a:hover {background-color: #ddd;color: black;}
.topnav1 .icon {display: none;}
/* Main content */
.body_contain{ padding:10px 0;}
/* Home page top layout */
.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 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:#EB8830; 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_product1 ul li{ width:33%; float:left; padding-bottom:28px;}
.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:#88BF41; 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:0px; margin-bottom:2px;}
.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:10px; 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: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:#EB8830; text-decoration:none;}
.footer_top_right{ width:50%; 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_top_right a{color:#EB8830 }
.footer_top_right a:hover{color:#fff }
.footer_bottom{ background:#343333; 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:#EB8830; 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:#EB8830;text-decoration:none;}
.emfll{background:#fff;padding:4px}
/*This is the second breakpoint and contains styles for screens below 980px*/
@media all and (max-width: 980px) {
.main{ width:100%; padding:0 10px;}
}
/*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;}
.top_nav{ background:#f0f0f0;}
}
/*This is the fourth breakpoint and contains styles for screens below 768px*/
@media all and (max-width: 768px) {
.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;}
.middle_contain{ width:100%; margin-bottom:10px; float:none;}
.middle_product1 ul li{ width:100%;}
.right_contain{ width:200px; margin:0px auto; float:none; }
.left_contain{ display:none;}
.middle_contain_top{ background:url(../images/mid_categories1.jpg) no-repeat;}
.mid_contain_bottom{background:url(../images/mid_categories_bottom1.jpg) no-repeat bottom left;}
}
/*This is the fifth breakpoint and contains styles for screens below 640px*/
@media all and (max-width: 640px) {
.header_middle_left{ text-align:center;width:100%;padding-top:10px;min-height:auto}
.header_middle_right{ width:100%;padding-top:10px}
.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:98%; margin:0px 0px 26px 0px; text-align:left;}
.bannner_left{ width:100%;}
.bannner_right{width:100%;}
.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;}
.connectflow{display:none;}
.middle_contain_top{ background:url(../images/mid_categories.jpg) no-repeat;}
.mid_contain_bottom{background:url(../images/mid_categories_bottom.jpg) no-repeat bottom left; }
}
/*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) {
}