/*@font-face {
    font-family: 'Gill sans';  
	src:url('fonts/GillSans-Bold.ttf')  format('truetype');  
    } */
	
	/* @font-face {
    font-family: 'Gill sans';  
	src:url('fonts/GillSans Bold.ttf')  format('truetype'),  
        url('fonts/GillSans BoldItalic.ttf')  format('truetype'),
		url('fonts/GillSans ExtraBold.ttf')  format('truetype'),  
        url('fonts/GillSans Italic.ttf')  format('truetype'),  
        url('fonts/GILLSANS.ttf')  format('truetype'),
		url('fonts/GillSans-Bold.ttf')  format('truetype'),  
        url('fonts/gilsn.ttf')  format('truetype'); 
    } */
 
	@font-face {font-family: "Gill Sans";
  src: url("2cf68b8a90da3698bd46aff96895bf52.eot"); /* IE9*/
  src: url("2cf68b8a90da3698bd46aff96895bf52.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("2cf68b8a90da3698bd46aff96895bf52.woff2") format("woff2"), /* chrome、firefox */
  url("2cf68b8a90da3698bd46aff96895bf52.woff") format("woff"), /* chrome、firefox */
  url("2cf68b8a90da3698bd46aff96895bf52.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("2cf68b8a90da3698bd46aff96895bf52.svg#Gill Sans") format("svg"); /* iOS 4.1- */
}


	@font-face {font-family: "Gill Sans light";
  src: url("GillSansStd-Light.otf"); /* IE9*/ 
}
	

body {margin:0px;background:#4c4442;}
body, table, input, textarea {line-height:150%;

/*  font-family:"Gill Sans" !important;
    font-style:normal; */
	font-family: 'Lato', sans-serif;
	font-weight:400;
    /*-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;*/
	
/*font-family:'PT Sans Caption', Arial;*/
font-size:14px;color:#ffffff;}
img {border:0px;}
a:link, a:active, a:visited {color:#ec3327;}
a:hover {color:#626262;}
h1, h2, h3, h4, h5 {color:#ec3327;}
h1 {font-weight:normal;font-size:29px;}



/*ul,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; }*/

/** Margins **/

.mar-top-5 {
	margin-top:5px;
}
.mar-top-10 {
	margin-top:10px;
}
.mar-top-15 {
	margin-top:15px;
}
.mar-top-20 {
	margin-top:20px;
}
.mar-top-25 {
	margin-top:25px;
}
.mar-top-30 {
	margin-top:30px;
}
.mar-top-35 {
	margin-top:35px;
}
.mar-top-40 {
	margin-top:40px;
}
.mar-top-45 {
	margin-top:45px;
}
.mar-top-50 {
	margin-top:50px;
}
.mar-top-55 {
	margin-top:55px;
}
.mar-top-60 {
	margin-top:60px;
}
.mar-top-70 {
	margin-top:70px;
}
.mar-top-80 {
	margin-top:80px;
}
.mar-top-90 {
	margin-top:90px;
}
.mar-top-100 {
	margin-top:100px;
}
.mar-top-110 {
	margin-top:110px;
}
.mar-top-120 {
	margin-top:120px;
}
.mar-top-130 {
	margin-top:130px;
}
.mar-top-140 {
	margin-top:140px;
}
.mar-top-150 {
	margin-top:150px;
}
.mar-top-160 {
	margin-top:160px;
}
.mar-top-170 {
	margin-top:170px;
}


.mar-btm-5 {
	margin-bottom:5px;
}
.mar-btm-10 {
	margin-bottom:10px;
}
.mar-btm-15 {
	margin-bottom:15px;
}
.mar-btm-20 {
	margin-bottom:20px;
}
.mar-btm-25 {
	margin-bottom:25px;
}
.mar-btm-30 {
	margin-bottom:30px;
}
.mar-btm-35 {
	margin-bottom:35px;
}
.mar-btm-40 {
	margin-bottom:40px;
}
.mar-btm-45 {
	margin-bottom:45px;
}
.mar-btm-50 {
	margin-bottom:50px;
}
.mar-btm-55 {
	margin-bottom:55px;
}
.mar-btm-60 {
	margin-bottom:60px;
}
.mar-btm-70 {
	margin-bottom:70px;
}
.mar-btm-80 {
	margin-bottom:80px;
}
.mar-btm-90 {
	margin-bottom:90px;
}
.mar-btm-100 {
	margin-bottom:100px;
}

/** text aligns **/

.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-uppercase {
	text-transform:uppercase;
}
.text-justify {
	text-align:justify;
}
.text-white {
	color:#FFF !important;
}
 

/** float **/
.al {
	float: left;
}
.ar {
	float: right;
}


.trs{	
	transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
  }


.font-10 {
	font-size: 10px;
}
.font-12 {
	font-size: 12px;
}
.font-16 {
	font-size: 16px !important;
}
.font-18 {
	font-size: 18px !important;
}
.font-25 {
	font-size: 25px !important;
}
.font-40 {
	font-size: 40px !important;
}
.font-36 {
	font-size: 36px !important;
	line-height: 36px;
}
.clear{ clear:both;}


#homeboxleft h1 {font-size:19px;font-weight:bold;margin-top:0px;}
#homeboxright1 .h2, #homeboxright2 .h2 {text-decoration:none;display:block;color:#ec3327;font-size:19px;font-weight:bold;margin-top:0px;}
.clear {clear:both;}
.error {padding:15px;margin:0px 0px;background:#f0c7c7;border:solid #da0000 1px;color:#da0000;font-weight:bold;}
.success {padding:15px;margin:0px 0px;background:#ddead5;border:solid #56aa1d 1px;color:#56aa1d;font-weight:bold;}
#wrap {margin:auto;width:92%;}

.active {
    background-color: #EC3327 !important;
}

.clearthis:before, .clearthis:after {content: "";display: table;} 
.clearthis:after {clear: both;}
.clearthis {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}

.input {padding:5px;border:solid #000 1px;color:#222;}
select {padding:5px;border:solid #000 1px;color:#222;margin:0px;}
.button {white-space:nowrap;color:#fff;background:url(/images/redbg.jpg) top left repeat-x #ca1308;border:solid #ca1308 1px;cursor:pointer;float:left;padding:8px 12px;font-size:16px;}
a.greybutton {white-space:nowrap;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:url(/images/greybg.jpg) 0 -90px repeat-x;border:solid #7f7f7f 1px;padding:3px 8px 5px 8px;color:#fff;text-decoration:none;margin-right:10px;}
a.redbutton {white-space:nowrap;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:url(/images/redbg.jpg) top left repeat-x;border:solid #ca1308 1px;color:#ffffff;padding:3px 8px 5px 8px;text-decoration:none;margin-right:10px;}
a.greybutton:hover {background:url(/images/greybg.jpg) 0px -110px repeat-x #b2b2b2;}
a.redbutton:hover {background:url(/images/redbg.jpg) 0 -20px repeat-x #ca1308;}

.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url("../images/submit.png") top;
left: 319px;
top: 139px;
overflow: hidden;
}

.contactlabel {width:120px;float:left;clear:left;padding:10px 0px;}
.contactfield {float:left;width:300px;padding:5px 0px;}
.contactfield .input {width:100%;}
.contactsubmit {clear:both;margin-left:120px;padding-top:10px;}

#logo {float:left;margin:20px 0px;}

#quote {float:right;margin:20px 0px 0 0;}
#quote span {display:none;}
#topinfo {clear:both;}
#facebook {padding:0px 20px 5px 5px;0 5px no-repeat;font-size:18px;color:#4d4d4f;}
#topphone {padding:5px 15px 5px 30px;background:url(/images/icon-phone.png) 0 5px no-repeat;font-size:18px;color:#4d4d4f;}
#topemail {background:url(/images/icon-email.png) 0 5px no-repeat;}
#topemail a {padding:5px 15px 5px 30px;display:block;text-decoration:none;font-size:18px;color:#4d4d4f;}
#headerarea {margin-bottom:30px;position:relative;}
.rslides {z-index:400;position: relative;list-style: none;overflow: hidden;padding:0px;margin: 0;z-index:1;}
.rslides li {position: absolute;display: none;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}

#googlemap {height:400px;}
#homeboxleft, #homeboxright1, #homeboxright2 {color:#626262;margin-bottom:15px;background:url(/images/gradbgbox.jpg) top left repeat-x #d1d1d1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.boxinside {padding:20px;}
#homeboxright1 .boxinside {background:url(/images/iconspecial.png) 20px 20px no-repeat;padding-left:50px;}
#homeboxright2 .boxinside {background:url(/images/iconhot.png) 20px 20px no-repeat;padding-left:50px;}
#homeboxleft img, #homeboxright1 img, #homeboxright2 img {margin-bottom:-1px;margin-left:5px;}
#backgroundimage {z-index:-1;position:absolute;top:0;left:0;width:100%;height:auto;}

#rightnav {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:solid #c6c6c6 1px;margin:0px;padding:0px;list-style-type:none;}
#rightnav li {padding:0px;margin:0px;}
#rightnav li a {cursor:pointer;color:#626262;font-size:13px;padding:10px 25px 10px 15px;border-bottom:solid #cbcbcb 1px;border-top:solid #fff 1px;display:block;text-decoration:none;background:url(/images/greybg.jpg) top left repeat-x;}
#rightnav li div {cursor:pointer;color:#626262;font-size:13px;border-bottom:solid #cbcbcb 1px;border-top:solid #fff 1px;display:block;text-decoration:none;background:url(/images/greybg.jpg) top left repeat-x;}
#rightnav li div span {background:url(/images/arrowdown.png) 95% 16px no-repeat;display:block;padding:10px 25px 10px 15px;}
#rightnav ul {display:none;background:url(/images/subnavbg.jpg) top left repeat-x #dddddd;margin:0px;padding:0px;list-style-type:none;}
#rightnav li ul li a {color:#868686;background:none;border:0px;padding:7px 25px 7px 15px;}
#rightnav li a:hover, #rightnav li div:hover {color:#ec3327;}
.toolbar {margin:20px 0px;padding:8px 12px 0 12px;font-size:12px!important;color:#626262;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:url(/images/greybg2.jpg) top left repeat-x #dedede;}
.pagination {float:left;}
.totalproducts {padding-bottom:8px;float:right;padding-top:4px;}
.toolbar a {margin-bottom:8px;float:left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:url(/images/greybg.jpg) 0 -90px repeat-x;border:solid #7f7f7f 1px;padding:3px 8px 5px 8px;color:#fff;text-decoration:none;margin-right:10px;}
.toolbar a:hover, .toolbar a.active {background:url(/images/redbg.jpg) top left repeat-x;border:solid #ca1308 1px;color:#ffffff;}
.toolbar .paginationtitle {float:left;padding-top:4px;margin-right:12px;}
#footer {padding:20px 0;clear:both;font-size:12px;}

#footer a {display:block;color:#fff;text-decoration:none;}
#footer a:hover {color:#ccc;text-decoration:underline;}

#searcharea {margin-bottom:20px;}
#searcharealabel {color:#ec3327;font-size:16px;}
#searchareainput {width:75%;float:left;}
#searchareainput .input {width:100%;padding:5px 5%;}
#searchareasubmit {width:25%;float:left;text-align:right;}
#searchareasubmit input {padding:5px;}

#accordion {display:block!important;}

.product-slide { position:fixed; right:0; top:318px; }
.product-slide a { display:inline-block; width:45px; height:110px; background:url(../images/abc.jpg) 0 0 no-repeat; background-position:0 0; text-indent:-999em; }
.product-slide a:hover { background-position:0 0;}




/*New styles*/
h1.black-main-head{ font-size:28px; line-height:32px; color:#343434; font-weight:600; letter-spacing:1px; }
a.read-btn{ background:#eb212d; padding:12px 20px; color:#fff; display:inline-block; font-size:18px; line-height:28px; text-transform:uppercase; font-weight:400 !important; text-decoration:none; }
a.read-btn:hover{ background:#2d2d2d; }
.line-bx{ background:#c0c0c0; width:70%; height:3px; margin:0 auto; }
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

h1.black-bg-main-head{ background:#333333; width:100%; padding:15px 20px !important; display:block; font-size:24px; line-height:32px; color:#fff;
 font-weight:600; padding:0; margin:0;  letter-spacing:1px;}
h2.black-sub-head{ font-size:24px; line-height:32px; color:#343434; font-weight:400; }
h2.black-sub-head a{ font-size:24px; line-height:32px; color:#343434; font-weight:400; text-decoration:none; }
.home-cat-product{
	    width: 33%;
    float: left;
	}





/* 1 - 460: Portrait smartphones */
@media all and (min-width: 1px) {
    .contactlabel {float:none;width:auto;padding-bottom:0px;}
    .contactfield {float:none;width:100%;padding:5px 0px;}
    .contactfield .input {width:95%;}
    .contactsubmit {clear:both;margin-left:0px;}
	.gallery_image_div{margin-right:0%;float:none;width:100%;}
	#quote {width:30%;}
	#quote img {max-width:100%;height:auto;}
	#logo {width:65%;}
	#logo img {max-width:100%;height:auto;}
	.footercol1 {float:left;width:45%;margin-right:5%;}
	.footercol2 {float:left;width:45%;}
	.footercol3 {float:left;width:45%;margin-right:5%;clear:both;}
	.footercol4 {float:left;width:45%;padding-top:15px;}
#product_details_image {text-align:center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background:#fff;padding:10px;margin-bottom:20px;}
#product_details_image img {max-width:100%;height:auto;}
}

/* 460 - 580: Landscape smartphones */
@media all and (min-width:460px) {

	#quote {width:auto;}
	#quote img {max-width:auto;height:auto;}
	#logo {width:auto;}
	#logo img {max-width:auto;height:auto;}
.gallery_image_div{margin-right:2%;margin-bottom:30px;float:left;text-align:center;width:31%;text-align:center;border:solid #ccc 1px;}

#product_details_image {float:right;margin-left:20px;}

}

/* 580 - 780: Portrait Ipad */
@media all and (min-width:580px) {
    .contactfield .input {width:93%;padding:5px 3%;}
    .contactlabel {float:left;width:40%;padding-bottom:10px;}
    .contactfield {float:left;width:60%;padding:5px 0px;}
    .contactsubmit {clear:both;margin-left:40%;}
	
	#homeboxleft {float:left;width:60%;}
	#homeboxright1 {float:right;width:35%;}
	#homeboxright2 {float:right;width:35%;clear:right;margin-top:30px;}
	#topinfo {float:left;margin-bottom:20px;}
	#facebook, #topphone, #topemail {float:left;}
	#left {margin-top:40px;float:right;width:60%;}
	#right {margin-top:40px;float:left;width:35%;}
	.footercol1 {float:left;width:45%;margin-right:5%;}
	.footercol2 {float:left;width:45%;}
	.footercol3 {float:left;width:45%;margin-right:5%;clear:both;}
	.footercol4 {float:left;width:45%;padding-top:15px;}
	
	
}


/* 780 - 960: Landscape IPad and Small Desktop Browser */
@media all and (min-width:780px) {
	#homeboxleft {float:left;width:65%;}
	#homeboxright1 {float:right;width:32%;}
	#homeboxright2 {float:right;width:32%;clear:right;margin-top:10px;}
	#topinfo {float:right;clear:none;padding-top:30px;margin-bottom:0px;}
	#facebook, #topphone, #topemail {clear:right;float:right;}
	.footercol1 {float:left;width:22%;margin-right:4%;}
	.footercol2 {float:left;width:22%;margin-right:3%;}
	.footercol3 {float:left;width:22%;margin-right:3%;clear:none;}
	.footercol4 {float:left;width:24%;padding-top:0px;}
	#left {float:right;width:68%;}
	#right {float:left;width:27%;}
#quote {margin-bottom:20px;}
	
}

/* 780 - 960: Desktop Full Size*/
@media all and (min-width: 960px) {
	#wrap {width:951px;}
	#topinfo {padding-top:66px;}
	#facebook, #topphone, #topemail {clear:none;float:right;}
	#left {float:right;width:72%;}
	#right {float:left;width:24%;}

}


@media all and (max-width:460px) {
.home-cat-product{
	    width: 100%;
    float:none;
	}
	
}
	

/** New Theme **/

body {
    background: #fff none repeat scroll 0 0 !important;
}

#footer {
    background: #333 none repeat scroll 0 0;
	color: #fff !important;
}

body, table, input, textarea {
	color:#333;
}

.flexnav li a {
    background: #333333 none repeat scroll 0 0 !important;
    padding-bottom: 0 !important;
    padding-top: 15px !important;
    text-transform: uppercase;
}

.flexnav li {
	border-bottom: 15px solid #333;
}

.footer-inner {
	width: 951px;
	margin:0 auto;
}

span[style*="color: rgb(255, 255, 255)"]{
    color: #333 !important;
}