@charset "utf-8";
@font-face { font-family: 'EuroCaps'; src: url('fonts/eurocaps.eot'); src: url('fonts/eurocaps.eot?#iefix') format('embedded-opentype'), url('fonts/eurocaps.woff') format('woff'), url('fonts/eurocaps.ttf') format('truetype'),
url('fonts/eurocaps.svg#EuroCaps') format('svg'); }
@font-face { font-family: 'fp-12189'; src: url('fonts/aero matics display light.eot'); src: url('fonts/aero matics display light.eot?#iefix') format('embedded-opentype'), url('fonts/aero matics display light.woff') format('woff'), url('fonts/aero matics display light.ttf') format('truetype'), url('fonts/aero matics display light.svg#fp-12189') format('svg'); }
@font-face { font-family: 'fp-12190'; src: url('fonts/aero matics display regular.eot'); src: url('fonts/aero matics display regular.eot?#iefix') format('embedded-opentype'), url('fonts/aero matics display regular.woff') format('woff'), url('fonts/aero matics display regular.ttf') format('truetype'), url('fonts/aero matics display regular.svg#fp-12190') format('svg'); }
html { padding:0; margin:0; height: 100%; width: 100%; }
body { margin: 0; padding: 0; width: 100%; border: 0; color: #000; font-size: 12px; line-height: normal; font-family: Sans-serif; background: #efefef; -webkit-text-size-adjust: 100%; }
h1 { margin: 0; padding:2px 0 6px 0; font-size: 26px; color: #14547d; font-family: 'fp-12189',sans-serif; font-weight: 100; }
h2 { margin: 0; padding: 0 0 15px 0; font-size: 24px; color: #14547d; font-family: 'fp-12189',sans-serif; font-weight: 100; border-bottom: 1px solid #afaeae; text-transform: uppercase; }
h3 { margin: 0; padding: 0; font-size: 12px; color: #000; font-weight: 100; }
p { margin:0; padding:6px 0; }
p.large { font-size: 16px; }
span { margin:0; padding:6px 0; }
div { padding: 0; margin: 0; }
.clear { clear:both; height: 0; }
a { color: #13488c; text-decoration: none; outline: none; }
a:hover { color: #0b376f; }
a.readmore { display: block; width: 87px; height: 26px; padding: 7px 0 0 0; background: #151515; color: #fff; text-align: center; }
a.readmore:hover { background: #3393c4; }
ul { margin: 3px 0 10px 0; }
ul li { padding: 2px 0; }
ul li ul { margin: 2px 0; padding: 0 0 0 20px; }
img { border:none; }
input[type="submit"] { -webkit-appearance: none; }
input:focus { outline-width: 0; }
select:focus { outline-width: 0; }
textarea:focus { outline-width: 0; }

#wrap { width: 952px; margin: 0 auto; border-right: #d0d0d0 1px solid; border-left: #d0d0d0 1px solid; background: #fff; }

.header { background: #fff; }
.header .top { }
.header .top .logo { float: left; }
.header .top .logo img { padding: 33px 0 32px 32px; width: 334px; height: auto; }
.header .top .right { float: right; }
.header .top .right .callus { padding: 25px 28px 0 0; display: table; }
.header .top .right .callus .row { display: table-row; }
.header .top .right .callus .row .text { display: table-cell; vertical-align: middle; height: 19px; padding: 7px 10px; color: #565656; background: url(images/design/link-divider.jpg) right 7px no-repeat; text-align: right; }
.header .top .right .callus .row .text a { color: #565656; }
.header .top .right .callus .row .text a:hover, .header .top .right .callus .row .text a:active { color: #2d2d2d; }
.header .top .right .callus .row .phone { display: table-cell; vertical-align: middle; height: 19px; padding: 0 9px; color: #000; }
.header .top .right .callus .row .phone a { color: #000; }
.header .top .right .callus .row .phone a:hover, .header .top .right .callus .row .phone a:active { color: #2d2d2d; }
.header .top .right .callus .row .phone img { padding: 0 10px 0 0; }

.header .categories { font-family: 'EuroCaps',sans-serif; color: #efefef; font-size: 14px; }
.header .categories ul { list-style: none; margin: 0; padding: 0; width: 100%; background: url(images/design/menu-bg.jpg) repeat-x; }
.header .categories ul li { float: left; background: url(images/design/menu-bg.jpg) repeat-x; border-left: #9e0d0d 1px solid; border-right: #911212 1px solid; margin: 0; padding: 0; height: 51px; width: 93px; border-top: #ca3d3d 1px solid; }
.header .categories ul li.last { border-right: none; }
.header .categories ul li.first { border-left: none; }
.header .categories ul li a { display: table-cell; text-align: center; vertical-align: middle; color: #efefef; height: 51px; width: 93px; }
.header .categories ul li a:hover, .header .categories ul li.active a { color: #3e3e3e; }
.header .categories ul li.clear { display: block; float: none; background: none; border: none; height: 0; width: 100%; }

.header .menu { background: #efefef; border-top: #ae2525 1px solid; border-bottom: #d0d0d0 1px solid; }
.header .menu ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.header .menu ul li { display: inline-block; vertical-align: top; margin: 0; padding: 0; }
.header .menu ul li a { display: block; padding: 12px; color: #3e3e3e; font-size: 11px; text-transform: uppercase; }
.header .menu ul li a:hover, .header .menu ul li.active a { color: #000; }

.header .moiblemenu { display: none; width: 92%; padding: 4px; margin: 2px auto 7px auto; text-align: center; font-size: 16px; }

#main {  }
#main .slideshow { width: 100%; border-bottom: 1px solid #d0d0d0; position: relative; }
#main .slideshow img { width: 100%; height: auto; }
#main .slideshow ul.slidesjs-pagination  { margin: 0; padding: 0 0 0 7px; list-style: none; position: absolute; bottom: 7px; }
#main .slideshow ul.slidesjs-pagination li { display: inline-block; margin: 0; padding: 0 2px; }
#main .slideshow ul.slidesjs-pagination li a { display: block; text-align: left; background: url(images/design/pagination.png) 0 0px no-repeat; width: 17px; height: 18px; text-indent: -9999px; z-index: 99; position: relative; }
#main .slideshow ul.slidesjs-pagination li a.active { background-position: 0 -18px; }


#main { }
#main h4 { color: #737373; margin: 12px 0 10px 0; padding: 0 1%; }
#main .index h4, #main .wide h4 { padding: 0; }
#main h4 ul { margin: 0; padding: 0; list-style: none; }
#main h4 ul li { display: inline-block; padding: 0 5px 0 12px; margin: 0; background: url(images/design/category-arrow.jpg) left 1px no-repeat; }
#main h4 ul li.first { background: none; padding-left: 0; }
#main h4 ul li a { color: #737373; }
#main h4 ul li a:hover { color: #535353; }
#main .index { padding: 15px 1% 0 1%; }
#main .wide { padding: 0 1% 15px 1%; }
#main .products {}
#main .products ul { padding: 14px 0; margin: 0; list-style: none; position: relative; }
#main .index .products ul { padding: 0; }
#main .products ul li { float: left; width: 147px; padding: 19px 19px; text-align: center; background: url(images/design/product-border.png) right 27px no-repeat; }
#main .colright .products ul li { background: none; }
#main .products ul li.highlight { border-right: #d0d0d0 1px solid; background: none; }
#main .products ul li.last { }
#main .products ul li .image { width: 146px; height: 147px; overflow: hidden; }
#main .products ul li .image img { height: 147px; height: auto; }
#main .products ul li h3 { padding: 2px 0; height: 14px; overflow: hidden; }
#main .products ul li .price { padding: 5px 0; font-size: 14px; font-weight: bold; }
#main .products ul li a.button { display: inline-block; padding: 3px 9px; background: #d3dfe7; border: 1px solid #9dbdd2; }
#main .products ul li a.button:hover, #main .products ul li a.button:active { background: #b2c5d1; }
#main .products ul li.clear { float: none; width: 100%; padding: 0; height: 0; }
#main .products ul li.cover { height: 100%; width: 10px; right: 0; top: 0; background: #fff; float: none; padding: 0; margin: 0; position: absolute; }

#main .fourblocks { text-align: center; }
#main .fourblocks ul { margin: 0; padding: 0; list-style: none; }
#main .fourblocks ul li { padding: 18px 18px 25px 18px; width: 190px; display: inline-block; vertical-align: top; border-right: 1px solid #d0d0d0; }
#main .fourblocks ul li.last { border: none; }
#main .fourblocks ul li h2 { text-align: center; margin: 0 0 12px 0; }
#main .fourblocks ul li .image { width: 188px; height: 118px; overflow: hidden; border: 1px solid #d0d0d0; }
#main .fourblocks ul li .image img { width: 188px; }
#main .fourblocks ul li .text { height: 80px; padding: 5px 0; text-align: left; }
#main .fourblocks ul li .linblock { text-align: center; }
#main .fourblocks ul li .linblock a { display: inline-block; padding: 3px 9px; background: #d3dfe7; border: 1px solid #9dbdd2; }
#main .fourblocks ul li .linblock a:hover, #main .fourblocks ul li .linblock a:active { background: #b2c5d1; }

.fourblocks-left {
	display: table-cell;
	width: 55%;
	vertical-align: top;
	border-right: 1px solid #d0d0d0;
}
.twitter-right {
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
.leftandright {
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
	.fourblocks-left {
		display: block;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #d0d0d0;
		margin-bottom: 20px;
	}
	.twitter-right {
		text-align: center;
		display: block;
		width: 100%;
		border-bottom: 1px solid #d0d0d0;
		margin-bottom: 20px;
	}
	.leftandright {
		border-bottom: none;
		margin-bottom: 0;
	}
}

#main .colleft { float: left; border-top: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; width: 766px; }
#main .colright { float: right; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; width: 185px; margin: 0 0 0 -1px; padding: 15px 0; }
#main .colright h2 { border-bottom-color: #d0d0d0; text-align: center; }
#main .colright .products ul { padding: 0; }

#main .product { }
#main .product .header { border-bottom: 1px solid #d0d0d0; padding: 15px 15px; }
#main .product .header .image { float: left; width: 270px; height: 270px; overflow: hidden; border: 1px solid #d0d0d0; }
#main .product .header .image img { height: 270px; }
#main .product .header .description { float: right; padding: 0 8px 0 23px; width: 433px; }
#main .product .header .description h2 { font-family: 'fp-12190',sans-serif; font-size: 30px; }
#main .product .header .description .pricebox { border-bottom: 1px solid #d0d0d0; }
#main .product .header .description .pricebox .rowtable { width: 194px; padding: 5px 0; }
#main .product .header .description .pricebox .rowtable .col { display: inline-block; width: 94px; padding: 5px 0; }
#main .product .header .description .pricebox p.price { font-weight: bold; font-family: 'fp-12190',sans-serif; font-size: 18px; padding: 0 0 10px 0; }
#main .product .header .description .pricebox p.price span { display: inline-block; padding: 0 10px 0 0; }
#main .product .header .description .pricebox p.price span.onsale { text-decoration: line-through; }
#main .product .header .description .pricebox p.price span.sale { color: #9f1617; }
#main .product .header .description .optionsbox { padding: 10px 0; }
#main .product .header .description .optionsbox label { display: block; padding: 0 0 5px 0; } 
#main .product .header .description .optionsbox select { padding: 2px; margin: 5px 0; background: #f8f8f8; }
#main .product .header .description .optionsbox input[type="submit"] { display: block; padding: 3px 9px; margin: 15px 0 0 0; background: #d3dfe7; border: 1px solid #9dbdd2; color: #064e7d; cursor: pointer; }
#main .product .header .description .optionsbox input[type="submit"]:hover, #main .product .header .description .optionsbox input[type="submit"]:active { background: #b2c5d1; }
#main .product .details { padding: 0 0 25px 0; }
#main .product .details .box { width: 330px; padding: 25px 25px 0 25px; display: inline-block; vertical-align: top; }
#main .product .details .box h2 { font-family: 'fp-12190',sans-serif; font-size: 28px; padding: 0 0 13px 0; }
#main .product .details .box table { padding: 13px 0; }
#main .product .details .box table tr td { width: 158px; padding: 2px 0; }
#main .product .details .box table tr td:nth-child(1) { font-weight: bold; }
#main .product .details .box table tr td:nth-child(2) { text-align: right; }
#main .product .details .wide h2 { font-family: 'fp-12190',sans-serif; font-size: 28px; padding: 0 0 13px 0; margin: 0 0 13px 0; }
#main .product .details .wide { padding: 15px; }

#main .contact { }
#main .contact .header { border-bottom: 1px solid #d0d0d0; padding: 15px 15px; }
#main .contact .header .map { float: left; width: 441px; height: 327px; overflow: hidden; border: 1px solid #d0d0d0; }
#main .contact .header .map iframe { width: 441px; height: 327px; }
#main .contact .header .description { float: right; padding: 0 8px 0 23px; width: 262px; }
#main .contact table { padding: 13px 0; }
#main .contact table tr td { padding: 0 0 12px 0; }
#main .contact table tr td:nth-child(1) { font-weight: bold; width: 80px; vertical-align: top;  }
#main .contact table tr td:nth-child(2) { text-align: right; width: 177px; vertical-align: top;  }
#main .contact .lower { padding: 15px 15px;  }
#main .contact .lower .left { float: left; width: 353px; }
#main .contact .lower .left label { display: block; padding: 7px 0 3px 0; }
#main .contact .lower .left input[type="text"] { padding: 2px; width: 345px; }
#main .contact .lower .left select { padding: 2px; width: 353px; }
#main .contact .lower .left input[type="submit"] { display: block; padding: 3px 15px; margin: 15px 0 0 0; background: #d3dfe7; border: 1px solid #9dbdd2; color: #064e7d; cursor: pointer; }
#main .contact .lower .left input[type="submit"]:hover, #main .contact .lower .left input[type="submit"]:active { background: #b2c5d1; }
#main .contact .lower .left textarea { padding: 2px; width: 347px; height: 150px; }
#main .contact .lower .right { float: right; width: 353px; }
#main .contact table tr td:nth-child(2) { width: 267px; }

#main .content { padding: 15px; }
#main .content  h2 { margin-bottom: 13px; }
#main .productcontent { padding: 15px; }
#main .productcontent h2 { margin-bottom: 0; }
#main .productcontent .products ul { padding: 0; }
#main .productcontent .products ul li { padding-right: 18px; padding-left: 18px; }
#main .productcontent .products ul li.cover { padding: 0; }

#main .legal { width: 97%; display: table; padding: 6px 1.5%; font-size: 11px; border-top: #d0d0d0 1px solid; border-bottom: #d0d0d0 1px solid; }
#main .legal .left { display: table-cell; vertical-align: top; }
#main .legal .right { display: table-cell; vertical-align: top; padding: 0 0 0 4px; }
#main .legal .right img { width: 73px; height: 80px; padding: 6px 4px; }

#footer { width: 952px; margin: 0 auto; height: 33px; border-right: #d0d0d0 1px solid; border-left: #d0d0d0 1px solid; background: #9f1617; color: #fff; }
#footer .inside { text-align: center; padding: 8px 0 0 0;  }
#footer .inside ul { margin: 0; padding: 0; list-style: none; }
#footer .inside ul li { margin: 0; padding: 2px 10px; display: inline-block; }
#footer .inside ul li a { color: #fff; }
#footer .inside ul li a:hover { color: #474747; }

.pageurl { display: none; }

/*  
The following Styles were NOT created by Kings Web Design:
Keeping Fotters at bottom of the page
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
INCLUDE IE FIX FOR THIS
*/
html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:hidden;
	padding-bottom: 33px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -33px; /* negative value of footer height */
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/*
END Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
@media screen and (max-width: 600px)
{
#wrap { width: 100%; }

.header .top .logo { float: none; text-align: center; }
.header .top .logo img { padding: 15px 0; }
.header .top .right { float: none; }
.header .top .right .callus { text-align: center; padding: 0 0 15px 0;  }
.header .top .right .callus .text { padding-left: 0; }
.header .categories { display: none; }
.header .menu { display: none; }
.header select.moiblemenu { display: block; }

#main .index { padding-bottom: 10px; }
#main h4 ul { padding: 0 15px; }
#main .colleft { float: none; border-right: none; width: 100%; }
#main .colright { float: none; border-left: none; width: 100%; margin: 0; }

#main .products { text-align: center; }
#main .products ul li { float: none; display: inline-block; padding: 10px 4px; border: none; background: none; }
#main .products ul li.highlight { border: none; }

#main .product .header .image { float: none; margin: 0 auto; }
#main .product .header .description { float: none; padding: 15px; width: 91%; }
#main .product .header .description .optionsbox select { width: 100%; font-size: 14px; }
#main .product .header .description .optionsbox input[type="submit"] { width: 100%; margin: 12px 0 0 0; font-size: 14px; padding: 5px 9px;  }

#main .product .details .box { width: 90%; padding: 15px 15px 0 15px; display: block; }
#main .product .details .box table { margin: 0 auto; }

#main .fourblocks ul li { border: none;  padding: 14px 18px; }

#main .contact .header { padding-bottom: 0; }
#main .contact .header .map { float: none; width: 98%; height: 200px; margin: 0 auto; }
#main .contact .header .map iframe { width: 100%; }
#main .contact .header .description { float: none; padding: 15px 15px 0 15px; width: auto; }
#main .contact table { margin: 0 auto; }
#main .contact table tr td:nth-child(1) { width: 50%; }
#main .contact table tr td:nth-child(2) { width: 60%; }

#main .contact .lower { padding-bottom: 0; }
#main .contact .lower .left { float: none; width: auto; }
#main .contact .lower .left input[type="text"] { width: 97%; }
#main .contact .lower .left select { width: 100%; }
#main .contact .lower .left input[type="submit"] { margin: 15px auto; width: 100%; }
#main .contact .lower .left textarea { width: 98%; }
#main .contact .lower .right { float: none; width: auto; }

#main .content { padding: 15px; }
#main .content  h2 { margin-bottom: 13px; }

#main .legal .left { display: block; text-align: center; }
#main .legal .right { display: block; text-align: center; padding: 6px 0 6px 0; }

#footer { width: 100%; height: auto; padding-bottom: 9px; }
}
@media screen and (max-width: 415px)
{
#main .productcontent .products ul li { padding-right: 10px; padding-left: 10px; }
}
@media screen and (max-width: 383px)
{
#main .productcontent .products ul li { padding-right: 0px; padding-left: 0px; }
}
@media screen and (max-width: 345px)
{
.header .top .logo img { width: 100%; }
#main .products ul li .image { width: 130px; }
#main .products ul li .image img { margin-left:	-8px; }
#main .products ul li { width: 130px; }
#main .productcontent .products ul li { padding-right: 2px; padding-left: 2px; }
}
@media screen and (min-width: 601px) and (max-width: 900px)
{
#wrap { width: 100%; }

.header .top .logo { float: none; text-align: center; }
.header .top .logo img { padding: 15px 0; }
.header .top .right { float: none; }
.header .top .right .callus { text-align: center; padding: 0 0 15px 0;  }
.header .top .right .callus .text { padding-left: 0; }

.header .categories { display: none; }
.header .menu { display: none; }
.header select.moiblemenu { display: block; }

#main .index { padding-bottom: 10px; }
#main h4 ul { padding: 0 15px; }
#main .colleft { float: none; border-right: none; width: 100%; }
#main .colright { float: none; border-left: none; width: 100%; margin: 0; }

#main .products { text-align: center; }
#main .products ul li { float: none; display: inline-block; background: none; }
#main .products ul li.highlight { border: none; }

#main .product .header .image { float: none; margin: 0 auto; }
#main .product .header .description { float: none; padding: 15px; width: 95%; }

#main .product .details .box { width: 46%; padding: 15px 0 15px 15px; }
#main .product .details .box table { margin: 0 auto; }

#main .fourblocks ul li { border: none;  padding: 14px 18px; }

#main .contact .header .map { width: 47%; }
#main .contact .header .map iframe { width: 100%; }
#main .contact .header .description { padding: 15px; width: 47%; }
#main .contact table { margin: 0 auto; }
#main .contact table tr td:nth-child(1) { width: 35%; }
#main .contact table tr td:nth-child(2) { width: 60%; }

#main .contact .lower .left { width: 47%; }
#main .contact .lower .left input[type="text"] { width: 100%; }
#main .contact .lower .left select { width: 102%; }
#main .contact .lower .left input[type="submit"] { margin: 15px auto; width: 100%; }
#main .contact .lower .left textarea { width: 100%; }
#main .contact .lower .right { width: 47%; }

#main .content { padding: 15px; }
#main .content  h2 { margin-bottom: 13px; }

#footer { width: 100%; height: auto; padding-bottom: 9px; }
}
span.red { color: red; padding-left: 8px; }
span.line { text-decoration: line-through; }