body {font: 10px/1.2em Arial, Sans-serif; background:#000} a {text-decoration:none} #wrap {width:990px; margin:0 auto; } #broadcast {position:relative; height:480px;} #flashContent {position:absolute;} /*** Vehicle Carousel (Cadillac-specific) ***/ div#veh-bar button { background-image:url(/images/divisional/cadillac/veh-prev-next.gif); } div#veh-vehicles { padding-top: 7px; background-image:url(/images/divisional/cadillac/veh-vehicles.gif); } div#veh-cda { width: 930px; height: 17px; line-height: 17px; margin: 0 30px; top: 7px; padding-bottom: 3px; color: #b9b9b9; background-color: #1d1d1d; background-image: none; border-bottom: 10px #272727 solid; } div#veh-cda a { color: #e2e2e2; } div#veh-bar { border-bottom: 4px #181818 solid; } div#veh-carousel { border-top-color: #282828; } div#veh-carousel ul { background-color: #0d0d0d; } div#veh-carousel ul li { background-position: 0 10px; background-image:url(/images/divisional/cadillac/veh-carousel.jpg); } div#veh-carousel ul li a { color: #696969; font-weight: normal; background-position: 50% 10px; } div#veh-carousel ul li a:hover, div#veh-carousel ul li a:active { background-position: 50% 6px; } div#veh-carousel ul li a strong { font-weight: bold; color: #bba988; } div#veh-carousel ul li a:hover, div#veh-carousel ul li a:active { color: #999; } div#veh-carousel ul li a:hover strong, div#veh-carousel ul li a:active strong { color: #eedcbb; } /*** Badges (Chevrolet-specific) ***/ #features ul.badges li#badge1 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-racing-en.jpg); } #features ul.badges li#badge2 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-xts-en.jpg); } #features ul.badges li#badge3 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-makemove-en.jpg); } #features ul.badges li#badge4 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-awards-en.jpg); } #features.french ul.badges li#badge1 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-racing-fr.jpg); } #features.french ul.badges li#badge2 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-xts-fr.jpg); } #features.french ul.badges li#badge3 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-makemove-fr.jpg); } #features.french ul.badges li#badge4 a span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadillac-awards-fr.jpg); } #features ul.badges li a:hover span, #features ul.badges li a:active span { background-image: url(/images/divisional/cadillac/features/hover-badges/cadi-badge-hover.jpg) !important; } #features ul.badges li a:hover span span.link, #features ul.badges li a:hover span span.link { background-image: url(/images/divisional/cadillac/features/hover-badges/arrow-badge.gif) !important; } #features ul.badges li a { background-color: #2a2a2a; border-color: #2a2a2a; } #features div.social p strong { height: 31px; background-image: url(/images/divisional/cadillac/trending-en.gif); } /* Offers/Features */ #other {zoom:1;width:990px; color:#666; background:black; font-size:13px;} #other:after { content: "."; display: block; position: relative; height: 0; clear: both; visibility: hidden; } #other #features {float:right; } #other #col {float:left; width:242px; background:black; margin:0px 3px 0 0; } #offers, #tools {float:left; width:242px; padding-bottom:10px; background:url(/images/divisional/cadillac/bg_tools.gif) bottom no-repeat;} #tools {margin-right:-3px/*IE6 duplicate chars bug*/} #offers { margin-top: 10px;background:url(/images/divisional/cadillac/bg_offers.gif) bottom no-repeat;} #offers dd {font-size:11px; padding:4px 0} #offers dd input {float:left; width:150px; padding:5px; background-color:#4f4f4f; border:none; color:white; font-size:11px} #offers dd a {float:left; display:block; margin:0 10px; background:url(/images/divisional/cadillac/btn_bg_left.gif) left no-repeat; text-decoration:none; color:#c2c2c2 } #offers dd a:hover {color:#fff} #offers dd a span {display:block; padding:5px 10px; background:url(/images/divisional/cadillac/btn_bg_right.gif) right no-repeat; font-weight:bold} #offers dt, #tools dt {font-weight:bold; padding:7px 15px; color:#c2c2c2; font-size:13px;} #tools {margin-top:7px;} #tools a {display:block; font-weight:bold; color:#6d6d6d; margin-right:20px; line-height:25px; font-size:13px;} #tools dd a:hover {color:#c2c2c2 ;} #col dd {margin-left:15px} #feattabs {position:relative; top:1px;} #feattabs li {display:inline; line-height:31px; padding:9px 31px; background:url(/images/divisional/cadillac/tab_bg.gif) repeat-x; font-size:14px} #feattabs li.on {background:#1c1c1c} #feattabs li a.on {color:#c2c2c2; } #feattabs li a {color:#868585; font-weight:bold;padding-bottom:5px; _padding-bottom:0px} #feattabs li a:hover {color:#c2c2c2;} #feattabs li.sub {padding:10px 10px; margin-left:0px; border-left:1px solid #333; font-size:12px} #feattabs #first {margin-left:0} #featContent {position:relative; width:740px; height:250px; background:transparent url(/images/divisional/cadillac/bg_feat_content.jpg) no-repeat; font-size:11px} #featContent div.content {width:740px; display:none} #featContent div#highlights div.content {display:block} #featContent .disabled, .disabled {color:#333!important; } #featContent .content table {margin:0 15px; color:white;} #featContent .content td {padding:25px 18px 10px 18px; vertical-align:top;} #featContent .content td img {margin-bottom:10px} #featContent .content td h3, #featContent .content td h4 {color:#ea9f31; margin: 0 0 10px 0; font-size:18px; line-height:18px} #featContent .content td h4 {font-size:14px; font-weight:bold} #featContent .content td p {line-height:1.5em; margin-bottom:10px} #featContent .content a {color:#b6a78d; font-weight:bold; } #featContent .content a.link {background:url(/images/divisional/cadillac/btn_circ_arrow_right.gif) center right no-repeat; padding:5px 25px 5px 0px } #featContent .content a.link:hover {text-decoration:underline} #ft_prev, #ft_next {position:absolute; top:100px; font-size:40px; z-index:100; cursor:pointer; color:#f1f1f1; opacity:0.35 } #ft_prev.disabled, #ft_next.disabled {visibility:hidden} #ft_prev {left:10px; background:url(/images/divisional/gmc/big_arrow.gif) 0 0 no-repeat;} #ft_next {right:10px; background:url(/images/divisional/gmc/big_arrow.gif) -72px 0 no-repeat;} #ft_prev:hover {left:10px; background:url(/images/divisional/gmc/big_arrow.gif) -22px 0 no-repeat;} #ft_next:hover {right:10px; background:url(/images/divisional/gmc/big_arrow.gif) -50px 0 no-repeat;} /*** div navigation ***/ /*** DIV NAVIGATION ***/ /* Logo */ #divNav #divLogo img {width: 210px; height: 60px; position: absolute;} #divNav #divLogo {width: 230px; height: 60px;} #divNavContainer {height:60px;} /* main nav */ #divNav {background: url(/images/divisional/cadillac/divNavBkgd_OVP_new.gif) no-repeat;} #vehicleTopNavWrapper, #divNav {height:60px;} #divNav li {padding:40px 16px 8px 0px;} #divNav li ul li{padding:0px 0px 0px 0px;} #divNav li, #divNav li a {color:#706f6f;font-weight:bold; font-family: Arial; font-size:12px} #divNav2 a:hover, #divNav2 ul ul a:hover{background:transparent;color:#c2c2c2;} #divNav2 :hover > a, #divNav2 ul ul :hover > a {background:transparent;color:#c2c2c2;} #divNav li ul{left:0px;top:23px;} /* overrides divNav.css */ /* dropdown menus */ #divNav li ul {background: #2f2f2f url('/images/divisional/cadillac/divSubnavBkgd.gif') repeat-x; margin-top:30px; padding-bottom: 10px;width:110px;} #divNav li ul a {color:#a9a9a9;border-top: 1px solid #494949; border-bottom: 1px solid #0d0d0d; width:80px;padding-top:7px;padding-bottom:7px;margin-left:10px;} #divNav li ul a:hover {color:#ddcbaa;} #divNav li ul li {width: 110px; background: transparent url(/images/divisional/cadillac/divSubnavHover.gif) no-repeat 90% 50%;} #divNav li ul li:hover {width: 110px; background: transparent url(/images/divisional/cadillac/divSubnavHover2.gif) no-repeat 90% 50%;} #divNav li ul li.firstItem a {border-top: 0px none #494949; border-bottom: 1px solid #0d0d0d; width:90px;padding-top:7px;margin-left:10px;} #divNav li ul li.lastItem a {border-top: 1px solid #494949; border-bottom: 0px none #0d0d0d; width:90px;padding-top:7px;margin-left:10px;} /*** END DIV NAVIGATION ***/ #divNav li ul li.titleItem {border-bottom:1px solid #0D0D0D; border-top:1px solid #494949; color:#A9A9A9; margin-left:10px; padding-bottom:7px; padding-top:7px; background:none; width:90px;} /* IE fix */ * #divNav li ul li.titleItem { _margin-left:5px; } #divNav li ul li.titleItem:hover {color:#A9A9A9; background:none;width:90px;} /*FOOTER STYLES*/ /* See default styles in div_footer.css */ div#footer { background-image: url(/images/divisional/cadillac/footer-logo.gif); } div#footer div.content { background-image: url(/images/divisional/cadillac/footer-content.gif); } div#footer div.content div.column { padding-top: 12px; background-image: none; } div#footer div.content div.even { background-image: none; } div#footer div.content div.column a { color: #6d6d6d; } div#footer div.content div.column h3, div#footer div.content div.column strong, div#footer div.content div.column h3 a { color: #838383; } div#footer div.content div.column a:hover, div#footer div.content div.column a:active { color: #75664c; } div#footer div.content div.column ul li { background-image: url(/images/divisional/cadillac/arrow-gold.gif); } div#footer div.content div.column form { background-image: url(/images/divisional/cadillac/powered_by_google.gif); } div#footer div.content div.column form button { color: #d2d2d2; border: 1px #838383 solid; border-right-color: #444343; border-bottom-color: #444343; background: #4a4a4a; background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#5e5e5e)); background: -moz-linear-gradient(top, #303030 0%, #5e5e5e 100%); } div#footer div.content div.column form button:hover { color: #75664c; } div#footer div.content div.column form button:hover span { background-image: url(/images/divisional/cadillac/arrow-gold.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; 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 ;} #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;} #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;} 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;}