body {font: 10px/1.2em Arial, Sans-serif; background:#fff url(/images/divisional/buick/bg.jpg) no-repeat center top !important; } a {text-decoration:none} #wrap {width:990px; margin:0 auto;} #broadcast {position:relative; overflow:hidden; height:466px} #flashContent {position:absolute;margin-top:49px;} /*** Vehicle Carousel (Buick-specific) ***/ div#veh-vehicles { background-image:url(/images/divisional/buick/veh-vehicles.gif); padding-top: 9px; border: 1px #d4d8d9 solid; border-top-width: 0; margin-bottom: 10px; } div#veh-cda { top: 13px; color: #424242; background-image: none; } div#veh-cda a { color: #155160; } div#veh-bar { padding: 0; width: 988px; border-bottom: 1px #d4d8d9 solid; margin-bottom: 1px; } div#veh-carousel { width: 988px; border-top-color: #f3f4f6; } div#veh-carousel ul { padding-left:30px; background-color: #f2f3f5; } div#veh-carousel ul li a { padding-top: 100px; background-position: 50% -4px; } div#veh-carousel ul li a:hover, div#veh-carousel ul li a:active { background-position: 50% -8px; } div#veh-carousel ul li a strong { font-size: 16px; line-height: 20px; text-transform: uppercase; } /*** Badges (Buick-specific) ***/ #features ul.badges li#badge1 a span { background-image: url(/images/divisional/buick/features/hover-badges/intellilink-en.jpg); } #features ul.badges li#badge2 a span { background-image: url(/images/divisional/buick/features/hover-badges/buick-2012-regal-en.jpg); } #features ul.badges li#badge3 a span { background-image: url(/images/divisional/buick/features/hover-badges/buick-verano-en.jpg); } #features ul.badges li#badge4 a span { background-image: url(/images/divisional/buick/features/hover-badges/buick-multicultural-en.jpg); } #features.french ul.badges li#badge1 a span { background-image: url(/images/divisional/buick/features/hover-badges/intellilink-fr.jpg); } #features.french ul.badges li#badge2 a span { background-image: url(/images/divisional/buick/features/hover-badges/buick-2012-regal-fr.jpg); } #features.french ul.badges li#badge3 a span { background-image: url(/images/divisional/buick/features/hover-badges/buick-verano-fr.jpg); } #features.french ul.badges li#badge4 a span { background-image: url(/images/divisional/buick/features/hover-badges/buick-multicultural-fr.jpg); } #features ul.badges li a:hover span, #features ul.badges li a:active span { background-image: url(/images/divisional/buick/features/hover-badges/buic-badge-hover.jpg) !important; } #features ul.badges li a:hover span span.link { background-image: url(/images/divisional/buick/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/buick/features/hover-badges/multicultural.gif) !important; } #features div.social p strong { height: 31px; background-image: url(/images/divisional/buick/trending-en.gif); } /* Offers/Features */ #other {zoom:1; width:990px; color:#453a35; background:#ffffff; 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:247px; background:#fff; margin:2px 0 0 0; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff} #offers {height:80px; } #offers dd {font-size:11px; padding:2px 0 2px 7px; margin:0 0 5px 0; font-weight:bold; color:#545454;} #offers dd input {float:left; width:135px; height:18px;} #offers dd a {float:left; display:block; height:24px; margin:-1px 5px; background:url(/images/divisional/buick/btn_go.gif) left no-repeat; text-decoration:none; color:#000} #offers dd a:hover {color:#ffffff; background:url(/images/divisional/buick/btn_go_over.gif) left no-repeat;} #offers dd a span {background:url("/images/divisional/buick/btn_go_bg_right.gif") no-repeat scroll right 0 transparent; display:block; line-height:14px; padding:6px 14px 5px 12px; font-weight:bold;} #offers dd a:hover span{background:url("/images/divisional/buick/btn_go_bg_over_right.gif") no-repeat right 0 transparent;} #tools {height:202px; font-size:13px; border-top:1px solid #fff} #offers dt, #tools dt {font-weight:bold; padding:7px 15px; color:#676a72;} #tools dd {display:block;margin:2px 0;padding:1px 0 1px 7px;background:#fff url(/images/divisional/buick/tools_bg.gif) no-repeat;} #tools a {color:#545454;font-size:11px;font-weight:bold;padding-right:10px;background:#fff url(/images/divisional/buick/tools_bg.gif) no-repeat;} #tools dd a:hover {background-position: -5px -15px; padding-left:10px;color:#000;} /* IE6 FIX */ * #tools dd {_padding:1px 0 2px 7px;} #col dd {margin-left:9px; } #greystripe{ background:#fff url(/images/divisional/buick/tools_bg.gif) no-repeat;} /*** div navigation ***/ /* Logo */ #divNav #divLogo img {height:48px;position:absolute;top:-10px;width:125px;} #divNav #divLogo {width: 130px; height: 41px;} /* width is from divNav divLogo img, height is from divNav */ #divNav #divLogo img { /*background-image: url(/images/divisional/buick/divNavLogo.png); background-repeat:no-repeat;*/ margin:0; } /* IE fix * #divNav #divLogo a,* #divNav #divLogo img { _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/divisional/buick/divNavLogo.png", sizingMethod="crop"); } */ /* main nav */ #divNav {background:#ffffff url(/images/divisional/buick/divNav_bg.jpg) top center no-repeat; height: 69px;} #divNav ul li {width:165px;} #divNav li {padding:5px 10px 5px 10px; margin:25px 0 0 0;} #divNav li ul li{padding:0px 0px 0px 0px;} #divNav li, #divNav li a {color:#545454; font-family: Arial; font-size:13px;} #divNav2 a:hover, #divNav2 ul ul a:hover{background:transparent;color:#000;} #divNav2 :hover > a, #divNav2 ul ul :hover > a {background:transparent;color:#000;} #divNav li ul{left:0px;top:8px;} /* overrides divNav.css */ /*IE 6 Fix*/ * #divNav li ul{_position:relative;} /* overrides divNav.css */ .nav-divider{background:transparent url(/images/divisional/buick/nav_divider.gif) no-repeat;} /* add this class to top navigation
  • to show divider */ /* dropdown menus */ #divNav li ul {background-color: #fff; margin:15px 0px 0px 0px; width:167px;} #divNav li ul a {color:#545454; padding: 7px 0px 7px 14px;width:151px;} #divNav li ul a:hover {color:#000;height:100%;width:151px;} #divNav li ul li {border-width: 1px;border-style: solid; border-color: #000 ; background: transparent; margin:0;} #divNav li ul li:hover {background: transparent;} #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;} #divNav li ul li a:hover, #divNav li ul li#firstItem a:hover {;height:100%;width:151px;} #divNav li ul li.titleItem {border:1px solid #000; color:#545454; padding: 7px 0px 7px 14px; background:none; width:151px;} /* IE fix */ * #divNav li ul li.titleItem{ _padding-left:14px;} #divNav li ul li.titleItem:hover {color:#545454; background:none;width:151px;} /*FOOTER STYLES*/ /* See default styles in div_footer.css */ div#footer { background-image: url(/images/divisional/buick/footer-logo.gif); } div#footer div.content { background-image: url(/images/divisional/buick/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:hover, div#footer div.content div.column a:active { color: #306572; } div#footer div.content div.column ul li { background-image: url(/images/divisional/buick/arrow-blue.gif); } div#footer div.content div.column form button { border: 1px #546f76 solid; border-right-color: #21454d; border-bottom-color: #21454d; background: #306572; background: -webkit-gradient(linear, left top, left bottom, from(#244b55), to(#4591a4)); background: -moz-linear-gradient(top, #244b55 0%, #4591a4 100%); } div#footer div.content div.column form button:hover { color: #306572; } div#footer div.content div.column form button:hover span { background-image: url(/images/divisional/buick/arrow-blue.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 ;} #wrapper_nav {left:0; margin:0 auto; position:fixed;bottom:0px;width:100%; height:34px ;z-index:999;} #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#wrapper_nav div#stickybar{position: relative;width:990px; margin:0 auto;bottom: 0px; height:34px} #stickybar #multiculturalFooter #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} .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;} #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}