body {font: 10px/1.2em Arial, Sans-serif; background:#f3f3f3} a {text-decoration:none} #wrap {width:990px; margin:0 auto; } #broadcast {position:relative; overflow:hidden; width:990px; height:500px;} #flashContent {position:absolute;margin-top:80px;} #other {background:#f3f3f3;} /*** Vehicle Carousel (Chevrolet-specific) ***/ div#veh-bar button { background-image:url(/images/divisional/chevrolet/veh-prev-next.gif); } div#veh-vehicles { background-image:url(/images/divisional/chevrolet/veh-vehicles.gif); } div#veh-cda { background-image:url(/images/divisional/chevrolet/veh-cda.gif); } div#veh-cda a { color: #fff; } div#veh-carousel ul li { background-image:url(/images/divisional/chevrolet/veh-carousel.jpg); } /*** Badges (Chevrolet-specific) ***/ #features ul.badges li#badge1 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/chev-multicultural-en.jpg); } #features ul.badges li#badge2 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/div_feat_orla_en.jpg); } #features ul.badges li#badge3 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/chev-hockey-helmet-en.jpg); } #features ul.badges li#badge4 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/chev-silverado-hd-en.jpg); } #features.french ul.badges li#badge1 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/chev-multicultural-fr.jpg); } #features.french ul.badges li#badge2 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/div_feat_orla_fr.jpg); } #features.french ul.badges li#badge3 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/chev-hockey-helmet-fr.jpg); } #features.french ul.badges li#badge4 a span { background-image: url(/images/divisional/chevrolet/features/hover-badges/chev-silverado-hd-fr.jpg); } #features ul.badges li a:hover span, #features ul.badges li a:active span { background-image: url(/images/divisional/chevrolet/features/hover-badges/chev-badge-hover.jpg) !important; } #features ul.badges li a:hover span span.link { background-image: url(/images/divisional/chevrolet/features/hover-badges/arrow-badge.gif) !important; } #features ul.badges li.multicultural a:hover span span.link { width: 116px !important; height: 48px !important; background-image: url(/images/divisional/chevrolet/features/hover-badges/multicultural.gif) !important; } #features div.social p strong { height: 27px; background-image: url(/images/divisional/chevrolet/trending-en.gif); } #features div.french p strong { height: 31px; background-image: url(/images/divisional/chevrolet/trending-fr.gif); } /* Other */ #other {zoom:1; width:990px; background:#f3f3f3; font-size:12px;} #other:after { content: "."; display: block; position: relative; height: 0; clear: both; visibility: hidden; } #other #features {float:right;} #other #col {float:left; width:234px; background:#f3f3f3; margin:2px 3px 0 0; } /*** Tools & Offers ***/ #offers dd input {float:left; width:94px;color:#666;} #offers a.btnGo { width: 84px; height: 17px; background: url(/images/divisional/chevrolet/btn_bg.gif) no-repeat; font-weight:bold; color: #676a72; padding-left:10px; padding-top:5px; float: left;} #offers a.btnGo:hover { background: url(/images/divisional/chevrolet/btn_bg.gif) no-repeat 0 -22px;} #tools , #offers{ font-size:12px; border-color: #f3f3f3; margin-bottom:15px;} #offers dt, #tools dt {font-weight:bold; line-height:34px; padding:0px 15px; color: #676a72;} #offers dd { font-weight:bold; color:#676a72; margin-right:20px; font-size:11px } #tools a {display:block; font-weight:bold; color:#676a72; margin-right:20px; font-size:11px} #tools dd a:hover {color:#F9AB2D } #col dd {margin-left:5px} #tools li span.toolsHeader { color: #f1ab1a; } #tools dd, #offers dd { margin-bottom: 4px; padding: 4px 0 4px 10px; height:12px; display:block;} #tools dd.listItem, #offers dd.listItem { background: url(/images/vehicles/common/chevrolet/ovp/toolsItem.gif) 0 0 repeat-y; } #tools li a, #tools dl a, #offers li a, #offers dl a { color: #676a72; } #tools li a:hover, #tools dl a:hover, #offers li a:hover, #offers dl a:hover { color: #f1ab1a; } #tools li a:hover span.toolsHeader, #offers li a:hover span.toolsheader{ color: #676a72; } /*** DIV NAVIGATION ***/ /* Logo */ #divNav #divLogo img {width: 245px; height: 52px; position: absolute;} #divNav #divLogo {width: 15px; height: 52px; position: absolute; margin: 0; } /* width is from divNav divLogo img, height is from divNav */ /* main nav */ #divNav {background: url(/images/vehicles/common/chevrolet/ovp/divNav.png) no-repeat;} #divNav {_background: url(/images/vehicles/common/chevrolet/ovp/divNav-or8.png) no-repeat;} /* serve IE6 png8 */ #divNav {background-color:transparent;} div#vehicleTopNavWrapper {height:80px; } #divNav { height: 115px;} #divNav li {padding:0 9px 0 0; margin: 73px 0 0;} #divNav li ul { padding: 0; margin: -44px 0 0 !important; } #divNav li ul li{padding: 0; margin: 0;} #divNav li, #divNav li a {color:#E6E6E6;font-weight:bold; font-family: Arial; font-size:12px;} #divNav2 a:hover, #divNav2 ul ul a:hover{background:transparent;color:#f93;} #divNav2 :hover > a, #divNav2 ul ul :hover > a {background:transparent;color:#f93;} #divNav li ul{left:0px;top:56px;} /* overrides divNav.css */ /* dropdown menus */ #divNav li ul {background: #2f2f2f url('/images/divisional/chevrolet/divNavBkgd.gif') repeat-x; margin:30px 0 0 0; width:166px;} #divNav li ul li {xpadding: 7px 0;} #divNav li ul a {color:#E6E6E6; padding: 7px 0 7px 8px;width:150px;} #divNav li ul .titleItem {color:#e6e6e6; padding: 7px 0 7px 14px;width:150px;} #divNav li ul a:hover {color:#f93;height:100%;width:150px;} #divNav li ul li a:hover, #divNav li ul li a {border-width: 1px;border-style: solid; border-color: #444 #292929 #000 #292929;} #divNav li ul li.firstItem {border-color: #000 #292929 #000 #292929;} #divNav li ul li a:hover, #divNav li ul li#firstItem a:hover {background: #292929 url('/images/divisional/chevrolet/divNavHover.gif') no-repeat center right;height:100%;width:156px;} #divNav li ul li.upcoming-vehicles a:link, #divNav li ul li.upcoming-vehicles a:visited{color: #fff; background: none;} #divNav li ul li.upcoming-vehicles a:hover, #divNav li ul li.upcoming-vehicles a:active{color: #999; background: none;} /*FOOTER STYLES*/ /* See default styles in div_footer.css */ div#footer { background-image: url(/images/divisional/chevrolet/footer-logo.gif); } div#footer div.content div.column a:hover, div#footer div.content div.column a:active { color: #eca00d; } div#footer div.content div.column ul li { background-image: url(/images/divisional/chevrolet/arrow-yellow.gif); } /*************************************************** * Social Navigation and Live Chat Agent Sticky bar ***************************************************/ * html #wrap {position: relative;}/*IE6 Sticky Nav positioning fix*/ * html div#wrapper_nav { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} /*IE6 position:fixed fix*/ #multiculturalFooter {position: absolute; width:990px; height:32px; left:0; bottom:0; margin:0 auto; -moz-border-radius: 6px 6px 0 0; border: 1px solid #6c6d6f; background:#bcbec0; border-radius: 6px 6px 0 0;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;box-shadow: 0 0 .5em rgba(0, 0, 0, 0.6);box-shadow:2px;} #close_Nav{float:right; cursor: pointer; margin-right:5px;margin-top:3px;width:20px; height:26px;background-image:url(/images/common/controller_on.gif);} #close_Nav:hover {background-position:0px bottom;} .stickybar-open,.stickybar-close { height: 16px;width: 18px;cursor: pointer;float:left;bottom: 0;background-image:url(/images/common/collapse.gif); margin:2px 2px; margin-top:8px;} .stickybar-open {width: 18px;height: 14px;background-image:url(/images/common/expand.gif);float:left;margin:8px 8px;} #wrapper_nav {position:fixed;bottom:0px;left:0; width:100%; height:34px; z-index:999;} div#wrapper_nav div#stickybar{position: relative;width:990px; margin:0 auto;bottom: 0px; height:34px} #multiculturalFooter {position: absolute; width:990px; bottom:0; height:32px; margin:0 auto; -moz-border-radius: 6px 6px 0 0; border: 1px solid #6c6d6f; background:#bcbec0; border-radius: 6px 6px 0 0; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; box-shadow: 0 0 .5em rgba(0, 0, 0, 0.6); box-shadow:2px ;} /* tooltip styling */ .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } #close_Nav {float:right; cursor: pointer; margin-right:5px;margin-top:3px;width:20px; height:26px;background-image:url(/images/common/controller_on.gif);} #close_Nav:hover {background-position:0px bottom;} div#stickybar div#multiculturalFooter #chatFooter {float:right; cursor: pointer; margin-right:10px;width:166px; height:24px;position:relative; margin-top:2px;} div#stickybar div#multiculturalFooter div#chatFooter a.chatButton {display:block; float:right;width:110px; height:24px;background-image:url(/images/common/livechat.gif) !important;} div#stickybar div#multiculturalFooter div#chatFooter a.chatButton_fr {display:block; width:166px; height:24px;background-image:url(/images/common/livechat_fr.gif);} div#stickybar div#multiculturalFooter div#chatFooter a:hover {background-position:0px bottom} div#stickybar div#multiculturalFooter div#SocialBar{float:left; width:100px; height:16px; margin-top:8px;margin-left:10px; position:relative;} div#stickybar div#multiculturalFooter div#SocialBar ul.social li#social_facebook { margin-right:.5em;width:16px;height:16px; background-image:url(/images/home/2011/icon-facebook.gif);} div#stickybar div#multiculturalFooter div#SocialBar ul.social li#social_twitter { margin-right:.5em;width:16px;height:16px; background-image:url(/images/home/2011/icon-twitter.gif);} div#stickybar div#multiculturalFooter div#SocialBar ul.social li#social_youtube {margin-right:.5em;width:16px;height:16px; background-image:url(/images/home/2011/icon-youtube.gif);} #multiculturalFooter #SocialBar a {display:block; width:16px; height:16px; margin-top:0px} #multiculturalFooter #SocialBar a:hover {background-position:0px bottom} #MulticulturalWrapper{width:250px;height:34; float:left; margin-left:20px;} #stickybar #multiculturalFooter li {float:left !important;} #stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav li {padding-top:6px !important;} #stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .cantonese a {background:url(/images/common/multicultural_btns_lang_01.gif) no-repeat 0 0; width:65px} #stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .mandarin a {background:url(/images/common/multicultural_btns_lang_02.gif) no-repeat 0 0; width:70px} #stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .punjabi a {background:url(/images/common/multicultural_btns_lang_03.gif) no-repeat 0 0; width:56px} #stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .tamil a {background:url(/images/common/multicultural_btns_lang_04.gif) no-repeat 0 0; width:58px } #stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav a {display:block; width:73px; height:20px; margin-bottom:4px;} #stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav a:hover {background-position:0px bottom} #stickybar #multiculturalFooter .close {position:fixed; bottom:0; left:0; height:17px; background:url(/images/common/chat_close.gif) no-repeat 0px 4px; text-decoration:none; color:#000; font-size:12px; font-family:Arial; padding:0 0 0 13px;margin: 0 0 0 8px } #stickybar #multiculturalFooter .close:hover {background-position:0 4px}