/* Default Styles | [m] [] */ a.black:link, a.black:visited, a.black:active { color: #222; } a.link_searchDetails:link { color: #004dc1 } a.link_searchDetails:visited { color: #551A8B } .black_small { color: #222; font-size: 0.9em; line-height: 1.1em; } .black { color: #222; } .white { color: #fff; } .grey, .disabled { color: #666; } .red { color: #a02; } .green { color: #0b0; font-size: 1.2em; line-height: 1.4em; } .blue { color: #1F71BF; } .blue_form { color: #558dd5; } .yellow { color: #fefe99; } .error, .myGrey { background-color: #999999; color: #FFFFFF} .mSystemFont { font-size: 0.9em; } .mSmallFont { font-size: 0.8em; } .block {display: block !important;} .xSpace { margin: 0px 4px; } .ySpace { margin: 4px 0px; } .xySpace { margin: 4px 4px; } .vAlign * { vertical-align: middle; } .xcontent { padding: 0px 6px; } .ycontent { padding: 6px 0px; } .autoWidth { width: auto !important; } /* Universal Boxes | [m] [m] */ .mUBox { border: 1px solid #a2a2a2; position: relative; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .mUBoxHeadline { line-height: 19px; display: block; border: 1px solid #a2a2a2; border-bottom: 0px; padding: 0px 4px; margin: 0px; } /*---*/ /* errormessage | [gr] [] define style of errormessageDiv*/ .errormessage { width: auto; background-color: white; margin: 0px; } /* Search Mask Vehicles | [m] [gr] */ .msSearchScreen h2 { font-size: 1.3em; color: #a02; display: block; } .msSearchScreen hr { margin: 20px 0px; } .msSearchScreen .msFields { padding: 10px 0px; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .msSearchScreen .msFields .content_left { float: left; width: 300px; padding-left: 30px; } .msSearchScreen .msFields .content_right { float: left; width: 300px; padding-left: 30px; } .msSearchScreen .mFormSelect, .msSearchScreen .mFormInput, .msSearchScreen .mFormCombine { float: left; width: 150px; margin-top: 8px; } .msSearchScreen .mFormSelect label, .msSearchScreen .mFormInput label, .msSearchScreen .mFormCombine label { display: block; text-align: left; } .msSearchScreen .mFormSelect select { width: 124px; margin-right: 10px; } .msSearchScreen .mFormSelect .f_label_middle { float: none; margin-right: 10px; } .msSearchScreen .mFormInput input { width: 120px; margin-right: 10px; } .msSearchScreen .mFormCombine input { width: 90px; margin-right: 10px; } .msSearchScreen .mFormCombine select { width: 124px; margin-right: 10px; } .msSearchScreen .mFormCombine .f_label_middle { float: none; margin-right: 10px; } .msSearchScreen #msVCS_firstRegistration, .msSearchScreen #msVCS_mileage, .msSearchScreen #msVCS_power, .msSearchScreen #msVCS_price, .msSearchScreen #msVCS_VehicleStatus { width: 300px; } .msSearchScreen #msVCS_plz, .msSearchScreen #msVCS_distance { float: left; width: 150px; } #msVCS_mwst { padding-left: 0px !important; margin-left: 0px !important; width: auto !important; } #msVCS_Condition, #msVCS_withWithoutImage { float: left !important; margin-left: 0px !important; margin-top: 10px; width: 210px !important; } #msVCS_withWithoutImage_label, #msVCS_Condition_label { display: block; text-align: left;} .msSearchScreen .msFields .mFormCheckbox { float: left; margin-left: 122px; } .msSearchScreen .msCheckbox { margin-top: 10px; } .msSearchScreen .msCheckbox .content_left { float: left; width: 478px; margin-right: 10px; border: 1px solid #ccc; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .msSearchScreen .msCheckbox .content_right { float: left; width: 478px; border: 1px solid #ccc; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; } .msSearchScreen .mFormCheckbox * { vertical-align: middle; } .msSearchScreen .mFormCheckbox { float: left; width: 190px; margin-top: 6px; margin-left: 20px; } .msSearchScreen .mFormCheckbox input { margin-right: 4px; padding: 0px; } .msSearchScreen h3 { font-size: 1.1em; margin: 0px; color: #222; display: block; padding: 2px 4px; border-bottom: 1px solid #ccc; } .msSearchScreen .msCheckbox .mo_content { padding: 0px; } .msBrowseVehicles { float: left; width: 200px !important; padding-left: 30px;} .msBrowseVehicles ul { list-style: none; padding: 0px; margin: 0px; } .msBrowseVehicles ul li { margin-top: 5px; vertical-align: middle; } .msBrowseVehicles ul li * { vertical-align: middle; } /* SearchMask Vehicles | [m] [m] */ #msVehiclesCarSearch .msCheckbox .content_left, #msVehiclesCarSearch .msCheckbox .content_right, #msVehiclesCaravanSearch .msCheckbox .content_left, #msVehiclesCaravanSearch .msCheckbox .content_right { height: 170px; } #msVehiclesBikeSearch .msCheckbox .content_left { width: 100%; height: 70px; } #msVehiclesBikeSearch .mFormCheckbox { width: 150px; } #msVehiclesCarWideCheckBox .content_left { width: 100%; height: 110px !important; } #msVehiclesCarSearch .mUBox, #msVehiclesBikeSearch .mUBox, #msVehiclesTruckSearch .mUBox, #msVehiclesCaravanSearch .mUBox { width: 100%; margin-top: 10px; padding: 20px 0; border: 0px; } /* SearchMask Classifieds | [m] [m] */ .msBrowseClassifieds { float: right; width: 450px; } .msBrowseClassifieds .mo_button_action { margin: 0 0 5px 0; } .msClassifiedsSearch { float: left; width: 500px; } /* Service Action Boxes | [m] [] */ .mo_page .msServiceActionBox { width: 450px; height: 100px; margin-top: 10px; } .mo_page .msServiceActionBox a { width: auto; height: 100px; display: block; text-decoration: none; } .mo_page .msServiceActionBox .mUBox { width: auto; height: 100px; margin: 0px; } .mo_page .msServiceActionBox .mUBox_content { padding: 6px; } .mo_page .msServiceActionBox #msServiceActionBox_image { width: 80px; height: 80px; position: absolute; top: 8px; right: 20px; background: url('http://assets.motoso.de/images/v8/icon_serviceSearchRequestActionBox.gif') no-repeat; } .msServiceAction { float: left; margin: 0 0 10px 0; } /*---*/ .mClassifiedsContentAd { margin: 0px auto; text-align: center; } .mClassifiedsContentAd div.mHPTeaserBox { border: 1px solid #aaa; margin: 5px; } /*---*/ .mBox_icon, .mzBox_icon { display: block; border: 0px; position: absolute; top: 4px; right: 4px; } /* Filialensuche | [m] [] */ .mSBranch { background-color: #fefe99; } .mSBranch * .mo_float_left *, .mSBranch * .mo_float_right * { vertical-align: middle; } /* Garage Entry */ .mGarageEntry .mo_float_left, .mGarageEntryDetail .mo_float_left { float: left; text-align:right; width: 110px; margin-right: 5px; margin-top: 5px; } .mGarageEntry .mo_float_right { float: left; text-align:left; width: 200px; margin-top: 5px; } .mGarageEntryDetail .mo_float_right { float: left; text-align:left; width: 250px; margin-top: 5px; } .mGarageEntry .content_left { float: left; width: 280px; } .mGarageEntry .content_right { float: left; width: 395px; } /* Suchergebnisliste | [m] [m] */ .mSRPager { margin-bottom: 4px; } .mSRPager .mo_content { padding: 0px; } .mSRPager a { text-decoration: none; } .mSRPager a:hover { color: #a02; } .mSRPager span.mSRActivePager { color: #444; font-weight: bold; font-size: 1.2em; } .mSRPager * .mo_float_left { width: auto; } .mSRPager * .mo_float_right { width: 220px; text-align: right; } .mSRPager .mo_content * { vertical-align: middle; } .mSRListBoxClassifieds, .mSRListBoxService { margin-bottom: 6px; background-color: #fff; border: 1px solid #999; border-top: 0px; } .mSRListBoxServiceTemplate { margin-bottom: 6px; background-color: #fefe99; border: 1px solid #999; } .mOrderListBox .headline { padding: 3px 6px; background-color: #d4d4d4; } .mSRListBox .headline h2, .mOrderListBox .headline h2 { font-size: 1em; display: block; margin: 0px; background: transparent; } .mSRListBox .headline a, .mOrderListBox .headline a { text-decoration: none; color: #222; } .mSRListBox .headline a { text-decoration: none; color: white; } .mSRListBox .headline { position: relative; padding: 4px; } div.mSRListBox {position: relative; } .mSRListBoxClassifieds .mSRListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchClassified_center.gif') repeat-x; } .mSRListBoxService .mSRListBox .headline { background: url('http://assets.motoso.de/images/v8/mIndexSearchService_center.gif') repeat-x; } .mOrderListBox .content_left { float: left; width: 438px; } .mSRListBox .content_center p, .mSRListBox .content_right p, .mOrderListBox .content_right p { padding: 0px; margin: 0px 0px 2px 0px; line-height: 1.4em; } div.mSRListBox .content_left {float: left; width: 90px; height: 68px; margin: 0px; padding: 0px; overflow: hidden;} div.mSRListBox .content_center {float:left; margin-top: 3px; margin-bottom: 3px; width: 344px; } div.mSRListBox .content_right, .mOrderListBox .content_right { width: 160px; height: 68px; float: right; border-left: 1px dotted #848484; margin-top: 3px; margin-bottom: 3px; } div.mSRListBox p.mSRListDetailsLink { display: block; position: absolute; bottom: 5px;} .mOrderListBox .content_left .mo_float_left { float: left; width: 100px; text-align: left; margin-left: 15px; } .mOrderListBox .content_left .mo_float_right { float: left; text-align: right} /* and now move the product image to the left for search result teaser */ .mSRListBox .content_left { float: right; width: 500px; } .mSRListBox .content_right { float: left; } /* Search Details | [m] [m] */ #mDetailsImageSwitcher .boDetailsImagesContent {padding-top: 5px; margin-bottom: 10px; } .mDetailsImageBig { text-align: center; } .mDetailsImageBig img { margin: 0px 0px 5px 0px; } .mDetailsImageSwitcher { width: 300px; margin-bottom: 20px; } .mDetailsImageSmallBox { text-align: center; } .mDetailsImageSmall0, .mDetailsImageSmall1, .mDetailsImageSmall2 { float: left; width: 95px; margin: 0px 4px 0px 0px; position:relative;} .mDetailsImageSmall2 { margin: 0px 0px 0px 0px !important; } div.mDetailsXXLImages { width: 300px; margin: 5px 0; text-align: right; } div.mDetailsXXLImages a { font-size: 1.1em; color: #222; padding: 6px;} #mDetailsXXLImages {display: none;} div.boDetailsImagesContent.mUBox {background: none; } div.mDetailsImages {padding-bottom: 3px; } div.mDetailsXXLImageRectangleAd {width: 300px; float: right;} div.mDetailsXXLImagesDisplay { position: static; width: 982px;} div.mDetailsXXLImagesBox { width: 662px; overflow: hidden; float: left; margin-right: 10px;} #mDetailsXXLImagesShowcase .mDetailsImageBig { width: auto; text-align: center; } #mDetailsXXLImagesShowcase .mo_ad_rectangle_detail { float: right; } #mDetailsXXLImagesShowcase .mDetailsImageSmallBox { width: 652px; text-align: left;} #mDetailsXXLImagesShowcase .mDetailsImageSmallBox .left { float: left; width: 95px; margin: 0 5px 5px 0; } #mDetailsXXLImagesShowcase #srFurtherResultsBox { border-top: 1px solid #848484; } .mDetailsImageSmallBoxHeadline { font-size: 1.1em; font-weight: bold; padding: 6px; display: block; border-top: 1px solid #848484; } #detailsImagesFooter {color: #444444 !important; border-top: 1px solid #BB2122; text-align:center; margin-top:8px; font-size:10px; padding: 5px 3px 0px 3px;} #detailsImagesFooter * {color: #444444 !important; font-size:10px; font-weight: normal;} #detailsImagesFooter .imagesFooterLinks {margin-top:10px;} #detailsImagesFooter .imagesFooterLinks a {font-size:11px !important; padding-right: 4px;} #mDetailsImageBackButton {border-top: 1px solid #848484; padding: 6px 0px 6px 0px; margin-top: 5px;} .mDetailPreviewButtons { width: 920px; padding: 0px 0px 4px 0px; } .mDetailPreviewButtons form div { margin-left: 5px; } .mDetailPreviewButtons input { width: 140px !important; } h1.mDetailHeadline { display: block; padding: 10px; margin: 0px; color: white; font-size: 1.5em; } h2.mDetailHeadline { display: block; padding: 2px 0px; margin: 0px; color: black; font-size: 1.15em !important; font-weight: bold; border-bottom: 1px dotted gray; } h2.mDetailHeadline em {font-size: 0.75em; font-weight: normal; color: #848484; } .mDetailNavHeadline { display: block; margin: 0px; color: #222; border-bottom: 1px solid #848484; padding: 6px; } .dc_suitableFor { width: 100%; } .dc_suitableForRow td { border-bottom: 1px solid #DCDCDC; } .dc_suitableForHeader { height: 25px; background-color: #e6eef5; } .dc_sf_kba { width: 60px; } .dc_sf_make { width: 120px; } .dc_sf_modelTypeVariant { width: 235px; } .dc_sf_kw { width: 40px; } .dc_sf_motorLiterSize { width: 55px; } .dc_sf_yoc { width: 90px; } .dc_suitableFor tr.dc_suitableForRow td {text-align: center;} .dcf_negotiable_label, .dcf_negotiable_field { background-color: white; } .dcf_negotiable_field { width: 110px !important; } .dcf_negotiable_field input { text-align: right; width: 100px !important; } .dcf_captcha_label { padding: 6px; margin-left: 62px; } .dcf_content_captcha { width: auto; position: relative; height: 70px; margin-left: 62px; } .dcf_captcha_input { width: 80px; position: absolute; left: 280px; top: 44px; } .dcf_captcha_field { width: 200px; position: absolute; left: 6px; top: 30px; } .dcf_captcha_arrow { width: 42px; height: 30px; position: absolute; left: 220px; top: 40px; background: url('http://assets.motoso.de/images/v8/icon_arrow_blue.gif') no-repeat; } .dcf_captcha_reload { font-size: 0.9em; position: absolute; left: 7px; top: 83px; } .expiredMessageBox {border:10px solid #aa0022; padding:0px 10px 0px 10px; font-size:4em; line-height:2.5em; font-weight:bold; color:#aa0022; position:absolute; top:360px; left:250px; z-index:1000;} /* AnbieterInfo | [m] [] */ .mBInfo { color: #222; margin-bottom: 6px; } .mBInfoHeadline { color: #222; background-color: #eee; margin: 0px 0px 0px 0px; padding: 3px 2px 2px 4px; } .mBInfoGroup { float: left; width: 610px; margin-right: 10px; } .mBInfoGroup .mbi_content { padding: 0px 6px 6px 0px; } .mBInfoGroup_left { } .mBInfoGroup_left .mbi_content { padding: 0px 6px 6px 0px; } .mBInfoGroup_right { float: left; width: 251px; } .mBInfoGroup_right .mbi_content { padding: 0px 0px 6px 0px; } .mBInfoNav { float: left; width: 300px;} .mBInfoNav .mbi_content { padding: 0px 0px 6px 0px; } .mBInfoGroup, .mBInfoNav { margin-top: 6px; } .mBInfoGallery { margin: 6px 0px; } div.serviceTemplateInputImage { position: relative; width: 90px; height: 50px; } div.serviceTemplateInputImage div.serviceTemplateInputImage { position: absolute; bottom: 3px; left: 2px; cursor: default;} .serviceTemplateInputImageBackground { position: absolute; top: 0px; left: 0px; } #map, #biMap { width: 638px; height: 300px; border: 1px solid #ccc; margin: auto auto;} div.hp #biMapBox, div.hp #biMap { width: 300px;} #biMapBox { position: relative; } #mapData { position: absolute; top: 50px; right: 10px; } div.hp #mapData {top: 10px;} #mapData div { padding: 4px; margin-top: 1px; margin-right: 1px; background-color: white; color: #222; } #mapData a { color: #222; text-decoration: none; } #mMapGarageHits { width: 690; height: 284px; margin-top: 6px; } #mMapServiceHits { width: 200px; height: 200px; margin-top: 6px; } .mMapServiceHits { width: 250px; height: 150px; margin-top: 6px; } /* MyMotoso - MyClassifieds | [m] [] */ .mMyCSearchBox * .mo_float_left * { vertical-align: middle; } .mMyCSearchBox * .mo_float_right { float: left; width: 400px; text-align: left; padding-left: 2px; margin-bottom: 4px; } .mMyCSearchBox * .right1 { float: left; width: 210px; text-align: left; padding-left: 2px; margin-bottom: 4px; } .mMyCSearchBox * .right2 { float: left; width: 190px; text-align: left; padding-left: 2px; margin-bottom: 4px; } .mMyCSearchBox * .mo_float_right * { vertical-align: middle;} .mMyCSearchBox * .mo_float_right label { font-weight: bold;} .mMyCSearchBox .mButtonBox {width: 528px; text-align: right; } .mMyCStatusPaid, .mMyCStatusPaidTxt { color: #0b0; } .mMyCStatusExpired, .mMyCStatusExpiredTxt { color: #f22; } /* Category List | [m] [m] */ .mCategoriesCatalog * h2 { font-size: 1.0em; display: block; } .mCategoriesCatalog .domain1, .mCategoriesCatalog .domain2, .mCategoriesCatalog .domain3 { width:296px; float: left; margin-top: 10px;} .mCategoriesCatalog .domain1, .mCategoriesCatalog .domain2 {margin-right: 10px; } .mCategoriesCatalog .column1, .mCategoriesCatalog .column2 {width: 350px; float: left; } .mCategoriesCatalog ul { padding: 0px; margin: 0px; } .mCategoriesCatalog li { list-style: none; padding: 0px; margin: 0px;} /* Form Elements | [m] [m] */ .mFormBox { margin: 0px; padding: 0px; background-color: #e1eaf3; border: 1px solid #e9e7e7; } .mFormBox .mo_float_left, .mFormBox .mo_float_right, .mFormBox .content_left, .mFormBox .content_right, .mFormBox .content_left .mo_float_left, .mFormBox .content_left .mo_float_right, .mFormBox .content_right .mo_float_left, .mFormBox .content_right .mo_float_right { float: left; margin-top: 6px; } .mFormBox .content_left .mo_float_left *, .mFormBox .content_left .mo_float_right *, .mFormBox .content_right .mo_float_left *, .mFormBox .content_right .mo_float_right * { vertical-align: middle; } /*---*/ .mFormBox_G4 .mFormBox .mo_content .mo_float_left { float: left; width: 190px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mFormBox_G4 .mFormBox .mo_content .mo_float_right { float: left; width: 340px; text-align: left; margin-bottom: 4px; } .mFormBox_Tools .mFormBox .mo_content .mo_float_left { float: left; width: 50px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mFormBox_Tools .mFormBox .mo_content .mo_float_right { float: left; width: 200px; text-align: left; margin-bottom: 4px; } /* G4 | [m] [m] */ .mFormBox_G4 .mFormBox .content_left { float: left; width: 267px; padding: 3px 0px 3px 6px; } .mFormBox_G4 .mFormBox .content_left .mo_float_left { text-align: left; width: 100px; margin-top: 6px; font-weight: bold; } .mFormBox_G4 .mFormBox .content_left .mo_float_right { text-align: left; width: 164px; margin-top: 6px; overflow: hidden; } .mFormBox_G4 .mFormBox .content_left .mo_float_right select { width: 152px; } .mFormBox_G4 .mFormBox .content_left .mo_float_right input { width: 146px; } .mFormBox_G4 .mFormBox .content_right { float: left; width: 267px; padding: 3px 0px 3px 6px; } .mFormBox_G4 .mFormBox .content_right .mo_float_left { text-align: left; width: 140px; margin-top: 6px; font-weight: bold; } .mFormBox_G4 .mFormBox .content_right .mo_float_right { text-align: left; width: 124px; margin-top: 6px; overflow: hidden; } .mFormBox_G4 .mFormBox .content_right .mo_float_right select { width: 116px; } .mFormBox_G4 .mFormBox .content_right .mo_float_right input { width: 110px; } /* SearchRequestService | [gr] [m] */ .mFormBox_G4 .mFormBox .content_bottom { margin-top: 10px; padding: 3px 6px; } .mFormBox_G4 .mFormBox .content_bottom .mButtonBox { margin-top: 0px; text-align: right; } div.mFormBox_G4 table { width: 100%;} div.mFormBox_G4 table th { color: #222; background-color: #e9e7e7; } div.mFormBox_G4 table .row2 { background-color: #e9e7e7; } /* G6 | [m] [m] */ .mFormBox_G6 .mFormBox .mo_content .mo_float_left { float: left; width: 372px; text-align: left; font-weight: bold; margin-bottom: 4px; } .mFormBox_G6 .mFormBox .mo_content .mo_float_right { float: left; width: 372px; text-align: left; margin-bottom: 4px; } .mFormBox_G6 .mFormBox .content_left { float: left; width: 384px; padding: 3px 0px 3px 6px; } .mFormBox_G6 .mFormBox .content_left .mo_float_left { text-align: left; width: 190px; margin-top: 6px; font-weight: bold; } .mFormBox_G6 .mFormBox .content_left .mo_float_right { text-align: left; width: 190px; margin-top: 6px; } .mFormBox_G6 .mFormBox .content_right { float: left; width: 384px; padding: 3px 0px 3px 6px; } .mFormBox_G6 .mFormBox .content_right .mo_float_left { text-align: left; width: 190px; margin-top: 6px; font-weight: bold; } .mFormBox_G6 .mFormBox .content_right .mo_float_right { text-align: left; width: 190px; margin-top: 6px; } .mFormBox_G6 .mFormBox .content_bottom { margin-top: 10px; padding: 3px 6px; } .mFormBox_G6 .mFormBox .content_bottom .mButtonBox { margin-top: 0px; text-align: right; } /*---*/ /* MyMotoso */ /* MyMotoso Startseite | [m] [m] */ .mo_content_my_overview { position: relative; width: 478px; height: 110px; } .mo_page .mMyMotosoIndexBox_classifieds, .mo_page .mMyMotosoIndexBox_newspaper, .mo_page .mMyMotosoIndexBox_order, .mo_page .mMyMotosoIndexBox_searchRequest { margin: 0px 10px 10px 0px; border: 1px dotted #222; } .mo_page .mMyMotosoIndexBox_account, .mo_page .mMyMotosoIndexBox_statistic, .mo_page .mMyMotosoIndexBox_servicelister { margin: 0px 0px 10px 0px; border: 1px dotted #222; } .mMyMotosoIndexBox_classifieds .mo_content, .mMyMotosoIndexBox_newspaper .mo_content, .mMyMotosoIndexBox_order .mo_content, .mMyMotosoIndexBox_searchRequest .mo_content, .mMyMotosoIndexBox_account .mo_content, .mMyMotosoIndexBox_statistic .mo_content { padding: 6px; width: 341px; font-size: 11px; } .mMyMotosoIndexBox_servicelister .mo_content { padding: 0; font-size: 11px; } .mMyMotosoIndexBox_servicelister .mo_content .noStyle div { padding: 6px; } .mMyMotosoIndexBox_classifieds { background: url('http://assets.motoso.de/images/v8/icon_my_classifieds.gif') right no-repeat; } .mMyMotosoIndexBox_order { background: url('http://assets.motoso.de/images/v8/icon_my_order.gif') right no-repeat; } .mMyMotosoIndexBox_account { background: url('http://assets.motoso.de/images/v8/icon_my_account.gif') right no-repeat; } .mMyMotosoIndexBox_statistic { background: url('http://assets.motoso.de/images/v8/icon_my_statistic.gif') right no-repeat; } .mMyMotosoIndexBox_searchRequest { background: url('http://assets.motoso.de/images/v8/icon_my_searchRequest.gif') right no-repeat; } .mMyMotosoIndexBox_servicelister { background: url('http://assets.motoso.de/images/v8/icon_my_servicelister.gif') right no-repeat; } .mMyMotosoIndexBox_newspaper { background: url('http://assets.motoso.de/images/v8/icon_my_newspaper.gif') right no-repeat; } .mMyMotosoIndexLink { position: absolute; right: 0px; top: 0px; width: 90px; height: 110px; display: block; } .mMyMotosoIndexLink#servicelister_top {position:relative; float: right; width: 60px; height: 30px; margin-left: 10px;} .mMyMotosoIndexLink#servicelister_bottom {position:relative; float: right; width: 150px; height: 80px; margin-left: 10px; clear: both; } /*---*/ .legend { height: 20px; } .myOrderInfoText ul { list-style: none; list-style-type: disc; margin: 0px; margin-bottom: 16px; padding-left: 20px; } .myOrderInfoText ul li { margin: 4px 0px; } .myOrdersInfo { background-color: #e9e7e7; padding-left:5px;} .mAvailableChars3 { font-size:9px; color:#aa0022; background-color:#E1EAF3; border-style:none; width:22px;} .mAvailableChars4 { font-size:9px; color:#aa0022; background-color:#E1EAF3; border-style:none; width:28px;} /* classifieds intro page | [or] */ body.subNav_mymotoso_newClassified div.private, body.subNav_mymotoso_newClassified div.commercial, body.subNav_mymotoso_newClassified div.print {border: 1px dotted #a20; margin-bottom: 20px; margin-top: 10px;padding: 4px; } body.subNav_mymotoso_newClassified div.private div, body.subNav_mymotoso_newClassified div.commercial div, body.subNav_mymotoso_newClassified div.print div {background-color: #e1e1e1; padding: 4px; margin-top: 10px; margin-bottom:10px;} body.subNav_mymotoso_newClassified div.private h1, body.subNav_mymotoso_newClassified div.private h2, body.subNav_mymotoso_newClassified div.private h3, body.subNav_mymotoso_newClassified div.commercial h1, body.subNav_mymotoso_newClassified div.commercial h2, body.subNav_mymotoso_newClassified div.commercial h3, body.subNav_mymotoso_newClassified div.print h1, body.subNav_mymotoso_newClassified div.print h2, body.subNav_mymotoso_newClassified div.print h3 {display:block; } /* o2p Direct Booking Wizard | [gr] [] */ .o2pDirectFillFields .eraseErrorStyle .labelrequirederror { color:#222222 } .mInput * { margin-top: -3px; margin-bottom: 4px; vertical-align: middle; } .mSearchRequest table tr td { width: 270px; text-align: center; font-weight: normal; } .mSearchRequest table tr td label { display: block; text-align: left; width: auto; } .mSearchRequest table tr td.sr_center { width: 40px; text-align: center; font-weight: normal; padding-top: 20px; } select.mSR_select { width: 270px; } .searchRequestTable tr { vertical-align:top; } .mSearchRequest .sr_left_box, .mSearchRequest .sr_right_box { margin-top: 10px; } .mSearchRequest .sr_center .mButtonBox div { text-align: center; padding: 2px 0px; } /* mySellerContactSettings */ .contactSettings, .contactSettings .label, .contactSettings .input { float: left; } .contactSettings .label { width: 100px; } /* myServiceTemplatesWizardStep */ .serviceTemplateInput .content_left { width: 670px; } .serviceTemplateInput .content_right { height: 120px; margin-right: 3px; margin-top: 3px; } .serviceTemplateInput .headline { font-weight: bold; font-size: 1.1em; } .serviceTemplateInput .headline .inputText { width: 450px; } .serviceTemplateInput .description { padding-left:6px; padding-top: 3px; } .serviceTemplateInput .description textarea { width: 500px; height: 40px; } .serviceTemplateInput .error { color: #a02; font-size: 1.0em; line-height: 1.2em; } .serviceTemplateInput .addSuitableForButton { margin-left: 5px; margin-bottom: 3px; } .serviceTemplateInput table.price th { white-space: nowrap; padding: 1px 4px; background-color: #e9e7e7; color: black; border-bottom: 2px solid #e9e7e7;} .serviceTemplateInput table.price tr.row1 td { background-color: #ccc; border-bottom: 1px solid #e9e7e0; } .serviceTemplateInput table.price tr.row2 td { background-color: #e9e6e6; border-bottom: 1px solid #bbc; } .serviceTemplateInput table.price input.priceInput { width: 60px; } .serviceTemplateInput .knowHow .mo_float_left { float:left; width: 200px; } .serviceTemplateInput .knowHow .mo_float_right { float:left; } .serviceTemplateInput .knowHow .advancedAdd { float:left; padding-top: 22px; } .serviceTemplateInput .knowHow .advancedChooser { float:left; width: 600px; } .serviceTemplateInput .knowHow .simpleAdd { float:left; padding-left: 5px; } div.catalogLinks {background-color: white; border-top: 1px solid #b02; padding: 5px; text-align: center; color: #666;} div.catalogLinks a, div.catalogLinks a:visited {color: #666;} div.catalogLinks {text-align: left; background-color: white; overflow: hidden;} div.catalogLinks ul { width: 280px; float:left; background-color: white; } /*---*/ /* Press */ .mPressContentLeft { float: left; width: 171px; } .mPressContentRight { float: left; width: 378px; } .mPressContentLeft .mo_content, .mPressContentRight .mo_content { padding: 3px } .mInfoBox { position: absolute; z-index: 25; display: none; } .mBrandsList { margin: 0px auto; text-align: center; width: 500px; } .mBrandsSearchTermsList { margin: 0px auto; text-align: center; width: 650px; line-height: 1.8em;} .mBrandSearchTagCloud a:link, .mBrandSearchTagCloud a:visited, .mBrandSearchTagCloud a:active { color: #004dc1; text-decoration: none } .mBrandSearchTagCloud a:hover { color: #a02; text-decoration:underline } .mBrandSearchTagCloud h1 { font-size:large; font-weight:bolder; letter-spacing:0.3em; } .mBrandSearchTagCloud h2 { font-size:medium; } .mBrandSearchTagCloud h3 { font-size:small; } .mBrandSearchTagCloud h4 { font-size:small; font-weight:normal; } .mBrandSearchTagCloud { text-align:center; } .mBrandsSearchBoxList ul { list-style: none; list-style-type: disc; margin: 0px; padding-left: 20px; } .mBrandsSearchBoxList ul li { line-height: 1.8em; } .mBrandsSearchBoxList ul li h2 { font-size: 1em; font-weight: normal; color: #222; } /* Other Stuff */ .nowrap { white-space: nowrap; } .mSuccessImage, .mErrorImage { float: left; margin: 0px 15px 0 0px; } .labelBold { font-weight:bold; } .labelBolderror { color:#a02; font-weight:bold; } .labelrequired { font-weight:bold; } .labelrequirederror { color:#a02; font-weight:bold; } .labeloptionalerror { color:#a02; font-weight:bold; } table.tooltips td { background-color: #e0e0e0; color: #000; border: 1px solid #a02; } ul.mSuccessMessage { list-style: none; list-style-type: disc; margin: 0px; padding: 10px 20px; } .motoso-print { margin: 0px; padding: 0px; background-color: #fff; } /* Reifenspecial */ #WIDTH_RIM_CAR, #WIDTH_RIM_CV, #WIDTH_RIM_BIKE { margin-right: 25px; } #RIMS_SIZE_CAR, #RIMS_SIZE_CV { margin-right: 60px; } /* Offer Form */ .classifieds #RIMS_SIZE_CAR, .classifieds #RIMS_SIZE_CV { margin-right: 0px; } #WIDTH_TIRES_CAR, #WIDTH_TIRES_CV, #WIDTH_TIRES_BIKE, .mTiresField_01 { width: 60px; } #HIGHT_RATIO_TIRES_CAR, #HIGHT_RATIO_TIRES_CV, #HIGHT_RATIO_TIRES_BIKE, .mTiresField_02 { width: 60px; } #TIRE_RIMS_SIZE_CAR, #TIRE_RIMS_SIZE_CV, #TIRE_RIMS_SIZE_BIKE, .mTiresField_03 { width: 50px; } #LOAD_INDEX_TIRES_CAR, #LAST-INDEX_CV, .mTiresField_04 { width: 50px; } #SPEED_INDEX_TIRES_CAR, #SPEED_INDEX_TIRES_CV, #SPEED_INDEX_TIRES_BIKE, .mTiresField_05 { width: 120px; } #WIDTH_RIM_CAR, #WIDTH_RIM_CV, #WIDTH_RIM_BIKE, .mRimsField_01 { width: 50px; } #RIMS_SIZE_CAR, #RIMS_SIZE_CV, #RIMS_SIZE_BIKE, .mRimsField_02 { width: 50px; } #OFFSET_RIMS_CAR, #OFFSET_RIMS_CV, .mRimsField_03 { width: 60px; } #LUG_HOLES_CAR, .mRimsField_04 { width: 60px; } #BOLT_CIRCLE_CAR, .mRimsField_05 { width: 60px; } #newRimsLicence { display:none; } #newTiresLicence { display:none; } .mTiresField_01, .mTiresField_02, .mTiresField_03, .mTiresField_04, .mTiresField_05, .mRimsField_01, .mRimsField_02, .mRimsField_03, .mRimsField_04, .mRimsField_05 { float:left; } /* ------- */ /* -- business info color picker boxes -- */ .mBIColorBox { border: 1px solid black; } a.mBIColorBox { border: none; text-decoration: none; } .mBIBGColor { background-color: white; } .mBIFontColor { background-color: #222; } .mBIHeadlineBGColor { background-color: #e9e7e7; } .mBIHeadlineFontColor { background-color: #222; } #adLandingSearchBox {height: 70px; } /* File upload */ div.fileinputs { position: relative; height:16px; width: 16px; cursor: default; } div.mFakeFile { position: absolute; top: 0px; left: 0px; overflow: hidden; cursor: default; } input.fakefile { position: absolute; right: 0; z-index: 2; opacity: 0; font-size: 50px; height: 46px; line-height: 50px; cursor: default; } div.serviceTemplateInputImageUploadButton { width:16px; height:16px; margin-left: 2px; margin-top: 2px; background: url('http://assets.motoso.de/images/v8/famfamfam/pencil.gif') no-repeat; cursor: default; } @media print { .noprint { display: none; } } /* order list | [gr] */ table#orderGrid-table td, table#orderGrid-table th { white-space: nowrap; padding: 1px 4px; font-size: 0.8em; } table#orderGrid-table td.rowHeader, table#orderGrid-table th { background-color: #e9e7e7; color: black; } table#orderGrid-table th { border-bottom: 2px solid #e9e7e7;} table#orderGrid-table th:hover { border-bottom: 2px solid #a02;} table#orderGrid-table tr.row1.confirmed td { background-color: #fffb97; border-bottom: 1px solid #fffb97; } table#orderGrid-table tr.row2.confirmed td { background-color: #fffbb9; border-bottom: 1px solid #fffbb9; } table#orderGrid-table tr.row1.accepted td { background-color: #cfb; border-bottom: 1px solid #cfb; } table#orderGrid-table tr.row2.accepted td { background-color: #cfc; border-bottom: 1px solid #cfc; } table#orderGrid-table tr.row1.denied td { background-color: #fdb; border-bottom: 1px solid #fdb; } table#orderGrid-table tr.row2.denied td { background-color: #fdc; border-bottom: 1px solid #fdc;} table#orderGrid-table tr.row1.completed td { background-color: #f1e0f6; border-bottom: 1px solid #f1e0f6; } table#orderGrid-table tr.row2.completed td { background-color: #e9d1f1; border-bottom: 1px solid #e9d1f1; } table#orderGrid-table tr.highlight td { border-bottom: 1px solid #a02;} table#orderGrid-table tr.confirmed td.rowHeader, table#orderGrid-table tr.accepted td.rowHeader, table#orderGrid-table tr.denied td.rowHeader, table#orderGrid-table tr.highlight td.rowHeader { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } table#orderGrid-table tr.actionBar th { font-weight: normal; background-color: white; color: #222; } table#orderGrid-table tr.actionBar th:hover { border-bottom: 2px solid #e9e7e7;} table#orderGrid-table tr.actionBar td { border-top: 2px solid #e9e7e7;} table#orderGrid-table td { text-align: center; } table#orderGrid-table td.price, table#orderGrid-table td.shippingCost, table#orderGrid-table td.amount { text-align: right; } #classifiedsBox select.select_domain { width: 150px; } #classifiedsBox select.select_category { width: 180px; } #classifiedsBox select.select_subcategory { width: 180px; } div#serviceTemplates, div#knowHow { width: 100%; overflow: auto; } table#serviceTemplates-table, table#suitableFor-table { border: 1px solid #ccc; border-spacing: 1px; width: 100%; font-size: 12px; } table#serviceTemplates-table td, table#serviceTemplates-table th, table#serviceTemplates-table td.rowHeader, table#suitableFor-table td, table#suitableFor-table th, table#suitableFor-table td.rowHeader { white-space: nowrap; padding: 1px 4px; background-color: #e9e7e7; color: black;} table#serviceTemplates-table th.markAll, table#suitableFor-table th.markAll { width: 20px; } table#suitableFor-table tr.row1 td { background-color: #f9cd81;} table#suitableFor-table tr.row2 td { background-color: #fdd899; } table#serviceTemplates-table td.rowHeader {font-weight: bold; } table#serviceTemplates-table tr.row1 td { background-color: #c0e4fb; border-bottom: 1px solid #cfb; } table#serviceTemplates-table tr.row2 td { background-color: #a0ddf3; border-bottom: 1px solid #cfc; } table#suitableFor-table th.suitableFor-column-2, table#suitableFor-table th.suitableFor-column-3 { width: 90px; } table#suitableFor-table td.make {width: 50%; } table#suitableFor-table td.model {width: 50%; } table#suitableFor-table td.yocFrom {text-align: center; } table#suitableFor-table td.yocTo {text-align: center; } table#suitableFor-table td.price {white-space: nowrap; } .mGridPager a {text-decoration: none; } .mGridPager .mSRActivePager { font-weight: bold; color: black; } #loadProgress { width: 790px; height: 100%; position: absolute; top: 0; left: 0; z-index: 10000; text-align: center;} #loadProgress * {vertical-align: middle; } #printAdArchiveFilter #loadProgress {height: 100px;} #printAdArchiveFilter #loadProgress * {vertical-align: top; } div#mServiceWizardTemplateList {width: 170px; float: left; margin-top:10px;} div#mServiceWizardTemplateList table { border: 1px solid #aaa; width: 160px; } div#mServiceWizardTemplateList table tr td a { color: black; text-decoration: none; } div#mServiceWizardTemplateList table tr td a:hover { color: black; text-decoration: underline } div#mServiceWizardTemplateList table tr.current td a { font-weight: bold; color: #e99013; } div#mServiceWizardTemplateList table tr.ok td a { color: #0f7511; } div#mServiceWizardTemplateList table tr.disabled td a {text-decoration: line-through; } div#mServiceWizardTemplateInput {float: left; width: 633px; margin-top:10px;} div#mServiceWizardTemplateInput .errorDescription, div#mServiceWizardTemplateInput .errorHeadline {color: #a02; } table.price {width: 100%; margin-top: 5px;} table.price th {background-color: #ccc;} table.price tr.row1 td { background-color: #f9cd81;} table.price tr.row2 td { background-color: #fdd899; } table.price input.priceInput {width: 65px;} table.price td.make {width: 50%; } table.price td.model {width: 50%; } table.price td.yoc {text-align: center; } table.price td.price {white-space: nowrap; } table.price th {white-space: nowrap; } table.price tr.errorPrice td { color: #a02; } div#mOrderList { width: 218px; float: left; margin-top: 10px;} div#mOrderList table { border: 1px solid #aaa; width: 208px; } div#mOrderList table tr td a { color: black; text-decoration: none; } div#mOrderList table tr td a:hover { color: black; text-decoration: underline } div#mOrderList table tr.current td a { font-weight: bold; } div#mOrderList table tr.ok td a { color: #0f7511; } div#mOrderList table tr.disabled td a {text-decoration: line-through; } div#mOrderList tr.row1.confirmed td { background-color: #fffb97;} div#mOrderList tr.row2.confirmed td { background-color: #fffbb9; } div#mOrderList tr.row1.accepted td { background-color: #cfb;} div#mOrderList tr.row2.accepted td { background-color: #cfc;} div#mOrderList tr.row1.denied td { background-color: #fdb;} div#mOrderList tr.row2.denied td { background-color: #fdc;} div#mOrderList tr.row1.completed td { background-color: #f1e0f6;} div#mOrderList tr.row2.completed td { background-color: #e9d1f1;} #mOrderData { float: left; width: 700px; } table#orderTable { border-spacing: 1px; width: 100%;} table#orderTable th { background-color: #bbb; } table#orderTable tr.orderItem td, table#orderTable tr.paymentMethod td, table#orderTable tr.cashOnDelivery td, table#orderTable tr.shippingCost td, table#orderTable tr.grossTotal td { background-color: #ddd; } table#orderTable td.price, table#orderTable td.totalPrice {text-align: right; } table#orderTable tr.grossTotal td.totalPrice {font-weight: bold; } table#orderTable td {padding: 2px 4px; } table#orderTable tr.row2 td { background-color: #f9cd81;} table#orderTable tr.row1 td { background-color: #fdd899; } table#orderTable tr.orderItem td {padding: 5px 4px;} #mOrderArchiveSearchBox div.content_left { float: left; width: 350px; } #mOrderArchiveSearchBox div.content_right { float: left; width: 420px; padding-left: 30px; } #mOrderArchiveSearchBox .mo_float_left { font-weight: bold; width: 110px; } #mOrderArchiveSearchBox .mo_float_right { width: 150px; } #mOrderArchiveSearchBox .mo_float_left, #mOrderArchiveSearchBox .mo_float_right { padding: 3px 0px; } #mOrderArchiveSearchBox .content_right .mo_float_right { width: 250px; } #mOrderArchiveSearchBox div.mButtonBox { float: right; margin-right: 100px; } /* MyVehicleGrid | [gr] [] */ div#myVehiclesGrid { width: 790px; overflow: auto; } table#myVehiclesGrid-table { border: 1px solid #ccc; border-spacing: 1px; } table#myVehiclesGrid-table td, table#myVehiclesGrid-table th { white-space: nowrap; padding: 1px 4px; } table#myVehiclesGrid-table td.rowHeader, table#myVehiclesGrid-table th { background-color: #e9e7e7; color: black; } table#myVehiclesGrid-table th { border-bottom: 2px solid #e9e7e7;} table#myVehiclesGrid-table th:hover { border-bottom: 2px solid #a02;} table#myVehiclesGrid-table tr.row1 td { background-color: #f9cd81;} table#myVehiclesGrid-table tr.row2 td { background-color: #fdd899; } table#myVehiclesGrid-table tr.highlight td { border-bottom: 1px solid #a02;} table#myVehiclesGrid-table tr.highlight td.rowHeader { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } table#myVehiclesGrid-table tr.actionBar th { font-weight: normal; background-color: white; color: #222; } table#myVehiclesGrid-table tr.actionBar th:hover { border-bottom: 2px solid #e9e7e7;} table#myVehiclesGrid-table tr.actionBar td { border-top: 2px solid #e9e7e7;} table#myVehiclesGrid-table td { text-align: center; } /* vehicle offer form specials */ div.mCheckboxColumn1, div.mCheckboxColumn2 { width: 170px; float: left; } #div_CAR_FEATURES_SECURITY_ENVIRONMENT, #div_CAR_FEATURES_EXTERIOR , #div_CAR_FEATURES_INTERIOR, #div_CAR_FEATURES_OTHERS {margin-bottom: 10px;} #attr_KW input.txt { width: 50px; } #classifieds #VEHICLE_WIDTH, #classifieds #VEHICLE_LENGTH, #classifieds #VEHICLE_HEIGHT, #classifieds #SHIPPING_SPACE_LENGTH, #classifieds #SHIPPING_SPACE_WIDTH, #classifieds #SHIPPING_SPACE_HEIGHT, #classifieds #SHIPPING_SPACE_VOLUME, #classifieds #SHIPPING_SPACE_EUROPALETTE { width: 60px; } /* special headline-formatting concerning SEO | [sto] [] */ .headline2 {color: #222222; display: inline; font-family: Verdana; font-size: 1.2em; font-weight: bold;} .headline3 {color: #222222; display: inline; font-family: Verdana; font-size: 1.1em; font-weight: bold;} .mUBox .headline2 {color: #000000 !important; cursor: pointer; font-size: 1.4em; position: absolute; top: 20px; left: 20px; line-height: 1.2em; } .mUBox .headline2 span {color: #AA0022 !important;} .msBrowseVehicles .headline2, .msSearchScreen .headline2, .msBrowseClassifieds .headline2 { color: #AA0022; display: block; font-size: 1.3em; margin-top: 11px; margin-bottom: 11px;} .msCheckbox .headline3 {border-bottom: 1px solid #CCCCCC; color: #222222; display:block; font-size: 1.1em; margin: 0; padding: 2px 4px;} .mFormBox .headline2 {color: #222222;} /* special styles for meinestadt details-page | [sto] [m] */ #sidebarForDetails { float: left; width: 350px; } #detailviewColumn { float: right; width: 560px; } #detailviewColumn .mo_details_side { display: none; } #detailviewColumn .mo_details_content { width: 530px; } #detailviewColumn .mo_details_image, #detailviewColumn .mo_details_image img { width: 200px; } #detailviewColumn .mo_details_contact_form { display: block; } #detailviewColumn .mo_details_data span.mo_column { width: 370px; } #detailviewColumn .mo_list_medium { width: 526px; } #detailviewColumn .mo_list_medium .mo_headline a, #detailviewColumn .mo_list_medium textarea { width: 410px; } #detailviewColumn .mo_list_medium ul { width: 418px; } #detailviewColumn .mo_list_medium .mo_link_area { width: 518px; } #detailviewColumn .mo_list_medium .mo_list_content { width: 416px; } #detailviewColumn #mapFormOverlay { display: none;} #detailviewColumn #mapFormOverlay #map { width: 540px; } #detailviewColumn #mapClose { right: 10px; } #detailSearchForm { width: 350px; } #detailSearchForm .mo_pageheadline { margin: 0; } #detailSearchForm form { padding:5px 0px 5px 10px; border-width: 0px 1px 1px 1px; border-color: #999999; border-style: solid; background: #E1EAF3 url('http://assets.motoso.de/images/v8/maIndexActionBox.png') repeat-x scroll center top;} .detailsSearchFormLine input, .detailsSearchFormLine select {width:150px; margin-bottom:3px;} .rightFieldNoPair {margin-left:20px;} div.detailsSearchFormLine input.wholeLine {width: 315px; } #detailSearchForm label.wholeLine {width:300px; display: block;} #detailSearchForm label.halfLine {width: 150px; display: block;} #detailSearchForm .mo_button_search {margin-right: 15px; margin-top: 10px;} /* --- */ /* styles for vehicle landingpages | [sto] [sto] */ .landingpage {font-family: Verdana, sans-serif;} .landingpage .tileHeadline {color: #BC2123; font-size: 15px; font-weight: bold;} .landingpage .tileSubheadline {color:#222222; font-size: 12px; font-weight:bold;} .landingpage #searchBox {margin: 3px; width: 300px; height: 370px; float: left;} .landingpage #teaser {margin: 3px; width: 440px; height: 370px; float: left;} .landingpage #tagcloud {margin: 3px; width: 160px; height: 370px; float: left; overflow:hidden; background: transparent url('http://assets.motoso.de/images/v8/160x370_LP_tagcloud.gif') no-repeat center center;} .landingpage #popular {margin: 3px; width: 300px; height: 290px; float: left;} .landingpage #promo {margin: 3px; width: 300px; height: 290px; float: left;} .landingpage #advert {margin: 3px; width: 300px; height: 290px; float: left;} #usedCarsLanding #teaser {background: transparent url('http://assets.motoso.de/images/v8/440x370_LP_gebrauchtwagen.jpg') no-repeat center center;} #newCarsLanding #teaser {background: transparent url('http://assets.motoso.de/images/v8/440x370_LP_neuwagen.jpg') no-repeat center center;} .landingpage .vehicleCount {padding-left: 250px; padding-top: 8px;} .landingpage .vehicleCount p {margin-bottom: 4px; margin-top: 0px;} .landingpage #teaser span {display:block;} .landingpage #teaser a {display:block; width:100%; height:100%; text-decoration:none;} .popularHeadline {line-height: 55px; background: transparent url('http://assets.motoso.de/images/v8/300x055_LP_var_teaser_head.gif') no-repeat center center; text-align: center;} #promo .promoMain a {display: block; width: 100%; height: 100%;} #promo .promoHeadline {line-height: 55px; background: transparent url('http://assets.motoso.de/images/v8/300x055_LP_var_teaser_head.gif') no-repeat center center; text-align: center;} #promo .promoHeadline a {text-decoration: none; color: #BC2123;} #promo .promoMain {padding: 0px 4px; height: 234px; border-right: 1px solid #848484; border-bottom: 1px solid #848484; border-left: 1px solid #848484; background: transparent url('http://assets.motoso.de/images/v8/sommerreifen-teaser.png') no-repeat center bottom;} #popular .popularMain {padding: 4px; border-left: 1px solid #848484; border-bottom: 1px solid #848484; border-right: 1px solid #848484; height: 226px;} #popular .popularList {padding: 0px; margin:0px;} #popular .popularItem {list-style-type: none; margin-top: 3px; margin-bottom: 3px; height: 72px;} #popular .popularImage {float: left; margin-right: 5px; width: 100px; overflow: hidden;} #popular .popularImage a {text-decoration: none; color: #222222;} #popular .popularDescription {float: left; width:180px; font-size: 12px; font-weight: bold;} #popular .popularDescription a {text-decoration:none; color: #222222;} .landingpage #searchBox {font-size: 10px;} .landingpage #searchBox .searchBoxMain {border-left: 1px solid #848484; border-right: 1px solid #848484; border-bottom: 1px solid #848484; background-color: #E1EAF3; height:318px;} .landingpage #searchBox form {padding-left: 15px;} .landingpage #searchBox .submitButton {margin-top: 8px; margin-left: 15px;} .landingpage #searchBox .detailsSearchFormLine input, .landingpage #searchBox .detailsSearchFormLine select {width:120px; margin-bottom:3px; font-size: 11px;} .landingpage #searchBox .rightFieldNoPair {margin-left: 20px;} .landingpage #searchBox label.wholeLine {width:240px; display: block;} .landingpage #searchBox label.quarterLine {width: 65px; display: block;} .landingpage #searchBox input.quarterLine, .landingpage #searchBox select.quarterLine {width: 65px; margin-left: 0px;} .landingpage #searchBox .firstElement {margin-right: 24px;} .landingpage #searchBox .detailSearchFormEndLine {width: 270px;} .landingpage #searchBox .endLineElement {width: 90px; padding:0px !important;} .landingpage #searchBox .shortEntryElement {width: 90px; float: left;} .landingpage #searchBox .zipEntryElement {width: 75px !important; display: block;} .landingpage #searchBox .radiusEntryElement {width: 90px !important; display: block;} .landingpage #searchBox .mo_button { width: 90px !important; margin-top: 15px;} .landingpage #searchBox .typeList {margin: 0px; padding: 0px;} .landingpage #searchBox .typeList li {float: left; list-style-type: none; border-bottom: 1px solid #848484;} .landingpage #searchBox .typeList li.rightBorder {border-right: 1px solid #848484;} .landingpage #searchBox .searchBoxHeadline_left {float: left; width: 5px; height: 50px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_border.png') no-repeat -5px 0px;} .landingpage #searchBox .searchBoxHeadline_center {float: left; width: 290px; height: 50px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_center.png') repeat-x;} .landingpage #searchBox .searchBoxHeadline_right {float: left; width: 5px; height: 50px; background: url('http://assets.motoso.de/images/v8/mIndexSearchVehicle_border.png') no-repeat 0px 0px;} .landingpage #searchBox .searchBoxHeadline {color: white; text-transform: uppercase; font-size: 18px; line-height: 30px; font-weight: bold; height: 50px;} .searchBoxHeadline_center .subheadline {display:block; line-height: 15px; font-size:11px; text-transform: none;} .searchBoxHeadline_center .subheadline a {color: white;} .searchBoxHeadline_center .subheadline a:hover {color: #AA0022} .landingpage #searchBox .bottomLink {border-top: 1px solid #848484; text-align: center; font-size: 12px; height:30px; margin-top: 8px;} .landingpage #searchBox .bottomLink a {color: #BC2123; text-decoration: none; line-height: 30px;} .landingpage #searchBox .detailsSearchFormLine {height:35px; clear:left; margin-top:8px;} /* --- */ #mEditO2pTextOptions div.mFormBox mo_content div.mo_float_left { text-align: right; padding-right:10px; font-weight: normal; } /* --- */ /* google adsense box */ div.mGoogleAdSense486_60 {margin: 10px auto; padding-top: 10px; border-top: 1px solid gray; } /* merchant hits */ div.mSRListBoxService.mGarageHits .content_right {border: none; float: left; width: 587px; margin-left: 10px; height: auto; } #mO2pIcon {float: left; padding: 5px 0px 0px 0px;} /* o2p wizard */ div.mO2pAdImage { float: left; width: 98px; text-align:center; border: 1px solid #ccc; margin-right: 5px; margin-bottom: 5px; padding-top: 4px;} div.mO2pAdImage label {display: block; height: 68px; text-align: center; margin: 0px;} div.mO2pAdImage input { margin: 7px 0px 7px 0px;} div.mO2pLoadProgress {position: absolute; } tr.section td { color: #a02; font-weight: bold; border-bottom: 1px dotted #ccc; padding-top: 12px; padding-left: 4px;} .mo_body fieldset li.distinctChooser {padding-left: 190px;} .mo_body fieldset li.distinctChooser label.rb {display: inline; float: none; font-weight: bold;} img.ivw {position: absolute; top: 0px; left: 0px;} div#newPrintAdIntro {margin: 20px 0px; padding: 10px;} body.classifiedsPreview div#msSubNavigation {display: none; } body.newClassifiedsStep2 .mo_button_previous {float:left; } body.personalData .mRegisterFormBox .content_bottom { background-color: transparent; padding: 10px 10px 10px 0px; } body.newClassifiedsStep1 div.mo_content.attributes br {line-height: 3em;} /* classifieds wizard progress bar | [or] */ ul.wizardProgress {margin:0; padding: 0; list-style: none; margin: 10px 0px 20px 0px; background-color: #7195af; float: left; width: 100%;} ul.wizardProgress li {display: block; float: left; padding: 3px 0px; color: white;} ul.wizardProgress li {width: 33.1%;} ul.wizardProgress.o2pRequired li {width: 14.15%;} ul.wizardProgress li {background: url('http://assets.motoso.de/images/v8/wizardProgressArrow.gif') no-repeat right center;} ul.wizardProgress li.step3, ul.wizardProgress li.step7 {background: none;} ul.wizardProgress.o2pRequired li.step3 {background: url('http://assets.motoso.de/images/v8/wizardProgressArrow.gif') no-repeat right center;} ul.wizardProgress li span {padding-left: 9px; } body.classifiedsWizard.newClassifiedsStep1 ul.wizardProgress li.step1, body.classifiedsWizard.newClassifiedsStep2 ul.wizardProgress li.step2, body.classifiedsWizard.personalData ul.wizardProgress li.step3, body.classifiedsWizard.o2pStep1 ul.wizardProgress li.step4, body.classifiedsWizard.o2pStep2 ul.wizardProgress li.step5, body.classifiedsWizard.o2pStep3a ul.wizardProgress li.step6, body.classifiedsWizard.o2pStep3 ul.wizardProgress li.step7, body.classifiedsWizard.o2pStep3b ul.wizardProgress li.step7, body.classifiedsWizard.o2pStep4 ul.wizardProgress li.step7 {font-weight: bold;} /* hide navigation for classifiedsWizard o2p steps */ body.classifiedsWizard.o2pStep1 .mo_sub_nav, body.classifiedsWizard.o2pStep2 .mo_sub_nav, body.classifiedsWizard.o2pStep3 .mo_sub_nav, body.classifiedsWizard.o2pStep3a .mo_sub_nav, body.classifiedsWizard.o2pStep3b .mo_sub_nav, body.classifiedsWizard.o2pStep4 .mo_sub_nav { display: none; } body.classifiedsWizard .mo_head_links {display: none; } /* new classifieds image uploader */ div.mUploadedImage {width: 90px; height: 68px; float: left; margin-right: 25px; margin-bottom: 20px; position: relative;} div.mUploadedImage a {position: absolute; top: 3px; right: 3px; background-color: white; text-decoration: none;} div.addImage {width: 90px !important; height: 68px !important; margin: 0 !important; overflow:hidden; position: relative; float:left; margin-right: 25px;} div.addImage img#fileUploadIndicator {position: absolute; top: -24px; left: -32px; z-index: 100;} div.addImage div.file_input_button { width: 88px; height: 62px; position: absolute; top: 0px; left: 0; background-color: #e1e1e1; color: #666; border: 1px dotted #bbb; text-align: center; padding-top: 4px; } div.addImage input.file_input_hidden { font-size: 68px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } #msVCS_envPlacet{ margin-left:25px; margin-top:15px; } /* motomorph */ div#motomorph-top { height: 10px; width: 100%; background: url('/images/warnBorderTop.png') repeat-x; position: fixed; top: 0; z-index:10000; } div#motomorph-bottom { height: 10px; width: 100%; background: url('/images/warnBorderBottom.png') repeat-x bottom; position: fixed; bottom: 0; z-index:10000; } div#motomorph-left { height: 100%; width: 10px; background: url('/images/warnBorderLeft.png') repeat-y; position: fixed; top: 0; left: 0; z-index:9999; } div#motomorph-right { height: 100%; width: 10px; background: url('/images/warnBorderRight.png') repeat-y top right; position: fixed; top: 0; right: 0; z-index:9999; } div#motomorph-box { position: fixed; bottom: 0px; right: 0px; z-index: 9998; background-color: #fffabd; padding: 10px; } div#motomorph-box a { text-decoration: none; font-weight: bold; font-size: 1.2em; } /* Default Styles | [m] [m] */ .mo_body { background-color: white; position: relative; padding: 10px; margin: 0; } .mo_page * { margin: 0; padding: 0; } .mo_page p { margin: 12px 0; } .mo_page hr { border-bottom: 1px solid #bbb; height: 1px; } .mo_page a { outline: none; } .mo_page a:link { color: #004dc1; } .mo_page a:visited { color: #004dc1; } .mo_page a:hover { color: #a02; } .mo_page a:active { color: #004dc1; } .mo_page a.noStyle { color: #333; text-decoration: none; } .mo_page h1, .mo_page h2, .mo_page h3, .mo_page h4 { font-family: Arial, Verdana; color: #333; display: block; padding: 5px 0; margin-top: 10px; } .mo_page h1 { font-size: 22px; } .mo_page h2 { font-size: 18px; } .mo_page h3 { font-size: 14px; } .mo_page h4 { font-size: 12px; } .mo_clear { clear: both; height: 0; } .mo_hidden { display: none; } .mo_content { padding: 10px; } .mo_nobr { white-space: nowrap; } .mo_bold { font-weight: bold; } /* ALERTS [m] [] */ .mo_alert_box { border: 1px solid; padding: 10px; margin: 10px 0; border-radius: 5px; font-size: 1.2em; line-height: 1.4em; text-shadow: 0px 0px 1px #fff; } .mo_alert_headline { font-weight: bold; } .mo_alert_headline_block { font-weight: bold; display: block; font-size: 1.1em; } .mo_alert_box ul { list-style: disc; margin: 10px 0 0 10px; } .mo_alert_box li { padding: 1px 4px; margin: 2px 0 0 10px; font-size: 0.9em; } .mo_error, .mo_page .mo_error a { color: #990022; background-color: #ffdddd; } .mo_hint, .mo_page .mo_hint a { color: #777722; background-color: #ffffdd; } .mo_info, .mo_page .mo_info a { color: #002277; background-color: #ddddff; } .mo_success, .mo_page .mo_success a { color: #007722; background-color: #ddffdd; } /* Structure [m] [] */ .mo_page { width: 1202px; position: relative; margin: 0 auto; font-family: Verdana, Arial; font-size: 12px; line-height: 1.5em; color: #333; } .mo_page_content { margin-top: 10px; box-shadow: 0 3px 10px #444; border: 1px solid #ccc; padding-top: 10px; background-color: #fff; width: 990px; float: left; position: relative; } .mo_page_content_only { width: 570px; } .mo_column_left { float: left; width: 250px; margin: 0 -260px 0 10px; padding-bottom: 10px; display: inline; } .mo_column_flex_right { float: right; width: 710px; margin: 0 10px 0 270px; padding-bottom: 10px; display: inline} .mo_column_flex_left { float: left; width: 710px; margin: 0 270px 0 10px; padding-bottom: 10px; display: inline; } .mo_column_right { float: right; width: 250px; margin: 0 10px 0 -260px; padding-bottom: 10px; display: inline; } .mo_software_partner .mo_content_left { width: 170px; margin-top: 4px; } .mo_software_partner .mo_content_right { width: 370px; margin-top: 4px; } .mo_current_page_index { height: 670px; position: relative; } .mo_current_page_register .mo_content_left { float: left; width: 480px; } .mo_current_page_register .mo_content_right { float: right; width: 480px; } .mo_current_page_login { padding-bottom: 10px; } .mo_current_page_login .mo_content_left { float: left; width: 350px; } .mo_current_page_login .mo_content_right { float: right; width: 350px; } .mo_current_page_classifiedslogin {} /* Ad's | [m] [] */ .mo_ad_sky { float: left; margin-top: 10px; margin-left: 10px; width: 200px; } .mo_ad_rectangle_detail { width: 300px; height: 290px; } .mo_ad_wall .mo_markt_group { display: none; } /* hockey - dock fullsize on the left of skyscraper */ .mo_ad_wall .mo_ad_fullsize_hockey { float: right; } .mo_ad_wall .mo_ad_fullsize_hockey #mo_ad_fullsize_handler { text-align: right; margin-right: 200px; } .mo_ad_wall .mo_ad_sky_hockey { position: absolute; top: -10px; right: 0px; margin-right: auto; } /* wall - dock skyscraper at bottom of fullsize */ .mo_ad_wall .mo_ad_fullsize_wall { float: right; } .mo_ad_wall .mo_ad_fullsize_wall #mo_ad_fullsize_handler { text-align: right; } .mo_ad_wall .mo_ad_sky_wall { margin-top: -10px; } .mo_ad_wall .mo_ad_sky_wall #mo_ad_sky_handler { text-align: right; } .mFlashStageAd { background-color: white; } .mFlashStageAd span { width: 770px; display: block; margin: 0px auto;} /* Footer [m] [] */ .mo_footer { text-align: center; border-top: 1px solid #888; } .mo_footer_links { padding: 10px; } .mo_footer_links a { padding-left: 10px; } .mo_footer .mo_copyright, .mo_footer .mo_copyright *, .mo_footer .mo_copyright a:link, .mo_footer .mo_copyright a:visited { display: inline; font-size: 10px; line-height: 15px; color: #666; font-weight: normal; font-family: Verdana, Arial; text-decoration: none; } .mo_footer .mo_copyright { display: block; padding: 10px; } .mo_footer_partners { position: relative; padding: 10px; width: 410px; margin: 0 auto; color: #666; } .mo_footer_partners ul { list-style: none; } .mo_footer_partners li { float: left; padding: 0 5px; line-height: 18px; } .mo_markt_group { padding: 10px; text-align: center; margin: 10px 200px 0 0; border: none; } /* ############################ ############################ */ #tagcloud .tagcloudHeadline {height: 55px; text-align: center; padding-top: 10px;} #tagcloud ul {padding: 0px; margin-left: 0px; padding-left: 3px; padding-right: 3px; margin-top: 0px; width:150px;} #tagcloud .tagcloudItem {list-style-type: none; display:inline; float:left; color:#ACACAC; font-weight: bold; text-transform:uppercase; margin-top:1px; margin-right: 4px;} #tagcloud .tagcloudItem a {text-decoration: none; color:#ACACAC;} #tagcloud .tagcloudItem a:hover {color:#AA0022} #tagcloud .tagsize20 {font-size: 26px; line-height: 26px;} #tagcloud .tagsize19 {font-size: 25px; line-height: 25px;} #tagcloud .tagsize18 {font-size: 24px; line-height: 24px;} #tagcloud .tagsize17 {font-size: 23px; line-height: 23px;} #tagcloud .tagsize16 {font-size: 22px; line-height: 22px;} #tagcloud .tagsize15 {font-size: 21px; line-height: 21px;} #tagcloud .tagsize14 {font-size: 20px; line-height: 20px;} #tagcloud .tagsize13 {font-size: 19px; line-height: 19px;} #tagcloud .tagsize12 {font-size: 18px; line-height: 18px;} #tagcloud .tagsize11 {font-size: 17px; line-height: 17px;} #tagcloud .tagsize10 {font-size: 16px; line-height: 16px;} #tagcloud .tagsize9 {font-size: 15px; line-height: 15px;} #tagcloud .tagsize8 {font-size: 14px; line-height: 14px;} #tagcloud .tagsize7 {font-size: 13px; line-height: 13px;} #tagcloud .tagsize6 {font-size: 12px; line-height: 12px;} #tagcloud .tagsize5 {font-size: 11px; line-height: 11px;} #tagcloud .tagsize4 {font-size: 10px; line-height: 10px;} #tagcloud .tagsize3 {font-size: 9px; line-height: 9px;} #tagcloud .tagsize2 {font-size: 8px; line-height: 8px;} #tagcloud .tagsize1 {font-size: 7px; line-height: 7px;} .mIndexMap { background-color: white; border-top: 1px solid #888; } .mIndexMap .domain { clear: both; margin-bottom: 25px; padding-left: 4px;} .mIndexMap .domain li { float: left; margin-right: 10px; } .mIndexMap .domain h1 { font-size: 0.8em; margin:0px; } .mIndexMap .domain a:link, .mIndexMap .domain a:visited { color: #666; } .mIndexMap .domain h1 a:link, .mIndexMap .domain h1 a:visited {color: #222; text-decoration: none; } .mPrintAdAbbreviations table { margin-top: 15px; margin-bottom: 15px; width: 100%; cellspacing: 0px; border: 0px; } .mPrintAdAbbreviations table th { text-align: left; border-bottom: 1px solid #ccc; } .mPrintAdAbbreviations table tr.row2 { background-color: #eee; } /* facets | [or] [gr] */ .maFacet { position: relative; margin-right: 5px; margin-bottom: 5px; padding: 0px; height: 20px; border: 1px solid #7195af; } .maFacet { white-space: nowrap; } .maFacet label {font-size: 0.85em; margin-left: 4px;} .maFacet em {font-size: 0.9em; font-weight: bold; font-style: normal; } .maFacetRemove {font-weight: bold; text-decoration: none; font-size: 1.1em; margin-left: 3px; margin-right: 3px; color: #38537c;} .maFacetOpen {float: left; width: 10px; height: 20px; margin: 0; padding: 0; margin-left: 4px; display: block; background: url('http://assets.motoso.de/images/v8/buttons/maFacet_open_icon.gif') left no-repeat; } .maFacetEdit {display: none; position: absolute; top: 20px; left: -1px; z-Index: 1000; padding: 5px; border: 1px solid #7195af; background: url('http://assets.motoso.de/images/v8/buttons/maButton_blue_back.gif') bottom repeat-x; background-color: white;} div.mDomainvehicles div.maFacet label {display:none; } div.mDomainvehicles div.maFacet { background: none; padding-left: 3px;} div.mDomainvehicles div.maFacet em {font-size: 0.9em; font-weight: normal; font-style: normal; } div.mSearchFacetsBar {margin-left: 0px; font-size: 1.3em; border: 1px solid #ccc; background: #f9f9f9; } div.mSearchFacetsBar * { text-align: left;} div.mSearchFacetsBar div.mSingleFacet { padding: 5px; margin-bottom: 21px; margin-top: 7px;} div.mSearchFacetsBar div.mSingleFacet .mo_facet_headline { font-weight: bold; color: #222; font-size: 0.9em; line-height: 1em; margin: 0; margin-bottom: 6px;} div.mSearchFacetsBar div.mSingleFacet .mo_facet_headline a { color: #222; text-decoration: none;} div.mSearchFacetsBar div.mSingleFacet .mo_facet_headline a:hover { color: #a20; text-decoration: underline;} div.mSearchFacetsBar div.mSingleFacet.hide .mo_facet_headline a { padding-left: 16px; background: url('http://assets.motoso.de/images/v8/famfamfam/more_details.gif') no-repeat -3px 1px;} div.mSearchFacetsBar div.mSingleFacet.show .mo_facet_headline a { padding-left: 16px; background: url('http://assets.motoso.de/images/v8/famfamfam/show_details.gif') no-repeat -3px 1px;} div.mSearchFacetsBar div.mSingleFacet:hover { background: #eee;} div.mSearchFacetsBar ul { list-style-type: none; margin: 0px; padding: 0px; margin-top: 5px;} div.mSearchFacetsBar ul a { text-decoration: none;} div.mSearchFacetsBar ul a:hover { text-decoration: underline;} div.mSearchFacetsBar ul li { margin-bottom: 2px; font-size: 0.8em; line-height: 1.4em;} .mSingleFacet ul li { margin-left:16px; list-style: disc outside; color: #aaa; } .mSingleFacet ul li.mFacetValueOpenClose {list-style: none;} .mSingleFacet ul li em, .mSingleFacet ul li span {color: #222;} .mSingleFacet li.category.level2 {padding-left: 5px;} .mSingleFacet li.category.level3 {padding-left: 10px;} .mSingleFacet li.category.level4 {padding-left: 15px;} .mSingleFacet li.category.level5 {padding-left: 20px;} .mSingleFacet li.category.level5 {padding-left: 25px;} div.mSingleFacet.all div.mSingleFacetSmall, div.mSingleFacet.small div.mSingleFacetAll {display: none;} div.mSingleFacet.hide div.mSingleFacetSmall, div.mSingleFacet.hide div.mSingleFacetAll {display: none !important;} div.mSingleFacetSmall.attribute {margin-left: 16px;} .mSRListHead {background-color: #f9f9f9; padding: 7px 5px; border: 1px solid #ccc; border-bottom: none; margin:0;} .mPagerPrev { background: url('http://assets.motoso.de/images/v8/famfamfam/resultset_previous.gif') no-repeat;} .mPagerNext { background: url('http://assets.motoso.de/images/v8/famfamfam/resultset_next.gif') no-repeat;} .mPagerPrev, .mPagerNext { display:-moz-inline-box; display:inline-block; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom; width: 8px; height: 16px; background-position: -3px 0; } .mSearchGlobalFacetsBar { margin-left: 0px; border: 1px solid #ccc; padding: 5px; background: url('http://assets.motoso.de/images/v8/maIndexActionBox.png') bottom repeat-x; background-color: white; } .mSearchGlobalFacetsBar div.mSingleFacet label { display: block; } .mSearchGlobalFacetsBar div.mSingleFacet div.left { width: 90px; margin-right:3px; float: left;} .mSearchGlobalFacetsBar div.mSingleFacet input, .mSearchGlobalFacetsBar div.mSingleFacet select { width: 80px; } .mSearchGlobalFacetsBar div.mSingleFacet div.right { width: 90px; margin-left:3px; padding: 0; float: left;} .mSearchGlobalFacetsBar div.mButton { margin-top: 10px; } .mSearchGlobalFacetsBar #mFacetQuery { width:170px; } .mSearchGlobalFacetsBar select, .mSearchGlobalFacetsBar input { width: 80px; font-size: 1em; } .mSearchGlobalFacetsBar label { font-size: 1em;} .mSearchGlobalFacetsBar input, .mSearchGlobalFacetsBar select { margin-bottom: 4px;} .mSearchGlobalFacetsBar input.mWithImage { width: auto; padding-left: 0px; margin-left: 0px;} .mSearchGlobalFacetsBar div.mWithImage { margin-top: 7px;} .mSearchGlobalFacetsBar #msVCS_make { float:left; width: 50%;} .mSearchGlobalFacetsBar #msVCS_model { float:left; width: 50%;} #mSearchDistance #POSTAL_CODE { width: 80px; } div.mSearchFacetsBar label {font-size: 0.8em;} div.mSearchFacetsBar input#mFacetQuery, div.mSearchFacetsBar label.priceFloor, div.mSearchFacetsBar select#priceFloor, div.mSearchFacetsBar label.hsn, div.mSearchFacetsBar input.mHSN, div.mSearchFacetsBar label.postalCode, div.mSearchFacetsBar input#POSTAL_CODE, div.mSearchFacetsBar input.mWithImage {margin-left: 16px;} div.mSearchFacetsBar select.intervalFrom, div.mSearchFacetsBar select.intervalTo, div.mSearchFacetsBar select#priceFloor, div.mSearchFacetsBar select#priceCeiling {width: 72px; margin-right: 3px;} div.mSearchFacetsBar label.intervalFrom, div.mSearchFacetsBar label.intervalTo, div.mSearchFacetsBar label.hsn, div.mSearchFacetsBar label.tsn {display: block; float:left; width: 77px;} div.mSearchFacetsBar div.mSingleFacet br {clear: both;} div.mSearchFacetsBar label.priceFloor, div.mSearchFacetsBar label.priceCeiling {display: block; float:left; width: 77px;} div.mSearchFacetsBar div#singleFacetDiv_hsntsn br {clear: both;} div.mSearchFacetsBar input#mFacetQuery {width: 142px; margin-right: 3px;} div.mSearchFacetsBar input.mHSN, div.mSearchFacetsBar input.mTSN {width: 66px; margin-right: 3px;} div.mSearchFacetsBar input.globalFacetsSubmit {padding: 1px;} /* div.mSearchFacetsBar .mSingleFacetSmall.attribute div input.globalFacetsSubmit {float: right;} */ div.mSearchFacetsBar div#singleFacetDiv_region label {display: block; float:left; width: 82px;} div.mSearchFacetsBar div#singleFacetDiv_region br {clear: both;} div.mSearchFacetsBar input#POSTAL_CODE {width: 66px; margin-right: 3px;} div.mSearchFacetsBar select#DISTANCE {width: 72px; margin-right: 3px;} div.mSearchFacetsBar #singleFacetDiv_images label {width: 154px; display: inline-block;} div.mSearchFacetsBar #singleFacetDiv_images input {vertical-align: bottom;} /* offer forms */ #mSuitableFor .mBrand, #mSuitableFor .mModel, #mSuitableFor .mType, #mSuitableFor .mVariant, #mSuitableFor .mYocFrom, #mSuitableFor .mYocTo {width: 130px;} #table_filter th { text-align: left; } #table_filter tr.actions td.actions { text-align: left; border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 6px 6px; background-color: #dfdfdf; } #table_filter td.mode select, #table_filter tr.category td.filter select, #table_filter td.filter input { border: 1px solid gray; padding: 2px; margin: 0; background-color: #fff; } #table_filter td.filter input { width: 462px; } #table_filter td { padding: 0 5px 5px 0; } #table_filter tr.category td.filter select { width: 156px; } #table_filter td.mode select { width: 120px; } #table_filter tr.status td.filter input, #table_filter tr.markedForPrint td.filter input, #table_filter tr.salable td.filter input{ border: 0px; margin: 0 4px 0 10px; width: auto; } #table_filter tr.status td.filter label, #table_filter tr.markedForPrint td.filter label, #table_filter tr.salable td.filter label { float: none; display: inline; } fieldset#filters .mo_button_search { margin-top: 10px; } /* classifieds list | [or] [m] */ div#classifiedsGrid, div#orderGrid { width: 970px; margin-top: 10px; overflow: auto; } table#classifiedsGrid-table, table#orderGrid-table, table#orderTable{ border: 1px solid #ccc; border-spacing: 1px; font-size: 12px; } /* vehilcle list | [or] [m] */ div#classifiedsGrid_vehicleList div.row2, div#classifiedsGrid_vehicleList div.row1 { margin-bottom: 5px; border: 1px solid #ccc; position: relative; } div#classifiedsGrid_vehicleList div.row2.active { background-color: #cfb; } div#classifiedsGrid_vehicleList div.row1.active { background-color: #cfc; } div#classifiedsGrid_vehicleList div.row2.expired { background-color: #fdc; } div#classifiedsGrid_vehicleList div.row1.expired { background-color: #fdb; } div#classifiedsGrid_vehicleList input { width: 20px; margin-top: 5px; } div#classifiedsGrid_vehicleList span.headline { font-weight: bold; line-height: 2em; } div#classifiedsGrid_vehicleList span.sellerArticleId { font-weight: bold; display: block; margin-left: 24px; line-height: 2em; } div#classifiedsGrid_vehicleList span.attributes { font-weight: normal; display: block; margin: 0 105px 0 24px; overflow: hidden; } div#classifiedsGrid_vehicleList span.price { font-weight: normal; display: block; width: 150px; position: absolute; top: 52px; left: 24px;} div#classifiedsGrid_vehicleList span.image { display: block; width: 90px; position: absolute; right: 10px; top: 0; text-align: right;} div#classifiedsGrid_vehicleList span.id { display: block; margin: 10px 0 10px 19px; clear: both; } div#classifiedsGrid_vehicleList span.id a { text-decoration: none; vertical-align: middle; } div#classifiedsGrid_vehicleList span.id a img { vertical-align: middle; } div#classifiedsGrid_vehicleList span.id a em { text-decoration: underline; font-style: normal; padding-left: 5px; padding-right: 5px; } table#classifiedsGrid-table td, table#classifiedsGrid-table th { white-space: nowrap; padding: 1px 4px; } table#classifiedsGrid-table td.rowHeader, table#classifiedsGrid-table th { background-color: #e9e7e7; color: black; } table#classifiedsGrid-table th { border-bottom: 2px solid #e9e7e7;} table#classifiedsGrid-table tr.row1.active td { background-color: #cfb; border-bottom: 1px solid #cfb; } table#classifiedsGrid-table tr.row2.active td { background-color: #cfc; border-bottom: 1px solid #cfc; } table#classifiedsGrid-table tr.row1.expired td { background-color: #fdb; border-bottom: 1px solid #fdb; } table#classifiedsGrid-table tr.row2.expired td { background-color: #fdc; border-bottom: 1px solid #fdc;} table#classifiedsGrid-table tr.row1.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row2.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row1.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row2.highlight td { border-bottom: 1px solid #a02;} table#classifiedsGrid-table tr.row1.active td.rowHeader, table#classifiedsGrid-table tr.row2.active td.rowHeader, table#classifiedsGrid-table tr.row1.expired td.rowHeader, table#classifiedsGrid-table tr.row2.expired td.rowHeader, table#classifiedsGrid-table tr.highlight td.rowHeader { background-color: #e9e7e7; border-bottom: 1px solid #e9e7e7; } table#classifiedsGrid-table tr.actionBar th { font-weight: normal; background-color: white; color: #222; } table#classifiedsGrid-table tr.actionBar th:hover { border-bottom: 2px solid #e9e7e7;} table#classifiedsGrid-table tr.actionBar td { border-top: 2px solid #e9e7e7;} table#classifiedsGrid-table td.price, table#classifiedsGrid-table td.shippingCost, table#classifiedsGrid-table td.amount { text-align: right; } table#classifiedsGrid-table td.salable, table#classifiedsGrid-table td.status, table#classifiedsGrid-table td.isNew { text-align: center; } table#classifiedsGrid-table th.status, table#classifiedsGrid-table td.status, table#classifiedsGrid-table th.negotiable, table#classifiedsGrid-table td.negotiable, table#classifiedsGrid-table th.randomOrder, table#classifiedsGrid-table td.randomOrder, table#classifiedsGrid-table th.image, table#classifiedsGrid-table td.image, table#classifiedsGrid-table th.attributes, table#classifiedsGrid-table td.attributes { display: none; } table#classifiedsGrid-table td.price, table#classifiedsGrid-table td.shippingCost, table#classifiedsGrid-table td.amount { text-align: right; } div#classifiedsGrid-configureColumns { background-color: white; border: 1px solid black; width: 200px; } input.mFilterRemoveButton {font-weight: bold; background-color: #e9e7e7; border: none; background: url('http://assets.motoso.de/images/v8/famfamfam/cross.gif') no-repeat; width: 20px; height: 20px; margin-top: 4px; padding-left: 19px; color: #e9e7e7; cursor: pointer;} /* ############################ ############################ */ .mo_list_default { list-style-type: disc !important; padding: 0px 0 5px 15px !important; margin: 0 0 5px 15px !important; } .mo_list_default li { padding: 0 0 2px 0; margin: 0; } .mo_list_no_style { list-style: none; } .mo_page .mo_pageheadline { color: white; background-color: #767676; padding: 4px 8px; letter-spacing: 0.03em; font-size: 1.4em; position: relative; margin: 10px 0; z-index: 2; font-family: Arial, Verdana; font-weight: bold; } .mo_page .mo_pageheadline a { color: white; font-size: 0.7em; } .mo_progress { position: relative; margin-right: 25px !important; } .mo_icon_progress { background: url('http://assets.motoso.de/images/v8/v12/mo_icon_progress.gif') no-repeat; position: absolute; top: 3px; right: -25px; width: 20px; height: 20px; } /* Default Box [m] [m] */ .mo_box { border: 1px solid #6c7175; margin: 0 0 10px 0; } .mo_box h2 { display: block !important; background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x; text-align: center; font-size: 14px; line-height: 14px; padding: 8px; margin: 0; } .mo_box.mo_align_left h2 { padding-left: 15px; text-align: left; } .mo_box .mo_content { font-size: 12px; line-height: 1.5em; } .mo_box_footer { background-color: #efefef; padding: 8px; overflow: hidden; } .mo_box_footer h5 { display: block !important; font-size: 12px; background-color: #dedede; margin: -8px -8px 10px -8px; padding: 4px 8px; } /* Default Big Box [m] [m] */ .mo_box_big { position: relative; } .mo_box_big .mo_box_big_headline { display: block; color: #222 !important; font-size: 18px; height: 50px; overflow: hidden; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: right -50px; padding: 0 8px 0 0; margin: 0; text-align: center; text-decoration: none; font-family: Arial, Verdana; } .mo_box_big h4.mo_box_big_headline { font-size: 12px; } .mo_box_big span.mo_box_big_headline { display: block; background: transparent url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: left 0; line-height: 50px; } .mo_box_big .mo_box_big_headline .mo_align_left { padding-left: 15px; text-align: left; } .mo_box_big_content { padding: 5px; border: 2px solid #7a7a7a; border-top: none; margin-bottom: 10px; } /* Default Form [m] [m] */ .mo_page form h2, .mo_form h2 { color: #1F71BF; font-family: Arial, Verdana; font-size: 14px; margin: 4px 0; font-weight: bold; } .mo_page form h3, .mo_form h3 { color: #222; font-family: Arial, Verdana; font-size: 14px; margin: 4px 0; padding-bottom: 4px; border-bottom: 1px solid gray; font-weight: normal; } .mo_page fieldset { border: 0px; padding: 10px; background-color: transparent; } .mo_page fieldset ul { list-style: none; margin: 0; padding: 0; background-color: transparent; } .mo_page fieldset li { padding: 0; margin: 0 0 8px 0; background-color: transparent; clear: both; } .mo_page fieldset small { display: block; } .mo_page fieldset label { display: block; font-family: Arial, Verdana; font-size: 12px; line-height: 20px; float: left; width: 190px; } .mo_page fieldset label.mo_form_checkbox_label { display: inline; width: auto; float: none; } .mo_page fieldset label .mo_label_required { color: #1F71BF; display: inline; } .mo_form_area { padding: 1px; margin: 0; background-color: #f4f4f4; border: 0px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; } .mo_form_column { float: left; width: 650px; } .mo_form_column_middle { float: left; width: 390px; } #o2pFormContainer .mo_form_column { width: 400px; } .mo_page .mo_col2 fieldset { float: left; width: 430px; } .mo_page .mo_col2 .mo_form_column { float: left; width: 240px; } .mo_page .mo_col2 .mo_form_column_middle { float: left; width: 240px; } .mo_page .mo_col3 fieldset { float: left; width: 280px; } .mo_page .mo_col3 .mo_form_range .mo_form_select, .mo_page .mo_col3 .mo_form_range .mo_form_select_auto { width: 110px; } .mo_page form .mo_vertical label { float: none; width: auto; } .mo_page input { padding: 3px; } .mo_form_input_date, .mo_form_input, .mo_form_input_middle, .mo_form_input_short, .mo_form_input_long, .mo_form_select, .mo_form_select_short, .mo_form_select_middle, .mo_form_select_long, .mo_form_select_auto, .mo_form_textarea, .mo_form_textarea_short, .mo_form_input_phone_short, .mo_form_input_phone_number, .mo_form_select_distance { border: 1px solid gray; font-family: Verdana, Arial; font-size: 0.95em; margin: 0; background-color: #fff; } .mo_form_input_date { width: 70px; } .mo_form_input { width: 200px; } .mo_form_input_long { width: 318px; } .mo_form_input_middle { width: 150px; } .mo_form_input_short { width: 40px; } .mo_form_textarea { width: 358px; height: 100px; } .mo_form_textarea_short { width: 200px; height: 50px; } .mo_form_select { width: 206px; } .mo_form_select_middle { width: 156px; } .mo_form_select_short { width: 62px; } .mo_form_select_auto { width: auto; } .mo_form_select_distance { width: 72px; } .mo_form_input_phone_short { width: 35px; } .mo_form_input_phone_number { width: 101px; } .mo_form_checkbox, .mo_form_radio { display: inline-block; margin: 0 4px 4px 0; } .mo_form_select option, .mo_form_select_short option, .mo_form_select_middle option, .mo_form_select_long option, .mo_form_select_auto option { padding: 2px; } .mo_page .mo_form_group label, .mo_page .mo_form_group .mo_form_select { width: 106px; } .mo_page .mo_form_group .mo_form_input { width: 100px; } .mo_page .mo_form_group_left { padding: 0 4px 0 0; } .mo_page .mo_form_group_right { padding: 0 0 0 4px; } .mo_page .mo_form_group_left, .mo_page .mo_form_group_right { width: 120px; float: left; } .mo_page .mo_col3 .mo_form_group label, .mo_page .mo_col3 .mo_form_group .mo_form_select, .mo_page .mo_col3 .mo_form_group .mo_form_input { width: 105px; } .mo_page .mo_col3 .mo_form_group_left, .mo_page .mo_col3 .mo_form_group_right { width: 120px; float: left; } .mo_form_top, .mo_form_top span { background: url('http://assets.motoso.de/images/v8/v12/mo_form_back.gif') no-repeat right -4px; height: 4px; padding: 0 5px 0 0;} .mo_form_top span { background-position: left 0; display: block; overflow: hidden; } .mo_form_bottom, .mo_form_bottom span { background: url('http://assets.motoso.de/images/v8/v12/mo_form_back.gif') no-repeat right -12px; height: 4px; padding: 0 5px 0 0; margin-bottom: 10px; clear: both; } .mo_form_bottom span { background-position: left -8px; display: block; overflow: hidden; } .mo_form_popup fieldset label { width: 454px; } .mo_form_popup .mo_form_input { width: 454px; } .mo_form_popup .mo_form_select { width: 458px; } .mo_form_popup .mo_form_textarea{ width: 458px; height: 100px; } .mo_page .mo_form_search_request fieldset { width: auto; padding: 5px; float: none; } .mo_page .mo_form_search_request fieldset label { width: 80px; } .mo_page .mo_form_search_request .mo_form_group_left { margin-bottom: 8px; } .mo_page .mo_form_search_request .mo_form_group_left, .mo_page .mo_form_search_request .mo_form_group_right { width: 84px; } .mo_page .mo_form_search_request .mo_form_group_sr_fullsize { width: 170px; padding: 0; } .mo_page .mo_form_search_request .mo_form_group_sr_fullsize .mo_form_input { width: 165px; } .mo_page .mo_form_search_request .mo_form_group_sr_fullsize .mo_form_select { width: 165px; } .mo_page .mo_form_search_request .mo_form_input_long { width: 170px; } .mo_page .mo_form_search_request .mo_form_input { width: 80px; } .mo_page .mo_form_search_request .mo_form_select { width: 80px; } .mo_page .mo_form_services fieldset { padding: 5px 10px; } .mo_page .mo_form_seller_contact_settings .mo_form_column { width: 300px; } /* Form Specials [m] [] */ .mo_page .mo_form_my_services label { width: 300px; } .mo_form_values_content { background-color: white; border: 1px solid #bbb; border-radius: 10px; padding: 5px 10px; } /* Default Tables [m] [] */ .mo_table_default { border: 1px solid #ccc; font-size: 0.9em; border-collapse: collapse; width: 100%; } .mo_table_default th { background-color: #767676; color: #fff; padding: 5px 2px; border: 1px solid #ccc; } .mo_table_default td { margin: 0; padding: 5px; border-left: 1px solid #ccc; } .mo_table_default .row1, .mo_table_default tr.row1 td, .mo_table_default td.row1 { background-color: #fff; color: #222; } .mo_table_default .row2, .mo_table_default tr.row2 td, .mo_table_default td.row2 { background-color: #eee; color: #222; } .mo_table_default td.mo_row_green, .mo_table_default tr.mo_row_green td { color: #902 } .mo_table_default td.mo_row_red, .mo_table_default tr.mo_row_red td { color: #072; } .mo_table_default tr:hover td { background-color: #dedede; } /* ------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------ */ /* Head [m] [] */ .mo_head { background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x 0 -36px; height: 90px; position: relative; z-index: 10; } .mo_logo { position: absolute; top: 52px; left: 10px; background: url('http://assets.motoso.de/images/v8/v12/mo_logo1.gif') no-repeat; width: 178px; height: 37px; } .mo_head_links { position: absolute; top: 20px; right: 5px; font-size: 0.9em; } .mo_head_links a { padding-left: 10px; } .mo_head_links a, .mo_head_links a:link, .mo_head_links a:visited { color: #333; } .mo_head_search { position: absolute; top: 50px; right: 5px; } .mo_head_search form { position: relative; } .mo_head_search .mo_form_input { border: 1px solid #929292; border-right: 0; padding: 0 4px; height: 22px; line-height: 22px; position: absolute; right: 24px; } .mo_head_search .mo_form_submit { height: 22px; border: 0; width: 24px; position: absolute; right: 0; cursor: pointer; background: url('http://assets.motoso.de/images/v8/v12/mo_search_loupe1.gif') no-repeat right bottom; } .mo_link_social { position: absolute; right: 5px; top: -5px; } .mo_link_social a { padding: 0; width: 16px; height: 16px; display: inline-block; } .mo_link_social_google { background: url('http://assets.motoso.de/images/v8/v12/mo_icon_social.gif') no-repeat 0 0; } .mo_link_social_twitter { background: url('http://assets.motoso.de/images/v8/v12/mo_icon_social.gif') no-repeat -16px 0; } .mo_link_social_facebook { background: url('http://assets.motoso.de/images/v8/v12/mo_icon_social.gif') no-repeat -32px 0; } /* Navigation [m] [] */ .mo_navigation { list-style: none; margin: 0; padding: 0; position: absolute; top: 46px; right: 230px; font-family: Arial, Verdana; } .mo_navigation li { float: left; padding: 0; margin: 0; cursor: pointer; } .mo_navigation a { display: block; text-transform: uppercase; border-right: 1px solid #cacdca; line-height: 30px; padding: 0px 10px; text-decoration: none; font-size: 1em; } .mo_navigation a, .mo_navigation a:link, .mo_navigation a:visited { color: #666; } .mo_navigation a:hover { color: #a02; } .mo_nav_motozone a { text-transform: none; border-right: 0; } /* Main Navigation Highlighting [or] [m] */ body.classifieds .mo_nav_sell a, body.dealerInfo .mo_nav_merchant a, body.mymotoso .mo_nav_mymotoso a, body.motoblog .mo_nav_motozone a { color: #a02; font-weight: bold; } /* Default Sub Navigation [m] [] */ .mo_sub_nav { font-size: 1.1em; font-family: Arial, Verdana; } .mo_sub_nav ul { width: 100%; float: left; list-style: none; background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x 0 -207px; border-bottom: 1px solid #ddd; } .mo_sub_nav li { float: left; width: 16%; margin: 0; padding: 0; position: relative; cursor: pointer; z-index: 10; } .mo_sub_nav a { float: left; position: relative; display: block; line-height: 32px; padding: 0 0 0 8%; text-decoration: none; font-weight: normal; background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') no-repeat right -175px; } .mo_sub_nav .mo_arrow_bottom { position: absolute; top: 15px; } .mo_sub_nav a, .mo_sub_nav a:link, .mo_sub_nav a:visited { color: #666; } .mo_sub_nav a:hover { color: #a02; } .mo_sub_nav li.mo_selected .mo_sub_nav_box { display: block; } .mo_sub_nav li.mo_selected a.mo_lvl1 { background-color: #e8eaeb !important; } ul.mo_sub_nav_box { display: none; border-radius: 5px; margin: 0; position: absolute; top: 32px; left: -1px; width: 200px; border-bottom: 0; background-image: none; } ul.mo_sub_nav_box li { line-height: 26px; float: none; } ul.mo_sub_nav_box a { display: block; width: 180px; white-space: nowrap; padding: 0 10px; border: 1px solid #cbced0; border-top: 0px; background-color: #e8eaeb; background-image: none; } ul.mo_sub_nav_box a:hover { background-color: #d5d5d5; } .mo_sub_nav_index a { float: none; } .mo_sub_nav_index_top ul, .mo_sub_nav_index_top li { background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x 0 -207px; } .mo_sub_nav_index_bottom ul, .mo_sub_nav_index_bottom li { background: url('http://assets.motoso.de/images/v8/v12/mo_back_repeat1.gif') repeat-x 0 -243px; } #msSubNavServices a, #mySubNavMarkedForPrint a, .mo_sub_nav_index #mo_sub_nav_index_tuning a, .mo_sub_nav_index #mo_sub_nav_index_tires a { background-image: none; } .mo_sub_nav_search li, .mo_sub_nav_mymotoso li { width: auto; } .mo_sub_nav_search a, .mo_sub_nav_mymotoso a { padding: 0 20px; } .mo_arrow_bottom { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #888; display: inline-block; margin: 0 0 2px 6px; } /* search navigation */ .search_vehicles #msSubNavVehicles a.mo_lvl1, .search_vehicles #msSubNavVehicles .mo_nav_tablet_expand, .search_classifieds #msSubNavClassifieds a.mo_lvl1, .search_services #msSubNavServices a.mo_lvl1 { color: #a02; background-color: #fff; font-weight: bold; } .search_vehicles_car #msYellowSubNavVehiclesCar a, .search_vehicles_bike #msYellowSubNavVehiclesBike a, .search_vehicles_rv #msYellowSubNavVehiclesCaravan a, .search_vehicles_cv #msYellowSubNavVehiclesTruck a { color: #a02; font-weight: bold; } /* mymotoso navigation */ /* level 2 - mymotoso */ .mymotoso_index li#mySubNavIndex a.mo_lvl1, .mymotoso_classifieds li#mySubNavClassifieds a.mo_lvl1, .mymotoso_orders li#mySubNavOrders a.mo_lvl1, .mymotoso_account li#mySubNavBusinessAccount a.mo_lvl1, .mymotoso_account li#mySubNavPrivateAccount a.mo_lvl1, .mymotoso_statistic li#mySubNavStatistic a.mo_lvl1, .mymotoso_printAd li#mySubNavMarkedForPrint a.mo_lvl1, .mymotoso_searchRequest li#mySubNavSearchRequest a.mo_lvl1 { color: #a02; font-weight: bold; } .mymotoso_index li#mySubNavIndex a.mo_lvl1, .mymotoso_classifieds li#mySubNavClassifieds a.mo_lvl1, .mymotoso_classifieds li#mySubNavClassifieds .mo_nav_tablet_expand, .mymotoso_orders li#mySubNavOrders a.mo_lvl1, .mymotoso_orders li#mySubNavOrders .mo_nav_tablet_expand, .mymotoso_account li#mySubNavBusinessAccount a.mo_lvl1, .mymotoso_account li#mySubNavBusinessAccount .mo_nav_tablet_expand, .mymotoso_account li#mySubNavPrivateAccount a.mo_lvl1, .mymotoso_account li#mySubNavPrivateAccount .mo_nav_tablet_expand, .mymotoso_statistic li#mySubNavStatistic a.mo_lvl1, .mymotoso_printAd li#mySubNavMarkedForPrint a.mo_lvl1, .mymotoso_printAd li#mySubNavMarkedForPrint .mo_nav_tablet_expand, .mymotoso_searchRequest li#mySubNavSearchRequest a.mo_lvl1 { background-color: #fff; } /* level 3 - mymotoso */ .subNav_mymotoso_classifieds li#my_listclassifieds a, .subNav_mymotoso_newClassified li#my_newclassified a, .subNav_mymotoso_serviceTemplates li#my_servicetemplateswizard a, .subNav_mymotoso_vehicleImport li#my_vehicleImport a, .subNav_mymotoso_serviceTemplates li#my_servicetemplateswizard a, .subNav_mymotoso_markedForPrint li#my_showMarkedForPrint a, .subNav_mymotoso_newOrders li#my_newOrders a, .subNav_mymotoso_openOrders li#my_openOrders a, .subNav_mymotoso_orderArchive li#my_orderArchive a, .subNav_mymotoso_showCompanyData li#my_showcompany_main a, .subNav_mymotoso_showCompanyInfo li#my_showcompanydata a, .subNav_mymotoso_orderStatus li#my_orderStatus a, .subNav_mymotoso_showSellerContactSettings li#my_SellerContactSettings a, .subNav_mymotoso_privateData li#my_showaccount_main a, .subNav_mymotoso_statistics li#my_orderArchive a, .subNav_mymotoso_showCompanyColors li#my_showcolorsimages a, .subNav_mymotoso_changePassword li#my_password a, .subNav_mymotoso_showNewsletter li#my_newsletter a, .subNav_mymotoso_homepage li#my_homepage a, .subNav_mymotoso_showAGB li#my_showAGB a, .subNav_mymotoso_myVehicle li#my_showmyVehicle a, .subNav_mymotoso_myO2pTextOptions li#my_showmyTemplateFormating a, .subNav_mymotoso_deleteAccount li#my_deleteAccount a, .subNav_mymotoso_myO2pTextOptions li#my_showmyTemplateFormating a, .subNav_mymotoso_printAd_running li#my_runningPrintAds a, .subNav_mymotoso_printAd_archived li#my_archivedPrintAds a, .subNav_mymotoso_printAd_new li#my_newPrintAd a, .subNav_mymotoso_markedForPrint li#my_showMarkedForPrint a, .subNav_mymotoso_printAd_proposal li#my_showMAProposal a { color: #a02; font-weight: bold; } /* Crumb Navigation [m] [] */ .mo_crumb_nav { color: #666; padding: 10px; } .mo_crumb_nav_detail a { text-decoration: none; } /* Indexpage [m] [m] */ .mo_indexclassifieds, .mo_ad_rectangle, .mo_indexteaser { position: absolute; top: 340px; } .mo_indexteaser1 { left: 10px; width: 258px; height: 265px; } .mo_indexteaser2 { left: 280px; width: 188px; height: 265px; } .mo_indexteaser3 { left: 480px; width: 188px; height: 265px; } .mo_indexteaser4 { top: 645px; left: 10px; width: 188px; height: 132px; } .mo_indexteaser5 { top: 787px; left: 10px; width: 188px; height: 132px; } .mo_ad_rectangle { left: 680px; width: 300px; font-size: 11px; text-align: right; } .mo_ad_rectangle .mo_ad_content { height: 250px; } /* Teaser [m] [] */ .mo_indexteaser a { position: relative; display: block; overflow: hidden; width: 188px; height: 235px; font-weight: bold; text-decoration: none; } .mo_indexteaser4 a, .mo_indexteaser5 a { height: 111px; } .mo_indexteaser img { border: 0px; } .mo_indexteaser_text { width: 155px; position: absolute; left: 5px; bottom: 5px; } .mo_indexteaser_headline { display: block; color: #a02; font-size: 14px; } .mo_indexteaser_subheadline { display: block; color: black; font-size: 12px; } .mo_indexteaser_subline { display: block; color: black; font-size: 10px; } /* Indexpage - Classifiedslist [m] [] */ .mo_indexclassifieds ul { list-style: none; padding: 10px 0; margin: 0; } .mo_indexclassifieds li { float: left; text-align: center; width: 180px; margin: 0 0 5px 0; padding: 0; font-size: 10px; } .mo_indexclassifieds a { display: block; text-decoration: none; color: #000; } .mo_indexclassifieds img { display: block; margin: 0px auto; border: 0px; } /* Buttons [m] [] */ .mo_button { border: 1px solid #ccc; background-color: #ebebeb; color: #444; display: inline-block; border-radius: 7px; padding: 4px 10px; text-decoration: none; text-shadow: 0px 1px 1px #fff; font-family: Verdana, Arial; font-size: 1em; cursor: pointer; font-weight: bold; } .mo_button:hover { background-color: #dadada; } .mo_button_group { position: relative; float: right; } .mo_button_group .mo_button { border-radius: 0px; margin-left: -1px; } .mo_button_group .mo_button:first-child { border-radius: 7px 0 0 7px; margin-left: 0px; } .mo_button_group .mo_button:last-child { border-radius: 0 7px 7px 0; margin-left: -1px; margin-right: 1px; } .mo_button_group_separate { float: none; } .mo_button_group_separate .mo_button { border-radius: 7px; margin: 0; } .mo_button_form { background-color: #fff; } /* Action Button [m] [] */ .mo_button_action { display: block; font-size: 14px; height: 40px; text-decoration: none; font-family: Verdana, Arial; color: #222 !important; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: left -564px; padding: 0 0 0 45px; margin: 0; overflow: hidden; } .mo_button_action .mo_ba_body { display: block; height: 40px; position: relative; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat left top; background-position: right -484px; } .mo_button_action .mo_ba_headline { position: absolute; left: 0px; top: 5px; color: #1F71BF; font-size: 14px; } .mo_button_action .mo_ba_label { position: absolute; left: 0px; top: 12px; color: #1F71BF; font-size: 14px; } .mo_button_action .mo_ba_content { position: absolute; left: 0px; top: 20px; font-size: 11px; } .maButtonAction { height: 20px; border: 1px solid #7195af; background: url('http://assets.motoso.de/images/v8/buttons/maButton_blue_back.gif') repeat-x; } .maButtonActionIcon input { height: 20px; width: auto; border: 0px; padding-left: 20px; cursor: pointer; vertical-align: middle; font-size: 1.1em; font-family: Arial, Verdana; color: black; padding: 0px; background-color: transparent; } /* Tabnavigation [m] [m] */ /* Default [m] [m] */ .mo_tab_area { position: relative; padding-top: 39px; } .mo_tab_nav { display: block; width: 100%; list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px; z-index: 2; } .mo_tab_nav li { padding: 0 2%; height: 30px; float: left; margin: 8px -1px 0 0; border: 1px solid #898989; background-color: #f5f5f5; } .mo_tab_nav a { display: block; font-size: 1.1em; line-height: 30px; text-align: center; text-decoration: none !important; } .mo_tab_nav a, .mo_tab_nav a:link, .mo_tab_nav a:visited { color: #333; } .mo_tab_content { display: block; border: 1px solid #898989; background-color: white; padding: 10px; } .mo_tabnav { background-color: #aaa; height: 42px; } .mo_tabnav ul { list-style: none; margin: 0; padding: 0; background-color: #aaa; } .mo_tabnav li { background-color: #aaa; float: left; margin: 0 !important; padding: 0 0 0 10px; color: #222; font-family: Verdana, Arial; font-weight: normal; } .mo_tabnav a, .mo_tabnav div { display: block; color: white !important; font-size: 14px; line-height: 42px; padding: 0 5px 0 0; cursor: pointer; text-align: center; text-decoration: none; font-family: Verdana, Arial; font-weight: normal; } .mo_tabnav span { display: block; line-height: 42px; padding: 0 5px 0 10px; font-weight: normal; color: white; } .mo_tabnav_topic { background: #656565; padding: 0 5px 0 0 !important; font-size: 14px; } .mo_tabnav a:hover, .mo_tabnav div:hover{ text-decoration: underline; } .mo_tabnav_on a, .mo_tabnav_on div { color: #222 !important; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: right -442px; } .mo_tabnav_on span { color: #222; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat left top; background-position: left -400px; } /* Indexpage - Search [m] [m] */ .mo_indexsearch label { float: none; } .mo_indexsearch { position: relative; height: 320px; border-top: 2px solid #373737; border-bottom: 4px solid #373737; } .mo_indexsearch .mo_tab_area { margin: 30px 320px 0 10px; } .mo_tab_offer_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_car1.jpg') no-repeat right 0; } .mo_tab_classified_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_classifieds1.jpg') no-repeat right 0; } .mo_tab_service_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_service1.jpg') no-repeat right 0; } .mo_tab_vehicle_active { background: url('http://assets.motoso.de/images/v8/v12/teaser_car1.jpg') no-repeat right 0; } .mo_tab_vehicle_active.mo_pic_vehicles_bikes { background: url('http://assets.motoso.de/images/v8/v12/teaser_bike1.jpg') no-repeat right 0; } .mo_tab_vehicle_active.mo_pic_vehicles_rv { background: url('http://assets.motoso.de/images/v8/v12/teaser_rv1.jpg') no-repeat right 0; } .mo_tab_vehicle_active.mo_pic_vehicles_cv { background: url('http://assets.motoso.de/images/v8/v12/teaser_cv1.jpg') no-repeat right 0; } .mo_tab_offer { display: none; } .mo_tab_vehicle_active .mo_tab_vehicle, .mo_tab_classified_active .mo_tab_classified, .mo_tab_service_active .mo_tab_service, .mo_tab_offer_active .mo_tab_offer { background-color: white; border-bottom: 0px; height: 39px; margin-top: 0; } .mo_tab_vehicle_active .mo_tab_vehicle a, .mo_tab_classified_active .mo_tab_classified a, .mo_tab_service_active .mo_tab_service a, .mo_tab_offer_active .mo_tab_offer a { line-height: 39px; } .mo_indexsearch .mo_tab_content { display: none; } .mo_tab_classified_active .mo_tab_content_classifieds, .mo_tab_vehicle_active .mo_tab_content_vehicle, .mo_tab_service_active .mo_tab_content_service, .mo_tab_offer_active .mo_tab_content_offer { display: block; } /* Category selection [m] [] */ .mo_indexsearch_category { margin-bottom: 6px; float: left; } .mo_indexsearch_category label { padding-right: 30px; } .mo_indexsearch_category label input { margin-top: 2px; } .mo_indexsearch_category .mo_icon_car { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 20px 2px; width: 38px; } .mo_indexsearch_category .mo_icon_bike { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 20px -22px; width: 38px; } .mo_indexsearch_category .mo_icon_rv { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 20px -46px; width: 38px; } .mo_indexsearch_category .mo_icon_cv { background: url('http://assets.motoso.de/images/v8/v12/mo_icons_vehicles.gif') no-repeat 20px -70px; width: 38px; } /* Indexpage - Search - Form [m] [] */ .mo_tab_service_active .mo_formname_indexsearch .mo_form_group_left { width: 50px; } .mo_formname_indexsearch li { width: 290px; float: left; clear: none !important; } .mo_formname_indexsearch .mo_form_group_left, .mo_formname_indexsearch .mo_form_group_right { width: 136px; float: left; } .mo_formname_indexsearch .mo_form_group_left label, .mo_formname_indexsearch .mo_form_group_right label { width: 130px; } .mo_formname_indexsearch .mo_form_input { width: 132px; } .mo_formname_indexsearch .mo_form_input_long { width: 276px; } .mo_formname_indexsearch .mo_form_select { width: 136px; } .mo_formname_indexsearch .mo_form_select_long { width: 284px; } .mo_formname_indexsearch .mo_form_group_shortfields div { float: left; width: 62px; margin-right: 2px; } .mo_formname_indexsearch .mo_form_group_shortfields label { width: 62px; } .mo_formname_indexsearch .mo_button { margin: 16px 0 0 10px; } .mo_formname_indexsearch .mo_box_private .mo_button { margin: 16px 10px 0 10px; width: 220px; } .mo_tab_content_classifieds .mo_formname_indexsearch .mo_indexsearch_postal_group { width: 150px; } .mo_tab_content_vehicle .mo_formname_indexsearch .mo_indexsearch_postal_group { width: 136px; } .mo_formname_indexsearch .mo_indexsearch_used_group { width: 100px; } .mo_formname_indexsearch .mo_indexsearch_mileage_group .mo_form_select_auto, .mo_formname_indexsearch .mo_indexsearch_fuel_group .mo_form_select_auto { width: 106px; } .mo_formname_indexsearch .mo_indexsearch_button_group { width: 120px; } .mo_formname_indexsearch .mo_indexsearch_deeplink { padding-top: 10px; clear: both !important; width: 360px; } /* Searchresult List [m] [m] */ /* new */ .mo_search_results_table { border-collapse: collapse; font-size: 1.0em; line-height: 1.6em; width: 100%; } .mo_search_results_table td { vertical-align: top; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } .mo_search_results_table td.price, .mo_search_results_table td.links { text-align: right; } .mo_search_results_table td.article h3 { display: inline; color: #004DC1; font-family: verdana; font-size: 1em; margin: 0; padding: 0; } .mo_search_results_table td.image a { display: block; } .mo_search_results_table td.image { padding: 12px 0px; } .mo_search_results_table td.image img {border: none; margin-right: 15px;} .mo_search_results_table td.article {padding: 10px 0px; overflow: hidden} .mo_search_results_table td.article a {text-decoration: none; font-weight: bold;} .mo_search_results_table td.article a:hover {color: #a20;} .mo_search_results_table td.article span.envkv a {font-weight: normal; color:#222;} .mo_search_results_table td.article .description {margin: 7px 0;} .mo_search_results_table td.price {white-space: nowrap;font-weight: bold; color:#222;padding-right: 5px; padding-top: 2px;} .mo_search_results_table td.price .pickup, .mo_search_results_table td.price .shipping {font-weight: normal; font-size: 0.9em; color: #555;} .mo_search_results_table td.price {white-space: nowrap;font-weight: bold; color:#222;padding-right: 5px; padding-top: 10px;} .mo_search_results_table tr:hover, .mo_search_results_table tr.rowStyle1:hover {background-color: #eee;} /* old */ .mo_list { width: 698px; float: left; border-top: 1px solid gray; font-family: Verdana; font-size: 11px; line-height: 1.5em; margin: 0 0 10px 0; } .mo_list:hover, .mo_list_selected { background-color: #efefef; } .mo_list .mo_headline { border-bottom: none; margin-right: 0; } .mo_list .mo_headline a { width: 584px; color: #003468; font-weight: bold; font-size: 12px; padding: 0; display: block; text-decoration: underline; } .mo_list .mo_headline a h3 { color: #666; font-weight: bold; font-size: 12px; margin: 0; } .mo_list .mo_headline_service a { width: 552px; float:left; } .mo_list .mo_headline_service a.marker { display: block; margin: 0px; width: 20px; height: 20px; float:left;} .mo_list ul { width: 590px; list-style: none; font-size: 12px; margin: 0 0 2px 0; padding: 4px; float: left; } .mo_list li { float: left; padding: 0px 4px; border: 0; border-bottom: 1px dotted gray; margin: 0 14px 4px 0; } .mo_list li a { text-decoration: none; color: #222; } .mo_list a { color: #003468; font-size: 12px; } .mo_list a:visited, .mo_list a:link, .mo_list a:hover { color: #666; } .mo_list .mo_price a { color: #0a8418; } .mo_list .mo_price a, .mo_list .mo_registration a, .mo_list .mo_shipping a, .mo_list .mo_mileage a { text-decoration: none; } .mo_list .mo_link_area { width: 690px; padding: 4px; text-align: right; float: right; } .mo_list .mo_image, .mo_list img { float: left; margin: 0 10px 10px 0; width: 90px; height: 68px; border: 0; } .mo_list .mo_image img { margin: 0; float: none; } .mo_list textarea { width: 585px; height: 35px; margin: 0 0 6px 0;} .mo_list .mo_image label{ background-color: #efefef; display: block; width: 90px; padding: 3px 0; margin: 0; display: block; line-height: 20px; } .mo_list_content { width: 590px; float: right; padding: 5px 5px 5px 0; text-align: left; } .mo_list_content a { text-decoration: none; } .mo_list .mo_price { width: 160px; } .mo_list .mo_registration { width: 80px; } .mo_list .mo_mileage { width: 150px; } .mo_list .mo_link_area { position: relative; left: -4000px;} .mo_list:hover .mo_link_area { position: relative; left: 0px;} /* Searchresult List - Maxsize [m] [m] */ .mo_list_maxsize { width: 920px; } .mo_list_maxsize .mo_headline a, .mo_list_maxsize textarea { width: 804px; } .mo_list_maxsize ul { width: 812px; } .mo_list_maxsize .mo_link_area { width: 912px; } .mo_list_maxsize .mo_list_content { width: 810px; } /* Searchresult List - Mediumsize [m] [m] */ .mo_list_medium { width: 596px; } .mo_list_medium .mo_headline a, .mo_list_medium textarea { width: 480px; } .mo_list_medium ul { width: 488px; } .mo_list_medium .mo_link_area { width: 582px; } .mo_list_medium .mo_list_content { width: 488px; } /* Searchresult List - Landingpage [m] [m] */ .mo_list_landingpage { width: 350px; } .mo_list_landingpage .mo_headline a, .mo_list_landingpage textarea { width: 234px; } .mo_list_landingpage ul { width: 242px; } .mo_list_landingpage .mo_link_area { width: 342px; } .mo_list_landingpage .mo_list_content { width: 240px; } /* Dealer Homepage List [m] [m] */ .hpContentMain_search_right .mo_list { width: 526px; } .hpContentMain_search_right .mo_list .mo_headline a, .hpContentMain_search_right .mo_list textarea { width: 410px; } .hpContentMain_search_right .mo_list ul { width: 418px; } .hpContentMain_search_right .mo_list .mo_link_area { width: 518px; } .hpContentMain_search_right .mo_list .mo_list_content { width: 416px; } .mo_enVKVFootnote { border-top: 1px solid grey; padding-top: 3px; margin-bottom: 10px; font-style: italic; color: #666; font-size: 11px; line-height: 14px; } .mo_page .mo_enVKVFootnote a { color: #666; } .mo_page a.mo_enVKV { font-style: italic; text-decoration: none; font-size: 11px; } #POSITION_VHLR_front, #POSITION_VHLR_rear, #POSITION_VHLR_left, #POSITION_VHLR_right, #POSITION_VHLR_completeset { width: 20px; } body.searchResults div.mSRPager.bottom {text-align: center; padding: 15px;} /* Detailpage */ .mo_details { margin-bottom: 10px; width: 970px; } .mo_details_content { float: left; width: 640px; } .mo_details_content .mo_space_top { margin-top: 20px !important; } .mo_details_content .mo_tabnav { margin: 10px 0 0 -10px; } .mo_details_side { float: right; width: 300px; } .mo_details_seller { position: relative; } .mo_details_seller_action { margin: 20px 0; width: 250px; } .mo_details_content .mo_details_seller { height: auto; } .mo_details_content .mo_details_seller_action { position: absolute; top: 50px; right: 20px; } .mo_details_content .mo_details_seller_data { width: 310px; } .mo_details_seller_action .mo_button_action { margin-bottom: 10px; } .mo_details_link_video * { font-size: 12px; font-weight: normal; vertical-align: middle; } .mo_details_link_businessinfo_image { float: left; width: 20px; margin-top: 2px; } .mo_details_link_businessinfo_link { float: left; width: 200px; } .mo_details_seller_data_phone { display: block; font-size: 18px; color: #444; padding: 8px 0 0 0; } .mo_page .mo_details_headline { color: black; margin: 0 0 10px 0; font-size: 21px; line-height: 1.4em;} .mo_details_price { font-size: 16px; font-weight: bold; } .mo_details_toolbox { margin: 15px 0 30px 0px; border-bottom: 2px solid #ccc; padding-bottom: 15px; } .mo_details_toolbox * { vertical-align: middle; } .mo_details_image { float: left; width: 300px; margin: 0 0 5px 0px; text-align: left; } .mo_details_image img { border: 1px solid #ddd; margin-top: 10px; } .mo_details_data_headline, .mo_details_data_headline_short { border-bottom: 1px dotted #222 !important; font-weight: bold; font-size: 14px; float: none !important; padding: 0 0 2px 0 !important; margin: 0 0 8px 0; } .mo_details_data_headline { width: 100% !important; } .mo_details_data_headline_short { width: 325px; } .mo_details_data_headline em { font-size: 11px; color: #999; font-weight: normal; } .mo_details_data { list-style: none; padding: 0; margin: 0; } .mo_details_data label { float: left; width: 145px; } .mo_details_data span { font-weight: bold } .mo_details_data span.mo_column { float: left; width: 400px; } .mo_details_data_col2 li { float: left; width: 285px; font-style: italic; } .mo_details_data_tech { float: right; width: 325px; } .mo_details_data_tech li { border-bottom: 1px dotted #ccc; padding: 4px 0; } .mo_details_area .mo_align_right { border-top: 1px dotted #222; } #mo_tab_similar_content, #mo_tab_seller_content { margin: 20px 0 0 -6px; } .mo_details_side #biMapBox { position: relative; } .mo_details_side #biMapBox #mapData { position: absolute; top: 40px; right: 5px; float: none; margin: 0; } .mo_details_side #biMapBox form { margin-top: 10px; } .mo_details_expired .mo_details_headline { color: #67a6e2; margin: 10px 0 5px 0; } .mo_details_expired .mo_details_price { color: #999 !important; } .mo_details_expired .mo_space_top { margin-top: 10px !important; } .mo_details_expired .mo_details_image { float: left; width: 95px; margin: 0 5px 0 0; } .mo_details_expired p { display: block; float: left; width: 485px; margin: 2px 0; } .mo_details_expired p span { font-size: 16px; font-weight: bold; line-height: 1.3em; } span.mo_enVKV { display: block; font-size: 1em; font-style: italic; line-height: 1.2em; margin-top: 5px; } /* Map Overlay | [m] [m] */ #mapFormOverlay { display: none; } .mo_details_side #mapFormOverlay { position: absolute; top: -20px; right: 330px; z-index: 10000; } .mo_details_content #mapFormOverlay { margin-top: 40px; } #mapFormOverlay #map { width: 590px; } #mapClose { position: relative; top: -300px; float: right; margin-right: 0px; padding: 2px; } #mapClose a { font-weight: bold; color: black; text-decoration: none; border: 1px solid black;padding: 2px 6px; background-color:white; } /* Search attributes [gr] [] */ .msSearchScreen #msVehiclesCarVehicleStatusOldtimer { display:none; } .msSearchScreen #msVehiclesCarFeaturesInterior, .msSearchScreen #msVehiclesCarFeaturesInterior, .msSearchScreen #msVehiclesCarWideCheckBox { display:block; } /* jQuery Definition [m] [] */ .mo_jq_actionlink { color: #004dc1; text-decoration: underline; cursor: pointer; } .mo_jq_click { cursor: pointer; } /* progressBar.tag */ .mo_progressbar { border: 1px solid #888; height: 20px; } .mo_progressbar .success { float: left; background: #50A200; } .mo_progressbar .failure { float: left; background: #b02; } .mo_progressbar .todo { float: left; background: transparent; } .mo_progressbar_message { padding-left: 10px; margin-top: 5px; } /* Register [gr][]*/ .mo_page fieldset li div.mo_termsOfService { display: none; } /* Register Business JS */ #invoiceAddressPart { display: none; } /* Form fuer Anbieten - Fahrzeuge [m] [] */ #attr_MILEAGE input { width: 95px; } #attr_MOTOR_LITER_SIZE input, #attr_CONSUMPT_CITY input, #attr_CONSUMPT_HIGHWAY input, #attr_CONSUMPT_COMBINED input, #attr_EMISSION_COMBINED input, #attr_CONSTRUCTION_YEAR input, #attr_ELECTRIC_POWER_CONSUMPTION input, #attr_DEPOSIT_VALUE input, #attr_KW input { width: 50px; } /* link classifieds grid configuration */ body.subNav_mymotoso_classifieds div.maGridPreferences, body.subNav_mymotoso_markedForPrint div.maGridPreferences {position: absolute; right: 15px; top: 1px;} body.subNav_mymotoso_classifieds div.maGridPreferences a, body.subNav_mymotoso_classifieds div.maGridPreferences a:active, body.subNav_mymotoso_classifieds div.maGridPreferences a:visited, body.subNav_mymotoso_classifieds div.maGridPreferences a:link, body.subNav_mymotoso_markedForPrint div.maGridPreferences a, body.subNav_mymotoso_markedForPrint div.maGridPreferences a:active, body.subNav_mymotoso_markedForPrint div.maGridPreferences a:visited, body.subNav_mymotoso_markedForPrint div.maGridPreferences a:link { color: white;} /* search results - "save search" form */ body.search div#mSavedSearchFormBox {margin-bottom: 20px;} body.search div#mSavedSearchFormBox div.mo_form_area {position: relative;} body.search div#mSavedSearchFormBox a.maCloseLink { position: absolute; right: 10px; top: 0px;} body.search div#mSavedSearchFormBox div.mo_form_area div.mo_space_right {margin-right: 10px !important;} /* Other */ #mo_tabs_overview #mo_tab_businessinfo_content {display: none;} #mo_tabs_overview.mo_tab_businessinfo #mo_tab_businessinfo_content {display: block;} #mo_tabs_overview.mo_tab_businessinfo #mo_tab_details_content {display: none;} #mo_tabs_more #mo_tab_insurance_content, #mo_tabs_more #mo_tab_finance_content, #mo_tabs_more #mo_tab_businessinfo_content { display: none; } #mo_tabs_more.mo_tab_insurance #mo_tab_insurance_content { display: block; } #mo_tabs_more.mo_tab_finance #mo_tab_finance_content { display: block; } #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo_content { display: block; } #mo_tabs_more.mo_tab_finance #mo_tab_moreData_content, #mo_tabs_more.mo_tab_insurance #mo_tab_moreData_content, #mo_tabs_more.mo_tab_businessinfo #mo_tab_moreData_content { display: none; } #mo_tabs_similar.mo_tab_similar #mo_tab_seller_content, #mo_tabs_similar.mo_tab_seller #mo_tab_similar_content { display: none; } #mo_tabs_similar.mo_tab_similar #mo_tab_similar_content, #mo_tabs_similar.mo_tab_seller #mo_tab_seller_content { display: block; } #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo a, #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo div, #mo_tabs_more.mo_tab_moreData #mo_tab_moreData a, #mo_tabs_more.mo_tab_moreData #mo_tab_moreData div, #mo_tabs_more.mo_tab_insurance #mo_tab_insurance a, #mo_tabs_more.mo_tab_insurance #mo_tab_insurance div, #mo_tabs_more.mo_tab_finance #mo_tab_finance a, #mo_tabs_more.mo_tab_finance #mo_tab_finance div, #mo_tabs_similar.mo_tab_similar #mo_tab_similar a, #mo_tabs_similar.mo_tab_similar #mo_tab_similar div, #mo_tabs_similar.mo_tab_seller #mo_tab_seller a, #mo_tabs_similar.mo_tab_seller #mo_tab_seller div { color: #222 !important; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat; background-position: right -442px; } #mo_tabs_more.mo_tab_businessinfo #mo_tab_businessinfo span, #mo_tabs_more.mo_tab_moreData #mo_tab_moreData span, #mo_tabs_more.mo_tab_insurance #mo_tab_insurance span, #mo_tabs_more.mo_tab_finance #mo_tab_finance span, #mo_tabs_similar.mo_tab_similar #mo_tab_similar span, #mo_tabs_similar.mo_tab_seller #mo_tab_seller span { color: #222; background: url('http://assets.motoso.de/images/v8/v12/tabnavigation.gif') no-repeat left top; background-position: left -400px; } /* iPhone Landingpage [m][] */ .mo_la_iphone_preview { width: 302px; float: left; margin-bottom: 10px; } .mo_la_iphone_top { width: 302px; height: 103px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_top.jpg') no-repeat; } .mo_la_iphone_middle { position: relative; width: 302px; height: 357px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_middle.jpg') no-repeat; } .mo_la_iphone_bottom { width: 302px; height: 88px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_bottom.jpg') no-repeat; } .mo_la_iphone_content { width: 618px; float: right; margin-bottom: 10px; } .mo_la_iphone_copy { padding: 10px 20px; background: url('http://assets.motoso.de/images/v8/v12/mo_iphone_back.png') repeat-x left bottom; } .mo_la_iphone_copy h2 { line-height: 1.4em; margin: 30px 0; } .mo_la_iphone_action { width: 230px; margin: 20px; } .mo_la_iphone_image_container { list-style: none; margin: 0; padding: 0; } .mo_la_iphone_image_container li { display: none; margin: 0; padding: 0; position: absolute; left: 39px; z-index: 8; } .mo_la_iphone_image_container li.previous { z-index: 9; display: none; } .mo_la_iphone_image_container li.active { z-index: 10; display: block; } .mo_la_iphone_image_container li.next { z-index: 11; } /* info text box */ body.search.searchResults div.info { padding: 6px; color: #666; font-size: 0.9em; line-height: 1.3em; } .mo_details_data_envkv1 { float: left; list-style: none; padding: 0; margin-top: 9px; margin-bottom: 0; width: 240px;} .mo_details_data_envkv1 label { float: left; width: 77px; } .mo_details_data_envkv1 span { float: left; font-weight: bold; width: 120px; } .mo_details_data_envkv2 { float: left; list-style: none; padding: 0; margin-top: 9px; margin-bottom: 0; width: 340px;} .mo_details_data_envkv2 label { float: left; width: 125px; } .mo_details_data_envkv2 span { float: left; font-weight: bold; width: 215px; } .envkvConsumpt {margin-top: 15px; width: 560px; float: left; } .envkvConsumpt ul {list-style: none; padding: 0; margin: 0; float: left;} .envkvConsumpt h2 {width: 240px; padding: 0; margin: 0; font-size: 1.1em; font-family: Verdana, Arial; } .envkvConsumpt span { font-weight: bold; width: 220px; } .envkvConsumpt label{ float: left; width: 120px; } div.envkvConsumpt li span {font-style: italic;} li.SUPPORTED_FUELTYPES span.LOWEST_EMISSION_FUELTYPE {font-style: italic; display: inline; float: none;} .mo_GenVKV { font-size: 0.79em; margin-bottom: 20px; line-height: 1.4em; } h5.mo_GenVKV { margin-bottom: 0px; } .co2_efficiency label {font-weight: bold; font-size: 1.1em; font-family: Verdana, Arial; } body.search.details .co2 {margin-top: 5px; position: relative; width: 370px; } body.search.details .co2 div {color: white; font-weight: bold; margin-bottom: 5px; height: 19px; padding-left: 5px; background-image: url('http://assets.motoso.de/images/v8/v12/co2-arrow-right.gif'); background-position: right -51px; background-repeat: no-repeat; } body.search.details .Aplus {background-color: #009035; width: 109px; } body.search.details .A {background-color: #009035; width: 122px; } body.search.details .B {background-color: #56AA26; width: 142px; } body.search.details .C {background-color: #C9D004; width: 161px; } body.search.details .D {background-color: #FFF001; width: 180px; } body.search.details .E {background-color: #FFBC01; width: 198px; } body.search.details .F {background-color: #EA6812; width: 218px; } body.search.details .G {background-color: #E10217; width: 237px; } body.search.details .co2 div.blackArrow {background-color: black; height: 31px; width: 88px; position: absolute; right: 0; text-align: right; padding-left: 0px; padding-right: 5px; font-size: 1.7em; line-height: 1.4em; background-image: url('http://assets.motoso.de/images/v8/v12/co2-arrow-left.gif');background-position: left -45px; background-repeat: no-repeat;} body.search.details .blackArrow.Aplus {top: -6px; } body.search.details .blackArrow.A {top: 18px; } body.search.details .blackArrow.B {top: 42px; } body.search.details .blackArrow.C {top: 66px; } body.search.details .blackArrow.D {top: 90px; } body.search.details .blackArrow.E {top: 114px; } body.search.details .blackArrow.F {top: 138px; } body.search.details .blackArrow.G {top: 162px; } /* fb apps - Verlage Zeitungseite */ body.searchresultNewspaper .mo_body_content_only { width: 520px; margin: 0; } body.searchresultNewspaper .mo_list { display: block; width: 150px; border: 1px solid black; margin: 2px; padding: 2px 3px; text-align: justify; overflow: hidden; text-decoration: none; } body.searchresultNewspaper .mo_list * { display: inline; width: auto; height: auto; font-size: 11px; line-height: 13px; font-weight: normal; color: #222; background: none; text-decoration: none; border: none; } body.searchresultNewspaper .mo_list .mo_headline { font-weight: bold; } body.searchresultNewspaper .mo_list img { width: 156px; height: 118px; margin: -2px -3px 5px; padding: 0; float: none; display: block; } body.searchresultNewspaper .mo_list ul, body.searchresultNewspaper .mo_list ul li, body.searchresultNewspaper .mo_list div.mo_list_content { float: none; padding: 0; } body.searchresultNewspaper div.newspaperView {width: 520px; height: 700px; overflow: hidden; font-size: 11px; position: relative;} body.searchresultNewspaper div.mDefaultBox2 {width: 490px; margin-right: 15px; background-color: white;} body.searchresultNewspaper .mo_list div.mo_list_content {display: inline;} body.searchresultNewspaper .mo_list label {display: none;} body.searchresultNewspaper .mo_list.noImg img, body.searchresultNewspaper .mo_list a.placeholderImg img {display: none;} body.searchresultNewspaper .mo_list .mo_link_area {display: none;} body.searchresultNewspaper .mo_list .mo_enVKV { display: none;} body.searchresultNewspaper .mo_list span.postalCode { display: none;} body.searchresultNewspaper h1.pageHead { border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 5px; font-size: 1.2em; float: left; width: 480px; margin: 0;} body.searchresultNewspaper h1.pageHead .brand {float: left; width: 200px;} body.searchresultNewspaper h1.pageHead .page {float: right; width: 100px; text-align: right;} body.searchresultNewspaper .mo_content { clear: both; } body.searchresultNewspaper div.pagerPrev, body.searchresultNewspaper div.pagerNext {background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} body.searchresultNewspaper div.pagerPrev.true, body.searchresultNewspaper div.pagerNext.true {background-color: #ddd; background-repeat: repeat-y;} body.searchresultNewspaper div.pagerNext {margin-left: 15px;} body.searchresultNewspaper div.pagerPrev.true {background-image: url('/images/fb/fb-arrow-prev.gif'); background-position: top left; } body.searchresultNewspaper div.pagerNext.true {background-image: url('/images/fb/fb-arrow-next.gif'); background-position: top right;} body.searchresultNewspaper div.pagerPrev a.prev { display: block; width: 15px; position: absolute; top: 0px; bottom: 0px; text-decoration: none;} body.searchresultNewspaper div.pagerPrev a.next { display: block; width: 15px; position: absolute; top: 0px; bottom: 0px; right: 0; text-decoration: none;} body.searchresultNewspaper .brands .catalogLinks {margin-left:15px; border: none; padding-top: 10px; padding-bottom: 10px;} body.searchresultNewspaper .brands .catalogLinks a {margin-right:5px;} body.searchresultNewspaper .brands .catalogLinks a, body.searchresultNewspaper .brands .catalogLinks a:active, body.searchresultNewspaper .brands .catalogLinks a:visited {color: #222;} body.details.fb {margin: 0; padding: 0;} body.details.fb .mo_head, body.details.fb .mo_sub_nav, body.details.fb .mo_footer, body.details.fb .mo_ad_fullsize, body.details.fb .mo_details_toolbox, body.details.fb .mo_crumb_nav, body.details.fb .mo_details_area, body.details.fb .mo_details_link_video, body.details.fb .mo_details_contact_form, body.details.fb .mo_details_seller_action, body.details.fb .mo_details_seller_data a, body.details.fb .mDetailSideContent, body.details.fb .mo_details_image a.imagePopup {display: none;} body.details.fb .mo_body, body.details.fb .mo_page_content, body.details.fb .mo_page_content .mo_details_content, body.details.fb .mo_details_side {width: 520px; overflow: hidden;} body.details.fb .motoso_shadow, body.details.fb .motoso_center {background: none;} body.details.fb .mo_details_image {width: 200px;} body.details.fb .mo_details_image img {width: 200px;} body.details.fb .mo_details_side {clear: both; float:left; margin-top: 20px;} body.tellAFriend {margin: 10px;} /* searchresults refactoring */ .mo_page span.mo_pageheadline { background-color: white; color: #666; font-weight: normal; } .mo_page span.mo_pageheadline em { font-style: normal; color: #222; font-weight: bold; } span.mo_pageheadline h1 { display: inline; font-size: 1em; } div.maSaveSearchAction { display: inline; } .mo_searchresult_head { margin-left: 265px; } table.cartContents {width: 100%; border-collapse: collapse;} table.cartContents th, table.cartContents td {text-align: left;} table.cartContents td {background-color: #f1f1f1; vertical-align: top; padding: 5px;} table.cartContents th.price, table.cartContents th.priceSingle, table.cartContents td.price, table.cartContents td.priceSingle {text-align: right;} table.cartContents tr.first-true td, table.cartContents tr.sum td{ border-top: 1px solid #ccc;} table.cartContents tr.priceSeller td {border-top: 1px dotted #ccc;} table.cartContents tr.priceSeller td, table.cartContents tr.shippingSeller td, table.cartContents tr.sumSeller td {text-align: right; background-color: #fafafa;} table.cartContents tr.sumSeller td, table.cartContents tr.sum td {font-weight: bold; text-align: right;} table.cartContents tr.sum td {background-color: white;} table.cartContents tr.sumSeller td {padding-bottom: 10px;} table.cartContents td.seller {background-color: white;} table.cartContents td.seller span {font-weight: bold;} table.cartContents tr.spacer td {background-color: white; border-top: 1px solid #ccc; height: 39px;} table.cartContents tr.seller th {background-color: #ccc; border-top: 1px solid #ccc;} table.cartContents tr.thead th {background-color: #ddd;} table.cartContents th {padding: 3px 5px;} table.cartContents th span {font-weight: normal;} /* Dealer Info */ #dealerInfoList { margin: 10px 0 30px 0; } #dealerInfoList img { float: left; display: block; margin: 5px auto 0px auto; } #dealerInfoList .dealerInfoText { margin-left: 80px; } #dealerInfoList .dealerInfoText p { margin-bottom: 10px; } #dealerInfoList .dealerInfoText p.headline { font-weight: bold; padding: 0; margin: 0; } /* dealerInfo | [l] [m] */ #dealerinfo h2 { color: #1F71BF; font-size: 16px; } #dealerinfo p { margin: 0 0 10px 0; } #dealerinfo ul { list-style: none; padding: 0 0 10px 0; margin: 0; } #dealerinfo ul li img { padding-right: 5px; vertical-align: middle; } .mo_dealer_info_list p { margin-left: 80px; margin-top: 5px; } /* info icon - tooltips [or] [m] */ a.mInfoIcon { position: relative; text-decoration: none !important; } a.mInfoIcon span { padding: 0px 4px; background: url('http://assets.motoso.de/images/v8/de/icon_info.gif') no-repeat;} a.mInfoIcon em { display: none; } /* to get a.mInfoIcon:hover em working in IE, we need this rule */ a.mInfoIcon:hover { display: inline; } a.mInfoIcon:hover em { display: block; width: 150px; border: 1px solid #a02; position: absolute; left: 30px; top: 7px; z-index: 1000; padding: 4px; color: #222; font-style: normal; background-color: #ddd; } a#infoIconKBA em {position: absolute; left: -250px; top: 30px; width: 500px; height:328px; padding: 3px; } body.search a#infoIconKBA em {position: absolute; left: -150px; top: 25px;} body.search.search_classifieds a#infoIconKBA em {position: absolute; left: 40px; top: -90px;} body.searchRequestPart a#infoIconKBA em {position: absolute; left: -98px; top: 25px;} a#infoIconFreeShipping em, a#infoIconMailOrderData em, a#infoIconPaymentHandling em { left: -160px !important; } /* ######################################################################### */ /* IMPORTANT - THIS HAVE TO BE ALWAYS AT THE BOTTOM OF THE STYLESHEET [m] [] */ .mo_align_left { text-align: left; } .mo_align_center { text-align: center; } .mo_align_right { text-align: right; } .mo_float_right { float: right; } .mo_float_left { float: left; } .mo_space_right { margin-right: 10px; } .mo_space_left { margin-left: 10px; } .mo_space_top { margin-top: 10px; } .mo_space_bottom { margin-bottom: 10px; } .mo_space_half_top { margin-top: 5px; } /* IPAD */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .mo_ad_sky, .mo_ad_fullsize { display: none; } .mo_indexteaser2 { left: 270px; width: 188px; height: 265px; } .mo_indexteaser3 { left: 470px; width: 188px; height: 265px; } .mo_ad_rectangle { left: 670px; width: 300px; font-size: 11px; text-align: right; } .mo_head_links { font-size: 1em; right: auto; left: 15px; top: 0; } .mo_body { padding: 0; } .mo_page { width: 100%; margin: 0 !important; } .mo_page_content { width: 100%; margin: 0 !important; float: none; box-shadow: none; border: 0; } .mo_column_flex_right { width: 700px; margin: 0 10px 0 280px; } .mo_column_left { width: 250px; margin: 0 -270px 0 10px; } .mo_column_flex_left { width: 700px; margin: 0 280px 0 10px } .mo_column_right { width: 250px; margin: 0 10px 0 -270px; } .mo_details { width: 100%; } .mo_details_content { width: 620px; } .mo_details_data_headline_short { width: 295px; } .mo_details_data_tech { float: right; width: 295px; } .mo_current_page_login .mo_content_left { float: left; width: 345px; } .mo_current_page_login .mo_content_right { float: right; width: 345px; } .mo_content_my_overview { width: 473px !important; } div.mo_sub_nav_index a { padding: 0 2px 0 11px; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .mo_ad_sky, .mo_ad_fullsize { display: none; } .mo_indexteaser2 { left: 270px; width: 188px; height: 265px; } .mo_indexteaser3 { left: 470px; width: 188px; height: 265px; } .mo_ad_rectangle { left: 670px; width: 300px; font-size: 11px; text-align: right; } .mo_head_links { font-size: 1em; right: auto; left: 15px; top: 0; } .mo_body { padding: 0; } .mo_page { width: 100%; margin: 0 !important; } .mo_page_content { width: 100%; margin: 0 !important; float: none; box-shadow: none; border: 0; } .mo_column_flex_right { width: 700px; margin: 0 10px 0 280px; } .mo_column_left { width: 250px; margin: 0 -270px 0 10px; } .mo_column_flex_left { width: 700px; margin: 0 280px 0 10px } .mo_column_right { width: 250px; margin: 0 10px 0 -270px; } .mo_details { width: 100%; } .mo_details_content { width: 620px; } .mo_details_data_headline_short { width: 295px; } .mo_details_data_tech { float: right; width: 295px; } .mo_current_page_login .mo_content_left { float: left; width: 345px; } .mo_current_page_login .mo_content_right { float: right; width: 345px; } .mo_content_my_overview { width: 473px !important; } } /* IPHONE */ @media screen and (device-width: 320px) { .mo_ad_sky, .mo_ad_fullsize { display: none; } .mo_body { padding: 0; } .mo_page { width: 100%; margin: 0 !important; } .mo_page_content { width: 100%; margin: 0 !important; float: none; box-shadow: none; border: 0; } .mo_head_links { font-size: 1em; right: auto; left: 15px; top: 0; } } /* ######################################################################### *//** * POPUP CONTAINER STYLES */ #popupMask { position: absolute; z-index: 200; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .4; filter: alpha(opacity=40); /* this hack is so it works in IE * I find setting the color in the css gives me more flexibility * than the PNG solution. */ /*background-color:transparent !important;*/ background-color: #000; /* this hack is for opera support * you can uncomment the background-image if you don't care about opera. * this gives you the flexibility to use any bg color that you want, instead of the png */ /*background-image*//**//*: url("maskBG.png") !important; // For browsers Moz, Opera, etc.*/ /*background-image:none;*/ /*background-repeat: repeat;*/ display:none; } #popupContainer { position: absolute; z-index: 201; top: 0px; left: 0px; display:none; padding: 0px; } #popupInner { border: 1px solid #000000; background-color: #ffffff; } #popupFrame { margin: 0px; width: 100%; height: 100%; position: relative; z-index: 202; } #popupTitleBar { background-color: #a02; color: #ffffff; font-weight: bold; height: 1.3em; padding: 5px; border-bottom: 1px solid #000000; /*border-top: 1px solid #000000;*/ /*border-left: 1px solid #000000;*/ /*border-right: 1px solid #000000;*/ position: relative; z-index: 203; } #popupTitle { float:left; font-size: 1.1em; } #popupControls * { font-size: 1.1em; float: right; cursor: pointer; cursor: hand; color: white; text-decoration: none; font-weight: normal; }