@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:#343434;
}
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;}
p.tracknumline{padding-bottom:0px;}

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

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

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

a:hover {
	color: #cc954c;
	text-decoration: none;
	cursor:pointer;
}

/* Header section */

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

.toplogin{float:left;width:50%;margin-top:8px}

/* 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:5px; 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:50%; float:left; padding-top:5px; clear: both}
.header_middle_left img{ max-width:100%;}
.header_middle_right{ width:50%; float:left;padding-top:22px;}

/* 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:#2073b9;}
.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:#FFF; text-decoration:none;}


/* Top sub-menu settings */
.top_nav{ background:#2073b9;border-top:1px solid #ccc}

.topnav1 {overflow: hidden;text-align:center;background: #FFF;font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
.topnav1 a {display: inline-block;color: #2073b9;text-align: center;padding: 7px 9px;text-decoration: none;font-size: 13px;}
.topnav1 a:hover {background-color: #2073b9;color: white;}
.topnav1 .icon {display: none;}

/* Main content */
.body_contain{ padding:10px 0;}
.tab { margin-left: 12px; line-height: 21px; }
.learnbutton {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 4px 4px;
    text-decoration: none;
    display: table;
    font-size: 16px;
	width: 30%;
	border-radius: 8px;
	margin: auto;
	margin-top: -15px;
}
.learnbutton:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 16px;
	border-radius: 8px;
	cursor:pointer;
}
.viewbutton {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 4px 4px;
    text-decoration: none;
    display: table;
    font-size: 16px;
	width: 15%;
	border-radius: 8px;
	margin-top: -15px;
}
.viewbutton:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 16px;
	border-radius: 8px;
	cursor:pointer;
}
.quotebutton {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 4px 4px;
    text-decoration: none;
    display: table;
    font-size: 16px;
	width: 40%;
	border-radius: 8px;
	margin: auto;
	margin-top: -15px;
}
.quotebutton:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 16px;
	border-radius: 8px;
	cursor:pointer;
}
.RequestButton {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 4px 4px;
    text-decoration: none;
    display: table;
    font-size: 14px;
	width: 60%;
	border-radius: 8px;
	margin: auto;
	margin-top: -12px;
	max-width: 160px;
}
.RequestButton:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 14px;
	border-radius: 8px;
	cursor:pointer;
}

.APPLYbutton {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 3px 3px;
    text-decoration: none;
    font-size: 14px;
	display: inline-table;
	width: 54px;
	height: 22px;
	border-radius: 6px;
	margin-top: -4px;
	margin-bottom: 15px;
}
.APPLYbutton:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 14px;
	border-radius: 6px;
	cursor:pointer;
}
.APPLYbuttonLONG {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 5px 13px;
    text-decoration: none;
    font-size: 20px;
	display:inline;
	width: 330px;
	height: 35px;
	border-radius: 8px;
}
.APPLYbuttonLONG:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 20px;
	border-radius: 8px;
	cursor:pointer;
}
.LEARNbuttonLONG {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 5px 13px;
    text-decoration: none;
    font-size: 14px;
	display:inline;
	width: 330px;
	height: 35px;
	border-radius: 8px;
	margin-top: -25px;
}
.LEARNbuttonLONG:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 14px;
	border-radius: 8px;
	cursor:pointer;
}
.UpperNavButton {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 4px 4px;
    text-decoration: none;
    display: table;
    font-size: 16px;
	width: 80%;
	border-radius: 8px;
	margin: auto;
	margin-top: 0px;
}
.UpperNavButton:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 16px;
	border-radius: 8px;
	cursor:pointer;
}

.CompareSortButton {
	text-align: center;
	background-color: #2073b9;
    border: none;
    color: white;
    padding: 4px 4px;
    text-decoration: none;
    display: table;
    font-size: 12px;
	width: 80%;
	border-radius: 8px;
	margin: auto;
	margin-bottom: -25px;
	margin-top: 5px;
}

