body {font: 10px/1.2em Arial, Sans-serif; background:#fff url(/images/divisional/gmc/bg.jpg) no-repeat center top fixed;} a {text-decoration:none;} #wrap {width:990px; margin:0 auto;} #broadcast {position:relative; overflow:hidden; height:420px;} #flashContent {position:absolute;} /*** Vehicle Carousel (GMC-specific) ***/ div#veh-bar button { background-image:url(/images/divisional/gmc/veh-prev-next.gif); } div#veh-vehicles { background-image:url(/images/divisional/gmc/veh-vehicles.gif); } div#veh-cda { color: #424242; background-image:url(/images/divisional/gmc/veh-cda.gif); } div#veh-cda a { color: #e51937; } div#veh-bar { border-bottom: 1px #ccc solid; } div#veh-carousel { border-top-color: #d8d8da; } div#veh-carousel ul li { background-image:url(/images/divisional/gmc/veh-carousel.jpg); } div#veh-carousel ul li a { color: #545454; padding-bottom: 15px; } div#veh-carousel ul li a strong, div#veh-carousel ul li a:hover strong, div#veh-carousel ul li a:active strong { color: #e51937; } div#veh-carousel ul li a:hover, div#veh-carousel ul li a:active { color: #000; } /*** Badges (GMC-specific) ***/ #features ul.badges li#badge1 a span { background-image: url(/images/divisional/gmc/features/hover-badges/gmc-badge-owners-en.jpg); } #features ul.badges li#badge2 a span { background-image: url(/images/divisional/gmc/features/hover-badges/realpeople_en.jpg); } #features ul.badges li#badge3 a span { background-image: url(/images/divisional/gmc/features/hover-badges/gmc-denali-en.jpg); } #features ul.badges li#badge4 a span { background-image: url(/images/divisional/gmc/features/hover-badges/gmc-awards-en.jpg); } #features.french ul.badges li#badge1 a span { background-image: url(/images/divisional/gmc/features/hover-badges/gmc-badge-owners-fr.jpg); } #features.french ul.badges li#badge2 a span { background-image: url(/images/divisional/gmc/features/hover-badges/realpeople_fr.jpg); } #features.french ul.badges li#badge3 a span { background-image: url(/images/divisional/gmc/features/hover-badges/gmc-denali-fr.jpg); } #features.french ul.badges li#badge4 a span { background-image: url(/images/divisional/gmc/features/hover-badges/gmc-awards-fr.jpg); } #features ul.badges li a:hover span, #features ul.badges li a:active span { background-image: url(/images/divisional/gmc/features/hover-badges/gmc-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/gmc/features/hover-badges/arrow-badge.gif) !important; } #features div.social p strong { height: 29px; background-image: url(/images/divisional/gmc/trending-en.gif); } /* Offers/Features */ #other {zoom:1; width:990px; background:#fff; 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; margin:1px 0 0 0; } #offers {background-color:#fff; height:79px; color:#e51937; } #offers dd {font-size:11px; padding:4px 0;color:#545454; } #offers dd input {float:left; width:100px;color:#545454;} #offers dd a {color:#000; float:left; display:block; margin:0 10px; background:url(/images/divisional/gmc/btn_bg_left.gif) left no-repeat; } #offers dd a:hover {color:#fff;} #offers dd a span { display:block; line-height:14px; padding:5px 20px 5px 9px; background:url(/images/divisional/gmc/btn_bg_right.gif) right no-repeat; font-weight:bold;} #offers dd a span:hover {color:#fff;} #tools {background-color:#fff;height:204px; color:#e51937;} #offers dt, #tools dt {font-weight:bold; font-size:13px; padding:12px 15px 5px 15px;} #tools dt {padding-top:20px;} #tools dd {display:block; margin:10px 0;} #tools a { color:#545454; font-size:11px; font-weight:bold; line-height:14px;} #tools dd a:hover {color:#e51937;} #col dd {margin-left:15px;} #feattabs {position:relative; top:0px; z-index:100; background-color:#a9aaaa;} #feattabs li {display:inline; line-height:36px; padding:9px 20px; border-right:1px solid #fff; margin-left:5px; font-weight:bold;} #feattabs li.on {border-bottom:1px solid #2c2c31; } #feattabs li a.on {color:#000;} #feattabs li a {color:#fff; padding-bottom:5px; _padding-bottom:0px;} #feattabs li a:hover {color:#000;} #feattabs li.sub {padding:9px 5px; margin-left:0px; border-left: 0px; font-weight:normal;} #feattabs #first {margin-left:0;} #featContent {position:relative; width:740px; height:250px; top:-2px; background:#2c2c31; border:1px solid #fff; z-index:200;} #featContent div.content {width:740px; display:none; background-color:#fff;} #featContent div#highlights div.content {display:block;} #featContent .disabled, .disabled {color:#fff!important;} #featContent .content table {margin:0 10px 0 15px;} #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:#545454; margin: 5px 0 15px 0; font-size:18px; font-weight:bold;} #featContent .content td h4 {font-size:14px; font-weight:bold;} #featContent .content td p {line-height:1.5em; font-size:13px; color:#545454; font-family: Arial;} #featContent .content a {color:#000; font-weight:bold; } #featContent .content a.link {float:left; display:block; padding:1px 0;background:url(/images/divisional/gmc/btn_bg_left.gif) left no-repeat ; text-decoration:none; } #featContent .content a.link span { display:block; line-height:14px; padding: 13px 10px 5px 10px; background:url(/images/divisional/gmc/btn_bg_right_no_arrows.gif) right no-repeat; height:23px; _width:130px;/*ie6 hack*/} #featContent .content a.link:hover {color:#fff;} #ft_prev, #ft_next {position:absolute; top:100px; font-size:40px; z-index:100; cursor:pointer; color:#f1f1f1; opacity:.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;} /* Logo */ #divNav #divLogo img {width: 139px; height: 60px; position: absolute;} #divNav #divLogo {width: 150px; height: 60px;} /* width is from divNav divLogo img, height is from divNav */ /* main nav */ #divNav {background: url(/images/divisional/gmc/divNavBkgd_OVP.gif) no-repeat;} /* main nav */ #divNav {background-color:#fff;height:60px; border-bottom:1px solid #545454;} #divNav li {padding:30px 9px 14px 0px;} #divNav li ul li{padding:0px 0px 0px 0px;} #divNav li, #divNav li a {color:#545454;font-weight:bold; font-family: Arial; font-size:12px;} #divNav2 a:hover, #divNav2 ul ul a:hover{background:transparent;color:#e51937;} #divNav2 :hover > a, #divNav2 ul ul :hover > a {background:transparent;color:#e51937;} #divNav li ul{left:0px;top:6px;_top:5px;} /* overrides divNav.css */ /* dropdown menus */ #divNav li ul {border-top:1px solid #a9aaaa;border-left:1px solid #a9aaaa; border-right:1px solid #a9aaaa; background: url(/images/divisional/gmc/divNavBkgd.gif) repeat-x; margin:50px 0px 0px 0px; width:147px; /*ie6 fix*/_margin:37px 0px 0px 0px;} #divNav li ul a {color:#545454; padding: 7px 0px 7px 14px;width:131px;} #divNav li ul a:hover {color:#e51937;height:100%;width:131px;} #divNav li ul li {border-bottom:1px solid #a9aaaa; background: transparent;} #divNav li ul li a:hover, #divNav li ul li#firstItem a:hover {height:100%;width:131px;} #divNav li ul li.titleItem { padding: 10px 0 10px 7px; width: 137px; } #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;} /*** END DIV NAVIGATION ***/ /*FOOTER STYLES*/ /* See default styles in div_footer.css */ div#footer { padding-top: 55px; background-image: url(/images/divisional/gmc/footer-logo.gif); } div#footer div.content { background-image: url(/images/divisional/gmc/footer-content.gif); } div#footer div.content div.column { width: 147px; padding-top: 28px; margin: 0; background-image: url(/images/divisional/gmc/footer-column.gif); } div#footer div.content div.even { background-image: url(/images/divisional/gmc/footer-column-even.gif); } div#footer div.content div.column a:hover, div#footer div.content div.column a:active { color: #af1b26; } div#footer div.content div.column ul li { background-image: url(/images/divisional/gmc/arrow-red.gif); } div#footer div.content div.column form button { border: 1px #ae494f solid; border-right-color: #7e141d; border-bottom-color: #7e141d; background: #af1b26; background: -webkit-gradient(linear, left top, left bottom, from(#9b141c), to(#d32737)); background: -moz-linear-gradient(top, #9b141c 0%, #d32737 100%); } div#footer div.content div.column form button:hover { color: #af1b26; } div#footer div.content div.column form button:hover span { background-image: url(/images/divisional/gmc/arrow-red.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 ;} /* 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;}