html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
background: #FFD800 url(images/topbg.gif) 0 0 repeat-x;
color: black;
font: 12px/15px verdana, helvetica, arial, sans-serif;
}
a, a:link {
color: #F60;
text-decoration: none;
}
a:visited {
color: #F60;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
/* Masthead Styles */
div#masthead {
margin: 0;
padding: 0;
background: url(images/mastheadbg.gif) 0 0 no-repeat;
width: 760px;
height: 142px;
}
div#masthead h1 {
position: absolute;
left: 0;
top: 0;
width: 175px;
height: 156px;
margin: 0;
padding: 0;
}
/* TURN THIS ONE ON WHEN OC GOES UP */
/*div#masthead h2 {
position: absolute;
left: 289px;
top: 20px;
background: url(images/tagline.gif) 0 0 no-repeat;
width: 447px;
height: 26px;
margin: 0;
padding: 0;
}*/
div#masthead h2 {
position: absolute;
left: 300px;
top: 20px;
background: url(images/tagline_temp.gif) 0 0 no-repeat;
width: 447px;
height: 26px;
margin: 0;
padding: 0;
}
div#masthead h4 {
position: absolute;
margin: 0;
padding: 0;
z-index: 20;
}
h1 span, h2 span, h4 span {
display: none;
}
div#masthead h4#interiorshead {
left: 587px;
top: 102px;
background: url(images/subhead_interiors.gif) 0 0 no-repeat;
width: 140px;
height: 21px;
}
div#masthead h4#wheeltirehead {
left: 544px;
top: 102px;
background: url(images/subhead_wheeltire.gif) 0 0 no-repeat;
width: 183px;
height: 21px;
}
div#masthead h4#exteriorhead {
left: 587px;
top: 102px;
background: url(images/subhead_exterior.gif) 0 0 no-repeat;
width: 140px;
height: 21px;
}
div#masthead h4#intexthead {
left: 442px;
top: 102px;
background: url(images/subhead_intext.gif) 0 0 no-repeat;
width: 285px;
height: 21px;
}
div#masthead h4#featureshead {
left: 587px;
top: 102px;
background: url(images/subhead_features.gif) 0 0 no-repeat;
width: 140px;
height: 21px;
}
div#masthead h4#faqshead {
left: 587px;
top: 102px;
background: url(images/subhead_faqs.gif) 0 0 no-repeat;
width: 140px;
height: 21px;
}
/* Navigation Styles */
ul#nav {
/*float: left;*/ /* This fixes Opera, so leave for now */
margin: 0;
padding: 55px 0 0 285px;
list-style: none;
}
ul#nav li {
margin: 0;
padding: 0;
display: inline;
}
ul#nav li.level1 {
float: left;
}
ul.dropdown {
position: absolute;
top: 80px;
width: 119px;
margin: 0;
padding: 0;
background: white;
border-left: 2px solid #F60;
border-right: 2px solid #F60;
list-style: none;
display: none;
z-index: 100;
}
ul.prod {
left: 274px;
}
ul.feat {
left: 396px;
}
ul.faqs {
left: 512px;
}
ul.dropdown li a {
display: block;
margin: 0;
padding: 5px;
width: 100%;
text-decoration: none;
color: black;
border-bottom: 2px solid #F60;
}
ul.dropdown>li a {
width: auto;
}
ul.dropdown li a:visited {
color: black;
text-decoration: none;
}
ul.dropdown li a:hover {
color: white;
background: #F60;
text-decoration: none;
}
ul#nav li.submenu:hover ul.dropdown, ul#nav li.sfhover ul.dropdown {
display: block;
}
/* Content Styles */
#contentArea {
width: 760px; /* IE Box Model Hack below under Hacks */
margin: 0;
padding: 0;
}
#contentSB {
width: 545px;
margin: 0;
padding: 0 0 0 25px;
}
#contentNOSB {
width: 742px;
margin: 0;
padding: 0;
}
#contentNOSBpad {
padding: 0 25px;
width: 742px;
}
.sb {
background: white url(images/contentbg_sidebar.gif) top right repeat-y;
}
.nosb {
background: white url(images/contentbg_nosidebar.gif) top right repeat-y;
}
h3 {
margin: 0;
color: #F60;
font-weight: bold;
font-size: 18px;
}
h3.main {
padding: 25px 0 12px 0;
}
p {
margin: 0 0 1em;
}
.footnote {
font-size: 11px;
color: gray;
font-style: italic;
}
.reg {
font-size: 11px;
position: relative;
top: -6px;
left: 0;
}
.highlight, .subhead {
font-weight: bold;
color: #F60;
margin-bottom: 0;
}
.shortpage {
padding-bottom: 25px;
}
.shortpagetwo {
padding-bottom: 125px;
}
hr {
visibility: hidden;
}
.prodlist {
margin-top: 0;
}
.prodpagebox {
float: left;
margin: 0;
padding: 25px 25px 0;
width: 370px;
}
.prodpage {
margin: 0;
padding: 0;
list-style: none;
background: white;
border-left: 1px solid #F60;
border-top: 1px solid #F60;
}
.prodpage li {
margin: 0;
padding: 0;
border-bottom: 1px solid #F60;
}
.prodpage a {
color: black;
background: white;
text-decoration: none;
display: block;
position: relative;
top: 10px;
left: 0px;
margin-left: 15px;
padding: 3px 8px;
}
.prodpage a:visited {
color: black;
text-decoration: none;
}
.prodpage a:hover {
color: white;
background: #F60;
text-decoration: none;
}
img.floatright {
float: right;
padding: 3px 0 10px 10px;
}
img.floatleft {
float: left;
padding: 0 15px 10px 0;
}
#sidebar {
float: right;
width: 210px;
height: 100%;
margin: 0;
padding: 0;
background: url(images/sidebar_corner.gif) top left no-repeat;
}
#sidebar img.prodshot {
position: relative;
left: 37px;
top: 20px;
}
#sidebar img.areashot {
position: relative;
left: 24px;
}
#where {
float: right;
width: 160px;
padding: 0;
margin: 0 0 10px 20px;
background: #F90 url(images/wherebox_bot.gif) bottom left no-repeat;
}
#where h5 {
font-size: 14px;
font-weight: bold;
color: white;
background: #F60 url(images/wherebox_top.gif) top left no-repeat;
padding: 8px 15px;
margin: 0;
}
#where ul {
margin: 0;
padding: 8px 15px 12px;
list-style: none;
}
ul.faqsq {
margin: 0;
padding: 0;
list-style: none;
}
dl.faqs {
margin: 5px 0 15px 0;
}
dl.faqs dt {
font-weight: bold;
}
dl.faqs dd {
margin: 3px 0 0 10px;
}
a.nonlink {
color: black;
text-decoration: none;
}
a.nonlink:link {
color: black;
text-decoration: none;
}
a.nonlink:visited {
color: black;
text-decoration: none;
}
a.nonlink:hover {
color: black;
text-decoration: none;
}
/* Footer Styles */
#footer {
width: 760px;
height: 50px;
}
.ftsb {
background: #FFD800 url(images/contentbot_sidebar.gif) top left no-repeat;
}
.ftnosb {
background: #FFD800 url(images/contentbot_nosidebar.gif) top left no-repeat;
}
#footlinks {
float: right;
padding: 32px 28px 0 0;
}
#footlinks a {
color: black;
text-decoration: none;
}
#footlinks a.border {
border-right: 1px solid black;
padding-right: 8px;
}
#footlinks a:visited {
color: black;
text-decoration: none;
}
#footlinks a:hover {
color: red;
text-decoration: none;
}
#footlinks b {
display: none;
}
/* Clear those Floats */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Hacks */
#contentSB {
voice-family: "\"}\"";
voice-family:inherit;
width: 520px;
}
#contentNOSBpad {
voice-family: "\"}\"";
voice-family:inherit;
width: 692px;
}
.prodpagebox {
voice-family: "\"}\"";
voice-family:inherit;
width: 320px;
}
table {
border: none;
margin: 0;
padding: 0;
color: black;
font: 12px/15px verdana, helvetica, arial, sans-serif;
}
td {
padding: 5px 0 0 2px;
}
.fields {
font: 12px verdana, helvetica, arial, sans-serif;
}
.reqd {
color: red;
}
.notreqd {
visibility: hidden;
}
.leftcolumn {
text-align: right;
width: 35%;
}
.checkbox {
float: left;
}
td.optin span {
margin: 0 0 0 20px;
padding: 0;
display: block;
}
#sub {
padding: 25px 0 25px;
}
input:focus {
background: #FFFFCC
}