/* Buick Colours baby blue #000 (used to be #47A5DC) light blue #E6EBF0 light grey #ABB6C0 dark grey #5E6167 */ /* Override default oc.css (mostly for images and colours) */ #divNavContainer {position:relative; height:59px; line-height:100% !important; z-index:15; background:white url(/images/owner_centre/common/buick/bg_header.jpg) no-repeat;} #divNav {background:none !important; height:20px} #divNav2 {position:absolute; top:24px; left:150px; width:800px} #divNav li {padding: 0 9px 14px 0;} #divNav li, #divNav li a {color:#5E6167} #divNav li ul {margin:-10px 0 0 0;} div#nameplateNav {height:32px;background: white url(/images/owner_centre/common/buick/bg_navbar.gif) 0 -10px repeat-x} div#nameplateNav li a {color:white } div#nameplateNav li.selected a {font-weight:bold;color:#000;} #ocDrawer {} /* override backgrounds */ body {background: white url(/images/owner_centre/common/buick/bg.jpg) center top no-repeat; color:#5e6167; font-size:12px; } h1 {color:#5E6167;} h2 {color:#5e6167;} h3 {color:#5e6167;} h4, .hd h5 {color:#5e6167;} .read-more a, .ft-content a, .pds-links a {background-image:url(/images/owner_centre/common/buick/bullets.gif)} a.pdf-text {background-image:url(/images/owner_centre/common/buick/bg_misc_header_imgs.gif)} a:link:hover, a:visited:hover, .selected a , .moreQuestions a:link, .moreQuestions a:visited {color:#000 !important;} /*.content-wrapper a:link, .content-wrapper a:visited, div#bx_upcoming a:link, div#bx_upcoming a:visited {color:#5E6167;}*/ .content-wrapper a:link, .content-wrapper a:visited, div#bx_upcoming a:link, div#bx_upcoming a:visited {color:#24549C;} .intro a:link, .intro a:visited ,.content a:link, .content a:visited , .ui-accordion-content a:link, .ui-accordion-content a:visited , .faq_more a:link, .faq_more a:visited, .content-wrapper p a:link, .content-wrapper p a:visited , .content-wrapper ul a:link, .content-wrapper ul a:visited {color:#24549C} .intro a:link:hover, .intro a:visited:hover,.content a:link:hover, .content a:visited:hover, .ui-accordion-content a:link:hover, .ui-accordion-content a:visited:hover, .moreQuestions a:link:hover, .moreQuestions a:visited:hover {color:#bcbcbc !important} /* Buttons (incl. polldaddy button, and current offers widget overrides ) */ a.btn, a.pds-vote-button, a.noArrButton {background-image:url(/images/owner_centre/common/buick/bg_btn_right.gif); padding:0 10px 0 0; margin:3px 7px 3px 0; color:white !important} a.btn span, a.pds-vote-button span, a.noArrButton span {background-image:url(/images/owner_centre/common/buick/bg_btn_left.gif); padding:5px 0px 5px 16px /* adj left/right padding per brand*/} a.btn:hover, a.pds-vote-button:hover, a.noArrButton:hover {color:white !important} .btn_large {background-image: url(/images/owner_centre/common/buick/bg_btn_large_fixed.gif)} /* General Page Layout --------------------------------------------- */ #console {background-image: url(/images/owner_centre/common/buick/bg_console_top.gif); background-position:-1px 0} #contentOuterFrame {background-position:0 0; background-image:url(/images/owner_centre/common/buick/bg_main_console.gif)} #ocBanner { background-image: url(/images/owner_centre/common/buick/bg_banner.gif); } #ocBanner #my_vehicle h4 { background-image:url(/images/owner_centre/common/buick/bg_misc_header_imgs.gif); color:#000 } #footerWrap { background-color:#eaebed; background-image: url(/images/owner_centre/common/buick/footer_bg.gif); padding-top:0 } /* Vehicle Tools Drawer --------------------------------------------- */ #ocDrawer #btn_drawer {background-image: url(/images/owner_centre/common/buick/btn_tools_drawer_all.gif)} /* General Content Containers (both wide and console, collaspible and static) --------------------------------------------- */ div.box, div.box_static {background-image: url("/images/owner_centre/common/buick/bg_box_all_left.gif")} div.box .header, div.box_static .header {background-image: url("/images/owner_centre/common/buick/bg_box_all_right.gif"); } div.box .header h3, div.box_static .header h3 { color:#5E6167; background-image: url("/images/owner_centre/common/buick/bg_box_all_left.gif")} div.box .end, div.box_static .end { background-image: url("/images/owner_centre/common/buick/bg_box_all_right.gif")} /* Open box hovers */ div.box .header.hover {background-image: url("/images/owner_centre/common/buick/bg_box_all_right.gif")} div.box .header.hover h3 {background-image: url("/images/owner_centre/common/buick/bg_box_all_left.gif")} /* Closed box */ div.box.closed .header {background-image: url("/images/owner_centre/common/buick/bg_box_all_right.gif")} div.box.closed .header h3 {background-image: url("/images/owner_centre/common/buick/bg_box_all_left.gif")} /* Closed box hovers */ div.box.closed .header.hover {background-image: url("/images/owner_centre/common/buick/bg_box_all_right.gif")} div.box.closed .header.hover h3 {background-image: url("/images/owner_centre/common/buick/bg_box_all_left.gif")} /*handle special box end caps on Homepage*/ #bx_apps, #bx_apps .end {background-image: url("/images/owner_centre/common/buick/bg_box_apps_bot.gif")} #bx_connect, #bx_connect .end {background-image: url("/images/owner_centre/common/buick/bg_box_conn_bot.gif")} #bx_whats_new, #bx_whats_new .end {background-image: url("/images/owner_centre/common/buick/bg_box_wnew_bot.gif")} /* Landing Page --------------------------------------------- */ #content-home {background-image:url("/images/owner_centre/common/chevrolet/bg_home_bot.gif"); background-color: #eaebed } #content-home.content-wrapper div.box .header h3, #content-home.content-wrapper div.box_static .header h3 {color:#5E6167} #slider li div.slide {position:relative; width:235px; left:0px; bottom:0; padding:10px 0 0 20px; vertical-align:bottom; height:225px; display:table-cell;} #slider li div h2, #slider li div p, #slider li div a{font-family:Trebuchet MS, sans-serif;} #slider li div h2{text-transform:uppercase; font-size:23px; font-weight:normal;} #slider li div.slide a {font-size:16px; color:#fff} /* #slider li div.slide a:hover {color:#C0C0C0 !important} */ #slider li div.slide a:hover {color:#000 !important} /* Main Slider Text Labels */ #controls {background: url("/images/owner_centre/common/buick/bg_controls.gif") repeat scroll 0 0 transparent;} #controls li.current a, #controls li a:link:hover, #controls li a:visited:hover {font-weight:bold; color:#000 !important} #controls li a {border-right: 1px solid #4b4b4b; color: #4b4b4b !important;} /* Featured CTAs */ #feature_ctas {} #feature_ctas .cta {background-image: url("/images/owner_centre/common/buick/bg_feat_cta.gif")} /* Apps Box */ #bx_apps .content {width:698px; position:relative; height:380px; padding:0; background-color:#FFF} #bx_apps .tabs {float:left; list-style:none; padding:0 14px 0 0; margin:0 0px; height:40px; *width:650px/*IE6&7*/;} #bx_apps .tabs li {float:right; position:relative; margin-left:-20px;background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) right top no-repeat; } #bx_apps .tabs li.first, #bx_apps .tabs li.first_on {margin-left:10px; *margin-left:0px;/*IE6&7*/ } #bx_apps .tabs li a {display:block; padding: 7px 45px 8px 60px; margin:0 20px 0 0; font-weight:bold; color:#5E6167} #bx_apps .tabs li a:hover, #bx_apps .tabs li.on a {color:#000 !important} #bx_apps .tabs li.on a{background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) left -140px no-repeat;} #bx_apps .tabs li.first a {background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) left -70px no-repeat;} #bx_aaps .tabs li.on a, #bx_aaps .tabs li.last_on a {background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) left -140px no-repeat; color:#000 !important} #bx_apps .tabs li.first_on a {background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) left -210px no-repeat; color:#000 !important} #bx_apps .tabs li.last_on {z-index:5; background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) right -175px no-repeat; color:#000 !important} #bx_apps .tabs li.last_on a{background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) left -140px no-repeat; color:#000 !important} #bx_apps .tabs li.last {background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) right -35px no-repeat;} #bx_apps .tabs li.on, #bx_apps .tabs li.first_on {z-index:5; background: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) right -105px no-repeat;} .app_popup a.btn{margin: 3px 0 3px 0 !important; padding:0 8px 0 0 !important;} /* Apps Slider Buttons */ #prevApps a { background-image:url(/images/owner_centre/common/buick/bg_slider_arrows.gif) } #nextApps a { background-image:url(/images/owner_centre/common/buick/bg_slider_arrows.gif) } #bx_connect .social { background-image:url(/images/owner_centre/common/buick/bg_box_divider_bottom.gif); background-color:#ddd} #bx_connect .social dl {text-align:center} #bx_connect .social dd {width:310px;} #bx_connect .social dd a {background-image:url(/images/owner_centre/common/buick/bullets.gif)} #tab01_content li, #tab02_content li, ul.styled li { background-image:url(/images/owner_centre/common/buick/bullets.gif)} #tab01_content .first, #tab02_content .first {font-size:17px;} /* Upside-down Tabs within Connect Box (IE6 has problem with multiple classes - only uses last class so .first_on, .last_on for IE6 sake) --------------------------------------------- */ #bx_connect .tabs {*width:350px/*IE6&7*/} #bx_connect .tabs li {background-image: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif)} #bx_connect .tabs li.first a {background-image: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif)} #bx_connect .tabs li a {color:#5E6167 !important} #bx_connect .tabs li.on a, #bx_connect .tabs li.last_on a {color:#000 !important; background-image: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif)} #bx_connect .tabs li a:hover, #bx_connect .tabs li.on a {color:#000 !important} #bx_connect .tabs li.first_on a {color:#000 !important; background-image: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif)} #bx_connect .tabs li.last_on { background-image: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif) } #bx_connect .tabs li.last {background-image: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif)} #bx_connect .tabs li.on, #bx_connect .tabs li.first_on { background-image: url(/images/owner_centre/common/buick/bg_connect_tab_all.gif)} #bx_whats_new .nav {background-image:url(/images/owner_centre/common/buick/bg_box_divider_bottom.gif) } #bx_whats_new .nav li img {padding:10px 11px 0 11px} /* Article Layout --------------------------------------------- */ #most-viewed li, #from-owners li {background-image:url(/images/owner_centre/common/buick/bullets.gif)} #current-features li, #related-articles li {background-image:url(/images/owner_centre/common/buick/bullets.gif)} /* AutoCare Layout --------------------------------------------- */ #most-viewed-maintenance-tips li, #most-viewed-driving-tips li {border-bottom:1px dotted #bcc6d0; background-image:url(/images/owner_centre/common/buick/bullets.gif)} #content-secondary , #content-article #content-secondary, #content-events #content-secondary {background-color:transparent} /* FAQ --------------------------------------------- */ #content-faq .tabs {padding-right:300px; width:400px; background-image: url(/images/owner_centre/common/buick/bg_faq_tabs.gif)} #content-faq .tabs li {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-faq .tabs li.first a {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-faq .tabs li a {color:#5E6167 !important} #content-faq .tabs li a:hover, #content-faq .tabs li.on a, #content-faq .tabs li.first_on a:link, #content-faq .tabs li.last_on a:link {color:#000 !important} #content-faq .tabs li.on a, #content-faq .tabs li.last_on a { background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-faq .tabs li.first_on a {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-faq .tabs li.last_on {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-faq .tabs li.last {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-faq .tabs li.on, #content-faq .tabs li.first_on {color:#000; background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} /* content */ #content-stories ul.tabs {width: 450px; padding-right:250px; background-image: url(/images/owner_centre/common/buick/bg_faq_tabs.gif)} #content-stories .tabs li {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-stories .tabs li.first a {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-stories .tabs li a {color:#5E6167 !important; font-weight:normal!important;} #content-stories .tabs li a:hover, #content-stories .tabs li.on a, #content-stories .tabs li.first_on a:link, #content-stories .tabs li.last_on a:link {color:#000 !important} #content-stories .tabs li.on a, #content-stories .tabs li.last_on a { background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-stories .tabs li.first_on a {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-stories .tabs li.last_on {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-stories .tabs li.last {background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-stories .tabs li.on, #content-stories .tabs li.first_on {color:#000; background-image: url(/images/owner_centre/common/buick/bg_faq_tab_all.gif)} #content-faq .faq_more {background-image:url(/images/owner_centre/common/buick/bg_faq_tabs.gif)} #content-faq .faq_cap { background-image:url(/images/owner_centre/common/buick/bg_faq_tabs.gif)} #btn_faq.btn_large a {background-image:url(/images/owner_centre/common/buick/bg_misc_header_imgs.gif); color:#5E6167} /**/ #btn_live_chat.btn_large a {background-image:url(/images/owner_centre/common/buick/bg_misc_header_imgs.gif); color:#5E6167} /* Console Boxes --------------------------------------------- */ #bx_live_chat h4 {background-image: url(/images/owner_centre/common/buick/bg_misc_header_imgs.gif)} /* Services/Resources --------------------------------------------- */ /* Buttons */ #buttons a.btn {background-image: url(/images/owner_centre/common/buick/bg_btn_right.gif); padding:0 10px 0 0; margin:3px 10px 3px 0; color:#fff; } #buttons a.btn span {background-image: url(/images/owner_centre/common/buick/bg_btn_left.gif); /* adj left/right padding per brand*/} #services #sidebar .content { background-image: url("/images/owner_centre/common/buick/bg_sidebar.gif")} #services #sidebar .end { background-image: url("/images/owner_centre/common/buick/bg_sidebar.gif")} /* Accordion Essentials --------------------------------------------- */ .accordion h3 { border-bottom:1px solid #bcc6d0; background-color:#E6EBF0; background-image:url(/images/common/spacer.gif); } .accordion h3.active {background-color:#E6EBF0 ;background-image: url(/images/common/spacer.gif)} ul.leaseend li {background-image:url(/images/owner_centre/common/buick/bullets_numbers_lrg.jpg)} ul.leaseend li h5 {color:#747474; background-image:url(/images/owner_centre/common/buick/bullets_numbers_lrg.jpg)} .ui-accordion .ui-accordion-content {background:white; border:10px solid white} div.accordion div.ui-accordion-content h4 {color:#687A88; background-color:white;} .accordion h4 {color:#252525;} .resources .intro a:link:hover, .resources .intro a:visited:hover {color:#000 !important} #divNav li ul li.titleItem {border:1px solid #000; color:#545454; padding: 7px 0px 7px 14px; background:none; width:131px;} /* IE fix */ * #divNav li ul li.titleItem{ _padding-left:14px;} #divNav li ul li.titleItem:hover {color:#545454; background:none;width:131px;} /*Owner Stories --------------------------------*/ #stories .first .hdr { background-position: 0 -42px; } #stories .hdr, #viewstory .hdr { background: url("/images/owner_centre/ownerstories/bg_stories_hdr_buick.gif") no-repeat scroll 0 0 transparent; height: 42px; margin: 0 -15px 5px -10px; overflow: hidden; padding: 0; width: 704px; } #stories .col-voting .btn a, #viewstory .col-voting .btn a {background: url("/images/owner_centre/ownerstories/bg_btn_vote_buick_en_CA.gif") no-repeat scroll 0 0 transparent;color: #FFFFFF;display: block;height: 70px;text-indent: -9999px;width: 95px;} #stories .col-voting .btn a:hover, #viewstory .col-voting .btn a:hover {background: url("/images/owner_centre/ownerstories/bg_btn_vote_over_buick_en_CA.gif") no-repeat scroll 0 0 transparent;} #content-stories .tabs li a{color:#5E6167 !important; font-weight:normal!important;} #content-stories .tabs li.first_on a, #content-stories .tabs li a:hover, #content-stories .tabs li.last_on a, #content-stories .tabs li.on a{display:block; padding: 14px 5px 6px 25px; margin:0 20px 0 0; color:#000 !important} /*Perks*/ #perksBody {z-index:10000;} .perksContainer {margin-left: 50px; width: 590px; height: 200px;} .perksContainerHeadline {background: url(/images/owner_centre/perks/buick_head_bg.gif) repeat-x; width: 590px; height: 30px; } .perksContainerHeadline h2 {color: #000; text-transform: uppercase; font-weight: normal; margin-left:15px; margin-top:3px; } .perksContainerBody {width: 590px; height: 198px; background: url(/images/owner_centre/perks/buick_body_bg.gif) repeat-x; margin-top:-1px;} .perksContainerBody_large {width: 590px; height: 232px; background: url(/images/owner_centre/perks/buick_body_bg_large.gif) repeat-x; margin-top:-1px;} .perksContainerDoubleBody {width: 590px; height: 412px; background: url(/images/owner_centre/perks/buick_dbl_body_bg.gif) repeat-x; margin-top:-1px;} .perksContainerBody .capImg, .perksContainerBody_large .capImg, .perksContainerDoubleBody .capImg { border: 1px solid #fff; float: left; margin-left: 20px; margin-top: 30px} .perksContainerContent {float: right; width: 260px; padding-right: 12px; margin-top: 30px; aborder: 1px solid #7c7c7c;} .perksContainerContent h2 {font-size: 14px; font-weight: bold; color: #000;} .perksContainerContent h3 {font-size: 12px; font-weight: normal; color: #000; font-style: italic ; } .perksContainerContent p {color: #000; font-size: 11px; margin-top: 0.5em;} .perksContainerContent p a, .perksContainerContent a {color: #000!important; text-decoration: underline!important; font-size: 12px; font-weight: bold; } .backToTop {display: block; width: 590px; color: #b3b3b3!important; font-size: 11px; font-weight: normal; margin-top: 30px; _margin-top: 10px; margin-left: 50px;} .backToTop a {display: block; float: right; color: #656870!important; } #perksJumpMenu {list-style-type: none!important; text-transform: uppercase; font-weight: normal; color: #000; margin-left: 4px; *margin-left: 44px; _margin-left: 44px; margin-top: 32px; _margin-top: 5px;padding-bottom:20px;} #perksJumpMenu li {float:left!important; padding-left:5px; padding-right: 5px;} #perksJumpMenu a {font-weight: normal; color: #000; text-decoration: none;} .has_line{border-right:1px solid #000;padding-right:10px;}