*
{
margin: 0;
padding: 0;
}

body
{
background: url(/_media/images/off_road/content_bg.jpg) center top no-repeat #703219;
}

h1
{
font: 24px/24px "Helvetica Neue", helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
margin: 0 0 12px 0;
}

h2
{
font: 18px/30px "Helvetica Neue", helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
}

h3
{
font: bold 14px/16px "Helvetica Neue", helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
}

h4
{
font: bold 12px/14px "Helvetica Neue", helvetica, sans-serif;
color: #fff;
}

h5
{
font: bold 14px/16px "Helvetica Neue", helvetica, sans-serif;
color: #fff;
}

h6
{
font: 14px/16px "Helvetica Neue", helvetica, sans-serif;
color: #fff;
padding: 8px 0;
text-transform: uppercase;
}

p
{
font: 11px/14px "Helvetica Neue", helvetica, sans-serif;
color: #fff;
}

a,
a:link,
a:visited,
a:active
{
color: #fae13f;
}

a:hover
{
text-decoration: none;
}

/* home page styles */

#flashMain
{
clear: both;
padding: 0 0 15px 0;
}

/* secondary styles */

#container
{
margin: 0 auto;
width: 990px;
_width: 995px;
padding-bottom: 70px;

/* doubled background necessary for 800x600, trust me - CE */
background: url(/_media/images/off_road/small_content_bg.jpg) left top no-repeat #703219;
}

#batteryNav
{
width: 110px;
float: left;
}

#contentContainer
{
width: 880px;
float: left;
}

#logo
{
float: left;
}

#flashNav
{
float: right;
padding: 19px 0 0 10px;
}

#content
{
clear: both;
}

#mainNav
{
background: url(/_media/images/off_road/main_nav/main_nav_bg.jpg) top left no-repeat;
float: left;
width: 162px;
padding: 0 5px 100px 16px;
}

#mainNav ul
{
list-style: none;
}

#mainNav ul li
{
padding: 0;
margin: 0;
}

#scrollableContentArea
{
float: left;
padding: 26px 20px 25px 0;
}

#scrollableContent
{
width: 677px;
height: 450px;
overflow: auto;
padding: 14px 0 12px 0;
}

* html #scrollableContent
{
width: 650px;
}


#footer
{
clear: both;
text-align: center;
color: #fff;
font: 11px/15px arial, sans-serif;
}

#footer ul
{
list-style-type: none;
}

