/* skubes palatte --------------------------------------------- #f7f8f9 - Background (light grey) #d7e1e9 - Console bg (light blue) #e6ebef - Lighter bg #bcc6d0 - Strokes/keylines (blue-grey) #24549c - Highlights/Text (dark blue) #8d9da9 - H1 (dark blue-grey) #5e6167 - Text, links (dark grey) #9ca1aa - Visited link within body (med grey) #f1f4f6 - Accordion BG */ /* Common --------------------------------------------- */ /* override default.css stupidity */ div {float:none} p {font-size:12px; margin:0 0 1em 0; font-weight:normal} table#footerContent td {font-size:11px; background:white} /*end override */ body {background: #f7f8f9 url(/images/owner_centre/common/corporate/bg.jpg) center top repeat-y; color:#5e6167; font-size:12px; } h1 {font-size:35px; font-weight:bold; color:#8d9da9; margin:0 0 20px 0} h2 {font-size:20px; font-weight:bold; color:#5e6167; margin:0 0 0 0px;} h3 {font-size:16px; font-weight:bold; color:#5e6167; padding:0; margin:0} h4, .hd h5 {font-size:14px; font-weight:bold; color:#5e6167} .clearer {float:none; clear:both; height:1px; line-height:1px; } .last, .last a {border:none !important} .read-more a, .ft-content a, .pds-links a, .pds-links-back {background:url(/images/owner_centre/common/corporate/bullets.gif) 0 1px no-repeat; padding:0 0 0 12px; font-weight:bold; font-size:11px; color:#5e6167 !important} a:link:hover, a:visited:hover, .selected a {color:#24549c !important; text-decoration:none} .content-wrapper a:link, .content-wrapper a:visited, div#bx_upcoming a:link, div#bx_upcoming a:visited {color:#24549c; } .generic {margin:0 10px;} .dotted {border-bottom:1px dotted #bcc6d0; border-top:1px dotted #bcc6d0;} a.pdf-text {display:block; padding:10px 0 10px 73px; background:url(/images/owner_centre/common/corporate/bg_misc_header_imgs.gif) 0 -206px no-repeat} .legal {font-size:0.8em} .legal p {font-size:0.9em} /* Buttons (incl. polldaddy button, and current offers widget overrides ) */ a.btn, a.pds-vote-button, a.noArrButton {float:left; display:inline; line-height:10px; white-space:nowrap; background:transparent url(/images/owner_centre/common/corporate/bg_btn_right.gif) right top no-repeat; padding:0 4px 0 0; margin:3px 10px 3px 0; text-decoration:none; color:#fff; font-weight:bold; cursor:pointer; text-decoration:none; color:white !important} a.btn span, a.pds-vote-button span, a.noArrButton span {display:block; background:transparent url(/images/owner_centre/common/corporate/bg_btn_left.gif) no-repeat; padding:5px 6px 5px 10px /* adj left/right padding per brand*/} a.btn:hover, a.pds-vote-button:hover, a.noArrButton:hover {background-position:right -20px; text-decoration:none; color:white !important} a.btn:hover span, a.pds-vote-button:hover span, a.noArrButton:hover span {background-position:left -20px;} .btn_large {float:left; width:336px; height:38px; padding:0; background: url(/images/owner_centre/common/corporate/bg_btn_large_fixed.gif) no-repeat} .btn_large a {display:block; line-height:38px; padding:0 0 0 70px} /* General Page Layout --------------------------------------------- */ #pageWrapper {_height:1% /*IE6*/} div#bodyContent{float:left; width:700px;background-color:#fff;padding:0; } .content-wrapper {float:left; width:720px; display:inline;background:transparent; padding:45px 0; position:relative; } #console {float:right; width:270px; margin-top:0px; padding-top:25px; background:transparent url(/images/owner_centre/common/corporate/bg_console_top.gif) 0 top no-repeat} #contentOuterFrame {position:relative; overflow:hidden; background:transparent url(/images/owner_centre/common/corporate/bg_main_console.gif) 2px 0 repeat-y; zoom:1/*IE6* hasLayout*/} #divNavContainer {position:relative; height:100px; line-height:100px !important; z-index:15; background:yellow;} #divLogo {width:200px; height:53px; display:block} #ocBanner {position:relative; height:86px; background: #e9eff2 url(/images/owner_centre/common/corporate/bg_banner.gif) repeat-x; z-index:13;} #ocBanner #logo_oc {float:left; padding:10px 22px; margin:17px 22px 0 0; border-right:1px solid #cfdbe3} #ocBanner #my_vehicle {float:left; margin:17px 0 0 0} #ocBanner #my_vehicle h4 {float:left; background:url(/images/owner_centre/common/corporate/bg_misc_header_imgs.gif) 0 0 no-repeat; padding:2px 0 2px 55px; margin:0 15px 0 0; color:#fff} #ocBanner #my_vehicle div {float:left;} #ocBanner select {margin:0 5px 10px 0} #footerWrap {_float:left/*IE6*/; overflow:hidden; padding-top:65px; background: #fff url("/images/vehicles/2009/corporate/footer_bg.jpg") repeat-x; } #footerContent {background:none !important} /* navigation --------------------------------------------- */ div#nameplateNav {position:relative; height:32px; z-index:13; font-weight:bold; background:green} div#nameplateNav li a {color:#5e6167 } div#nameplateNav li.selected a {font-weight:bold;color:#24549c;} div#nameplateNav ul {height:32px; line-height:32px; margin:0 0 0 5px;padding:0;} div#nameplateNav ul li {font-size:12px;display:inline;list-style:none;} div#nameplateNav ul li a {text-decoration:none;padding:0 8px;border-right:1px solid #c7cbd4} /* Vehicle Tools Drawer --------------------------------------------- */ #ocDrawer {position:absolute; top:-122px; height:32px; z-index:10; left:0;} #ocDrawer .content {height:300px; width:990px; background:#e6ebef;} #ocDrawer .btn {width:206px; margin-right:0px; } /*padding-right:0} */ #ocDrawer .btn span {padding-right:0} #ocDrawer #btn_drawer {background: url(/images/owner_centre/common/corporate/btn_tools_drawer_all.gif) no-repeat; cursor:pointer} #ocDrawer #btn_drawer:hover {background-position:0 -32px} #ocDrawer.open #btn_drawer {background-position:0 -64px} #ocDrawer.open #btn_drawer:hover {background-position:0 -96px} /* Drawer Content*/ #ocDrawer .content dl {float:left; width:220px; margin:19px 0px 0 25px; display:inline;} #ocDrawer .content dt {font-size:14px; font-weight:bold; border-bottom:1px solid #bcc6d0; margin:0 0 10px 0; padding:0 0 10px 0} #ocDrawer .content dd {margin:0;padding:0} #ocDrawer .content dl.stay {margin-right:240px} #ocDrawer .content dl.stay dt {border:none; padding:0} #ocDrawer .content dd p {margin:10px 0} #ocDrawer .content dd strong {font-size:14px} /* General Content Containers (both wide and console, collaspible and static) --------------------------------------------- */ div.box, div.box_static {margin:0 10px 10px 10px; background: transparent url("/images/owner_centre/common/corporate/bg_box_all_left.gif") left bottom no-repeat; } div.box .header, div.box_static .header {height:38px; line-height:38px; background: url("/images/owner_centre/common/corporate/bg_box_all_right.gif") right -38px no-repeat; padding:0 40px 0 0; cursor:pointer; font-weight:bold; font-size:16px;} div.box .header h3, div.box_static .header h3 { background: url("/images/owner_centre/common/corporate/bg_box_all_left.gif") left top no-repeat; padding-left:15px; color:#24549c;} div.box .content, div.box_static .content {padding:10px 10px 20px 10px; border-right:1px solid #cad2da; border-left:1px solid #b0bbc6; background:#fff; margin:0; _height:1%; /*ie6*/;} div.box .end, div.box_static .end {height:8px; line-height:8px; background: transparent url("/images/owner_centre/common/corporate/bg_box_all_right.gif") right bottom no-repeat; margin:0 0 0 5px; } /* Open box hovers */ div.box .header.hover {background: url("/images/owner_centre/common/corporate/bg_box_all_right.gif") right -76px no-repeat; } div.box .header.hover h3 {background: url("/images/owner_centre/common/corporate/bg_box_all_left.gif") left -38px no-repeat; color:#fff !important} /* Closed box */ div.box.closed .header {background: url("/images/owner_centre/common/corporate/bg_box_all_right.gif") right -114px no-repeat;} div.box.closed .header h3 {background: url("/images/owner_centre/common/corporate/bg_box_all_left.gif") left -76px no-repeat;} div.box.closed .end {display:none} /* Closed box hovers */ div.box.closed .header.hover {background: url("/images/owner_centre/common/corporate/bg_box_all_right.gif") right -152px no-repeat;} div.box.closed .header.hover h3 {background: url("/images/owner_centre/common/corporate/bg_box_all_left.gif") left -114px no-repeat;} /* Wide content has slightly larger font */ .content-wrapper div.box .header h3, .content-wrapper div.box_static .header h3 {font-size:16px; color:#8294a2} div.box_static .header {background-position:right top; cursor:default} #console div.box .header, #console div.box_static .header {cursor:move} #archive div.box_static {margin:0} .image-cash-for-leases { margin:10px 0 10px 0; } /*Application box - commenting out for now div#bx_apps {background-position: left 219px;} div#bx_apps .end {background-position: right -220px;} */ /* Landing Page --------------------------------------------- */ #content-home {background:#d7e1e9 url(/images/owner_centre/common/corporate/bg_home_bot.gif) 0 bottom repeat-x; padding-top:25px;} #content-home.content-wrapper div.box .header h3, #content-home.content-wrapper div.box_static .header h3 {font-size:22px; color:#24549c} /* Main Slider */ #slider {position:relative; width:990px; overflow:hidden; margin:9px 0 0 0; cursor:pointer} #slider ul {list-style:none; margin:0; padding:0} #slider li div.wrap {position:relative; width:990px; height:317px; } #slider li div.slide {position:absolute; width:450px; left:25px; bottom:25px; padding:0 0 16px 0;} #slider li div * {color:#fff} #slider li div h2 {margin:0} #slider li div h2, #slider li div p, #slider li div a {font-size:25px; font-weight:bold} #slider li div p {font-size:16px; margin:5px 0 3px 0; font-weight:normal} #slider li div.slide a {font-size:16px; color:#24549c} #slider li div.slide sup {font-size:9px;} /* Main Slider Text Labels */ #controls {position:absolute; line-height:28px; bottom:0; width:990px; margin:0; padding:0; background:transparent url(/images/owner_centre/common/corporate/px_333_opacity.png) repeat;} #controls li {display:inline; margin:0; padding:0; list-style:none; } #controls li a {border-right:1px solid #fff; padding:0 8px; color:#fff !important} #controls li.current a, #controls li a:link:hover, #controls li a:visited:hover {font-weight:bold; color:#24549c !important} /* Main Slider Legal */ #appslegal {font-size:80% !important;position: absolute; width: 600px;left: 65px;top: 320px;} /* Main Slider Default buttons (only used if numeric option false) #prevBtn, #nextBtn {display:block;position:absolute;top:100px; z-index:100} #prevBtn a, #nextBtn a {display:block; width:49px; height:95px; } #prevBtn a { background:url(/images/owner_centre/common/corporate/bg_slider_arrows.gif) no-repeat 0 -95px; } #nextBtn a { background:url(/images/owner_centre/common/corporate/bg_slider_arrows.gif) no-repeat 0 0; } #prevBtn {left:0;} #nextBtn {right:0; } */ /* Featured CTAs */ #feature_ctas {} #feature_ctas .cta {float:left; position:relative; width:226px; height:296px; margin:0 0 10px 10px; padding:0; background: url(/images/owner_centre/common/corporate/bg_feat_cta.gif) 0 bottom no-repeat; display:inline} #feature_ctas .cta dt {margin:0; padding:10px 10px 0px 10px; font-weight:bold; font-size:14px} #feature_ctas .cta dd {margin:0; padding:7px 10px} #feature_ctas .cta dd.img {margin:0; padding:0} #feature_ctas .cta dd.end {position:absolute; width:206px; bottom:0;} #feature_ctas .cta dd .read-more a {font-size:12px} /* 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:520px/*IE6&7*/; _width:540px/*IE6*/} #bx_apps .tabs li {float:right; position:relative; margin-left:-20px;background: url(/images/owner_centre/common/corporate/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:#24549c} #bx_apps .tabs li a:hover, #bx_apps .tabs li.on a {color:#5e6167 !important} #bx_apps .tabs li.on a{background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) left -140px no-repeat;} #bx_apps .tabs li.first a {background: url(/images/owner_centre/common/corporate/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/corporate/bg_connect_tab_all.gif) left -140px no-repeat; color:#5e6167} #bx_apps .tabs li.first_on a {background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) left -210px no-repeat; color:#5e6167} #bx_apps .tabs li.last_on {z-index:5; background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) right -175px no-repeat; color:#5e6167} #bx_apps .tabs li.last_on a{background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) left -140px no-repeat;} #bx_apps .tabs li.last {background: url(/images/owner_centre/common/corporate/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/corporate/bg_connect_tab_all.gif) right -105px no-repeat;} #tabs02_content, #tabs03_content, #tabs04_content{display:none; color:#5e6167} #bx_apps .tabs_content{width:555px; position:relative; margin: 0px 0 0 80px; clear:both;} #bx_apps .tabs_content a{display:block; float:left; position:relative; margin:20px 20px 0 20px; height:90px; width:90px; text-align:center; color:#6d6d6d; font-size:11px; font-weight:bold;_margin: 20px 18px 0;} #bx_apps .tabs_content img{margin-bottom:3px;} /** zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=2), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=2); */ .app_popup img{float:left; margin-right:10px;} .apps_text, .apps_legal{float:left; clear:both; width:250px;text-align:left;} .apps_text{margin:10px 0 0 0;} .apps_legal{font-size:10px; margin:20px 0;} p.apps_popup_title{ float: left;font-weight: bold;height: 38px;text-align: left;width: 140px;} /* Apps Slider */ #slider_apps {position:relative; width:698px; overflow:hidden; margin:0 0 0 0; background: url(/images/owner_centre/common/corporate/bg_slider_apps.jpg) repeat; /*TODO IE6*/} #slider_apps li div.wrap {position:relative; width:698px; height:363px;} #slider_apps li div.slide {position:absolute; width:500px; left:105px; top:41px; padding:0 0 16px 0; border:none; background:transparent; } .slide dl {width:500px; margin:0; padding:0; } .slide dt {float: right; width: 275px; margin:40px 0 20px 0; font-size:21px; font-weight:bold} .slide dt span, .slide dd span {color:#000} .slide dd {margin: 0 0 2px 225px;} .slide dd.desc {margin-bottom:20px} .slide dl dd.img {margin:0;} .slide dd.img img {float: left; margin: 0 8px 0 0; padding: 4px;} /* Apps Slider Buttons */ #prevApps, #nextApps {display:block;position:absolute;top:100px; z-index:100} #prevApps a, #nextApps a {display:block; width:49px; height:95px; } #prevApps a { background:url(/images/owner_centre/common/corporate/bg_slider_arrows.gif) no-repeat 0 -95px; } #nextApps a { background:url(/images/owner_centre/common/corporate/bg_slider_arrows.gif) no-repeat 0 0; } #prevApps {left:0;} #nextApps {right:0; } #prevApps a:hover {background-position:0 -285px} #nextApps a:hover {background-position:0 -190px } #bx_connect {} #bx_connect h4 {margin:20px 0 0 15px} #bx_connect .content {padding:0;} #bx_connect .social { background:#eef1f3 url(/images/owner_centre/common/corporate/bg_box_divider_bottom.gif) repeat-x; overflow:auto; height:1% /*contain float */ } #bx_connect .social dl {float:left; border-right:1px solid #dcdedf; margin:0 0 0px 20px; padding:0 0 20px 0;} #bx_connect .social dd {margin:0; padding:0; width:182px; } #bx_connect .social dd a {background:url(/images/owner_centre/common/corporate/bullets.gif) 0 1px no-repeat; padding:0 0 0 12px; font-weight:bold; font-size:11px; color:#5e6167} #bx_connect .social h3 {margin:10px} #tab01_content, #tab02_content {} #tab01_content ul, #tab02_content ul, ul.styled {color:#5e6167; padding:0 15px; margin:20px 20px 0 20px;} ul.styled {margin:0; padding:0} #tab01_content li, #tab02_content li, ul.styled li {margin:5px 0px; padding:5px 5px 5px 15px; border-bottom:1px dotted #bcc6d0; list-style:none; background:url(/images/owner_centre/common/corporate/bullets.gif) 0px -109px no-repeat;} ul.styled li {background-position:3px -110px; margin:0; padding:0 15px} ul.styled li h4 a:link, ul.styled li h4 a:visited {color:#5e6167} ul.styled p {margin-left:-10px} #tab01_content .first, #tab02_content .first { font-size:18px; font-weight:bold; border-bottom:1px solid #bcc6d0; background-position:0px -243px} #tab01_content .more, #tab02_content .more { font-size:14px; font-weight:bold; border-top:1px solid #bcc6d0; border-bottom:none; line-height:43px; height:43px; background-position:0px -97px; } #tab01_content .rss {display:inline-block; margin:10px; padding:0 10px; vertical-align:middle; border-left:1px solid #dcdedf;} #tab02_content {display:none; color:#5e6167} #tab02_content a, #tab01_content .more a { color:#5e6167; font-weight:bold} #bx_whats_new {} #bx_whats_new h4 {margin:20px 0 0 15px} #bx_whats_new .content {padding:0} /* 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 {float:left; list-style:none; padding:0 14px 0 0; margin:0 0px; height:40px; *width:332px/*IE6&7*/; _width:349px/*IE6*/} #bx_connect .tabs li {float:right; position:relative; margin-left:-20px;background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) right top no-repeat; } #bx_connect .tabs li.first, #bx_connect .tabs li.first_on {margin-left:10px; *margin-left:0px;/*IE6&7*/ } #bx_connect .tabs li a {display:block; padding: 7px 26px 8px 41px; margin:0 20px 0 0; font-weight:bold; color:#24549c} #bx_connect .tabs li a:hover, #bx_connect .tabs li.on a {color:#5e6167 !important} #bx_connect .tabs li.first a {background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) left -70px no-repeat;} #bx_connect .tabs li.on a, #bx_connect .tabs li.last_on a {background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) left -140px no-repeat; color:#5e6167} #bx_connect .tabs li.first_on a {background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) left -210px no-repeat; color:#5e6167} #bx_connect .tabs li.last_on {z-index:5; background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) right -175px no-repeat; color:#5e6167} #bx_connect .tabs li.last {background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) right -35px no-repeat;} #bx_connect .tabs li.on, #bx_connect .tabs li.first_on {z-index:5; background: url(/images/owner_centre/common/corporate/bg_connect_tab_all.gif) right -105px no-repeat;} #bx_whats_new .content {overflow:hidden} #bx_whats_new .nav {background:#eef1f3 url(/images/owner_centre/common/corporate/bg_box_divider_bottom.gif) repeat-x; overflow:auto; height:1% /*contain float */; margin:0; padding:0; height/*\**/: 120px\9;/*IE8*/ *height:121px;/*IE6&7*/; float/*\**/: left\9;/*IE8*/; width/*\**/: 700px\9;/*IE8*/; _width:698px;/*IE6*/ } #bx_whats_new .nav li {float:left; width:173px; list-style:none; border-right:1px solid #dcdedf; margin:0; padding:0 0px; cursor:pointer; *width:169px/*IE6&7*/} #bx_whats_new .nav li img {padding:0px 11px 0 11px} #bx_whats_new .nav .logo {position:relative; top:15px; z-index:9} #bx_whats_new .nav li.on {background:white} #bx_whats_new #veh01, #bx_whats_new #veh02 , #bx_whats_new #veh03, #bx_whats_new #veh04 {display:none; padding:20px 10px 10px 10px;} #bx_whats_new #veh01 {display:block} #bx_whats_new .logo {display:block} #bx_whats_new .shot {margin:10px 10px 10px 0; float:left} #bx_whats_new .more {float:right; width:300px; margin-top:20px} #bx_whats_new .more ul {margin:0 0 0 15px; padding:0} #bx_whats_new .more .btn {width:230px; margin-top:10px} #bx_whats_new .specs {clear:both; list-style:none; margin:0;padding:0} /* Article Layout --------------------------------------------- */ #top-wrapper{ margin:10px 0;} #header {float:left; margin:0 0 10px 10px; display:inline} #content-primary {float:right; width:350px; margin:56px 10px 20px 10px; display:inline /*ie6*/ } #content-secondary {float:left; width:720px; background-color:#f7f8f9} #most-viewed, #from-owners {float:left; width:340px; margin-top:10px; display:inline /*ie6*/} #most-viewed ul, #from-owners ul {margin:0 0 0 5px; padding:0} #most-viewed li, #from-owners li {margin:5px 0px; padding:5px 5px 5px 15px; border-bottom:1px dotted #bcc6d0; list-style:none; background:url(/images/owner_centre/common/corporate/bullets.gif) 0px -243px no-repeat; font-size:18px; font-weight:bold;} #most-viewed li a, #from-owners li a {color: #5e6167} #content-article {} #content-article #header {} #content-article #content-primary,#content-events #content-primary {float:right; width:470px; margin:20px 10px 20px 0; } #content-article #content-secondary,#content-events #content-secondary {float:left; width:230px; margin:10px 0 10px 0; padding:10px 0 0 0; background-color:#f7f8f9; background:#d7e1e9} #content-article #content-secondary #related-articles {} #current-features ul, #related-articles ul {margin:0 0 0 0px; padding:0} #current-features li, #related-articles li {margin:0px 0px; padding:5px 5px 0px 12px; border-bottom:1px dotted #bcc6d0; list-style:none; background:url(/images/owner_centre/common/corporate/bullets.gif) 0px -105px no-repeat; font-size:14px; font-weight:bold;} #current-features li a, #related-articles li a {color: #5e6167} #first-paragraph p {font-size:18px;} .pull-quote {font:24px/1.5em Georgia Serif; font-color:#8d9da9} /*Events Calendar*/ #event-items td {vertical-align:top; padding-top:25px} #event-items .event-text {width:270px; padding:0 10px 0px 0px} #event-items .event-logo {padding-top: 5px;} /* AutoCare Layout --------------------------------------------- */ #most-viewed-maintenance-tips, #most-viewed-driving-tips {float:left; width:340px; margin-top:10px; display:inline /*ie6*/} #most-viewed-maintenance-tips ul, #most-viewed-driving-tips ul {margin:0 0 0 5px; padding:0} #most-viewed-maintenance-tips li, #most-viewed-driving-tips li {margin:5px 0px; padding:5px 5px 5px 15px; border-bottom:1px dotted #bcc6d0; list-style:none; background:url(/images/owner_centre/common/corporate/bullets.gif) 0px -243px no-repeat; font-size:18px; font-weight:bold;} #most-viewed-maintenance-tips li a, #most-viewed-driving-tips li a {color: #5e6167} /* Archive --------------------------------------------- */ #archive {clear:both; margin:10px; position:relative; _zoom:1/*IE6*/} #years {position:absolute; right:10px; top:0; *top:10px;/*IE6&7*/} #years li {display:inline; list-style:none; } #years li a {padding:0 5px; border-right:1px solid #c7cbd4} #years li.selected a {color:#5e6167!important} .featureHighlight {margin:0 10px 10px 5px; padding:0 60px 0 0; border-bottom:1px solid #ccc; overflow:auto} .featureHighlight img {float:left; margin:5px 10px 10px 0; } /* FAQ --------------------------------------------- */ #content-faq h1 {margin:0 10px 20px 10px} /* FAQ Tabs (.first_on, .last_on for IE6 sake) */ #content-faq .tabs, #content-stories .tabs {float:left; list-style:none; padding:0 240px 0 0; margin:0 10px; height:40px; background: url(/images/owner_centre/common/corporate/bg_faq_tabs.gif) 0 34px no-repeat; display:inline; width: 470px; position:relative;} #content-faq .tabs{*width:480px !important; *padding-right:220px !important;} #content-faq .tabs li, #content-stories .tabs li {float:right; position:relative; margin-left:-20px; background: url(/images/owner_centre/common/corporate/bg_faq_tab_all.gif) right top no-repeat;} #content-faq .tabs li.first, #content-faq .tabs li.first_on {margin-left:10px} #content-faq .tabs li a, #content-stories .tabs li a {display:block; padding: 14px 5px 6px 25px; margin:0 20px 0 0; color:#24549c !important} #content-faq .tabs li a:hover, #content-faq .tabs li.on a, #content-stories .tabs li a:hover, #content-stories .tabs li.on a {color:#5e6167 !important} #content-faq .tabs li.first a, #content-stories .tabs li.first a {background: url(/images/owner_centre/common/corporate/bg_faq_tab_all.gif) left -70px no-repeat;} #content-faq .tabs li.on a, #content-faq .tabs li.last_on a, #content-stories .tabs li.on a, #content-stories .tabs li.last_on a {background: url(/images/owner_centre/common/corporate/bg_faq_tab_all.gif) left -140px no-repeat;} #content-faq .tabs li.first_on a, #content-stories .tabs li.first_on a {background: url(/images/owner_centre/common/corporate/bg_faq_tab_all.gif) left -210px no-repeat;} #content-faq .tabs li.last_on, #content-stories .tabs li.last_on {z-index:5; background: url(/images/owner_centre/common/corporate/bg_faq_tab_all.gif) right -175px no-repeat;} #content-faq .tabs li.last, #content-stories .tabs li.last {background: url(/images/owner_centre/common/corporate/bg_faq_tab_all.gif) right -35px no-repeat;} #content-faq .tabs li.on, #content-faq .tabs li.first_on, #content-stories .tabs li.on, #content-stories .tabs li.first_on {z-index:5; background: url(/images/owner_centre/common/corporate/bg_faq_tab_all.gif) right -105px no-repeat;} /* content */ #content-faq .content, #content-faq .faq_more {clear:both;margin:0 10px; padding:30px 10px;border-left:1px solid #bcc6d0; border-right:1px solid #bcc6d0; zoom:1} #content-faq .faq_more {background: #EEF2F3 url(/images/owner_centre/common/corporate/bg_faq_tabs.gif) 0 -33px no-repeat;} #content-faq .faq_cap {height:10px; margin:0 10px; padding:0; background: #e6ebef url(/images/owner_centre/common/corporate/bg_faq_tabs.gif) 0 -13px no-repeat; _line-height:1%;/*IE6*/} div.moreQuestions {margin:45px 15px 20px 15px; padding-top:20px; border-top:1px solid #bcc6d0} #btn_live_chat.btn_large {float:right;} #btn_faq.btn_large a {background:url(/images/owner_centre/common/corporate/bg_misc_header_imgs.gif) 20px -165px no-repeat} #btn_live_chat.btn_large a {background:url(/images/owner_centre/common/corporate/bg_misc_header_imgs.gif) 20px -108px no-repeat} /* Maintenance Override --------------------------------------------- */ h3#chooseVehicleLanding {width:auto !important; background:transparent !important; color:#8d9da9} form#scheduleFormLanding {width:auto !important; height:auto !important; border:none; margin:0 10px; padding:0} form#scheduleFormLanding a#link {float:left; position:static} form#scheduleFormLanding #btn_link {margin:0} div#e_maintance_content {float:left} #car_name {margin:10px 0; float:inherit} #content-maintenance {padding-bottom:0} #content-maintenance #content-primary, #content-owner-manuals #content-primary {width:auto; margin-top:15px } #content-maintenance #content-primary h2, #content-owner-manuals #content-primary h2, #content-resources h2 {margin-bottom:15px} #content-maintenance #content-primary p, #content-owner-manuals #content-primary p, #content-resources .intro p, #content-resources .resources p {font-size:18px} #content-resources .intro {margin:0 10px} #content-maintenance #content-primary .cinfo, #content-owner-manuals #content-primary .cinfo {float:left; width:145px; margin:3px 10px 2px 0} #content-owner-manuals #content-primary .cinfo {width:165px;} #adobe-reader {font-size:12px !important} #manualstableDiv {float:left; margin:10px; clear:both;} .manualstable td {padding:5px; white-space:nowrap} .manualstable .header {font-weight:bold} /* Owner Stories (new) --------------------------------------------- */ #content-stories {clear:both; margin:0 10px;} #content-stories .details {margin:15px 0; padding:15px 0; border-top:1px solid #BCC6D0; border-bottom:1px solid #BCC6D0;} #content-stories .details dt {font-size:18px; font-weight:bold} #content-stories .details dd {margin:0; padding:0 0 0 10px; background: url(/images/owner_centre/common/corporate/bullets.gif) 0 3px no-repeat} /* tabs */ #content-stories #sort-by {position:relative; top:30px; font-weight:bold; left:10px; } /* 389 is too much for Safari #content-stories .tabs {padding:0 389px 0 0; margin:0; font-weight:bold; } */ #content-stories .tabs {padding:0 388px 0 0; margin:0; font-weight:bold; } #content-stories .tabs li.first, #content-stories .tabs li.first_on {margin-left:60px} /* keyline */ #content-stories .gap {float:left; width:698px; border-right:1px solid #bdc0c4; border-left:1px solid #bdc0c4; } #stories, #viewstory{width:700px;} #content-stories p.viewstory{font-size:18px; line-height:normal; margin:10px 0;} #viewstory{padding-top:6px; background: url("/images/owner_centre/common/corporate/bg_faq_tabs.gif") no-repeat;} #stories .story, #viewstory .story {float:left; border-right:1px solid #bdc0c4; border-left:1px solid #bdc0c4; padding:0 8px 10px 10px; background: url(/images/owner_centre/ownerstories/bg_stories_col.gif) right top repeat-y} #stories .hdr, #viewstory .hdr {width:704px; _width:705px;/*ie6*/ height:42px; margin:0px -15px 5px -10px; padding:0; background: url(/images/owner_centre/ownerstories/bg_stories_hdr.gif) 0px 0 no-repeat; overflow:hidden} #stories .first .hdr {background-position:0px -42px} /* #stories .hdr .name, #viewstory .hdr .name {float:left; margin: 7px 0 0 40px; font-size:18px; font-weight:bold} */ #stories .hdr .name, #viewstory .hdr .name {float:left; margin: 12px 0 0 40px; font-size:18px; font-weight:bold} /* #stories .hdr .vehicle, #viewstory .hdr .vehicle {float:left;margin: 12px 0 0 10px; font-size:14px;} */ #stories .hdr .vehicle, #viewstory .hdr .vehicle {float:left;margin: 15px 0 0 10px; font-size:14px;} /* #stories .hdr .rank, #viewstory .hdr .rank {float:right;margin: 2px 20px 0 0; font-size:12px; font-weight:bold; text-transform:uppercase;} */ #stories .hdr .rank, #viewstory .hdr .rank {float:right;margin: 5px 20px 0 0; font-size:12px; font-weight:bold; text-transform:uppercase;} #stories .hdr .rank span, #viewstory .hdr .rank span {margin-bottom:-0.5em; font-size:24px; font-weight:bold} #stories .first .hdr .name, #stories .first .hdr .vehicle, #stories .first .hdr .rank {color:#fff} #stories .col-content, #viewstory .col-content {float:left; width:558px; margin:0 20px 0 0} #stories .col-voting, #viewstory .col-voting {float:left; width:95px;} #stories .col-voting .num, #viewstory .col-voting .num {text-align:center; margin-bottom:10px} #stories .col-voting .num span, #viewstory .col-voting .num span {font-weight:bold; font-size:16px} #stories .col-voting .btn, #viewstory .col-voting .btn {text-align:center; height:50px; color:#888; font-weight:bold; font-size:28px; padding-top:15px; border-top:1px dashed #ccc; margin-bottom:20px;} #stories .col-voting .btn a, #viewstory .col-voting .btn a {display:block; color:#fff; background:url(/images/owner_centre/ownerstories/bg_btn_vote_en_CA.gif) 0 0 no-repeat; width:95px; height:70px; text-indent:-9999px} #stories .col-voting .btn a:hover, #viewstory .col-voting .btn a :hover{background:url(/images/owner_centre/ownerstories/bg_btn_vote_over_en_CA.gif) 0 0 no-repeat;} /* Social Media Buttons */ #stories .cta,#viewstory .cta, #content-stories .cta {margin:10px 0; padding:30px 0 0 0; overflow:hidden; } *#content-stories .cta {_padding:30px 0 20px 0 !important;} #stories .cta li, #viewstory .cta li, #content-stories .cta li {float:left; padding:0; margin:0 10px 0 0; list-style:none; background:url(/images/owner_centre/common/corporate/bg_btn_social_left.gif) 0 0 no-repeat} #stories .cta li a, #viewstory .cta li a, #content-stories .cta li a {display:inline-block; height:25px; line-height:25px; padding: 0 10px 0 30px; font-size:11px; font-weight:bold; background:url(/images/owner_centre/common/corporate/bg_btn_social_right.gif) right 0 no-repeat} #stories .cta li a:link, #stories .cta li a:visited, #viewstory .cta li a:link, #viewstory .cta li a:visited, #content-stories .cta li a:link, #content-stories .cta li a:visited {color:#666} #stories .cta li.twitter, #viewstory .cta li.twitter, #content-stories .cta li.twitter {background-position:0 -24px} #stories .cta li.email,#viewstory .cta li.email, #content-stories .cta li.email {background-position:0 -48px} #stories .cta li.facebook a{display:none !important;} #stories .cta li.facebook a.fb_show{display:inline-block !important;} /* Closed box hovers */ #content-stories .stories_cap {clear:both; background:url(/images/owner_centre/ownerstories/bg_stories_foot.gif) no-repeat} /* Winner */ #content-stories h2.winner {font-size:16px; margin:0 0 20px 0} #content-stories .winner .hdr {height:auto; background-position:0px bottom} #content-stories .winner .hdr .name {width:550px; margin:10px 0 20px 10px; color:#fff; _padding-bottom:20px/*ie6*/} #content-stories .winner .hdr .rank {margin-top:1.5em; font-size:16px; color:#fff} /* Archive */ #content-stories #archive {margin:20px 0 0 0; padding:0; border-top:1px solid #c8c8c8; list-style:none} #content-stories #archive li{padding:10px 0 10px 12px; border-bottom:1px solid #c8c8c8; background: url(/images/owner_centre/common/corporate/bullets.gif) 0 15px no-repeat} #content-stories #archive a:link, #content-stories #archive a:visited {font-size:16px; font-weight:bold; color:#5e6167} /* Search */ form#search_stories{margin:40px 10px 20px 10px; text-align:right} form#search_stories label{width:200px; text-align:left; margin-right:25px; font-weight:bold} form#search_stories p {margin-right:250px} form#search_stories div.submit {margin:0 0 20px 280px; padding-bottom:25px} /* Owner Stories Submission Form --------------------------------------------- */ #content-stories.form {border:1px solid #bdc0c4; -moz-border-radius:7px; border-radius:7px; padding:10px} #content-stories #commenting label {width:125px; display:inline-block; vertical-align:top} #content-stories #commenting input, #content-stories #commenting select {width:175px; display:inline-block; vertical-align:top} #content-stories #commenting #name {width:400px} #content-stories #commenting textarea {width:505px; height:330px; vertical-align:top} #content-stories #commenting p {margin:0 0 10px 0} /* #content-stories #commenting div.other {clear:both; margin:20px 100px 0 125px} */ #content-stories #commenting div.other {clear:both; margin:20px 100px 20px 125px} #content-stories #commenting div.other #agree input {width:20px; margin:0px 0px 10px -3px} #content-stories #commenting div.other #agree #submit {width:175px; margin:0px 10px 0px 0px} #content-stories #commenting p input, #content-stories #commenting p select {margin:0 25px 10px 0} #content-stories #commenting #char-count {width:26px; margin:0 2px 0 0; text-align:right; border:none; font-size:10px} #content-stories #commenting #char-count-message {display:block; font-size:10px} #content-stories #captcha-div {overflow:hidden} #content-stories #captcha-div #captcha {float:left; margin-right:15px} #content-stories #captcha-div #captcha-repsonse {float:left;} #content-stories #captcha-div #reload-captcha {float:left;width:240px; font-size:10px} /* Corporate */ #content-stories #commenting_corp h4 {padding:0 0 10px 0} #content-stories #commenting_corp label {display:inline-block; width:130px;} #content-stories #commenting_corp .submit {padding:10px 0 20px 300px; overflow:hidden} /* legacy --------------------------------------------- */ :focus {outline: 0;} /* remember to define focus styles! */ /* comments --------------------------------------------- */ #comments {border-top:1px solid #D9D9D9; margin-top:20px} #comment-form .read-more a {background:none; padding:0 0 0 0px;} #thanks-for-comment, .error-pc, #error-sidebar-offers p, #error-list {font-weight:bold; color:red;} .error-pc {clear:both} .error-pc br {height:1px; display:none} #commentForm {} #commentForm th {width:120px; vertical-align:top} #commentForm td {vertical-align:top} #commentForm input, #commentForm textarea{width:330px} #commentForm #char-count-message{float:right;padding-right:10px;} #commentForm #char-count {width:31px; border:none;} #commentForm #captcha {margin-right:10px} #commentForm #captcha-response {width:117px} #commentForm #reload-captcha {font-size:10px; margin-top:10px} #commentForm #submit {width:auto} /* Console Boxes --------------------------------------------- */ #console .info {border-top:1px solid #bcc6d0; border-bottom:1px solid #bcc6d0; padding:5px 0 5px 0; margin:0 0 5px 0} #bx_live_chat h4 {background: url(/images/owner_centre/common/corporate/bg_misc_header_imgs.gif) 0 -46px no-repeat; padding:20px 0 20px 54px} #bx_new_offers dl{border-bottom:1px dotted #bcc6d0;} #bx_new_offers dt {font-size:18px; font-weight:bold;} #bx_new_offers dd {margin:0; padding:2px 0} /* Goodwrench Offers */ #bx_goodwrench .leadOffer {} #bx_goodwrench .leadOffer dt , #bx_goodwrench .leadOffer dd .cost {font-size:18px; font-weight:bold;} #bx_goodwrench .leadOffer dd {margin:10px 0; padding:0; overflow:hidden} #bx_goodwrench .leadOffer dd.read-more {padding-top:10px; border-top:1px dotted #bcc6d0; _clear:both/*IE6*/} #bx_goodwrench .leadOffer dd span.read-more {float:right; margin-top:7px} #bx_goodwrench .leadOffer dd div {float:left} /* Goodwrench ajax'd stuff */ #bx_goodwrench #currentOffers {} #bx_goodwrench #currentOffers #currentOfferHead {} #bx_goodwrench #currentOffers #sidebarOffers {clear:both; padding:10px 0} #bx_goodwrench #currentOffers #sidebarOffers .mod-content { margin:10px 0; padding-top:10px; border-top: 1px dotted #bcc6d0; overflow:hidden; clear:both} #postal-code-sidebar {float:left; width:95px; margin:3px 5px 0 0} #error-sidebar-offers p {margin:0} #bx_goodwrench #rss_feed {display:none} #bx_goodwrench .bd {float:left} #bx_goodwrench .bd p {width:150px} #bx_goodwrench .ft {float:right} #bx_goodwrench .links {clear:both; list-style:none; margin:0; padding:15px 0 0 0; border-top:1px solid #bcc6d0} #bx_goodwrench .links li {margin:5px 0; border-bottom:1px dotted #bcc6d0} #bx_ton #select_TON {float:left; margin:3px 10px 0 0; } /* Services/Resources --------------------------------------------- */ #buttons {float:left; width:220px; list-style:none; margin:0; padding:0;} #buttons .btn {width:200px;} /* Buttons */ #buttons a.btn {float:left; display:inline; line-height:10px; background:transparent url(/images/owner_centre/common/corporate/bg_btn_right.gif) right -40px no-repeat; padding:0 10px 0 0; margin:3px 10px 3px 0; text-decoration:none; color:#fff; font-weight:bold; cursor:pointer; text-decoration:none; font-size:14px;} #buttons a.btn span {display:block; background:transparent url(/images/owner_centre/common/corporate/bg_btn_left.gif) left -40px no-repeat; padding:8px 6px 8px 10px /* adj left/right padding per brand*/} #buttons a.btn:hover, #buttons a.on {background-position:right -66px; text-decoration:none; color:white !important} #buttons a.btn:hover span, #buttons a.on span {background-position:left -66px;} #buttons a.btn .sup {padding-top:0; *padding-top:8px} /* #buttons span.btn-selected {background-image: url(/images/owner_centre/common/corporate/bg_btn_right.gif) scroll left transparent; background-position:right -66px; text-decoration:none; color:white !important; width: 200px; display:block; text-decoration:none; color:#fff; font-weight:bold;font-size:14px;margin: 3px 10px 3px 0; line-height: 25px;} */ #buttons span.btn-selected {display:block; background:transparent url(/images/owner_centre/common/corporate/bg_btn_left.gif) left -40px no-repeat; padding:8px 6px 8px 10px /* adj left/right padding per brand*/} #buttons span.btn-selected span {padding-left: 10px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ #buttons a.btn .sup {padding-top:4px;} } #header-image {float:left; display:inline} #services {float:left} #services #archive {float:right; width:470px; margin:20px 10px 20px 10px; display:inline} #services #sidebar {float:left; width:230px; margin:20px 0 0 0; padding:0; background-color:#e6ebef;} #services #sidebar .content {margin:7px 7px 0 7px; padding:7px 7px 0 7px; background: transparent url("/images/owner_centre/common/corporate/bg_sidebar.gif") 0 top no-repeat} #services #sidebar .end {margin:0 7px 7px 7px; background: transparent url("/images/owner_centre/common/corporate/bg_sidebar.gif") 0 bottom no-repeat} #services .service-offer {margin:10px 10px 0 10px; padding-bottom:10px; border-bottom:1px dotted #bcc6d0} #debugJava {position:fixed; left:0; bottom:-145px; font-size:11px; background:#000; opacity:0.6; color:white} #debugJava th {text-align:right;} #debugJava td {text-align:left;} /* Accordion Essentials --------------------------------------------- */ .accordion {border:1px solid #bcc6d0; zoom: 1; /*IE6*/; display:none; margin:30px 10px;} #accordion1 {display:block} /* Show first one by default */ .accordion h3 {position:relative; background: #d1dee7 url(/images/owner_centre/common/corporate/bg_navbar.gif) 0 center repeat-x; border-bottom:1px solid #bcc6d0;} .accordion h3.active {background: #d1dee7 url(/images/owner_centre/common/corporate/bg_nabar.gif) repeat-x} .ui-accordion .ui-accordion-header a { display: block; font-size: 90%; padding: .5em 2.2em .5em 2.2em; } .ui-icon {background-image: url(/images/owners/en/ui-icons_454545_256x240.png); width:15px; height:15px;} .ui-accordion .ui-accordion-header .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-icon-triangle-1-s, .ui-icon-triangle-1-n {background-position: 0px -16px; left:0.5em } .ui-icon-triangle-1-e { background-position: -64px -16px; left:.5em} .ui-icon-triangle-1-n {right:1.5em} .ui-accordion .ui-accordion-header {position:relative; cursor:pointer; zoom: 1; } .ui-accordion .ui-accordion-li-fix {display:inline; } .ui-accordion .ui-accordion-content {background: #f1f4f6; padding:10px; border:10px solid white; *height:1% /*IE6&7*/} div.resources {float:left; width:700px; margin:0 0 0 10px; display:inline; zoom: 1; height: 1%} .accordion h4 {font-size:18px; color:#8d9da9; font-weight:normal} ul.leaseend {list-style-type:none;margin:0 0 25px 0; padding:0;} ul.leaseend li {margin:0; padding:0; background:url(/images/owner_centre/common/corporate/bullets_numbers_lrg.jpg) 0 -585px repeat-x} ul.leaseend li h5 {color:#7C8A99;font-size:25px;line-height:61px; padding:0 0 0 65px; background:url(/images/owner_centre/common/corporate/bullets_numbers_lrg.jpg) 0 -585px no-repeat} ul.leaseend li.li_01 h5 {background-position:0 -3px;} ul.leaseend li.li_02 h5 {background-position:0 -76px;} ul.leaseend li.li_03 h5 {background-position:0 -147px;} ul.leaseend li.li_04 h5 {background-position:0 -221px;} ul.leaseend li.li_05 h5 {background-position:0 -290px;} ul.leaseend p {font-size:14px;} ul.leaseend .content { margin:0 20px 0 68px;} div.accordion div.ui-accordion-content h4 {background-color:#ECEFF1;margin:5px 0;} .resources h2 {margin:14px 0 12px 0;} .resources .intro {font-size:18px;} .resources .intro a {color:#24549c} .resources .intro a:link:hover, .resources .intro a:visited:hover {color:#5e6167 !important} .findDealerForm label {float:left; margin:2px 10px 0 0;} .findDealerForm #PostalCode {float:left; margin:0 10px 0 0;} .PostalCode {width:75px} /* PollDaddy Poll Override --------------------------------------------- */ .PDS_Poll {display:block !important} .pds-box {} .pds-box A {} .pds-clear {} .pds-box-outer {margin:10px 0 !important} .pds-question-top {} .pds-answer{margin:10px 0 !important; padding:10px 0 !important; border-top:1px solid #bcc6d0; border-bottom:1px solid #bcc6d0} .pds-answer label{} .pds-answer-group{} .pds-answer-group BR{} .pds-answer-input{} .pds-input-label{} .pds-answer-other{} .pds-textfield{} .pds-answer-other BR{} .pds-other-label{} .pds-feedback-group {margin:0 0 5px 0 !important} .pds-feedback-label {padding:5px 0 0 0;} .pds-feedback-per {font-weight: bold;} .pds-feedback-votes {font-weight: normal;} .pds-answer-feedback {background-color:#f1f1f1; border:1px solid #d1d1d1;} .pds-answer-feedback-bar {font-size:1px; height:15px; background:#8d9da9;} .pds-vote {} .pds-votebutton-outer {} .pds-vote BR{} .pds-vote-button-load {} .pds-vote-button-load SPAN{} .pds-links {} .pds-links-back {color:#5e6167 !important} .pds-links A {} .pds-links-back A {} .pds-links A:hover {} .pds-links-back A:hover {} .pds-comments SPAN{} .pds-total-votes{} .pds-total-votes SPAN{}