html{margin:0; padding:0; height:100%;}
body {margin:0; padding:0; height:100%; font:12px/1.3em Geneva, Arial, Helvetica, sans-serif; color:#1A2127; background: #25659D;    /* #326295 url(/css/contimg/mofac-bg2.png) top left repeat;*/ }

#container {margin:0 auto; background: #326295 url(/css/contimg/bgfade.png) left top repeat-y; width:964px; padding: 0 5px 0px 5px; position:relative;/* min-height:100%; height:auto !important; height:100%;*/ display:table;}



#content { float:left; width: 935px; margin:0; padding: 0 15px 20px 14px; background-color: #fff; position:relative;}

a:link, a:visited {text-decoration:none; border-bottom: 1px dotted #7A8F46; color:#7A8F46;}
a:hover {color:#000; text-decoration:none; border-bottom: 1px dotted #000; }
a:focus, a:active {outline:none; }

a.back {color:#000; border-bottom: 1px dotted #000;}
a.back:hover {color:#74A10A; border-bottom: 1px dotted #74A10A;} 
p {padding:0; margin:0 0 1em; }
h1 { font: 1.4em/1.2em Geneva, Arial, Helvetica, sans-serif;}
h2 { font: 1.2em/1.2em Geneva, Arial, Helvetica, sans-serif;}
h3 { font: 1.1em/1.2em Geneva, Arial, Helvetica, sans-serif; color:#74A10A;}
h4 {font: 1em/1.2em Geneva, Arial, Helvetica, sans-serif; color:#000;}


#left-col {float:left; width:200px;}


#logo {float:left; border:none; width:200px; height:75px; text-decoration: none;  }
#logo img {border:none;}

#main {float:left; width: 720px; /* background: #33CCFF;*/ margin-left:15px;  position:relative; display:inline;}

#header {float:left; width: 720px; height: 50px; padding: 0; /*background: #000;*/}
#quicklinks {float:left; width: 720px; /*position:absolute; bottom:0; right:0px;*/ padding-top:10px;}



.cursor_pointer {cursor:pointer;}
.cursor_pointer .col-230-item { background-position: top left;}
.cursor_pointer .col-230-bottom { background-position: bottom left;}





.col-200, #menu {float:left; width: 200px; margin-bottom: 0; position:relative;}
a.col-link {display:block; border:none;}
a.col-link:hover {color: #DDD; cursor:pointer;}


.col-menu-top, .col-grey-top, .col-blue-top, .col-green-top, .col-red-top {float:left; width: 200px; position:relative;}

.col-menu-top {background-position: 0 -20px; background:transparent url(/css/contimg/col-menu-top.png) top left no-repeat;}
.col-grey-top {background:transparent url(/css/contimg/col-grey-top.png) top left no-repeat;}
.col-blue-top {background:transparent url(/css/contimg/col-blue-top.png) top left no-repeat;}
.col-green-top {background:transparent url(/css/contimg/col-green-top.png) top left no-repeat;}
.col-red-top { background:transparent url(/css/contimg/col-red-top.png) top left no-repeat;}

.col-menu-bottom, .col-grey-bottom, .col-blue-bottom, .col-green-bottom, .col-red-bottom {float:left; width:200px; height:12px; padding-bottom: 0px;}
.col-menu-bottom {background:transparent url(/css/contimg/col-menu-bottom.png) bottom left no-repeat;}
.col-grey-bottom {background:transparent url(/css/contimg/col-grey-bottom.png) bottom left no-repeat;}
.col-blue-bottom {background:transparent url(/css/contimg/col-blue-bottom.png) bottom left no-repeat;}
.col-green-bottom {background:transparent url(/css/contimg/col-green-bottom.png) bottom left no-repeat;}
.col-red-bottom {background:transparent url(/css/contimg/col-red-bottom.png) bottom left no-repeat;}






.col-item {float:left; width: 180px; margin: 0 10px; padding: 15px 0; border-top: 1px #333 dotted; position:relative;}
.col-item a.col-link {float:left; width:180px; height:auto;}
.col-item h2, .col-item span.col-heading {float:left; width:180px; margin:0 0 5px 0; padding:0; text-transform:uppercase; font-weight:normal; color:#74A10A; font-size: 1.2em; }
.col-item a.col-link:hover h2, .col-item a.col-link:hover span.col-heading {color:#25659D;}
.col-item p, .col-item span.col-p {float:left; width:170px; margin:0; padding:0; padding-right:10px; display:inline; font-size:0.9em; line-height: 1.3em; color:#777; position:relative;}
.col-item a.col-link:hover span.col-p {color:#333;}
.col-item a.col-link span.more-small {border:none; float:right; position:absolute; bottom:0; right:0; width:12px; height: 12px; background: transparent url(/css/contimg/more-arrows-grey.png) top left no-repeat;}
.col-item a.col-link:hover span.more-small {background-position: bottom left;}





#menu { padding:0; margin-bottom:10px;}
#menu h1 {float:left; width: 200px; text-indent:-9999px; font-size:1em; line-height:1em; margin:0; padding:0;}
#menu h1 a {float:left; width:200px; height:60px; background: #333; margin:0; padding:0; }



ul#primary-nav {float:left; margin:15px 10px; padding:0; font-size: 1.2em; width: 180px; display:inline;}
ul#primary-nav li { float:left; width: 150px; margin:0; padding: 4px 15px; list-style:none; background:transparent url(/css/contimg/primary-nav-bg.png) center 1px  no-repeat;}
ul#primary-nav li a {border:none; padding: 0; padding-left: 17px; text-decoration:none; color: #555; display:block; line-height:24px; background:transparent url(/css/contimg/primary-nav-arrows.png) top left no-repeat;}
ul#primary-nav li a:hover {border:none; text-decoration:none; color:#74A10A; background-position:bottom left;}





body#home a#home_btn,
body#about a#about_btn,
body#roof_racks a#roof_racks_btn,
body#cargo_barriers a#cargo_barriers_btn,
body#vehicle_shelving a#vehicle_shelving_btn,
body#safety a#safety_btn,
body#contact a#contact_btn
{text-decoration:none; color:#74A10A; background-position:bottom left;}






.ql {float:left; width:230px; margin: 0px 0px 0px 15px; display:inline; position:relative; font-size:0.9em; }
.first-ql {margin-left:0; display:inline;}

a.ql-link {border:none; color:#777; text-decoration:none; position:relative;}
a.ql-link:hover {border:none; color:#333; text-decoration:none; cursor:pointer;}

.ql-top {float:left; width: 230px; background:transparent url(/css/contimg/ql-top.png) top left no-repeat; padding:0; padding-bottom: 10px; position:relative; }
.ql-heading { float:left; width:210px; margin:10px 10px 0.5em 10px; display:inline; padding:0; background:transparent; text-transform:uppercase; font-weight:bold; color:#25659D; font: 1.4em/1.2em Geneva, Arial, Helvetica, sans-serif;}
a.ql-link:hover .ql-heading {color: #74A10A;}
.ql-p {float:left; width:210px; margin:0 10px; padding:0; display:inline; line-height: 1.3em; display:inline; font-size:1em;}

.ql-bottom {float:left; width:230px; height:89px; padding:0; padding-bottom: 0px;}
#ql-rr {background:transparent url(/css/contimg/ql-rr.png) bottom left no-repeat;}
#ql-mil  {background:transparent url(/css/contimg/ql-mil.png) bottom left no-repeat;}
#ql-rav  {background:transparent url(/css/contimg/ql-rav.png) bottom left no-repeat;}

a.ql-link:hover .ql-top {background-position: top right;}
a.ql-link:hover #ql-rr, a.ql-link:hover #ql-mil, a.ql-link:hover #ql-rav {background-position: bottom right;}
.ql-more {border:none; float:left; width:auto; margin:5px 10px 0 10px; display:inline;}
.ql-link:hover .ql-more {color:#333;}

.ql img {margin: 10px 5px 5px 5px;}
img.ql-img {margin:0; border:none; position:absolute; bottom:-8px; right:2px; }



#articles {float:right; width:220px; height: 150px; margin: 0px 0px 0px 0px; padding: 10px 0; font-size:0.9em; background:#fff url(/css/contimg/news-top.png) top left no-repeat;}
.a-item {float:left; width: 220px; height: 140px; padding: 0 0 0 17px; margin:10px 0 0 0;}
a.a-link {border:none; color:#777; text-decoration:none; position:relative;}
a.a-link:hover {border:none; color:#333; text-decoration:none; cursor:pointer;}


.a-heading { float:left; width:210px; margin:0px 10px 5px 0; display:inline; padding:0; background:transparent; text-transform:uppercase; font-weight:bold; color:#25659D; font: 1.2em/1.2em Geneva, Arial, Helvetica, sans-serif;}
a.a-link:hover .a-heading {color: #74A10A;}

.a-p { float:left; width:210px; margin: 0; padding:0; line-height: 1.3em; display:block;}
#articles img {border:none;margin: 0 0 5px 0;}
#articles .ql-more {margin:5px 0;}




fieldset.search { float:left; border: none; width: 260px; margin: 0; margin-top: 5px; padding:0; background: transparent; }
.search input { border: none; float: left; width:auto;  }
.search input.box { color: #B4C7DA; font-size: 1em; width: 153px; height: 16px; padding: 5px 0px 5px 25px; background: transparent url(/css/contimg/search-bg.png) no-repeat; margin-right: 0px; font-size:0.9em;}
.search input.btn { width: 42px; height: 26px; cursor: pointer; background: transparent url(/css/contimg/search-bg.png) no-repeat top right;  font-size:0.9em; color: #B4C7DA; text-decoration:none;  line-height:26px;}
.search input.btn:hover { background: transparent url(/css/contimg/search-bg.png) no-repeat bottom right; color:#fff; text-decoration:none;}
.search #clearSearch {border:none; width: 24px; height:26px; margin: 0; float:left; background: transparent url(/css/contimg/search-bg.png) no-repeat -179px top; margin-right:5px; cursor: pointer;}


#header-links { float:right; width:auto; margin-right:30px; height:30px; background: #333; padding-left: 50px; background: transparent url(/css/contimg/masthead-left.png) no-repeat top left; font-size:0.9em; color: #B4C7DA; display:inline;}
#header-links ul {float:left; width:auto; margin:0; padding:0; padding-right: 50px; background: transparent url(/css/contimg/masthead-right.png) no-repeat top right;}
#header-links ul li {margin:0; padding:0 15px; list-style:none; float:left; width:auto; background: transparent url(/css/contimg/masthead-break.gif) no-repeat center right; line-height:30px;}
#header-links ul li a {margin: 0 0px; color: #B4C7DA; text-decoration:none; border:none;}
#header-links ul li a:hover {color: #fff; text-decoration:none;}




#introduction {margin:0; padding:0; float:left; width: 680px; height:215px; overflow:hidden; margin:50px 0 0 0; position:relative; padding:  0 20px 0px 20px; }
#introduction h1 {margin:0; padding:0; font: 2.5em/1em Geneva, Arial, Helvetica, sans-serif; color:#fff; }
#introduction h1.h1-bottom {position:absolute; left:20px; bottom:20px;}
#introduction p {margin: 0.5em 0 0 0; padding:0; font-size: 1.2em; line-height:1.4em; color:#fff;}
#introduction a  {color:#fff; border-bottom: 1px dotted #fff;}
#introduction a.back {color:#fff; border-bottom: 1px dotted #fff;}

body#home #introduction {margin:0; padding:0; float:left; width: 460px; height:auto;}
body#home #introduction h1 {margin:0; padding:0; font: 2.5em/1em Geneva, Arial, Helvetica, sans-serif; color:#74A10A;}
body#home #introduction p {margin:1em 0; padding:0; font-size: 1.2em; line-height:1.5em; color:#777;}
#introduction h1.product-logo {text-indent:-9999px; width: 410px; clear:both; height:55px; margin:0; padding:0;}

.entry {float:left; width: 680px; height:auto; margin:0; padding: 25px 20px; border-bottom: 1px dotted #999; font-size: 0.9em;}
.entry h2 {float:left; width:100%; margin:20px 0 10px 0; padding:0; font-size:1.8em; line-height:1em; color:#000;}
.entry p {margin: 0 0 1em 0;}




#introduction .entry {position:absolute; left:0; bottom: 0; padding: 20px; border:none; font-size: 1em;}

a.download {float:left; text-align:right; border:none; color:#fff; font-size:0.9em; width:auto; cursor:pointer;}
#introduction a.download {border-bottom:none; color:#fff; margin: 15px 0 0 0;}
a.download strong {float:left; width:auto; height:30px; padding: 0px 6px 4px 12px;  line-height:30px; background: transparent url(/css/contimg/download-left.png) top left repeat; font-weight:normal;}
a.download span {float:left; width:35px; height:34px; background: transparent url(/css/contimg/download-right.png) top left no-repeat;}
a.download:hover strong, a.download:hover span {background-position: bottom left; color: #555; } 















#flash {float:left; width: 720px; height: 270px;}



#footer {margin:0 auto; background: transparent url(/css/contimg/footer-bg.png) left top no-repeat; height: 100px; width:974px; padding: 0; position:relative; padding-bottom:50px;}
#footer-inner {float:left; height:60px; background: transparent url(/css/contimg/footer-inner.png) left bottom no-repeat; width:944px;  padding:20px; color: #B4C7DA; font-size:0.9em;}
#footer ul {margin:0; padding:0;}
#footer li {list-style:none; margin:0; padding:0; display:inline;}
#footer li a {border:none; color: #B4C7DA; text-decoration:none; margin: 0 6px 0 2px; padding:0; display:inline;}
#footer li a:hover {border:none; color:#fff;}
#footer p {float:left; width:100%; margin:0; padding:0; margin-top: 3px;}
#footer p a {border-bottom: 1px dotted #B4C7DA; color: #B4C7DA; text-decoration:none; padding:0;}
#footer p a:hover {border-bottom: 1px dotted #fff; color: #fff;}

p.details {float:left; width: 100%; margin:1em 0 0 0; padding:0; }
p.details strong {float:left; width: 125px; text-align: right;}
p.details span {float:left; width:auto; margin-left: 1em;}









form {float:left; width:auto; margin:0; padding:0;}

.field {float:left; width: 100%; margin:4px 0; padding:0; }

label {float:left; width: 100px; text-align: right; font-weight:bold; line-height: 20px; margin-right: 5px; margin-bottom: 5px; height:100%; }

span.rounded {float:left; width: 253px; height: 20px; font-size: 10px; padding: 0; padding-left:3px; background: transparent url(/css/contimg/input-l.png) top left no-repeat; margin-bottom: 5px;}

span.rounded input { float:left; width: 250px; height: 14px; line-height:1em; padding:3px 0; margin:0; border:none; background: transparent url(/css/contimg/input-r.png) top right no-repeat; vertical-align:middle;}

span.rounded input.input-focus {background-position: bottom right;}
span.input-focus {background-position: bottom left;}
textarea.input-focus {background: #fff;}


span.required {color:#CC0000; margin-right: 5px;}

em.error { float:left; color:#CC0000; font-size: 1em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/error.png) top left no-repeat; line-height:1.2em; text-align:left; margin-left: 105px; width:253px;}

em.ok{float:left; width: 260px; color:#66CC00; font-size: 1em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/ok.png) center left no-repeat; line-height:1.2em;  text-align:left;}

textarea {float:left; width: 251px; height: 100px; background: #F2F2F2; border: 1px solid #DDDDDD; margin-bottom: 5px; }




/* Capthca */
#captchaSpan { float:left; margin: 10px 0; margin-left: 105px; width: 250px; }
#captchaImg {float:left; margin: 5px 0; clear:both;}
#captchaSpan label {width:250px; font-weight:normal; text-align:left; line-height:1.2em;}
#captchaSpan input {width:137px;}
#captchaSpan em.error, #captchaSpan em.ok {margin-left:0; width: 240px;}


/* Advanced search form */
#searchform fieldset {float:left; width:auto; margin: 10px 0 10px 0; padding: 0px 10px 15px 10px; border:1px solid #777; }
#searchform legend { color:#777; }
#searchform label {width: 180px;}
#searchform span.radio {float:left; width:auto; display:block; padding: 3px 0; }
#searchform span.radio input {width:auto; border:none; background:none;}

/* Catalog Form */
#Catalog_form label {width: 150px;}
#Catalog_form em.error {margin-left: 155px;}
#Catalog_form #captchaSpan {margin-left: 155px; width:300px;}
#Catalog_form #captchaSpan em.error, #Catalog_form #captchaSpan em.ok {margin-left:0; width: 300px;}
#Catalog_form #captchaSpan label {width:300px;}
#catalogBox {float:left; margin: 10px 0px 10px 155px; width: 300px;}
#catalogBox p {margin: 0 0 10px 0;}
#catalogBox .field {margin:0px; padding:0;}
#catalogBox label {width:auto; margin-left: 10px; margin:0 10px;}
#catalogBox input {width: 15px; height: 15px; float: left; margin:0; padding:0;}
#catalogBox em.error {margin: 5px 0 0 0;}

/* Search Result Table */
table#result-table { font-size:0.9em; border-collapse:collapse; border:none; float:left; width: 680px; margin:0px 0 30px 0;}
table#result-table thead tr {border-bottom: 1px solid #999; }
table#result-table thead td {font-weight:bold; color:#000; padding: 5px 5px; }
table#result-table tbody tr { }
table#result-table tbody td {padding: 7px 5px;  vertical-align:top;}
table#result-table a {border:none; color:#000; }
table#result-table a:hover {border:none; color:#000; }
.oddrow {background:#f2f2f2;}
.rowOver {background: #DDD; cursor:pointer;}
.highlight {font-weight:bold; }


/* Product tables */
table.product {float:left; margin: 5px auto 10px auto; width:680px; font-size:1em;}
table.product td {padding:5px 10px 15px 0px; vertical-align:top;}
body#vehicle_shelving table.product td {padding:5px 5px 15px 0px;}
table.product h3{margin: 15px 0 5px 0; padding:0; font-size:1.3em;}
table.product td h3:first-child {margin-top:0;}
table.product img {border: 1px solid #999999; }
table.product p {margin:0 0 0.5em 0; padding:0; line-height:1.3em;}
a.product-link {display:inline; border:none; color:#000;}
a.product-more {margin: 1px 0; float:left; width:auto; clear:both; border:none;}


/* FindADealer */
#findForm fieldset {float:left; border:none; border-left: 1px #000 dotted; width: 230px; height: 200px; margin: 0 0 0 10px; padding:0 0 5px 15px; position:relative;}
#findForm table {float:left; width:100%; height: 50px; margin:0 0 10px 0; padding:0;}
#findForm table td.stepcontent {font-size: 1.1em; color:#ACC76C; vertical-align:middle;}
#findForm table td.step { width:55px; height:50px; }
#findForm .field  {float:left; width: 100%; margin:3px 5px; padding:0; clear:both; line-height:1em;}
#findForm label {width: 90px; }
#findForm span.rounded {width: 163px;}
#findForm input, #findForm span.rounded input {width: 160px; }
#support .field input {float:left; width: 15px; height: 15px; margin:0 5px 0 0; padding:0; background:none; border:none;}
#support .field label {float:left; width:auto; margin: 0 5px 5px 5px; line-height:15px;}
#addressField label {width:80px; margin-right:5px;}
#findSubmit {float:left; width:100%; margin: 30px 0 0 0;}
input#findFormSubmit {float:left; width:90px; margin:0; padding:0;}
#report {float:left; width:100%; margin: 0; padding: 5px; font-size: 1.3em; font-weight:bold;}
#map-outer {float:left; width:680px; padding:10px 0;}
#sidebar-outer {float:right; width:200px; height:auto; padding:0 10px;  background:#fff; margin-right:5px;}
#sidebar {/*overflow:auto; */height:auto; width:200px; color: #000;}
#map {float:left; overflow: hidden;}
#map a {border:none;}
.hiddenEntry {display:none;}
.sideBarEntry {border-bottom: 1px dotted #000; margin: 0; padding: 5px 5px; color:#000;}
.sideBarEntry h4 {display:block; color:#74A10A; font-weight:bold; margin: 0; padding:0; text-transform:capitalize;}
.entryHover {color:#000; cursor:pointer;}
.noresults {color:#CC0000;}
.sideBarEntry ul {margin: 5px 0 0 0; padding:0;}
.sideBarEntry ul li {margin:0; padding:0; list-style:none;}
#dirPanel {float:left; width:455px; height: auto; margin:10px 0;}
ol#instructions {float:left; width:455px; height: auto; margin:0; padding:0;}
ol#instructions li { margin:0 0 0 20px; padding: 5px 10px; border-bottom: 1px #EAEAEA dotted; float:left; width:415px;}
ol#instructions li strong {float:left; width:auto; font-weight:normal;}
ol#instructions li span {float:right; width:auto;}





/* left column fields */

#left-col .field {width:180px; margin:2px 0; padding:0;}
#left-col label {float:left; font-weight:normal; font-size: 0.9em; color: #777; text-align: right; width: 55px; margin:0; margin-right: 5px;}
#left-col span.rounded {width: 110px; background-position: bottom left;}
#left-col span.rounded input {width: 107px; background-position: bottom right;}
#left-col .submit_btn {float:left; width: auto; margin: 5px  0 0 0;}
#Catorder label {width: auto; text-align:left; margin:0; margin-left:5px;}
#Catorder input {float:left; width:auto; margin:0;}
#quickFind {float:left; margin:0;}
a#dealer-item {padding-left: 60px; width:110px; height:75px; margin-bottom: 10px; background: transparent url(/css/contimg/dealer-bg.png) top left no-repeat;}
a#dealer-item:hover {background-position:bottom left;}
#dealer-item .col-p, #dealer-item .col-heading {width: 110px;}