#footer ul li
{
display: inline;
padding: 0 10px;
border-left: 1px solid #fff;
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active
{
color: #fff;
text-decoration: none;
}

#footer ul li a:hover
{
text-decoration: underline;
}


/* content styles */


.floatLeft
{
float: left;
}

.floatRight
{
float: right;
}

.borderNone
{
border: none !important;
}

.clearIt
{
clear: both;
}





/* specific page styles */

/* GALLERY */

#slideShowPro
{
float: left;
width: 530px;
margin: 10px 30px 0 25px;
padding: 0 0 30px 0;
}

#wallpaperArea
{
display: none;
float: left;
width: 230px;
background: url(/_media/images/off_road/gallery/wallpaper_bottom_bg.jpg) bottom left no-repeat;
padding: 0 0 30px 0;
}

#wallpaperAreaContent
{
background: url(/_media/images/off_road/gallery/wallpaper_top_bg.jpg) top left no-repeat;
padding: 40px 0 0 0;
}

.wallpaper
{
clear: both;
padding: 0 20px;
}

.wallpaper ul
{
list-style: none;
}

.wallpaper ul li
{
font: 11px/13px arial, sans-serif;
padding: 0 0 4px 0;
}

.wallpaper ul li a,
.wallpaper ul li a:link,
.wallpaper ul li a:visited,
.wallpaper ul li a:active
{
color: #fae13f;
}

.wallpaper ul li a:hover
{
text-decoration: none;
}

.wallpaperImage
{
float: left;
margin: 0 5px 5px 0;
}


/* NEWS AND EVENTS */

#featureArea
{
width: 376px;
padding: 0 15px 0 0;
float: left;
color: #fff;
}

#featureArea p.bottomBorder
{
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #fff;
}

.article
{
border-bottom: 1px solid #fff;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.featureImage
{
float: left;
padding: 0 10px 5px 0;
}

#upcomingEventsArea
{
float: left;
width: 230px;
background: url(/_media/images/off_road/news_events/upcoming_bottom_bg.jpg) bottom left no-repeat;
padding: 0 0 30px 0;
}

#upcomingEventsAreaContent
{
background: url(/_media/images/off_road/news_events/upcoming_top_bg.jpg) top left no-repeat;
padding: 40px 20px 0 20px;
color: #fff;
}

#featureArea table,
#upcomingEventsAreaContent table
{
width: 100%;
padding: 0 0 20px 0;
}

#featureArea table td.dateCell,
#upcomingEventsAreaContent table td.dateCell
{
width: 60px;
font: 11px/14px arial, sans-serif;
}

#featureArea table td,
#upcomingEventsAreaContent table td
{
font: 11px/14px arial, sans-serif;
padding: 0 20px 10px 0;
}

a.arrowLink,
a.arrowLink:link,
a.arrowLink:visited,
a.arrowLink:active
{
display: block;
color: #fae13f;
padding: 0 0 0 9px;
font: 11px/14px arial, sans-serif;
background: url(/_media/images/audio_electronics/news_events/yellow_arrow.gif) .1em .4em no-repeat;
}

a.arrowLink:hover
{
text-decoration: none;
}

a.siteTitle,
a.siteTitle:link,
a.siteTitle:visited,
a.siteTitle:active
{
color: #fae13f;
font: bold 14px/14px arial, sans-serif;
padding: 0 0 7px 0;
display: block;
}

a.siteTitle:hover
{
text-decoration: none;
}

/* POWER LINKS */

#powerLinksFeatureArea
{
width: 376px;
padding: 0 15px 0 0;
float: left;
}

#powerLinksFeatureArea .feature
{
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #fff;
}

#powerLinksFeatureArea ul
{
list-style: none;
padding: 0 40px 20px 15px;
}

#powerLinksFeatureArea ul li
{

}

#powerLinksFeatureArea ul li a,
#powerLinksFeatureArea ul li a:link,
#powerLinksFeatureArea ul li a:visited,
#powerLinksFeatureArea ul li a:active
{
display: block;
color: #fae13f;
padding: 0 0 6px 9px;
font: bold 12px/18px arial, sans-serif;
text-transform: uppercase;
background: url(/_media/images/audio_electronics/news_events/yellow_arrow.gif) .1em .4em no-repeat;
}

#powerLinksFeatureArea ul li a:hover
{
text-decoration: none;
}

#powerLinksFeatureArea p.bottomBorder
{
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #fff;
}

#powerLinksEventsArea
{
float: left;
width: 230px;
background: url(/_media/images/off_road/power_links/upcoming_bottom_bg.jpg) bottom left no-repeat;
padding: 0 0 30px 0;
}

#powerLinksEventsAreaContent
{
background: url(/_media/images/off_road/power_links/upcoming_top_bg.jpg) top left no-repeat;
padding: 40px 20px 0 20px;
color: #fff;
}

#powerLinksEventsAreaContent table
{
width: 100%;
padding: 0 0 20px 0;
}

#powerLinksEventsAreaContent table td.dateCell
{
width: 60px;
font: 11px/14px arial, sans-serif;
}

#powerLinksEventsAreaContent table td
{
font: 11px/14px arial, sans-serif;
padding: 0 15px 10px 0;
}

/* PRODUCT REVIEWS */

#productReviewsFeatureArea
{
width: 376px;
padding: 0 15px 0 0;
float: left;
}

#productReviewsFeatureArea p
{
clear: both;
margin: 10px 0;
}

#reviewsTop
{
}

#reviewsTop ul
{
float: left;
list-style: disc;
margin: 0 0 20px 25px;
padding: 0;
color: #fae13f;
}

#reviewsTop ul li
{
font: 11px/14px arial, sans-serif;
}

#reviewsTop ul li p
{
margin: 6px 0 0 0;
}

#productReviewsFeatureArea p.bottomBorder
{
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #fff;
}

#productReviewsEventsArea
{
float: left;
width: 230px;
background: url(/_media/images/off_road/product_reviews/review_bottom_bg.jpg) bottom left no-repeat;
padding: 0 0 30px 0;
}

#productReviewsEventsAreaContent
{
background: url(/_media/images/off_road/product_reviews/review_top_bg.jpg) top left no-repeat;
padding: 40px 20px 0 20px;
color: #fff;
}

input.blackText
{
width: 175px;
border: 1px solid #4c4c4c;
background: url(/_media/images/off_road/product_reviews/input_gradient.jpg) top left repeat-x #121313;
color: #fff;
font: 12px/14px arial, sans-serif;
padding: 5px;
margin: 0 0 5px 0;
}

select.blackText
{
width: 187px;
border: 1px solid #4c4c4c;
background: url(/_media/images/off_road/product_reviews/input_gradient.jpg) top left repeat-x #121313;
color: #fff;
font: 12px/14px arial, sans-serif;
padding: 5px;
}

/* SPONSORSHIP */

#sponsorshipFeatureArea
{
margin: 0 25px;
width: 376px;
float: left;
}

#sponsorshipEventsArea
{
float: left;
width: 230px;
}

#sponsorshipFormsArea
{
width: 230px;
background: url(/_media/images/off_road/product_reviews/review_bottom_bg.jpg) bottom left no-repeat;
padding: 0 0 30px 0;
}

#sponsorshipFormsAreaContent
{
background: url(/_media/images/off_road/sponsorship/sponsorship_top_bg.jpg) top left no-repeat;
padding: 40px 20px 0 20px;
color: #fff;
}

#sponsoredCars
{
padding: 0 0 20px 0;
}

#sponsoredCars h3
{
text-align: center;
padding: 15px 0 7px 0;
color: #ffcc33;
border-bottom: 1px solid #fff;
font: bold 15px/16px "Helvetica Neue", helvetica, sans-serif;
}

#sponsoredCars ul
{
float: left;
padding: 0 0 0 10px;
width: 105px;
list-style: none;
}

#sponsoredCars ul li
{
font: 12px/15px arial, sans-serif;
color: #fff;
padding: 6px 0;
}

.col3float
{
float: left;
width: 115px;
margin: 0 10px 0 0;
_margin: 0 8px 0 0;
}

.col3float h3
{
text-transform: normal;
padding-top: 10px;
}

#sponsorshipSubFeature
{
clear: both;
padding: 15px 0 0 0;
border-top: 1px solid #fff;
}

#sponsorshipSubFeature .featureImage
{
padding-right: 20px;
}


/* ASK A PRO */

#askProFeature
{
margin: 0 15px 0 0;
width: 391px;
float: left;
}

* html #askProFeature
{
margin: 0 15px 0 0;
width: 361px;
float: left;
}

#askProFeature h1
{
margin: 0;
}

#askProFeature h5
{
padding: 10px 0;
}

#askProFeature p.paddedBottom
{
padding: 0 0 10px 0;
}

.question,
.answer
{
padding: 10px 0 0 35px;
font: 10px/14px arial, sans-serif;
color: #fff;
background: url(/_media/images/off_road/ask_pro/q.gif) 0px 5px no-repeat;
}

.answer
{
background: url(/_media/images/off_road/ask_pro/a.gif) 0px 10px no-repeat;
}

p.attribution
{
color: #fae13f;
margin: 0 !important;
}

.question p,
.answer p
{
margin: 0 0 12px 0;
}

#askProQuestionsArea
{
float: left;
width: 230px;
}

#askProQuestions
{
width: 230px;
background: url(/_media/images/off_road/ask_pro/question_bottom_bg.jpg) bottom left no-repeat;
padding: 0 0 30px 0;
}

#askProQuestionsContent
{
background: url(/_media/images/off_road/ask_pro/question_top_bg.jpg) top left no-repeat;
padding: 40px 20px 0 20px;
color: #fff;
}

#askProSearch
{
width: 230px;
background: url(/_media/images/off_road/ask_pro/search_bottom_bg.jpg) bottom left no-repeat;
padding: 0 0 30px 0;
}

#askProSearchContent
{
background: url(/_media/images/off_road/ask_pro/search_top_bg.jpg) top left no-repeat;
padding: 40px 20px 0 20px;
color: #fff;
}

/* FIND YOUR OPTIMA */

#findOptimaArea
{
margin: 0 30px 0 25px;
padding: 0 0 30px 0;
}

.featuredBattery
{
width: 275px;
float: left;
margin: 0 20px 0 0;
}

.featuredBattery p
{
margin: 12px 0 0 0;
}

#externalBatterySearch
{
clear: both;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
text-align: center;
border-top: 1px solid #fff;
}