/* Cadillac yellow #E3982B grey keylines: #9C9A9C body copy: #999 blue links : #668499 */ /* Override default.css */ div#bodyContainer {background-color:#000} table#footerContent td {background:#000} /* Override default oc.css (mostly for images and colours) */ #divNavContainer {position:relative; height:59px; width:990px;line-height:100% !important; z-index:15; background:transparent url(/images/owner_centre/common/cadillac/bg_header.jpg) no-repeat;} #divNav {background:none !important; height:20px} #divNav2 {position:absolute; top:37px; left:233px; width:800px} #divNav li {padding: 0 9px 14px 0;} #divNav li ul {margin:-10px 0 0 0;} div#nameplateNav {height:32px;background: #666;} div#nameplateNav li a {color:white} /* override backgrounds */ body {background: #000; color:#999; font-size:12px; } h1 {color:#E3982B;} h2 {color:#E3982B;} h3 {color:#E3982B;} h4, .hd h5 {color:#E3982B;} .read-more a, .ft-content a, .pds-links a, .pds-links-back {color:#668499 !important; background-image:url(/images/owner_centre/common/cadillac/bullets.gif); } a.pdf-text {background-image:url(/images/owner_centre/common/cadillac/bg_misc_header_imgs.gif)} a:link:hover, a:visited:hover, .selected a {color:#E3982B !important;} .content-wrapper a:link, .content-wrapper a:visited, div#bx_upcoming a:link, div#bx_upcoming a:visited {color:#668499;} /* Buttons (incl. polldaddy button, and current offers widget overrides ) */ a.btn, a.pds-vote-button, a.noArrButton {background-image:url(/images/owner_centre/common/cadillac/bg_btn_right.gif); margin:3px 4px 3px 0; padding:0 25px 0 0; color:#668499 !important} a.btn span, a.pds-vote-button span, a.noArrButton span {background-image:url(/images/owner_centre/common/cadillac/bg_btn_left.gif); padding:5px 6px 5px 7px /* adj left/right padding per brand*/} a.btn:hover, a.pds-vote-button:hover, a.noArrButton:hover {color:#E3982B !important} .btn_large {background-image: url(/images/owner_centre/common/cadillac/bg_btn_large_fixed.gif)} /* General Page Layout --------------------------------------------- */ div#bodyContent {background:#000 url(/images/common/spacer.gif)} #console {background-image: url(/images/owner_centre/common/cadillac/bg_console_top.gif); } #contentOuterFrame {background-image:url(/images/owner_centre/common/cadillac/bg_main_console.gif)} #ocBanner { background-image: url(/images/owner_centre/common/cadillac/bg_banner.gif); } #ocBanner select {background-color:#000; color: #fff; border:1px solid #9C9A9C} #ocBanner #my_vehicle h4 { background-image:url(/images/owner_centre/common/cadillac/bg_misc_header_imgs.gif); } #footerWrap { background-color:#000; background-image: url(/images/owner_centre/common/cadillac/footer_bg.gif);} /* Vehicle Tools Drawer --------------------------------------------- */ #ocDrawer .btn {_width:190px; margin-right:0px; } #ocDrawer .content {background-color:#000} #ocDrawer .content dl {margin:19px 0 0 20px;} #ocDrawer #btn_drawer {background-image: url(/images/owner_centre/common/cadillac/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/cadillac/bg_box_all_left.gif")} div.box .header, div.box_static .header {background-image: url("/images/owner_centre/common/cadillac/bg_box_all_right.gif"); } div.box .header h3, div.box_static .header h3 { color:#E3982B; background-image: url("/images/owner_centre/common/cadillac/bg_box_all_left.gif")} div.box .content, div.box_static .content {border-right:1px solid #999; border-left:1px solid #999; background:#000;} div.box .end, div.box_static .end { background-image: url("/images/owner_centre/common/cadillac/bg_box_all_right.gif")} /* Open box hovers */ div.box .header.hover {background-image: url("/images/owner_centre/common/cadillac/bg_box_all_right.gif")} div.box .header.hover h3 {color:#fff !important; background-image: url("/images/owner_centre/common/cadillac/bg_box_all_left.gif")} /* Closed box */ div.box.closed .header {background-image: url("/images/owner_centre/common/cadillac/bg_box_all_right.gif")} div.box.closed .header h3 {background-image: url("/images/owner_centre/common/cadillac/bg_box_all_left.gif")} /* Closed box hovers */ div.box.closed .header.hover {background-image: url("/images/owner_centre/common/cadillac/bg_box_all_right.gif")} div.box.closed .header.hover h3 {background-image: url("/images/owner_centre/common/cadillac/bg_box_all_left.gif")} /*handle special box end caps on Homepage*/ #bx_apps, #bx_apps .end {} /* Landing Page --------------------------------------------- */ #content-home {background-image:url(/images/common/spacer.gif); background-color:#000 } #content-home.content-wrapper div.box .header h3, #content-home.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:Trebuchet MS;} #slider li div h2{text-transform:uppercase; font-size:23px; font-weight:normal;} #slider li div.slide a {font-size:16px; color:#E3982B} /* Main Slider Text Labels */ #controls li.current a, #controls li a:link:hover, #controls li a:visited:hover {font-weight:bold; color:#E3982B !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/cadillac/bg_feat_cta.gif) } /*Apps*/ #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 {background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_apps .tabs li.first a {background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_apps .tabs li a {color:#668499} #bx_apps .tabs li.on a, #bx_apps .tabs li.last_on a {color:#E3982B !important;background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_apps .tabs li a:hover, #bx_apps .tabs li.on a {color:#E3982B !important} #bx_apps .tabs li.first_on a {color:#E3982B; background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_apps .tabs li.last_on {color:#E3982B !important; background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif) } #bx_apps .tabs li.last {background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_apps .tabs li.on, #bx_apps .tabs li.first_on { background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} .app_popup a.btn{margin: 3px 0 3px 0 !important; padding:0 5px 0 0 !important;} /* Apps Slider Buttons */ #prevApps a { background-image:url(/images/owner_centre/common/cadillac/bg_slider_arrows.gif) } #nextApps a { background-image:url(/images/owner_centre/common/cadillac/bg_slider_arrows.gif) } #bx_connect .social { background-image:url(/images/owner_centre/common/cadillac/bg_box_divider_bottom.gif); background-color:#000} #bx_connect .social dl {text-align:center;} #bx_connect .social dl {width:310px;} #bx_connect .social dd {width:310px;} #bx_connect .social dd a {background-image:url(/images/owner_centre/common/cadillac/bullets.gif)} #tab01_content li, #tab02_content li, ul.styled li { background-image:url(/images/owner_centre/common/cadillac/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:375px/*IE6&7*/} #bx_connect .tabs li {background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_connect .tabs li.first a {background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_connect .tabs li a {color:#668499} #bx_connect .tabs li.on a, #bx_connect .tabs li.last_on a {background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_connect .tabs li a:hover, #bx_connect .tabs li.on a {color:#E3982B !important} #bx_connect .tabs li.first_on a {color:#E3982B; background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_connect .tabs li.last_on { background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif) } #bx_connect .tabs li.last {background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_connect .tabs li.on, #bx_connect .tabs li.first_on { background-image: url(/images/owner_centre/common/cadillac/bg_connect_tab_all.gif)} #bx_whats_new .nav {background-image:url(/images/owner_centre/common/cadillac/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/cadillac/bullets.gif)} #current-features li, #related-articles li {background-image:url(/images/owner_centre/common/cadillac/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/cadillac/bullets.gif)} #content-secondary , #content-article #content-secondary, #content-events #content-secondary {background-color:transparent} /* FAQ --------------------------------------------- */ #content-faq .tabs li a {color:#668499 !important;} #content-faq .tabs {padding-right: 300px; width:400px; background-image: url(/images/owner_centre/common/cadillac/bg_faq_tabs.gif)} #content-faq .tabs li {background-image: url(/images/owner_centre/common/cadillac/bg_faq_tab_all.gif)} #content-faq .tabs li.first a {background-image: url(/images/owner_centre/common/cadillac/bg_faq_tab_all.gif)} #content-faq .tabs li.on a, #content-faq .tabs li.last_on a {background-image: url(/images/owner_centre/common/cadillac/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:#E3982B !important} #content-faq .tabs li.first_on a {background-image: url(/images/owner_centre/common/cadillac/bg_faq_tab_all.gif)} #content-faq .tabs li.last_on {background-image: url(/images/owner_centre/common/cadillac/bg_faq_tab_all.gif)} #content-faq .tabs li.last {background-image: url(/images/owner_centre/common/cadillac/bg_faq_tab_all.gif)} #content-faq .tabs li.on, #content-faq .tabs li.first_on {background-image: url(/images/owner_centre/common/cadillac/bg_faq_tab_all.gif)} /* content */ #content-faq .faq_more {background-color:#000; background-image:url(/images/owner_centre/common/cadillac/bg_faq_tabs.gif)} #content-faq .content, #content-faq .faq_more {border-left:1px solid #999999;border-right:1px solid #999999;} #content-faq .faq_cap { background-image:url(/images/owner_centre/common/cadillac/bg_faq_tabs.gif)} .btn_large a {padding:0 0 0 80px;} #btn_faq.btn_large a {background-image:url(/images/owner_centre/common/cadillac/bg_misc_header_imgs.gif)} #btn_live_chat.btn_large a {background-image:url(/images/owner_centre/common/cadillac/bg_misc_header_imgs.gif)} /* Console Boxes --------------------------------------------- */ #bx_live_chat h4 {background-image: url(/images/owner_centre/common/cadillac/bg_misc_header_imgs.gif)} /* Services/Resources --------------------------------------------- */ /* Buttons */ #buttons .btn {width:187px;} #buttons a.btn {background-image: url(/images/owner_centre/common/cadillac/bg_btn_right.gif); padding:0 25px 0 0; margin:3px 10px 3px 0; color:#668499 !important; } #buttons a.btn span {background-image: url(/images/owner_centre/common/cadillac/bg_btn_left.gif); padding:8px 3px 8px 5px /* adj left/right padding per brand*/} #buttons a.btn:hover, #buttons a.on {color:#E3982B !important} #services #sidebar .content { background-image: url("/images/owner_centre/common/cadillac/bg_sidebar.gif")} #services #sidebar .end { background-image: url("/images/owner_centre/common/cadillac/bg_sidebar.gif")} #services #sidebar {background-color:#000;} /* Accordion Essentials --------------------------------------------- */ .accordion h3 {border-bottom:1px solid #bcc6d0; background-color:#000;} .accordion h3.active {background-image: url(/images/owner_centre/common/cadillac/bg_nabar.gif)} ul.leaseend li {background-image:url(/images/owner_centre/common/cadillac/bullets_numbers_lrg.jpg)} ul.leaseend li h5 {color:#fff; background-image:url(/images/owner_centre/common/cadillac/bullets_numbers_lrg.jpg)} .ui-accordion .ui-accordion-content {background: #000; border:10px solid #000;} div.accordion div.ui-accordion-content h4 {background-color:#000;} .accordion h4 {color:#9C9A9C;} .resources .intro a:link:hover, .resources .intro a:visited:hover {color:#E3982B !important} #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:150px;} /* IE fix */ * #divNav li ul li.titleItem { _margin-left:5px; } #divNav li ul li.titleItem:hover {color:#A9A9A9; background:none;width:150px;} /*Owner Stories --------------------------------*/ #stories .first .hdr { background-position: 0 -42px; } #viewstory { background: none; padding-top: 0px; border-top:1px solid #989898; } #stories .hdr, #viewstory .hdr { background: url("/images/owner_centre/ownerstories/bg_stories_hdr_cadillac.gif") no-repeat scroll 0 0 transparent; _background: url("/images/owner_centre/ownerstories/bg_stories_hdr_cadillac_ie6.gif") no-repeat scroll 0 0 transparent; *background: url("/images/owner_centre/ownerstories/bg_stories_hdr_cadillac_ie6.gif") no-repeat scroll 0 0 transparent; height: 42px; margin: 0 -15px 5px -10px; overflow: hidden; padding: 0; width: 704px; _width:705px; *width:705px; } #stories .col-voting .btn a, #viewstory .col-voting .btn a {background: url("/images/owner_centre/ownerstories/bg_btn_vote_cadillac_en_CA.gif") no-repeat scroll 0 0 transparent;color: #FFFFFF;display: block;height: 40px;text-indent: -9999px;width: 96px;} #stories .col-voting .btn a:hover, #viewstory .col-voting .btn a:hover {background: url("/images/owner_centre/ownerstories/bg_btn_vote_over_cadillac_en_CA.gif") no-repeat scroll 0 0 transparent;} #stories .story, #viewstory .story { background: url("/images/owner_centre/ownerstories/bg_stories_col_cadillac.gif") right top repeat-y; background-position: right center; border-left: 1px solid #999999; border-right: 1px solid #363636; float: left; padding: 0 9px 10px 10px; } #content-stories .stories_cap { background: url("/images/owner_centre/ownerstories/bg_stories_foot_cadillac.gif") no-repeat scroll 0 0 transparent; _background: url("/images/owner_centre/ownerstories/bg_stories_foot_cadillac_ie6.gif") no-repeat scroll 0 0 transparent; *background: url("/images/owner_centre/ownerstories/bg_stories_foot_cadillac_ie6.gif") no-repeat scroll 0 0 transparent; /*border:1px solid #fff;*/ width: 704px; _width:705px; *width:705px; clear: both; } #content-stories .tabs{ background: url("/images/owner_centre/ownerstories/bg_faq_tabs_cadillac.gif") no-repeat scroll 0 34px transparent; } #content-stories .gap { background: url("/images/owner_centre/ownerstories/bg_gap_cadillac.gif") repeat-y; border:0; float: left; width: 700px; } #content-stories .tabs { width: 525px; padding-right:175px; } /* #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: 10px 25px 6px 25px; margin:2px 20px 0 0; color:#f00 !important;} */ #content-stories .tabs li,#content-stories .tabs li a, #content-stories .tabs li.first, #content-stories .tabs li.last,#content-stories .tabs li.first_on, #content-stories .tabs li.first_on a, #content-stories .tabs li.last_on, #content-stories .tabs li.last_on a, #content-stories .tabs li.first a, #content-stories .tabs li.last a{background:#000000;} #content-stories .tabs li {border:1px solid #999999 !important;margin:2px 0 0 -1px;} #content-stories .tabs li a{color:#668499 !important; padding: 8px 5px 8px 25px;font-weight:normal!important;} #content-stories .tabs li a:hover, #content-stories .tabs li.first_on a,#content-stories .tabs li.on a, #content-stories .tabs li.last_on a{font-weight:normal!important; background:none;color:#ceb058 !important;} #content-stories .tabs li.first_on, #content-stories .tabs li.on, #content-stories .tabs li.last_on{background:none;border-bottom:2px solid #000000 !important;} #stories .cta li,#viewstory .cta li,, #content-stories .cta li { background: url("/images/owner_centre/common/corporate/bg_btn_social_left.gif") no-repeat scroll 0 0 transparent; float: left; list-style: none outside none; margin: 0; padding: 0; } #stories .cta li a,#viewstory .cta li a, #content-stories .cta li a{background:none; padding: 0 10px 0 30px;} #stories .cta li,#viewstory .cta li, #content-stories .cta li{background: url("/images/owner_centre/ownerstories/bg_btn_social_cadillac.gif") no-repeat scroll 3px 0 transparent; border:1px solid #999999; margin-right:-1px;} #stories .cta li.twitter,#viewstory .cta li.twitter, #content-stories .cta li.twitter { background-position: 3px -27px; } #stories .cta li.email,#viewstory .cta li.email, #content-stories .cta li.email { background-position: 3px -54px; } #content-stories #sort-by {top: 25px;} #stories .col-voting .btn, #viewstory .col-voting .btn {text-align:center; height:50px; color:#888; font-weight:normal; font-size:18px; padding-top:15px; border-top:1px dashed #ccc; margin-bottom:20px;} #console { _position: absolute; _left: 720px; } /*Perks*/ #perksBody {z-index:10000; height: 900px; *height: 1100px;} .perksContainer {margin-left: 50px; width: 590px; height: 200px;} .perksContainerHeadline {width: 590px; height: 30px; border: 1px solid #7c7c7c;} .perksContainerHeadline h2 {text-transform: uppercase; font-weight: normal; margin-left:15px; margin-top:3px; } .perksContainerBody {width: 590px; height: 172px; border: 1px solid #7c7c7c; margin-top:-1px;} .perksContainerDoubleBody {width: 590px; height: 380px; border: 1px solid #7c7c7c; margin-top:-1px;} .perksContainerBody .capImg, .perksContainerDoubleBody .capImg { border: 1px solid #7c7c7c; float: left; margin-left: 20px; margin-top: 20px} .perksContainerContent {float: right; width: 260px; padding-right: 12px; margin-top: 20px; aborder: 1px solid #7c7c7c;} .perksContainerContent h2 {font-size: 14px; font-weight: bold; color: #b3b3b3;} .perksContainerContent h3 {font-size: 12px; font-weight: normal; color: #b3b3b3; font-style: italic ; } .perksContainerContent p {font-size: 11px; margin-top: 0.5em;} .perksContainerContent p a, .perksContainerContent a {color: #b3b3b3!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: 10px; margin-left: 50px;} .backToTop a {display: block; float: right; color: #b3b3b3!important; } #perksJumpMenu {list-style-type: none!important; text-transform: uppercase; font-weight: normal; color: #fff; margin-left: 4px; *margin-left: 44px; _margin-left: 44px; margin-top: 12px; padding-bottom:20px;} #perksJumpMenu li {float:left!important; padding-left:5px; padding-right: 5px; } #perksJumpMenu a {font-weight: normal; color: #fff; text-decoration: none;}