/******************************************* Generic styles for all pods / Components. *******************************************/ .primary_content .large_image {padding-left: 13px;} .component {float:left;padding-left:26px;padding-right:1px;margin:20px 0 33px 0;font-size:12px;} .component p{color:#55554B;} .component_2d_2{margin-top:0px; margin-bottom:0px;} .component .border-content {position:relative;background-color:#f8f8f5;height:186px; border-left:1px #dbdbd8 solid; border-right:1px #dbdbd8 solid; width:573px; padding-right:15px; border-bottom:1px #dbdbd8 solid;} .component .top_links {font-size:11px;font-weight:normal;display:block;float:right;padding:0 2px;color:#999999;} .component .top_links a, .component .top_links span {margin:0 9px;} /* View All Buttons*/ .component .component_button {display:block;} .component .component_button a {font-size:11px;float:left;text-decoration:none;background:url(/content/images/site/button-light-right.gif) right top no-repeat;padding:0 5px 0 0;line-height:20px;} .component .component_button a span {float:left;display:block;background:transparent url(/content/images/site/button-light-door.gif) no-repeat scroll left top;padding:0 5px 0 10px;line-height:20px;font-weight:normal !important; line-height:18px;} .component a {text-decoration:none; cursor: pointer;} .component a:hover {text-decoration:underline;} .component a.loggedLinks {text-decoration:none; cursor: pointer; background: url(/content/images/site/img_arrow.gif) no-repeat 3px 3px; padding:0 0 0 14px;} .component a.loggedLinks:hover {text-decoration:underline;} .readmore_button_container{padding-top:5px; position:relative;} /*Buttons Redirects Chinese*/ .engineering .component.content_redirects{position:relative;} .component .component_button_redirects{display:block;margin:0px 0px 0px 62px;position:absolute;top:150px;left:0px;color:#FFFFFF;} .component .component_button_redirects a{display:block;height:32px;width:109px;margin:0 0 10px;} .component .component_button_redirects a.linkText1{background:transparent url(/content/images/site/chinese/button_1.png) no-repeat; margin-top: 30px; height:32px;} .component .component_button_redirects a.linkText2{background:transparent url(/content/images/site/chinese/button_2.png) no-repeat; height:32px;} .component .component_button_redirects a.linkText3{background:transparent url(/content/images/site/chinese/button_3.png) no-repeat; margin-top: 34px;} .component .component_button_redirects a.linkText4{background:transparent url(/content/images/site/chinese/button_4.png) no-repeat;} /* most components need the white background buttons, set the gray background buttons here with commas */ a.video_icon {background:transparent url(/content/images/site/button_video.gif) no-repeat scroll left center !important; display:block;height:22px;margin:0 15px 0 0;width:80px;} a.video_icon:hover {background:transparent url(/content/images/site/button_video_over.gif) no-repeat scroll left center !important;} .pod282 .component_button a, .feat_article .component_button a {background-image:url(/content/images/site/pod_bottom_btn_left.jpg);} .pod282 .component_button a span, .feat_article .component_button a span {background-image:url(/content/images/site/pod_bottom_btn_right.jpg);} .pod282 .component_button a:hover, .feat_article .component_button a:hover, .pod282 .component_button a span:hover, .feat_article .component_button a span:hover, .component_button a:hover{text-decoration:underline;} .component h1 {padding-left:19px;font-weight:normal;font-size:18px;color:#56564c;float:left;} .component .title {height:60px;min-height:60px;width:100%;} .component .column_two{height:0px; line-height:0px;} /******************************************* * -pod282- * * Overall width is 282px; * * With a border. This is the * * accordian pod. * *******************************************/ .pod282{width:282px;height:auto; visibility:hidden; position:relative;} /*Very top area. It doesnt actually get a title until the H1 gets a class*/ .pod282 .title {background:url(/content/images/site/pod282_title_bg.jpg) 0 0 no-repeat; height:48px; min-height:48px; margin:0px;} .pod282 .title h1{padding-top:18px;} .pod282 .hr{border-color:#d8d8d8; position:absolute; top:49px; width:282px; font-size:0px; line-height:0px;} .soa .pod282 .hr{border-color:#d8d8d8; left:0px; position:absolute; top:49px; width:282px;} .pod282 img{border-left:1px #d8d8d8 solid;border-right:1px #d8d8d8 solid;margin:0;padding:12px 19px 11px;width:242px;height:137px;margin-bottom:-3px;} /* Title Area Below Image*/ .pod282 .main_title{border-right:1px #d8d8d8 solid;border-left:1px #d8d8d8 solid;padding:24px 15px 1px 15px;margin:0;width:265px;height:63px;font-size:11px;} /*Add this to decrease padding when there is more than one title*/ .pod282 .main_title a{font-size:15px;color:#40609f;} .pod282 .main_title strong{} .pod282 .main_title em{display:block;padding-bottom:3px;color:#555555;} .pod282 .main_title p{display:block; color:#55554b;} .pod282 .full_open_wrapper{height:89px; position:relative;} .pod282 .multi-line{padding:0px 19px 3px; height: 88px;width:242px; position:absolute;} .pod282 .multi-line a {font-size:11px;} .pod282 .links {background-color:#f8f8f8;display:block;border:1px #d8d8d8 solid; border-top:none; width:265px; height:14px; font-size:11px; text-decoration:none;font-weight:normal;display:block;padding:6px 0 8px 15px; color:#40609f;} .pod282 .links:hover {text-decoration:underline; background-color:#e3e3e3;} .pod282 .component_button {height:27px; padding:0px; background:#ffffff url(/content/images/site/pod282_bottom.jpg) 0 0 no-repeat; width:282px;} .pod282 .ui-state-active .links { visibility:hidden; position:absolute;}/*This is what does the title magic*/ .pod282 .open .links { visibility:hidden; position:absolute;}/*This is what does the title magic*/ .pod282 .content{border-bottom:1px solid #d8d8d8; background-color: #f8f8f8; position: relative;} .pod282 .content.form { padding: 5px 0 0 17px; border: 1px solid #d8d8d8; border-bottom: none; color: #56564c; } .pod282 .content.form input { width: 243px; border: 1px solid #999999; } .pod282 .content.form .inputRow { margin-top: 10px; } .pod282 .content.form .inputRow.submit { margin-top: 15px; } .pod282 .content.form .inputRow img { height: auto !important; width: auto !important; border: none; padding: 0; } /*.pod282 .content .readmore_button_container{position:absolute; right:22px; top:56px;}*/ .pod282 .content span {font-size:11px;float:left;text-decoration:none;background:url(/content/images/site/button-light-right.gif) right top no-repeat;padding:0 5px 0 0;line-height:20px;float:right; margin-right:10px;} .pod282 .content span a {float:left;display:block;background:transparent url(/content/images/site/button-light-door.gif) no-repeat scroll left top;padding:0 5px 0 10px;line-height:20px;font-weight:normal !important; line-height:18px;} /*.pod282 .content .readmore_button_container{position:absolute; right:12px; top:57px;}*/ /******************************************* * -component282 CSS3 Homepage- * *******************************************/ .home .primary_content .pod282{margin:10px 13px 27px; padding:0; width:280px;height:auto; visibility:hidden; position:relative; background:#F8F8F8; border: 1px solid #C9C8C4; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 10px 10px; behavior: url(/content/css/pie_ie.htc);} .home .primary_content .pod282 .title {height:48px; width:280px; min-height:48px; margin:0px; background: #E5E4DF; background-image: -webkit-gradient(linear, left top, left bottom, from(#E5E4DF), to(#F8F8F8)); background: -webkit-linear-gradient(#E5E4DF, #F8F8F8); background: -moz-linear-gradient(#E5E4DF, #F8F8F8); background: -o-linear-gradient(#E5E4DF, #F8F8F8); background: -ms-linear-gradient(#E5E4DF, #F8F8F8); background: linear-gradient(#E5E4DF, #F8F8F8); -pie-background: linear-gradient(#E5E4DF, #F8F8F8); -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; behavior: url(/content/css/pie_ie.htc);} .home .primary_content .pod282 .hr{border-color:#d8d8d8; position:absolute; top:49px; width:280px; font-size:0px; line-height:0px;} .home .primary_content .pod282 .main_title{padding:24px 15px 1px 15px;margin:0;width:240px;height:63px;font-size:11px; background: none; border: none;} .home .primary_content .pod282 .multi-line{padding:0px 19px 3px; height: 88px;width:240px; position:absolute; background: none; border: none;} .home .primary_content .pod282 .links {background:#f8f8f8;display:block; border: none; border-bottom:1px #d8d8d8 solid; width:265px; height:14px; font-size:11px; text-decoration:none;font-weight:normal;display:block;padding:6px 0 8px 15px; color:#40609f;} .home .primary_content .pod282 .component_button {height:27px; padding:0px; margin-bottom:0; width:280px; background: none;} .home .primary_content .pod282 .content span {font-size:11px;float:left;text-decoration:none; padding:0 5px 0 0;line-height:20px;float:right; background:#E3E3E3; margin-right:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 5px 5px 5px; behavior: url(/content/css/pie_ie.htc);} .home .primary_content .pod282 .content span a {float:left;display:block; padding:0 5px 0 10px;line-height:20px;font-weight:normal !important; line-height:18px;} .home .primary_content .pod282 img{border: none;} /******************************************* * -component282_noborder- * * Overall width is 282px; * * This is the 282px wide pods * * without a border. * *******************************************/ .component282_noborder {padding-right:10px;width:272px;height:auto;margin:20px 0 5px 0;} /*Very top area. It doesnt actually get a title until the H1 gets a class*/ .component282_noborder .title {height:60px;min-height:60px;} .component282_noborder .title_spanish {} .component282_noborder .title_drive_story_preview{padding-bottom:5px;} .component282_noborder .secondary_title{float:left; color:#55554b; font-size:11px; padding-top:22px; padding-left:4px;} .component282_noborder .title .article_title{font-size:11px; margin-top:24px; padding-top:1px; padding-left:15px;background-position:5px 1px;float:right; background-image:url(/content/images/site/nav_arrow_left.jpg); background-repeat:no-repeat; text-align:right; display:none;} .component282_noborder h1 {padding-left:0px;font-weight:normal;font-size:18px;padding-bottom:23px;padding-top:30px;width:100%;} .component282_noborder .title_spanish h1 {padding-bottom:0px;padding-top:18px;} .component282_noborder p {margin:5px 0 10px} .component282_noborder .events{padding:10px 0px 10px 0px;line-height:normal;font-size:12px;} .component282_noborder .events strong{padding-left:5px;} .component282_noborder .events p{margin:1px 0 6px;} .component282_noborder .two_items{padding:10px 0px 10px 0px;line-height:normal;font-size:12px;} .component282_noborder .two_items strong{color:#177bb1;; font-weight:bold;} .component282_noborder .articles{padding:10px 0px 10px 0px;line-height:normal;font-size:12px;} .component282_noborder .articles strong{ font-weight:bold; padding-left:0px;} .component282_noborder .survey{padding:10px 0px 10px 0px;line-height:normal;color:#55554b;font-size:12px;height:204px;} .component282_noborder .survey ul{list-style:none; padding-top:10px; padding-right:180px; text-align:right;} .component282_noborder .survey ul li{padding-top:4px;} .component282_noborder .pop_builds{padding:10px 0 10px 0px; line-height:normal; font-size:12px; height:204px;} .component282_noborder .pop_builds .vehicle{display:block; padding-bottom:10px; height:60px;} .component282_noborder .pop_builds .vehicle h2{color:#177bb1;; font-weight:bold;} .component282_noborder .pop_builds .vehicle .price{ font-style:italic; color: #55554B;} .component282_noborder .pop_builds img{padding-right:10px; padding-top:0px; float:left;} .component282_noborder .pref_dealer{padding:10px 0 10px 0px; line-height:normal; font-size:12px;} .component282_noborder .pref_dealer strong{font-weight:normal;} .component282_noborder .pref_dealer p{line-height:20px;} .component282_noborder .drive_story_preview img{} .component282_noborder .drive_story_preview p{font-size:12px;} .component282_noborder .drive_story_meetthedogs{margin-top:0;} .component282_noborder .drive_story_meetthedogs .title h1 {margin-top:7px;padding-bottom:10px;line-height:22px;padding-top:0px;} .component282_noborder .drive_story_meetthedogs p {padding-bottom:4px;} .component282_noborder .lear_more_meetthedogs a:hover span {text-decoration: underline;} .component282_noborder .find_a_dog_park a{display:block; float:right; background: url(/content/articles/programs/dogs/find_a_park.jpg) no-repeat; width:148px; height:22px;} .component282_noborder .find_a_dog_park a span{display:none;} .component590_flat .tcArticle_col1 .article_back{margin-top:25px;} .component282_noborder .component_3e{height:200px;} .component282_noborder .component_3e p{font-size:12px; line-height:20px;} .pod_Drive {margin:20px 0 33px;} .pod_Drive a {display:block;} /* video /reviews / pdf link */ .component282_noborder .article_bottom {width:282px; height:50px; font-size:11px;} .component282_noborder .article_bottom .clear {display:none;clear:none;} .component282_noborder .article_bottom .actionCont {float: left;} .component282_noborder .article_bottom .actionCont .imgCont {position: relative; height:30px;} .component282_noborder .article_bottom .actionCont .imgCont img {position: absolute; left:50%; border:none; cursor:pointer;} .component282_noborder .article_bottom .actionCont .imgCont img.video, .component282_noborder .article_bottom .actionCont .imgCont img.reviews {margin-left:-18px;} .component282_noborder .article_bottom .actionCont .imgCont img.brochure {margin-left:-10px;} .component282_noborder .article_bottom p{display:block; text-align:center;} .component282_noborder .article_bottom .borderRt {border-right: 1px solid #f1f1ec;} .component282_noborder .article_bottom .actionCont .imgCont a.video_icon {margin: 0 15px 0 0; display:block; background: url(/content/images/site/button_video.gif) left center no-repeat !important; width:80px; height:22px; } .component282_noborder .article_bottom .actionCont .imgCont a.review_icon {margin: 0 15px 0 0;display:block; background: url(/content/images/site/button_review.gif) left center no-repeat !important; width:80px; height:22px; } .component282_noborder .article_bottom .actionCont .imgCont a.brochure_icon {display:block; background: url(/content/images/site/button_brochure.gif) left center no-repeat !important; width:80px; height:22px; } .component282_noborder .article_bottom .actionCont .imgCont a.awards_icon {margin: 0 15px 0 0;display:block; background: url(/content/images/site/button_award.gif) left center no-repeat !important; width:80px; height:22px; } .component282_noborder .article_bottom .actionCont .imgCont a.video_icon:hover { background: url(/content/images/site/button_video_over.gif) left center no-repeat !important; } .component282_noborder .article_bottom .actionCont .imgCont a.review_icon:hover { background: url(/content/images/site/button_review_over.gif) left center no-repeat !important; } .component282_noborder .article_bottom .actionCont .imgCont a.brochure_icon:hover { background: url(/content/images/site/button_brochure_over.gif) left center no-repeat !important; } .component282_noborder .article_bottom .actionCont .imgCont a.awards_icon:hover { background: url(/content/images/site/button_award_over.gif) left center no-repeat !important; } /**************************************** component 7(a, b, c), 8(a, b, c) *****************************************/ .component282_noborder .vehicleDescription h2 {color:#177bb1;} .component282_noborder .vehicleDescription p {color:#55554b; font-weight:bold; font-size:10px;} .component282_noborder .vehicleDescription img {width:185px; padding-bottom:12px;} .component282_noborder .vehicleDescription ul {margin:0 0 15px 0px; padding:0; color:#55554b; font-size:10px;} .component282_noborder .vehicleDescription li {font-weight:normal; list-style-type: none; padding-left: 10px; background: url(/content/images/site/listStyle_hyphen.jpg) left center no-repeat; } .component282_noborder .ratingsReviews dd {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #b7b7a0; color:#177bb1;; font-size:10px;} .component282_noborder .ratingsReviews dd div.reviewTitle {margin:0; padding:0;} .component282_noborder .ratingsReviews dd .reviewTitle p {float:left; margin:0; padding:0 5px 0 0; font-weight:bold;} .component282_noborder .ratingsReviews dd .reviewTitle img {float:left; margin-top:-3px;} /* list colors will likely need to change to #b7b7a0 */ .component282_noborder .ratingsReviews ul {margin:7px 0 9px 0; color:#55554b; font-size:10px;} .component282_noborder .ratingsReviews li {font-weight:normal; list-style-type: none; padding-left: 10px; background: url(/content/images/site/listStyle_hyphen.jpg) left center no-repeat; } .component282_noborder .ratingsReviews ul.noListStyle li {padding-left:0; background:none;} .component282_noborder .ratingsReviews dd.bottomPadding {padding-bottom:22px;} .component282_noborder .ratingsReviews dd.lastReview {padding-bottom:0; margin-bottom:0; border-bottom:none;} .component282_noborder .ratings {width:282px; border:1px solid #f1f1ec; font-size:10px; color:#55554b;} .component282_noborder .ratings h2 {padding:5px 0 5px 10px; color:#55554b; font-size:12px; background:#f1f1ec;} .component282_noborder .ratings h2 span {font-size:10px; font-weight:normal;} .component282_noborder .ratings .review {width:262px; margin-left:10px; border-bottom:1px solid #f1f1ec;} .component282_noborder .ratings .review h3 {margin:0; padding:10px 0 0 0; color:#177bb1;; font-size:10px;} .component282_noborder .ratings .review h3.borderTop {border-top:1px solid #f1f1ec;} .component282_noborder .ratings .review p {margin:0; padding:2px 0 2px 0;} .component282_noborder .ratings .review p.padBottom {padding-bottom:10px;} .component282_noborder .ratings .review ul {margin:12px 0 7px 0; padding:0;} .component282_noborder .ratings .review li {list-style-type:none; padding:0 0 3px 0;} .component282_noborder .ratings .review .visualRating {float:left; width:126px; padding:10px 0 10px 0;} .component282_noborder .ratings .review .visualRating img {float:left; padding-right:5px;} .component282_noborder .ratings .review .visualRating p, .component282_noborder .ratings .review .visualRating a {clear:none;} .component282_noborder .ratings .review .safetyReview {width:262px; padding:10px 0 10px 0;} .component282_noborder .ratings .review .safetyReview img {float:left; padding-right:10px;} .component282_noborder .ratings .review .safetyReview p {clear:none; float:left; width:160px;} .component282_noborder .ratings .review table {margin:0 0 10px 0; padding:0; } .component282_noborder .ratings .review table td {font-weight:bold; vertical-align:middle;} .component282_noborder .ratings .review table td img {padding-top:3px;} .component282_noborder .ratings .review table.threeCol td.col1 {width:100px;} .component282_noborder .ratings .review table.threeCol td.col2 {width:90px;} .component282_noborder .ratings .review table.twoCol td.col1 {width:195px;} .component282_noborder .articles a {display:block;margin:0 0 17px;} .special_offers .component_3b {clear:both; width:272px;} .links-list {height:auto;} .component .links-list .title {height:50px;min-height:50px;} .component .links-list img{padding-bottom:4px; padding-top:15px;} .links-list h4 {margin:0 0 2px;font-weight:normal;} .links-list .content {line-height:18px;} .links-list ul {list-style:none;} .features-tabs {min-height:250px; margin-bottom:150px;} #features-tabs {float:left;width:272px;} .component .features-tabs .title {float:left;height:60px; min-height:60px;} .features-tabs .content {border:1px solid #d8d8d8;background:#f7f7f4;padding:5px;} .features-tabs .tabs {position:relative;margin-bottom:-1px;display:block;height:34px;width:282px;left:-4px; margin-left:0px;} .features-tabs .tabs li {display:block;float:left;padding-left:4px; margin-left:0px;} .features-tabs .tabs a {display:block;float:left;line-height:34px;height:34px;width:134px;text-decoration:none;color:#55554b;background:url(/content/images/site/features_tab_off_left.gif);} .features-tabs .tabs a span {text-align:center;display:block;float:left;width:134px;background:url(/content/images/site/features_tab_off_right.gif) right no-repeat;} .features-tabs .tabs .ui-tabs-selected a {background-image:url(/content/images/site/features_tab_on_left.gif);} .features-tabs .tabs .ui-tabs-selected a span {background-image:url(/content/images/site/features_tab_on_right.gif);} .features-tabs ul {list-style:none;} .features-tabs .content {padding:5px;} .features-tabs .content a {text-decoration:none;display:block;padding:0 5px;margin:2px 0;line-height:21px;} .features-tabs .content a:hover {background:#e5e5de;} .features-tabs .content .hover {background:#e5e5de;} .height277 {height:277px;} .height290 {height:293px;} .height203 {height:203px;} /* 5c Downloads Component */ .component_downloads ul li { font-weight:normal; list-style-type: none; /* padding-left: 28px; */ padding:12px 0 12px 42px; background: url("/content/images/site/icons/Brochure_DL.gif") 10px center no-repeat; } .component_downloads ul li.wallpaper { background-image: url("/content/images/site/icons/Image_sm.gif"); background-position:0 center !important; } /******************************************* * -component590- * * Overall width is 590px; * * This pod has the border * *******************************************/ .component590 {display:inline; width:590px; position:relative; margin:20px 0 0px 0; clear:both;} .non-clear {clear:none;} /*Very top area. It doesnt actually get a title until the H1 gets a class*/ .component590 .title{width:590px;background-image:url(/content/images/site/pod590_title_bg.jpg);} .component590 .title h1{padding-top:18px;} .component590 .top_links {line-height:60px;} .component590 .videolink {padding-top:30px;} .component590 .border-content {position:relative;height:186px;width:573px;padding-right:15px;} .component590 .border-content p {font-size:11px;} .component590 .border-content .right-column{display:inline;float:left;padding-top:12px;padding-left:17px;width:263px;font-weight:bold;} .component590 img{float:left;} .component590 p{float:none; padding:5px 0 0; color:#55554b;} .component590 p span {padding-left:7px;font-weight:normal;} .component590 .current_offer{padding-top:20px;} .component590 .mysubaru {height:235px; } .component590 .mysubaru a {padding:0;} .component590 .mypersonal{border-bottom:none; } .component590 .mypersonal a{padding:0;} .component590 .mypersonal .footer{margin:0 -2px 0 -1px;} .component590 .loggedIn_feat{height:235px; } .component590 .loggedIn_feat a{padding:0;} .component590 .media_gallery{height:324px;margin:0 !important ;width:573px;float:left;} .component590 .feat_media_gallery{height:324px;} .component590 .feat_media_gallery .featured_media {float: left; display:inline; width:267px; height:287px; margin-top:10px; margin-left:18px;} .component590 .feat_media_gallery .featured_media .fmedia_top {width:267px; height:5px; background:url(/content/images/site/media_pod_top267.gif) top no-repeat;} .component590 .feat_media_gallery .featured_media .fmedia_bottom {width:267px; height:5px; background:url(/content/images/site/media_pod_bottom267.gif) top no-repeat;} .component590 .feat_media_gallery .featured_media .fmedia_body {width:255px; height:277px; padding:0 5px; border-left:1px solid #BFBFBA; border-right: 1px solid #BFBFBA;} .component590 .feat_media_gallery .featured_media .fmedia_body img {margin-bottom: 20px;} .component590 .feat_media_gallery .featured_media .fmedia_body p {margin:0; padding:0; font-size: 12px;} .component590 .feat_media_gallery .featured_media .fmedia_body p.media_title {font-size: 16px; margin-bottom: 0px; padding-bottom: 3px;} .component590 .feat_media_gallery .featured_media .fmedia_body p.description {margin-bottom: 10px;} .component590 .media_tile {float:left;border:1px #bfbfba solid;border-style:none solid;padding:0 5px;margin:0;width:113px;height:131px;} .component590 .media_tile img {margin-bottom: 10px;} .component590 .media_tile p {margin:0;padding:0;left:0;position:static;font-weight:bold;line-height:15px;} .component590 .media_tile p.media_title {color:#217BB1;} .component590 .media_tile a {margin:0;padding:0;font-size:11px;} .component590 .media_tile_top {width:125px;display:inline;float:left;clear:none;background:url(/content/images/site/media_pod_top.jpg) top no-repeat;padding-top:5px;margin:10px 0 0 18px;} .component590 .media_tile_bottom {float:left;width:125px;background:url(/content/images/site/media_pod_bottom.jpg) bottom no-repeat;padding-bottom:5px;} .component590 .feat_article {min-height: 215px; height:auto; } .component590 .feat_article .top {font-size:15px;} .component590 .feat_article p {font-size:11px;} .component590 .feat_article .component_button {position:absolute;bottom:12px;left:296px;} .component590 .feat_article a {padding:0;} .component590 .footer{float:left;background-image:url(/content/images/site/pod590_bottom.jpg); background-position:0 0; background-repeat:no-repeat; height:21px; width:565px;padding:9px 15px 3px 10px;} .component590 .footer a{float:left;text-decoration:none;background: url(/content/images/pod_bottom_btn_left.jpg left top no-repeat;padding:0 0 0 7px; font-size:11px);} .component590 .footer a span{float:left;display:block;background:#c7d9e0 url(/content/images/site/pod_bottom_btn_right.jpg) right top no-repeat;padding:1px 10px 3px 2px;margin:0;} /**** Component 7e **************/ .component590 .vehicle_description_7e {width:530px; padding-top:22px; border-top:1px solid #d8d8d8;max-height:92px;} .component590 .vehicle_description_7e:first-child { border-top:none; } .component590 .vehicle_description_7e .vehicleDesc {float:left; width:150px;} .component590 .vehicle_description_7e .vehicleDesc h2{font-size:20px; color:#55554b; font-weight:normal;} .component590 .vehicle_description_7e .vehicleDesc p{font-size:12px;color:#177bb1; font-weight:bold; padding-bottom:10px;} .component590 .vehicle_description_7e img {float:none; margin: -22px 0 0px 0;} .component590 .vehicleDescription{} .component590 .vehicleDescription h2{} .component590 .vehicleDescription p{padding:10px 0px; font-size:14px; color:#55554b;} .component590 .vehicleDescription img{position:absolute; top:0px; left:212px;} .component590 .vehicleDescription .component_button{} .component590 .vehicle_special_offer{margin-bottom:30px; padding-bottom:12px; margin-top:4px;} .component590 .vehicle_special_offer h2{font-size:20px; color:#55554b; font-weight:bold; padding-top:6px;} .component590 .vehicle_special_offer h3{font-size:14px; color:#55554b; font-weight:normal;} .component590 .vehicle_special_offer p{font-size:11px; padding:10px 0; padding-right:60px; padding-bottom:0px;} .component590 .vehicle_special_offer .vehicle_button_wrapper{padding-top:8px;} .component590 .vehicle_special_offer .nav-button, .component590 .vehicle_special_offer .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;} .component590 .vehicle_special_offer .nav-button-green {background:url(/content/images/site/button-green-door.gif) no-repeat;} .component590 .vehicle_special_offer .nav-button a, .component590 .vehicle_special_offer .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;} .component590 .vehicle_special_offer .nav-button-green a {background:url(/content/images/site/button-green-right.gif) no-repeat top right;} .component590 .vehicle_special_offer .nav-button a:hover, .component590 .vehicle_special_offer .nav-button-green a:hover {color:#ffffff;text-decoration:none;} .models-main-text h2 {color:#55554b; font-weight: normal; font-size: 20px;} .models-vehicleDescription h2{color:#55554b; font-weight: normal; font-size: 20px;} .models-vehicleDescription p{color: #177BB1; font-size: 12px; font-weight: bold; padding-bottom: 10px;} .models-vehicleDescription img{} .component590 .models ul {margin:7px 0 9px 0; color:#55554b; font-size:10px;} .component590 .models li {font-weight:normal; list-style-type: none; padding-left: 10px; background: url(/content/images/site/listStyle_hyphen.jpg) left center no-repeat; } .models-line {position: relative; left: 45px; margin: 20px 0; border-bottom: 1px solid #D8D8D8; width: 855px; float: left; clear: left;} a.brochure-pdf { float: left; display: block; font-weight:normal; padding:12px 29px; background: url("/content/images/site/icons/Brochure_DL.gif") left 5px no-repeat; } .component590 .trim-detail {margin-top: 40px;} /******************************************* * -component590_flat- * Overall width is 590px; * This pod has a flat background, * used for packages and specs *******************************************/ .component590_flat {width:590px;position:relative;color:#55554b; margin-bottom:0;} .component590_flat .title {height:37px;min-height:37px;width:590px;background:#e5e5de url(/content/images/site/pod590_flat_title_bg.gif) 0 0 no-repeat;} .component590_flat .title .top_links {line-height:37px;} .component590_flat h2 {width:160px;padding:11px 0 0 13px;font-weight:normal;font-size:14px;color:#55554b; float:left;} .component590_flat h2.second-column {} .component590_flat .content {padding-bottom:20px; float:left;} .component590_flat .content .component_row {float:left;padding-top:19px;} .component590_flat .content img {float:left;clear:none;height:102px;} .component590_flat .content strong {display:block;} .component590_flat .content .component_content {font-size:12px;line-height:18px;width:403px;display:block;float:left;padding-left:15px;margin-top:-5px;} .component590_flat .content p {padding:0;margin:0 0 5px;} .component590_flat .content .acc_disclaimer{font-size: 9px; padding-left: 12px;} /* two column articles */ .component590_flat h1 {padding-left:0;} .component590_flat .tcArticle {display:inline;float:left; width:590px; background:none; border:none; height:auto; padding-bottom:0;} .component590_flat .tcArticle p {padding:0; left:0;} .component590_flat .tcArticle_pod {float:left; margin-bottom:20px;} .component590_flat .tcArticle_pod img {float:left; height:auto; margin-right:17px;} .component590_flat .tcArticle_pod ul {padding-bottom:10px;} .component590_flat .tcArticle_pod .compareplans {width:585px;} .component590_flat .tcArticle_pod .compareplans th {font-weight:bold; text-align:left;} .component590_flat .tcArticle_pod .compareplans .column1 {width:160px; padding:2px 10px 2px 2px; text-align:left;} .component590_flat .tcArticle_pod .compareplans .column2 {width:300px; padding:2px; text-align:left;} .component590_flat .tcArticle_pod .compareplans .column3 {width:185px; padding:2px 2px 2px 2px; text-align:left;} .component590_flat .tcArticle_pod .compareplans td {text-align:left; padding:1px 2px 1px 2px;} .component590_flat .tcArticle_pod .compareplans .bgcolor {background-color:#edede6;} .component590_flat .tcArticle_pod .tcArticle_content.wAuto p.paragraphFix{ clear:both;} .component590_flat .tcArticle_pod .compareservice {width:585px;} .component590_flat .tcArticle_pod .compareservice th {font-weight:bold; text-align:center; padding:2px 0 2px 0;} .component590_flat .tcArticle_pod .compareservice .column1 {width:535px; padding:2px 10px 2px 10px; margin:0 0 0 0; text-align:center;} .component590_flat .tcArticle_pod .compareservice .column2 {width:40px; text-align:center;} .component590_flat .tcArticle_pod .compareservice .column3 {width:40px; padding:2px; text-align:center;} .component590_flat .tcArticle_pod .compareservice td {text-align:left; padding:1px 15px 1px 2px;} .component590_flat .tcArticle_pod .compareservice .bgcolor {background-color:#edede6;} .component590_flat .tcArticle_pod .specifications {width:585px;background:#fff;} .component590_flat .tcArticle_pod .specifications th {padding:20px 10px 10px 10px;text-transform:uppercase; text-align:left;border-bottom:1px solid #797967;} .component590_flat .tcArticle_pod .specifications td {padding:10px 0 0 10px;} .component590_flat .tcArticle_pod .specifications .bgcolor {background-color:#edede6;text-align:left;padding:10px 5px 10px 10px;border-bottom:2px solid #fff;} .component590_flat .tcArticle_pod .specifications td.column1 {color:#55554B;font-size:10px;} .component590_flat .tcArticle_pod .specifications td p {border-top:1px solid #ccc; margin-top:30px;padding-top:10px;color:#55554B;font-size:10px;} .component590_flat .tcArticle_content {float:left; width:385px; margin:0; padding:0;} .component590_flat .wAuto {width:auto;} .component590_flat .tcArticle_pod .wAuto img{margin-right:0; padding-bottom:20px; padding-right:13px;} .component590_flat .tcArticle_content p {padding:0 0 .5em 0; font-weight:normal;} .component590_flat .tcArticle_content p.top {font-size:18px; padding:0 0 9px 0; width:520px;} .component590_flat .tcArticle_pod .tcArticle_content p.top {width:590px;} .component590_flat .tcArticle_pod .tcArticle_content p.event_title {width:400px;} .component590_flat .tcArticle_content p.event_title {font-size:18px; padding:0 0 9px 0; width:520px;} .component590_flat .tcArticle_content h3 {padding-top:13px; padding-bottom: 5px; clear:left;} .component590_flat .tcArticle_content h5 {padding-top:13px;} .component590_flat hr{width:590px; margin-left: 0px;} .component590_flat .tcArticle_top p {width:590px; margin:0; padding:1em 0 1em 0; line-height:1.5em; font-weight:bold;} .component590_flat .tcArticle_top .twoC{font-weight:normal; clear:both; padding:0px; padding-top:2px;} .component590_flat .tcArticle_top h2{font-size:15px; padding:10px 0px 0px 0px;} .component590_flat .tcArticle_top img {width:590px; margin-bottom:15px;} .component590_flat .tcArticle_col1 {float:left; width:282px;} .component590_flat .tcArticle_col2 {float:right; width:282px;} .component590_flat .tcArticle_col1 p, .component590_flat .tcArticle_col2 p {padding:0 0 1em 0; line-height:1.5em;} .component590_flat .tcArticle_col1 img, .component590_flat .tcArticle_col2 img {margin-bottom:1em;} .component590_flat .tcArticle_col2 img.articleChart_bluePrint_subaru {margin-left: -307px; position: relative;} .component590_flat .tcArticle_col2 img.articleChart_versatilewrx_title {margin-top: 323px; margin-left: -310px; position: relative;} .component590_flat .tcArticle_col2 img.articleChart_versatilewrx_subaru {margin-top: 8px; margin-left: -310px; position: relative;} .component590_flat .tcArticle .tcArticle_col2 ul li {margin-bottom: 5px; margin-top: 5px;} .component590_flat .tcArticle .next_button {position:absolute; bottom:14px; left:330px; font-size:11px; font-family:Arial, Helvetica, Verdana, sans-serif;} .component590_flat .tcArticle .next_button a {float:left; color:#177bb1; padding:0 0 0 7px; text-decoration:none; background:url(images/pod_bottom_btn_left.jpg) left top no-repeat;} .component590_flat .tcArticle .next_button a span {float:left; display:block; margin:0; padding:1px 10px 1px 2px; background:#c7d9e0 url(images/pod_bottom_btn_right.jpg) no-repeat right top; color:#177bb1;} .component590_flat .tcArticle .next_button a:hover {text-decoration:none;} .component590_flat .tcArticle .tcArticle_pod .newsList ul{ float:left; width:250px;} /*** Component 7d ***/ .left_side_search{float:left; width:250px; margin:20px 0 0 0; padding-left:13px;} .left_side_searchCPO{float:left; width:250px; margin:68px 0px 0px 11px; padding-left:0px;} .left_side_searchCPO #map-overlay2 .dealer-searchCPO {height: auto;min-height:25px;padding-left:15px !important;width:263px; background-color: transparent;} .left_side_searchCPO .component .titleFindDealer h1 {color:#56564C;font-size:18px;margin-bottom:5px;margin-top:1px;padding-left:21px;} .left_side_searchCPO .dealer-searchCPO input{font-size:10px;height:18px;position:absolute;text-align:left;;top:0;width:192px;} .left_side_searchCPO .dealer-searchCPO .search_button{ left:208px;margin-top:0;position:absolute;height:20px;width:20px;} .left_side_searchCPO #errorMessage{padding:5px 17px 10px 6px} .dealer-search #errorMessage{padding:0 17px 10px 0;float:left;} .left_side_search#left_side_search_wide{width: 280px;} .left_side_search h2{color:#55554B;font-size:20px;font-weight:normal;margin-top:-9px;padding-bottom:6px;padding-left:6px;position:relative;} .left_side_search input{font-size:11px;color:#999999;width:120px;height:13px;margin:0 0 3px 0;float:left;} .left_side_search .search_button{width:17px; height:19px;} .left_side_search .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;} .left_side_search .nav-button-green {background:url(/content/images/site/button-green-door.gif) no-repeat; margin-top:10px; margin-left:19px; display:inline;} .left_side_search .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;} .left_side_search .nav-button-green a {background:url(/content/images/site/button-green-right.gif) no-repeat top right;} .left_side_search .nav-button-green a:hover {color:#ffffff;text-decoration:none;} .left_side_search .search_title{font-size:21px; color:#55554b; font-weight:normal; margin-left:20px; padding-top:10px; width:260px;} .left_side_search .search_description{ font-size:12px;margin-left:20px; width:275px; padding-top:5px;} .left_side_search .search_box{} .left_side_search .search_box_top{ background-image:url(/content/images/site/search_box_top.jpg); background-position:0 0; background-repeat:no-repeat; width:287px; height:15px; } .left_side_search .search_box_content{background-image:url(/content/images/site/search_box_content.jpg); background-position:0 0; background-repeat:repeat-y; width:267px; padding:0 0 0 25px;} .left_side_search .search_box_hr{background-image:url(/content/images/site/search_box_hr.jpg); background-position:0 0; background-repeat:no-repeat; width:287px; height:15px; line-height:0;overflow:hidden; } .left_side_search .search_box_bottom{background-image:url(/content/images/site/search_box_bottom.jpg); background-position:0 0; background-repeat:no-repeat; width:287px; height:15px;} .left_side_search .search_box_content h2{font-size:16px; color:#555555;font-weight:normal; padding-left: 0px; padding-bottom: 0px; margin-top: 0px;} .left_side_search .search_box_content h3{font-size:16px; font-weight:normal; line-height:20px; color:#555555; padding: 4px 0 10px 0;} .left_side_search .search_box_content .search_links{list-style:none;} .left_side_search .search_box_content .search_links a{font-size:11px; text-decoration:none;} .left_side_search .search_box_content .search_links a:hover{text-decoration:underline;} .left_side_search .search_box_content #dealerInfo {margin-top:10px;} .left_side_search .search_box_content #dealerInfo .dealerName {padding-bottom: 5px; font-size: 14px; font-weight: bold;} .left_side_search .search_box_content #dealerInfo .dealerAddress {font-size: 12px;} /********************************************************************************** Blue CPO Search *********************************************************************************/ .cpo_component { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px 10px 10px 10px; border:1px solid #1e257c; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.24, #4C6199),color-stop(0.99, #7C8EB6)); background: -moz-linear-gradient(center bottom,#4C6199 24%,#7C8EB6 99%); background: linear-gradient(#4C6199, #7C8EB6); background: -ms-linear-gradient(#4C6199, #7C8EB6); -pie-background: linear-gradient(#4C6199, #7C8EB6); behavior: url(../../content/css/pie_ie.htc); } .cpo_component h1{padding: 15px 120px 8px 14px; color: #ffffff;} .soa.cpo .cpo_component p {padding: 20px 15px 15px 15px; color: #ffffff; font-size: 13px;} .cpo_component .clear_getBrochure {margin-top:21px; margin-bottom: 12px;} .left_side_searchCPO .map-accordion #dealerList {border-width: 0px;} .left_side_searchCPO #map-overlay2 .dealer-search {border-width: 0px;} .soa.cpo .left_side_searchCPO {margin-top: 30px;} #error_dealerZipSpecialty p {color: #55554B; font-size:12px;} /* Template header (research and reviews) */ .componentHeader900 {width:900px; margin:33px 0 0 25px; padding:0; height:36px; background:#e5e5de url(/content/images/site/bg_component900_header.jpg) top left no-repeat;} .componentHeader900 p {margin:12px 0 0 0; color:#55554b; font-size:14px; font-weight:normal;} .componentHeader900 p.left {float:left; width:292px; margin-left:15px;} .componentHeader900 p.middle {float:left; width:307px; padding-left:4px;} .componentHeader900 p.right {float:left; width:282px;} /* template columns */ .leftCol {width:292px; float:left; margin-left:15px; padding-bottom:60px;} .middleCol {width:307px; float:left; margin-left:0; padding-bottom:60px;} .rightCol {width:282px; float:left; margin-left:0; padding-bottom:60px;} /******************************************* * -table_pod- * * styles for table-based pods * *******************************************/ .table_pod {padding-bottom:20px;} .table_pod table {float:left;} .table_pod th, .table_pod td {text-align:left;vertical-align:middle;} .table_pod td {font-size:11px;line-height:15px;padding:7px 0 7px 10px;} .table_pod .odd td {background-color:#e5e5de;} /* Print / Get PDF icons */ .print_link {background:url(/content/images/site/print_icon.gif) right 0px no-repeat;padding-right:17px;} .pdf_link {background:url(/content/images/site/pdf_icon.gif) right 0px no-repeat;padding-right:19px;} /*Ways to over-ride the pods*/ .auto_height{height:auto;} /********************** * Special Offers * **********************/ .special_offers_img{margin-left:26px;} .template10_right_column{float:right; margin-right:26px; margin-bottom:30px;} .vehicle_special_offer .bubblehover p{font-size:12px; color:#FFF; padding:0px 20px 10px 22px; position:top;} .vehicle_special_offer .bubblehover {position:relative; text-align:left; width:240px; height:auto;/*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/} .vehicle_special_offer .bubblehover {} .vehicle_special_offer .bubblehover a {display:block; font-weight: bold; font-size:12px; color:#177bb1;} .vehicle_special_offer .bubblehover span{width:530px; height:auto; z-index: 9999; display: none; position: absolute; bottom:15px; background:#232323; } /*.vehicle_special_offer .bubblehover .bubblehoverimage{ background:url(/content/images/site/bubblehover_downarrow.gif) 0 0 no-repeat; position:bottom;}*/ /*background:url(/content/images/site/bubblehover_downarrow.gif) 0 0 no-repeat; position:bottom; margin-bottom:9px;*/ .vehicle_special_offer .bubblehover p .close{float:right; color:#FFF; padding:10px 4px 10px 0;} .vehicle_special_offer .bubblehover hr{width:486px; border:1px solid #FFF; height:1px; background-color:#FFF; color:#FFF; padding:0 20px 0 20px;} /********************** * BLUETOOTH * **********************/ .bluetooth{margin-left:28px; color:#55554b; font-size:11px;} .bluetooth h2{font-size:20px; margin-bottom:5px;} .bluetooth .bluetooth_questions{float:left; width:595px; margin-bottom:25px;} .bluetooth .component282_noborder {margin-top:0;} .bluetooth .bluetooth_questions .blue_tooth_faq{ list-style:none; margin-top:16px;} .bluetooth .bluetooth_questions .blue_tooth_faq li{} .bluetooth .bluetooth_questions .blue_tooth_faq .question{font-weight:bold; margin-bottom:5px;} .bluetooth .bluetooth_questions .blue_tooth_faq .answer{font-weight:normal; margin-bottom:20px;} .bluetooth .contact{} /********************** * Rounded Corners * **********************/ /*bl = bottom left br = bottom right*/ /* corner images are 10x10 */ .bl, .br {position:absolute; width:9px; height:9px; display:block; margin-bottom:-1px;/* margin-bottom is for IE */} /* change position and image: bottom-left */ .bl {background-image:url(/content/images/site/bl.jpg);background-repeat:no-repeat; bottom:1px; left:26px; /*components have left-padding:26px;*/} /* change position and image: bottom-right */ .br {background:transparent url(/content/images/site/br.jpg) no-repeat; bottom:1px; right:1px;/*components have right-padding:1px;*/ } .corner_bot_rt,.corner_bot_lt {background:url(/content/images/site/corner_wht_BotRt.gif) 0 0 no-repeat; position:absolute;display:block; height:6px; width:6px; bottom:-1px; right:-1px;} .corner_bot_lt {background-image:url(/content/images/site/corner_wht_BotLt.gif); left:-1px;} .corner_bottom590 {background:url(/content/images/site/corners_wht_590.gif) 0 0 no-repeat;margin-top:-6px;display:block;height:6px;overflow:hidden;position:relative;float:left;width:590px;} .tab_home_left{ float:left;display:inline;float:left;width:620px;min-height:1150px;} /***SPT Nav, also used by rally ****************/ #spt-navA {background:#ffffff url(/content/images/site/spt-wrx-threeq-rear.jpg) 90px 30px no-repeat;} /*.sub-page-nav li p.first {border-top:none; font-weight:bold; padding:10px 0 10px 0;}*/ .sub-page-nav {width:282px;padding:20px 25px 0;margin:0;position:static;} .sub-page-nav .title {background:url(/content/images/site/spt-title.gif) top left no-repeat;} .sub-page-nav .title h1 {visibility:hidden} .sub-page-nav .content {position:relative;padding-right:1px;padding-bottom:10px;} .sub-page-nav ul {list-style:none;list-style-image:none;list-style-type:none;display:block;margin:0 0 0 0;padding:2px 11px 5px;border:1px solid black;border-style:none solid;background-color:#efefef;} .sub-page-nav li {display:inline;} .sub-page-nav li a {border-top:1px solid #e3e3e3;border-bottom:1px solid #dcdcdc;display:block;line-height:25px;margin:0;} .sub-page-nav li.selected a {color:#55554b;font-weight:bold;} .sub-page-nav li a.first {border-top:none;} .sub-page-nav li a.last {border-bottom:none; height:20px;} .sub-page-nav .search_btm {height:40px; background:url(/content/images/site/spt-nav-base-search.gif) bottom left no-repeat;} .sub-page-nav .search_btm .search_content {padding:8px 12px 0 10px; width:260px;} .sub-page-nav .search_btm input{font-size:11px;color:#999999;width:100px;height:13px;float:left; margin-top:3px;} .sub-page-nav .search_btm .search_button {width:17px; height:19px; padding:0 10px 0 0; margin-top:2px;} .sub-page-nav .search_btm p {display:inline; font-size:11px; line-height:12px; width:100px;} .sub-page-nav .search_btm img {display:block; float:right; margin:-22px 0 0 0;} /***SPT Table ****************/ .spt-table {width:900px;padding:0 26px 10px;background:url(/content/images/site/bg_formCont900_footer.jpg) 26px bottom no-repeat;} .spt-table .title {background:#DCDDD4 url(/content/images/site/bg_formCont900_header.jpg) no-repeat left top;} .spt-table .filters {vertical-align:middle;float:right;clear:none;margin:20px;} .spt-table .filters span {margin:0 6px 0 15px;} .spt-table .filters option {color:#177bb1;} .spt-table .filters select {color:#177bb1;} .spt-table .spt-table-content {border:1px solid #d5d5d4;border-style:none solid;padding:0 19px;} .spt-table table {width:100%;float:none;} .spt-table table td {border-top:1px solid #d5d5d4;padding:3px 0;} .spt-table table th {font-size:14px;font-weight:normal;color:#666666;padding:7px 0;} /******************************* * Components 9a, 9b, 9c * * MySubaru / Coupons * *******************************/ .component9a{width:282px;font-size:12px; color:#177bb1;; margin-top:0;} .component9a ul{ list-style:none; padding:0px 10px 5px 10px;} .component9a ul li{padding-left:4px; line-height:20px;} .component9a ul li:hover{background-color:#e5e5de; color:#55554b;} .component9a ul li a{} .component9a ul li a:hover{text-decoration:none;} .component9a ul .title_9a{font-weight:bold;} .component9a ul .sep_above{border-top:1px solid #d8d8d8;} .component9a .comp9a_top{background-image:url(/content/images/site/comp9a_top.jpg); background-position:0 0; background-repeat:no-repeat; height:9px;} .component9a .comp9a_content{background-color:#F7F8F3; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;} .component9a .comp9a_bottom{background-image:url(/content/images/site/comp9a_btm.jpg);background-position:0 0; background-repeat:no-repeat; height:9px;} /*********************************** * COUPONS ***********************************/ /*.disclaimer {font-size:80%;}*/ .component .coupon {display:block;padding-top:6px;background:url(/content/images/site/a_coupon-top.jpg); background-repeat:no-repeat;line-height:18px;} .component .coupon-bottom {display:block;height:6px;overflow:hidden;line-height:6px;background:url(/content/images/site/a_coupon-bottom.jpg);background-repeat:no-repeat;} .component .coupon .print-button {display:block;float:right;padding-top:0px; background: url(/content/images/site/icons/Print_aa.gif) no-repeat 0 0; right:30px;} .component .coupon .print-button .component_button {width:100%;padding:0 !important; margin-bottom:0px;} .component .coupon .print-button .component_button a {width:100%;padding:0 !important;background:none;text-align:left;line-height:23px;color:#217bb1;line-height:23px; margin-left:21px;} .component .coupon .print-button .component_button span {width:100%;padding:0 !important;background:none;font-weight:bold !important;height:23px;line-height:22px; top:-3px; position:relative; font-weight:normal;} .component .coupon .content {float:none; padding:10px 28px 18px; background: url(/content/images/site/a_coupon-content.jpg) repeat-y 0 0;} .component .coupon .content p {margin:8px 0 0;} .component .coupon .content h4 {margin:8px 0;font-size:14px} .component .coupon .content ul {padding:2px 0 2px 15px;} .component .coupon .coupon_instructions{} .component .coupon .coupon_instructions h2{float:none; width:100%; font-weight:bold;} .component .coupon .coupon_instructions p{margin:8px 0 0 13px;} .component .coupon #spinner_gif{float:none;} #spinner_img{height:50px;} .coupon_error{display:none;} .coupon_container{float:left; width:600px; margin-bottom:30px;} .coupon_title{padding-left:26px;} .right_side_coupon{float:right; margin-right:26px; margin-top:-26px;} /********************* * Component 2d * *********************/ .component_2d{color:#55554b; width:590px; margin-top:18px;} .component_2d h2{font-size:15px; font-weight:normal; margin:0; padding:0;} .component_2d h3{font-size:12px; font-weight:bold; padding-top:20px;} .component_2d p{font-size:12px; padding-top:10px;} .component_2d img{width:590px;} /********************* * Component 5b * *********************/ .component_5b{width:282px; font-size:12px; } .component_5b .component_5b_top{ background-image:url(/content/images/site/comp5b_top.gif); height:6px; background-position:0 0; background-repeat:no-repeat;} /*Drive & Drive Performace nav*/ .drive-nav .component_5b_top{ background-image:url(/content/images/site/comp5b_drive_top.gif); height:60px;} .drive-perf-nav .component_5b_top{ background-image:url(/content/images/site/comp5b_drive_perf_top.gif); height:60px;} .component_5b .component_5b_content{background-color:#edede6; border-right:1px solid #99cee3; border-left:1px solid #99cee3;} .component_5b .component_5b_bottom{ background-image:url(/content/images/site/comp5b_bottom.gif); height:6px; background-position:0 0; background-repeat:no-repeat;} .component_5b h2{font-size:15px; color:#55554b; line-height:60px; margin-left:10px;} .drive-nav h2, .drive-perf-nav h2 {display:none;} .component_5b ul{ list-style:none; padding-left:10px;} .component_5b ul li{line-height:28px; border-top:1px solid #99cee3;} .component_5b ul li:first-child{border-top:none;} .component_5b ul li a{color:#177bb1;; text-decoration:none;} .component_5b ul li a:hover{} .component_5b .info_feature{padding:18px 10px 26px 10px; color:#177bb1;} .component_5b .info_feature h2{margin:0; font-size:15px; line-height:28px;} .component_5b .info_feature h3{} .component_5b .info_feature p{color:#55554b;} /************************* * SPT * *************************/ .component_2d_1{float:left;padding-left:26px;padding-right:1px;margin:20px 0 0 0;} .component_2d_1 .component590_flat h1{font-weight:normal;font-size:20px;color:#55554b;} .component_2d_1 .component590_flat p {font-size:12px; line-height:16px;} .component590 .1d_spt {padding:20px 0 20px 0; margin-top:20px;} .sptwindowsticker#hoverThis {position:absolute; top:0; right:50%; margin-top:43px; margin-right:-445px;} .sptwindowsticker {float:right;} /********************* * Component 3b * *********************/ .component282_noborder#cpooffers h1{width: 280px;} .component282_noborder#cpooffers h1 span{font-size:12px; vertical-align:top;} /******************************** * Component 2d_1_cpooffers * *********************************/ .component .component590_flat#cposearch{display:inline; position:relative; margin:-244px 0 0 0; padding:-144px 0 0 0;} /*********************************** * Component 2d_1 SPT * *********************************/ /*.component#spt_offers .component590_flat{margin:-17px 0 0 0;}*/ /**************************** ClueTip Styling *****************************/ /*#cluetip-outer {overflow:hidden;}*/ #cluetip-close img { border: 0;} #cluetip-title {overflow: hidden;} #cluetip-title #cluetip-close {float: right; position: relative;} #cluetip-waitimage {width: 43px; height: 11px; position: absolute;} .cluetip-arrows {display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0;} #cluetip-extra {display: none;} /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip {background-color: transparent;} .cluetip-jtip #cluetip-outer {border: 1px solid #ccc; position: relative; background-color: #fff;} .cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333;} .cluetip-jtip #cluetip-inner {padding: 0 5px 5px; display: inline-block;} .cluetip-jtip div#cluetip-close {text-align: right; margin: 0 5px 5px; color: #900;} /* jtip arrows */ .clue-right-jtip .cluetip-arrows {background-image: url(/content/images/site/arrowleft.gif);} .clue-left-jtip .cluetip-arrows {background-image: url(/content/images/site/arrowright.gif); left: 100%; margin-right: -11px;} .clue-top-jtip .cluetip-arrows {width: 22px; height: 11px; margin-left: -11px; left: 50%; top: 100%; background-image: url(/content/images/site/arrowdown.gif);} .clue-bottom-jtip .cluetip-arrows {width: 22px; height: 11px; margin-left: -11px; left: 50%; top: -11px; background-image: url(/content/images/site/arrowup.gif);} /* spt performance parts */ #cluetip-inner img {margin-bottom: 10px;} #cluetip-inner p { font-size: 12px; font-weight: normal; width:100%;} #cluetip-inner a, #cluetip-close a {text-decoration: none;} #cluetip-inner a:hover {text-decoration: underline;} /********************* * Component 3b * *********************/ .right .component282_noborder#cpooffers{background: url(/content/images/site/cpo_carfax_box.jpg) no-repeat scroll 0 0;display:block; float:left; margin: 13px 0px 0px 22px;height:305px;width:283px;} .right .component282_noborder#cpooffers .title h1{left:22px;width:225px;padding-top:15px;padding-bottom:32px; position: relative;line-height:22px;} .right .component282_noborder#cpooffers .drive_story_preview{margin-left:22px;} /********************* * Component 7d * *********************/ .left_side_search#cposearch{display:block; float:left; margin:40px 0 0 0; padding-left:22px; font-size:11px;} .left_side_search#cposearch h3{font-size:16px; font-weight:bold; color:#606163; line-height:20px; color:#606163; padding: 4px 0 2px 0;} .left_side_search#cposearch .search_box_top{ background-image:url(/content/images/site/search_box_top.jpg); background-position:0 0; background-repeat:no-repeat; width:290px; height:15px; } .left_side_search#cposearch .search_box_bottom{background-image:url(/content/images/site/search_box_bottom.jpg); background-position:0 0; background-repeat:no-repeat; width:290px; height:15px;} .left_side_search#cposearch .search_box_content{background-image:url(/content/images/site/search_box_content.jpg); background-position:0 0; background-repeat:repeat-y; width:267px; padding:0 25px 0 25px;} .left_side_search#cposearch .search_box_content p{font-size:12px; color:#555555;font-weight:normal; padding: 0 0 10px 0; margin: 0 20px 0 0;} .left_side_search#sptsearch{float:left; margin:10px 37px 0 0; padding:10px 0 0 22px;} .left_side_search#sptsearch h3{font-size:16px; font-weight:bold; color:#606163; line-height:20px; color:#606163; padding: 4px 0 2px 0;} .left_side_search#sptsearch .search_box_content{background-image:url(/content/images/site/search_box_content.jpg); background-position:0 0; background-repeat:repeat-y; width:267px; padding:0 25px 0 25px;} .left_side_search#sptsearch .search_box_content p{font-size:12px; color:#555555;font-weight:normal; padding: 0 0 10px 0; margin: 0 20px 0 0;} /******************************** * Component 2d_1_cpooffers * *********************************/ .right #cpo_offers {float:left; margin:22px 0px 0px 0px;} .right #cpooffers .component_button a {float: right;margin-right:20px;margin-top:15px;} .right #cpooffers.component282_noborder .drive_story_preview p{margin-top: 22px;} /******************/ /*.component590_flat .sptindex {width:585px; float:right;}*/ /**************************** Template Placeholders *****************************/ .placeholder282 {width:282px; padding:20px 0 0 0; margin:20px 0 5px 26px; border:1px solid #ff0000; text-align:center; font-weight:bold; font-size:1.7em;} .placeholder590 {width:590px; padding:20px 0 0 0; margin:20px 0 30px 26px; border:1px solid #ff0000; text-align:center; font-weight:bold; font-size:1.7em;} .placeholder_formCont900 {float: left; width:900px; margin:33px 0 0 25px; padding:0; border: 1px solid #ff0000; text-align:center; font-weight:bold; font-size:1.7em;} .placeholder_fc590 {width:590px; border: 1px solid #ff0000; text-align:center; font-weight:bold; font-size:1.7em;} .placeholder_fc282 {width:282px; border: 1px solid #ff0000; text-align:center; font-weight:bold; font-size:1.7em;} .pBt20 {padding-bottom:20px;} .mBt33 {padding-bottom:33px;} .mBt0 {margin-bottom:0px;} .mLt20 {margin-left:23px;} .ht100 {height:100px;} .ht250 {height:250px;} .ht275 {height:275px;} .ht390 {height:390px;} .ht430 {height:430px;} .ht500 {height:500px;} .ht650 {height:650px;} .w590 {width:590px;} .component590_flat .tcArticle_pod .colorGreen{color:green} /******************************** * Component gtp_calculator_n * *********************************/ .gtp_pod_290{float:left; width:290px;} .gtp_pod_top{float:left; width:290px; height:11px; background:url(/content/images/site/gtp_pod_top.png) no-repeat 0 0;} .gtp_pod_290 .gtp_pod_content{float:left; text-align:center; width:243px; padding:13px 26px 13px 21px; background:url(/content/images/site/gtp_pod_bck.png) repeat-y;} .gtp_pod_290 .gtp_pod_content h1, .gtp_pod_290 .gtp_pod_content h3{font:bold 18px Arial, Helvetica, sans-serif; color:#56564c; text-align:left;} .gtp_pod_290 .gtp_pod_content h3{font-size:12px; padding-bottom:5px;} .gtp_pod_290 .gtp_pod_content p{font:11px Arial, Helvetica, sans-serif; color:#56564c;text-align:left;} .gtp_pod_290 .gtp_pod_content .hr{float:left; width:243px; height:1px; margin:8px 0; background-color:#cacac8; line-height:0; font-size:0; border:none;} .gtp_pod_290 .gtp_pod_content .gtpError img{float:left; margin:10px 10px 30px 0;} .gtp_pod_290 .gtp_pod_content form label{display:none;} .gtp_pod_290 .gtp_pod_content form #vin {width:239px; height:20px; border:1px solid #40609f; text-align:center; font: 12px Arial, Helvetica, sans-serif; color:#888881; margin:16px 0; } .gtp_pod_290 .gtp_pod_content .gtp_cluetip200{float:left; font:10px/19px Arial, Helvetica, sans-serif; color:#40609f; text-decoration:none;} .gtp_pod_290 .gtp_pod_content .gtp_submit_button{float:right; padding:0 0 0 2px; height:19px; background:url(/content/images/site/gtp_submit_left.png) no-repeat left top;} .gtp_pod_290 .gtp_pod_content #getGtpInfo .gtp_submit_button a{float:left; height:19px; padding:0 10px; background:url(/content/images/site/gtp_submit_bck.png) repeat-x 0 0; font:11px/19px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center;} .gtp_pod_290 .gtp_pod_content .gtpSuccess .gtp_submit_button a{float:left; height:19px; padding:0 10px; background:url(/content/images/site/gtp_submit_bck.png) repeat-x 0 0; font:11px/19px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center; width:127px;} .gtp_pod_290 .gtp_pod_content .gtp_submit_button .gtp_submit_button_right{float:left; width:2px; height:19px; background:url(/content/images/site/gtp_submit_right.png) no-repeat 0 0;} .gtp_pod_290 .gtp_pod_content .gtpSuccess strong{float:left; padding:0 0 7px 0; font-size:1.3em;} .gtp_pod_290 .gtp_pod_content .gtpSuccess .vinHelp{float:left; padding:5px 0 10px 0; clear:left;} .gtp_pod_290 .gtp_pod_content .gtpValue{font-size:1.6em;} .gtp_pod_290 .gtp_pod_content .gtpSuccess .gtp_submit_button{float:left; clear:both; width:149px;} .gtp_pod_290 .gtp_pod_content #getGtpInfo .gtp_submit_button{float:left; margin-left:10px;} .gtp_pod_290 .gtp_pod_content .gtpSuccess .gtp_showForm{float:left; width:150px; font:10px/19px Arial, Helvetica, sans-serif; color:#40609f; text-decoration:none; clear:both;} .gtp_pod_290 .gtp_pod_bottom{float:left; width:290px; height:17px; background:url(/content/images/site/gtp_pod_bottom.png) no-repeat 0 0;} /******************************************************** Why Subaru ********************************************************/ .component282_noborder .ratingsReviews {padding-bottom:10px; margin-bottom:10px; font-size:10px;} .component282_noborder div.more_links {margin:0; padding:0; padding-bottom:45px;} .component282_noborder .rightcolum_header_nolink_noborder .more_links p {float:left; margin:0; padding:0 5px 0 0; font-weight:bold;} .component282_noborder .more_links p a {font-weight:bolder;} .component282_noborder .rightcolum_header_nolink_noborder h2{padding-bottom:5px;} .component282_noborder .rightcolum_header_nolink_noborder .more_links a {float:left; margin:0; padding:0 5px 0 0; font-weight:bold; color:#40609F;} .component282_noborder .ratingsReviews .more_links img {float:left; margin-top:-3px;} .soa .component_3b_blue p {padding-top: 5px; margin:0; padding-bottom:10px; line-height: 18px!important;}