.CompareSortButton:hover{
	text-align: center;
	background-color: #cc954c;
    border: none;
    color: black;
    text-decoration: none;
    font-size: 12px;
	border-radius: 8px;
	cursor:pointer;
}

.CompareButton {
	text-align: center;
	background: radial-gradient(ellipse at center, #FFF 0, #B8B8B8 100%);
    border: none;
    color: black;
    padding: 10px 4px;
    text-decoration: none;
    display: table;
    font-size: 22px;
	font-weight: bold;
	width: 60%;
	border-radius: 8px;
	margin: auto;
	margin-top: -12px;
	max-width: 270px;
	box-shadow: 10;
}

.CompareButton:hover{
	text-align: center;
	background: radial-gradient(ellipse at center, #FFF 0, #CFCFCF 100%);
    border: none;
    color: black;
    text-decoration: none;
    font-size: 22px;
	font-weight: bold;
	border-radius: 8px;
	cursor:pointer;
}

/* ----------------Accessories-H3tags----------------- */
.middle_contain h3 {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding-top: 5px;
  }
  .left_contain_top h4 {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 8px;
  }
  .left_contain_top strong {
	font-size: 12px;
  }
  .left_contain_top h5 {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
  }
  .left_contain_top font {
	font-size: 16px;
  }
  .left_contain_top h5 {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 8px;
  }
  .left_contain_top h4 {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 8px;
  }
  .middle_contain_top h3 {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding-top: 5px;
  }
  


/* 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 */
.filter-main-contain{display: none}
.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:-5px;padding-top:10px; height:100%;}
.left_contain_top{ padding:10px 10px 10px 10px; border:1px solid #dfdfdf; border-radius:5px 5px 5px 5px; height: 100%;}
.left_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:16px ; font-weight:normal; color:#000000; text-decoration:none; margin-bottom: 8px;}
.left_text{ padding-top:6px; padding-left: 5px;}
.left_text ul{ list-style-type:none; margin-left: -10px;}
.left_text ul li{ padding:0 0 14px 10px; 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:#cc954c; text-decoration:none;}
.left_text ul li:last-child{ padding-bottom:10px; }
.left_text_bottom{ padding-top:6px;}
.left_text_bottom ul{ list-style-type:circle; margin-left: 10px;}
.left_text_bottom ul li{ padding:0 0 14px 0px; color:#CCC; text-decoration:none; font-family: 'Exo 2', sans-serif; font-size:13px; }
.left_text_bottom ul li a{ color:#333333; text-decoration:none;}
.left_text_bottom ul li a:hover{ color:#cc954c; text-decoration:none;}
.left_text_bottom ul li:last-child{ padding-bottom:10px; }

.middle_contain_top{ padding:0px 10px 15px 10px; border:1px solid #dfdfdf; border-radius:5px 5px 5px 5px;}
.middle_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:25px; font-weight:normal; color:#333; text-decoration:none; padding-top: 5px;}

.mid_contain_bottom {display: none;}

.middle_contain_main{ padding:0 8px 0 8px;}
.middle_product{ padding-top:20px;}
.middle_product1 ul{ list-style-type:none;}
.middle_product1 ul li{ width:33%; float:left; padding-bottom:0px;}
.midle_produt_image{ text-align:center;}
.midle_produt_image img{ max-width:100%; width: 170px}
.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:5px;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:8px; bottom:6px; width:100%;}
.right_t_text_top{ font-family: 'Exo 2', sans-serif; font-size:18px; line-height:20px; text-align:center; text-transform:uppercase; color:#FFF;}
.right_t_text_bottom{ font-family: 'Exo 2', sans-serif; font-size:16px; line-height:20px; text-align:center; text-transform:uppercase; color:#FFF; font-style:italic;}
.right_t_text_bottom b{ font-style:normal; font-weight:normal; color:#cc954c; text-transform:capitalize;}
.right_t_text:hover{background: #636363}
.best_image{ text-align:center; padding:3px 0;}
.best_image img{ max-width:100%; }
.best_text h2{ font-family:Arial; font-size:15px; text-decoration:none; color:#2073b9;}
.best_text p{ font-family:Arial; font-size:12px; line-height:15px; text-decoration:none; color:#4f4f4f; padding-bottom: 5px;}
.right_img{ padding-top:25px;}
.right_img img{ max-width:100%;}

/* Manufacturers display */
.manufacturers_contain{ padding:20px 0; margin-bottom:0px;}
.manufacturers_contain_top{ background:url(../images/manufacturer.jpg) no-repeat; border-bottom:0px 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:0px; 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 */
.footer_top{ background:#2073b9; padding:20px 0 10px 0;}
.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:#cc954c; 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:#FFF; padding:20px 0;}
.footer_bottom_left{ width:85%;float:left;}
.footer_bottom_left_top{font-size:12px ; color:#2073b9; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
.footer_bottom_left_bottom{font-size:12px; padding-top:10px; color:#2073b9;}
.footer_bottom_left_bottom ul{ list-style-type:none; }
.footer_bottom_left_bottom ul li{ font-size:12px ; line-height:14px; color:#2073b9; text-decoration:none; font-family: Arial, Helvetica, sans-serif; float:left; padding-right:10px; border-right:1px solid #2073b9; margin-right:10px;}
.footer_bottom_right{ width:12%;float:right; text-align:right; position:relative;}
.footer_bottom_left_bottom ul li a{ color:#2073b9; text-decoration:none;}
.footer_bottom_left_bottom ul li a:hover{ color:#cc954c; text-decoration:none;}
.footer_bottom_left_bottom ul li:last-child{ border-right:0px; padding-left:0px; margin-right:0px;}


.footer_bottom_left_lower_bottom{float: left; font-size:12px; padding-top:24px; padding-bottom: 15px; color:#2073b9; position: absolute;}


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

.emfll{background:#fff;padding:4px}

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

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

@media all and (max-width: 960px) {
.left_contain_main{ display:none;}
.topnav1{ display:none;}
.middle_contain{ width:100%; margin-bottom:10px; float:none;}
.header_middle_left{ text-align:center;width:100%;padding-top:10px;min-height:auto}
.header_middle_right{ width:100%;padding-top:10px}
.search_bg{ width:98%;}
.shopping_cart_bg{width:98%; margin:0px 0px 26px 0px; text-align:left;}
        .filter-main-contain{max-height: 200px; width: 88%; overflow-y: scroll;display:block; margin-bottom: 25px; border:1px solid #dfdfdf; border-radius:5px 5px 5px 5px; margin-left: 20px; box-shadow: 2px 2px 5px gray }
}

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

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

.midle_produt_image{width: 100%; margin-bottom: 0px; border-top:1px solid #ccc; }
.midle_produt_image img{width:90%; padding-top: 10px;}
.middle_product1 ul li{ margin-bottom: 20px;padding-right: 10px;}
.footer_bottom_left_bottom ul li{ font-size:12px; padding-right:5px; margin-right:5px;}
.top_nav{ background:#2073b9;}
div.manufacturers_contain{ display:none;}

}

/*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_product1 ul li{ width:100%;}
.right_contain{ display:none;}
.left_contain{ display:none;}
}


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

@media all and (max-width: 640px) {
.body_contain, .listing_contain_menu, .middle_contain_main {padding:0px;margin:0px;}
.middle_contain_top{padding:2px 5px;margin-top:8px;}
.middle_product1 ul li{ padding-left: 8px;}
.bannner_left{ width:100%;}
.bannner_right{width:100%;}
.footer_top_left{ width:50%;}
.footer_top_right{width:100%; padding-top: 20px;}
.footer_bottom_left{ width:100%;}
.footer_bottom_right{ width:100%; margin-top:20px; padding-top: 10px;}
.connectflow{display:none;}

}

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

@media all and (max-width:480px) {
.APPLYbutton {
    margin-top: 3px;}
.footer_bottom_left_lower_bottom {padding-top: 40px; margin-bottom: 20px;}
}

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

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

}