body { background: #fff url(/images/vehicles/common/pontiac/ovp/background.jpg) 50% 0 no-repeat; }

div#container {background: #fff url(/images/vehicles/common/pontiac/ovp/containerSprite.gif) 0 0 repeat-y;}
div#container.details {background: #fff url(/images/vehicles/common/pontiac/ovp/containerSprite.gif) -1980px 0 repeat-y;} /* slightly different treatment from other brands, to accommodate different border colour for details pages */
div#vehicleTopNavWrapper {background: transparent; }
div#bottomCap { background: #fff url(/images/vehicles/common/pontiac/ovp/containerSprite.gif) -990px 0 no-repeat; }
table#footerContent { background: url(/images/vehicles/2010/pontiac/footer_bg.jpg) top left repeat; }

/*** DIV NAVIGATION ***/
/* Logo */
#divNav #divLogo img {width: 193px; height: 60px; position: absolute;}
#divNav #divLogo {width: 193px; height: 60px;} /* width is from divNav divLogo img, height is from divNav */

/* main nav */
#divNav {background: url(/images/divisional/pontiac/divNavLogo_new.gif) no-repeat;}
#vehicleTopNavWrapper, #divNav {height:60px;}
#divNav li {padding:24px 9px 10px 0px;}
#divNav li ul li{padding:0px 0px 0px 0px;}
#divNav li, #divNav li a {color:#666;font-weight:bold; font-family: Arial; font-size:13px}

#divNav2 a:hover, #divNav2 ul ul a:hover{background:transparent;color:#a60a0a;}
#divNav2 :hover > a, #divNav2 ul ul :hover > a {background:transparent;color:#a60a0a;}

#divNav li ul{left:0px;top:21px;} /* overrides divNav.css */

/* dropdown menus */
#divNav li ul {margin:17px 0px 0px 0px; width:147px;}}
#divNav li ul a:hover {color:#a60a0a;height:100%;}
#divNav li ul li.firstItem {background-color:#2f2f2f; border-width: 1px;border-style: solid; border-color: #f1f1f1 #ffffff #ffffff #ffffff}
#divNav li ul li {background-color:#2f2f2f; border-width: 1px;border-style: solid; border-color: #f1f1f1 #ffffff #ffffff #ffffff}
#divNav li ul li,#divNav li ul li:hover, #divNav li ul li#firstItem:hover {background: #2f2f2f url(/images/divisional/pontiac/divSubnavHover.gif) no-repeat center right;height:100%; }
#divNav li ul a {color:#666; padding: 7px 0 7px 14px;width:131px;}
/*** END DIV NAVIGATION ***/

div#vehiclePricing{background: #b2b3b4; color:#464646;}
div#vehiclePricing h2, div#vehiclePricing a:hover { color: #a60a0a; }
div#vehiclePricing p, div#vehiclePricing p span#priceInfo, div#vehiclePricing span#cda, div#vehiclePricing a { color: #464646; }

div.overview div#vehiclePricing{ background: transparent; }
div.overview div#vehiclePricing h1 { color: #820000; }
div.overview div#vehiclePricing h3, div.overview div#vehiclePricing p span#priceInfo { color: #544643; border-color: #ba8080; }
div.overview div#vehiclePricing p span#priceInfo span, div.overview div#vehiclePricing span#cda, div.overview div#vehiclePricing a, div.overview div#vehiclePricing span#cda span { color: #544643; }
div.overview div#vehiclePricing a:hover { color: #a60a0a;}

div#returnHome { background: #b2b3b4; border: none; border-bottom: solid 4px #a60a0a; }
div#returnHome a { color: #464646; }
div#returnHome a:hover { color: #a60a0a; }

.sectionPrimaryNavContainer {background: #b3b4b5 url(/images/vehicles/common/pontiac/ovp/sectionPrimaryNavSprite.gif) -130px bottom no-repeat; border-color: #7d7d7d; border-bottom: none; }
.sectionPrimaryNav { background: #fff url(/images/vehicles/common/pontiac/ovp/sectionPrimaryNavSprite.gif) -395px 39px no-repeat; }
.sectionPrimaryNav ul li a#theDesign { background-image: url(/images/vehicles/common/pontiac/ovp/sectionPrimaryNavSprite.gif); background-position: 0 0; background-repeat: no-repeat; }
.sectionPrimaryNav ul li a#theDetails  { background-image: url(/images/vehicles/common/pontiac/ovp/sectionPrimaryNavSprite.gif); background-position: 0 -96px; background-repeat: no-repeat; }
.sectionPrimaryNav ul li.activeNav a#theDesign, .sectionPrimaryNav ul li:hover a#theDesign, .sectionPrimaryNav ul li a#theDesign:hover { color:#a60a0a; background-image: url(/images/vehicles/common/pontiac/ovp/sectionPrimaryNavSprite.gif); background-position: 0 -48px; }
.sectionPrimaryNav ul li.activeNav a#theDetails, .sectionPrimaryNav ul li:hover a#theDetails, .sectionPrimaryNav ul li a#theDetails:hover { color:#a60a0a; background-image: url(/images/vehicles/common/pontiac/ovp/sectionPrimaryNavSprite.gif); background-position: 0 -144px; }
.sectionPrimaryNav .navButton, a#buildYoursButton, a#buildYoursButton .navButton { color: #fff; }
.sectionPrimaryNav .navButtonOff { color: #fff !important; } /* needed for javascript */
.sectionPrimaryNav .activeNav .navButton, .sectionPrimaryNav ul li:hover .navButton, .sectionPrimaryNav ul li a:hover .navButton, .sectionPrimaryNav .navButtonOn { color: #000; }
.sectionPrimaryNav ul li.activeNav ul, .sectionPrimaryNav ul li:hover ul, .sectionPrimaryNav ul li a:hover ul { background: transparent; }
.sectionPrimaryNav ul li ul li a:hover, .sectionPrimaryNav #currentNavItem a, .sectionPrimaryNav #currentNavItem ul li a:hover { background:#a60a0a !important; color:#fff !important; }
.sectionPrimaryNav #currentNavItem ul li a { background:transparent !important; color: #000 !important; }

div.overview .sectionPrimaryNav ul li ul { background: #fff url(/images/vehicles/common/pontiac/ovp/overviewSectionPrimaryNavSprite.gif) -130px 0 no-repeat; }
div.overview .sectionPrimaryNav ul li:hover ul, div.overview .sectionPrimaryNav ul li a:hover ul {background: #fff url(/images/vehicles/common/pontiac/ovp/overviewSectionPrimaryNavSprite.gif) -130px 0 no-repeat; }
div.overview .sectionPrimaryNav ul li a#theDesign { background-image: url(/images/vehicles/common/pontiac/ovp/overviewSectionPrimaryNavSprite.gif); background-position: 0 -47px;}
div.overview .sectionPrimaryNav ul li a#theDesign span { background-image: url(/images/vehicles/common/pontiac/ovp/overviewSectionPrimaryNavSprite.gif); background-position: -120px -324px; background-repeat: no-repeat; }
div.overview .sectionPrimaryNav ul li:hover a#theDesign .navButton, div.overview .sectionPrimaryNav ul li a#theDesign:hover .navButton { color:#a60a0a;  }
div.overview .sectionPrimaryNav ul li:hover a#theDesign, div.overview .sectionPrimaryNav ul li a#theDesign:hover { background-image: url(/images/vehicles/common/pontiac/ovp/overviewSectionPrimaryNavSprite.gif); background-position: 0 0; }
div.overview .sectionPrimaryNav ul li a#theDesign.on { color: #a60a0a; background-position: 0 -94px !important; }
div.overview .sectionPrimaryNav ul li a#theDetails  { background-image: url(/images/vehicles/common/pontiac/ovp/overviewSectionPrimaryNavSprite.gif); background-position: 0 -235px;}
div.overview .sectionPrimaryNav ul li:hover a#theDetails, div.overview .sectionPrimaryNav ul li a#theDetails:hover { background-image: url(/images/vehicles/common/pontiac/ovp/overviewSectionPrimaryNavSprite.gif); background-position: 0 -188px; }
div.overview .sectionPrimaryNav ul li:hover a#theDetails .navButton, div.overview .sectionPrimaryNav ul li a#theDetails:hover .navButton { color:#a60a0a; }
div.overview a#buildYoursButton  { background: url(/images/vehicles/common/pontiac/ovp/buildYours.gif) 0 0 no-repeat; }
div.overview a#buildYoursButton:hover { background: url(/images/vehicles/common/pontiac/ovp/buildYours.gif) 0 -43px no-repeat; color: #a60a0a;}
div.overview a#buildYoursButton:hover .navButton { color: #a60a0a;}

#toolsTop{ background: url(/images/vehicles/common/pontiac/ovp/shopToolsTop.gif) 0 0 no-repeat;}
#tools { border-color: #fff; }
#tools dl dt{ color: #999; background: url(/images/vehicles/common/pontiac/ovp/shoppingToolsBg.gif) 0 0 no-repeat; }
#tools li span.toolsHeader { color: #a60a0a; }
#tools li a, #tools dl a { color: #999 }
#tools li a:hover, #tools dl a:hover{ color: #a60a0a; }
#tools li a:hover span.toolsHeader { color: #999; }

#pageTools { height: 27px; overflow: hidden; }
a#pageToolsEmail { background: transparent url(/images/vehicles/common/pontiac/ovp/pageToolsSprite.gif) 0 0 no-repeat; }
a#pageToolsPrint { background: transparent url(/images/vehicles/common/pontiac/ovp/pageToolsSprite.gif) -35px 0 no-repeat; }
a#pageToolsShare { background: transparent url(/images/vehicles/common/pontiac/ovp/pageToolsSprite.gif) -69px 0 no-repeat; }
a:hover#pageToolsEmail { background: transparent url(/images/vehicles/common/pontiac/ovp/pageToolsSprite.gif) 0 -27px no-repeat; }
a:hover#pageToolsPrint { background: transparent url(/images/vehicles/common/pontiac/ovp/pageToolsSprite.gif) -35px -27px no-repeat; }
a:hover#pageToolsShare { background: transparent url(/images/vehicles/common/pontiac/ovp/pageToolsSprite.gif) -69px -27px no-repeat; }

div#designMainContent { background-color: #fff; border-color:#979899; }
div#caption{ background: #747574; color: #fff; }

ul#sectionSecondaryNav li a { background: url(/images/vehicles/common/pontiac/ovp/sectionSecondaryNavSprite.gif) 0 1px no-repeat; }
ul#sectionSecondaryNav li a span { background: url(/images/vehicles/common/pontiac/ovp/sectionSecondaryNavSprite.gif) right -97px no-repeat; color: #fff; }
ul#sectionSecondaryNav li.currentNavItem a, ul#sectionSecondaryNav li#lastContentTab.currentNavItem a, ul#sectionSecondaryNav li.currentNavItem a:hover, ul#sectionSecondaryNav li#lastContentTab.currentNavItem a:hover { background: url(/images/vehicles/common/pontiac/ovp/sectionSecondaryNavSprite.gif) 0 -33px no-repeat; }
ul#sectionSecondaryNav li.currentNavItem a span, ul#sectionSecondaryNav li#lastContentTab.currentNavItem a span, ul#sectionSecondaryNav li.currentNavItem a:hover span, ul#sectionSecondaryNav li#lastContentTab.currentNavItem a:hover span { background: url(/images/vehicles/common/pontiac/ovp/sectionSecondaryNavSprite.gif) right -131px no-repeat; color: #000; }
ul#sectionSecondaryNav li a:hover, ul#sectionSecondaryNav li#lastContentTab a:hover { background: url(/images/vehicles/common/pontiac/ovp/sectionSecondaryNavSprite.gif) right -65px no-repeat; color: #fff; }
ul#sectionSecondaryNav li a:hover span, ul#sectionSecondaryNav li#lastContentTab a:hover span { background: url(/images/vehicles/common/pontiac/ovp/sectionSecondaryNavSprite.gif) right -195px no-repeat; color: #fff; }
ul#sectionSecondaryNav li#lastContentTab a span { background: url(/images/vehicles/common/pontiac/ovp/sectionSecondaryNavSprite.gif) right -162px no-repeat; }

div#galleryCarouselContainer { border-color: #979899; border-bottom: #fff; }
.jcarousel-skin-ovpSkin .jcarousel-item-horizontal a:hover, .jcarousel-skin-ovpSkin .jcarousel-item-horizontal.curPhoto a { border: solid 2px #a60a0a; }

div#adBadges, div#container.design div#adBadges { background: #fff; border-color: #979899; }
div#container div#adBadgesContainer { background: #fff url(/images/vehicles/common/pontiac/ovp/adBadgesTop.gif) 0 0 repeat-x; }
div#container.overview div#adBadgesContainer { background: #fff; }
div#container.overview div#rightCol, div#container.overview div#tkdwnPageBody { background: #fff url(/images/vehicles/common/pontiac/ovp/adBadgesTop.gif) 1px 0 repeat-x; }

div#galleryCarouselContainer, div#container.overview div#contentContainer, div#container.overview div#legal, div#container.design div#legal  { border-color: #979899; }
div#container.details div#rightCol, div#container.highlights div#rightCol { border-color: #d7d8d9; }
div#container.design div#introContainer, div#container.design div#rightCol div#contentContainer { border-color: #979899; }

div#intro a:hover { color: #a60a0a; }

a.button { background: url(/images/vehicles/common/pontiac/ovp/pontiacButton.gif) 0 0 no-repeat; color: #a60a0a; }
a.button span { background: url(/images/vehicles/common/pontiac/ovp/pontiacButton.gif) right -31px no-repeat; }
a.button:hover { background: url(/images/vehicles/common/pontiac/ovp/pontiacButton.gif) 0 -62px no-repeat; color: #fff !important; }
a.button:hover span { background: url(/images/vehicles/common/pontiac/ovp/pontiacButton.gif) right -93px no-repeat; }
#contentContainer a.button { color: #a60a0a; }
#contentContainer a:hover, #legal a:hover, #subModelsAnchors li a:hover, div#galleryCarouselContainer ul#galleryNav li a:hover { color: #a60a0a; }

table#footerContent {color:#333 !important;}
table#footerContent td a {color:#333 !important;}

#optionsSpecsAnchors li a:hover{color:#A60A0A}

div#vokenImage { background: url(/images/vehicles/common/pontiac/ovp/overviewVoken.jpg) no-repeat; height:340px; width:990px; position: relative; top: 60px; display: block; }
a.vokenOpenButton { background: url(/images/vehicles/common/pontiac/ovp/vokenButton.gif) no-repeat; height:85px; width:178px; position: relative; z-index: 110; left: 812px; top: 365px; display: none; }
a.vokenClose { background: url(/images/vehicles/common/pontiac/ovp/vokenClose.gif) 0 0 no-repeat; height:13px; width:13px; position: relative; z-index: 111; top: -220px; left: 900px; display:block;  }
a.vokenClose:hover { background: url(/images/vehicles/common/pontiac/ovp/vokenClose.gif) 0 -13px no-repeat; height:13px; width:13px; position: relative; z-index: 111; top: -220px; left: 900px; display:block;  }
a.vokenFindOutMore { background: url(/images/vehicles/common/pontiac/ovp/vokenFindOutMore.gif) 0 0 no-repeat; height:30px; width:144px; position: relative; z-index: 111; top: 10px; left: 410px; display:block;  }
a.vokenFindOutMore:hover { background: url(/images/vehicles/common/pontiac/ovp/vokenFindOutMore.gif) 0 -30px no-repeat; height:30px; width:144px; position: relative; z-index: 111; top: 10px; left: 410px; display:block;  }
