@charset "utf-8";
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {	line-height: 1;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;}
ol, ul {
	list-style: none;}
blockquote {	quotes: none;}
blockquote:before, blockquote:after {
	content: '';
	content: none;}
del {	text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
a{ text-decoration:none; color:#595556;}	
a img {	border: none;}
p{ margin-bottom:15px;}
h1{ font-size:28px; color:#575e62;font-family: 'calibriregular'; background:url(../images/head-bg.jpg) repeat-x bottom; padding-bottom:10px; margin-bottom:25px;}
h3{ font-size:18px; font-weight:bold; color:#238ab5; margin-bottom:10px;}
.clear{ clear:both;}
@font-face {
font-family: 'calibriregular';
src: url('../fonts/calibri-webfont.eot');src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/calibri-webfont.woff') format('woff'),url('../fonts/calibri-webfont.ttf') format('truetype'),
url('../fonts/calibri-webfont.svg#calibriregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'britannic_boldregular';
src: url('../fonts/britanic-webfont.eot');src: url('../fonts/britanic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/britanic-webfont.woff') format('woff'),url('../fonts/britanic-webfont.ttf') format('truetype'),
url('../fonts/britanic-webfont.svg#britannic_boldregular') format('svg');font-weight: normal;font-style: normal;}
body{ margin:0 auto; color:#595556; min-width:942px; font-size:15px;font-family: 'calibriregular'; line-height:18px; }
.wrap{ margin:0 auto; width:942px; padding:0 10px;}
.header{ height:102px; background:url(../images/header-bg.jpg) repeat-x bottom #fff;}
.header .left{ width:400px; float:left;}
.header .right{ float:right; width:510px;}
.brands{ text-align:right; padding-top:8px;}
.slider{ background:url(../images/slide-bg.jpg) repeat-x; height:348px; overflow:hidden;}
.slide{ background:url(../images/slider-bg.jpg) no-repeat center bottom #f4f4f2; height:23px;}
.container{ overflow:hidden; padding:25px 0;}
.container .left{ float:left; width:620px; }
.container .right{ float:right; width:293px; background:#edecec; border:1px solid #d8d7d7;}
.footer{ padding-bottom:10px; color:#fff; font-size:14px; overflow:hidden; background:url(../images/footer-bg.jpg) repeat-x; height:132px; padding-top:45px; box-sizing:border-box;}
.footer a{ color:#fff;}
.footer .left{ float:left; width:500px;padding-top:10px;}
.footer .right{ width:202px; float:right; text-align:right; height:79px; box-sizing:border-box; padding:27px 14px 0px 0px; background:url(../images/footer-logo.jpg) no-repeat;}
.footer-nav a{ padding:0 3px;}
.footer-nav a:hover{ color:#fba61c;}
.footer-nav a:first-child{ padding-left:0px;}
.sole{ overflow:hidden;}
.heading{font-family: 'calibriregular'; font-weight:bold; padding:10px 13px; box-sizing:border-box;  background:url(../images/heading-bg%27.png) no-repeat ; height:42px; color:#d8d7d7; font-size:16px;}
.sole .pics{ padding:25px 0 ;}
.sole .pics ul li{ float:left; height:55px; margin-bottom:15px; margin-left:10px; }
.sole .pics ul li img{ float:left;} 
.serving{ padding:25px 0;}
.serving .bx-wrapper{ padding-left:5px; padding-top:30px; }
.quick{ padding:5px 0}
.profile{ margin-bottom:30px; overflow:hidden;}
.offer{ overflow:hidden; }
.offer h1{ margin-bottom:0px !important;} 
.c-left{ text-align:justify; float:left; width:280px;}
.c-right{ float:right; width:280px; text-align:justify;}
.col1{ float:left; width:170px; background:url(../images/li-bg.png) no-repeat right top; padding-top:30px;}
.col2{ float:left; width:170px;background:url(../images/li-bg.png) no-repeat right top; padding-left:20px; padding-top:30px;}
.col3{ float:right; line-height:20px;  width:240px; padding-top:30px;}
.col1 li,.col2 li{ background:url(../images/arrow2.png) no-repeat left 8px; padding-bottom:6px; padding-left:13px;}
.col1 li a,.col2 li a{color:#595556;}
.col1 li a:hover,.col2 li a:hover{ color:#000}
.nav{ margin-top:10px;}
.nav ul {text-align: left;display: inline;margin: 0;  font-size:15px;list-style: none;	font-family: 'britannic_boldregular';}
.nav ul li {display: inline-block;margin-left: 0px;position: relative;width:97px;height:34px;text-align:center;line-height:34px;text-transform:uppercase;cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.nav ul li a{ color:#575e62; text-decoration:none;}
.nav ul li:hover,.nav ul li.current,
body.a1 .nav ul li.n1,
body.a2 .nav ul li.n2,
body.a3 .nav ul li.n3,
body.a4 .nav ul li.n4,
body.a5 .nav ul li.n5 {  background: url(../images/hover.png) no-repeat;  color: #fff;}
.nav ul li:hover a,.nav ul li.current a,
body.a1 .nav ul li.n1 a,
body.a2 .nav ul li.n2 a,
body.a3 .nav ul li.n3 a,
body.a4 .nav ul li.n4 a,
body.a5 .nav ul li.n5 a{  color: #fff;}
.nav ul li ul {   padding: 0;  position: absolute;  top: 34px;  left: 0;  z-index:1111;  border:1px solid #51a3c2;  border-top:0px;  font-family: 'calibriregular';  font-size:13px;  font-weight:bold;  width: 110px;  display: none;opacity: 0;
-webkit-box-shadow: none;  
-moz-box-shadow: none;
  box-shadow: none;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.nav ul li ul li { 
background: url(../images/subnav-bg.png) repeat; display: block; color: #fff;border-top:1px solid #51a3c2;width:110px;box-sizing:border-box;padding:0 10px;line-height:25px !important;height:auto !important;  text-transform:none !important;text-align:left;}
.nav ul li ul li a{ background:url(../images/arrow1.png) no-repeat 0 7px; padding-left:8px;}
.nav ul li ul li:hover { background: #fba61c;  }
.nav ul li ul li:hover a{color:#000 !important; background:url(../images/arrow.png) no-repeat 0 7px;}
.nav ul li:hover ul {display: block;opacity: 1;visibility: visible;}

.listing .single{ overflow:hidden; margin-bottom:25px;}
.listing .single .title{ color:#238ab5; font-weight:bold; font-size:18px; margin-bottom:5px;}
.s-left{ float:left; width:150px; height:110px; text-align:center;}
.s-left a{ color:#238ab5;}
.s-left a:hover{ text-decoration:underline; color:red;}
.s-left .pic{ border:1px solid #ccc; width:148px; height:88px; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center;}
.s-left .pic img{ max-width:148px;}
.s-right{ float:right; width:450px;}
.power{ overflow:hidden; padding-bottom:15px;}
.power li{ border-bottom:1px solid #ddd; padding:5px 5px 5px 25px; background:url(../images/arrow.png) no-repeat 15px 12px;}
.power li a:hover{ color:#FBA61C;}
.products{ overflow:hidden; margin-left:-13px; }
.products .single{ font-size:13px; width:145px; height:220px; overflow:hidden; text-align:center; margin-left:13px; float:left;}
.products .single .pic{ border:1px solid #ccc; width:143px; margin-bottom:5px; height:143px; display:table-cell; vertical-align:middle; text-align:center;}
.products .single .pic img{ max-width:143px;}


.products .single1{ font-size:13px; width:145px; height:180px; overflow:hidden; text-align:center; margin-left:13px; float:left;}
.products .single1 .pic{ border:1px solid #ccc; width:143px; margin-bottom:5px; height:143px; display:table-cell; vertical-align:middle; text-align:center;}
.products .single1 .pic img{ max-width:143px;}

.inner-content ul{ margin:20px 0}
.inner-content li{ background:url(../images/arrow.png) no-repeat 8px 8px ; padding-bottom:5px; padding-left:20px;}
.blue{ color:#238AB5;}
a.red{ color:#238ab5;}
a.red:hover{ color:red; text-decoration:underline;}