body#start {color: #212121} body#start #breadcrumbs {display: none} body#start .ad-content {padding: 4px} body#start #content {background: transparent url('/images/homepage/petition_teaser.png') no-repeat 0 0; margin-top: -20px} body#start #content h3 {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; font-size: 14px; font-weight: bold; color: black; background: transparent; margin: 0 0 10px} body#start #content img {vertical-align: bottom} body#start #content a:link , body#start #content a:visited {text-decoration: underline} body#start #content a:hover , body#start #content a:focus , body#start #content a:active {text-decoration: none} body#start #content a:active {outline: 0 none} body#start #content #teaser-box {position: relative; margin: 10px 0 20px; height: 285px} body#start #content #teaser-box h1 {position: absolute; top: 14px; left: 104px; margin-bottom: 0px; color: #156085 !important; font-size: 26px} body#start #content #teaser-box h1 span {font-weight: normal; font-size: 16px; display: block} body#start #content #teaser-box a#show-video {position: absolute; top: 20px; right: 0px; font-size: 12px; font-weight: bold; font-weight-text-align: center; color: black; background: transparent url('/images/homepage/video_play.gif') no-repeat 50% 0; width: 80px; padding-top: 30px} body#start #content #teaser-box #petition-step-1 {position: absolute; left: 90px; top: 240px} body#start #content #teaser-box #petition-step-1 ol {display: inline-block} body#start #content #teaser-box #petition-step-1 ol:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html body#start #content #teaser-box #petition-step-1 ol {height: 1px; zoom: 1} body#start #content #teaser-box #petition-step-1 ol {display: block} body#start #content #teaser-box #petition-step-1 ol li {float: left; display: inline !important; margin-right: 18px; font-size: 12px; list-style: none} body#start #content #teaser-box #petition-step-1 ol li.button {margin-left: 0px; margin-top: 3px} body#start #content #teaser-box #petition-step-1 ol li h6 {color: #156085; font-size: 13px; font-weight: bold; margin-bottom: 3px} body#start #content #teaser-box #petition-step-1 ol li input {width: 13px; height: 13px; padding: 0; margin: 0; vertical-align: bottom; position: relative; top: -1px} body#start #content #teaser-box #petition-step-1 ol li button {cursor: pointer; background: transparent url('/images/homepage/start_petition.png') no-repeat 0 0; height: 33px; border: 0 none; padding: 0; width: 150px} body#start #content #teaser-box #petition-step-1 ol li button span {display: none} body#start #content #offer-search-box {float: left; display: inline !important; color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; width: 530px; height: 198px; overflow: hidden; margin: 0 10px 25px 0; padding: 10px; color: black; background: #f4f4f4} body#start #content #offer-search-box #offer-search-tabs {float: left; display: inline !important; width: 350px} body#start #content #offer-search-box #offer-search-tabs .ui-widget-content {background: none} body#start #content #offer-search-box #search-tab {height: 140px; overflow: hidden} body#start #content #offer-search-box #offer-tab {height: 140px; overflow: hidden} body#start #content #offer-search-box form {position: relative; width: 330px; height: 140px} body#start #content #offer-search-box form ol {list-style: none} body#start #content #offer-search-box form li {position: absolute} body#start #content #offer-search-box form li input {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; height: 13px} body#start #content #offer-search-box form li.qs-brand , body#start #content #offer-search-box form li#o-brand {top: 0; left: 0} body#start #content #offer-search-box form li.qs-brand select, body#start #content #offer-search-box form li#o-brand select {width: 155px} body#start #content #offer-search-box form li.qs-model , body#start #content #offer-search-box form li#o-model {top: 50px; left: 0} body#start #content #offer-search-box form li.qs-model select, body#start #content #offer-search-box form li#o-model select {width: 155px} body#start #content #offer-search-box form li.qs-price {top: 100px; left: 0} body#start #content #offer-search-box form li.qs-price select {width: 70px} body#start #content #offer-search-box form li.qs-mileage {top: 100px; left: 85px} body#start #content #offer-search-box form li.qs-mileage select {width: 70px} body#start #content #offer-search-box form li.qs-registration {top: 0; left: 175px} body#start #content #offer-search-box form li.qs-registration select {width: 70px} body#start #content #offer-search-box form li#o-registration-month {top: 100px; left: 0} body#start #content #offer-search-box form li#o-registration-month select {width: 70px} body#start #content #offer-search-box form li#o-registration-year {top: 100px; left: 80px} body#start #content #offer-search-box form li#o-registration-year input {margin: 2px 0; width: 70px} body#start #content #offer-search-box form li.qs-fuel {top: 0; left: 260px} body#start #content #offer-search-box form li.qs-fuel select {width: 70px} body#start #content #offer-search-box form li.qs-zip {top: 50px; left: 175px} body#start #content #offer-search-box form li.qs-zip input {width: 70px} body#start #content #offer-search-box form li.qs-radius {top: 50px; left: 260px} body#start #content #offer-search-box form li.qs-radius select {width: 70px} body#start #content #offer-search-box form label {display: block; font-weight: bold; color: #156085; background: transparent} body#start #content #offer-search-box form button {cursor: pointer; position: absolute; top: 105px; height: 33px; border: 0 none; padding: 0} body#start #content #offer-search-box form button span {display: none} body#start #content #offer-search-box form a {position: absolute; top: 115px; left: 175px; font-size: 11px; font-style: italic} body#start #content #offer-search-box form .separator {position: absolute; top: 0; left: 165px; height: 140px; border-left-width: 1px; border-left-style: dotted; border-left-color: #d9d9d9} body#start #content #offer-search-box form .separator hr {display: none} body#start #content #offer-search-box form#quicksearch {height: 140px; overflow: hidden} body#start #content #offer-search-box form#quicksearch button {left: 238px; width: 92px; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat -240px 0} body#start #content #offer-search-box form#offering {height: 140px; overflow: hidden} body#start #content #offer-search-box form#offering button {left: 218px; width: 112px; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat -335px 0} body#start #content #offer-search-box #offer-teaser {float: left; display: inline !important; width: 170px; height: 150px; padding: 33px 0 0} body#start #content #offer-search-box #offer-teaser h3 a {color: black; background: transparent; text-decoration: none} body#start #content #offer-search-box #offer-teaser ul li {margin: 0 0 5px; padding: 0 0 0 20px; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat -435px -100px} body#start #content #offer-search-box #offer-teaser p a {text-indent: -1000em; overflow: hidden; display: block; margin: 10px auto; width: 112px; height: 20px; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat 0 -40px} body#start #content #offer-search-box #offer-teaser #star-text {text-indent: -1000em; overflow: hidden; width: 166px; height: 17px; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat -165px -40px} body#start #content #ad-box {float: left; display: inline !important; color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; width: 300px; height: 250px; margin: 0 10px 25px 0} body#start #content #quickstart-box {float: left; display: inline !important; margin: 0 0 15px; padding: 4px; border-width: 1px; border-style: solid; border-color: #d9d9d9} body#start #content #quickstart-box .inner-box {color: black; background: #f4f4f4; border: 0 none; padding: 10px} body#start #content #quickstart-box #quickstart-bodytypes {float: left; display: inline !important; margin: 10px 0 0; width: 280px; border-right-width: 1px; border-right-style: dotted; border-right-color: #9f9f9f} body#start #content #quickstart-box #quickstart-bodytypes {display: inline-block} body#start #content #quickstart-box #quickstart-bodytypes:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html body#start #content #quickstart-box #quickstart-bodytypes {height: 1px; zoom: 1} body#start #content #quickstart-box #quickstart-bodytypes {display: block} body#start #content #quickstart-box #quickstart-bodytypes ul {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif} body#start #content #quickstart-box #quickstart-bodytypes ul li {float: left; display: inline !important; width: 130px; height: 18px; line-height: 18px; margin: 0 10px 5px -13px; padding: 0 0 0 13px} body#start #content #quickstart-box #quickstart-bodytypes ul a {display: -moz-inline-box; display: inline-block; height: 18px; line-height: 18px; padding: 0 6px 0 0; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat 100% -123px; text-decoration: none} body#start #content #quickstart-box #quickstart-bodytypes ul a span {display: -moz-inline-box; display: inline-block; padding: 0 0 0 40px; text-decoration: underline; cursor: pointer} body#start #content #quickstart-box #quickstart-bodytypes ul a:hover span , body#start #content #quickstart-box #quickstart-bodytypes ul a:focus span {text-decoration: none} body#start #content #quickstart-box #quickstart-searches {float: left; display: inline !important; margin: 10px 0 0; padding: 0 0 0 25px; width: 144px} body#start #content #quickstart-box #quickstart-searches ul {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif} body#start #content #quickstart-box #quickstart-searches ul li {color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat 0 -130px; margin: 0 0 5px; padding: 0 0 0 10px} body#start #content #quickstart-box #quickstart-searches ul a {padding: 0 6px 0 0; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat 100% -125px} body#start #content #quickstart-box #quickstart-brands {clear: both; padding: 20px 0 0} body#start #content #quickstart-box #quickstart-brands ul {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif} body#start #content #quickstart-box #quickstart-brands ul {display: inline-block} body#start #content #quickstart-box #quickstart-brands ul:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html body#start #content #quickstart-box #quickstart-brands ul {height: 1px; zoom: 1} body#start #content #quickstart-box #quickstart-brands ul {display: block} body#start #content #quickstart-box #quickstart-brands ul li {display: inline} body#start #content #quickstart-box #quickstart-brands ul a {float: left; display: inline !important; text-indent: -1000em; overflow: hidden; width: 20px; height: 20px; margin: 0 10px 0 0} #quickstart-searched_brands h2 {color: #156085; font-size: 18px; margin-bottom: 15px} #quickstart-searched_brands {display: inline-block} #quickstart-searched_brands:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html #quickstart-searched_brands {height: 1px; zoom: 1} #quickstart-searched_brands {display: block} #quickstart-searched_brands ul {float: left; display: inline !important; display: block; width: 150px; margin: 0; padding: 0; list-style: none} #quickstart-searched_brands ul li {width: 120px; color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; margin: 0; padding: 3px 0 3px 24px} #dealer-video {margin-top: 10px; padding-bottom: 30px; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; height: 205px} #dealer-video .textindicator {margin-left: 142px; margin-top: 70px} #dealer-video {display: inline-block} #dealer-video:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html #dealer-video {height: 1px; zoom: 1} #dealer-video {display: block} #dealer-video h2 {color: #156085; font-size: 18px; margin: 0 0 15px 0} #dealer-video .player {float: left; display: inline !important; margin-right: 15px} #dealer-video .player #flash_player_container {border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0} #dealer-video .dealer_info {float: left; display: inline !important; width: 230px} #dealer-video .dealer_info a {font-size: 12px} #dealer-video .dealer_info ul {margin-bottom: 15px} #dealer-video .dealer_info ul li {padding-bottom: 3px} #dealer-video .dealer_info ul.adress {border-bottom: 1px dotted #e0e0e0; padding-bottom: 10px} #dealer-video .dealer_info ul.adress li {font-size: 12px; padding-bottom: 1px; padding-left: 20px} #dealer-video .dealer_info ul.adress li.title {background: transparent url('/images/homepage/small_icon_dealer.png') no-repeat 0 0; font-weight: bold; line-height: 16px; margin-bottom: 6px} #dealer-video .dealer_info ul.adress li.title img {vertical-align: middle !important} #dealersearch_box {float: left; display: inline !important; width: 550px; margin-top: 10px; margin-right: 10px; background: transparent url('/images/homepage/german_card.png') no-repeat 0 35px; height: 300px} #dealersearch_box h2 {font-size: 18px; color: #156085; margin: 10px 0 15px 0} #dealersearch_box p {font-weight: bold; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0} #dealersearch_box p, #dealersearch_box ul {margin-left: 190px; font-size: 12px} #dealersearch_box p, #dealersearch_box ul {display: inline-block} #dealersearch_box p:after, #dealersearch_box ul:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html #dealersearch_box p, * html #dealersearch_box ul {height: 1px; zoom: 1} #dealersearch_box p, #dealersearch_box ul {display: block} #dealersearch_box p li, #dealersearch_box ul li {float: left; display: inline !important; width: 105px; margin-bottom: 2px} #infotext-box {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif} #infotext-box h1 {color: #156085 !important; font-size: 18px; margin: 25px 0 15px} #infotext-box p {font-size: 12px; line-height: 16px; margin: 0 10px 25px 0} #offers-box {float: left; display: inline !important; color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; width: 220px; margin: 0 0 25px; padding: 10px; color: black; background: #f4f4f4; position: relative} #offers-box h2 {margin: 3px 0 11px; font-size: 18px} #offers-box div.spinner_center {height: 74px; padding: 50px 0 0 4px} #offers-box .offer-image {float: left; display: inline !important; width: 60px; margin: 2px 8px 0 0} #offers-box .offer-details {margin: 0 0 0 75px} #offers-box .offer-title {margin: 0 0 3px 69px; line-height: 1.2; font-size: 12px; font-weight: bold} #offers-box .offer-location {display: block; margin: 0 0 7px 69px} #offers-box .offer-price-old {float: left; display: inline !important; width: 60px; margin: 0 5px 0 0; font-size: 10px} #offers-box .offer-price-advantage {position: relative; float: left; display: inline !important; width: 60px; background: #ffa739; color: #fff; font-weight: bold; text-align: right; padding: 2px; z-index: 2} #offers-box .offer-price-badge {width: 27px; height: 19px; padding-top: 8px; position: absolute; right: 1px; top: 14px; background: transparent url('/images/bg_price_badge_orange_small.gif') no-repeat 0 0; text-align: center; font-size: 10px; font-weight: bold; color: #fff; z-index: 1} #offers-box .offer-price-new {float: left; display: inline !important; width: 60px; text-align: right} #offers-box p a {position: absolute; bottom: 19px; left: 20px; font-size: 11px; font-weight: bold} #offers-box .inner-box {font-size: 11px; line-height: 11px; color: black; background: #fff; padding: 10px 10px 30px !important; width: auto; height: auto; border-width: 1px; border-style: solid; border-color: #d9d9d9} .jcarousel-container-vertical, .jcarousel-item-vertical {position: relative} #petitions-box {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; width: 220px; height: 270px; padding: 10px; color: black; background-color: #e8f1f5; background-image: url('/images/bg_blue_gradient.png'); background-repeat: repeat-x; background-position: bottom; position: relative} #petitions-box p a {position: absolute; bottom: 26px; left: 20px; font-size: 11px; font-weight: bold} #petitions-box .inner-list {font-size: 11px; padding: 0} #petitions-box .inner-list li {padding: 0 0 9px; width: 200px; height: 46px !important; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d9d9d9} #petitions-box .inner-list li {display: inline-block} #petitions-box .inner-list li:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html #petitions-box .inner-list li {height: 1px; zoom: 1} #petitions-box .inner-list li {display: block} #petitions-box .petition-title {margin: 0 0 10px 0; line-height: 1.2; font-size: 12px; font-weight: bold} #petitions-box .petition-duration {float: left; display: inline !important; width: 135px; margin: 0 6px 0 0} #petitions-box .petition-link {float: left; display: inline !important; width: 50px; font-weight: bold} #petitions-box .inner-box {font-size: 11px; line-height: 11px; color: black; background: #fff; padding: 10px 10px 30px !important; width: 200px !important; height: auto; border-width: 1px; border-style: solid; border-color: #d9d9d9} #petitions-box h2 {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; font-size: 18px; font-weight: bold; color: black; background: transparent; margin: 0 0 10px} #petitions-box a:link , #petitions-box a:visited {text-decoration: underline} #petitions-box a:hover , #petitions-box a:focus , #petitions-box a:active {text-decoration: none} #petitions-box a:active {outline: 0 none} .outter-left {float: left; display: inline !important; width: 310px; margin-right: 10px} .outter-left #facebook-stream {margin-top: 15px} .outter-content {float: left; display: inline !important; width: 480px} .required {color: #000; background: none !important; padding-left: 0px !important; font-weight: bold} .ui-widget-overlay {color: #212121; background: black; opacity: .3} .ui-dialog {color: #212121; font: 12px 'Helvetive Neue', Arial, sans-serif; position: relative; overflow: visible !important; padding: 20px; color: black; background: #f4f4f4; border: 6px solid #ccc !important} .ui-dialog .ui-dialog-titlebar {padding: 0; font-size: 20px; color: #212121; background: transparent; border: 0 none; position: static} .ui-dialog .ui-dialog-titlebar-close {top: 0; right: 0; z-index: 1000; width: 35px; height: 35px; margin: -14px -14px 0 0; padding: 0; color: #212121; background: transparent url('/images/petition_service/layout/bg_dialog_close_new.png') no-repeat top; border: 0 none} .ui-dialog .ui-dialog-titlebar-close span {visibility: hidden} .ui-dialog .ui-dialog-title {float: none; margin: 0} .ui-dialog .ui-dialog-content {padding: 0; overflow: visible} .ui-dialog a.ui-state-hover {background: transparent url('/images/petition_service/layout/bg_dialog_close_hover.png') no-repeat top} body#petition_start .ui-dialog, body#petition_start .ui-dialog, body#start .ui-dialog {padding: 0} body#petition_start .ui-dialog-titlebar span, body#petition_start .ui-dialog-titlebar span, body#start .ui-dialog-titlebar span {display: none} .dialog-inner {color: #212121; font-size: 12px; background: #fff; margin: 20px 0 0; padding: 15px 15px 5px; border-width: 1px; border-style: solid; border-color: #d9d9d9} .dialog-inner .form-text {width: 98%} .dialog-inner h3 {margin-bottom: 10px; font-size: 14px} .dialog-inner p {margin-bottom: 15px; font-size: 12px} .dialog-inner p.checkbox-line label {display: block; padding-left: 15px; text-indent: -15px} .dialog-inner p.checkbox-line input {width: 13px; height: 13px; padding: 0; margin-right: 4px; vertical-align: bottom; position: relative; top: -1px; _overflow: hidden} .dialog-inner label {color: #156085; font-weight: bold} .dialog-inner .accent {text-align: center; font-size: 14px; display: block; background: #f4f4f4; padding: 8px; margin: 15px 0; font-weight: bold} .dialog-inner .accent #coupon {padding-top: 6px} .dialog-inner .accent #coupon label {float: left; display: inline !important; text-align: left; line-height: 29px} .dialog-inner .accent #coupon input {font-size: 18px; color: #666; width: 170px} .dialog-inner small {font-size: 10px} .dialog-inner small b {font-size: 14px} .ui-dialog-buttonpane, .dialog-submit {color: #212121; background: transparent url('/images/petition_service/layout/arrow_white.png') no-repeat 80% 0 !important; margin: -1px 0 0 !important; padding: 13px 0 0 !important; text-align: right; border: none !important} .tabbed-box {margin: 0 10px 0 0} .tabbed-box .tabs {position: relative; margin: 0 0 -1px; padding: 0; list-style: none; display: -moz-inline-box; display: inline-block} .tabbed-box .tab {display: inline; margin: 0; padding: 0} .tabbed-box .tab a {float: left; display: inline !important; margin: 0; padding: 10px; cursor: pointer; color: black; background: transparent !important; text-decoration: none !important; font-size: 14px; font-weight: bold} .tabbed-box .tab-active a {padding: 9px 9px 11px; color: black; background: #fff !important; border-top-width: 1px; border-top-style: solid; border-top-color: #d9d9d9; border-left-width: 1px; border-left-style: solid; border-left-color: #d9d9d9; border-right-width: 1px; border-right-style: solid; border-right-color: #d9d9d9} .tabbed-box .tab-pane {display: none; padding: 10px; color: black; background: #fff; border-width: 1px; border-style: solid; border-color: #d9d9d9} .tabbed-box .tab-pane-active {display: block} .jcarousel-container-vertical {width: auto !important; -moz-border-radius: 0 !important} .jcarousel-container-vertical .jcarousel-clip-vertical {font-size: 11px; width: auto; height: 190px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d9d9d9} .jcarousel-container-vertical .jcarousel-item-vertical {width: 200px; height: 50px; padding: 0 0 4px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d9d9d9} .jcarousel-container-vertical .jcarousel-item-vertical {display: inline-block} .jcarousel-container-vertical .jcarousel-item-vertical:after {content: '1337'; display: block; height: 0; clear: both; visibility: hidden} * html .jcarousel-container-vertical .jcarousel-item-vertical {height: 1px; zoom: 1} .jcarousel-container-vertical .jcarousel-item-vertical {display: block} .jcarousel-container-vertical .jcarousel-next-vertical {text-indent: -1000em; overflow: hidden; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat -140px -40px !important; width: 18px; height: 9px; left: 190px; bottom: 10px} .jcarousel-container-vertical .jcarousel-prev-vertical {text-indent: -1000em; overflow: hidden; color: black; background: transparent url('/images/homepage/sprite_homepage.png') no-repeat -120px -40px !important; width: 18px; height: 9px; left: 170px; top: auto; bottom: 10px} #offers-box .jcarousel-clip-vertical {height: 123px} #petitions-box .jcarousel-clip-vertical {height: 187px} * html #offers-box .jcarousel-next-vertical {top: 145px; left: 180px} * html #offers-box .jcarousel-prev-vertical {top: 145px; left: 160px} * html #petitions-box .jcarousel-next-vertical {top: 208px; left: 180px} * html #petitions-box .jcarousel-prev-vertical {top: 208px; left: 160px} * html .offer-price {width: 62px; padding: 0 0 0 3px} * html #offer-search-box {margin: 0 5px 25px 0 !important} * html #qs-zip input {padding: 2px 0} * html #o-registration-year {top: 99px !important} * html #o-registration-year input {padding: 2px 0} * html #infotext-box {margin: 0 6px 25px 0 !important}