/* reset */
html, body {height: 100% }
.wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -38px 0}
body, div, img, p, span, a, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, label, textarea, select, table, tr, th, td {margin:0; padding:0; border:0; outline:0}
body {font:12px/20px Arial, Helvetica, sans-serif; font-weight:normal; color:#555}
button,fieldset,img {border:none}
ol, ul {margin-left:20px}
a {text-decoration:none; color:#fff}
a:hover {text-decoration:none; color:#fff}
#paginate a {text-decoration:none; color:#999}
#paginate a:hover {text-decoration:none; color:#555}
button {cursor:pointer}
.FSF_result a {color:#555}
/* Misc. */
h1 span, button span, ul#products li a span, #icon span, #right_nav a span, .printPage span {position:absolute; left:-999em}
.clear {clear:both}
.defaultText {color:#999; font:11px Arial, Helvetica, sans-serif; font-weight:normal}
.clientText {color:#333; font:11px Arial, Helvetica, sans-serif; font-weight:normal}
.defaultText.required {color:#c70b09}
.paginate {float:right; margin-right:10px}
.managecontainer {margin-bottom:38px}
/* Headings */
h1 {display:block; width:125px; height:101px; background: #000 url(../images/logo.jpg) 0 0; float:left; margin-left:21px}
h2 {font:26px/32px Arial, Helvetica, sans-serif; color:#bfd63d; padding:10px 0; font-weight:bold}
h3 {font:13px/19px Arial, Helvetica, sans-serif; color:#555; font-weight:bold}
h4 {font:13px/19px Arial, Helvetica, sans-serif; color:#ed1c24; font-weight:bold; padding:2px 0}
h5 {font:13px/19px Arial, Helvetica, sans-serif; color:#00546d; font-weight:bold}
h6 {font:12px/20px Arial, Helvetica, sans-serif; font-weight: bold}
#home h2 {font:22px/28px Arial, Helvetica, sans-serif; color:#00546d; padding:10px 0 5px 0}
/* General Layout */
body {background: #fff}
#header {background: url(../images/header.jpg) repeat-x; width:100%; height:101px; overflow:hidden}
.wrapper {width:950px; margin:0 auto}
#left {float:left; width:170px; margin-top:30px}
#middle {float:left; width:515px; margin-top:30px; margin-bottom:50px; padding:0 30px; position:relative}
#right {float:right; width:205px; margin-top:30px; margin-bottom:38px}
#gallery #middle .inner {height:618px}
#right .legend {width:205px; height:230px; background:url(../images/legend.jpg); margin:15px 0 10px 5px}
/* Menu */
ul#nav {width:750px; height:50px; float:right; list-style:none; margin:51px 0 0 0}
#nav li {display:block; float:left; text-align:center; width:106px; height:50px}
#nav li#null {width:6px; background:url(../images/menu.jpg)}
#nav li#gallery {width:107px}
#nav li#about {width:107px}
#nav li a {display:block; width:96px; height:50px; padding:0 5px; background:url(../images/menu.jpg); color:#fff; font: 12px/60px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; text-decoration:none}
#nav li#home a {background-position:-6px 0}
#nav li#clients a {background-position:-112px 0; line-height:12px; height:20px; padding:18px 5px 12px 5px}
#nav li#wework a {background-position:-218px 0}
#nav li#products a {background-position:-324px 0}
#nav li#gallery a {background-position:-430px 0; width:97px}
#nav li#about a {background-position:-537px 0; width:97px}
#nav li#contact a {background-position:-644px 0}
#nav a:hover {text-decoration:none}
#nav li#home a:hover, #nav li#home.active a {background-position:-6px -50px; color:#bfd63d}
#nav li#clients a:hover, #nav li#clients.active a {background-position:-112px -50px; color:#bfd63d}
#nav li#wework a:hover, #nav li#wework.active a {background-position:-218px -50px; color:#bfd63d}
#nav li#products a:hover, #nav li#products.active a {background-position:-324px -50px; color:#bfd63d}
#nav li#gallery a:hover, #nav li#gallery.active a {background-position:-430px -50px; color:#bfd63d}
#nav li#about a:hover, #nav li#about.active a {background-position:-537px -50px; color:#bfd63d}
#nav li#contact a:hover, #nav li#faq.active a {background-position:-644px -50px; color:#bfd63d}
/* Other lists */
ul#products {list-style:none; margin-left:0px}
ul#products li {width:169px; height:128px; margin-right:1px; margin-top:10px}
ul#products li a {width:100%; height:100%; background:url(../images/left.jpg); display:block}
ul#products li.marine {margin:0px}
ul#products li.marine a {background-position:0px 0px}
ul#products li.commercial a {background-position:0px -141px}
ul#products li.auto a {background-position:0px -284px}
ul#products li.gunnel a {background-position:0px -425px}
ul#products li.marine a:hover {background-position:-170px 0px}
ul#products li.commercial a:hover {background-position:-170px -141px}
ul#products li.auto a:hover {background-position:-170px -284px}
ul#products li.gunnel a:hover {background-position:-170px -425px}
#marine29 {width:169px; height:128px; background:url(../images/left.jpg); display:block; background-position:-170px 0px}
#commercial30 {width:169px; height:128px; background:url(../images/left.jpg); display:block; background-position:-170px 414px }
#auto31 {width:169px; height:128px; background:url(../images/left.jpg); display:block; background-position:-170px 271px}
#gunnel32 {width:169px; height:128px; background:url(../images/left.jpg); display:block; background-position:-170px 130px}
ul#right_nav {list-style:none; margin-left:0px}
ul#right_nav li {width:210px; height:58px}
ul#right_nav li a {width:100%; height:100%; background:url(../images/right_menu.jpg); display:block}
ul#right_nav li.marine {margin-top:2px}
ul#right_nav li.commercial {margin-top:6px}
ul#right_nav li.auto {margin-top:6px}
ul#right_nav li.gunnel {margin-top:7px}
ul#right_nav li.marine a:hover {background-position:0px -2px}
ul#right_nav li.commercial a:hover {background-position:0px -66px}
ul#right_nav li.auto a:hover {background-position:0px -130px}
ul#right_nav li.gunnel a:hover {background-position:0px -195px}
ul#right_nav li.marine a {background-position:-210px -2px}
ul#right_nav li.commercial a {background-position:-210px -66px}
ul#right_nav li.auto a {background-position:-210px -130px}
ul#right_nav li.gunnel a {background-position:-210px -195px}
ul.all_products {list-style:none; margin:0; width:170px; margin-top:15px}
ul.all_products li {display:block; width:170px; color:#555; background-color:#bfd63d; position:relative; height:auto; cursor:pointer}
ul.all_products li a {display:block; height:30px; line-height:30px; padding: 0 20px; width:130px; position:relative; margin:0}
ul.all_products li ul.sub {margin:0; list-style:none}
ul.all_products li ul.sub li {background-color:#f3f3f5; height:30px}
ul.all_products li ul.sub li:hover, ul.all_products li ul.sub li.active {background-color:#00749a}
ul.all_products li ul.sub li a, ul.all_products li ul.sub li:hover ul.sub li a {color:#555}
ul.all_products li ul.sub li a:hover, ul.all_products li ul.sub li:hover a, ul.all_products li ul.sub li:hover ul.sub li:hover a, ul.all_products li ul.sub li.active a, ul.all_products li ul.sub li.active ul.sub li.active a {color:#fff}
ul.all_products li ul.sub li ul.sub {margin:0; list-style:none; position:absolute; left:170px; top:0; z-index:99; display:none;}
ul.all_products li ul.sub li ul.sub li:hover {background-color:#00546d}
ul.footer {list-style:none; text-align:center; margin-left:0px}
.footer li {color:#fff; display:inline; font:11px/38px Arial, Helvetica, sans-serif}
.footer a {text-decoration:underline}
/* Forms */
#search {height:32px}
#search input {display:block; float:left; width:150px; height:16px; background:url(../images/search.jpg); line-height:16px; padding:8px 10px; margin:0; outline:0; border:0}
#search button {display:block; float:right; width:29px; height:30px; line-height:20px; padding:0 0 3px 0; background:url(../images/btn_go.jpg); margin:1px 1px 1px 0; color:#fff}
#em_subscribe_form {width:200px; height:280px; padding:10px 0 10px 5px}
#em_subscribe_form p {font:10px/12px Arial, Helvetica, sans-serif; padding:5px 0 10px 0}
#em_subscribe_form input {display:block; width:180px; height:16px; background:url(../images/input.jpg); line-height:16px; padding:8px 10px; float:left; border:0; outline:0; margin:0}
#em_subscribe_form button {width:75px; height:30px; background:url(../images/submit.jpg); color:#fff; line-height:20px; padding:0 0 3px 0; margin:5px 0; float:right}
#form_contact {width:265px; padding:10px 0 10px 5px}
#form_contact p {font:10px/12px Arial, Helvetica, sans-serif; padding:5px 0 10px 10px}
#form_contact input {display:block; width:250px; height:16px; background:url(../images/input_L.jpg) no-repeat; line-height:16px; padding:8px 10px; border:0; outline:0; margin:0 0 5px 0}
#form_contact select {display:block; width:100%; background-color:#f3f5f5; height:15px; margin:10px 0}
#form_contact textarea {display:block; width:250px; height:60px; background:url(../images/textArea.jpg) no-repeat; line-height:16px; padding:8px 10px; float:left; border:0; outline:0; margin:0 0 5px 0}
#form_contact button {width:75px; height:30px; background:url(../images/submit.jpg) no-repeat; color:#fff; line-height:20px; padding:0 0 3px 0; margin:5px 0; float:right}
/* Specific layout */
img.hero {width:515px; height:200px}
p.hero {width:auto; display:inline; position:absolute; top:166px; right:30px}
p.hero span {width:auto; display:block; height:34px; line-height:34px; padding:0 10px; background:url(../images/caption.png)}
.new {width:174px; height:127px; padding:13px; background:url(../images/bg_right.jpg); position:relative; margin:10px 0}
.new p {font:10px/12px Arial, Helvetica, sans-serif; width:125px}
.new p a {color:#555}
#icon {width:170px; height:92px; background:url(../images/icons.jpg) top left}
#marine #icon {background-position:0 0}
#commercial #icon {background-position:0 -92px}
#auto #icon {background-position:0 -184px}
#gunnel #icon {background-position:0 -276px}
.item {width:475px; height:72px; background:url(../images/item.jpg); padding:15px 20px 25px 20px; position:relative}
.item img {float:left; width:145px; height:72px; margin-right:10px}
.item p {color:#00749a}
#footer {width:100%; height:38px; background:url(../images/footer.jpg) repeat-x; line-height:38px}
/* Anchors */
a.downloads {display:block; width:200px; height:30px; line-height:25px; background:url(../images/download.jpg); clear:both; margin:15px 0 15px 3px; text-align:center}
a.more {display:block; width:47px; height:30px; padding-right:3px; line-height:25px; text-align:center; background:url(../images/more.jpg); position:absolute; bottom:15px; right:20px}
a.more:hover {background-position:0px -30px}
/* productsItem tpl */
.productItem {width:151px; height:135px; margin:0 31px 10px 0; float:left}
.productItem img {margin-bottom:5px}
.productItem p {font-size:10px; line-height:15px; height:15px; float:none; clear:both}
.productItem ul {float:left; width:auto; height:16px; list-style:none; margin:0}
.productItem ul li {background:url(../images/type.jpg); float:left; display:block; height:16px; display:none}
.accessories .productItem ul {margin-top:20px}
.productItem ul.Commercial li.commercial {display:block; background-position:-81px 0px; width:14px}
.productItem ul.Fire li.fire {display:block; background-position:-62px 0px; width:19px}
.productItem ul.Automotive li.auto {display:block; background-position:-37px 0px; width:25px}
.productItem ul.Marine li.marine {display:block; background-position:-15px 0px; width:22px}
.productItem ul.UV li.uv {display:block; background-position:0px 0px; width:15px}
.accessories .productItem {height:209px}
.printPage {display:block; width:145px; height:40px; background:url(../images/print.jpg); cursor:pointer; float:right; margin-top:10px}
#print_header {display:none}
/*
#middle.prodCategories, #middle.galleryListing {height:718px}
*/
.downloads img {margin-bottom:10px}
.gallery li {list-style:none; margin:0}
.noright {margin-right:0}