/************************************************************* website: www.subaru.com type: general desc: General layout structure ----------------------------------------------------------- common colors: Navigation, Sub Navigation, Copy, Links: #55554b - med. brown #177bb1 - blue #308332 - green Background Colors: #69b9b2 - dark tan #232323 - dark brown #393936 - med dark brown #1785b1 - sky blue #edede6 - light tan #f8f8f5 - ultralight tan #f2f2f2 - light grey #b2b2b2 - grey #ffda0c - yellow 1.0 UNIVERSAL RESETS 2.0 GENERIC CLASSES 3.0 HEADER / FOOTER 4.0 GENERAL STRUCTURE 5.0 HEADINGS 6.0 LINKS 7.0 PARAGRAPHS 8.0 BLOCKQUOTES AND CITATIONS 9.0 FORMS 10.0 LISTS 11.0 TABLES 12.0 MISC PRESENTATION ELEMENTS 13.0 IMAGES 14.0 META 15.0 COMPONENT SPECIFIC 16.0 PAGE SPECIFIC *************************************************************/ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ body.ddc .primary_content{margin:0px 0px 0px 15px; padding:0px;} body.ddc .comp898{margin-left:0px; margin:right:0px;} /* 2.0 GENERIC CLASSES ------------------------------------------ */ .soa .primary_content{width:924px; margin:0; padding:0px 13px 60px 13px; background-color:#ffffff;} .soa .left {float:left;} .soa .right {float:right;} .soa .one_third {width:308px; position:relative;} .soa .two_thirds {width:616px; position:relative;} .soa .one_sixth {width:154px; position:relative;} .soa .five_sixths {width:770px; position:relative;} .soa .component {float:left; margin:30px 13px 0 13px; padding:0 0 0 0; font-size:12px;} .soa .component p {line-height:1.25em;} .soa .component .spacing p {line-height:18px;} .soa .component .showSuccess {display:none;} .soa .bold{font-weight: bold; color:#000000;} .soa .clear_plus_ten{clear:both; margin-bottom:10px;} .soa .primary_content .clear{clear: both; width: 100%;} .soa .primary_content .clear-w-line{clear: both; width: 97%; border-bottom: 1px solid #7f7f7f;} .hide {display:none;} .home .component{margin-top:0px;} .home .primary_content{padding-bottom:0px;} .soa .container950 #flash_content950 {margin:0 0 17px -13px; -webkit-box-shadow: 0px 8px 12px rgba(50, 50, 50, 0.12); -moz-box-shadow: 0px 8px 12px rgba(50, 50, 50, 0.12); box-shadow: 0px 8px 12px rgba(50, 50, 50, 0.12); height:429px; width:950px; behavior: url(/content/css/pie_ie.htc);} .overFlash{position:absolute;top:0px; right:50%; margin-right:-480px;} /* Vehicle Model Load Backgrounds */ .vm_obk_request .primary_content {background:#9bb8d8 url('/content/images/my11/OBK/outback/background_obk_quote.jpg') left bottom no-repeat;} .vm_leg_request .primary_content {background:#8EB1CF url('/content/images/my11/LEG/legacy/background_leg_quote.jpg') left bottom no-repeat;} .vm_for_request .primary_content {background:#769DC6 url('/content/images/my11/FOR/forester/background_for_quote.jpg') left bottom no-repeat;} .vm_tri_request .primary_content {background:#AAC3E2 url('/content/images/my10/TRI/tribeca/background_tri_quote.jpg') left bottom no-repeat;} .vm_imp_request .primary_content {background:#C3D0D8 url('/content/images/my11/IMP/impreza/background_imp_quote.jpg') left bottom no-repeat;} .vm_wrx_request .primary_content {background:#A5B4C7 url('/content/images/my11/WRX/wrx/background_wrx_quote.jpg') left bottom no-repeat;} .vm_obk_ty .primary_content {background:#fff url('/content/images/my11/OBK/outback/background_obk_quote.jpg') left top no-repeat;} .vm_leg_ty .primary_content {background:#fff url('/content/images/my11/LEG/legacy/background_leg_quote.jpg') left top no-repeat;} .vm_for_ty .primary_content {background:#fff url('/content/images/my11/FOR/forester/background_for_quote.jpg') left top no-repeat;} .vm_tri_ty .primary_content {background:#fff url('/content/images/my10/TRI/tribeca/background_tri_quote.jpg') left top no-repeat;} .vm_imp_ty .primary_content {background:#fff url('/content/images/my11/IMP/impreza/background_imp_quote.jpg') left top no-repeat;} .vm_wrx_ty .primary_content {background:#fff url('/content/images/my11/WRX/wrx/background_wrx_quote.jpg') left top no-repeat;} /* 3.0 HEADER / FOOTER ------------------------------------------ */ #header{width:950px;height:106px;background-image:url(/content/images/site/bg_header.jpg);background-position:0 0;background-repeat:repeat-x; position:relative;z-index:200;} #header a{font-family:"Arial";font-size:12px;color:#40609F; text-decoration:none;} #header #logo{width:227px;height:52px;position:absolute;top:14px;left:12px;} #header .background_wrapper{padding:3px 18px 3px 10px;} #header .background_wrapper_no_arrow{padding:3px 10px 3px 10px;} #header .global_button a.no_drop {text-decoration:none; background:none; line-height:23px; padding:0 0 0 8px !important; float:right; position:absolute; top:-5px; } #header .global_button a.no_drop span{background:none; display:block; float:left; font-weight:normal !important; line-height:23px; padding:0 10px 0 2px; } #header .global_button a.top_drop{text-decoration:none; background:none;} #header .global_hover .background_wrapper, #header .global_hover .background_wrapper_no_arrow{background-color: #e3e3e3;text-decoration:underline;} #header .global_hover a.no_drop {background:url(/content/images/site/button_GreyRight_sq.jpg) no-repeat scroll left top;} #header .global_hover a.no_drop span{background:transparent url(/content/images/site/button_GreyRight_sq.jpg) no-repeat scroll right top; display:block; float:left; font-weight:normal !important; line-height:23px; padding:0 10px 0 2px; } #header .global_text_wrapper{line-height:15px;position:relative;border-right:1px solid #d8d8d8; height:15px;} #header .global_text_wrapper a{padding-left:5px;} #header .global_text_wrapper img{position:absolute; top:6px; right:0px;} #header .global_text_wrapper .no_drop{background:none;padding-right:13px;} #header .global_text_wrapper_no_border{line-height:15px;position:relative;} #header .global_text_wrapper_no_border a{} #header .global_text_wrapper_null{line-height:15px;position:relative;margin-top:10px;} #header .global_text_wrapper_null a{padding-right:16px;} #header .top_menus{width:495px; height:35px; position:absolute; top:31px; left:455px; font-family:"Arial"; font-size:12px; color:#40609F;} #header .top_menus #top_engineering{position:absolute;height:35px;width:83px;left:84px; top:10px;} #header .top_menus #top_enthusiasts{position:absolute;height:35px;width:82px;left:167px; top:10px;} #header .top_menus #top_company{position:absolute;height:35px;width:63px;left:249px;} #header .top_menus #search{position:absolute;width:150px;left:331px;top:10px;} #header .top_menus #search #search_box{height:12px;margin-left:5px;width:115px;border:1px solid #40609f;text-align:center;font-size:10px;color:#56564C;float:left;} #header .top_menus #search .global_text_wrapper{margin-top:11px;} #header .top_menus #search .search_button{float:left;margin-top:0px;} #header .bottom_menus{width:910px; position:absolute; top:70px; left:26px; font-family:"Arial"; font-size:12px; color:#40609F; list-style:none;} #header .bottom_menus .drop_down{position:absolute;top:25px;width:190px; display:none; background-color:#fff; z-index:100; left:0px; border:1px solid #d8d8d8; -webkit-box-shadow: 5px 5px 10px #202020;-moz-box-shadow: 5px 5px 10px #202020; } #header .bottom_menus .drop_down ul{list-style:none; margin-top:22px; } #header .bottom_menus .drop_down ul li{border-top:1px solid #d8d8d8; padding-left:10px; padding-top:0px; line-height:21px;float:left; width:180px; } #header .bottom_menus .drop_down ul li.dealer_info {padding-left:16px !important; font-size:11px; border-top: none !important; line-height:21px;} #header .bottom_menus .drop_down ul li.dealer_info.deep_hover{background-color: #fff; width:170px;} #header .bottom_menus .drop_down ul li.dealer_info a {display:inline; padding:0; text-decoration: none;} #header .bottom_menus .drop_down ul li.dealer_info a:hover {text-decoration: underline;} #header .bottom_menus .drop_down ul li.dealer_info span {float:left; display:block; width:165px;} #header .bottom_menus .drop_down ul li.dealer_info span.dealer_name a {font-weight: bold;} #header .bottom_menus .drop_down ul li.deep_hover{ background-color:#e3e3e3;} #header .bottom_menus .drop_down ul li.deep_hover a{text-decoration:underline;} #header .bottom_menus .drop_down ul li.divider{border-top:1px solid #888881;} #header .bottom_menus .drop_down ul li.external{background: transparent url(/content/images/site/icons/doubleArrows_Off.gif) no-repeat 160px center; } #header .bottom_menus .drop_down ul li.external:hover {background: #e3e3e3 url(/content/images/site/icons/doubleArrows_On.gif) no-repeat 160px center; } #header .bottom_menus .drop_down ul li.place_holder{background:none;} #header .bottom_menus .drop_down ul li a{font-size:11px;display:block;padding:0px 5px 0 0; color:#40609f; } #header .bottom_menus .drop_down ul li a:hover{} #header .bottom_menus .drop_down ul li ul{margin-top:0px;} #header .bottom_menus .drop_down ul li div{position:absolute;left:191px;top:-1px;width:225px;display:none; background-color:#fff; border:1px solid #d8d8d8; border-top:none; border-left:none;-webkit-box-shadow: 5px 5px 10px #202020;-moz-box-shadow: 5px 5px 10px #202020;} #header .bottom_menus .drop_down ul li div li{line-height:20px; background: none; height:21px; padding-left:10px;} #header .bottom_menus .drop_down ul li div h4{margin-left:5px;} #header .bottom_menus .drop_down ul li div ul li div{background-color:#CCC;} #header .bottom_menus #financing{position:absolute;height:24px;width:83px;left:595px; top:10px;} #header .bottom_menus #financing .drop_down{left:-1px; width:230px;} #header .bottom_menus #financing .global_text_wrapper{line-height:15px;position:relative; border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;} #header .bottom_menus #financing .global_text_wrapper a{padding-left:0px;} /*#header #financing.global_hover .global_text_wrapper img{*right:0px;} #header #financing.global_hover a.top_drop{*padding:0 0 0 8px !important;} #header #financing.global_hover a.top_drop span{*padding:0 17.5px 0 2px;}*/ #header .bottom_menus #find_dealer{top:10px;position:absolute;width:253px;left:311px;} #header .bottom_menus #find_dealer #dealerZip_header{height:12px;width:142px;margin-left:5px;border:1px solid #40609f;text-align:center;font-size:10px;color:#56564C;position:absolute;top:0px;left:95px;} #header .bottom_menus #find_dealer .global_text_wrapper{margin-top:10px;} #header .bottom_menus #find_dealer .global_text_wrapper_no_border{border-left:1px solid #d8d8d8; padding-left:5px; height:15px;} #header .bottom_menus #find_dealer span{position:absolute;top:1px;left:19px; color:#40609F;} #header .bottom_menus #find_dealer .submit_findDealer_header{position:absolute;left:243px;margin-top:0px;} #header .bottom_menus #find_dealer_result{position:absolute;height:35px; width:96px; top:10px; left:311px;} #header .bottom_menus #find_dealer_result .global_text_wrapper{padding-left:5px;border-right:none;border-left:1px solid #d8d8d8;} #header .bottom_menus #find_dealer_result.global_hover .global_text_wrapper img{top:6px; right:3px;} #header .bottom_menus #find_dealer_result_preferred{position:absolute;height:35px; width:150px; top:10px; left:311px;} #header .bottom_menus #find_dealer_result_preferred .global_text_wrapper{padding-left:5px;border-right:none;border-left:1px solid #d8d8d8;} #header .bottom_menus #find_dealer_result_preferred.global_hover .global_text_wrapper img{top:6px; right:3px;} #header .bottom_menus #mysubaru{position:absolute; height:24px;width:94px;left:814px; top:10px;} #header .bottom_menus #mysubaru .drop_down{width:188px; left:-80px;} #header .bottom_menus #mysubaru .global_text_wrapper img{right:7px;} #header .bottom_menus #mysubaru .global_text_wrapper{border-left:1px solid #d8d8d8; padding-left:0px; border-right:none;} #header .bottom_menus #research{position:absolute;height:24px;width:89px;left:90px; top:10px;} #header .bottom_menus #research .global_text_wrapper{border-left:1px solid #d8d8d8; padding-left:0px; border-right:none;} /*#header .bottom_menus #research.global_hover .global_text_wrapper img{*right:8px;}*/ /*#header .bottom_menus #research.global_hover a.top_drop span{*padding:0 27px 0 2px;}*/ #header .bottom_menus #research ul li{width:180px} #header .bottom_menus #shopping ul li{width:180px} #header .bottom_menus #financing ul li{width:220px} #header .bottom_menus #mysubaru ul li{width:178px} #header .bottom_menus #shopping{position:absolute;height:24px;width:140px;left:187px; top:10px;} #header .bottom_menus #shopping .global_text_wrapper{border-left:1px solid #d8d8d8; padding-left:0px; border-right:none;} #header .bottom_menus #shopping .global_text_wrapper img{right:22px;} /*#header .bottom_menus #shopping.global_hover .global_text_wrapper img{*right:6px;}*/ /*#header .bottom_menus #shopping.global_hover a.top_drop span{*padding:0 21px 0 2px; }*/ #header .bottom_menus #special{position:absolute;height:24px;width:151px;left:678px; top:11px;} #header .bottom_menus #special .global_text_wrapper{border:none;} #header .bottom_menus #special .background_wrapper{padding:0 9px 0 4px;} #header .bottom_menus #special.global_hover a.top_drop span{padding:0 17.5px 0 2px; } #header .bottom_menus #vehicles {position:absolute;height:24px;width:78px;left:1px; top:10px;} #header .bottom_menus #vehicles .global_text_wrapper{border:none;} /*#header #vehicles.global_hover .global_text_wrapper img {*right:11px;}*/ /*#header.bottom_menus #vehicles .global_hover a.top_drop span{*padding:0 27px 0 2px; }*/ #header .bottom_menus #vehicles .drop_down ul li{ background: url(/content/images/site/nav_grey_expand.gif) no-repeat 0 -22px; height:21px; padding-left:10px; padding-top:0px; float:left; width:180px; line-height:21px; } #header .bottom_menus #vehicles .drop_down ul li.deep_hover{background-position: 0px 0px; background-color:#e3e3e3;} #header .bottom_menus #vehicles .drop_down ul li div li{line-height:29px; background: none; height:48px; padding-left:10px; width:215px;} #header .bottom_menus #vehicles .drop_down ul li div li a{font-size:14px; text-decoration:none;} #header .bottom_menus #vehicles .drop_down ul li div li p{line-height:12px; padding-left:6px; font-size:12px; margin:0;} #header .bottom_menus #vehicles .drop_down ul li div li.first{line-height:49px;} #header .bottom_menus #vehicles .drop_down ul li div li.first a, #header .bottom_menus #vehicles .drop_down ul li div li.last a{font-size:12px;} #header .bottom_menus #vehicles .drop_down ul li div li.last{line-height:49px;} #header .bottom_menus #vehicles .drop_down ul li.deep_hover{background: #e3e3e3 url(/content/images/site/nav_grey_expand.gif) no-repeat 0 -1px; } #header .bottom_menus #vehicles .drop_down ul li.no_drop{background:none;} #header .bottom_menus #vehicles .drop_down ul li.no_drop:hover{background-color: #e3e3e3;} #header .bottom_menus #vehicles .drop_down ul li.place_holder{background:none;} #header .bottom_menus #vehicles .drop_down ul li div li.deep_hover{background:none; background-color:#e3e3e3;} /******************* Footer*************************/ /** This is the footer at the bottom of the content area**/ .footer{clear:both;margin-top:0px;background-color:#e5e5de;height:27px;font-size:10px;color:#55554b; padding-left:24px;} .footer .breadcrumb{float:left;margin-top:8px;margin-bottom:8px;padding:0px 0px 0px 7px;font-size:9px;color:#55554b;} .footer .breadcrumb a{font-size:9px;color:#55554b; text-decoration:none;} .footer .breadcrumb a:hover{text-decoration:underline;} .footer .sign_up{display:block;margin-top:8px;margin-bottom:8px;float:right;padding:0px 26px 0px 0px;font-size:9px;} .footer .sign_up img{float:left;padding-right:6px;} .footer .sign_up a{float:left;text-decoration:none;font-weight:normal;color:#55554b;} .footer .sign_up a:hover{float:left;text-decoration:underline;} /***************Big Footer*****************/ /*This is the 4 lists of vertical links*/ .big_footer{padding-top:19px; margin-left:26px; } .big_footer ul{width:130px;float:left;list-style:none;font-size:10px;} .big_footer span{color:#b9b9a0;border-bottom:1px #b9b9a0 solid;padding-bottom:0px; line-height:25px;} .big_footer li a{color:#b9b9a0; text-decoration:none; line-height:1.4em;} .big_footer li a:hover{text-decoration:underline;} /**individual positioning**/ .big_footer .shopping_tools{padding-left:9px;} .big_footer .subaru_hq{padding-left:17px;} .big_footer .subaru_keylinks{} /*********MySubaru Footer*******************/ .soa .mysubaru_footer{visibility: visible;} .soa .mysubaru_footer table{width:265px; margin-left: 11px; color: #B9B9A0;} /*soa .mysubaru_footer tr{border-bottom: 1px solid #B9B9A0; }*/ .soa .mysubaru_footer td{border: none; border-top: none;border-bottom: 1px solid #B9B9A0;} .soa .mysubaru_footer td.right{float: none; text-align: right;} .soa .mysubaru_footer a {color:#B9B9A0;} .mysubaru_footer{float:right; margin-right:21px; width:286px; background-image:url(/content/images/site/mySubaru_content_bg.jpg); font-size:9px; color:#b9b9a0;} .mysubaru_footer .mySubaru{list-style:none; padding-left:18px;} .mysubaru_footer .mySubaru .title{color:#b9b9a0;border-bottom:1px #b9b9a0 solid;padding-bottom:0px;} .mysubaru_footer .mySubaru .details{padding-left:5px;} .mysubaru_footer .mySubaru li{line-height:2.1em;} .mysubaru_footer .mySubaru li a{color:#b9b9a0; text-decoration:none;} .mysubaru_footer .top{background-image:url(/content/images/site/mySubaru_top_bg.jpg);height:10px; width:286px;} .mysubaru_footer .bottom{background-image:url(/content/images/site/mySubaru_bottom_bg.jpg); height:10px; width:286px;} /**This is hidden until R2*****/ .mysubaru_footer{ visibility:hidden;} /*Temporary fix until all templates are migrated to body.soa */ .mysubaru_footer table {width:100%; color:#55554b; border-collapse: collapse; border-spacing: 0px; text-align: left;} .mysubaru_footer tr.odd {background-color: #E5E5DE;} .mysubaru_footer th {padding:5px;} .mysubaru_footer td {padding:5px; border-top: 1px solid #DFDFDC; border-bottom: 1px solid #DFDFDC;} .mysubaru_footer{visibility: visible;} .mysubaru_footer table{width:265px; margin-left: 11px; color: #B9B9A0;} /*.mysubaru_footer tr{border-bottom: 1px solid #B9B9A0;}*/ .mysubaru_footer td{border: none; border-top: none;border-bottom: 1px solid #B9B9A0;} .mysubaru_footer td.right{float: none; text-align: right;} .mysubaru_footer a {color:#B9B9A0;} /*********Copyright Nav*********************/ .copyright_nav{list-style:none; font-size:9px; color:#b9b9a0; margin-left:26px; padding-top:15px;} .copyright_nav li{float:left; display:inline; padding-right:5px; } .copyright_nav li a{display:block; padding-left:5px; border-left:1px #b9b9a0 solid; color:#b9b9a0; text-decoration:none;} .copyright_nav li a:hover{text-decoration:underline;} /*.disclaimer{font-size:9px; color:#b9b9a0; display:block; width:530px; margin-left:26px; margin-bottom:30px;}*/ .disclaimer_print{font-size:10px; display:block; margin-left:26px; margin-bottom:30px; margin-top:5px; float:left;} /* 4.0 GENERAL STRUCTURE ------------------------------------------ */ .soa .hero_with_nav_wrapper{position:relative; width:950px; margin:0 auto;} .soa .comp282 {width:282px;} .soa .comp590 {width:590px;} .soa .comp898 {width:898px;} .soa .comp736 {width:736px;} .soa .comp282 .top {height:16px; width: 282px; line-height:16px; background: url('/content/images/site/a_282_rc_ultralight_tan_top.gif') left top no-repeat;} .soa .comp282 .bottom {height:16px; width: 282px; line-height:16px; background: url('/content/images/site/a_282_rc_ultralight_tan_bottom.gif') left top no-repeat;} .soa .comp282 .body {width: 258px; padding:0 12px 15px 12px; background: url('/content/images/site/a_282_ultralight_tan_body.gif') left top repeat-y;} .soa .comp590 .top {height:16px; line-height:16px; background: url('/content/images/site/a_590_rc_ultralight_tan_top.gif') left top no-repeat;} .soa .comp590 .bottom {height:16px; line-height:16px; background: url('/content/images/site/a_590_rc_ultralight_tan_bottom.gif') left top no-repeat;} .soa .comp590 .body {padding:0 10px; background: url('/content/images/site/a_590_ultralight_tan_body.gif') left top repeat-y;} .soa .comp590 .title{background-image:url(/content/images/site/pod590_title_bg.jpg);} .soa .comp590 .title h2{color:#55554B;float:left;font-size:20px;font-weight:normal;padding-left:19px;padding-top:18px;} .soa .comp590 .highlightBox {margin:20px 0;} .soa .comp590 .highlightBox .top {height:10px; line-height:10px; background:url("/content/images/site/bg_form590_header.gif") left top no-repeat;} .soa .comp590 .highlightBox .bottom {height:10px; line-height:10px; background:url("/content/images/site/bg_form590_footer.gif") left top no-repeat;} .soa .comp590 .highlightBox .body {width:590px; background:#e0e0d5; padding: 0px;} .soa .comp590 .highlightBox .body p {float:left; padding-top:5px; padding-left: 20px; font-weight:bold;} .soa .comp590 .highlightBox .body p .not_bold{font-weight: normal;} .soa .comp590 .highlightBox .body .button {float:right; margin:0 10px 0 0;} .soa .comp590 .split_left {float:left; width:285px; padding-right: 10px;} .soa .comp590 .split_right {float:right; width:285px; padding-left: 10px;} .soa .comp898 .top {height:16px; line-height:16px; background: url('/content/images/site/a_898_rc_ultralight_tan_top.gif') left top no-repeat;} .soa .comp898 .bottom {height:16px; line-height:16px; background: url('/content/images/site/a_898_rc_ultralight_tan_bottom.gif') left top no-repeat;} .soa .comp898 .body {width: 878px; padding:0 10px; background: url('/content/images/site/a_898_ultralight_tan_body.gif') left top repeat-y;} .soa .top_flat {height:16px; line-height:16px; background:#f8f8f5; border:1px solid #DCDCDC; border-style:solid solid none;} .soa .bottom_flat {height:16px; line-height:16px; background:#f8f8f5; border:1px solid #DCDCDC; border-style:solid solid none;} .soa .comp736 .top{background: url(/content/images/site/a_736_top.jpg) 0 0 no-repeat; height:10px;} .soa .comp736 .body{background: url(/content/images/site/a_736_body.jpg) 0 0 repeat-y;} .vehicles .comp282 .top{background:url(/content/images/site/a_282_vehicles_top.jpg) 0 0 no-repeat;} .vehicles .comp282 .body{background: url(/content/images/site/a_282_vehicles_body.jpg) 0 0 repeat-x #f8f8f8;} .vehicles .comp282 .bottom{background: url(/content/images/site/a_282_vehicles_bottom.jpg) 0 0 no-repeat;} /* 5.0 HEADINGS ------------------------------------------ */ .soa h1 {} .soa h2 {padding-bottom: 15px; font-size: 18px; color:#55554b;} .soa .promo h2 {padding: 0;} .soa .promo img {padding: 0;} .soa .promo p {margin: 0;} .soa h3 {padding-bottom: 15px; font-size: 16px; color:#55554b;} .soa h4 {font-size: 14px; color:#55554b;} /* 6.0 LINKS ------------------------------------------ */ .soa .disclaimer a{color:#b9b9a0; text-decoration: none;} .soa .disclaimer a:hover{text-decoration: underline;} .soa .button_blue {background:url(/content/images/site/button-blue-door.gif) no-repeat 0 0; line-height:23px; color:#ffffff; display:block; float:left; margin-top:5px; margin-right:5px;} .soa .button_blue span {background:url(/content/images/site/button-blue-right.gif) no-repeat right 0; font-size:11px; font-weight:bold; padding:0 15px; display:block; float:left;} .soa .button_green {background:url(/content/images/site/button-green-door.gif) no-repeat 0 0; line-height:23px; color:#ffffff; display:block; float:left; margin-top:5px; margin-right:5px;} .soa .button_green span {background:url(/content/images/site/button-green-right.gif) no-repeat right 0; font-size:11px; font-weight:bold; padding:0 15px; display:block; float:left;} .soa .button_ltblue {background:url(/content/images/site/button-light-door.gif) no-repeat 0 0; line-height:18px; display:block; float:left; margin-top:5px; margin-right:5px;} .soa .button_ltblue span {background:url(/content/images/site/button-light-right.gif) no-repeat right 0; font-size:11px; padding:0 8px; display:block; float:left;} .soa .button_dkblue {background:url(/content/images/site/button-dkblue-door.gif) no-repeat 0 0; line-height:23px; color:#ffffff; display:block; float:left; margin-top:5px; margin-right:5px;} .soa .button_dkblue span {background:url(/content/images/site/button-dkblue-right.gif) no-repeat right 0; font-size:11px; padding:0 8px; display:block; float:left;} .soa .button a:hover, .soa a.button_blue:hover, .soa a.button_green:hover, .soa a.button_ltblue:hover, .soa a.button_dkblue:hover{text-decoration: none;} .soa #cluetip-title, .soa #cluetip-title, .soa #cluetip-inner {font-size:12px;color:#55554b;} .soa #cluetip-title {padding:0;} .soa #cluetip h3 {font-size:12px;padding-bottom:5px;} .soa .cluetip-tip200 #cluetip-title {background:url(/content/images/site/a_200_overlay_top.png) no-repeat 0 top;padding:7px 11px 5px 7px;width:186px;} .soa .cluetip-tip200 #cluetip-inner {background:url(/content/images/site/a_200_overlay_bottom.png) no-repeat 0 bottom;padding:0 11px 11px 7px;width:186px;} .soa .cluetip-tip282 #cluetip-title {background:url(/content/images/site/a_282_overlay_top.png) no-repeat 0 top;padding:7px 11px 5px 7px;width:268px;} .soa .cluetip-tip282 #cluetip-inner {background:url(/content/images/site/a_282_overlay_bottom.png) no-repeat 0 bottom;padding:0 11px 11px 7px;width:268px;} /* 7.0 PARAGRAPHS ------------------------------------------ */ .soa p {font-size: 12px; color:#55554b; } .soa p.sub_text {font-size: 10px;} .soa .disclaimer p{font-size: 9px; color: #B9B9A0;} /* 8.0 BLOCKQUOTES, CITATIONS, HR ------------------------------------------ */ .hr {border:none; border-bottom:1px solid #B7B7A0;} /* 9.0 FORMS ------------------------------------------ */ /* general form styles */ .soa form {color:#55554b;} .soa form .form_head .top {height:10px; line-height:10px; background: url("/content/images/site/bg282_grey_bbg_header.gif") left top no-repeat;} .soa form .form_head .bottom {height:10px; line-height:10px; background: url("/content/images/site/bg282_grey_bbg_footer.gif") left top no-repeat;} .soa form .form_head .body {width:280px; background: none; background-color: #e5e5de; border-right: 1px solid #dcdcda; border-left: 1px solid #dcdcda; padding: 0px;} .soa form .form_head .body p {padding-left: 20px; font-size: 15px; color:#55554b;} .soa form label {clear:both; float:left; margin-top: 20px; padding:0 0 5px 20px;} .soa form p.inputCont {clear:both; float:left; padding-left:20px;} .soa form p.required {background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .soa .primary_content form input, .soa .primary_content form select, .soa .primary_content form textarea {border:1px solid #90908a;} .soa form textarea {font-size:12px; font-weight:normal; resize:none;} .soa form .readonly {background-color:#f0f0f0;} .soa form .splitLeft {clear:left; float:left;} .soa form .splitRight {clear:none; float:left;} .soa form .inputGroup ul.radio {list-style:none; margin:0 0 0 20px;} .soa form .inputGroup .body ul.radio li {width:250px; padding:5px 0;} .soa form .inputGroup ul.radio li input {float:left; width:15px; margin:0px; border:none;} .soa form .inputGroup ul.radio li span {padding-left: 10px;} .soa form .button a:hover {text-decoration: none;} .soa form .button .cancel {cursor:pointer; font-size: 12px; font-family:"Sans-serif",Arial} .cancel:hover{text-decoration:underline;} /* Specific forms -in alphabetical order- */ .soa #autoshowTicker { clear: both; width: 282px; margin: 0 0 0 18px; } .soa #autoshowTicker .tickerRow { clear: both; } .soa #autoshowTicker .sect { width: 55px; height: 40px; padding: 2px 0 0; float: left; background: url(/content/events/as_2011_ny/2012_impreza_debut/bg_number.jpg); } .soa #autoshowTicker .divider { width: 8px; height: 42px; background: url(/content/events/as_2011_ny/2012_impreza_debut/numberdivider.png); float: left; } .soa #autoshowTicker div.number { height: 38px; width: 26px; float: left; background: #fff url(/content/events/as_2011_ny/2012_impreza_debut/numbersprite.jpg); margin-left: 1px; } .soa #autoshowTicker .titleSect { font-family: Arial; font-size: 12px; color: #4c4b47; width: 55px; float: left; text-align: center; margin-right: 8px; } .soa .autoShowTitle h1 { padding: 0 0 8px 17px !important; color: #68685d; } .soa .autoShowTitle_420 h1 { padding: 0 20px 8px 17px !important; color: #68685d; font-size: 19px; width: 250px !important;} .soa .bluetooth_compatibility {width:898px; min-height:304px; background: url('/content/images/hero/bluetooth/bg_bluetooth_compatibility.jpg') no-repeat;} .soa .bluetooth_compatibility .top {width:898px; height:10px; background: url('/content/images/site/a_898_bluetooth_top.png') top left no-repeat;} .soa .bluetooth_compatibility .bottom {width:898px; height:10px; background: url('/content/images/site/a_898_bluetooth_bottom.png') top left no-repeat;} .soa .bluetooth_compatibility .content {width:898px; background: url('/content/images/site/a_898_bluetooth_body.jpg') top left repeat-y;} .soa .bluetooth_compatibility .content .left {float:left; position: relative; width:331px; } .soa .bluetooth_compatibility .content .left img {width:293px; margin:30px 20px 20px 20px;} .soa .bluetooth_compatibility .content .left .bt_hero_text {width:293px; margin:0 20px 0 20px; padding-bottom:20px;} .soa .bluetooth_compatibility .content .left .bt_hero_text p {line-height:1.5em; font-size: 14px;} .soa .bluetooth_compatibility .content .right {float:right; width:563px;} .soa .bluetooth_compatibility .content .right .showForm {width: 565px;} .soa .bluetooth_compatibility .content .right h3 {margin:15px 0 0 20px; padding-bottom:5px; font-size: 18px; font-weight: normal;} .soa .bluetooth_compatibility .content .right p.lead_text {margin-right: 10px; margin-left: 20px;} .soa .bluetooth_compatibility .content .right form { margin-right:15px;margin-right:15px;width:562px;} .soa .bluetooth_compatibility .content .right form label {padding-left:40px;width:140px;} .soa .bluetooth_compatibility .content .right p.inputCont {width:250px;} .soa .bluetooth_compatibility .content .right p.inputCont span {width:15px; font-weight: bold; padding-right: 5px;} .soa .bluetooth_compatibility .content .right p.inputCont select {width:230px;} .soa .bluetooth_compatibility .content .right p.inputEngineering select {width:190px;} .soa .bluetooth_compatibility .content .right .showForm .split_left {float: left; width:275px; clear:none;} .soa .bluetooth_compatibility .content .right .showForm .split_right {float:left; width:275px;clear:none;} .soa .bluetooth_compatibility .content .right .showResult .split_left {float: left; width:210px;} .soa .bluetooth_compatibility .content .right .showResult .split_left p.bt_type {margin:0 0 0 20px; font-size: 14px;} .soa .bluetooth_compatibility .content .right .showResult .split_left label {padding-left:20px;} .soa .bluetooth_compatibility .content .right .showResult .split_left p.inputCont select {width:190px;} .soa .bluetooth_compatibility .content .right .showResult .split_right {float:right; width:330px;} .soa .bluetooth_compatibility .content .right .showResult .split_right .phone_image {float:left; width:89px; padding-top:35px;} .soa .bluetooth_compatibility .content .right .showResult .split_right .phone_features {float:left; width:229px;} .soa .bluetooth_compatibility .content .right .showResult .split_right .phone_features p {font-size: 14px; font-weight: bold;} .soa .bluetooth_compatibility .content .right .showResult .split_right .phone_features table {margin-top:20px;} .soa .bluetooth_compatibility .content .right .showResult .split_right .phone_features table th {padding:3px 0 2px; text-align:left;} .soa .bluetooth_compatibility .content .right .showResult .split_right .phone_features table td {padding:3px 0 2px 0; border:none;} .soa .bluetooth_compatibility .button {margin:0 0 0 0; padding:20px 10px 20px 0;} .soa .bluetooth_compatibility .formCont {float:right; width:560px;} .soa .bluetooth_compatibility .button span {float:right;} .soa .bluetooth_compatibility .button span a {font-size:12px; font-weight:bold; line-height:12px;} .soa a.dogLink { color: #493; text-decoration: underline; } .soa .dogTestedContainer { margin: 187px 0 0; } .soa .dogTestedContainer h3 { color: #493; font-size: 20px; margin: 0 0 10px; padding: 0; } .soa #dogCounter { background: url(/content/images/site/dogs_bg_counter.jpg); width: 152px; height: 60px; position: relative; } .soa #dogCounter img.football { position: absolute; right: -26px; top: 23px; } .soa #dogCounter ul { list-style: none; padding: 8px 0 0 8px; margin: 0; } .soa #dogCounter ul li { float: left; height: 28px; width: 18px; background: url(/content/images/site/dogs_bg_numbers.png); margin: 0 0 0 4px; padding: 0; } .soa #form_dogTestEntry .errorPlaceHolder.errorFocus { display: none; } .find_dealer_282 .body h3 {font-size: 15px; color:#55554b;} .find_dealer_282 .body p {color:#55554b;} .find_dealer_282 .body form {padding-top:15px;} .find_dealer_282 .body form input {float:left; height:18px; border: 1px solid #b4b4b4;} .find_dealer_282 .body form input.search_button {height:20px; float:none;} #findDealer_chinese img.search_button {height:22px; cursor:pointer;} #truelove.find_dealer_282 h3{font-weight:bold; font-size:18px;} #truelove.find_dealer_282 h4{font-size:14px; padding:10px 0;} #truelove.find_dealer_282 p{padding:0 0 15px 0; width:210px;} #truelove.find_dealer_282 .separator{width:auto; height:1px; background-color:#dcdcdc; clear:both; font-size:0; line-height:0;} #truelove.find_dealer_282 .form{padding:0 12px 30px; width: 258px; background:url("/content/images/site/a_282_ultralight_tan_body.gif") repeat-y scroll left top transparent;} #truelove.find_dealer_282 .dealer_result .result{padding:10px 0;} #form_truelove .input_text{width:152px; height:16px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#a5999d; border:1px solid #908f8b; float:left;} #form_truelove .submit{width:20px; height:20px; background:url(/content/images/site/a_icon_form_arrow2.jpg) top left no-repeat; border:1px solid #908f8b; float:left; font-size:0; line-height:0; text-indent:-9999px; outline:none;} #trademotion.find_dealer_282 h3{font-weight:bold; font-size:18px;} #trademotion.find_dealer_282 h4{font-size:14px; padding:10px 0;} #trademotion.find_dealer_282 p{width:210px;} #trademotion.find_dealer_282 .separator{width:auto; height:1px; background-color:#dcdcdc; clear:both; font-size:0; line-height:0;} #trademotion.find_dealer_282 .form{padding:0 12px 30px; width: 258px; background:url("/content/images/site/a_282_ultralight_tan_body.gif") repeat-y scroll left top transparent;} #trademotion.find_dealer_282 .dealer_result .result{padding:10px 0 0 0;} #form_trademotion .input_text{width:152px; height:16px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#a5999d; border:1px solid #908f8b; float:left;} #form_trademotion .submit{width:20px; height:20px; background:url(/content/images/site/a_icon_form_arrow2.jpg) top left no-repeat; border:1px solid #908f8b; float:left; font-size:0; line-height:0; text-indent:-9999px; outline:none;} .soa .find_dealer_general_offers h2 {font-size: 20px; font-weight: normal;} .soa .find_dealer_general_offers h3 {font-size: 16px; font-weight: normal; line-height: 20px; padding:4px 0 0 10px;} .soa .find_dealer_general_offers form {margin-left: 10px;} .soa .find_dealer_general_offers .search_title {width: 260px; font-size: 20px; font-weight: normal; margin-left:20px; padding-top: 10px; } .soa .find_dealer_general_offers .nav-button-green {float:left; height:23px; line-height: 23px; display:inline; margin:10px 7px 0 20px; text-transform: uppercase; background: url("/content/images/site/button-green-door.gif") no-repeat;} .soa .find_dealer_general_offers .nav-button-green a {float:left; display:block; height:23px; padding:0 7px; font-size: 10px; font-weight: bold; text-decoration: none; color:#EEEEEE; background: url("/content/images/site/button-green-right.gif") top right no-repeat;} .soa .find_special_offers .top {height:16px; background: url('/content/images/site/a_282_rc_ultralight_tan_top.gif') left top no-repeat;} .soa .find_special_offers .bottom {height:16px; background: url('/content/images/site/a_282_rc_ultralight_tan_bottom.gif') left top no-repeat;} .soa .find_special_offers .body {width: 262px; padding:0 10px; background: url('/content/images/site/a_282_ultralight_tan_body.gif') left top repeat-y;} .soa .find_special_offers h2 {position:relative; margin-top:-9px; padding-bottom:6px; padding-left:6px; font-size: 20px; color:#55554B; font-weight:normal;} .soa .find_special_offers .body h3 {padding:4px 10px 0 15px; font-weight:normal; font-size:16px; color:#555555; line-height:20px;} .soa .find_special_offers .body form {margin-left: 15px; padding-top:15px;} .soa .find_special_offers .body form input {float:left; height:18px; border: 1px solid #b4b4b4;} .soa .find_special_offers .body form input.search_button {height:20px;} .soa .find_special_offers .search_title {width:260px; margin-left:20px; padding-top:10px; color:#55554B; font-size:21px; font-weight:normal;} .soa .find_special_offers .nav-button-green {display:block;float:left;margin:0 7px 0 0;padding:0;background:url(/content/images/site/button-blue-door.gif) no-repeat;line-height:23px;height:23px;text-transform:uppercase;} .soa .find_special_offers .nav-button-green {background:url(/content/images/site/button-green-door.gif) no-repeat; margin-top:10px; margin-left:19px; display:inline;} .soa .find_special_offers .nav-button-green a {display:block;float:left;background:url(/content/images/site/button-blue-right.gif) no-repeat top right;height:23px;padding:0 7px;border:none;font-size:10px;font-weight:bold;color:#eeeeee; text-decoration:none;} .soa .find_special_offers .nav-button-green a {background:url(/content/images/site/button-green-right.gif) no-repeat top right;} .soa .find_special_offers .nav-button-green a:hover {color:#ffffff;text-decoration:none;} .form_payments label {width:262px;} .form_payments .inputGroup {float:left; width:262px; margin-left: 20px;} .form_payments .inputGroup .top {height:10px; background: url("/content/images/site/bg262_greyborderTop.jpg") left top no-repeat;} .form_payments .inputGroup .bottom {height:10px; background: url("/content/images/site/bg262_greyborderBottom.jpg") left top no-repeat;} .form_payments .inputGroup .body {width:262px; background: url("/content/images/site/bg262_greyborderBody.jpg") left top repeat-y;} .form_payments .paymentCont {width:262px; margin-left: 20px;} .form_payments .paymentCont h3 {padding-top: 20px;} .form_payments .paymentCont p.price {padding:20px 0; font-size: 15px;} .form_payments .paymentCont .button {margin-top:20px; margin-bottom: 20px; display: block;} .soa .form_add_vehicle h3 {padding-bottom: 0px;} .soa .form_add_vehicle .comp282 {float:left; padding-left: 0px; padding-right: 10px;} .soa .form_add_vehicle .left label, .soa .form_add_vehicle .left p.inputCont {padding-left: 0px;} .soa .form_add_vehicle .comp282 label, .soa .form_add_vehicle .comp282 p.inputCont input, .soa .form_add_vehicle .comp282 p.inputCont select {width:262px;} .soa .form_add_vehicle .comp282 p.inputCont .addMileage{width:80px;} .soa .form_add_vehicle .vin_content p {width:262px; padding-top: 10px;} .soa .form_add_vehicle .field_check {clear:both; float:left; width:260px; margin:10px 0 0 20px; display:none;} .soa .form_add_vehicle .field_check img {float:left; width:30px; padding-right: 10px;} .soa .form_add_vehicle .field_check p {float:left; width:200px;} /*.soa .form_add_vehicle .list_mileage {clear:both; float:left; width:260px; margin:0; list-style-type: none;}*/ .soa .form_add_vehicle .list_mileage {float:left; width:80px;} .soa .form_add_vehicle .list_mileage span {float:left; width:80px; padding-bottom: 5px; padding-left: 20px; font-weight: normal; font-style: italic;} .soa .form_add_vehicle .list_mileage li.required {padding-left: 20px; background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .soa .form_add_vehicle .list_mileage li input {float:left; width:70px; margin-bottom: 10px;} /*.soa .form_add_vehicle .addMileage {width:80px;}*/ .soa .form_add_vehicle .button {margin:20px 0 0 0; padding:0 20px 20px 0;} .soa .form_add_vehicle .button span {float:right;} .soa .form_add_vehicle .button span a {font-size:12px; font-weight:bold; line-height:10px;} .soa .form_add_vehicle .button .cancel {padding-top:2px; border:none;} .soa .form_account_creation .form_head .body {padding-bottom: 10px;} .soa .form_account_creation .form_bottom .footer {height:10px; border-top: 1px solid #dcdcda;} .soa .form_account_creation .form_bottom .bottom {height:10px; line-height:10px; background: url("/content/images/site/bg282_grey_bbg_footer.gif") left top no-repeat;} .soa .form_account_creation .form_body {width:280px;border-right: 1px solid #dcdcda; border-left: 1px solid #dcdcda;} .soa .form_account_creation p.currentOwner {position:relative; margin:10px 0; padding-left: 15px;} .soa .form_account_creation p.privacy_policy {position:relative; margin:10px 0; padding-left: 20px;} .soa .form_account_creation p.currentOwner input, .soa .form_account_creation p.privacy_policy input {margin-right: 10px;} .soa .form_account_creation p.currentOwner span, .soa .form_account_creation p.privacy_policy span {position:absolute; width:200px; margin-top:3px;} .soa .form_account_creation .req_instruct {clear:left; padding-bottom: 10px; padding-left:20px; color:#177bb1; background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .soa .form_account_creation dt {padding:5px 0 5px 20px; border-top: 1px solid #dcdcda; background-color: #e5e5de; color:#177bb1; font-weight: normal; cursor:pointer;} .soa .form_account_creation dt.active {padding-bottom: 0px; border:none; background-color: #fff; font-weight: bold; color:#177bb1;} .soa .form_account_creation .inputCont input, .soa .form_account_creation select, .soa .form_account_creation textarea {width:240px;} .soa .form_account_creation .check_list {padding-top: 0px;} .soa .form_account_creation input.checkbox {width:15px; border:none;} .soa .form_account_creation .field_check {clear:both; float:left; width:260px; margin:10px 0 0 20px; display:none;} .soa .form_account_creation .field_check img {float:left; width:30px; padding-right: 10px;} .soa .form_account_creation .field_check p {float:left; width:200px;} .soa .form_account_creation .list_mileage {clear:both; float:left; width:260px; margin:0; list-style-type: none;} .soa .form_account_creation .list_mileage li {float:left; width:80px;} .soa .form_account_creation .list_mileage li.required {padding-left: 20px; background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .soa .form_account_creation .list_mileage li span {float:left; width:80px; padding-bottom: 5px; font-weight: normal; font-style: italic;} .soa .form_account_creation .list_mileage li input {float:left; width:70px; margin-bottom: 10px;} .soa .form_account_creation .button {margin:20px 0 0 0; padding:0 20px 20px 0;} .soa .form_account_creation .button span {float:right;} .soa .form_account_creation .button span a {font-size:12px; font-weight:bold; line-height:12px;} .soa .form_account_creation .button .cancel {padding-top:2px; border:none;} .soa .form_account_creation .title {height:45px; min-height:45px; background:transparent url(/content/images/site/pod282_title_bg.jpg) no-repeat scroll 0 0;} .soa .form_account_creation .title h2 {color:#55554B; float:left; font-size:20px; font-weight:normal; padding-left:19px; padding-top:18px;} /* Acount Registration form_body_audience_01 */ .soa .form_account_creation .title_56 {height:56px; min-height:56px; background:transparent url(/content/images/site/pod282_title_bg_56.jpg) no-repeat scroll 0 0;} .soa .form_account_creation .title_56 h2 {color:#55554B; float:left; font-size:20px; font-weight:normal; padding:9px 0 0 19px; } .soa .form_account_creation .title_56 p {float:left; padding:2px 0 0 19px;clear:both;width:200px;} .soa .form_account_creation .form_body_audience_01 {width:280px;border-right: 1px solid #dcdcda; border-left: 1px solid #dcdcda; float:left;} .soa .form_account_creation .form_body_audience_01 p.topcomment {padding:15px 0 15px 19px; float:left; width:240px;} .soa .form_account_creation .form_body_audience_01 .comment {padding:0 0 15px 19px; float:left;width:240px; } .soa .form_account_creation .form_body_audience_01 p.vinInfo {padding:0 0 15px 19px; display:none; float:left; width:240px;} .soa #form_redirected_account_creation .my_subaru_login {padding:0; margin:0; display:none; float:left;} .soa #form_redirected_account_creation #form_account_registration {padding:0; margin:0; float:left;} .soa #form_redirected_account_creation.unknown #form_account_registration{display:none;} .soa #form_redirected_account_creation .my_subaru_login label {padding:0 0 0 20px; width:220px;} .soa #form_redirected_account_creation .my_subaru_login .inputCont {} .soa #form_redirected_account_creation .my_subaru_login .inputCont input {width:240px; margin: 3px 0 0 20px;} .soa .form_account_creation .form_body_audience_01 .req_instruct {clear:left; float:left; clear:both; margin:10px 0 0 15px;width:200px; color:#55554B; background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .soa .form_account_creation .form_body_audience_01 p.inputCont {margin:0 0 15px 0;} .soa .form_account_creation .form_body_audience_01 .button {float:right;} .soa .article_2a_largeImageTop_0590 img{ margin: 0 0 20px 0;} /* Acount Registration form_body_audience_01 */ .form_com_leasing .req_instruct {margin-top: 20px; padding-left:20px; color:#177bb1; background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .form_com_leasing input, .form_com_leasing select, .form_com_leasing textarea {width:260px;} .form_com_leasing .splitLeft select {width:125px;} .form_com_leasing .splitRight input {width:110px;} .form_com_leasing .button {margin:20px 0 20px 20px;} .form_com_leasing input.cancel {float:left; width:50px; height:24px; margin-left: 10px; border:none;} .soa #chinese_to_english_notification {position:absolute; display:none; z-index:99;40%;} .soa #chinese_to_english_notification p {padding:0 0 7px 20px;width:207px;} .soa #chinese_to_english_notification .component_button {float:left;margin:0 0 0 27px;} .soa #mysubaru_notification {position:absolute; display:none; z-index:99;40%;} .soa #mysubaru_notification p {padding:0 0 7px 20px;width:207px;} .soa #mysubaru_notification .component_button {margin:0 0 0 120px;} .soa #mysubaru_vehicle_delete_confirmation {position:absolute; display:none; z-index:99;40%;} .soa #mysubaru_vehicle_delete_confirmation p {padding:0 0 7px 20px;width:207px;} .soa #mysubaru_vehicle_delete_confirmation .component_button {float:left; margin:0 0 0 20px;} .soa #form_forgot_email, .soa #form_forgot_password, .soa #form_forgot_email, .soa #form_forgot_password, .soa #form_my_profile_update_contact, .soa #form_my_profile_update_login, .soa #form_my_profile_update_vehicle, .soa #form_owner_story, .soa #form_suggest_link, .soa #form_owner_events_changeZip {position:absolute; display:none; z-index:99;left:0;top:0;} .soa #form_owner_events_changeZip input {margin:10px 0 0 22px;} .soa #form_owner_story label {margin-top:10px} .soa #form_owner_story .terms input {width:20px} .soa #form_owner_story .terms span{position:static;} .soa #form_suggest {position:absolute; display:none; z-index:99;left:0;top:0;} .soa #form_forgot_email, .soa #form_forgot_password {} .soa #form_forgot_password img.centerSpin{float:right;margin-right:40px;} .soa .form_gtp_calculator {padding-top: 20px;} .soa .form_gtp_calculator p.instruction {padding:0 0 15px 0; color: #ffffff; font-size: 16px;} .soa .form_gtp_calculator p.inputCont {padding:0; width:262px;} .soa .form_gtp_calculator p.inputCont input {width:257px; padding:5px 0 5px 5px;} .soa .form_gtp_calculator p.vinHelp {padding:15px 0;} .soa .form_gtp_calculator p.vinHelp a {color:#fff;} .soa .form_gtp_calculator .button input {width:262px; height:38px; font-size: 14px; font-weight: bold; color:#0e74bc; background: url("/content/images/site/formButton_gtp_grey_full.png") left top no-repeat; border:none;} .soa .form_gtp_calculator .button p {width:262px; text-align: center;} .soa .form_gtp_calculator .button p a {display:block; width:262px; height:38px; padding:0; line-height:38px; font-size: 14px; font-weight: bold; color:#0e74bc; background: url("/content/images/site/formButton_gtp_grey_full.png") left top no-repeat;} .soa .form_gtp_calculator .gtpError h3 {color:#fff; font-size: 16px;} .soa .form_gtp_calculator .gtpError p, .soa .form_gtp_calculator .gtpSuccess p {color:#fff;} .soa .form_gtp_calculator .gtpError p a {color:#fff; text-decoration: underline;} .soa .form_gtp_calculator .gtpSuccess p.gtpValue {font-size: 40px; font-weight: bold;} .soa .form_gtp_calculator .gtpSuccess p.gtpValue sup {font-size:15px;} .soa .login_welcome {padding:0 0 10px 0;} .soa #form_immobilizer_code p.inputCont{padding-left: 0px;} .soa #form_immobilizer_code .button{margin-top: 10px;} .soa .form_my_poll .inputGroup {width:285px; margin-left: 0px;} .soa .form_my_poll .inputGroup ul.radio {list-style:none; margin:0;} .soa .form_my_poll .inputGroup ul.radio li {width:285px; padding:5px 0;} .soa .form_my_poll .inputGroup ul.radio li input {float:left; width:15px; margin:0px; border:none;} .soa .form_my_poll .inputGroup ul.radio li span {padding-left: 10px;} .soa .form_my_poll .button {margin-top: 20px;} .soa .form_my_profile_subscriptions h3 {padding-bottom:0px;} .soa .form_my_profile_subscriptions .comp282 {float:left; padding-left: 0px;} .soa .form_my_profile_subscriptions .comp282 label {margin-top:5px; padding-left:0px; font-weight: bold;} .soa .form_my_profile_subscriptions .comp282 .check_list {margin:0 0 5px 0px; padding-top: 5px; } .soa .form_my_profile_subscriptions .comp282 .check_list input {margin:0; padding:0; border:none;} .soa .form_my_profile_subscriptions .comp282 .check_list li span {margin-top: 1px;} .soa .form_my_profile_subscriptions .privacy_policy {padding:5px 0 0 0;} .soa .form_my_profile_subscriptions .button {padding:20px 0 0 0;} .soa .form_my_profile_subscriptions .button .ajax-spinner {width:25px; padding-left: 20px;} .form_payments label {width:262px;} .form_payments .inputGroup {float:left; width:262px; margin-left: 20px;} .form_payments .inputGroup .top {height:10px; line-height:10px; background: url("/content/images/site/bg262_greyborderTop.jpg") left top no-repeat;} .form_payments .inputGroup .bottom {height:10px; line-height:10px; background: url("/content/images/site/bg262_greyborderBottom.jpg") left top no-repeat;} .form_payments .inputGroup .body {width:262px; background: url("/content/images/site/bg262_greyborderBody.jpg") left top repeat-y;} .form_payments .paymentCont {width:262px; margin-left: 20px;} .form_payments .paymentCont h3 {padding-top: 20px;} .form_payments .paymentCont p.price {padding:20px 0; font-size: 15px;} .form_payments .paymentCont .button {margin-top:20px; margin-bottom: 20px; display: block;} .soa .form_popup_282 .top {width:282px; padding:0; background: url("/content/images/site/a_282_rc_light_grey_top.png") left top no-repeat;} .soa .form_popup_282 .bottom {width:282px; padding:0; background: url("/content/images/site/a_282_rc_light_grey_bottom.png") left top no-repeat;} .soa .form_popup_282 .body {position:relative; width:282px; padding:0; background: url("/content/images/site/a_282_light_grey_body.png") left top repeat-y;} .soa .form_popup_282 .body span.close_button, .soa .my_vehicle_detail .close_button img, .soa .form_popup_282 .body span.close {position:absolute; width:12px; margin:0 10px 0 250px; cursor:pointer;} .soa .form_popup_282 .body h3 {padding-bottom: 5px; padding-left: 20px;} .soa .form_popup_282 .body p {padding-right: 15px; padding-left: 20px;} .soa .form_popup_282 .req_instruct {clear:left; margin-top: 10px; margin-left: 1px; padding-left:20px; color:#177bb1; background: url("/content/images/site/form_starBlue_light_grey.jpg") left top no-repeat;} .soa .form_popup_282 .required {margin-left: 1px; background: url("/content/images/site/form_starBlue_light_grey.jpg") left top no-repeat;} .soa .form_popup_282 .body form label, .soa .form_popup_282 .body form p.inputCont {} .soa .form_popup_282 .body form p.inputCont input, .soa .form_popup_282 .body form p.inputCont select {width:240px;} .soa .form_popup_282 .body .field_check {clear:both; float:left; width:260px; margin:10px 0 0 20px; display:none;} .soa .form_popup_282 .body .field_check img {float:left; width:30px; padding-right: 10px;} .soa .form_popup_282 .body .field_check p {float:left; width:200px;} .soa .form_popup_282 .body .list_mileage {clear:both; float:left; width:260px; margin:0 0 0 0px; list-style-type: none;} .soa .form_popup_282 .body .list_mileage {float:left; width:80px;} .soa .form_popup_282 .body .list_mileage span {width:80px; padding-bottom: 5px; font-weight: normal; font-style: italic;} .soa .form_popup_282 .body .list_mileage input {width:70px;} .soa .form_popup_282 .body form .button {padding-top: 20px; padding-right: 20px; float:right;} .soa .form_popup_282 .body form .button span {float:right;} .soa .form_popup_282 .body form .button span a {font-size:12px; font-weight:bold; line-height:10px;} .soa .form_popup_282 .body form .button input.cancel {border:none; background-color: #f2f2f2;} .soa .form_popup_590 .top {width:590px; padding:0; background: url("/content/images/site/a_590_rc_light_grey_top.png") left top no-repeat;} .soa .form_popup_590 .bottom {width:590px; padding:0; background: url("/content/images/site/a_590_rc_light_grey_bottom.png") left top no-repeat;} .soa .form_popup_590 .body {position:relative; width:590px; padding:0; margin-top:-3px;background: url("/content/images/site/a_590_light_grey_body.png") left top repeat-y;} .soa .form_popup_590 .body span.close {position:absolute; width:12px; margin:0 10px 0 550px; cursor:pointer;} .soa .form_popup_590 .body h3 {padding-bottom: 5px; padding-left: 20px;} .soa .form_popup_590 .body p {width:560px; padding-left:20px;} .soa .form_popup_590 .body textarea {width:550px; max-width:550px; resize:vertical;} .soa .form_popup_590 .req_instruct {clear:left; margin:20px 0 0 1px; padding-left: 19px; color:#177bb1; background: url("/content/images/site/form_starBlue_light_grey.jpg") left top no-repeat;} .soa .form_popup_590 .required {margin-left: 1px; background: url("/content/images/site/form_starBlue_light_grey.jpg") left top no-repeat;} .soa .form_popup_590 .body form p.inputCont input, .soa .form_popup_590 .body form p.inputCont select {width:260px;} .soa .form_popup_590 .body form div.terms {position: relative; margin-top: 15px;padding-left:20px;display:block;} .soa .form_popup_590 .body form div.terms input {border:none;} .soa .form_popup_590 .body form div.terms span {position: absolute; margin-top: 4px;} .soa .form_popup_590 .body form div.terms p {display:block; padding-top:10px; padding-left:0; width:520px; font-size: 11px;} .soa .form_popup_590 .body form .button {padding-top: 20px; padding-right: 20px; float:right;} .soa .form_popup_590 .body form .button span {float:right;} .soa .form_popup_590 .body form .button span a {font-size:12px; font-weight:bold; line-height:10px;} .soa .form_popup_590 .body .disclaimer {margin:20px 0 0 20px; font-size: 11px; width:520px;} .soa .soa_foundation_questionnaire {position:absolute; display:none; z-index:99;40%; padding:0; margin:0; } .soa .soa_foundation_questionnaire.form_popup_590 .body h3 {padding-bottom:0;padding-left:21px;} .soa .soa_foundation_questionnaire.form_popup_590 .body span.close_button {position:absolute; width:12px; margin:0 10px 0 550px; cursor:pointer;} .soa .soa_foundation_questionnaire.form_popup_590 .body .component_button {float:left; margin:0 0 0 20px;} .soa .soa_foundation_questionnaire.form_popup_590 .body p {margin:3px 0 0;} .soa .soa_foundation_questionnaire.form_popup_590 .body p.question {padding:27px 0 0 20px;color:#177BB1;} .soa .soa_foundation_questionnaire.form_popup_590 .body .anotation {margin:10px 0 0 0;} .soa .soa_foundation_questionnaire.form_popup_590 .body .anotation p {font-size:11px; padding:0 0 0 45px; width:500px} .soa .soa_foundation_questionnaire.form_popup_590 .body ul.radio {list-style:none outside none; margin:21px 0 0 16px;} .soa .soa_foundation_questionnaire.form_popup_590 .body ul.radio li input {border:medium none; float:left; width:15px;} .soa .soa_foundation_questionnaire.form_popup_590 .body ul.radio li p {float:left; font-size:11px; padding:0 0 13px 3px; width:40px} .soa .soa_foundation_questionnaire.form_popup_590 .body ul.radio li .msg {font-size:11px;} .soa .foundation_recent_grants {position:absolute; display:none; z-index:99;40%; padding:0; margin:0; } .soa .foundation_recent_grants.form_popup_590 .body {height:435px; overflow:auto;} .soa .foundation_recent_grants.form_popup_590 .body h3 {padding-bottom:0;padding-left:21px;} .soa .foundation_recent_grants.form_popup_590 .body span.close_button {position:absolute; width:12px; margin:0 10px 0 550px; cursor:pointer;} .soa .foundation_recent_grants.form_popup_590 .body .component_button {float:left; margin:0 0 0 20px;} .soa .foundation_recent_grants.form_popup_590 .body p {margin:0 0 0 0;} .soa .foundation_recent_grants.form_popup_590 .body ul li {margin:3px 10px 0 20px;} .soa #form_print_gtp{} .soa #form_print_gtp .body h4{padding:20px 20px 8px 20px; font-size: 12px;} .soa #form_print_gtp .body p.gtp_value{color:#177BB1;font-size:26px;font-weight:bold;} .soa #form_print_gtp .body p.gtp_valid_until{font-weight: bold;} .soa #form_print_gtp .body p.gtp_valid_until span{font-weight: normal;} .soa #form_print_gtp .body p.gtp_instructions{padding-top: 10px;} .soa #form_print_gtp .body form .req_instruct {clear:left; margin-top: 10px; padding-left:20px; color:#177bb1; background: url("/content/images/site/form_starBlue_light_grey.jpg") left top no-repeat;} .soa #form_print_gtp .body p.dealer_checkbox {position:relative; margin:10px 0; padding-bottom: 10px; padding-left: 15px;} .soa #form_print_gtp .body form input.checkbox {width:15px;} .soa #form_print_gtp .body p.dealer_checkbox span {position:absolute; width:200px; margin-top:3px;} .soa #form_print_gtp p.no_dealer{padding-top: 10px;} .soa #form_print_gtp .body form .button{padding-right: 40px;} .soa .form_service_record h3 {padding-bottom: 0px;} .soa .form_service_record p.delete_record {position:relative; margin:10px 0 0 0; padding-left: 15px;} .soa .form_service_record p.delete_record span {position:absolute; width:200px; margin-top:3px;} .soa .form_service_record .inputCont input, .soa .form_service_record .inputCont select {width:240px;} .soa .form_service_record input.checkbox {width:15px; border:none;} .soa .form_service_record .button {margin:20px 0 0 20px;} .soa .form_service_record .button span.blue{margin: 0 89px 0 0;} .soa .form_service_record .button .ajax-spinner {float:right;} .soa .form_suggest_link textarea {width:240px;} .soa .gtp_calculator .top {background: url("/content/images/site/a_898_rc_blue_top.jpg") left top no-repeat;} .soa .gtp_calculator .bottom {background: url("/content/images/site/a_898_rc_blue_bottom.jpg") left top no-repeat;} .soa .gtp_calculator .body {width:898px; padding:0; background: url("/content/images/site/a_898_blue_body.jpg") left top repeat-y;} .soa .gtp_calculator .body .comp590 {float:left;} .soa .gtp_calculator .body .comp282 {float:left;} .soa .my_subaru_login h3, .soa .reset_password h3 {padding-bottom: 0px; font-size:20px; font-weight:normal; padding-left:0;} .soa .my_subaru_login label, .soa .reset_password label {margin-top: 10px; padding-left:0px; width:250px;} .soa .my_subaru_login label span, .soa .reset_password label span {margin-left:10px;white-space:nowrap;} .soa .my_subaru_login .inputCont, .soa .reset_password .inputCont {padding-left:0px;} .soa .my_subaru_login .inputCont input, .soa .reset_password .inputCont input {width:276px;} .soa .my_subaru_login .button, .soa .reset_password .button {margin:20px 0 0 0; } .soa .my_subaru_login .button span, .soa .reset_password .button span {float:right;} .soa .my_subaru_login .button span a, .soa .button a.blue, .soa .button a.green {font-size:12px; font-weight:bold; line-height:12px;} .soa .my_subaru_login .button .cancel {padding-top:2px; border:none;} .soa .my_subaru_login #submit_login_button {position:absolute; top:-300em;} .soa .my_subaru_login .server_error {position:relative; width:276px; margin:10px 0; padding:5px 0; background:#faf9dc url(/content/images/site/bg_errorExclamation.jpg) left top no-repeat; border:1px solid #e8844e;} .soa .my_subaru_login .server_error p {color:#000; font-size:10px; margin:0; padding:2px 0 2px 20px !important;} .soa .reservation_sti .top {height:48px; background: url("/content/images/site/pod282_title_bg.jpg") left top no-repeat; border-bottom: 1px solid #CBCAC8;} .soa .reservation_sti .top h2 {padding:15px 0 0 20px;} .soa .reservation_sti .bottom {width:282px; height:27px; padding:0; background: url("/content/images/site/pod282_bottom.jpg") left top no-repeat;} .soa .reservation_sti .body {position:relative; width:280px; padding:10px 0 0 0; border-right: 1px solid #CBCAC8; border-left: 1px solid #CBCAC8; background:none;} .soa .reservation_sti .body p {padding-right: 15px; padding-left: 20px;} .soa .reservation_sti .req_instruct {clear:left; margin-top: 10px; margin-left: 1px; padding-left:20px; color:#177bb1; background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .soa .reservation_sti .required {margin-left: 1px; background: url("/content/images/site/form_starBlue.gif") left top no-repeat;} .soa .reservation_sti .body form label, .soa .reservation_sti .body form p.inputCont {} .soa .reservation_sti .body form p.inputCont input, .soa .reservation_sti .body form p.inputCont select, .soa .reservation_sti .body form p.inputCont textarea {width:240px;} .soa .reservation_sti .body form p.privacy_policy {padding-top:10px;} .soa .reservation_sti .body form .button {padding-top: 20px; padding-right: 20px; float:right;} .soa .reservation_sti .body form .button span {float:right;} .soa .reservation_sti .body form .button span a {font-size:12px; font-weight:bold; line-height:10px;} .soa .reservation_sti .body form .button input.cancel {border:none;} .vmc_form_request .primary_content {width:872px; padding:20px 39px 0px 39px;} .form_vmc_raq {width:846px; position:relative;} .form_vmc_raq h2 {padding-bottom: 0px; color:#fff; font-size: 26px; font-weight: bold;} .form_vmc_raq h3 {font-weight: normal;} .form_vmc_raq fieldset {display:block;float:left; width:256px; padding:0 26px 0 0; margin:30px 0 0 0;} .form_vmc_raq form label {padding:0 3px 0 0; margin:0;} .form_vmc_raq select {width:150px;} .form_vmc_raq select#selectRadius {float:left; width:80px;} .form_vmc_raq select#homeState {float:right; width:157px;} .form_vmc_raq input {float:right; width:155px;} .form_vmc_raq textarea {float:right; width:175px; resize:none;} .form_vmc_raq form .inputGroup {padding:0 0 10px 0;} .form_vmc_raq .splitLeft {clear:left; float:left;} .form_vmc_raq .splitLeft label {padding-right:55px;} .form_vmc_raq .splitRight {margin-left:3px;} .form_vmc_raq .zip_code_spinner{position:absolute; left:543px; top:277px; display:none;} .form_vmc_raq .zip_code_spinner img{height:15px; width:15px;} .form_vmc_raq .dealerTitle {float:left; padding: 0px 20px 15px 0; font-size:12px;} .form_vmc_raq form .inputGroup ul.radio {margin:0;} .form_vmc_raq form .inputGroup ul.radio input {float:left; width:15px; margin:0; } .form_vmc_raq form .inputGroup ul.radio p {float:left; padding:2px 0 5px 5px;} .form_vmc_raq #dealerInfo {clear:none; float:left; width:230px; margin: 0 0 0 0px;} .form_vmc_raq #dealerInfo .dealerName {line-height:12px; font-size: 14px; font-weight: bold;} .form_vmc_raq #dealerInfo .dealerAddress {font-size: 12px;float:none;clear:both;line-height:8px;} .form_vmc_raq #dealerInfo .distance {font-size: 12px;font-weight:normal;} .form_vmc_raq #modelCont {height:160px;} .form_vmc_raq #modelCont p {padding:0 0 5px 0;margin:0 0 0 15px;color:#fff;font-size: 10px;} .form_vmc_raq .button {margin:10px 0 0 77px;} .form_vmc_raq .button .form_submit a {display:block; float:left; height:22px; width:109px; text-indent:-999em; padding:0px; background: url('/content/images/site/vehicles_raq_submit.png') right top no-repeat; font-size: 11px; color:#fff;} .form_vmc_raq .button .form_submit span {padding:5px; height:22px; background: url('/content/images/site/a_button_blue_slide.png') left top no-repeat;} #form_vmc_request .field p{color:#55554B; padding-left:12px;} .form_vmc_raq form .required {padding-left:12px; background: url("/content/images/site/a_star.png") left 3px no-repeat;} .form_vmc_raq form .not_required {padding-left:12px;} #form_vmc_request .errorCont{width:auto;} #form_vmc_request .errorCont p{width:217px;} #form_vmc_request fieldset .inputGroup label .errorCont{float:left;} .form_vmc_raq form div.required.field{padding:0px;} .vmc_thankyou .primary_content{width:872px; padding:32px 39px 30px 39px;} .vmc_thankyou .title1{font-size:26px; font-weight:bold; color:#fff;} .vmc_thankyou #date{font-size:12px; color:#55554B;} .vmc_thankyou #carTitle, .vmc_thankyou #carPrice{font-size:18px; color:#55554B; font-weight:normal;} .vmc_thankyou #carTitle{margin:24px 0 0 0;} .vmc_thankyou #carLink{margin:11px 0 0 0; } .vmc_thankyou #carLink a{padding:0 0 0 15px; font-size:12px; background: transparent url("/content/images/site/download_brochure_icon.png") no-repeat left 3px;} .vmc_thankyou #carImage{margin:113px 0 0 0;} .vmc_thankyou .subTitle{font-size:18px; color:#55554B;} .vmc_thankyou .thankyou_data #dealerName, .vmc_thankyou .thankyou_data #userName{font-size:12px; color:#55554B; margin:3px 0;} .vmc_thankyou .thankyou_data .text12{font-size:12px; color:#55554B;} .soa .vmc_thankyou .vehicle_next_steps{margin:30px 0 0 0;} /* error message container */ #form_buildGeoLocation .errorCont, .soa form .errorCont, .soa .form_account_creation .server_error, .soa .form_account_creation .server_error_email, .soa #form_forgot_email .server_error_username, .soa .form_account_creation .vin_errorCont, .soa .form_add_vehicle .vin_errorCont, .soa .form_popup_282 form .vin_errorCont { position:relative; width:262px; margin:8px 0 0 0px; padding:5px 0 5px 0; background:#faf9dc url(/content/images/site/bg_errorExclamation.jpg) left top no-repeat; border:1px solid #e8844e; } .vmc_form_request form .errorCont {float:right; width:242px;} .vmc_form_request #getQuoteError .errorCont {padding-top: 0px; margin-top:0; margin-bottom: 10px;} .form_findDealer2 #error_dealerZip2 {float:left;} .soa form #error_groupSelectVehicle.errorCont, .soa form #error_groupSelectMonthlyPeriod.errorCont{ float:left; margin: 12px 0px 0px 20px; width:262px; } #form_buildGeoLocation .errorCont span.top, .soa form .errorCont span.top, .soa .my_subaru_login .server_error span.top, .soa .form_account_creation .server_error span.top, .soa .form_account_creation .vin_errorCont span.top, .soa .form_add_vehicle .vin_errorCont span.top, .soa .form_popup_282 form .vin_errorCont span.top { position:absolute; width:12px; height:8px; margin:-13px 0 0 5px; border-bottom:none; background:url(/content/images/site/bg_errorPoint.gif) left top no-repeat; z-index:99; } .vmc_form_request form .errorCont span.top {background:none;} #form_buildGeoLocation .errorCont p, .soa form .errorCont p, .soa .form_account_creation .server_error p, .soa .form_account_creation .server_error_email p, .soa #form_forgot_email .server_error_username p, .soa .form_account_creation .vin_errorCont p, .soa .form_add_vehicle .vin_errorCont p, .soa .form_popup_282 form .vin_errorCont p {color:#000; font-size:10px; margin:0; padding:2px 0 2px 20px !important;} .soa form .splitLeft .errorCont {width:125px;} .soa form .splitRight .errorCont {width:110px;} .errorFocus {border:1px solid #e8844e !important;} /* Form Specific Error Container */ .soa .my_subaru_login form .errorCont {width:276px;} .soa .form_account_creation .errorCont {width:240px;} .soa .form_account_creation .server_error, .soa .form_account_creation .server_error_email, .soa #form_forgot_email .server_error_username, .soa .form_account_creation .vin_errorCont, .soa .form_popup_282 form .vin_errorCont {clear:both; float:left; width:240px; margin-left:20px; display:none;} .soa #form_forgot_email .server_error_username{clear:both; float:left; width:240px; margin-left:20px; display:none;} .soa .form_account_creation .form_body .show{display: block;} .soa .form_add_vehicle .list_mileage li .errorCont, .soa .form_account_creation .list_mileage li .errorCont {clear:both;} .soa .form_add_vehicle .vin_errorCont {clear:both; float:left; display:none;} .soa .form_service_record form .errorCont, .soa .form_popup_282 .body form .errorCont, .soa .reservation_sti .body form .errorCont {width:240px;} .soa #form_owner_story #error_terms {width:550px; margin-left:20px; display:none;} .soa #form_owner_story #error_terms p {width:510px;} .soa #form_dear_subaru #error_terms {width:550px; margin-left:20px; display:none;} .soa #form_dear_subaru #error_terms p {width:510px;} .soa #form_dear_subaru .server_error {position:relative; width:532px; margin:10px 25px 10px 18px; padding:4px 10px; background:#faf9dc url(/content/images/site/bg_errorExclamation.jpg) left top no-repeat; border:1px solid #e8844e; display:none;} .soa #form_dear_subaru .server_error p {color:#000; font-size:10px; margin:0; padding:2px 10px !important; width:512px;} .soa .gtp_redemption_form{} .soa .gtp_redemption_form .req_instruct{background:transparent url(/content/images/site/form_starBlue.gif) no-repeat scroll left top; clear:left;color:#177BB1;padding-bottom:10px;padding-left:20px;} .soa .gtp_redemption_form input{width:261px;} .soa .gtp_redemption_form .comp282{padding-right: 10px;} .soa .gtp_redemption_form p.submission{padding:10px 0 0 20px;} .soa .gtp_redemption_form .button{float: right; padding-top: 13px;} /* 10.0 LISTS ------------------------------------------ */ ul, ol {color:#55554b;} .soa ul.button_list {list-style-type: none;} .soa ul.button_list li {display:inline;} .soa ul.button_list li span {margin-right: 5px;} .soa .check_list {clear:both; margin:0px 0 5px 15px; padding-top: 20px; list-style-type: none;} .soa .check_list li {position:relative;} .soa .check_list li span {position:absolute; width:220px; margin-top:4px; padding-left: 5px;} .soa .event_list {list-style-type: none; margin:0;} .soa .event_list li {padding:5px 0;} .soa .event_list li span {display:block; width:280px; padding-bottom: 3px;} .soa .event_list li a {padding-bottom: 3px;} .soa .link_list {list-style-type: none; margin:0;} .soa .link_list li {line-height:20px; padding-left:5px;} .soa .link_list li:hover {background-color:#e5e5de;} .soa .link_list li a:hover {text-decoration: none;} .soa .link_list li.selected {background-color: #e5e5de;} .soa .link_list li.selected a {font-weight: bold;} .soa .link_list li .selected {font-weight: bold;} .soa .inset_link_list {list-style-type: none; margin:0; margin-left:20px;} .soa .inset_link_list li {line-height:20px; padding-left:5px;} .soa .inset_link_list li:hover {background-color:#e5e5de;} .soa .inset_link_list li a:hover {text-decoration: none;} .soa .inset_link_list li.selected {background-color: #e5e5de;} .soa .inset_link_list li.selected a {font-weight: bold;} .soa .inset_link_list li .selected {font-weight: bold;} .soa .download_list {list-style-type: none; margin:0; margin-top:15px;} .soa .download_list li {line-height:20px; padding-left:5px;} .soa .download_list li.download_title {font-weight:bold; border-bottom:1px solid #55554b;} .soa .download_list li.download_title:hover{background:none;} .soa .download_list li:hover {background-color:#e5e5de;} .soa .download_list li a:hover {text-decoration: none;} .soa .download_list li.selected {background-color: #e5e5de;} .soa .download_list li.selected a {font-weight: bold;} .soa .download_list li .selected {font-weight: bold;} .soa .list_media ul {list-style-type: none; margin:0;} .soa .list_media ul li {float:left; width:118px; margin-right: 29px; padding:5px 0 5px 0; text-align: center;} .soa .list_media ul li img {float:left; width:118px;} .soa .list_media ul li a, .soa .list_media ul li span {float:left; width:118px;} .soa .table {display:table; margin:0 auto;} .soa .table ul.button_list {list-style-type: none; padding-top:30px;} .soa .table ul.button_list li {display:inline;} .soa .table ul.button_list li span {margin-right: 5px;} .soa .tabs {position:relative; display:block; margin-bottom:-1px; margin-left:0px; height:34px; left:-4px; list-style-type:none;} .soa .tabs li {display:block; float:left; margin-left:0px; padding-left:4px;} .soa .tabs a {display:block; float:left; height:34px; line-height:34px; text-decoration:none; color:#55554b; background:url(/content/images/site/features_tab_off_left.gif) no-repeat;} .soa .tabs a span {display:block; float:left; text-align:center; background:url(/content/images/site/features_tab_off_right.gif) right no-repeat;} .soa .tabs .ui-tabs-selected a {background-image:url(/content/images/site/features_tab_on_left.gif);} .soa .tabs .ui-tabs-selected a span {background-image:url(/content/images/site/features_tab_on_right.gif);} .soa .features_list{position:relative; top:54px; width:87px;} .soa .features_list li{list-style-type: none; color:#888881; background:no-repeat center right; margin-bottom:3px;} .soa .features_list li#key{background-image: none;font-weight: bold;} .soa .features_list li#standard{background-image:url(/content/images/site/vehicles_icon_standard.jpg);} .soa .features_list li#optional{background-image: url(/content/images/site/vehicles_icon_optional.jpg);} .soa .features_list li#na{background-image: url(/content/images/site/vehicles_icon_na.jpg);} .soa .vehicles_compare_instructions .features_list li{display:inline; padding-right:11px; margin-right:11px;} .soa .vehicles_compare_instructions .features_list {width:270px; margin:10px 0 20px 0 top:0; float:left; font-size:12px; z-index:1;} /* 11.0 TABLES ------------------------------------------ */ .soa table {width:100%; color:#55554b; border-collapse: collapse; border-spacing: 0px; text-align: left;} .soa tr.odd {background-color: #E5E5DE;} .soa th {padding:5px;border-top: 1px solid #DFDFDC; border-bottom: 1px solid #DFDFDC;} .soa td {padding:5px; border-top: 1px solid #DFDFDC; border-bottom: 1px solid #DFDFDC;} .soa .table_container .table_row {padding:5px 0 0 0px;} .soa .table_container .table_row .col1 {float:left; display:table-cell;} .soa .table_container .table_row .col2 {float:left; display:table-cell;} .soa .table_container .table_row .col3 {float:left; display:table-cell;} .soa .table_container .table_row .col4 {float:left; display:table-cell;} .soa .table_container .table_row .col5 {float:left; display:table-cell;} .soa .table_container .table_row .col6 {float:left; display:table-cell;} .soa .table_container .table_row .row_detail {clear:left; float:left; background-color: #fff;} .soa .table_container .table_head p {font-weight: bold;} .soa .table_container .odd {background-color: #E5E5DE;} /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ /* 13.0 IMAGES ------------------------------------------ */ /* 14.0 META ------------------------------------------ */ /* 15.0 COMPONENT SPECIFIC ------------------------------------------ -in alphabetical order- */ .soa .article {color:#55554b;} .soa .article h2 {font-size: 15px; font-weight: normal;} .soa .article h3 {font-size: 12px; font-weight: bold;} .soa .article_2a h2 {font-size: 20px;} .soa .article_2a h3 {font-size: 15px; font-weight: normal;} .soa .article_2a img {float:left; padding-right:17px;} .soa .article_2a p.subHead{font-weight: bold; background: none; height: auto;} .soa .article_2a p.subHead a{padding-left: 10px;} .soa .article_2a .content ul {margin:10px 0px 10px 15px;} .soa .article_2a_largeImage .content {float:left; width:290px;} .soa .article_2a_largeImage_0590 .content {float:left; width:590px; padding: 20px 0 0 0;text-align:justify;} .soa .article_2a_largeImage .inline_article_mediaplayer{float:left; margin:0 17px 0 0;} .soa .article_2d h2 {font-size: 20px;} .soa .article_accessory_brochure, .soa .article_brochure_performance {margin-top: 10px;} .soa .article_accessory_brochure, .soa .article_brochure_performance h3 {padding-bottom: 0px;} .soa .article_h2_content .content {float:left;width:290px;} .soa .article_h2_content img{float:left; margin-bottom:15px; margin-right:10px;} .soa .article_h2_content p{margin:0 0 15px; text-align:justify;} .soa .article_h2_content p.content_legal{font-size: 10px;} .soa .article_h2_content .secContent{clear:left;float:left; width:582px;} .soa .article_image_left img {float:left; width:282px; margin-right:26px;} .soa .article_image_right img {float:left; width:282px; margin-left:26px;} .soa .article_image_left .content,.soa .article_image_right .content {float:left; width:590px;} .soa .article_590 .content {float:left; width:590px;} .soa .article_image_left .content h2, .soa .article_image_right .content h2 {font-size: 20px; font-weight: bold;} .soa .article_590 .content h2 {font-size: 20px; font-weight: bold;} .soa .article_590 img {float:left; width:282px; margin-left:26px;} .soa .article_owner_manual h3, .article_accessory_brochure h3, .article_model_brochure h3 {padding-bottom: 0px; font-size: 14px;} .soa .article_owner_manual img, .article_accessory_brochure img, .article_model_brochure img {padding:10px 0;} .soa .article_image_right{ margin-top:6px; margin-bottom: 23px;} .soa .event_2a_largeImage_0590 .content {float:left; width:590px; padding: 20px 0 0 0;} .soa .car_care_title_paragraph h2 {font-size:20px; font-weight:bold;} .soa .check_trade_in_value h3{} .soa .check_trade_in_value h3.enter_vin{float: left;} .soa .check_trade_in_value a.help{display: inline; line-height: 21px; padding-left: 8px;} .soa .check_trade_in_value .button{margin-top: 10px;} .soa .check_trade_in_value .vinInput_mySub{width:283px; margin-right: 27px;} .soa .component_3b p {padding-top: 5px; margin:0;} .soa.engineering .component_3b h2{ height:40px;} .soa .component_3b_blurb h2 {padding-bottom:0;} .soa .component_3b_blurb .hr {margin:10px 0;} .soa .component_3b_media .abstract {padding:15px 0;} .soa .component_3b_media .media_container {position:relative;} .soa .component_3b_media .media_container_hero {position:relative; left:-26px;} .soa .component_3b_media .media_container #mp_inline_1, .soa .component_3b_media .media_container_hero #mp_inline_1{position: absolute; margin:0; left:0; top:0;} /* Created new component for the hero sized media player */ .soa .component_media_hero .abstract {padding:15px 0;} .soa .component_media_hero .media_container {position:relative;} .soa .component_media_hero .media_container_hero {position:relative; left:-26px;} .soa .component_media_hero .media_container #mp_inline_1, .soa .component_media_hero .media_container_hero #mp_inline_1{position: absolute; margin:0; left:0; top:0;} .soa #flash_content950 .media_container_hero {position: absolute; margin:0; left:0; top:0;} .soa #flash_content950 .media_container_hero #flashReplace{position: absolute; margin:0; left:0; top:0;} .soa .motortrend282 {margin-top: 0;} .soa .motortrend282 .component_3b_blurb .hr {margin: 10px 0;} .soa .component_3b_button p {padding-top: 5px; margin:0;} .soa .component_3b_button .button {margin:10px 0 0 0;} .soa .component_3b_button .component_button{margin:25px 0 0 0;padding:0 0 1px;} .soa .component_3b_button hr {margin:0; width:282px;} .soa .coupon_container .component{margin:0 0 30px;} .soa .dear_subaru_head {height:303px; background:url(/content/images/site/dear_subaru_head.jpg); position:relative; width:897px;} .soa .dear_subaru_head .button {position:absolute; bottom:13px; right:13px;} .soa .dear_subaru_story {margin-top:0; padding-top:0; margin-bottom:30px;} .component.comp590.my_2a.dear_subaru_story .content p { overflow:auto;} .soa .my_2a .dear_subaru_title {padding-bottom:21px;} .soa .events-calendar {margin-top:-5px;} .soa .events-calendar .cal_next {padding:18px 10px 0;float:right;cursor:pointer;} .soa .events-calendar .cal_prev {padding:18px 10px 0;float:left;cursor:pointer;} .soa .events-calendar .title {background:none} .soa .events-calendar .title h2 {float:none;text-align:center;padding-left:0;margin:0 auto;width:200px;} .soa .events-calendar .calendar {padding-left:1px;} .soa .events-calendar .jCalendar {color:#55554b;width:589px;border-collapse:collapse;border-spacing:0;} .soa .events-calendar .jCalendar td {height:70px;font-size:12px;width:73px;padding:2px 5px;border:1px solid #dcdcdc;} .soa .events-calendar .jCalendar tr {background:transparent;} .soa .events-calendar .jCalendar .other-month {color:#dcdcdc;} .soa .events-calendar .jCalendar .other-month a {font-weight:normal;} .soa .events-calendar .jCalendar .odd td {background:#f2f2f2;} .soa .events-calendar .jCalendar td div {position:relative;} .soa .events-calendar .jCalendar td a {color:#ffffff;position:relative;left:0;height:19px;width:73px;display:block;text-decoration:none;line-height:13px;margin:0 0 3px;font-size:11px;} .soa .events-calendar .jCalendar td a span {position:absolute;left:0;top:0;height:19px;width:73px;display:block;background:#79b1d8 url(/content/images/site/a_73_overlay_ltblue_top.gif) no-repeat 0 0;} .soa .events-calendar .jCalendar td a span span {height:13px;background:transparent url(/content/images/site/a_73_overlay_ltblue_bottom.gif) no-repeat 0 bottom;padding:3px;background-color:transparent !important;} .soa .events-calendar .jCalendar td a.hovered span {background:#1785b1 url(/content/images/site/a_73_overlay_dkblue_top.gif) no-repeat 0 0;} .soa .events-calendar .jCalendar td a.hovered span span {background:transparent url(/content/images/site/a_73_overlay_dkblue_bottom.gif) no-repeat 0 bottom;} .soa .events-calendar .jCalendar td a .event-null {background-image:none;margin:0 -6px 3px;width:85px;} .soa .events-calendar .jCalendar td a .event-null span {background-image:none;} .soa .events-calendar .jCalendar td a .event-start {background-image:url(/content/images/site/a_73_overlay_ltblue_top_start.gif);margin:0 -6px 3px 0;width:79px;} .soa .events-calendar .jCalendar td a .event-start span {background-image:url(/content/images/site/a_73_overlay_ltblue_bottom_start.gif);padding:3px 10px 3px 4px;} .soa .events-calendar .jCalendar td a .event-end {background-position:right 0;background-image:url(/content/images/site/a_73_overlay_ltblue_top_end.gif);margin:0 4px 3px -6px;width:79px;} .soa .events-calendar .jCalendar td a .event-end span {background-position:right bottom;background-image:url(/content/images/site/a_73_overlay_ltblue_bottom_end.gif);padding:3px 4px 3px 10px;width:65px;} .soa .events-calendar .jCalendar td .hovered .event-null {background-image:none;} .soa .events-calendar .jCalendar td .hovered .event-null span {background-image:none;} .soa .events-calendar .jCalendar td .hovered .event-start {background-image:url(/content/images/site/a_73_overlay_dkblue_top_start.gif);} .soa .events-calendar .jCalendar td .hovered .event-start span {background-image:url(/content/images/site/a_73_overlay_dkblue_bottom_start.gif);} .soa .events-calendar .jCalendar td .hovered .event-end {background:#1785b1 url(/content/images/site/a_73_overlay_dkblue_top_end.gif) no-repeat right 0;} .soa .events-calendar .jCalendar td .hovered .event-end span {background:url(/content/images/site/a_73_overlay_dkblue_bottom_end.gif) no-repeat right bottom;} /* Backgrounds for other months */ .soa .events-calendar .jCalendar .other-month a span {background:#d2e3ec url(/content/images/site/a_73_overlay_ltblue_top_30.gif) no-repeat 0 0;} .soa .events-calendar .jCalendar .other-month a span span {background:transparent url(/content/images/site/a_73_overlay_ltblue_bottom_30.gif) no-repeat 0 bottom;} .soa .events-calendar .jCalendar .other-month a.hovered span {background:#b4d5e0 url(/content/images/site/a_73_overlay_dkblue_top_30.gif) no-repeat 0 0;} .soa .events-calendar .jCalendar .other-month a.hovered span span {background:transparent url(/content/images/site/a_73_overlay_dkblue_bottom_30.gif) no-repeat 0 bottom;} .soa .events-calendar .jCalendar .other-month a .event-null {background-image:none;} .soa .events-calendar .jCalendar .other-month a .event-null span {background-image:none;} .soa .events-calendar .jCalendar .other-month a .event-start {background-image:url(/content/images/site/a_73_overlay_ltblue_top_start_30.gif);} .soa .events-calendar .jCalendar .other-month a .event-start span {background-image:url(/content/images/site/a_73_overlay_ltblue_bottom_start_30.gif);} .soa .events-calendar .jCalendar .other-month a .event-end {background-position:right 0;background-image:url(/content/images/site/a_73_overlay_ltblue_top_end_30.gif);} .soa .events-calendar .jCalendar .other-month a .event-end span {background-position:right bottom;background-image:url(/content/images/site/a_73_overlay_ltblue_bottom_end_30.gif);} .soa .events-calendar .jCalendar .other-month .hovered .event-null {background-image:none;} .soa .events-calendar .jCalendar .other-month .hovered .event-null span {background-image:none;} .soa .events-calendar .jCalendar .other-month .hovered .event-start {background-image:url(/content/images/site/a_73_overlay_dkblue_top_start_30.gif);} .soa .events-calendar .jCalendar .other-month .hovered .event-start span {background-image:url(/content/images/site/a_73_overlay_dkblue_bottom_start_30.gif);} .soa .events-calendar .jCalendar .other-month .hovered .event-end {background:#b4d5e0 url(/content/images/site/a_73_overlay_dkblue_top_end_30.gif) no-repeat right 0;} .soa .events-calendar .jCalendar .other-month .hovered .event-end span {background:url(/content/images/site/a_73_overlay_dkblue_bottom_end_30.gif) no-repeat right bottom;} /* Single line stuff and overflow rules for IE */ .soa .events-calendar .jCalendar td, .soa .events-calendar .jCalendar td div, .soa .events-calendar .jCalendar td div a, .soa .events-calendar .jCalendar td div a span {overflow:visible;white-space:nowrap;} .soa .events-calendar .jCalendar td div a span , .soa .events-calendar .jCalendar td div a span{float:left;clear:both;left:0;} .soa .events-calendar .jCalendar th {height:60px;font-size:20px;font-weight:normal;text-align:center;vertical-align:middle;background:#EDEDE6;border:1px solid #dcdcdc;width:14.3%;} .soa .events-calendar .event_list .my_2a {margin-top:10px;} .soa .events-calendar .event_list .my_2a .content p {} .soa .events-calendar .event_list .my_2a .content {padding-left:182px;} .soa .events-calendar .event_list .my_2a .content .summarygearfest {} .soa .extended_service_title_paragraph h2 {font-weight:bold; font-size:20px;} .soa .finance_h2 {font-size:20px; font-weight:bold; padding-left:13px; padding-top:30px; padding-bottom:0px;} .soa .features-tabs {margin-bottom:150px;} .soa .features-tabs h2 {font-weight: normal;} .soa .features-tabs #features-tabs {float:left;width:282px;} .soa .features-tabs #features-tabs ul {list-style:none;} .soa .features-tabs #features-tabs .tabs {width:282px; margin-right:0px; margin-left: 0px; left:0;} .soa .features-tabs #features-tabs .tabs li {width:141px; padding-left: 0px;} .soa .features-tabs #features-tabs .tabs a span {text-align:center; width:141px; color:#40609f;} .soa .features-tabs #features-tabs .tabs a:hover {text-decoration:underline;} .soa .features-tabs #features-tabs .tabs .ui-tabs-selected a {background-image:url(/content/images/site/features_tab_on_left_p.gif); color:#56564c;} .soa .features-tabs #features-tabs .tabs .ui-tabs-selected a:hover{text-decoration:none;} .soa .features-tabs #features-tabs .tabs .ui-tabs-selected a span {background-image:url(/content/images/site/features_tab_on_right_p.gif); color:#56564c;} .soa .features-tabs #features-tabs .mid {border: 1px solid #dfdfdf; border-bottom:0; height: 10px; width: 280px; background-color: #fff;} .soa .features-tabs #features-tabs .content {border:1px solid #d8d8d8; background:#fff; padding:0px;} .soa .features-tabs #features-tabs .content a {text-decoration:none;display:block;padding:0 10px;margin:0;line-height:21px;border-top: 1px solid #D8D8D8;} .soa .features-tabs #features-tabs .content span {text-decoration:none;display:block;padding:0 10px;margin:0;line-height:21px;border-top: 1px solid #D8D8D8;} .soa .features-tabs #features-tabs .content a:hover {background:#e2e2e1;} .soa .features-tabs #features-tabs .content .hover {background:#e2e2e1;} .soa .getmoregs_scoop{background: url(/content/images/getmoregs/scoop_bg.png) no-repeat 0 0; height:144px; font-size:14px; position:relative; } .soa .getmoregs_scoop h3{font-weight:bold; color:#f8f8f8; margin:10px 0 0 14px; } .soa .getmoregs_scoop p{ font-weight:normal; color:#888881; margin-left:14px; width:140px;} .soa .getmoregs_scoop a.btn_sign_up_now{background: url(/content/images/getmoregs/btn_sign_up_static.jpg) no-repeat 0 0 ; height:24px; display:block; text-indent:-999em; width:90px; position:absolute; top: 108px; left:11px;} .soa .getmoregs_scoop a.btn_sign_up_now:hover{background-image:url(/content/images/getmoregs/btn_sign_up_hover.jpg);} .soa .get_more_gs-tabs {} .soa .get_more_gs-tabs h2 {font-weight: normal;} .soa .get_more_gs-tabs #get_more_gs-tabs {float:left;width:590px;} .soa .get_more_gs-tabs #get_more_gs-tabs ul {list-style:none;} .soa .get_more_gs-tabs #get_more_gs-tabs .tabs {width:590px; margin-right:0px; margin-left: 0px; left:0; height:50px;} .soa .get_more_gs-tabs #get_more_gs-tabs .tabs li {width:282px; padding-left: 0px;} .soa .get_more_gs-tabs #get_more_gs-tabs .tabs .tab_left{padding-right:13px;} .soa .get_more_gs-tabs #get_more_gs-tabs .tabs .tab_right{} .soa .get_more_gs-tabs #get_more_gs-tabs .tabs a {width:282px; color:#40609f; font-size:20px;} .soa .get_more_gs-tabs #get_more_gs-tabs .tabs a:hover {text-decoration:none;} /*.soa .get_more_gs-tabs #get_more_gs-tabs .mid {border: 1px solid #dfdfdf; border-bottom:0; height: 10px;}*/ .soa .get_more_gs-tabs #get_more_gs-tabs .content {background:url(/content/images/getmoregs/tabs_content_bg.jpg) 0 0 repeat-y; width:589px; border-top: 1px solid #666;} .soa .get_more_gs-tabs #get_more_gs-tabs .content .content_wrapper{width:260px; padding:10px 22px 10px 14px; float:left;} .soa .get_more_gs-tabs #get_more_gs-tabs .content p {color:#d8d8d8; margin-bottom:21px;} .soa .get_more_gs-tabs #get_more_gs-tabs .content p.last {margin-bottom:21px;} .soa .get_more_gs-tabs #get_more_gs-tabs .content p a{color:#e1134f; text-decoration:underline;} .soa .get_more_gs-tabs #get_more_gs-tabs .content p a:hover{text-decoration:none;} .soa .get_more_gs-tabs #get_more_gs-tabs .content img{float:left; padding-top:10px;} .soa .get_more_gs-tabs #get_more_gs-tabs .bottom{background:url(/content/images/getmoregs/tabs_content_bg_bottom.jpg) 0 0 no-repeat; height:12px;} .soa .get_more_gs-tabs #get_more_gs-tabs .tabs a {display:block; float:left; height:46px; width:282px; line-height:43px; text-decoration:none; color:#888881; background:url(/content/images/getmoregs/tab-off.png) no-repeat; padding-top: 4px; padding-left:14px; } .soa .get_more_gs-tabs #get_more_gs-tabs .tabs .ui-tabs-selected a {background-image:url(/content/images/getmoregs/tab-on.png); color:#d8d8d8;} .soa #gtp_print_component{display:none;}/*just for printing*/ .soa #gtp_print_component{color: #000000; background-color: #ffffff; margin:30px 13px 0 13px; padding:0 0 0 0; font-size:12pt;} .soa #gtp_print_component p{color:#000000;} .soa #gtp_print_component ul{list-style: none;} .soa #gtp_print_component ul.print_req{list-style: disc;} .soa #gtp_print_component p.gtp_value{font-size: 26pt; font-weight: bold; padding-top: 12px;} .soa #gtp_print_component ul li.email{padding-top: 12px;} .soa #gtp_print_component h2{font-size: 14pt; color: #000000;} .soa #gtp_print_component h4{font-size: 14pt; color: #000000; font-weight: bold; padding-top: 5px;} .soa #gtp_print_component img{width:600px;} .soa .gtp_questions{margin-top: 0px;} .soa .gtp_questions ul{list-style: none;} .soa .gtp_questions ul li{font-size: 12px; line-height: 20px;} .soa .gtp_questions ul li.gtp_questions_title{font-size: 13px; font-weight: bold;} .soa .gtp_thankyou_modal{} .soa .gtp_thankyou_modal h2{padding-left: 13px; font-size: 20px;} .soa .gtp_thankyou_modal .button{padding:0 40px 0 40px; margin-top: 15px;} .soa .gtp_thankyou_modal .button span.blue{margin-left: 50px;} .image_hero {width:950px;margin:0 auto;} .soa.cpo .image_hero {width:950px;margin:0 auto; margin-left: -13px;} .soa .no_pad {padding-bottom:0;} .soa #fc_benefits table {margin-bottom: 20px;} .soa .gtp_calculator .comp282 {width:262px; padding-left:20px;} /* New styles for engineering updates */ .soa .article_media_content .content {width:282px;margin-right:26px;float:left;} .soa .article_media_content .content h2 {font-size:32px;line-height:36px;} .soa .article_media_content .content p {margin-bottom:1em;line-height:18px;} .soa .article_media_content .media_content {width:590px;float:left;} .soa .article_media_content .media_content h3 {font-size:12px;font-weight:normal;margin-top:7px;padding-bottom:0;} .soa .sub_article_media_content .content h2 {font-size:20px;line-height:25px;} .soa .comp898_article_h2_content h2 {padding-bottom:0;margin-bottom:15px;width:757px;} .soa .comp898_article_h2_content p {width:757px;line-height:18px;margin:15px 0 0 0;} .soa .comp898_article_h2_content h2 {padding-bottom:0;margin-bottom:15px;width:757px; font-size:20px;} .soa .comp898_article_h2_content p {width:757px;line-height:18px;margin:15px 0 0 0;} .soa .component_3b_title_body_nolink {margin-top:20px;} .soa .component_3b_title_body_nolink img {display:block;} .soa .component_3b_title_body_nolink h2 {font-size:12px;padding-bottom:0;font-weight:normal;margin:10px 0 11px 0;} .soa .component_3b_title_body_nolink p {font-size:12px;line-height:18px;padding-top:0;} .engineering .article_image_right {margin:30px 13px 0 13px;} .engineering .article_image_right .content h2 {font-size:32px;line-height:36px;} .engineering .article_image_right .content p {margin-bottom:1em;line-height:18px;} /* Handrail */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:0; padding:0; list-style: none;} .sf-menu {line-height:.8;} /*adjusts width of nav bar*/ .sf-menu img {margin-top:-6px;} .sf-menu ul {position:relative; top:-999em; width:200px; border:0;}/* left offset of submenus need to match (see below) */ .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left; position: relative; border:0;} .sf-menu a {display:block; position:relative; text-align:center;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em; /* match top ul list item height */z-index:199; border:0;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em; border:0;} /*** DEMO SKIN ***/ .sf-menu {float:left; margin-bottom:1em;} .sf-menu a {padding:.75em 1em; text-decoration:none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ /*color:#FFF;*/} /*.sf-menu li {} .sf-menu li li {}*/ .sf-menu li:hover, .sf-menu li.sfHover {} /*** shadows for all but IE6 ***/ /*.sf-shadow ul { background: url('/content/images/site/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; }*/ /*** End Superfish Menu ***/ /*** Custom Handrail ***/ .handrail{position:absolute; top:329px; left:50%; margin:0 0 0 -450px; width:900px; padding:0; height:101px; background:url(/content/images/site/home_handrail_bkgdline.png); text-align:center; z-index:20;} .handrail a:hover {background:url(/content/images/site/home_handrail_over.gif) no-repeat center center;} .handrail a strong{color:#55554b; font-size:14px; font-family:Arial, Helvetica, Verdana, sans-serif; line-height:18px; text-align:center;} .handrail a i{color:#55554b; font-size:11px; font-family:Arial, Helvetica, Verdana, sans-serif; font-style:italic; text-align:center;} .handrail .sf-menu li .hover1{position:absolute; top:-240px; left:0px; visibility:hidden; background: url(/content/images/site/hover_left.gif) no-repeat; width:286px; height:245px; z-index:50;text-align:left;/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}*/} .handrail .sf-menu li .hover2{position:absolute; top:-240px; left:-64px; visibility:hidden; background: url(/content/images/site/hover_center.gif) no-repeat; width:286px; height:245px; z-index:50; text-align:left;/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}*/} .handrail .sf-menu li .hover3{position:absolute; top:-240px; left:-64px; visibility:hidden; background: url(/content/images/site/hover_center.gif) no-repeat; width:286px; height:245px; z-index:50; text-align:left;/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}*/} .handrail .sf-menu li .hover4{position:absolute; top:-240px; left:-64px; visibility:hidden; background: url(/content/images/site/hover_center.gif) no-repeat; width:286px; height:245px; z-index:50; text-align:left;/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/} .handrail .sf-menu li .hover5{position:absolute; top:-240px; left:-60px; visibility:hidden; background: url(/content/images/site/hover_center.gif) no-repeat; width:286px; height:245px; z-index:50; text-align:left;/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/} .handrail .sf-menu li .hover6{position:absolute; top:-240px; left:-134px; visibility:hidden; background: url(/content/images/site/hover_right.gif) no-repeat; width:286px; height:245px; z-index:50; text-align:left;/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/} /*** Vehicle Card ***/ .sf-menu .vehicle_card {width:285px!important;height:245px !important; margin:0 26px 0 26px;} .sf-menu .vehicle_card h5 {padding:17px 0 5px 0;float:left;margin:0;font-size:20px;font-weight:normal;height:19px;line-height:22px; color:#56564C;} .sf-menu .vehicle_card a {float:left;} .sf-menu .vehicle_card img {position:relative; top:-22px;_top:-30px;} .sf-menu .vehicle_card p {z-index:100; position:relative; width:245px; height:29px; font-size:11px; line-height:1.2em; float:left; color:#56564C; padding-left:2px;} .sf-menu .vehicle_card .moreInfoLinkList{position:absolute; top:161px; left:181px;} .sf-menu .vehicle_card .moreInfoLinkList p{height:15px;} .sf-menu .vehicle_card .moreInfoLinkList p a{font-size:11px; color:#40609f;text-decoration:none; text-align:left; background:none; margin-bottom:0px;padding-bottom:0px; margin-top:0px;padding-top:0px;} .sf-menu .vehicle_card .moreInfoLinkList p a:hover{text-decoration:underline; background:none;} .sf-menu .vehicle_card .details-link {display:block;float:right;margin:21px 47px 5px 0;font-size:10px;background:url(/content/images/site/button-light-door.gif) no-repeat;line-height:18px;width:105px;height:18px;} .sf-menu .vehicle_card .details-link a {display:block;background:url(/content/images/site/button-light-right.gif) no-repeat top right;height:18px;padding:0 7px;border:none;font-size:10px;color:#217bb1 !important;text-align:center;} .sf-menu .vehicle_card .details-link a:hover {text-decoration:none;} .sf-menu .vehicle_card .nav-buttons {position:absolute;display:block;top:290px;left:20px;} .sf-menu .vehicle_card .nav-button {display:block;float:left;margin:0 7px 0 0;padding:0;background:url(/content/images/site/button-blue-door.gif) no-repeat;line-height:23px;height:23px;} .sf-menu .vehicle_card .nav-button-green {display:block;float:left;margin:0 7px 0 0;padding:0;background:url(/content/images/site/button-green-door.gif) no-repeat;line-height:23px;height:23px;} .sf-menu .vehicle_card .nav-button-green {background:url(/content/images/site/button-green-door.gif) no-repeat;} .sf-menu .vehicle_card .nav-button a {display:block;float:left;background:url(/content/images/site/button-blue-right.gif) no-repeat top right;height:23px;padding:0 7px;border:none;font-size:10px;font-weight:bold;color:#fff;} .vehicle_card .nav-button-green a {display:block;float:left;background:url(/content/images/site/button-green-right.gif) no-repeat top right;height:23px;padding:0 7px;border:none;font-size:10px;font-weight:bold;color:#fff;} .sf-menu.vehicle_card .nav-button-green a {background:url(/content/images/site/button-green-right.gif) no-repeat top right;} .sf-menu .vehicle_card .nav-button a:hover, .vehicle_card .nav-button-green a:hover {text-decoration:none;} .sf-menu .vehicle_card .clear {display:none;} .soa .immobilizer_code{} .soa .immobilizer_code .button{padding-top: 12px;} .soa .immobilizer_code label{padding-left: 0px;} .soa .immobilizer_code .inputCont{padding-left: 0px;} .soa .immobilizer_code .errorMessage h3, .soa .immobilizer_code .successMessage h3 {padding:10px 0 5px 0;} .soa .list_media {margin-top: 0px;} .soa .list_links_split h2 {font-size: 20px; font-weight: normal; padding-bottom: 20px;} .soa .list_links_split .link_cont {width:590px;} .soa .list_links_split .list_link {float: left; width:282px; margin-bottom: 10px;} .soa .list_links_split .list_link ul{list-style: none; margin-left: 0px;} .soa .list_links_split .list_link ul li.link_name{font-size: 14px; font-weight: bold;} .soa .list_links_split .list_link ul li{font-size: 12px; font-weight: normal;} .soa .list_links_split .list_link ul li a{font-size: 12px; font-weight: normal;} /* Model Intro - Vehicle Landing Page */ .model_intro_a{position:relative;margin:0; padding:0px; height:429px; width:950px; background-position:0 0; background-repeat:no-repeat;} .soa .model_intro_a{margin-left:-13px;} .model_intro_a h2{font-size:20px; color:#55554b; padding-bottom:0px;} /*IDs and classes to replace background image based on vehicle.*/ .Forester_popup{background-image:url(/content/images/hero/model/T_Model_Forester.jpg);} .Impreza_popup{background-image:url(/content/images/hero/model/T_Model_Impreza.jpg);} .WRX_popup{background-image:url(/content/images/hero/model/T_Model_WRX.jpg);} .Legacy_popup{background-image:url(/content/images/hero/model/T_Model_Legacy.jpg);} .Outback_popup{background-image:url(/content/images/hero/model/T_Model_Outback.jpg);} .Tribeca_popup{background-image:url(/content/images/hero/model/T_Model_Tribeca.jpg);} .misc_general_popup{background-image:url(/content/images/hero/model/T_Model_Impreza.jpg);} #Forester_popup{background-image:url(/content/images/hero/model/T_Model_Forester.jpg);} #Impreza_popup{background-image:url(/content/images/hero/model/T_Model_Impreza.jpg);} #WRX_popup{background-image:url(/content/images/hero/model/T_Model_WRX.jpg);} #Legacy_popup{background-image:url(/content/images/hero/model/T_Model_Legacy.jpg);} #Outback_popup{background-image:url(/content/images/hero/model/T_Model_Outback.jpg);} #Tribeca_popup{background-image:url(/content/images/hero/model/T_Model_Tribeca.jpg);} #misc_general_popup{background-image:url(/content/images/hero/model/T_Model_Impreza.jpg);} /**popup_window is the left side of the screen**/ .model_intro_a .popup_window{width:590px; float:left; position:absolute; top:16px; left:26px; display:none;} .model_intro_a .popup_window .top{ background-image:url(/content/images/site/model_intro_top.gif); background-position:0 0; background-repeat:no-repeat;height:8px; width:590px;} .model_intro_a .popup_window .bottom{ background-image:url(/content/images/site/model_intro_btm.gif); background-position:0 0; background-repeat:no-repeat;height:9px; width:590px;} .model_intro_a .popup_window .arrow_pointer{background-image:url(/content/images/site/model_intro_pointer.gif); height:27px; width:14px; position:absolute; right:-13px; top:119px; display:none; } .model_intro_a .popup_window .content{height:373px; background-color:#ffffff; padding:14px 18px 0 18px; font-size:11px; color:#55554b;text-align:center;} .model_intro_a .popup_window .content h2{color:#217bb1;float:left;line-height:30px;} .model_intro_a .popup_window .content h2 a{text-decoration:none;} .model_intro_a .popup_window .content .left_side{float:left;width:258px;margin-top:8px;text-align:left;height:80px;} .model_intro_a .popup_window .content .right_side{float:right; width:258px;margin-top:11px; margin-right:0px;font-weight:bold;text-align:left;height:77px;} .model_intro_a .popup_window .content p{display:block;line-height:15px;} .model_intro_a .popup_window .content .price{font-size:20px;font-weight:bold;line-height:21px;} .model_intro_a .popup_window .content ul{ list-style:none;text-align:left;} .model_intro_a .popup_window .content ul li{line-height:15px;} .model_intro_a .popup_window .content img{} .model_intro_a .popup_window .content .details-link {display:block;float:left;font-size:10px;background:url(/content/images/site/button-light-door.gif) no-repeat;line-height:18px;height:18px;margin-top:5px; margin-left:10px;} .model_intro_a .popup_window .content .details-link a {display:block;float:left;background:url(/content/images/site/button-light-right.gif) no-repeat top right;height:18px;padding:0 7px;border:none;font-size:10px;color:#217bb1;text-align:center; text-decoration:none;} .model_intro_a .popup_window .content .details-link a:hover {text-decoration:none;} .model_intro_a .popup_window .content .buttons{left:167px;position:absolute;top:367px;} .model_intro_a .popup_window .content .nav-button, .model_intro_a .popup_window .content .nav-button-green {display:block;float:left;margin:0 7px 0 0;padding:0;background:url(/content/images/site/button-blue-door.gif) no-repeat;line-height:23px;height:23px;text-transform:uppercase;} .model_intro_a .popup_window .content .nav-button-green {background:url(/content/images/site/button-green-door.gif) no-repeat;} .model_intro_a .popup_window .content .nav-button a, .model_intro_a .popup_window .content .nav-button-green a {display:block;float:left;background:url(/content/images/site/button-blue-right.gif) no-repeat top right;height:23px;padding:0 7px;border:none;font-size:10px;font-weight:bold;color:#eeeeee; text-decoration:none;} .model_intro_a .popup_window .content .nav-button-green a {background:url(/content/images/site/button-green-right.gif) no-repeat top right;} .model_intro_a .popup_window .content .nav-button a:hover, .model_intro_a .popup_window .content .nav-button-green a:hover {color:#ffffff;text-decoration:none;} .model_intro_a .popup_window .content table{margin-left:5px; width:540px; font-size:11px;} .model_intro_a .popup_window .content table .title{font-weight:bold; color:#55554b;} .model_intro_a .popup_window .content table .trim_level a{text-decoration:none;} .model_intro_a .popup_window .content table .trim_level a:hover{text-decoration:underline;} .model_intro_a .popup_window .content table tr{border-bottom:1px solid #dfdedd;} .model_intro_a .popup_window .content table tr td{line-height:40px; padding-right:10px;} .model_intro_a .popup_window .arrow_pointer{background-image:url(/content/images/site/model_intro_pointer.gif); height:27px; width:14px; position:absolute; right:-13px; top:119px; display:none; } /*window_sticker is the right side of the screen**/ .model_intro_a .window_sticker{display:block; position:absolute; width:282px; float:right; right:26px; top:16px;} .model_intro_a .window_sticker .top{ background-image:url(/content/images/site/wnd_stkr_top.gif); height:5px; width:282px; background-position:0 0; background-repeat:no-repeat; left:-18px; top:0px;} .model_intro_a .window_sticker .content{height:342px; background-color:#ffffff; padding:17px 25px 0 18px; border-right:1px solid #a5a59f; border-left:1px solid #a5a59f;} .model_intro_a .window_sticker h3{font-size:20px; color:#55554b;padding-top:17px; padding-bottom:12px;} .model_intro_a .window_sticker p{padding-top:11px;font-size:11px; color:#55554b;line-height:15px;} .model_intro_a .window_sticker .trims{list-style:none; margin-top:20px; cursor:pointer;} .model_intro_a .window_sticker .trims li:first-child{ border-top:1px solid #f2f2f1;} .model_intro_a .window_sticker .trims li{margin-left:-18px; margin-right:-25px; background-color:#ffffff;padding:0px 18px 0px 18px; line-height:24px; font-size:11px; color:#217bb1; border-bottom:1px solid #f2f2f1; height:24px;} .model_intro_a .window_sticker .trims li:hover{background-color:#e2e3e1; cursor:pointer;} .model_intro_a .window_sticker .trims .hover{background-color:#e2e3e1;} .model_intro_a .window_sticker .trims li em{color:#55554b; padding-left:3px; margin-left:0px;} .model_intro_a .window_sticker .trims li a,.model_intro_a .window_sticker .trims li a:hover{text-decoration:none;} .model_intro_a .window_sticker .trims #arrow_pointer{background-image:url(/content/images/site/model_intro_pointer.gif); height:27px; width:14px; left:-45px;position:relative;top:-25px;} .model_intro_a .window_sticker .search{height:26px; padding:10px 25px 0 18px; border-right:1px solid #a5a59f; border-left:1px solid #a5a59f; background-color:#dfdfd5; width:237px; background-image:url(/content/images/site/question_mark_gr.jpg); background-position:250px 14px; background-repeat:no-repeat;} .model_intro_a .window_sticker .search input{font-size:11px;color:#999999;width:101px;height:13px;margin:0 0 3px 0;float:left;} .model_intro_a .window_sticker .search .search_button{width:17px; height:19px; float:left;} .model_intro_a .window_sticker .instructions{float:left; width:100px; height:24px; font-size:11px; color:#55554b;padding-left:5px; margin-top:-4px;} .model_intro_a .window_sticker .bottom{background-image:url(/content/images/site/wnd_stkr_btm.gif); width:282px; height:5px;background-position:0 0; background-repeat:no-repeat; left:-18px; bottom:0px;} /*removed the zip code search for R1*/ .model_intro_a .window_sticker .search .search_wrapper{display:none;} .model_intro_a .window_sticker .search .instructions{display:none;} .model_intro_a .window_sticker .search{background-image:none;} .soa .my_2a img{float: left; padding-right: 17px;} .soa .my_2a p.top{font-weight: bold; background: none; height: auto;} .soa .my_2a p.top a{padding-left: 10px;} .soa .my_2a .read_share{text-align: right; margin-top:10px;} .soa .my_2a h1 {float:none; padding-left:0; padding-bottom:12px;} .soa .my_copy_title h2 {padding-bottom: 0px; font-size:20px; font-weight:normal;} .soa .my_copy_title h2 a{display: none;} .soa .my_copy_title h2 p{display: none;} /* For 4843 */ .soa .my_copy_title h2 .nickname{font-weight: normal;} .soa .my_copy_title h3 {padding-bottom: 10px; font-size:20px; font-weight:normal;} .soa .my_copy_title_events h2 {float:left; width:420px; padding-bottom: 0px; font-weight: normal;} .soa .my_copy_title_events ul {float:right; width:160px; margin:0; list-style-type: none; text-align: right;} .soa .my_copy_title_events ul li {display:inline;} .soa .my_copy_title_events ul li.selected a {color:#55554b;} .soa .my_copy_title_events ul li.ui-tabs-selected a {color:#55554b;} .soa .my_copy_title_paragraph h3 {padding-bottom: 5px; font-size:20px; font-weight:normal;} .soa .my_copy_title_paragraph p {padding:5px 0;} .soa .my_copy_title_paragraph p.underImage{color:#000000; font-style:italic; } .soa .my_dealer h3 {padding-bottom: 10px; margin-left:5px;} .soa .my_dealer .tabs {float:left;} .soa .my_dealer .cluetip200 {float:left;display:block;width:16px;height:16px;margin:8px 0 0 25px;} .soa .my_dealer .dealer_title {font-weight: bold; color:#177bb1; margin-left:5px;} .soa .my_dealer .dealer_set {font-size:12px;padding:5px 0;} .soa .my_dealer .dealer_info {width:282px;float:left;} .soa .my_dealer .dealer_address {margin-left:5px;} .soa .my_dealer .dealer_info p {font-size:16px;} .soa .my_dealer .body ul {margin-left:6px;} .soa .my_dealer .body ul li {list-style:none;} .soa .my_dealer .dealer_info .dealer_address {font-size:14px;margin-bottom:10px;} .soa .my_dealer .dealer_info ul {margin:15px 0;list-style:none;line-height:1.4em;} .soa .my_dealer .dealer_info ul li{padding-left:5px} .soa .my_dealer .dealer_logos {display:inline;float:left;} .soa .my_dealer .dealer_logos div {padding:20px 10px 5px 100px;min-height:34px;display:none;float:left;} .soa .my_dealer .dealer_logos div p {margin:0 0 7px 0;} .soa .my_dealer .dealer_logos .cpo {background:url(/content/images/site/dealer-logos-cpo.gif) no-repeat 1px 20px;} .soa .my_dealer .dealer_logos .stellar {background:url(/content/images/site/dealer-logos-stellar.gif) no-repeat 0 20px;} .soa .my_dealer .dealer_logos .spt {background:url(/content/images/site/dealer-logos-spt.gif) no-repeat 3px 20px;} .soa .my_dealer .dealer_map_small {float:left;width:282px;height:270px;} .soa .my_dealer .tabs a span {width:232px;font-size:14px;} .soa .my_dealer .tabs .ui-tabs-selected a span {font-weight:bold} .soa .my_dealer .tabs .ui-tabs-disabled a span {color:#b2b2b2;} .soa .my_events h3 {padding-bottom: 10px;} .soa .my_events p {padding-bottom: 5px;} .soa .my_find_next h3 {padding-top: 20px;} .soa .my_friend_to_subaru p{font-weight: bold;} .soa .my_friend_to_subaru li{line-height: 24px;} .soa .my_next_vehicle_detail{display:none;}/*js will unhide this */ .soa .my_next_vehicle_detail h2 p, .soa .my_vehicle_detail h2 p {padding:7px 0 0 0;color:#b2b2b2; font-size:14px;} .soa .my_next_vehicle_detail h2 a, .soa .my_vehicle_detail h2 a {font-size: 12px;} .soa .my_next_vehicle_detail .split_left {float:left; width:380px; padding:30px 0 0 0;} .soa .my_next_vehicle_detail .split_left img {width:368px;} .soa .my_next_vehicle_detail .split_right {float:right; width:210px; padding:30px 0 0 0;} .soa .my_next_vehicle_detail .split_right ul {list-style-type: none; margin:0;} .soa .my_next_vehicle_detail .split_right ul li {padding-bottom:10px;} .soa .my_next_vehicle_detail .split_right ul li.msrp {font-size: 26px; font-weight: bold; color:#177bb1; padding-bottom: 0px;} .soa .my_next_vehicle_detail .split_right ul li.msrp span {font-size: 12px; padding-left: 5px; font-weight: normal;} .soa .my_next_vehicle_detail .split_right ul li.mpg{padding-bottom: 0px;} .soa .my_next_vehicle_detail .split_right ul li.configured{} .soa .my_next_vehicle_detail .split_right ul li.configured a{padding-left: 5px;} .soa .my_partner_cont h2 {font-weight:bold; font-size:20px;} .soa .my_partner_cont .tabs {margin-right:-5px;} .soa .my_partner_cont .tabs li a span {padding: 5px 10px 0; font-size:12px; line-height:14px; margin-top:-3px; height:35px;} .soa .my_partner_cont .tabs li a .wide {width:69px;} .soa .my_partner_cont .tabs .ui-tabs-selected a {background-image:url(/content/images/site/features_tab_on_left_p.gif);} .soa .my_partner_cont .tabs .ui-tabs-selected a span {background-image:url(/content/images/site/features_tab_on_right_p.gif);} .soa .my_partner_cont .top { background:#FFFFFF none repeat scroll 0 0; border-left:solid 1px #DCDCDC; border-right:solid 1px #DCDCDC; border-top:none; border-bottom:none;} .soa .my_partner_cont .bottom{height:16px; line-height:16px; background:transparent url(/content/images/site/a_590_rc_ultralight_tan_bottom_p.gif) no-repeat scroll left top;} .soa .my_partner_cont .tab_content {background:transparent url(/content/images/site/a_590_ultralight_tan_body_p.gif) repeat-y scroll left top; padding:0 10px; width:570px;} .soa .my_partner_cont .tab_content p {padding-bottom: 5px;} .soa .my_partner_cont .tab_content .partner {background:transparent none repeat scroll 0 0; border:medium none; margin-top:10px; margin-bottom:10px; display:inline; float:left; height:auto; padding-bottom:0; width:570px;} .soa .my_partner_cont .tab_content .partner .partner_cont {float:left; padding-bottom:20px;} .soa .my_partner_cont .tab_content .partner .partner_cont .partner_info {float:left; margin:0; padding:0; width:375px;} .soa .my_partner_cont .tab_content .partner .partner_cont .partner_info .tp {font-size:18px; padding:0 0 5px; width:375px; border:none; background:none; margin-bottom:5px;} .soa .my_partner_cont .tab_content .partner .partner_cont img {float:left; height:auto; margin-right:17px;} .soa .my_poll .split_left {width:235px;} .soa .my_poll .split_right {width:335px; color:#55554b;} .soa .my_poll #poll_results {width:335px; color:#55554b; display:none;} .soa .my_poll #poll_results dl.graph {width: 335px; position: relative;} .soa .my_poll #poll_results dt.bar-title {clear:both; float:left; position:relative; width:150px; line-height: 20px; margin-right: 10px; text-align:right;} .soa .my_poll #poll_results dd.bar-container {position:relative; float:left; width:125px; height:10px; margin: 0px 0px 15px;} .soa .my_poll #poll_results dd.bar-container div { background-color:#177bb1; height: 20px;} .soa .my_poll #poll_results dd.bar-container strong {position: absolute; right: -32px; top: 0px; overflow: hidden;} .soa .my_poll #poll_results p {clear:both; padding:10px 17px 0; text-align:right;} .soa .my_profile h3 {padding:10px 0;} .soa .my_profile h3 span {font-size: 12px; font-weight: normal;} .soa .my_profile table th {width:190px;} .soa .my_profile table td {width:300px; border:none;} .soa .my_publications h2 {font-size:20px; font-weight:normal;} .soa .my_publications img{float: left; padding-right: 17px;} .soa .my_publications p.top{font-weight: bold; background: none;} .soa .my_publications p.top a{padding-left: 10px;} .soa .my_publications p.read_more{text-align:right; float:right; margin-top:10px;} .soa .my_vehicle_detail{display:none;}/*js will unhide this */ .soa .my_vehicle_detail img {} .soa .my_vehicle_detail ul{list-style: none; margin: 10px 0 0 0;} .soa .my_vehicle_detail ul li{line-height: 15px;} .soa .my_vehicle_detail ul li .title{background: none; font-weight: bold;} .soa .my_vehicle_detail .close_button img {position:absolute; width:12px; margin:0; padding: 0; cursor:pointer; } .soa .my_vehicle_maintenance_schedule .tabs li a span {padding: 0px 10px;} .soa .my_vehicle_maintenance_schedule .tab_content {padding-top: 10px; border-top: 1px solid #D8D8D8;} .soa .my_vehicle_maintenance_schedule .tab_content p {padding-bottom: 5px;} .soa .my_vehicle_maintenance_schedule .table_container {width:590px; margin-top: 20px;} .soa .my_vehicle_maintenance_schedule .table_container .table_row {width:590px;} .soa .my_vehicle_maintenance_schedule .table_container .table_row .col1 {width:300px; padding-left:5px;} .soa .my_vehicle_maintenance_schedule .table_container .table_row .col2 {width:75px;} .soa .my_vehicle_maintenance_schedule .table_container .table_row .col3 {width:210px;} .soa .my_vehicle_maintenance_schedule .table_container .table_row .row_detail {display:none; width:580px; padding:5px 5px 10px 5px;} .soa .my_vehicle_maintenance_schedule .table_container .table_row .row_detail h3 {float:left; width:500px;} .soa .my_vehicle_maintenance_schedule .table_container .table_row .row_detail p.close {clear:none; float:right; width:60px; font-size: 12px; text-align: right;} .soa .my_vehicle_maintenance_schedule .table_container .table_row .row_detail p {clear:both;} .soa .my_vehicle_maintenance_schedule_apt .button {margin-top: 15px;} .soa .my_vehicle_recall_detail .table_container p {padding-bottom: 5px;} .soa .my_vehicle_recall_detail .table_container .table_row .col1 {width:195px; padding-left:5px;} .soa .my_vehicle_recall_detail .table_container .table_row .col2, .soa .my_vehicle_recall_detail .table_container .table_row .col3 {width:195px;} .soa .my_vehicle_recall_detail .table_container .row_detail {display:none; width:578px; padding:5px 5px 10px 5px;} .soa .my_vehicle_recall_detail .table_container .row_detail th {width:195px;} .soa .my_vehicle_recall_detail .table_container .row_detail td {border:none;} .soa .my_vehicle_recall_detail .table_container .recall_table{background: url("/content/images/site/icons/arrow_right.jpg") no-repeat scroll 570px 5px #FBFBFB; border:1px solid #E1E1DC;} .soa .my_vehicle_recall_detail .table_container .open{background: url("/content/images/site/icons/arrow_down.jpg") no-repeat scroll 570px 5px #FBFBFB !important;} .soa .my_vehicle_recall_detail .table_container .recall_table .col3{width:180px;} .soa .my_vehicle_service_history h3 {} .soa .my_vehicle_service_history .table_container p {padding-bottom: 5px; word-wrap: break-word;} .soa .my_vehicle_service_history .table_container, .soa .my_vehicle_service_history .table_container .table_row {width:590px;} .soa .my_vehicle_service_history .table_container .table_row .col1 {width:160px; padding-left:5px;} .soa .my_vehicle_service_history .table_container .table_row .col2, .soa .my_vehicle_service_history .table_container .table_row .col3, .soa .my_vehicle_service_history .table_container .table_row .col4, .soa .my_vehicle_service_history .table_container .table_row .col5, .soa .my_vehicle_service_history .table_container .table_row .col6 {width:80px; padding-left: 5px;} .soa .my_vehicle_service_history .table_container .row_detail {display:none; width:580px; padding:5px 5px 10px 5px;} .soa .my_vehicle_service_history .table_container .no_content p {padding-left: 5px;} #form_add_service_record {width:600px;} #form_add_service_record .rightnotes {width:300px; position: absolute; top:20px; left: 300px;} #form_add_service_record .rightnotes label {display:block; margin: 0px; width:250px; padding:0px 0 5px 0;} #form_add_service_record .rightnotes textarea {height: 255px; width: 240px;} .form_service_record form.service_record .subnotes { width:300px; position: absolute; top:55px; left:300px;} .form_service_record form.service_record.source_variant .subnotes {top:20px;} .form_service_record form.service_record .subnotes label {display:block; margin: 0px; width:250px; padding:0px 0 5px 0;} .form_service_record form.service_record .subnotes textarea {height: 260px; width: 240px;} .soa .my_vehicle_service_history .table_container .form_service_record, #form_add_service_record{position:relative;} .soa .my_vehicle_service_history .table_container form.service_record {width:600px; position:relative;} .soa .my_vehicle_service_history .table_container form.service_record .leftNotes {float:right; width:300px; position: relative; top:-298px;} .soa .my_vehicle_service_history .table_container form.service_record .leftNotes label {display:block; margin: 0px; width:250px; padding:0px 0 5px 0;} .soa .my_vehicle_service_history .table_container form.service_record .leftNotes #notes {height: 255px; width: 240px;} .soa .my_vehicle_service_history .table_container .odd { padding:0px;} .soa .no_saved_vehicle{display: none;}/*js will unhide this*/ .soa .no_saved_vehicle h3{padding:10px;} .soa .no_saved_vehicle p{padding:10px; padding-top: 0px;} .soa .no_saved_vehicle .button{} .soa .no_owned_vehicle{display: none;}/*js will unhide this*/ .soa .no_owned_vehicle h3{padding: 10px;} .soa .no_owned_vehicle p{padding: 10px; padding-top: 0px;} .soa .no_owned_vehicle .button{} .soa .owner_page_top .button{float: right; margin:15px 25px 0px 0px;} .soa .roadside {color:#55554B; margin-top:10px;} /*Seconday Navs*/ .secondary_nav_container{ height:42px; text-align:right; background-color: #fff; position:relative; background: #fff url(/content/images/site/nav2_footer.png) no-repeat left bottom;} /*put a hero class on the body and it will hade the secondary nav bottom underline*/ .hero .secondary_nav_container{background:none; background-color: #fff;} .secondary_nav_container .title{font-size:20px; color:#56564C; float:left; position:relative; left:26px; top:7px;} .secondary_nav_container ul.secondary_nav{float:right; list-style:none; position:relative; top:6px; right:26px;} .secondary_nav_container ul.secondary_nav li{ display:inline; float:left; line-height:12px; padding:0px; color:#d8d8d8; font-size:12px;} .secondary_nav_container ul.secondary_nav .global_text_wrapper{border-left:1px solid #D8D8D8; float:left; line-height:15px; margin-top:10px; padding-left:0px; position:relative; height:12px;} .secondary_nav_container ul.secondary_nav li a{text-decoration:none; line-height:23px; padding:0 0 0 8px !important; text-decoration:none; color:#40609f; background:none; float:left; margin-top:-5px;} .secondary_nav_container ul.secondary_nav li a span{display:block; float:left; font-weight:normal !important; padding:0 10px 0 2px; color:#40609f; line-height:23px; background:none; float:left;} .secondary_nav_container ul.secondary_nav li a:hover{text-decoration:underline; background:transparent url(/content/images/site/button_GreyLeft.jpg) no-repeat scroll left top; line-height:23px; padding:0 0 0 8px !important;} .secondary_nav_container ul.secondary_nav li a:hover span{background:transparent url(/content/images/site/button_GreyRight.jpg) no-repeat scroll right top; display:block; float:left; font-weight:normal !important; line-height:23px; padding:0 10px 0 2px;} .secondary_nav_container ul.secondary_nav li a.selected{text-decoration:none; background:transparent url(/content/images/site/formButton_blueLt.gif) no-repeat scroll left top; line-height:23px; padding:0 0 0 8px !important; text-decoration:none; color:#fff;} .secondary_nav_container ul.secondary_nav li a.selected span{background:transparent url(/content/images/site/formButton_blueRt.gif) no-repeat scroll right top; display:block; float:left; font-weight:normal !important; padding:0 10px 0 2px; color:#fff; line-height:23px;} .secondary_nav_container ul.secondary_nav li a:hover.selected span{background:transparent url(/content/images/site/formButton_blueRt.gif) no-repeat scroll right top; display:block; float:left; font-weight:normal !important; padding:0 10px 0 2px; color:#fff; line-height:23px;} .secondary_nav_container ul.secondary_nav li a:hover.selected{text-decoration:none; background:transparent url(/content/images/site/formButton_blueLt.gif) no-repeat scroll left top; line-height:23px; padding:0 0 0 8px !important; text-decoration:none; color:#fff;} /****************************************************** ** VEHICLES SECONDARY NAV ******************************************************/ /*basic set up (overrides from other sec navs)*/ .vehicles .secondary_nav_container{ height:70px; background:url(/content/images/site/veh_sec_nav-bg.jpg) repeat-x 0 0} #vehicles .title{text-align:left;} #vehicles .title span{color:#fff; font-size:24px;} #vehicles .title .vehicleName{font-weight:bold;} #vehicles .title .vehicleYear{} #vehicles .title .vehiclePageName{font-size:18px; font-weight:bold;} #vehicles .title a{font-size:10px; font-weight:bold; color:#002366; text-decoration:none; background:url(/content/images/site/veh_sec_nav-icon_back_arrow.jpg) 0 0 no-repeat; line-height:10px; text-indent:14px; display:block; margin-left:32px;} #vehicles ul.secondary_nav li {} #vehicles ul.secondary_nav li a{margin:0; line-height:auto; display:block; text-indent:-9999px; width:56px; overflow:hidden; height:57px; text-align:left; padding:0 !important; background:url(/content/images/site/veh_sec_nav-sprite.jpg) no-repeat 0 -58px ;} #vehicles ul.secondary_nav li a:hover{} /*individual images*/ /*static*/ #vehicles ul.secondary_nav li a#overview{background-position:0 -58px;} #vehicles ul.secondary_nav li a#photos_videos{background-position:-55px -58px;} #vehicles ul.secondary_nav li a#features{background-position:-110px -58px;} #vehicles ul.secondary_nav li a#compare{background-position:-165px -58px;} #vehicles ul.secondary_nav li a#ratings-reviews{background-position:-220px -58px;} #vehicles ul.secondary_nav li a#build{background-position:-275px -58px;} #vehicles ul.secondary_nav li a#request_quote{background-position:-330px -58px;} /*selected*/ #vehicles ul.secondary_nav li.selected a#overview{background-position:0 0;} #vehicles ul.secondary_nav li.selected a#photos_videos{background-position:-55px 0px;} #vehicles ul.secondary_nav li.selected a#features{background-position:-110px 0px;} #vehicles ul.secondary_nav li.selected a#compare{background-position:-165px 0px;} #vehicles ul.secondary_nav li.selected a#ratings-reviews{background-position:-220px 0px;} #vehicles ul.secondary_nav li.selected a#build{background-position:-275px 0px;} #vehicles ul.secondary_nav li.selected a#request_quote{background-position:-330px 0px;} /*hover*/ #vehicles ul.secondary_nav li a#overview:hover{background-position:0 0px;} #vehicles ul.secondary_nav li a#photos_videos:hover{background-position:-55px 0px;} #vehicles ul.secondary_nav li a#features:hover{background-position:-110px 0px;} #vehicles ul.secondary_nav li a#compare:hover{background-position:-165px 0px;} #vehicles ul.secondary_nav li a#ratings-reviews:hover{background-position:-220px 0px;} #vehicles ul.secondary_nav li a#build:hover{background-position:-275px 0px;} #vehicles ul.secondary_nav li a#request_quote:hover{background-position:-330px 0px;} .soa .service_alert.recall_alert{background:#FAF9DC url(/content/images/site/bg_errorServiceRecall.jpg) no-repeat scroll left top; border:1px solid #E8844E;margin:8px 0 0 0;padding:5px 0 5px 13px;position:relative;} .soa .service_alert.new_service_alert{background:#FAF9DC url(/content/images/site/bg_errorServiceAlert.jpg) no-repeat scroll left top; border:1px solid #E8844E;margin:8px 0 0 0;padding:5px 0 5px 13px;position:relative;} .soa .service_alert.reminder_alert{background:#FAF9DC url(/content/images/site/bg_errorServiceReminder.jpg) no-repeat scroll left top; border:1px solid #E8844E;margin:8px 0 0 0;padding:5px 0 5px 13px;position:relative;} .soa .service_alert{background:#FAF9DC url(/content/images/site/bg_errorServiceRecall.jpg) no-repeat scroll left top; border:1px solid #E8844E;margin:8px 0 0 0;padding:5px 0 5px 13px;position:relative;} .soa .service_alert .top{background:transparent url(/content/images/site/bg_errorPoint.jpg) no-repeat scroll left top;height:8px;margin:-13px 0 0 5px;position:absolute;width:12px;z-index:99;} .soa .service_alert .body{padding:0 10px; width:545px; background: none;} .soa .service_alert .bottom{background: none; height:1px; line-height:1px;} .soa .service_alert h3{font-weight: bold; float: left;width:530px; } .soa .service_alert .alert{color:#55554B;float:left;font-size:16px;font-weight:normal;margin-left:10px;} .soa .service_alert p{margin-bottom: 10px;} .soa .service_alert a{} .soa .service_alert .close_button{float: right; cursor: pointer;} .soa .service_coupon{} .soa .service_coupon .content{background-color: #edede8;} .soa .service_coupon .print{font-weight: normal; float: right;} .soa .service_coupon .print img{padding-right: 2px; height: 16px; width: 15px;} .soa .service_coupon .coupon_price{line-height: 30px; font-weight: bold;} .soa .service_coupon .coupon_price .price{font-size: 30px; margin-right: 10px; color: #217BB1;} .soa .service_coupon .hr{margin-top: 10px;} .soa .share_story h2 {font-size:20px; margin-left:5px; padding:0 0 10px;} .soa .share_story p {font-size:16px; margin-left:5px; padding:10px 0;} .soa .share_story #img_center {text-align:center;} /*Special Offers*/ .soa .specialOffers{margin-bottom:0px; margin-top:0px; /*display:none;*/} .mysub-specialOffers .specialOffers{margin-bottom:0px; margin-top:0px; display:block;} .soa .specialOffers_head{margin-bottom:10px;} .soa .specialOffers .shownoftotal{} .soa .specialOffers .shownoftotal p{} .soa .specialOffers .specialOfferItem{margin-bottom:30px; border-bottom:1px solid #d8d8d8;} .soa .specialOffers .specialOfferItem .vehicleImage{float:left;} .soa .specialOffers .specialOfferItem .offer_details{float:right; width:350px; margin-bottom:20px;} .soa .specialOffers .specialOfferItem .offer_details h2{padding:0px;} .soa .specialOffers .specialOfferItem .offer_details p.msrp{} .soa .specialOffers .specialOfferItem .offer_details ul.specialOffersLinkWrapper{list-style:none; margin:10px 0 0 0px;} .soa .specialOffers .specialOfferItem .offer_details ul.specialOffersLinkWrapper li{float:left; padding:0 10px; border-left:1px solid #d8d8d8;} .soa .specialOffers .specialOfferItem .offer_details ul.specialOffersLinkWrapper li:first-child{border:none; padding-left:0;} .soa .specialOffers .specialOfferItem .offer_details ul.specialOffersLinkWrapper li a{} .soa .specialOffers .specialOfferItem .offer_details ul.specialOffersLinkWrapper li a:hover{} .soa .specialOffers .specialOfferItem .offer_details p.full_title{clear:both; font-size:24px; padding-top:10px; font-weight:bold;} .soa .specialOffers .specialOfferItem .offer_details p.abstract{padding-bottom:4px;} .soa .specialOffers .specialOfferItem .offer_details p.toggle_close a{} .soa .specialOffers .specialOfferItem .offer_details p.offer_body{} .soa .specialOffers .specialOfferItem .offer_details p.disclaimer{} .soa .specialOffer_checkboxes{width:285px !important;} .soa .specialOffer_checkboxes .checkbox_top{background: url(/content/images/site/specialoffersbox_top.gif) no-repeat 0 0; width:285px; height:10px;} .soa .specialOffer_checkboxes .checkbox_bottom{background: url(/content/images/site/specialoffersbox_bottom.gif) no-repeat 0 0; width:285px; height:10px;} .soa .specialOffer_checkboxes .checkbox_content{background-color: #fbfbfa; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; width:283px;} .soa .specialOffer_checkboxes .checkbox_content h2{margin-left:15px;} .soa .specialOffer_checkboxes .checkbox_content ul.check_list{padding-top:0px;} .soa .specialOffer_checkboxes .checkbox_content ul.check_list li{float:left; width:133px;} .soa .specialOffer_checkboxes .checkbox_content ul.check_list li span{} .soa .specialOffer_checkboxes .checkbox_content .hr{margin:10px; width:242px;} .soa .specialOffer_checkboxes .checkbox_content .shownoftotal{clear:both; margin:10px 0 0 15px; padding:10px 0;} .soa .specialOffer_checkboxes .checkbox_content .shownoftotal p{} .soa .specOffers_getUpdates h2{padding-bottom:10px;} .soa .specOffers_getUpdates .component_button{margin-top:15px;} /*Tabbed-Tertiary Nav*/ .soa .tabbed_tertiary .mid {border: 1px solid #dfdfdf; border-bottom:0; height: 10px; width: 280px; background-color: #f7f7f4;} .soa .tabbed_tertiary .accordion, .soa .tabbed_tertiary .accordion_garaged{height: auto; border-top: 1px solid #E1E1DC; /*margin-top: 5px;*/ width:282px;} .soa .tabbed_tertiary .accordion .acc .links, .soa .tabbed_tertiary .accordion_garaged .acc .links{background-color:#EDEDE8;border:1px solid #E1E1DC;display:block;font-size:12px;font-weight:normal;height:14px; padding:6px 0 8px 15px; text-decoration:none; width: 265px;} .soa .tabbed_tertiary .accordion .acc.selected, .soa .tabbed_tertiary .accordion_garaged .acc.selected {font-weight: bold;} .soa .tabbed_tertiary .accordion .acc_head .links, .soa .tabbed_tertiary .accordion_garaged .acc_head .links {border:1px solid #E1E1DC;display:block;font-size:12px;font-weight:bold;height:6px; padding:4px 0 10px 15px; text-decoration:none; width: 265px; border-top:1px solid #888881; color:#40609f; background:url(/content/images/site/icons/arrow_down_blue.gif) no-repeat 252px 5px; } .soa .tabbed_tertiary .accordion .acc_content li a, .soa .tabbed_tertiary .accordion_garaged .acc_content li a {text-decoration:none;display:block;padding:0 5px;margin:2px 0;line-height:18px;font-size:11px;} .soa .tabbed_tertiary .accordion .acc_content li a:hover, .soa .tabbed_tertiary .accordion_garaged .acc_content li a:hover {background-color:#e3e3e3; text-decoration:underline;} .soa .tabbed_tertiary .accordion .acc_content li .hover, .soa .tabbed_tertiary .accordion_garaged .acc_content li .hover {background:#e3e3e3; text-decoration:underline;} .soa .tabbed_tertiary .accordion .acc_content p a, .soa .tabbed_tertiary .accordion_garaged .acc_content p a {border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; color:#40609F;display:block; font-size:12px; height:22px; line-height:22px; margin:0 0 0; padding:0 0 0 30px; text-decoration:none;} .soa .tabbed_tertiary .accordion .acc_content p a:hover, .soa .tabbed_tertiary .accordion_garaged .acc_content p a:hover {background:#e3e3e3; text-decoration:underline;} .soa .tabbed_tertiary .accordion .acc_content p .hover, .soa .tabbed_tertiary .accordion_garaged .acc_content p .hover {background:#e3e3e3; text-decoration:underline;} .soa .tabbed_tertiary .accordion .acc_head .links:hover, .soa .tabbed_tertiary .accordion_garaged .acc_head .links:hover,.soa .tabbed_tertiary .accordion .add_vehicle_link .links:hover {text-decoration:none; background-color:#e3e3e3;} .soa .tabbed_tertiary .accordion .showing_this .links, .soa .tabbed_tertiary .accordion_garaged .showing_this .links {background: none; border: none; font-weight: bold; border-top:1px solid #888881; border-bottom:1px solid #888881; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:none; color:#56564c;} .soa .tabbed_tertiary .accordion .showing_this a.links:hover, .soa .tabbed_tertiary .accordion_garaged .showing_this a.links:hover {background-color: none; border: none; font-weight: bold; border-top:1px solid #888881; border-bottom:1px solid #888881; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:none; color:#56564c;} .soa .tabbed_tertiary .accordion ul li, .soa .tabbed_tertiary .accordion_garaged ul li{padding-bottom: 3px;} .soa .tabbed_tertiary .accordion p, .soa .tabbed_tertiary .accordion_garaged p{padding-bottom:0px;} .soa .tabbed_tertiary .accordion p .selected, .soa .tabbed_tertiary .accordion_garaged p .selected{font-weight: normal;} .soa .tabbed_tertiary .accordion p .selected a, .soa .tabbed_tertiary .accordion_garaged p .selected a{background-color: #f8f8f8;} .soa .tabbed_tertiary .accordion .component_button, .soa .tabbed_tertiary .accordion_garaged .component_button{background:#CCCDBB url(/content/images/site/pod282_bottom.jpg) no-repeat scroll 0 0;height:19px;padding:5px 15px 3px; width: 252px;} .soa .tabbed_tertiary .nav_ms_tertiary-tabs{} .nav_ms_tertiary-tabs {margin-bottom:150px;} #nav_ms_tertiary-tabs {float:left;width:282px;} .component .nav_ms_tertiary-tabs .title {float:left;height:60px; min-height:60px;} .nav_ms_tertiary-tabs .content {border:1px solid #d8d8d8;background:#f7f7f4;padding:5px;} .nav_ms_tertiary-tabs .tabs {margin-right:-10px;} .nav_ms_tertiary-tabs .tabs a span {text-align:center; width:139px; color:#40609f;} .nav_ms_tertiary-tabs .tabs a:hover {text-decoration:underline;} .nav_ms_tertiary-tabs .tabs .ui-tabs-selected a {background-image:url(/content/images/site/features_tab_on_left.gif); color:#56564c;} .nav_ms_tertiary-tabs .tabs .ui-tabs-selected a:hover{text-decoration:none;} .nav_ms_tertiary-tabs .tabs .ui-tabs-selected a span {background-image:url(/content/images/site/features_tab_on_right.gif); color:#56564c;} .nav_ms_tertiary-tabs ul {list-style:none;} .nav_ms_tertiary-tabs .content {padding:5px;} .nav_ms_tertiary-tabs .content a {text-decoration:none;display:block;padding:0 5px;margin:2px 0;line-height:21px;} .nav_ms_tertiary-tabs .content a:hover {background:#e5e5de;} .nav_ms_tertiary-tabs .content .hover {background:#e5e5de;} .soa .table_feature_head {} .soa .table_feature_head .button_list {height:22px; text-align: right; margin-bottom: 15px;} .soa .table_feature_head .button_list li {display:block; float:right; border: 1px dotted #fff;} .soa .table_feature_head .button_list li a {float:left; padding:0 0 0 8px !important; line-height:23px; text-decoration:none; color:#40609f; background:transparent url(/content/images/site/button_GreyLeft.jpg) no-repeat scroll left top;} .soa .table_feature_head .button_list li a span {display:block; float:left; padding:0 10px 0 2px; color:#40609f; line-height:23px; font-weight:normal !important; background:transparent url(/content/images/site/button_GreyRight.jpg) no-repeat scroll right top;} .soa .table_feature_head .button_list li a:hover {text-decoration:underline;} .soa .table_feature_head .button_list li a.brochure_icon {display:block; width:80px; height:22px; margin:0; background: url(/content/images/site/button_brochure.gif) left center no-repeat !important;} .soa .table_feature_head .button_list li a.brochure_icon:hover {background: url(/content/images/site/button_brochure_over.gif) left center no-repeat !important;} .soa .table_feature_head .button_list li a.video_icon {display:block; width:80px; height:22px; margin:0; background: url(/content/images/site/button_video.gif) left center no-repeat !important;} .soa .table_feature_head .button_list li a.video_icon:hover {background: url(/content/images/site/button_video_over.gif) left center no-repeat !important;} .soa .table_feature_head .button_list li a span img {height:18px; padding: 2px 3px 0 0;} .soa .table_feature_head .titleCont {position:relative; width:590px; height:34px; background: url(/content/images/site/bg_rc_top_lightgrey_590x34.jpg) no-repeat;} .soa .table_feature_head .titleCont p {position:absolute; margin:10px 0 0 20px; font-weight: bold;} .soa .table_feature_head .titleCont p.second-column {margin-left: 195px;} .soa .table_feature_head .content {width:590px; border-top: 1px solid #d8d8d8;} .soa .table_feature_head .content .acc_disclaimer {width:570px; padding:5px 5px 5px 10px;} .soa .table_feature_head .content .component_row {clear:both; margin:10px 0;} .soa .table_feature_head .content .component_row img {float:left; border: 1px solid #d8d8d8;} .soa .table_feature_head .content .component_row .component_content {float:left; width:395px; padding-left:20px;} .soa .table_feature_head .content .component_row .component_content .headline {font-weight: bold;} .soa .table_feature_head table tr td {border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;} .soa .table_feature_head table tr.odd td {background-color: #e2e2e1;} .soa .table_feature_head table tr td.left_td {width:175px; padding-left: 10px;} .soa .technical_info .button{float: right; margin-top: 15px;} .soa .trade_in_more_info{} .soa .trade_in_more_info h3{} .soa .trade_in_more_info ul{list-style: none; margin-left: 0px;} .soa .trade_in_more_info li.description{margin-bottom: 10px;} .soa .trade_in_more_info li a{} /*Trade-In Value - displays price*/ .soa .trade_in_value h2{padding-bottom: 2px;} .soa .trade_in_value h3{padding-bottom: 7px;} .soa .trade_in_value .price{font-size: 30px;float: left; color: #177bb1;} .soa .trade_in_value .guaranteed{line-height: 48px; padding-left: 5px; display: inline; color: #55554B; } .soa .owner_links{} .soa .owner_links .owner_link{float: left; width:282px; margin-bottom: 10px;} .soa .owner_links .owner_link ul{list-style: none; margin-left: 0px;} .soa .owner_links .owner_link ul li{font-size: 14px; font-weight: bold;} .soa .owner_links .owner_link ul li a{font-size: 12px; font-weight: normal;} .soa .rolldown_container .rolldown_item {margin:5px 0;} .soa .rolldown_container .rolldown_item .rolldown_top {position:static;height: 15px; border:1px solid #E1E1DC;padding: 10px;margin-top:-1px; background: #fbfbfb url(/content/images/site/icons/arrow_right.jpg) 560px 9px no-repeat; } .soa .comp898.rolldown_container .rolldown_item .rolldown_top {position:static;height: 15px; border:1px solid #E1E1DC;padding: 10px;margin-top:-1px; background: #fbfbfb url(/content/images/site/icons/arrow_right.jpg) 868px 9px no-repeat; } .soa .rolldown_container .rolldown_item .rolldown_top a {padding-left: 5px;float:left;} .soa .rolldown_container .rolldown_item .opened, .soa .comp898.rolldown_container .rolldown_item .opened{font-weight: bold; border-style: solid none none; padding:10px 11px 11px;background-color:#ffffff; background-image: url(/content/images/site/icons/arrow_down.jpg)} .soa .rolldown_container .rolldown_item .rolldown_top .print{display: none;vertical-align:middle;float:right;} .soa .rolldown_container .rolldown_item .opened .print{display: block; float:right; font-weight: normal; padding-right: 25px; text-align: right;} .soa .rolldown_container .rolldown_item .opened .print a {float:none;} .soa .rolldown_container .rolldown_item .opened .print img{padding-right: 2px;vertical-align:middle;} .soa .rolldown_container .rolldown_item ul{margin-bottom: 5px;} .soa .rolldown_container .rolldown_item ul li{line-height: 15px;} .soa .rolldown_container .rolldown_item p{padding-bottom: 5px;} .soa .rolldown_container .rolldown_item_details{ padding-left: 15px; padding-right: 15px; clear:both} .soa .vehicle_news{margin-top:5px;} .soa .vehicle_news .body{padding:0px; width:280px; border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;} .soa .vehicle_news .body h2{font-size:20px; color:#56564c; margin-left:23px;} .soa .vehicle_news .body .news_section_first {border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:10px 14px; position:relative;} .soa .vehicle_news .body .news_section{border-top:1px solid #d8d8d8; padding:10px 14px; position:relative;} .soa .vehicle_news .body img{float:left;} .soa .vehicle_news .body .news_section_content{margin-left:100px; margin-bottom:5px;color:#56564C;} .soa .vehicle_news .body .news_section_read_more{float:right; text-decoration:underline;} .soa .vehicle_next_steps{} .soa .vehicle_next_steps .left {height:153px; width:13px; float:left; background:url(/content/images/site/vehicles_next_step_left.jpg) right 0 no-repeat; padding-left:25px;} .soa .vehicle_next_steps .right{height:153px; width:13px; float:left; background:url(/content/images/site/vehicles_next_step_right.jpg) 0 0 no-repeat;} .soa .vehicle_next_steps .content{border-bottom:1px solid #d6d6d7; border-left:none; border-right:none; border-top:none; float:left; height:151px; width: auto;overflow:hidden; background:url(/content/images/site/vehicles_next_step_top.jpg) 0 0 repeat-x;} .soa .vehicle_next_steps .content h4{ margin:0; padding:7px 0 13px 0; font:bold 18px Arial, Helvetica, sans-serif; color:#fff;} .soa .vehicle_next_steps .content .vehicle_next_step{float:left; position:relative; height:82px; width:264px; padding-left:13px; margin-top:10px;} .soa .vehicle_next_steps .content .vehicle_next_step .next_step_icon{position:absolute; bottom:-17px; right:0px;} .soa .vehicle_next_steps .content .vehicle_next_step div.next_step_button{position:absolute; left:13px; top:61px;} .soa .vehicle_next_steps .content .vehicle_next_step a.next_step_button{ background:url(/content/images/site/vehicle_arrow_btn_left.jpg) 0 0 no-repeat; font-size:11px; color:#fff; height:22px; display:block; float:left; line-height:21px;} .soa .vehicle_next_steps .content .vehicle_next_step span.next_step_button{ background:url(/content/images/site/vehicle_arrow_btn_right.jpg) top right no-repeat; height:22px; display:block; float:left; padding-right:20px; padding-left:11px;} /*js adds stepNum# depending on how many steps there are, so we can put separators in between*/ .soa .vehicle_next_steps .content .stepNum1{padding-left:0px;} .soa .vehicle_next_steps .content .stepNum1 div.next_step_button{left:0px;} .soa .vehicle_next_steps .content .stepNum2{border-left:1px solid #d8d8d8;} .soa .vehicle_next_steps .content .stepNum3{border-left:1px solid #d8d8d8;} .soa .warranty_guide_details h3{margin-top:15px; padding-bottom: 5px;} /* 16.0 PAGE SPECIFIC ------------------------------------------ */ .model_year_archive h2 {font-weight: bold; padding-bottom: 5px;} .model_year_archive a.brochure-pdf {float:left; display:block; margin-top: 5px; padding:13px 30px 10px 0; background: url("/content/images/site/icons/Brochure_DL.gif") right 5px no-repeat;} .model_year_archive p {padding-bottom: 5px;} .model_year_archive p b {color:#177bb1;} .model_year_archive ul{margin-top: 10px;} .model_year_archive ul li{padding-bottom: 3px;} .model_year_archive .button{margin:10px 10px 10px 0; float: left;} /*************************************************************** Company Section ***************************************************************/ /*************************************************************** Engineering Section ***************************************************************/ .soa.engineering .my_copy_title h3 {padding-bottom: 5px; font-size:18px; font-weight:normal;} .soa.engineering .rolldown_container {margin-top:0px; overflow:hidden;} .soa.engineering .rolldown_container .rolldown_item .rolldown_top{clear:both; float:left; height:auto; padding-right:20px; width:555px;} .engineering .large_image{margin:0px auto; width:950px; float:none; padding:0px; height:430px;} .engineering .component.large_image{margin:0px auto; width:950px; float:none; padding:0px; height:430px; display: block;} .engineering .image_hero{height:430px;} .engineering .component.content_redirects{margin:0px auto; width:950px; float:none; padding:0px; height:480px;} /*************************************************************** Enthusiasts ***************************************************************/ .enthusiasts .component282_noborder{ padding-right:0px; width:282px; margin-top:10px;} .enthusiasts .component282_noborder h1{padding-top:0px;} /*************************************************************** Finance Center ***************************************************************/ .soa .component h1{} .soa .component.pod282 h1{} .soa .component282_noborder .comp9a_content h5 { border-bottom: 1px solid #d8d8d8; color:#55554B; margin:0 0 5px; padding:5px 0 10px 15px;} .soa .component282_noborder .title {height:auto; min-height:0;} .soa .vehicleDescription{margin-top:10px;} .soa .component282_noborder .two_items {} .soa .component .component_button {margin-bottom: 40px;} .soa .component .component_button.nopad {margin-bottom: 0px;} .soa .button_link .component_button {margin:15px 0 0 0;} .soa .component_3b_button_no_hr p {margin:15px 0 0 0;} /*************************************************************** Brake Pad Service - Specials Programs ***************************************************************/ #brakerebatelabel{float:none; margin:0; padding:0;} /*************************************************************** Sitemap ***************************************************************/ #sitemap,#sitemap ul,#sitemap li{margin:0;padding:0;list-style:none;} #sitemap{background:url(/content/images/site/line1.gif) repeat-y;} #sitemap li{line-height:20px;margin-top:1px;position:relative;width:100%;} /* IE leaves a blank space where span is added so this is to avoid that */ * html #sitemap li{float:left;display:inline;font-weight:bold;} #sitemap li a{padding-left:28px;} #sitemap li b{padding-left:28px;} #sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;} #sitemap li span,#sitemap li span.collapsed{background:url(/content/images/site/collapsed.gif) no-repeat 0 0;} #sitemap li span.expanded{background:url(/content/images/site/expanded.gif) no-repeat 0 0;} /* sub levels */ #sitemap li ul{margin-left:28px;background:url(/content/images/site/line1.gif) repeat-y;} #sitemap li li{background:url(/content/images/site/line2.gif) no-repeat 0 0;font-weight:bold;} #sitemap li li{background:url(/content/images/site/line2.gif) no-repeat 0 0;font-weight:bold;} #sitemap li li li{background:url(/content/images/site/line2.gif) no-repeat 0 0;font-weight:normal;} /* etc. */ /* float fix */ #sitemap:after,#sitemap ul:after{content:".";display:block;height:0;clear:both;visibility:visible;} #sitemap,#sitemap ul{display:block;} /* \*/ #sitemap,#sitemap ul{min-height:1%;} * html #sitemap,* html #sitemap ul{height:1%;} /* */ #sitemap ul{display:none;} /*************************************************************** 404 ***************************************************************/ div.four_oh_four{color:#55554b;padding:26px; padding-bottom:50px;float:none;margin:0;line-height:15px;} div.four_oh_four h1{font-size:21px; font-weight:normal;padding:10px 0 9px;float:none;} div.four_oh_four h2{font-size:15px; padding:0px 0px 10px;font-weight:normal;float:none;} .four_oh_four ul{float:left;list-style:none;font-size:12px;} .four_oh_four .popular, .four_oh_four .subaru_vehicles, .four_oh_four .research_reviews, .four_oh_four .mySubaru {overflow:visible;width:22%;padding-left:3%;border-left:1px solid #e2e2e2;margin-top:30px;height:200px;position:relative;left:-2.95%;} .four_oh_four .popular{border-left:none;} .four_oh_four .subaru_vehicles{} .four_oh_four .research_reviews{} .four_oh_four .mySubaru{width:20%;} .four_oh_four ul { font-size:11px;line-height:17px;overflow:visible;} .four_oh_four ul li {overflow:visible;} .four_oh_four span{font-size:15px; font-weight:bold;padding:5px 0;display:block;width:80%;margin-top:-30px;overflow:visible;position:relative;z-index:1;} .four_oh_four ul li a:hover{text-decoration:underline;} .soa ul.button_list li span.download_icon {background:#E5E5E5 url(/content/images/site/download_icon.gif) left center no-repeat !important; width:6px; height:22px; margin:0;} .soa ul.button_list li a.brochure_icon {background: url(/content/images/site/button_brochure.gif) left center no-repeat !important; width:72px; height:22px; margin:0 0 0 20px;} .soa ul.button_list li a.photo_icon {background: url(/content/images/site/button_photo.gif) left center no-repeat !important; width:72px; height:22px; margin:0 0 0 20px;} .soa ul.button_list li a.video_icon {background: url(/content/images/site/button_video.gif) left center no-repeat !important; width:72px; height:22px; margin:0 0 0 20px;} .soa ul.button_list li a.brochure_icon:hover {background: url(/content/images/site/button_brochure_over.gif) left center no-repeat !important;} .soa ul.button_list li a.photo_icon:hover {background: url(/content/images/site/button_photo_over.gif) left center no-repeat !important;} .soa ul.button_list li a.video_icon:hover {background: url(/content/images/site/button_video_over.gif) left center no-repeat !important;} /*************************************************************** Special Offers ***************************************************************/ .gMap{position:relative;} .mapCont{width:950px;height:375px;background:#ffffff;overflow:visible ;} .mapCont .google-map{height:460px;width:585px;background:#FFFFFF !important;overflow:visible ;} /*.mapCont{width:950px;height:425px;overflow:visible ;} */ /*.mapCont .google-map{height:425px;width:950px;background:#232323 !important;overflow:visible ;} */ #map-overlay{position:absolute;top:0;left:626px;top:29px;overflow:visible;width:312px;font-size:11px;display:none;} .map-accordion .component{background:url(/content/images/site/findadealer_boxtop.jpg) no-repeat 0 0;overflow:visible;position:static;width:292px;padding:9px 10px 0px 0px;margin:0 !important;} .map-accordion .component .title{background:none;height:59px;min-height:59px;overflow:visible;position:relative;z-index:100;} .map-accordion .component .heading{position:static;} .map-accordion .component .hovered .heading a, .map-accordion .component .heading a:hover{background-color:#ffffff !important;text-decoration:underline;} .map-accordion .component .heading a{padding:9px 0 8px 41px;width:238px;background-color:#fbfbfa;line-height:14px;} .map-accordion .component .heading .links{background-color:#F8F8F8;font-size:11px;display:block;border-left:0px;border-right:0px;} .map-accordion .component .heading a.links:hover{background-color:#E3E3E3 !important;} .component .open .heading{display:none!important;} .map-accordion .component .content{position:relative;background:#F8F8F8;float:none;font-size:11px;height:145px;} .map-accordion .component .content a{font-weight:bold;font-size:12px;padding:0 !important;} .map-accordion .component .content p{padding:20px 0 0;height:72px;margin-left:45px;font-size:11px;} .map-accordion .component .map-number{display:block;width:22px;height:22px;top:7px;left:17px;position:absolute;z-index:15;padding-right:5px;line-height:22px;text-align:center;background:url(/content/images/site/number_square.gif) 0 0 no-repeat;font-size:12px;font-weight:bold;color:#ffffff;} .map-accordion .component .content .map-number{padding:0 !important;} .map-accordion .dealer-search{border:1px solid #d8d8d8;border-style:none solid;display:block;height:auto;min-height:95px;/*left:0;top:321px;position:absolute;*/ width:260px;background:#F8F8F8;} #map-overlay2 .dealer-search{padding-left:20px!important;} .map-accordion .dealer-search a{background:transparent url(/content/images/site/button-light-door.gif) no-repeat scroll left top;float:left;font-size:11px;line-height:20px;padding:0 0 0 7px !important;text-decoration:none;border:none;height:auto;} .map-accordion .dealer-search a span{background:transparent url(/content/images/site/button-light-right.gif) no-repeat scroll right top;display:block;float:left;font-weight:normal !important;line-height:20px;padding:0 10px 0 2px;} .map-accordion .borderBottom{background:url(/content/images/site/findadealer_boxbottom.jpg) no-repeat 0 0;height:9px;width:282px;} .map-accordion div{position:relative;float:left;overflow:visible ;} .map-accordion div .pagination2{width:107px; clear:both;} .map-accordion div .pagination2 ul{list-style:none;} .map-accordion div .pagination2 ul li{} .map-accordion div .pagination2 ul li a{margin-left:4px;} .map-accordion #dealerList{padding-top:5px;width:280px;position:relative;border:1px solid #d8d8d8;border-style:none solid;} /* Specials */ .map-accordion .offers_obDetergent_bottom{background:url(/content/swf/outback_detergent/assets/dealer_pod_bottom2.gif) no-repeat;height:100px;cursor:pointer;} /* .map-accordion .component .inventoryLink{color:#40609F;} .map-accordion .component a.inventoryLink{color:#40609F;line-height:15px;font-weight:bold;font-size:11px;} */ .map-accordion .pod282{visibility:visible;top:0;} .map-accordion .ui-tabs-hide{left:-999em;display:block !important;position:absolute;} .map-accordion .component .pod282 .logos,.map-accordion .component .pod282 .heading span.logos{position:absolute;top:10px;right:7px;background:none !important;} .map-accordion .component .pod282 .content span.logos{top:11px;right:8px;margin-right:0px !important;} .map-accordion .component .logos .cpo, .map-accordion .component .logos .spt, .map-accordion .component .logos .stellar{cursor:pointer;background-repeat:no-repeat;display:block;float:right;height:15px;} .map-accordion .component .heading .logos span{width:36px;} .map-accordion .component .content .logos span{clear:both;width:35px;margin-right:0px !important;} .map-accordion .component .logos .cpo{background-image:url(/content/images/site/cpo.gif);} .map-accordion .component .logos .spt{background-image:url(/content/images/site/spt.gif);} .map-accordion .component .logos .stellar{background-image:url(/content/images/site/stellar.gif);} .pod282 .links .accordionLink{background-color:#E1E1DC;} .tooltip{font-size:11px;font-weight:bold;color:#ffffff;line-height:35px;height:54px;text-align:center;width:200px;margin:0 0 0 -200px;overflow:visible;} .tooltip .window{width:400px;overflow:visible;z-index:20;position:relative;} .tooltip table{margin:0 auto;overflow:visible;} .tooltip table td{height:54px;vertical-align:top;} .tooltip table .mid{background:url(/content/images/site/map-marker-popup-mid.png) repeat center top;white-space:nowrap;} .tooltip table .left{background:url(/content/images/site/map-marker-popup-left.png) no-repeat left top;width:24px;} .tooltip table .right{background:url(/content/images/site/map-marker-popup-right.png) no-repeat right top;width:24px;} /* IE6 PNGS */ .tooltip table .mid{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/images/site/map-marker-popup-mid.png',sizingMethod='scale');} .tooltip table .left{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/images/site/map-marker-popup-left.png',sizingMethod='crop');} .tooltip table .right{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/images/site/map-marker-popup-right.png',sizingMethod='crop');} /*.map-accordion .component{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/images/site/findadealer_boxtop.png',sizingMethod='crop');} .map-accordion .dealer-search{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/images/site/findadealer_boxbottom.png',sizingMethod='crop');} */ .map-accordion .dealer-search h1{font-size:14px;padding-top:16px;padding-bottom:8px;color:#56564C;font-weight:normal;} .map-accordion .titleFindDealer h1{float:none;} .dealer-search input{border:1px solid #40609f;height:16px;width:150px;float:left;} .dealer-search .search_button{float:none;height:18px;left:172px;position:absolute;top:40px;width:18px;} /*#map > div:first-child{opacity:0.91;} */ .map-accordion .component .component_button{background:none;padding:0;position:absolute;right:52px;top:328px;width:auto;} /*review if we can erase this.*//* .component .title .component_button{background:none;width:auto;float:right;list-style:none;display:block;margin-top:63px;} .component .title .component_button li{display:inline;} .component .title .component_button .ui-tabs-selected a span{color:#ffffff !important;} .component .title .component_button a{background-image:url(/content/images/site/button-pod-title-door.gif);padding:0 0 0 4px !important;margin-left:3px;} .component .title .component_button a span{background-image:url(/content/images/site/button-pod-title-right.gif);padding:0 7px 0 2px;font-weight:bold !important;} */ .component .titleFindDealer .component_button{background:none;width:211px;float:right;list-style:none;display:block;margin-top:107px;} .component .titleFindDealer .hide{display:none;} .component .titleFindDealer .show{display:block;} .component .titleFindDealer .component_button li{display:inline;} .component .titleFindDealer .component_button .ui-tabs-selected a span{color:#ffffff !important;} .component .titleFindDealer .component_button a{background-image:url(/content/images/site/button-pod-title-door.gif);padding:0 0 0 4px !important;margin-left:3px;} .component .titleFindDealer .component_button a span{background-image:url(/content/images/site/button-pod-title-right.gif);padding:0 7px 0 2px;font-weight:bold !important;} /* The weird stuff */ .map-accordion .pod282{width:280px !important;} .map-accordion .pod282 div{float:left;} .map-accordion .pod282 div div{float:none;width:280px;} .map-accordion .show-all{background:#fff;border-bottom:1px solid #D8D8D8;line-height:14px;font-size:12px;font-weight:bold;padding:12px 0 12px 20px;width:260px;cursor:pointer;float:left;display:block;} .map-accordion a.show-all:hover{text-decoration:underline;background-color:#E3E3E3;} .component .titleFindDealer {border-left:1px solid #D8D8D8;border-right:1px solid #D8D8D8;width:280px; float:left;} .component .titleFindDealer h1{margin-top:5px;font-size:16px;#56564C; margin-bottom:10px;} .component .titleFindDealer p{color:#888881;font-size:11px;margin:3px 20px 13px;} .component .division{ border-bottom:1px; border-bottom: 1px solid #d8d8d8; width:242px; margin-left:25px; float:left; height:1px !important; } .component .background{ background-color:#F8F8F8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; height:1px; line-height:1px; width:280px; } /* New Directions form */ #map-directions{position:absolute;top:0;left:640px;top:20px;overflow:visible;width:312px;font-size:11px;display:none;} #map-directions .close-button{background:url(/content/images/site/icons/Window%20Close.gif) right 2px no-repeat;float:right;position:relative;right:30px;top:23px;padding:0 16px 0 0;} #map-directions .component .component_button{background:none;padding:0;position:relative;top:auto;right:auto;padding:7px 7px 0;float:right;} #map-directions .component .component_button a{background-image:url(/content/images/site/button-pod-title-door.gif);} #map-directions .component .component_button a span{background-image:url(/content/images/site/button-pod-title-right.gif);} .directions-header{font-size:11px;padding:3px 10px;width:269px;} .directions-header table{width:257px;} .directions-header td{} .directions-header input{font-size:11px;margin-left:3px;width:226px;} #map-directions #directions{height:242px;width:251px;padding:0 10px !important;overflow:auto;} #map-directions #directions div{float:none;} #map-directions #directions div table{margin-top:1px !important;} #map-directions .dealer-search-clip{height:40px;width:298px;overflow:hidden;} #map-directions .dealer-search-clip .dealer-search{margin-top:-17px;} #map-directions .dealer-search-clip .borderBottom{background:url(/content/images/site/findadealer_boxbutton.gif) 0 0 no-repeat;} /* Dog Park Locator PopUp */ #dog_park_locator{width:950px;} #dog_park_locator .frame_top{ background:url(/content/images/site/frame_content_top_bck.png) 0 0 no-repeat; width:950px; height:7px; font-size:0px; line-height:0px;} #dog_park_locator .frame_content{background: #fff url(/content/images/site/frame_content_bck.jpg) 0 0 repeat-y;} #dog_park_locator .frame_content .close_button{float:right; position:relative; right:10px;} #dog_park_locator .frame_content iframe{margin:0;} #dog_park_locator .frame_bottom{background:url(/content/images/site/frame_content_bottom_bck.png) 0 0 no-repeat; width:950px; height:7px; font-size:0px; line-height:0px;} /* Dog tested interior */ .find_a_dogtested_2011_park { width:282px; height:42px; background:url(/content/articles/programs/dogtested_2011/find_a_park.jpg) 0 0 no-repeat; } .find_a_dogtested_2011_park a { display:block; width:282px; height:42px; } /* Tooltip Styles */ .bubbleInfo{position:relative;} .popup_bubble{position:absolute; display:none; width:280px; z-index:99999; border:#d8d8d8 1px solid; background-color:#f8f8f8; padding:10px 15px; font:9px Arial;} .popup_bubble p{float:left; width:280px; word-wrap: break-word;} .popup_bubble a{float:right;} /*************************************************************** Drive / index.html The page needs to be refactored to use the rotator component found on the company and enthusiasts pages. ***************************************************************/ .soa #flash_content950 #hoverThis { margin-right:-465px; margin-top:0; position:absolute; right:50%; top:0; } /* page overide for Share The Love page */ body.shareTheLove .primary_content{margin:0; padding:0px 13px 0px 13px; background-color:#ffffff;} /*************************************************************** Chinese Pages ***************************************************************/ .thumbContainer{float:left; width:294px; margin: 0 0 20px 0; display:inline;} .thumbContainer img{float:left; padding: 0 10px 0 0;} .thumbContainer h5{padding: 10px 0 0 0;} .thumbContainer .links{padding: 10px 0 0 0;} hr.downloads_page{width:590px; margin:15px 0 0 13px; float:left; padding:0; float:left; clear:both;} .vehicle_chinese_features_list{display:inline; width:250px; float:left; padding:0 25px 0 0;} .vehicle_chinese_features_list li{font:12px Arial,Helvetica,Verdana,sans-serif;} .vehicle_chinese_features_list .chinese_list_title{font:20px Arial,Helvetica,Verdana,sans-serif; list-style:none; margin:0 0 8px -16PX; color:#55554B;} /*************************************************************** Media player components ***************************************************************/ .soa .component_title{padding:17px 0 0 13px; margin:0;} .soa .component_3b_media{margin-top:15px;} .soa .component_3b_media .mp_inline_282{left:0;margin:0;position:absolute;top:0; float:left;} /* Created new component for the hero sized media player */ .soa .component_media_hero{margin-top:0px;} /*************************************************************** *** Vehicle Pages *** ***************************************************************/ .vehicles #flash_content950{height:505px; background:url(/content/images/site/veh_hero_bottom_shadow.jpg) bottom left repeat-x;} /*************************************************************** Vehicle - Overview Page ***************************************************************/ .vehicles .vehicle_overview_tabs{margin-top:5px;} .vehicles .vehicle_overview_tabs .mid{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs{list-style:none; height:55px; margin:0; display:block; width:590px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li{float:left; background:url(/content/images/site/veh_overview_TrimTab_static-left.jpg) top left no-repeat; margin-left:0px; position:relative;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li a{ height:48px; display:block; background:url(/content/images/site/veh_overview_TrimTab_static-right.jpg) top right no-repeat; z-index:1; padding-top:3px; padding-left:3px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li a:hover {text-decoration:none;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li#overview_tab{margin-left:0px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li#overview_tab a{display:block; background:url(/content/images/site/veh_overview_OverviewTab_static.jpg) 0 0 no-repeat; font-size:20px; font-weight:bold; color:#40609f; width:136px; padding-left:10px; padding-right:0px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li#overview_tab a span{position:absolute; display:block; top:12px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected a{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li#overview_tab.ui-tabs-selected a{ background:url(/content/images/site/veh_overview_OverviewTab_sel.jpg) 0 0 no-repeat; color:#56564c; z-index:2;} /* .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li a#last{ background:url(/content/images/site/veh_overview_TrimTab_static_last.jpg) 0 0 no-repeat;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected a{ background:url(/content/images/site/veh_overview_TrimTab_sel.jpg) 0 0 no-repeat; color:#40609f; z-index:5;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected a#last{ background:url(/content/images/site/veh_overview_TrimTab_sel_last.jpg) 0 0 no-repeat;} */ .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li a#last{ background:url(/content/images/site/veh_overview_TrimTab_static-right_last.jpg) top right no-repeat;} /*selected*/ .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected{ background:url(/content/images/site/veh_overview_TrimTab_sel-left.jpg) 0 0 no-repeat;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected a{ background:url(/content/images/site/veh_overview_TrimTab_sel-right.jpg) top right no-repeat;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected a#last{ background:url(/content/images/site/veh_overview_TrimTab_sel-right_last.jpg) top right no-repeat;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li a span.vehicle_tab_trim{font-size:12px; color:#40609f;font-weight:bold; padding-right:2px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li a:hover span.vehicle_tab_trim{text-decoration:underline;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li a span.vehicle_tab_hp{font-weight:normal; font-size:11px; color:#888881; display:block; position:absolute; top:35px; right:5px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected a span.vehicle_tab_trim{color:#56564c;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs ul.overview_tabs li.ui-tabs-selected a:hover span.vehicle_tab_trim {text-decoration:none;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content{border:1px solid #d8d8d8; border-top:none; height:380px; background-color:#fbfbfa; width:588px; color:#56564c; margin-top:-4px; border-bottom:none;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content ul{color:#56564c; font-size:11px; width:147px; float:left; padding-left:31px; padding-top:32px; display:inline;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content ul li{margin-bottom:5px; list-style-position:outside;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content ul li.vehicle_overview_features_title{list-style:none; font-size:18px; margin-left:-13px; margin-bottom:16px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content ul.vehicle_links li{list-style:none; margin-left:0px; margin-bottom:5px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content ul.vehicle_links li.vehicle_overview_features_title{margin-bottom:18px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content ul.vehicle_links li a{text-decoration:underline;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content ul li a.vehicles_overview_request_a_quote{background:url(/content/images/site/btn_RAQ_blue_arrow.gif) 0 0 no-repeat; width:109px; height:22px; text-indent:-999em; display:block;} .vehicles .vehicle_overview_tabs .overview_bottom{background:url(/content/images/site/veh_overview_bottom4.jpg) no-repeat 0 0; height:11px;} .vehicles .vehicle_overview_tabs .overview_bottom_forester{background:url(/content/images/site/veh_overview_bottom4.jpg) no-repeat 0 0; height:11px;} .vehicles .vehicle_overview_tabs .overview_bottom_legacy{background:url(/content/images/site/veh_overview_bottom3.jpg) no-repeat 0 0; height:11px;} .vehicles .vehicle_overview_tabs .overview_bottom_impreza_wrx{background:url(/content/images/site/veh_overview_bottom5.jpg) no-repeat 0 0; height:11px;} /*model tabs*/ .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview{position:relative;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview img.overview_image_one{position:absolute; left:35px; top:52px; z-index:5;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview span.overview_image_one{margin:55px 0 0 40px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview img.overview_image_two{position:absolute; left:35px; top:199px;z-index:5;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview span.overview_image_two {float:left; z-index:5000; margin: 0 0 0 40px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_image_disclaimer{position:absolute; left:10px; top:366px; font-size:10px; color:#000000;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_window_sticker{ background:url(/content/images/site/vehicle_overview_window_sticker.jpg) 0 0 no-repeat; position:absolute; left:288px; top:11px; height:352px; width:282px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_year{font-weight:bold; font-size:28px; position:absolute; top:12px; left:19px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_bar{ color:#f8f8f8; position:absolute; top:56px; left:23px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_model{font-size:14px; font-weight:bold; color:#f8f8f8;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_single_feature{font-size:11px; margin-left:21px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_mpg_wrapper{position:absolute; top:85px; left:63px; font-size:9px; height:38px; width:139px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_mpg_hwy{font-size:28px; font-weight:bold; left:0px; top:8px; position:absolute; display:block; width:37px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_mpg_city{left:38px; top:12px; position:absolute; width:80px; font-size:11px; color:#888881; line-height:12px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_mpg_city strong{color:#56564C;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_key_features{position:absolute; top:140px; left:20px; width:245px; margin:0; padding:0px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_key_features li{list-style:none; font-size:11px; position:absolute;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_key_features li.keyfeat1{top:0px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_key_features li.keyfeat2{top:19px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_key_features li.keyfeat3{top:40px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_key_features li.keyfeat4{top:60px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_starting_at{color:#888881; font-size:11px; position:absolute; left:78px; top:227px; height:32px; width:186px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .vehicle_overview_model_tab_price{font-size:28px; color:#56564c; margin-left:3px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_cta{position:absolute; margin:0; left:135px; top:267px; padding:0px; } .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_cta li{list-style:none; margin-bottom:4px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview ul.vehicle_overview_model_tab_cta li a{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .four_door_buttons{margin-top:20px; margin-left:10px; position:absolute;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .four_door_buttons .available_text{display:block; float:left; margin-top:5px; font-size:11px; margin-right:4px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .four_door_buttons a {background:url(/content/images/site/vehicles-overview_4-5door_sprite.jpg) 0 0 no-repeat; height:27px; width:100px; display:block; float:left; text-indent:-999em;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .four_door_buttons a.four_door_btn{background-position:0 -26px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .four_door_buttons a.five_door_btn{background-position:-100px 0px} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .four_door_buttons a.four_door_btn_active{background-position:0 0px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .vehicle_tab_content_not_overview .four_door_buttons a.five_door_btn_active{background-position:-100px -26px} /*Number of models: */ /*force the first one to always be the same.*/ .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_1 ul.overview_tabs li#overview_tab{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_2 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_3 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_4 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_5 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_6 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_7 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_8 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_9 ul.overview_tabs li{} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_1 ul.overview_tabs li a{width:418px; padding-right:16px; padding-left:8px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_2 ul.overview_tabs li a{width:196px; padding-right:16px; padding-left:8px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_3 ul.overview_tabs li a{width:124px; padding-right:16px; padding-left:8px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_4 ul.overview_tabs li a{width:85px; padding-right:16px; padding-left:8px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_5 ul.overview_tabs li a{width:64px; padding-right:16px; padding-left:8px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_5 .vehicle_tab_content{width:584px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_6 ul.overview_tabs li a{width:71px; /* padding-right:16px; padding-left:8px; */} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_7 ul.overview_tabs li a{width:60px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_7 .vehicle_tab_content{width:585px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_8 ul.overview_tabs li a{width:32px; padding-right:16px; padding-left:5px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_8 .vehicle_tab_content{width:584px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_8 ul.overview_tabs li a span.vehicle_tab_trim{font-size:10px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_8 ul.overview_tabs li a span.vehicle_tab_hp{font-size:10px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_9 ul.overview_tabs li a{width:27px; padding-right:16px; padding-left:4px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_9 .vehicle_tab_content{width:585px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_9 ul.overview_tabs li a span.vehicle_tab_trim{font-size:9px;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs.modelCount_9 ul.overview_tabs li a span.vehicle_tab_hp{font-size:9px;} .vehicle_features_list li p{font-size:11px;} .vehicle_overview_model_tab_key_features li p{font-size:11px;} /*************************************************************** Vehicle - Key Features Page ***************************************************************/ .vehicles .vehicles_compare_models{background:url(/content/images/site/vehicles_compare_bg.jpg) 0 0 no-repeat; height:229px; width:136px; position:relative; top:36px; margin-left:0px;} .vehicles .vehicles_compare_models h3{font-size:14px; font-weight:bold; position:absolute; top:10px; left:12px; } .vehicles .vehicles_compare_models p{font-size:14px; color:#888881; position:absolute; top:61px; left:12px; width:118px;} .vehicles .vehicles_compare_models a{display:block; background:url(/content/images/site/vehicles_btn_compare_models.jpg) 0 0 no-repeat; height:22px; width:106px; position:absolute; top:135px; left:12px; text-indent:-999em;} /*table formatting*/ .vehicles .vehicles_key_features {} .vehicles .vehicles_key_features table {border-bottom:1px solid #cccccc;} .vehicles .vehicles_key_features table td{ border-top:none; border-bottom:none; border-left:1px solid #cccccc !important; border-right:1px solid #cccccc !important; padding:4px; text-align:center; width:80px; vertical-align:middle;} .vehicles .vehicles_key_features table tr td:last-child{border-right:none;} .vehicles .vehicles_key_features tr.even {background: url(/content/images/site/a_736_body_f8f8f8.jpg) 0 0 repeat-y;} .vehicles .vehicles_key_features table tr.top td{border:none;} .vehicles .vehicles_key_features td.first-td{border-left:none; text-align:left; width:176px; line-height:15px; padding-left:16px; padding-right:25px;} .vehicles .vehicles_key_features td.last-td{ border-right:none;} .vehicles .vehicles_key_features table td p{font-size:11px;} /*specific formatting*/ .vehicles .vehicles_key_features .key_features_model_list td{text-align:left; padding-right:27px; width:45px; vertical-align:top;} .vehicles .vehicles_key_features .key_features_model_list td.first-td{border-left:none; text-align:left; width:145px; line-height:15px; padding-left:16px; padding-right:25px;} .vehicles .vehicles_key_features .key_features_rolldown_top td{font-size:11px; font-weight:normal; text-align:left; border-bottom:1px solid #cccccc; padding-top:6px;} .vehicles .vehicles_key_features .key_features_rolldown_top td.group_name{font-size:12px; font-weight:bold; text-transform: uppercase; background:url(/content/images/site/icons/arrow_left_blue.gif) 4px 9px no-repeat; padding-left:16px; cursor:pointer; border-bottom:1px solid #cccccc; padding-top:6px;} .vehicles .vehicles_key_features .key_features_rolldown_top td.opened{ background:url(/content/images/site/icons/arrow_down_blue.gif) 4px 9px no-repeat;} .vehicles .vehicles_key_features .key_features_extended{ font-size:11px; display:none; border-left:1px solid #ccc; padding-left:5px; margin-top:3px;} .vehicles .vehicles_key_features tr td.key_features_rollable{background:url(/content/images/site/icons/blue_plus_sign.gif) 314px 8px no-repeat; cursor:pointer;} .vehicles .vehicles_key_features tr.feature_opened td.key_features_rollable{ background:url(/content/images/site/icons/blue_minus_sign.gif) 314px 8px no-repeat;} .soa h1.bluetooth_header { float: none; padding: 0 0 10px; } .soa div.control_header { height: 13px; margin-bottom: 10px; width: 590px; } .soa div.control_header div.controls { float: left; width: 200px; } .soa div.control_header div.legend { width: 190px; text-align: right; float: right; } .soa div.control_header div.legend span { float: left; } .soa div.control_header div.legend span.legend { margin-right: 20px; } .soa p.bluetooth_intro { padding: 0 0 30px; } .soa .bluetooth_container { border: 1px solid #55554B; width: 590px; border-top: none; overflow: hidden; } .soa .bluetooth_container .bluetooth_features { width: 590px; } .soa .model_container .model_title { height: 20px; padding: 6px 25px 0 2px; border-top: 1px solid #55554B; background: url(/content/images/site/bluetooth_verticleshadow.jpg) repeat-x; } .soa .model_container .model_title span { height: 15px; padding: 0 4px 4px 16px; float: left; cursor: pointer; background: url(/content/images/site/icons/arrow_down_blue.gif) no-repeat 4px 3px; } .soa .model_container.hideTable .model_title span { background: url(/content/images/site/icons/arrow_left_blue.gif) no-repeat 4px 3px; } .soa .model_container.hideTable .bluetooth_features { display: none; } .soa .model_container .model_title span { font-weight: bold; } .soa .model_container table td { border: none; font-size: 11px; vertical-align: bottom; width: 25%; } .soa .model_container table tbody td { border-right: 1px solid #e2e2e2; padding: 0 20px 15px; text-align: center; } .soa .model_container table thead tr td { vertical-align: middle; background:url(/content/images/site/bluetooth_header_divider.jpg) 0 bottom no-repeat; padding-left: 10px; } .soa .model_container table tr td.trim_col { width: 100px; vertical-align: top; text-align: left; padding: 0 40px 15px 20px; } .soa .model_container table tr.feature td { background:url(/content/images/site/bluetooth_trim_verticalshadow.jpg) repeat-x; border-top: 1px solid #c4c4c4; padding-top: 9px; } .soa .model_container table tr.feature td span { font-weight: bold; } .soa .model_container table td.feature { text-align: left; padding: 0 40px 15px 20px; } /*Different Number of Trims*/ .vehicles .vehicles_key_features .trimNum1{} .vehicles .vehicles_key_features .trimNum2{} .vehicles .vehicles_key_features .trimNum3{} .vehicles .vehicles_key_features .trimNum4{} .vehicles .vehicles_key_features .trimNum5 tr td.key_features_rollable{background-position:227px 8px;} .vehicles .vehicles_key_features .trimNum6 tr td.key_features_rollable{background-position:195px 8px;} .vehicles .vehicles_key_features .trimNum7{} .vehicles .vehicles_key_features .trimNum7 td{} .vehicles .vehicles_key_features .trimNum7 td.first-td{width:290px;} .vehicles .vehicles_key_features .trimNum7 tr td.key_features_rollable{background-position:185px 8px;} .vehicles .vehicles_key_features .trimNum8{} .vehicles .vehicles_key_features .trimNum9{} /*********FEATURES PAGE MODAL***************/ /********************************************************************/ /**** This is Duplicated Styles from the Overview tabs page *******/ /**** Any fixes to this area should also be fixed above *******/ .vehicles .vehicles_feature_modal_container{position:relative; width:590px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_top{background:url(/content/images/site/vehicle_590_modal_top.png) no-repeat 0 0; height:11px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_bottom {background:url(/content/images/site/vehicle_590_modal_bottom.png) no-repeat 0 0; height:11px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body{border-top:none; height:380px; background-color:#fbfbfa; width:590px; color:#56564c; margin-top:-1px; border-bottom:none;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body a.closeModal {position:absolute; right: 8px; top:5px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper {position:relative;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_summary{position:absolute; left:35px; top:67px; width:228px; z-index:5;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_summary p{} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper span.overview_image_one{margin:55px 0 0 40px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper img.overview_image_one{left: 35px; position: absolute;top: 52px; z-index: 5;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper img.overview_image_two{position:absolute; left:35px; top:199px;z-index:5;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper span.overview_image_two {float:left; z-index:5000; margin: 0 0 0 40px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_image_disclaimer{position:absolute; left:10px; top:366px; font-size:10px; color:#000000;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_window_sticker{ background:url(/content/images/site/vehicle_overview_window_sticker.jpg) 0 0 no-repeat; position:absolute; left:288px; top:11px; height:352px; width:282px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_year{font-weight:bold; font-size:28px; position:absolute; top:12px; left:19px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_bar{ color:#f8f8f8; position:absolute; top:56px; left:23px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_model{font-size:14px; font-weight:bold; color:#f8f8f8;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_single_feature{font-size:11px; margin-left:21px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_mpg_wrapper{position:absolute; top:85px; left:63px; font-size:9px; height:38px; width:139px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_mpg_hwy{font-size:28px; font-weight:bold; left:0px; top:8px; position:absolute; display:block; width:37px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_mpg_city{left:38px; top:12px; position:absolute; width:80px; font-size:11px; color:#888881; line-height:12px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_mpg_city strong{color:#56564C;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul{color:#56564c; font-size:11px; width:147px; float:left; padding-left:31px; padding-top:32px; display:inline;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul li{margin-bottom:0px; list-style-position:outside;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul li.vehicle_overview_features_title{list-style:none; font-size:18px; margin-left:-13px; margin-bottom:16px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_key_features{position:absolute; top:140px; left:20px; width:242px; margin:0; padding:0px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_key_features li{list-style:none; font-size:11px; position:absolute;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_key_features li.keyfeat1{top:0px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_key_features li.keyfeat2{top:19px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_key_features li.keyfeat3{top:40px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_key_features li.keyfeat4{top:60px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_starting_at{color:#888881; font-size:11px; position:absolute; left:78px; top:227px; height:32px; width:186px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .vehicle_overview_model_tab_price{font-size:28px; color:#56564c; margin-left:3px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_cta{position:absolute; margin:0; left:135px; top:267px; padding:0px; } .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_cta li{list-style:none; margin-bottom:4px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul.vehicle_overview_model_tab_cta li a{} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper ul li a.vehicles_overview_request_a_quote{background:url(/content/images/site/btn_RAQ_blue_arrow.gif) 0 0 no-repeat; width:109px; height:22px; text-indent:-999em; display:block;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .four_door_buttons{margin-top:20px; margin-left:10px; position:absolute;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .four_door_buttons .available_text{display:block; float:left; margin-top:5px; font-size:11px; margin-right:4px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .four_door_buttons a {background:url(/content/images/site/vehicles-overview_4-5door_sprite.jpg) 0 0 no-repeat; height:27px; width:100px; display:block; float:left; text-indent:-999em;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .four_door_buttons a.four_door_btn{background-position:0 -26px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .four_door_buttons a.five_door_btn{background-position:-100px 0px} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .four_door_buttons a.four_door_btn_active{background-position:0 0px;} .vehicles .vehicles_feature_modal_container .vehicles_feature_modal_body .vehicle_feature_page_window_sticker_trim_wrapper .four_door_buttons a.five_door_btn_active{background-position:-100px -26px} /*************************************************************** Vehicle - Compare Page ***************************************************************/ .vehicles .vehicles_compare_hero{position: relative; height:505px; width:950px; margin-left:-13px; background:url(/content/images/site/veh_hero_bottom_shadow.jpg) bottom left repeat-x;} .vehicles .vehicles_compare_hero img.background{position:absolute; z-index:0;} .vehicles .vehicles_compare_hero img.vehicle_compare_image{bottom:26px; left:92px; position:absolute; z-index:6;} .vehicles .vehicles_compare_hero span.vehicle_compare_image{bottom:37px; left:52px; position:absolute; z-index:6;} .vehicles .vehicles_compare_hero img.specific_vehicle_compare{display:none} .vehicles .vehicles_compare_hero .vehicle_compare_image_disclaimer{position:absolute; left:30px; top:428px; font-size:10px; display:none; color:#000;} .vehicles .vehicles_compare_hero .vehicle_compare_image_disclaimer .vehicle_disclaimer_color_white{color:#ffffff;} .vehicles .vehicles_compare_hero .vehicle_compare_hero_instructions{position:absolute; background:url(/content/images/site/vehicles_compare_hero_instruction_bg.png) 0 0 no-repeat; z-index:3; top:225px; left:558px; width:282px; height:124px;} .vehicles .vehicles_compare_hero .vehicle_compare_hero_instructions span{z-index:10; font-size:18px; color:#56564c; display:block; padding:11px;} .vehicles .vehicles_compare_hero .vehicle_compare_static_copy{font-size:26px; font-weight:bold; position:absolute; left:60px; top:70px;} .vehicles .vehicles_compare_instructions{float:left; background-color:#fff; /*left:-157px;*/ top:0px; width:369px; z-index:4;margin-left:12px; display:inline;} .vehicles .vehicles_compare_instructions p{width:345px; float:left;} .vehicles .vehicles_feature_checkboxes{float:left; margin-top:86px; width:163px;} .vehicles .vehicles_feature_checkboxes .checkboxes_top{background:url(/content/images/site/vehicle_compare_checkbox_top.jpg) no-repeat 0 0; width:163px; height:53px;} .vehicles .vehicles_feature_checkboxes .checkboxes_content{background:url(/content/images/site/vehicle_compare_checkbox_content.jpg) repeat-y 0 0; width:163px;} .vehicles .vehicles_feature_checkboxes .checkboxes_bottom{background:url(/content/images/site/vehicle_compare_checkbox_bottom.jpg) no-repeat 0 0; width:163px; height:13px;} .vehicles .vehicles_feature_checkboxes .checkboxes_content ul{margin-left:7px;} .vehicles .vehicles_feature_checkboxes .checkboxes_content ul li{list-style:none; clear:left;} .vehicles .vehicles_feature_checkboxes .checkboxes_content ul li input{float:left; margin-right:10px;} .vehicles .vehicles_feature_checkboxes .checkboxes_content ul li label{float:left; width:115px; margin-top:3px; margin-bottom:15px;} .vehicles .vehicle_compare_tools{margin-top:28px; margin-left:9px;} .vehicles .vehicle_compare_tools h2{width:139px; display:block; border-bottom:1px solid #ccc; font-weight:normal; font-size:14px; color:#56564c; padding:0px; margin-bottom:14px;} .vehicles .vehicle_compare_tools ul{list-style:none; margin-left:0px;} .vehicles .vehicle_compare_tools li{padding-left:16px; height:19px;} .vehicles .vehicle_compare_tools li a{text-decoration:none; color:#40609f; font-size:11px;} .vehicles .vehicle_compare_tools li a:hover{text-decoration:underline; color:#40609f; font-size:11px;} .vehicles .vehicle_compare_tools li.feat_tools_save{background:url(/content/images/site/icons/vehicle_compare_tools-save.jpg) no-repeat 0px 4px;} .vehicles .vehicle_compare_tools li.feat_tools_print{background:url(/content/images/site/icons/vehicle_compare_tools-print.jpg) no-repeat 0px 2px;} .vehicles .vehicle_compare_tools li.feat_tools_download{background:url(/content/images/site/icons/vehicle_compare_tools-download.jpg) no-repeat 2px 2px;} .vehicles .vehicle_compare_tools li.feat_tools_compare{background:url(/content/images/site/icons/vehicle_compare_tools-compare.jpg) no-repeat 1px 0px;} /**/ .vehicles .vehicle_compare_table{width:732px; float:left; background:url(/content/images/site/vehicle_compare_table_left_edge.jpg) 0 0 repeat-y; position:relative;} .vehicles .vehicle_compare_table .top{background: url(/content/images/site/a_736_top.jpg) 0 0 no-repeat; height:10px;} .vehicles .vehicle_compare_table .tr{clear:left;} .vehicles .vehicle_compare_table .tr .td{float:left;} .vehicles .vehicle_compare_table div.tr div.first_title_td{width:216px;} .vehicles .vehicle_compare_table div.model_names div.first_title_td{width:222px; height:86px; background-color:#fff; position:relative;} .vehicles .vehicle_compare_table .model_names .td{} .vehicles .vehicle_compare_table .model_names{} .vehicles .vehicle_compare_table .model_names{} .vehicles .vehicle_compare_table .show_hide_controls{position:absolute; bottom:6px; left:20px;} .vehicles .vehicle_compare_table .show_hide_controls a{} .vehicles .vehicle_compare_table .model_name_wrapper{position:relative; height:85px;} .vehicles .vehicle_compare_table .model_name_wrapper .hit_area{height:19px; width:30px; position:absolute; right:5px; top:0px; cursor:pointer; z-index:15;} .vehicles .vehicle_compare_table .model_name_left{background: url(/content/images/site/vehicles_compare_tab_left.jpg) 0 0 no-repeat; height:85px; width:7px; float:left;} .vehicles .vehicle_compare_table .model_name_content{border-top:1px solid #ccc; height:53px; float:left; background:url(/content/images/site/icons/arrow_down_blue.gif) 0 0 no-repeat;} .vehicles .vehicle_compare_table .model_name_right{background: url(/content/images/site/vehicles_compare_tab_right.jpg) 0 0 no-repeat; height:85px; width:7px; float:left;} .vehicles .vehicle_compare_table .model_name_content span.model_name{color:#40609f; font-size:12px; display:block; font-weight:bold; position:absolute; top:3px; left:9px; width:50px; cursor:pointer;} .vehicles .vehicle_compare_table .model_name_content a{display:block; text-indent:-999em; background:url(/content/images/site/btn_build_this_trim_50.jpg) 0 0 no-repeat; width:50px; height:24px; position:absolute; bottom:5px; left:18px;} .vehicles .vehicle_compare_table .group_name{height:32px; position:relative; border-bottom:1px solid #d8d8d8; background:url(/content/images/site/icons/arrow_down_blue.gif) 7px 18px no-repeat; text-transform: uppercase; border-right:1px solid #000; width:728px; cursor:pointer; } .vehicles .vehicle_compare_table #group1{border-top:1px solid #888881; } .vehicles .vehicle_compare_table .group_name.closed{background:url(/content/images/site/icons/arrow_left_blue.gif) 7px 18px no-repeat; } .vehicles .vehicle_compare_table .group_name .group_title{font-size:12px; font-weight:bold; color:#56564c; position:absolute; top:15px; left:22px; width:218px;} .vehicles .vehicle_compare_table .group_name .group_td_wrapper{position:absolute; left:228px; bottom:0px; text-transform:none;} .vehicles .vehicle_compare_table .group_name .group_name_td{font-size:11px; float:left; padding:0 5px;} .vehicles .vehicle_compare_table .group_name .group_name_td .trim_identifier{color:#56564C;} .vehicles .vehicle_compare_table .feature_list{float:left; margin-left:8px; border-right:1px solid #000; position:relative; width:720px; } .vehicles .vehicle_compare_table .feature_list.even{background-color:#f8f8f8; } .vehicles .vehicle_compare_table .feature_list .td{border-right:1px solid #ccc; padding-top:4px; padding-bottom:4px; font-size:12px; color:#888881;} .vehicles .vehicle_compare_table .feature_list .availability_td{text-align:center; padding:4px 5px;} .vehicles .vehicle_compare_table .feature_list .availability_td img.feat_na{padding-top:4px;} .vehicles .vehicle_compare_table .feature_list.opened .availability_td img{padding-top:0px; position:relative;} .vehicles .vehicle_compare_table .feature_list .availability_td.selected{background-color:#eceff5;} .vehicles .vehicle_compare_table .feature_list.even .availability_td.selected{background-color:#e5e9ef;} .vehicles .vehicle_compare_table .feature_list .td.last-td{border-right:none;} .vehicles .vehicle_compare_table .model_names .td.collapsed{width:37px !important;} .vehicles .vehicle_compare_table .model_names .td.collapsed .model_name_content{width:20px; background:url(/content/images/site/icons/arrow_left_blue.gif) 12px 6px no-repeat;} .vehicles .vehicle_compare_table .model_names .td.collapsed .model_name_content a{display:none;} .vehicles .vehicle_compare_table .model_names .td.collapsed .model_name_content span.model_name{display:block;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform:rotate(-90deg); bottom: -10px; left:25px;} .vehicles .vehicle_compare_table .group_name .group_name_td.collapsed{width:25px !important;} .vehicles .vehicle_compare_table .group_name .group_name_td.collapsed .trim_identifier{display:block; text-indent:-999em;} .vehicles .vehicle_compare_table .feature_list .availability_td.collapsed{width:25px !important;} .vehicles .vehicle_compare_table .feature_list .availability_td.collapsed img{display:none;} .vehicles .vehicle_compare_table .feature_list .availability_td.collapsed span{display:none;} .vehicles .vehicle_compare_table .feature_list .last-td.collapsed{border-right:1px solid #ccc} .vehicles .vehicle_compare_table .feature_list .feature_expandable{background:url(/content/images/site/icons/blue_plus_sign.gif) 207px 5px no-repeat; cursor:pointer;} .vehicles .vehicle_compare_table .feature_list .feature_expandable.opened{background:url(/content/images/site/icons/blue_minus_sign.gif) 207px 5px no-repeat; cursor:pointer;} .vehicles .vehicle_compare_table .feature_list .first_title_td .feature_title{font-size:12px; color:#56564c; font-weight:normal; margin-left:13px; display:block; width:190px;} .vehicles .vehicle_compare_table .feature_list .first_title_td .feature_title p{font-size:12px; color:#56564c; font-weight:normal; display:block; width:190px;} .vehicles .vehicle_compare_table .feature_list .first_title_td .feature_title.feature_expandable{} .vehicles .vehicle_compare_table .feature_list .first_title_td .feature_body{font-size:11px; display:none; border-left:1px solid #ccc; padding-left:5px; margin-top:3px; margin-left:23px; width:158px; color:#56564c;} /*Window Sticker*/ .vehicles .vehicle_compare_window_sticker{ background:url(/content/images/site/vehicle_overview_window_sticker.png) 0 0 no-repeat; position:absolute; left:572px; top:71px; height:352px; width:282px; /*display:none;*/} .vehicles .vehicle_compare_model_tab_year{font-weight:bold; font-size:28px; position:absolute; top:12px; left:19px;} .vehicles .vehicle_compare_model_tab_bar{ color:#f8f8f8; position:absolute; top:56px; left:23px;} .vehicles .vehicle_compare_model_tab_model{font-size:14px; font-weight:bold; color:#f8f8f8;} .vehicles .vehicle_compare_model_tab_single_feature{font-size:11px; margin-left:21px;} .vehicles .vehicle_compare_model_tab_mpg_wrapper{position:absolute; top:85px; left:63px; font-size:9px; height:38px; width:139px;} .vehicles .vehicle_compare_model_tab_mpg_hwy{font-size:28px; font-weight:bold; left:0px; top:8px; position:absolute; display:block; width:37px;} .vehicles .vehicle_compare_model_tab_mpg_city{left:38px; top:12px; position:absolute; width:83px; font-size:11px; color:#888881; line-height:12px;} .vehicles .vehicle_compare_model_tab_mpg_city strong{color:#56564C;} .vehicles ul.vehicle_compare_model_tab_key_features{position:absolute; top:140px; left:20px; width:242px; margin:0; padding:0px;} .vehicles ul.vehicle_compare_model_tab_key_features li{list-style:none; font-size:11px; position:absolute;} .vehicles ul.vehicle_compare_model_tab_key_features li p{font-size:11px;} .vehicles ul.vehicle_compare_model_tab_key_features li.keyfeat1{top:0px;} .vehicles ul.vehicle_compare_model_tab_key_features li.keyfeat2{top:19px;} .vehicles ul.vehicle_compare_model_tab_key_features li.keyfeat3{top:40px;} .vehicles ul.vehicle_compare_model_tab_key_features li.keyfeat4{top:60px;} .vehicles .vehicle_compare_model_tab_starting_at{color:#888881; font-size:11px; position:absolute; left:78px; top:227px; height:32px; width:186px;} .vehicles .vehicle_compare_model_tab_price{font-size:28px; color:#56564c; margin-left:3px;} .vehicles ul.vehicle_compare_model_tab_cta{position:absolute; margin:0; left:135px; top:267px; padding:0px; } .vehicles ul.vehicle_compare_model_tab_cta li{list-style:none; margin-bottom:4px;} .vehicles ul.vehicle_compare_model_tab_cta li a{} .vehicles .vehicle_compare_window_sticker ul{color:#56564c; font-size:11px; float:left; padding-left:0px; padding-top:0px; display:inline;} .vehicles .vehicle_compare_window_sticker a.vehicles_compare_request_a_quote{background:url(/content/images/site/btn_RAQ_blue_arrow.gif) 0 0 no-repeat; width:109px; height:22px; text-indent:-999em; display:block;} /* Compare Doors content*/ .five_doors{ display:none;} .vehicle_compare_door_buttons{ position:relative; top:433px; /*display:none;*/ width:300px; left:566px;} .vehicle_compare_door_buttons.active{display:none;} .vehicle_compare_door_buttons p {color: #FFFFFF; display: inline; float: left; font-weight: normal; line-height: 27px; padding: 0 0 0 10px; width: 70px;} .vehicle_compare_door_buttons ul{ padding:0px; margin:0px; float:left; display:inline; } .vehicle_compare_door_buttons ul li{ list-style:none; width:99px; height:26px; float:left; display:inline; margin: 0 0px 0 0; } .vehicle_compare_door_buttons ul li.first{ background: url("/content/images/site/divider.gif") no-repeat scroll top right transparent; } .vehicle_compare_door_buttons ul li a{ width:99px; height:26px; display:block; text-indent:-99999px; background: url("/content/images/site/vehicles-compare_4-5door_sprite.png");} .vehicle_compare_door_buttons ul li a.four_doors{ background-position: 0 -27px;} .vehicle_compare_door_buttons ul li a.four_doors:hover{ background-position: 0 -54px;} .vehicle_compare_door_buttons ul li a.five_doors{ background-position: -101px 0px;} .vehicle_compare_door_buttons ul li a.five_doors:hover{ background-position: -101px -54px;} .vehicle_compare_door_buttons .four_doors_active{ background-position: 0 0!important;} .vehicle_compare_door_buttons .five_doors_active{ background-position: -101px -27px!important;} /*End Compare Doors content*/ .feature3_1_ .availability_td{height:50px; padding-top:45px !important;} .vehicles .compare_trimNum1{} .vehicles .compare_trimNum2{} .vehicles .compare_trimNum3 .group_name_td{width:156px;} .vehicles .compare_trimNum3 .model_name_content{width:152px;} .vehicles .compare_trimNum3 .tr .td{width:157px; margin:0px;} .vehicles .compare_trimNum3 .model_names .td{width:170px; margin:0px;} .vehicles .compare_trimNum3 .model_name_content a{left:51px;} .vehicles .compare_trimNum3 .tr .td.last-td{width:157px;} .vehicles .compare_trimNum3 .model_name_content{background-position:138px 6px;} .vehicles .compare_trimNum4 .group_name_td{width:115px;} .vehicles .compare_trimNum4 .model_name_content{width: 111px;} .vehicles .compare_trimNum4 .tr .td{width:115px; margin:0px;} .vehicles .compare_trimNum4 .model_names .td{width:127px; margin:0px;} .vehicles .compare_trimNum4 .model_name_content a{left:32px;} .vehicles .compare_trimNum4 .tr .td.last-td{width:116px;} .vehicles .compare_trimNum4 .model_name_content{background-position:98px 6px;} .vehicles .compare_trimNum5 .group_name_td{width:90px;} .vehicles .compare_trimNum5 .model_name_content{width:84px;} .vehicles .compare_trimNum5 .tr .td{width:90px; margin:0px;} .vehicles .compare_trimNum5 .model_names .td{width:102px; margin:0px;} .vehicles .compare_trimNum5 .model_name_content a{left:20px;} .vehicles .compare_trimNum5 .tr .td.last-td{width:89px;} .vehicles .compare_trimNum5 .model_name_content{background-position:74px 6px;} .vehicles .compare_trimNum6 .group_name_td{width:71px;} .vehicles .compare_trimNum6 .model_name_content{width:68px;} .vehicles .compare_trimNum6 .tr .td{width:71px; margin:0px;} .vehicles .compare_trimNum6 .model_names .td{width:85px; margin:0px;} .vehicles .compare_trimNum6 .model_name_content a{left:10px;} .vehicles .compare_trimNum6 .tr .td.last-td{width:83px;} .vehicles .compare_trimNum6 .model_name_content{background-position:58px 6px;} .vehicles .compare_trimNum7 .group_name_td{width:60px;} .vehicles .compare_trimNum7 .feature_list{width:715px;} .vehicles .compare_trimNum7 .model_name_content{width:56px;} .vehicles .compare_trimNum7 .tr .td{width:60px; margin:0px;} .vehicles .compare_trimNum7 .model_names .td{width:72px; margin:0px;} .vehicles .compare_trimNum7 .model_name_content a{left:9px;} .vehicles .compare_trimNum7 .tr .td.last-td{width:62px;} .vehicles .compare_trimNum7 .group_name{width:723px;} .vehicles .compare_trimNum7 .model_name_content{background-position:46px 6px;} .vehicles .compare_trimNum8{} .vehicle_compare_table .feature_body p{font-size:11px;} /*************************************************************** Vehicle - Reviews Page ***************************************************************/ .vehicles .vehicle_reviews_accolades{font-size:11px;} .vehicles .vehicle_reviews_accolades h2{padding-left:12px;} .vehicles .vehicle_reviews_accolades .body{padding:0; width:280px; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;} .vehicles .vehicle_reviews_accolades .vehicle_review_accolades{border-top:1px solid #d8d8d8; padding:0px 12px;width:258px;} .vehicles .vehicle_reviews_accolades .vehicle_review_accolades img{margin-top:10px; float:left; display:block;} .vehicles .vehicle_reviews_accolades .vehicle_review_accolades .vehicle_review_text_wrapper{float:left; clear:left; width:257px;} .vehicles .vehicle_reviews_accolades .vehicle_review_accolades span{display:block;} .vehicles .vehicle_reviews_accolades .vehicle_review_accolades .vehicle_accolade_title{font-weight:bold;margin-top:12px;} .vehicles .vehicle_reviews_accolades .vehicle_review_accolades .vehicle_accolade_content{} .vehicles .vehicle_reviews_accolades .vehicle_review_accolades .vehicle_accolade_read_more{text-align:right; margin-top:10px; margin-bottom:10px;} .vehicles .vehicle_reviews_consumer{font-size:11px;} .vehicles .vehicle_reviews_consumer h2{padding-left:12px;} .vehicles .vehicle_reviews_consumer .body{padding:0; width:280px; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;} .vehicles .vehicle_reviews_consumer .vehicle_review_consumer{border-top:1px solid #d8d8d8; padding:0px 12px;} .vehicles .vehicle_reviews_consumer .vehicle_review_consumer .vehicle_consumer_title{font-weight:bold; display:block; position:relative; margin-top:12px;} .vehicles .vehicle_reviews_consumer .vehicle_review_consumer .vehicle_consumer_content{display:block;} .vehicles .vehicle_reviews_consumer .vehicle_review_consumer .vehicle_consumer_signature{font-style:italic; display:block; text-align:right; margin-top:4px; margin-bottom:11px;} .vehicles .vehicle_reviews_industry{font-size:11px;} .vehicles .vehicle_reviews_industry h2{padding-left:12px;} .vehicles .vehicle_reviews_industry .body{padding:0; width:280px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8;} .vehicles .vehicle_reviews_industry .vehicle_review_industry{border-top:1px solid #d8d8d8; padding:0px 12px;} .vehicles .vehicle_reviews_industry .vehicle_review_industry img{margin-top:10px;} .vehicles .vehicle_reviews_industry .vehicle_review_industry span{display:block;} .vehicles .vehicle_reviews_industry .vehicle_review_industry .vehicle_industry_title{font-weight:bold; margin-top:12px;} .vehicles .vehicle_reviews_industry .vehicle_review_industry .vehicle_industry_date{} .vehicles .vehicle_reviews_industry .vehicle_review_industry .vehicle_industry_content{} .vehicles .vehicle_reviews_industry .vehicle_review_industry .vehicle_industry_read_more{text-align:right; margin-top:10px; margin-bottom:10px;} /*************************************************************** Vehicle - Build Page ***************************************************************/ .vehicles .vehicle_build_hero{position:relative; z-index:1; width:950px; height:195px; background:url(/content/images/site/veh_hero_bottom_shadow.jpg) bottom left repeat-x; margin-left:-13px;} .vehicles .vehicle_build_hero .vehicle_build_hero_bg{position:absolute;} .vehicles .vehicle_build_hero h2{font-size:28px; color:#ffffff; position:absolute; z-index:2; top:39px; left:305px;} .vehicles .vehicle_build_hero .vehicle_build_hero_vehicle{position:absolute; top:23px; z-index:2;} .vehicles .vehicle_build{font-size:11px; margin-top:4px;} .vehicles .vehicle_build table{border-collapse:collapse;} .vehicles .vehicle_build table tr{} .vehicles .vehicle_build table tr td{border-top: none; border-bottom:none; border-left:1px solid #dfdfdc; border-right:1px solid #dfdfdc; padding-left:10px; padding-right:10px; vertical-align:top;width:16%;} .vehicles .vehicle_build table tr td ul li p{font-size:11px;} .vehicles .vehicle_build tr.engine_header{} .vehicles .vehicle_build tr.engine_header td{padding-bottom:0px; padding-top:0px;} .vehicles .vehicle_build tr.engine_header td .engine_size{font-size:18px; font-weight:bold; margin-top:-4px;} .vehicles .vehicle_build tr.engine_header td .feature_hp{font-size:11px; color:#888881;} .vehicles .vehicle_build tr.engine_header_2 td {padding-bottom:5px;} .vehicles .vehicle_build tr.model_name td{border-top:1px solid #888881;} .vehicles .vehicle_build tr.model_name td{font-size:12px; padding-bottom:0px; padding-left:13px;} .vehicles .vehicle_build tr.model_name td .model_name{display:block; width:50px;} .vehicles .vehicle_build tr.build_button td{padding-top:2px;} .vehicles .vehicle_build tr.build_button a{display:block; text-indent:-999em; background:url(/content/images/site/btn_build_this_trim.jpg) 0 0 no-repeat; width:92px; height:24px;} .vehicles .vehicle_build tr.mpg{} .vehicles .vehicle_build tr.mpg td{border-top: 1px solid #888881; background:url(/content/images/site/icon_fuel_pump.jpg) no-repeat 9px 10px; padding-left:34px;} .vehicles .vehicle_build tr.mpg .vehicle_mpg_hwy{font-size:26px; margin-left:0px; display:block;} .vehicles .vehicle_build tr.mpg .vehicle_mpg_city{display:block; margin-left:0px;} .vehicles .vehicle_build tr.starting_at{} .vehicles .vehicle_build tr.starting_at td{border-top:1px solid #888881;} .vehicles .vehicle_build tr.starting_at .vehicle_starting_at{font-size:18px;} .vehicles .vehicle_build tr.starting_at .msrp{margin-left:2px; font-size:11px;} .vehicles .vehicle_build tr.features{} .vehicles .vehicle_build tr.features td{border-top:1px solid #888881;} .vehicles .vehicle_build tr.features ul{margin-left:0px;} .vehicles .vehicle_build tr.features ul li{list-style:none; padding-bottom:18px;} .vehicles .vehicle_build tr.features li.adds_to_features{font-style:italic;} .vehicles .vehicle_build tr.features span.adds_to_features{font-weight:bold; display:block;} .vehicles .vehicle_build .wrapper_45_door{} .vehicles .vehicle_build .wrapper_45_door .wrapper_4_door{height:61px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:5px;} .vehicles .vehicle_build .wrapper_45_door .wrapper_5_door{height:61px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .vehicles .vehicle_build .wrapper_45_door .wrapper_4_door .four_door_top{background-color:#e5e5e5; height:21px; background:url(/content/images/site/icons/vehicle_4door.jpg) #e5e5e5 center right no-repeat; position:relative;} .vehicles .vehicle_build .wrapper_45_door .wrapper_5_door .five_door_top{background-color:#e5e5e5; height:21px; background:url(/content/images/site/icons/vehicle_5door.jpg) #e5e5e5 center right no-repeat; padding-right:5px; position:relative;} .vehicles .vehicle_build .wrapper_45_door .build_45_door_top_text{font-size:11px; color:#4d4d4d; position:absolute; top:3px; left:7px;width:40px;} .vehicles .vehicle_build .wrapper_45_door .build_45_door_starting{font-size:9px; color:#56564c; margin-left:7px; display:block; margin-top:5px;} .vehicles .vehicle_build .wrapper_45_door .build_45_door_price{font-size:18px; color:#56564c; display:block; margin-left:7px;} .vehicles .vehicle_build .wrapper_45_door .build_45_door_msrp_text{font-size:9px; color:#56564c;} /*************************************************************** Vehicle - RAQ Page ***************************************************************/ .thankyou{float:left; width:280px;} .thankyou_similar{float:left;margin:54px 0 0 73px; width:315px;} .thankyou_data{float:left; margin:0 0 0 20px; width:180px;} .thankyou_data .box{margin:52px 0 0 0;} .thankyou_data .userInfo{margin:30px 0 0 0;} /*************************************************************** Share the love ***************************************************************/ #share_the_love {background:url(/content/images/site/bg_second_nav.jpg) 0 0 no-repeat; height:100px;} #share_the_love ul.secondary_nav { margin:39px 7px 0 0; top:0; right:0; cursor: pointer; } #share_the_love ul.secondary_nav li#find_a_dealer { background:url(/content/images/site/stl_find_a_dealer.jpg) 0 0 no-repeat; height: 47px; width: 168px; text-indent:-999em; margin-right: 10px; } #share_the_love ul.secondary_nav li#select_a_charity { background:url(/content/images/site/stl_select_a_charity.jpg) 0 0 no-repeat; height: 47px; width: 209px; text-indent:-999em; } #share_the_love ul.secondary_nav li#find_a_dealer:hover, #share_the_love ul.secondary_nav li#select_a_charity:hover { background-position: 0 -47px; } /*************************************************************** WRX Get More Gs ***************************************************************/ #get_more_geez{background:url(/content/images/site/sec_nav_more_geez_bg.jpg) 0 0 no-repeat; height:70px;} #get_more_geez .hit_area a{position:absolute; height:60px; width:300px; cursor:pointer; display:block;} #get_more_geez ul.secondary_nav{margin:10px 25px 0 0; top:0; right:0;} #get_more_geez li {width:168px;} #get_more_geez li a {display:block; text-indent:-999em; height:54px; text-align:left; padding-left:0px !important; background:url(/content/images/getmoregs/sec_nav_button_sprite.jpg) 0 0 no-repeat;} #get_more_geez li .btn_watch_videos{ width:168px; background-position:0px 0px;} #get_more_geez li .btn_send_g_cards {width:168px; background-position:-168px 0px;} #get_more_geez li .btn_gs_your_face {width:168px; background-position:-336px 0px;} #get_more_geez li .btn_watch_videos:hover{background-position:0 -56px;} #get_more_geez li .btn_send_g_cards:hover{background-position:-168px -56px;} #get_more_geez li .btn_gs_your_face:hover{background-position:-336px -56px;} #get_more_geez li.selected .btn_watch_videos{background-position:0px -56px;} #get_more_geez li.selected .btn_send_g_cards{background-position:-168px -56px;} #get_more_geez li.selected .btn_gs_your_face{background-position:-336px -56px;} .getmoregs{} .getmoregs .primary_content{background:url(/content/images/getmoregs/content_bg.jpg) 0 0 repeat-y; padding-bottom:30px;} .getmoregs .container950 #flash_content950{background:url(/content/images/getmoregs/under_hero_shadow.jpg) 0 480px no-repeat;} .getmoregs div#global_content div.container950 div.primary_content div.left.two_thirds div.get_more_gs-tabs{display:none;} #form_find_dealer_body #error_dealerZip_body{width:238px; float:left;} #error_dealerZip_ws{} #error_dealerZipSpecialty{margin:8px 0 5px 1px;width:240px; float:left;} #error_findDealerZip{margin:8px 0 5px 1px;width:240px; float:left;} #form_findDealerSpecialty #dealerZipSpecialty{position:relative;} #error_modalZip{float:left;width:238px;} #error_modalZip .top{margin:-13px 0 0 112px;} #error_build_modalZip{float:left; width:240px !important;} #error_build_modalZip .top{margin:-13px 0 0 112px !important;} div.navigation_ms_list div.body h5 { border-bottom: 1px solid #d8d8d8; color:#55554B; margin:0 0 5px; padding:5px 0 10px 15px;} div.navigation_ms_list div.body #newsList, div.navigation_ms_list div.body #newsList li ul, div.navigation_ms_list div.body #newsRallyList, div.navigation_ms_list div.body #newsRallyList li ul{ list-style: none; } div.navigation_ms_list div.body #newsList a:hover, div.navigation_ms_list div.body #newsRallyList a:hover{text-decoration: none;} div.navigation_ms_list div.body #newsList li p a.selected, div.navigation_ms_list div.body #newsRallyList li p a.selected { font-weight:bold;} div.navigation_ms_list div.body #newsList li p a.noselected, div.navigation_ms_list div.body #newsRallyList li p a.noselected { font-weight:normal;} div.navigation_ms_list div.body #newsList li ul li, div.navigation_ms_list div.body #newsRallyList li ul li { padding: 2px 0;} div.navigation_ms_list div.body #newsRallyList li{z-index:2; position:relative;} div.navigation_ms_list div.body #newsRallyList li p a{z-index:1; position:relative;} div.navigation_ms_list div.body #newsRallyList li span{position:absolute; top:0; left:0; width:180px; height:16px; display:block; cursor:pointer; z-index:9999; background:url(/content/images/site/spacer.gif);} /*************************************************************** Coastal Cleanup Page ***************************************************************/ .coastal .image_hero{width:924px; text-align:center; padding:30px 0 0 0;} .hiddenFindDealer{display: none;} /*************************************************************** Badge of Ownership Page ***************************************************************/ .primary_content .badge_top_hero .badge_hero_section{background:url(/content/articles/badgeofownership/badge_hero_bck.jpg) no-repeat 0 0; width:950px; height:382px; margin:0 0 0 -13px;} .primary_content .badge_top_hero .top_image{float:right; clear:both; padding:40px 12px 0 0;} .primary_content .badge_top_hero .top_text{float:right; clear:both; font:bold 15px Arial, Helvetica, sans-serif; color:#2a61a8; padding:0 14px 20px 0;} .primary_content .badge_top_hero #badge_list{list-style:none; width:449px; margin:7px 0 0 20px; display:inline; float:left;} .primary_content .badge_top_hero #badge_list li{float:left; width:75px; height:70px; margin:0 0 10px 0;} .primary_content .badge_top_hero #badge_image{float:left; margin:50px 0 0 50px;} .primary_content .badge_top_hero .rollover_legend{font:14px Arial, Helvetica, sans-serif; color:#6cc1f6; margin:10px 0 0 20px; display:block; padding:20px 0 0 0;} .primary_content .badge_top_hero .badge_nav{background-color:#d6d6d6; width:948px; height:30px; margin:0 0 0 -12px;} .primary_content .badge_top_hero .badge_nav ul{list-style:none; padding:5px 0 0 0; float:left;} .primary_content .badge_top_hero .badge_nav ul li{float:left;} .primary_content .badge_top_hero .badge_nav ul.badge_links{} .primary_content .badge_top_hero .badge_nav ul.badge_links li{border-right:1px solid #225a94; padding:0 10px;} .primary_content .badge_top_hero .badge_nav ul.social_links{margin:0 0 0 235px;} .primary_content .badge_top_hero .badge_nav ul.social_links li a{display:block; width:18px; height:18px; font-size:0px; line-height:0px; text-indent:-9999px; margin:0 10px 0 0;} .primary_content .badge_top_hero .badge_nav ul.social_links li a.fb_link{background:url(/content/articles/badgeofownership/facebook_icon.jpg) no-repeat 0 0;} .primary_content .badge_top_hero .badge_nav ul.social_links li a.tw_link{background:url(/content/articles/badgeofownership/twitter_icon.jpg) no-repeat 0 0;} .primary_content .article_h2_content .subtitle_badge{font:28px Arial, Helvetica, sans-serif;} .primary_content .article_h2_content .badge_order{display:block; background:url(/content/articles/badgeofownership/order_badge.jpg) no-repeat 0 0; width:289px; height:40px; margin:30px 0 70px -6px; font-size:0px; line-height:0px; text-indent:-9999px;} .primary_content .article_h2_content .badge_facebook_login{font:10px/22px Arial, Helvetica, sans-serif; clear:both;} .primary_content .article_h2_content .badge_facebook_login a{display:block; background:url(/content/articles/badgeofownership/login_facebook.jpg) no-repeat 0 0; width:154px; height:22px; margin:0 10px 30px 0; font-size:0px; line-height:0px; text-indent:-9999px; float:left;} .primary_content .article_h2_content .badge_disclaimer{font:10px Arial, Helvetica, sans-serif; color:#4e4e4e;} .primary_content .article_2a .badge_image{margin:30px 0 0 0;} .vehicles_feature_modal_container {display:none;} .vehicles .vehicle_overview_tabs #vehicle_overview_tabs .vehicle_tab_content .five_door_version{display:none} /********************************************************************** nccm 2011 content image right **********************************************************************/ .nccm_imageright {float:right; padding-left:15px;} .monthSelected,#newsList ul li:hover, #newsRallyList ul li ul li:hover{background:#E5E5DE;} .soa .my_vehicle_detail .mySubaryPhotoDisclaimer{ text-align:right; font-size:10px;} #radioTerms.errorFocus{border:none!important;} #error_radioTerms.errorCont span.top {margin:-13px 0 0 16px} /************************************************************ Impreza 2012 Comparison *************************************************************/ .impreza2012{overflow:hidden; background:#ffffff;} .impreza2012 .header{height:49px; padding: 20px 0 0 20px; background:url(/content/images/site/impreza-2012/headerbackground.jpg) 0 0 repeat-x; } .impreza2012 .header h2{color:#FFFFFF; width:400px; float:left; display:inline;font-size:24px; } .impreza2012 .header span{float:left; display:inline; font-size:20px; color:#FFFFFF; margin:4px 0 0 0;} .impreza2012 .headerInfo{ margin:20px 0 0px 27px; padding:0 0 20px 0;} .impreza2012 .headerInfo p{width: 600px float:left; display:inline;} .impreza2012 .headerInfo a{font-size:12px; float:right; display:inline; margin: 0 28px 0 0; position:relative; top:-35px;} .impreza2012 .comparisonTabs {margin: 0px 0 0 27px; } .impreza2012 .comparisonTabs p{ color: #666666; width:166px; float:left; display:block; margin: 40px 0px 0 0;} .impreza2012 .comparisonTabs p img{margin: 0 4px 0 0;} .impreza2012 .comparisonTabs ul{float:left; display:block; margin:0px; padding:0px;} .impreza2012 .comparisonTabs li{height:85px; width:120px; float:left; display:block; padding:0px; margin: 0 1px 0 1px; text-align:center; background:url(/content/images/site/impreza-2012/impreza_comparison_tab_top.jpg) 0 0 no-repeat; padding: 7px 0 0 0;} .impreza2012 .comparisonTabs li span{height:85px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; width:118px; display:block;} .impreza2012 .comparisonTabs li span span{height:auto; border-left:none; border-right:none; font-weight:bolder; display:block; width:115px; text-align:left; padding: 0 0 0 2px; font-size:13px;} .content_table{ margin:0px 13px 0 14px;} .content_table table {border:2px solid #878787; margin: 0 0 40px 0;} .content_table table.impreza_comparisson{ font-size:13px;} .content_table table.impreza_comparisson td{width:111px; border-right: 1px solid #CCCCCC; text-align:center; padding: 5px 0; border-bottom:none; border-top:none;} .content_table table.impreza_comparisson td img{margin: 0 auto; display:block;} .content_table table.impreza_comparisson .title{ font-size:12px; width:153px;} .content_table a{font-size:16px; font-weight:bolder;} /************************************************************ Weatherman *************************************************************/ .weather .component.large_image{margin:0px auto; width:950px; float:none; padding:0px; height:632px;} .weather .primary_content {display:none;} /*************************************************************** Why subaru ***************************************************************/ .small_image{margin:0px auto; width:950px; float:none; padding:0 0 20px 0; height:169px; overflow: hidden; background:url("/content/images/site/homepage_undergradient.gif") left top } /*.component.small_image{margin:0px auto; width:950px; float:none; padding:0 0 10px 0; height:180px; overflow: hidden; background:url("/content/images/site/homepage_undergradient.gif") repeat-x bottom;}*/ .soa .small_hero_text_over {z-index:100; float:left; left:30px; position:relative; top:-138px; width: 470px;} .soa .small_hero_text_over h1 {font-size:32px; font-weight:bolder; padding-bottom: 5px; float:left; width: 470px; padding-left:0px;color:#000000;} .soa .small_hero_text_over p {font-weight:780; color:#000000; font-size: 14px;} .soa .small_hero_text_over .font_white {color: white;} .soa .component_3b_blue {margin-top:6px; margin-bottom: 20px;} .soa div.link_title {margin-bottom: -9px;} .whysubaru .component282_noborder {margin-top:5px;} /*************************************************************** Buttons ***************************************************************/ .blue_button{background:url(/content/images/site/global/blue_button_left.png) left no-repeat; display:block; float:left; height:22px; padding:0 0 0 2px; text-decoration:none;} .blue_button .text{background:url(/content/images/site/global/blue_button_bck.jpg) left repeat-x; padding:0 9px 0 6px; height:22px; font:11px/22px Arial; text-shadow: 0px -1px 2px #000; color:#fff; display:block; float:left;} .blue_button .right_side{background:url(/content/images/site/global/blue_button_right.png) right no-repeat; width:9px; height:22px;display:block; float:left;} .gray_button{background:url(/content/images/site/global/gray_button_left.png) left no-repeat; display:block; float:left; height:22px; padding:0 0 0 2px; text-decoration:none;} .gray_button .text{background:#e7e7e7; padding:0 9px 0 6px; height:22px; font:11px/22px Arial; color:#40609f; display:block; float:left;} .gray_button .right_side{background:url(/content/images/site/global/gray_button_right.png) right no-repeat; width:10px; height:22px;display:block; float:left;} .component a.gray_button:hover{text-decoration:underline;} .component a.blue_button:hover{text-decoration:none;} /*************************************************************** Awards and Reviews ***************************************************************/ #reviews_awards_model_navigation{width:898px; height:236px; margin:13px 26px 0; padding:0; background:url(/content/images/site/global/reviews_awards_top_bck.jpg) bottom repeat-x;} #reviews_awards_model_navigation h1{font:bolder 32px Arial, Helvetica, sans-serif; color:#56564C; margin:0 0 5px 0; padding:0;} #reviews_awards_model_navigation p.header_text{font:14px Arial, Helvetica, sans-serif; color:#56564c; float:left; clear:both; width:590px;} #reviews_awards_model_navigation h4{font:bold 13px Arial, Helvetica, sans-serif; color:#40609f; text-align:center; padding:5px 0 0 0;} #reviews_awards_model_navigation p.review_awards_starting{font:11px Arial, Helvetica, sans-serif; color:#56564c; text-align:center; float:none; clear:none;} #reviews_awards_model_navigation p.review_awards_starting strong{font:bold 13px Arial, Helvetica, sans-serif; color:#56564c;} #reviews_awards_nav{list-style:none; padding:44px 11px 10px; margin:0; float:left;} #reviews_awards_nav li{cursor:pointer; float:left; width:131px; height:96px; margin:0 18px 0 0;} #reviews_awards_nav li:hover{background:url(/content/images/site/global/reviews_awards_nav_hover.png) no-repeat;} #reviews_awards_nav li.last{margin:0;} #reviews_awards_nav li img{margin:0 0 0 6px;} #reviews_awards_nav li.active_model{background:url(/content/images/site/global/reviews_awards_nav_active.png) no-repeat;} #reviews_awards_nav li.active_model h4, #reviews_awards_nav li.active_model p.review_awards_starting, #reviews_awards_nav li.active_model p.review_awards_starting strong{color:#fff;} .reviews_awards_panel{float:left; width:950px;} .reviews_awards_panel .reviews_awards_model_info{float:left; width:282px;} .reviews_awards_panel .reviews_awards_model_info h3{font:bold 32px Arial, Helvetica, sans-serif; color:#56564c; margin:0 0 11px 0;} .reviews_awards_panel .reviews_awards_model_info p{margin:20px 0;} .reviews_awards_panel .reviews_awards_content{float:left; padding: 0 26px; width:588px;} .reviews_awards_panel .reviews_awards_content h2{font:bold 21px Arial, Helvetica, sans-serif; color:#56564c; margin:7px 0 30px 0;} .reviews_awards_panel .reviews_awards_content ul{list-style:none; margin:0; padding:0;} .reviews_awards_panel .reviews_awards_content ul .box{float:left; width:282px; margin:0 0 40px 0; padding: 0 12px 0 0;} #soa_media2 .primary_content .reviews_awards_panel .reviews_awards_content ul .clear{height:0; margin:0; padding:0; width:588px; height:1px; clear:both; float:none;} .reviews_awards_panel .reviews_awards_content .awards_section_panel ul li{margin:0 0 30px 0;} .reviews_awards_panel .reviews_awards_content .awards_section_panel ul li p{margin:2px 0 0 0;} .reviews_awards_panel .reviews_awards_content ul li h4{font:bold 12px Arial, Helvetica, sans-serif; color:#40609f; margin:13px 0 0 0;} .reviews_awards_panel .reviews_awards_content ul li h4 a:hover{text-decoration:none;} .reviews_awards_panel .reviews_awards_content ul li p{margin:2px 0 16px 0; line-height:18px; padding: 0 10px 0 0;} .reviews_awards_panel .reviews_awards_content ul li blockquote{background:url(/content/images/site/global/review_quotes.gif) no-repeat; padding:0 19px 0 0; margin:2px 0 16px 0; line-height:18px;} .reviews_awards_panel .reviews_awards_content .reviews_section_panel, .reviews_awards_panel .reviews_awards_content .awards_section_panel{border-bottom:1px solid #b7b7a0; margin:0 0 15px 0;} .hidden_review_panel{display: none;} .addthis_button {display:block; height:16px; padding:0 0 0 21px; background:url('/content/images/site/icons/share_blue.png') left bottom no-repeat; color:#4377cc;} /************************************************************* MySubaru Accessories **************************************************************/ .acc_container{ display:none; } .acc_img{ display:none; } .acc_container .button{ display:none; } /************************************************************* MySubaru 2011 Chart Component & 2011 Chart Modal **************************************************************/ .soa .comp282 .body.chart{padding: 0 12px 0;} .soa .comp282 .chart .description{float: left; width: 169px; margin: 0 0 0 10px;} .soa .comp282 .chart img{float: left;} .soa .comp282 .chart p{font-size: 11px;} .soa .comp282 .chart .button{float: right;margin: 4px 0 0 0;} .form_popup_900{ width: 900px; margin: 0 auto!important; background: transparent; float: none!important; left: 1px; position: fixed!important; top: 1px; z-index: 1000; } .form_popup_900 .content{ background: #FFFFFF; border:#c2c2c2 1px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px 10px 10px 10px; behavior: url(/content/css/pie_ie.htc); height: 600px; } .form_popup_900 .content .body{ overflow-y: scroll; height: 580px; margin: 10px 0 0 0; } .form_popup_900 .close_button{float: right; margin: 3px 15px 0 0;} .form_popup_900 .title{float: left; width: 220px; margin: 3px 50px 0 20px; padding: 0;} .form_popup_900 .description{float: left; width: 540px; margin: 10px 0px 0px 18px;} .form_popup_900 .description p.last{ margin:7px 0 0 0; font-style:italic;} .form_popup_900 .oilTable{padding: 25px 0 30px 0!important;} .form_popup_900 .oilTable table th{background:#2c62a7; border: #FFFFFF 1px solid; color: #FFFFFF;text-align: center; padding: 0px; margin: 0px;height: 56px;} .form_popup_900 .oilTable table th.first, .form_popup_900 .oilTable table td.first{border-left: none;} .form_popup_900 .oilTable table th.last, .form_popup_900 .oilTable table td.last{border-right: none;} .form_popup_900 .oilTable table th td, .form_popup_900 .oilTable table th tbody td{border: none; color: #FFFFFF;} .form_popup_900 .oilTable table th td{text-align: center; vertical-align:middle; } .form_popup_900 .oilTable table th table tbody tr{padding: 0px;margin: 0px;} .form_popup_900 .oilTable table th table tbody tr td {padding: 0px;margin: 0px; width: 50%;} .form_popup_900 .oilTable table th table tbody tr.subTitle{height: 27px;} .form_popup_900 .oilTable table th table tbody tr.subCategory{height: 37px; border-bottom: none!important;} .form_popup_900 .oilTable table th table tbody tr.divisor{ border-bottom: #ffffff 1px solid!important;} .form_popup_900 .oilTable table th table tbody tr td.divisor{ border-right: #ffffff 1px solid;} .form_popup_900 .oilTable table tbody td{border: 1px solid #999999; text-align: center; vertical-align:middle;} .form_popup_900 .oilTable table tbody tr{height: 48px;} .form_popup_900 .oilTable table th tbody tr{height: auto;} .form_popup_900 .oilTable table tbody tr.odd{background: #FFFFFF;} .form_popup_900 .oilTable table tbody tr.even{background: #EEEEEE;} /******************************************************************** CPO Round border ******************************************************************/ .component.component282_roundborder { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 10px 10px; border: solid; border-color: #d1d2cd; border-width:1px; margin: 26px 0 0 11px; width: 280px; padding-bottom: 13px; position:relative; z-index:0; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.58, #F8F7F5),color-stop(0.99, #E8E7E2)); background: -moz-linear-gradient(center bottom,#F8F7F5 58%,#E8E7E2 99%); background: linear-gradient(#E8E7E2, #F8F7F5); background: -ms-linear-gradient(#E8E7E2, #F8F7F5); -pie-background: linear-gradient(#E8E7E2, #F8F7F5); behavior: url(../../content/css/pie_ie.htc); } .component.component282_roundborder h1 {padding: 16px 21px 0 15px; font-weight: bold; font-size:17px;} .component.component282_roundborder p {padding: 13px 5px 0 15px; } .component.component282_roundborder .blue_button {float: right; margin: 0 15px 5px 0;} .soa.cpo .component .component590_flat h1 {font-weight: bold;} .soa.cpo .component .component590_flat p {line-height:1.60em;} .soa.vehicles.hero.vehicles_key_features .comp282.key-features {margin-top: 15px;} /************************************************************* sf-hepbfree - Choose a healthy path **************************************************************/ .soa .container950 .sf_hepbfree .summary{padding: 30px 0;} .soa .container950 .sf_hepbfree ul{float: left; padding: 0; list-style: none;} .soa .container950 .sf_hepbfree ul.first{margin: 0;} .soa .container950 .sf_hepbfree ul li{margin:0 0 15px 0;} .soa .container950 .sf_hepbfree ul li a{color:#2c62a7; font-weight: bold;}