/* GMC red #e51937 dark grey #545454 light grey #a9aaaa */ /* 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/gmc/bg_header.jpg) no-repeat; border-bottom:1px solid #545454;} #divNav {background:none !important; height:20px; padding-top:5px;} #divNav2 {position:absolute; top:24px; left:155px; width:800px} #divNav li {padding: 0 9px 14px 0;} #divNav li ul {margin:0px 0 0 0; /*ie6 only fix*/ _margin:-10px 0px 0px 0px;} div#nameplateNav {height:32px;background: #666 url(/images/owner_centre/common/gmc/bg_navbar.gif) 0 -8px repeat-x} div#nameplateNav li a {color:white;} div#nameplateNav li a:hover{color:#000 !important;} div#nameplateNav li a:active{color:#000 !important;} #event-items .event-logo {padding: 0 10px 0 0;} /* override backgrounds */ body {background: #fff url(/images/owner_centre/common/gmc/bg.jpg) center top no-repeat fixed; color:#545454; font-size:12px; } h1 {color:#545454;} h2 {color:#767676;} h3 {color:#5e6167;} h4, .hd h5 {color:#5e6167;} .read-more a, .ft-content a, .pds-links a {background-image:url(/images/owner_centre/common/gmc/bullets.gif)} a.pdf-text {background-image:url(/images/owner_centre/common/gmc/bg_misc_header_imgs.gif)} a:link:hover, a:visited:hover, .selected a {color:#000 !important;} .content-wrapper a:link, .content-wrapper a:visited, div#bx_upcoming a:link, div#bx_upcoming a:visited {color:#f00;} .content-wrapper #media_news a:link, .content-wrapper #media_news a:visited {color:#666;} .content-wrapper .accordion a:link, .content-wrapper .accordion a:visited, .moreQuestions a:link, .moreQuestions a:visited, .faq_more a:link, .faq_more a:visited {color:#f00;} .moreQuestions a:link:hover, .moreQuestions a:visited:hover, .faq_more a:link:hover, .faq_more 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/gmc/bg_btn_right.gif); margin:3px 7px 3px 0; color:#fff !important} a.btn span, a.pds-vote-button span, a.noArrButton span {background-image:url(/images/owner_centre/common/gmc/bg_btn_left.gif); padding:5px 6px 5px 16px /* adj left/right padding per brand*/} a.btn:hover, a.pds-vote-button:hover, a.noArrButton:hover {color:#f00 !important} .btn_large {background-image: url(/images/owner_centre/common/gmc/bg_btn_large_fixed.gif)} /* General Page Layout --------------------------------------------- */ #console {background: none; } #contentOuterFrame {background:none;)} #ocBanner { background-image: url(/images/owner_centre/common/gmc/bg_banner.gif); } #ocBanner #my_vehicle h4 { background-image:url(/images/owner_centre/common/gmc/bg_misc_header_imgs.gif); } /* Footer content --------------------------------------------- */ #footerWrap { background: none; z-index:-1;} #footerContent td, #footerContent td a {font-family:arial; color:#545454 !important;} #topRow{padding-top:10px !important;} #footerContent #botRow {border-top: 1px solid #a9aaaa;} #btnG,#btnGB {padding-top:6px !important;}/*This is used to make the buttons level with the the rest of #topRow*/ #footerContent td, th, tr {vertical-align:top !important;} /* Vehicle Tools Drawer --------------------------------------------- */ #ocDrawer .content {background-color:#fff} #ocDrawer #btn_drawer {background-image: url(/images/owner_centre/common/gmc/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/gmc/bg_box_all_left.gif")} div.box .header, div.box_static .header {background-image: url("/images/owner_centre/common/gmc/bg_box_all_right.gif"); } div.box .header h3, div.box_static .header h3 { color:#fff; background-image: url("/images/owner_centre/common/gmc/bg_box_all_left.gif")} div.box .end, div.box_static .end { background-image: url("/images/owner_centre/common/gmc/bg_box_all_right.gif")} /* Open box hovers */ div.box .header.hover {background-image: url("/images/owner_centre/common/gmc/bg_box_all_right.gif")} div.box .header.hover h3 {color:#f00 !important; background-image: url("/images/owner_centre/common/gmc/bg_box_all_left.gif")} /* Closed box */ div.box.closed .header {background-image: url("/images/owner_centre/common/gmc/bg_box_all_right.gif")} div.box.closed .header h3 {background-image: url("/images/owner_centre/common/gmc/bg_box_all_left.gif")} /* Closed box hovers */ div.box.closed .header.hover {background-image: url("/images/owner_centre/common/gmc/bg_box_all_right.gif")} div.box.closed .header.hover h3 {background-image: url("/images/owner_centre/common/gmc/bg_box_all_left.gif")} /*handle special box end caps on Homepage*/ #bx_apps, #bx_apps .end {background-image: url("/images/owner_centre/common/chevrolet/bg_box_apps_bot.gif")} #bx_connect, #bx_connect .end {background-image: url("/images/owner_centre/common/chevrolet/bg_box_conn_bot.gif")} #bx_whats_new, #bx_whats_new .end {background-image: url("/images/owner_centre/common/chevrolet/bg_box_wnew_bot.gif")} /* Landing Page --------------------------------------------- */ #content-home {background:none;} #content-home.content-wrapper div.box .header h3, #content-home.content-wrapper div.box_static .header h3, .content-wrapper div.box .header h3, .content-wrapper div.box_static .header h3 {color:#fff} #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:Lucida Sans, sans-serif;} #slider li div h2{text-transform:uppercase; font-size:22px; font-weight:normal;} #slider li div p {font-size:15px;} #slider li div.slide a {font-size:15px; color:#f00} /* Main Slider Text Labels */ #controls li.current a, #controls li a:link:hover, #controls li a:visited:hover {font-weight:bold; color:#f00 !important} #controls li a {border-right: 1px solid #4b4b4b; color: #ddd !important;} #controls {background: url("/images/owner_centre/common/cadillac/bg_controls.jpg") repeat scroll 0 0 transparent;} /* Featured CTAs */ #feature_ctas .cta {background-image: url(/images/owner_centre/common/gmc/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/gmc/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:#FF0000 !important} #bx_apps .tabs li.on a{background: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif) left -140px no-repeat;} #bx_apps .tabs li.first a {background: url(/images/owner_centre/common/gmc/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/gmc/bg_connect_tab_all.gif) left -140px no-repeat; color:#47A5DC !important} #bx_apps .tabs li.first_on a {background: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif) left -210px no-repeat; color:#FF0000 !important;} #bx_apps .tabs li.last_on {z-index:5; background: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif) right -175px no-repeat; color:#47A5DC !important} #bx_apps .tabs li.last_on a{background: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif) left -140px no-repeat; color:#FF0000 !important} #bx_apps .tabs li.last {background: url(/images/owner_centre/common/gmc/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/gmc/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/gmc/bg_slider_arrows.gif) } #nextApps a { background-image:url(/images/owner_centre/common/gmc/bg_slider_arrows.gif) } #bx_connect .social { background-image:url(/images/owner_centre/common/gmc/bg_box_divider_bottom.gif); background-color:#ddd} #bx_connect .social dd a {background-image:url(/images/owner_centre/common/gmc/bullets.gif)} #tab01_content li, #tab02_content li, ul.styled li { background-image:url(/images/owner_centre/common/gmc/bullets.gif)} /* 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:340px /*IE6&7*/; _width:390px/*IE6*/} #bx_connect .tabs li {background-image: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif)} #bx_connect .tabs li.first a {background-image: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif)} #bx_connect .tabs li a {color:#46464C} #bx_connect .tabs li.on a, #bx_connect .tabs li.last_on a {background-image: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif)} #bx_connect .tabs li a:hover, #bx_connect .tabs li.on a {color:#f00 !important} #bx_connect .tabs li.first_on a {color:#f00; background-image: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif)} #bx_connect .tabs li.last_on { background-image: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif) } #bx_connect .tabs li.last {background-image: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif)} #bx_connect .tabs li.on, #bx_connect .tabs li.first_on { background-image: url(/images/owner_centre/common/gmc/bg_connect_tab_all.gif)} #bx_whats_new .nav {background-image:url(/images/owner_centre/common/gmc/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/gmc/bullets.gif)} #current-features li, #related-articles li {background-image:url(/images/owner_centre/common/gmc/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/gmc/bullets.gif)} #years li a {color:#fff} #years li.selected a {color:#f00 !important;} /* FAQ --------------------------------------------- */ #content-faq .tabs {padding-right: 300px; width:400px; background-image: url(/images/owner_centre/common/gmc/bg_faq_tabs.gif)} #content-faq .tabs li {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-faq .tabs li.first a {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-faq .tabs li a {color:#46464C !important} #content-faq .tabs li.on a, #content-faq .tabs li.last_on a {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #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:#f00 !important} #content-faq .tabs li.first_on a {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-faq .tabs li.last_on {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-faq .tabs li.last {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-faq .tabs li.on, #content-faq .tabs li.first_on {background-image: url(/images/owner_centre/common/gmc/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/gmc/bg_faq_tab_all.gif)} #content-stories .tabs li.first a {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-stories .tabs li a {color:#5E6167 !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:#47A5DC !important} #content-stories .tabs li.on a, #content-stories .tabs li.last_on a { background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-stories .tabs li.first_on a {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-stories .tabs li.last_on {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-stories .tabs li.last {background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-stories .tabs li.on, #content-stories .tabs li.first_on {color:#47A5DC; background-image: url(/images/owner_centre/common/gmc/bg_faq_tab_all.gif)} #content-faq .faq_more {background-color:#E3E3E3; background-image:url(/images/owner_centre/common/gmc/bg_faq_tabs.gif)} #content-faq .faq_cap { background-image:url(/images/owner_centre/common/gmc/bg_faq_tabs.gif)} #btn_faq.btn_large a {color:#f00 !important; background-image:url(/images/owner_centre/common/gmc/bg_misc_header_imgs.gif)} #btn_live_chat.btn_large a {color:#f00 !important; background-image:url(/images/owner_centre/common/gmc/bg_misc_header_imgs.gif)} /* Console Boxes --------------------------------------------- */ #bx_live_chat h4 {background-image: url(/images/owner_centre/common/gmc/bg_misc_header_imgs.gif)} /* Services/Resources --------------------------------------------- */ /* Buttons */ #buttons a.btn {background-image: url(/images/owner_centre/common/gmc/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/gmc/bg_btn_left.gif); padding:8px 6px 8px 16px /* adj left/right padding per brand*/} #buttons a.btn:hover, #buttons a.on {color:#f00 !important} #services #sidebar .content { background-image: url("/images/owner_centre/common/gmc/bg_sidebar.gif")} #services #sidebar .end { background-image: url("/images/owner_centre/common/gmc/bg_sidebar.gif")} #services #sidebar, #content-article #content-secondary, #content-events #content-secondary {background-color:#E1E2E4;} /* Accordion Essentials --------------------------------------------- */ .accordion h3 {border-bottom:1px solid #bcc6d0; background-color:#D4D7DB; background-image:url(/images/owner_centre/common/gmc/bg_navbar.gif); color:#FFF} .accordion h3.active {background-image: url(/images/owner_centre/common/gmc/bg_nabar.gif)} .accordion h3 a{color:#FFF;} ul.leaseend li {background-image:url(/images/owner_centre/common/gmc/bullets_numbers_lrg.jpg)} ul.leaseend li h5 {color:#46464C; background-image:url(/images/owner_centre/common/gmc/bullets_numbers_lrg.jpg)} .ui-accordion .ui-accordion-content {background: #f3f3f3; border:10px solid white} div.accordion div.ui-accordion-content h4 {background-color:#f3f3f3;} .accordion h4 {color:#252525;} .ui-icon {background-image: url(/images/owners/en/ui-icons_888888_256x240.png); width:15px; height:15px;} .resources .intro a:link:hover, .resources .intro a:visited:hover {color:#f00 !important} #content-faq .accordion a:link{color:#FFF} #content-faq .accordion p a:link{color:#F00;} /*Owner Stories --------------------------------*/ #stories .first .hdr { background-position: 0 -42px; } #stories .hdr, #viewstory .hdr { background: url("/images/owner_centre/ownerstories/bg_stories_hdr_gmc.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_gmc_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_gmc_en_CA.gif") no-repeat scroll 0 0 transparent;} #content-stories .tabs li a{color:#46464C !important; font-weight:normal!important; } #content-stories .tabs li.first_on a, #content-stories .tabs li li.first_on a:hover, #content-stories .tabs li.last_on a, #content-stories .tabs li.on a{color:#656870 !important; display:block; padding: 14px 5px 6px 25px; margin:0 20px 0 0; color:#f00 !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:#f00 !important} /*Perks*/ #perksBody {z-index:10000; height: 900px; *height: 1050px;} .perksContainer {margin-left: 50px; width: 590px; height: 200px;} .perksContainerHeadline {background: url(/images/owner_centre/perks/gmc_head_bg.gif) repeat-x; width: 590px; height: 30px; } .perksContainerHeadline h2 {color: #fff; text-transform: uppercase; font-weight: normal; margin-left:15px; margin-top:3px; } .perksContainerBody {width: 590px; height: 198px; background-color: #cccccc; margin-top:-1px;} .perksContainerDoubleBody {width: 590px; height: 412px; background-color: #cccccc; margin-top:-1px;} .perksContainerBody .capImg, .perksContainerDoubleBody .capImg { border: 1px solid #98989b; 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: #232323;} .perksContainerContent h3 {font-size: 12px; font-weight: normal; color: #232323; font-style: italic ; } .perksContainerContent p {font-size: 11px; margin-top: 0.5em;} .perksContainerContent p a, .perksContainerContent a {color: #de0c2d!important; text-decoration: underline!important; font-size: 12px; font-weight: bold; } .backToTop {display: block; width: 590px; color: #232323!important; font-size: 11px; font-weight: normal; margin-top: 30px; _margin-top: 10px; margin-left: 50px;} .backToTop a {display: block; float: right; color: #232323!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;}