/* Normal mobi styles */ @media (min-width: 0px) and (max-width: 399px) { /* default smallest screens 240px + scroll bar = 260 */ /* for Iphone zoom effect disable */ select, textarea, input[type="textarea"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .control-group .text-box-small, .damages-form .textbox, .valuation-details-form .textbox, .pricing-details-form .textbox, .textbox { font-size: 16px !important; } .form-horizontal { background-color: transparent !important; border-color: transparent !important; } .box-shadow { box-shadow: none !important; } .valuationview #btnArchive, .valuationview #add-to-stock-btn, .valuationview .add-to-stock-btn { width : 100% !important; margin: 10px 0 !important; float: left !important; } .mobile-header-middle .mobile-Login .mobile-time-in { width: 38% !important; } .form-horizontal .control-group .controls .information-input, .form-horizontal .mobile-control-group .mobile-information-input, .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input{ width : 106px !important; padding-left:20px; padding : 10px 4px; } .form-horizontal .control-group .controls .information-input { width : 100px !important; } .form-horizontal .control-group .controls .information-input.valid { width : 101px !important; } .form-horizontal .control-group .controls .information-input.error, .form-horizontal .mobile-control-group .mobile-information-input.error{ width : 85px !important; height : 20px; padding : 10px; } .form-horizontal .mobile-control-group .input-prepend .add-on { padding: 10px 10px !important; } .form-horizontal .mobile-control-group .input-prepend .information-input { width : 40px !important; height : 20px; padding : 10px; } .bootstrap-select .btn { width: 110px !important; } .form-horizontal .mobile-control-group .form-horizontal p textarea{ width : 42% !important; margin-left: 5px; } textarea #previousRepairsNotes.textbox { width: 95% !important; } .checkbox.checkbox-line { font-size : 14px; margin-bottom : 3px; line-height : 16px; padding-left : 24px; } .accessories-form .checkbox-line.acceptTerms{ margin-left: 5px !important; width:200px; padding-left:30px; float:left !important; text-align : left; } .form-horizontal .control-group .controls .information-lines { font-size:13px !important; } .btnDiv_lft { background:none !important; padding: 10px 12px 4px 18px !important; width: 145px !important; } .divAction { color:#333 !important; } .div260 { color:#333 !important; } a.login { width:165px !important; padding-left:14px !important; text-align:center !important; float: left !important; margin-left: 10px !important; } #customerDetails .information-input.mobile-information-input.rand-input.error { padding-left : 25px !important; width : 70px !important; } #customerDetails .information-input.mobile-information-input.rand-input.valid { padding-left : 25px !important; width : 75px !important; } .pricing-details-form span4 { padding-top:20px !important; } .control-group-wrapper .control-group .control-label, .control-group-wrapper .control-group .valuation-line { font-size:11px !important; width:100% !important; } .form-horizontal .control-group .controls .information-lines { font-size:11px !important; } #PageContent .page-title-wrapper .page-title-header { font-size:10px; !important; width:100px; } #frmValuationView p { width:100% !important; } /* publicvaluation toggle buttons */ .publicvaluation #customerDetailsClick p, .publicvaluation #vehicleSpecificationsClick p, .publicvaluation #damagesClick p, .publicvaluation #accessoriesClick p, .publicvaluation #photosClick p { margin-top: 0 !important; } .publicvaluation .mobile-form-headers p { font-size: 14px; } .publicvaluation .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .publicvaluation .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .publicvaluation .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .publicvaluation .mobile-form-headers i.icon-white-arrow-up, .publicvaluation .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .publicvaluation .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .publicvaluation .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-car { margin-right: 6px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-camera { margin-right: 7px !important; float : left !important; margin-top: -3px !important; } .publicvaluation #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .publicvaluation #dealershipDetailsClick .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; } .main.publicvaluation .mobile-form-headers p { font-size:12px; !important; } /* public valuation forms */ .publicvaluation .page-top-forms-wrapper .form-horizontal { margin: 0 !important; min-height: 215px !important; padding: 0 !important; width: 85% !important; } .publicvaluation .page-top-forms-wrapper .form-horizontal .row-fluid { margin: 0 !important; padding: 0 !important; } .publicvaluation .form-horizontal .control-group .mobile-control-label { width: 53% !important; } .publicvaluation .form-horizontal .control-group .controls { width: 35% !important; } .publicvaluation .form-horizontal .mobile-control-group .input-prepend, .form-horizontal .mobile-control-group .btn-group { width: 40% !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.error, .publicvaluation .form-horizontal .mobile-control-group .mobile-information-input.error, .publicvaluation .form-horizontal .control-group .controls .information-input.valid, .publicvaluation .form-horizontal .control-group .controls .information-input { margin-left : -14px !important; } .publicvaluation .form-horizontal .control-group .controls #street, .publicvaluation .form-horizontal .control-group .controls #vinNumber, .publicvaluation .form-horizontal .control-group .controls #engineNumber { width: 101px !important; } .publicvaluation .form-horizontal .control-group .controls #street.valid, .publicvaluation .form-horizontal .control-group .controls #vinNumber.valid, .publicvaluation .form-horizontal .control-group .controls #engineNumber.valid { width: 97px !important; } .publicvaluation .error { width: 101px !important; } .publicvaluation .bootstrap-select .btn { width: 110px !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.valid { width: 97px !important; } .publicvaluation .page-top-forms-wrapper #vehicleSpecifications { margin-left : 9px !important; } .publicvaluation .control-group .text-box-small { width: 109% !important; } .publicvaluation .page-middle-forms-wrapper .form-horizontal { margin: 0 !important; padding: 0 !important; } .publicvaluation .damages-form .textbox { width: 94% !important; } .publicvaluation .valuation-details-form .textbox { width: 94% !important; } .publicvaluation .pricing-details-form .textbox { width: 94% !important; } .publicvaluation .accessories-form .comment-box .comment-text-box { width: 91% !important; } .publicvaluation .accessories-form .checkbox-line, .publicvaluation .accessories-form .checkbox.checkbox-line { font-size: 10px !important; } .control-group .text-box-small { width:100% !important; } .damages-form .checkbox { width:100% !important; } .control-group .checkbox.checkbox-line.acceptTerms, .checkbox.checkbox-line.acceptTerms { text-align:center !important; width: 135px !important; } .newHr { width: 100% !important; } .publichome [class*="span"], .publichome .uneditable-input[class*="span"], .publichome .row-fluid [class*="span"] { width : 94%; } .home .midLanding { margin: -130px 0 0 -10px !important; } .footer { margin-left:5px !important; } /* Auction page */ /* new menu buttons */ #mobiAuctionBtn { width:24% !important; padding-left: 5px !important; font-size: 10px !important; /* Added for ie */ } #mobiPriceGuideBtn{ width:43% !important; margin-left: 5px !important; padding-left: 10px !important; font-size: 10px !important; /* Added for ie */ } #mobiValuationsBtn { width:33% !important; margin-left: 5px !important; padding-left: 10px !important; font-size: 10px !important; /* Added for ie */ } /* The auction filters */ .auction .MakeMobi .dropdown-menu { margin: -39px 0 0 0; } .auction .RegionMobi .dropdown-menu { margin: -56px 0 0 0; } .auction #btnBasketMobi { width: 43% !important; margin: -160px 0 0 8px !important; } .auction .MakeMobi .btn.dropdown-toggle { width: 100px !important; margin: -71px 0 0 !important; } .auction .page-title-wrapper .btn-new-valuation { width: 119px !important; margin: 0 0 0 103px !important; display: block !important; padding: 4px !important; } .auction .RegionMobi .btn.dropdown-toggle { width: 100px !important; margin: -88px 0 0 !important; } .auction #gridAuctionContext_RegNoMobi { margin: -314px 0 0 104px !important; width: 104px !important; } .auction #btnClearSearch { display: none !important; } .auction #btnSearch { display: none !important; } .auction .row-fluid.table-form { margin: -140px 0 0 0px !important; float: left !important; /* added for IE */ } .auction .icon-circle-arrow-up, .auction .icon-circle-arrow-down{ display:none !important; } .auction .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .auction table.table td{ font-size: 10px !important; /* Added for ie */ } .auction table.table { width: 230px !important; overflow: hidden !important; } /* The Price guide filters */ .page-title-wrapper p { display:none !important; } .priceguide .MakeMobi .dropdown-menu { margin: -116px 0 0 0; } .priceguide .RegionMobi .dropdown-menu { margin: -130px 0 0 0; } .priceguide .MakeMobi .btn.dropdown-toggle { width: 100px !important; margin: -148px 0 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .priceguide .RegionMobi .btn.dropdown-toggle { width: 100px !important; margin: -162px 0 0 0px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide #gridPriceGuideContext_RegNoMobi { margin: -100px 113px 0 !important; width: 94px !important; float: left !important; } .priceguide #btnClearSearch { display: none !important; } .priceguide #btnSearch { display: none !important; } .priceguide .row-fluid.table-form { margin: -225px 0 0 0px !important; float: left !important; /* added for IE */ } .priceguide .icon-circle-arrow-up, .priceguide .icon-circle-arrow-down{ display:none !important; } .priceguide .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .priceguide table.table td{ font-size: 10px !important; /* Added for ie */ } .priceguide table.table { width: 223px !important; overflow: hidden !important; } .priceguide .pagination { margin: 0px 5px 0 0 !important; } /* The valuation filters */ .main-section .valuations .page-title-wrapper .mobile-header-valuation { font-size: 30px !important; } .valuations .page-title-wrapper .mobile-btn-wrapper { border-bottom: none !important; } .page-title-wrapper p { display:none !important; } .valuations .MakeMobi .dropdown-menu { margin: -20px 0 0; } .valuations .StatusMobi .dropdown-menu { margin: -117px 0 0; } .valuations .MakeMobi .btn.dropdown-toggle { width: 100px !important; margin: -52px 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .valuations .StatusMobi .btn.dropdown-toggle { width: 100px !important; margin: -149px 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .main.valuations #gridValuationContext_RegNoMobi { float: left !important; margin: -47px 0 0 112px !important; width: 93px !important; } .valuations #newValuation { margin: 0 0 0 113px !important; width: 105px !important; float: left !important; font-size: 10px !important; padding: 4px !important; } .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid, .main.valuations #valuationReport { display: none !important; } .valuations .row-fluid.table-form { margin: -169px 0 0 !important; float: left !important; /* added for IE */ } .valuations .icon-circle-arrow-up, .valuations .icon-circle-arrow-down{ display:none !important; } .valuations .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .valuations table.table td{ font-size: 10px !important; /* Added for ie */ } .valuations table.table { width: 223px !important; overflow: hidden !important; } .valuations .pagination { margin: 0px 5px 0 0 !important; } /* Detailed view Auction - bidview */ #PageContent.bidview .row_even .one, #PageContent.bidview .row_odd .one, #PageContent.bidview .row_even .two, #PageContent.bidview .row_odd .two, #PageContent.bidview .row_red .one, #PageContent.bidview .row_red .two{ width: 100% !important; } #PageContent.bidview .row_even .one .control-label, #PageContent.bidview .row_odd .one .control-label, #PageContent.bidview .row_even .two .control-label, #PageContent.bidview .row_odd .two .control-label, #PageContent.bidview .row_red .one .control-label, #PageContent.bidview .row_red .two .control-label{ width: 50% !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group { width: 210px !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .controls{ width: 50% !important; float: left !important; } #PageContent.bidview #vehicleDamages .row_even .control-group, #PageContent.bidview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.bidview #vehicleDamages .row_even .control-group .control-label, #PageContent.bidview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } /* yes */ .form-horizontal .control-group .controls #previousRepairsNoted { width: 50px !important; float: left !important; margin: -14px 0 0 180px !important; } .bidview #vehicleAccessoriesClick { width: 221px !important; } .bidview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } #vehicleDamages .row_red { display: none !important; } .accessoryNotes_dataMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_dataMobi .control-label { float: left !important; font-size: 14px !important; margin-left: 10px !important; text-align: left !important; width: 100% !important; } .accessoryNotes_dataMobi .controls { width: 181px !important; margin-left: 10px !important; } .accessoryNotes_titleMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_titleMobi .control-label { float: left !important; font-size: 14px !important; margin-left: 10px !important; text-align: left !important; width: 100% !important; } .accessoryNotes_titleMobi .controls { width: 181px !important; margin-left: 10px !important; } .accessoryNotesMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; margin-bottom: 20px !important; } .accessoryNotesMobi .control-label { float: left !important; font-size: 14px !important; margin-left: 10px !important; text-align: left !important; width: 100% !important; } .accessoryNotesMobi .controls { width: 181px !important; margin-left: 10px !important; } .backBtn { margin: -20px 0 0 0 !important; } .main-section .container-fluid.bidview { max-width: 100% !important; } .bidview .mobile-form-headers { padding: 5px 0 0 !important; } .bidview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -21px !important; width: 222px !important; margin-top: -9px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .bidview #vehicleDamagesClick.mobile-form-headers { padding: 0px 5px 0 20px !important; margin-left: -20px !important; width: 222px !important; margin-top: 0px !important; } .bidview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .bidview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 223px !important; margin: 0 0 0 -21px !important; min-height: 44px !important; } .bidview .mobile-car { margin-left:5px !important; } .bidview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .bidview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } /* new */ #infTradePrice, #infRetailPrice, #infListPrice { width: 100px !important; float: left !important; margin: -15px 0 0 45px !important; } #PageContent.bidview .specs .controls #fshNotes_data, #PageContent.bidview .specs .controls #damageNotes_data, #PageContent.bidview .specs .controls #coverReceived_data, #PageContent.bidview .specs .controls #previousRepairsNotes_data { width: 200px !important; } /* Detailed view Stock */ #PageContent.stockview .row_even .one, #PageContent.stockview .row_odd .one, #PageContent.stockview .row_even .two, #PageContent.stockview .row_odd .two, #PageContent.stockview .row_red .one, #PageContent.stockview .row_red .two{ width: 100% !important; } #PageContent.stockview .row_even .one .control-label, #PageContent.stockview .row_odd .one .control-label, #PageContent.stockview .row_even .two .control-label, #PageContent.stockview .row_odd .two .control-label, #PageContent.stockview .row_red .one .control-label, #PageContent.stockview .row_red .two .control-label{ width: 50% !important; } .stockview #vSpecs .form-horizontal .control-group .controls { width: 97px !important; font-size:12px; margin-left:10px; margin-top: 0px; } #PageContent.stockview #vehicleDamages .div-striped .control-group { width: 210px !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .controls{ width: 50% !important; float: left !important; } #PageContent.stockview #vehicleDamages .row_even .control-group, #PageContent.stockview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.stockview #vehicleDamages .row_even .control-group .control-label, #PageContent.stockview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } .stockview #vehicleAccessoriesClick { width: 221px !important; } .stockview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .stockview .page-title-wrapper .back-btn { margin: -34px 17px 0 0 !important; } #PageContent.stockview #vSpecs .control-label.valuation-line{ margin-left:10px !important; } #PageContent.stockview #vSpecs #mmCode{ margin-left: 35px !important; } .stockview #vSpecs .controls .information-input.valid, .stockview #vSpecs .controls .information-input.error { width: 98px !important; } .stockview #vSpecs #fshNotes { width: 93% !important; } .stockview #damagesOpen input.rand-input { margin-top: -10px !important; width: 107px !important; } .stockview #damagesOpen .price, .stockview #damagesOpen .damages-form .price { margin-left: 30px !important; margin-top: 0px !important; } .stockview #pricinghistory { display: none; } .stockview #pricingDetails .form-horizontal { min-height: 70px !important; } .main-section .container-fluid.stockview { max-width: 100% !important; } .stockview .mobile-form-headers { padding: 5px 0 0 !important; } .stockview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -21px !important; width: 222px !important; margin-top: -9px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .stockview #vehicleDamagesClick.mobile-form-headers { padding: 0px 5px 0 20px !important; margin-left: -20px !important; width: 222px !important; margin-top: 0px !important; } .stockview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .stockview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 223px !important; margin: 0 0 0 -21px !important; min-height: 44px !important; } .stockview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .stockview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.stockview .specs .controls #fshNotes_data, #PageContent.stockview .specs .controls #damageNotes_data, #PageContent.stockview .specs .controls #coverReceivedNotes_data, #PageContent.stockview .specs .controls #previousRepairsNotes_data { width: 200px !important; } .stockview .row-fluid.table-form { margin: -169px 0 0 !important; float: left !important; /* added for IE */ } .stockview .icon-circle-arrow-up, .stockview .icon-circle-arrow-down{ display:none !important; } .stockview .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .stockview table.table td{ font-size: 10px !important; /* Added for ie */ } .stockview table.table { width: 223px !important; overflow: hidden !important; } .stockview .pagination { margin: 0px 5px 0 0 !important; } .stockview .mobile-clipboard { margin-left: 15px !important; } .stockview .mobile-money { margin-left: 10px !important; } .stockview .mobile-car { margin-left:10px !important; } .stockview .mobile-bomb { margin-left: 10px !important; margin-top: 4px !important; } .stockview .mobile-headphones { margin-left: 10px !important; } .stockview .mobile-camera { margin-left: 10px !important; } .stockview #priceGuideAuctionClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #pricingDetailsClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #vSpecsClick p { margin-top: 5px !important; } .stockview #damagesClick p { margin-top: 2px !important; margin-left: 7px !important; } .stockview #accessoriesClick p { margin-top: 4px !important; margin-left: 12px !important; } .stockview #photoClick p { margin-top: 5px !important; margin-left: 12px !important; } /* Detailed view priceguide - offer view */ .offerview .mobile-form-headers p { font-size: 14px; } .offerview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .offerview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .offerview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .offerview .mobile-form-headers i.icon-white-arrow-up, .offerview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .offerview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .offerview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; } .offerview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; } .offerview .mobile-form-headers i.mobile-car { margin-right: 6px !important; } .offerview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; } .offerview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; } .offerview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; } .offerview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; } .offerview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } #dealershipDetailsClick .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; } .main-section .offerview #frmValuationView .page-title-wrapper h1 { font-size: 12px !important; width: 140px !important; margin: 10px 0 0 !important; } #printPriceGuidePdf { display: none !important; } .main-section .offerview .page-title-wrapper .back-btn { display: none !important; } .offerview #dropCmp .control-group { height: 10px !important; } .offerview #dropCmp { padding-bottom: 15px !important; } .offerview .make-offer-btn { float: right !important; margin: -82px 0 0 !important; } .offerview #amountOffered.information-input{ width: 90px !important; } .offerview #dealershipDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 10px !important; line-height: 10px !important; margin-bottom: 10px !important; } .offerview #dealershipDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #dealershipDetails .control-group .controls p{ font-size: 10px !important; line-height: 10px !important; } .offerview .page-top-forms-wrapper #dealershipDetails .form-horizontal { min-height: 123px !important; } .offerview #valuationDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 10px !important; line-height: 10px !important; margin-bottom: 10px !important; } .offerview #valuationDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #valuationDetails .control-group .controls p{ font-size: 10px !important; line-height: 10px !important; } .offerview .page-top-forms-wrapper #valuationDetails .form-horizontal { min-height: 70px !important; } .offerview #pricingDetails .control-group .control-label{ float: left !important; width: 47% !important; font-size: 10px !important; line-height: 10px !important; padding-bottom: 5px !important; padding-top: 5px !important; margin: 0 0 0 5px !important; margin-bottom: 10px !important; } .offerview #pricingDetails .control-group .controls{ float: left !important; width: 47% !important; padding-bottom: 5px !important; padding-top: 5px !important; } .offerview #pricingDetails .control-group .controls p { font-size: 10px !important; line-height: 10px !important; width: 100% !important; margin: 0 !important; } .offerview .page-top-forms-wrapper #pricingDetails .form-horizontal { min-height: 123px !important; } .offerview #vSpecs .control-label{ float: left !important; width: 45% !important; font-size: 10px !important; line-height: 10px !important; margin-bottom: 10px !important; } .offerview #vSpecs .controls{ float: left !important; width: 50% !important; } .offerview #vSpecs .controls p{ font-size: 10px !important; line-height: 10px !important; } .offerview #damages .control-label{ float: left !important; width: 60% !important; font-size: 10px !important; line-height: 10px !important; margin-bottom: 10px !important; } .offerview #damages .controls{ float: left !important; width: 35% !important; } .offerview #damages .controls p{ font-size: 10px !important; line-height: 10px !important; } .offerview #damages .form-horizontal { min-height: 150px !important; } .offerview #accessoriesOpen .control-label{ float: left !important; width: 45% !important; font-size: 10px !important; line-height: 10px !important; margin-bottom: 10px !important; } .offerview #accessoriesOpen .controls{ float: left !important; width: 50% !important; } .offerview #accessoriesOpen .controls p{ font-size: 10px !important; line-height: 10px !important; } .offerview #accessoriesOpen .form-horizontal { min-height: 150px !important; } .offerview .page-bottom-forms-wrapper.page-middle-forms-wrapper .accessories-form { min-height: 0px !important; } .offerview #photo .form-horizontal { min-height: 410px !important; } .offerview #pricinghistory { display: none !important; } .offerview #vSpecs .fshNotes .controls, .offerview #damages .damageNotes .controls, .offerview #damages .previousRepairsNotes .controls, .offerview #damages .previousRepairsNoted .controls, .offerview #valuationDetails .coverReceived .controls, .offerview #pricingDetails .coverReceived .controls, .offerview #accessoriesOpen .accessoryNotes .controls{ width: 100% !important; margin-left: 0px !important; } #accessoriesOpen .row-fluid .textshow { float: left !important; width: 50% !important; } /* Detailed view valuationview */ .main-section .valuationview .page-title-wrapper .back-btn { margin: -37px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .valuationview .mobile-form-headers p { font-size: 14px; } .valuationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .valuationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .valuationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .valuationview .mobile-form-headers i.icon-white-arrow-up, .valuationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .valuationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .valuationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .valuationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .valuationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 222px !important; } .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 104px !important; } .valuationview .form-horizontal .control-group .controls .information-input.valid { width : 89px !important; padding : 10px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 47px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 44px !important; } .valuationview .form-horizontal .control-group .mobile-control-label { width : 97px !important; } .valuationview .bootstrap-select .btn { width: 114px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 88px !important; padding-left: 20px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 79px !important; padding : 10px !important; padding-left: 20px !important; } .valuationview #valuationDetails .control-group-wrapper .control-group .control-label, .valuationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .valuationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .valuationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 89px !important; margin-left: -12px !important; margin-top: 12px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 80px !important; } .valuationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .valuationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .valuationview #pricingDetails span { padding-left: 27% !important; padding-top: 10px !important; } .valuationview #vSpecs .form-horizontal, .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 15px !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -4px !important; } .valuationview .form-horizontal, .valuationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #damagesOpen, .valuationview #accessoriesOpen , .valuationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .valuationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 222px !important; } .valuationview #damagesOpen .form-horizontal.mobile-form-horizontal, .valuationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .valuationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; min-height: 200px !important; } .valuationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .valuationview #damagesOpen .controls{ width: 95px !important; margin-left: 0px !important; float: left !important; } .valuationview p.damages-comments { font-size: 14px !important; } .valuationview p.cover-received { font-size: 14px !important; } .valuationview .accessories-form .comment-box .mobile-comment, .valuationview .form-horizontal .mobile-instruction-paragraph, .valuationview .control-group label { font-size: 14px !important; } .valuationview .control-group .text-box-small { width: 97% !important; } .valuationview .damages-form .textbox, .valuationview .valuation-details-form .textbox, .valuationview .pricing-details-form .textbox, .valuationview .accessories-form .comment-box .comment-text-box { width: 101% !important; margin-left: -5px !important; } .valuationview #printValuationPdf { display:none !important; } /* Detailed limitvaluations view */ .limitedvaluationview #customerDetailsClick p { margin-top: 0px !important; } .main-section .limitedvaluationview .page-title-wrapper .back-btn { margin: -37px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .limitedvaluationview .mobile-form-headers p { font-size: 14px; } .limitedvaluationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .limitedvaluationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .limitedvaluationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .limitedvaluationview .mobile-form-headers i.icon-white-arrow-up, .limitedvaluationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .limitedvaluationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .limitedvaluationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .limitedvaluationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 222px !important; border: 0 none !important; background: none !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 104px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input.valid { width : 89px !important; padding : 10px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 47px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 44px !important; } .limitedvaluationview .form-horizontal .control-group .mobile-control-label { width : 97px !important; } .limitedvaluationview .bootstrap-select .btn { width: 114px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 88px !important; padding-left: 20px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 79px !important; padding : 10px !important; padding-left: 20px !important; } .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .control-label, .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 89px !important; margin-left: -12px !important; margin-top: 12px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 80px !important; } .limitedvaluationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .limitedvaluationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .limitedvaluationview #pricingDetails span { padding-left: 27% !important; padding-top: 10px !important; } .limitedvaluationview #vSpecs .form-horizontal, .limitedvaluationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; border: 0 none !important; background: none !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 15px !important; padding : 0 !important; } .limitedvaluationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -2px !important; } .limitedvaluationview .accessories-form .control-group .checkbox { font-size: 11px !important; } .limitedvaluationview #accessoriesOpen .form-horizontal { border: 0 !important; background: none !important; } .limitedvaluationview #photo .form-horizontal { border: 0 !important; background: none !important; } .limitedvaluationview .form-horizontal, .limitedvaluationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .limitedvaluationview #damagesOpen, .limitedvaluationview #accessoriesOpen , .limitedvaluationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .limitedvaluationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 222px !important; } .limitedvaluationview #damagesOpen .form-horizontal.mobile-form-horizontal, .limitedvaluationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .limitedvaluationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; min-height: 200px !important; } .limitedvaluationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .limitedvaluationview #damagesOpen .controls{ width: 95px !important; margin-left: 0px !important; float: left !important; } .limitedvaluationview p.damages-comments { font-size: 14px !important; } .limitedvaluationview p.cover-received { font-size: 14px !important; } .limitedvaluationview .accessories-form .comment-box .mobile-comment, .limitedvaluationview .form-horizontal .mobile-instruction-paragraph, .limitedvaluationview .control-group label { font-size: 14px !important; } .limitedvaluationview .control-group .text-box-small { width: 97% !important; } .limitedvaluationview .damages-form .textbox, .limitedvaluationview .valuation-details-form .textbox, .limitedvaluationview .pricing-details-form .textbox, .limitedvaluationview .accessories-form .comment-box .comment-text-box { width: 101% !important; margin-left: -5px !important; } .limitedvaluationview #printValuationPdf { display:none !important; } /* Buttons at the bottom */ .valuationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; float: left !important; } .valuationview .control-group label.error { float: left !important; font-size: 10px !important; width: 100% !important; } .limitedvaluationview .top-grey-set .btn, .limitedvaluationview bottom-grey-set .btn { float:left!important; width: 100% !important; margin: 10px 0 !important; } .limitedvaluationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; } } /* //added extra for the accept terms */ @media (min-width: 319px) and (max-width: 359px) { #frmValuationView .checkbox.checkbox-line.acceptTerms { text-align:center !important; width: 200px !important; } select, textarea, input[type="textarea"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .control-group .text-box-small, .damages-form .textbox, .valuation-details-form .textbox, .pricing-details-form .textbox, .textbox { font-size: 16px !important; } .form-horizontal { background-color: transparent !important; border-color: transparent !important; } .box-shadow { box-shadow: none !important; } .valuationview #btnArchive, .valuationview #add-to-stock-btn, .valuationview .add-to-stock-btn { width : 100% !important; margin: 10px 0 !important; float: left !important; } .publiccontact_us .arrowDiv { margin: 24px 0 0 80px !important; width: 76% !important; } .home .midLanding { margin: -130px 0 0 -10px !important; } .dealerhome .btnDiv { width: 85% !important; margin: 0 0 0 24px !important; } .dealerhome .login { margin: 0 0 10px 10px !important; } .dealerhome .mobi { display: none !important; } .dealerhome .divAction { margin: 0 0 0px -15px !important; text-transform: uppercase !important; } .dealerhome .div260 { font-size: 25px !important; } .contact_us .Terms_top h2 { display:none !important; } /* Auction page */ /* new menu buttons */ #mobiAuctionBtn { width:30% !important; padding-left: 10px !important; font-size: 12px !important; /* Reset font */ } #mobiPriceGuideBtn{ width:36% !important; font-size: 12px !important; /* Reset font */ } #mobiValuationsBtn { width:34% !important; padding-left: 10px !important; font-size: 12px !important; /* Reset font */ } /* The auction filters */ .auction .MakeMobi .dropdown-menu { margin: -54px 0 0 0; } .auction .RegionMobi .dropdown-menu { margin: -64px 0 0 0; } .auction #btnBasketMobi { width: 140px !important; margin: -139px 0 0 10px !important } .auction .MakeMobi .btn.dropdown-toggle { width: 140px !important; margin: -86px 0 0 !important; } .auction .page-title-wrapper .btn-new-valuation { width: 142px !important; margin: 0 0 0 149px !important; display: block !important; padding: 4px !important; } .auction .RegionMobi .btn.dropdown-toggle { width: 140px !important; margin: -96px 0 0 !important; } .auction #gridAuctionContext_RegNoMobi { margin: -302px 0 0 149px !important; width: 128px !important; font-size: 16px !important; } .auction #btnClearSearch { display: none !important; } .auction #btnSearch { display: none !important; } .auction .row-fluid.table-form { margin: -117px 0 0 0px !important; float: left !important; /* added for IE */ } .auction .icon-circle-arrow-up, .auction .icon-circle-arrow-down{ display:none !important; } .auction .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .auction table.table td{ font-size: 10px !important; /* Added for ie */ } .auction table.table { width: 292px !important; overflow: hidden !important; } /* The Price guide filters */ .page-title-wrapper p { display:none !important; } .priceguide .MakeMobi .dropdown-menu { margin: -6px 0 0 -118px; } .priceguide .RegionMobi .dropdown-menu { margin: -29px 0 0 0; } .priceguide .MakeMobi .btn.dropdown-toggle { width: 130px !important; margin: -38px 0px 0 -119px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide .RegionMobi .btn.dropdown-toggle { width: 130px !important; margin: -61px 0 0 0px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide #gridPriceGuideContext_RegNoMobi { margin: -10px 0 0 141px !important; width: 120px !important; float: right !important; display: block !important; float: left !important; position: inherit !important; } .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid, .main.valuations #valuationReport { display: none !important; } .priceguide .row-fluid.table-form { margin: -90px 0 0 0px !important; float: left !important; /* added for IE */ } .priceguide .icon-circle-arrow-up, .priceguide .icon-circle-arrow-down{ display:none !important; } .priceguide .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .priceguide table.table td{ font-size: 10px !important; /* Added for ie */ } .priceguide table.table { width: 276px !important; overflow: hidden !important; } .priceguide .pagination { margin: 0px 5px 0 0 !important; } /* The valuation filters */ .main-section .valuations .page-title-wrapper .mobile-header-valuation { font-size: 30px !important; } .valuations .page-title-wrapper .mobile-btn-wrapper { border-bottom: none !important; } .page-title-wrapper p { display:none !important; } .valuations .MakeMobi .dropdown-menu { margin: 2px 0 0 -35px; } .valuations .StatusMobi .dropdown-menu { margin: -90px 0 0; } .valuations .MakeMobi .btn.dropdown-toggle { width: 135px !important; margin: -25px 0 0 -34px !important; display: block !important; float: left !important; position: inherit !important; } .valuations .StatusMobi .btn.dropdown-toggle { width: 135px !important; margin: -122px 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .main.valuations #gridValuationContext_RegNoMobi { float: left !important; margin: -41px 0 0 150px !important; width: 126px !important; } .valuations #newValuation { margin: 0px 0 0 150px !important; width: 140px !important; float: left !important; padding: 4px !important; font-size: 10px !important; } .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid, .main.valuations #valuationReport { display: none !important; } .valuations .row-fluid.table-form { margin: -110px 0 0 !important; float: left !important; /* added for IE */ } .valuations .icon-circle-arrow-up, .valuations .icon-circle-arrow-down{ display:none !important; } .valuations .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .valuations table.table td{ font-size: 10px !important; /* Added for ie */ } .valuations table.table { width: 290px !important; overflow: hidden !important; } .valuations .pagination { margin: 0px 5px 0 0 !important; } /* Detailed view Auction - bidview */ #PageContent.bidview .row_even .one, #PageContent.bidview .row_odd .one, #PageContent.bidview .row_even .two, #PageContent.bidview .row_odd .two, #PageContent.bidview .row_red .one, #PageContent.bidview .row_red .two{ width: 100% !important; } #PageContent.bidview .row_even .one .control-label, #PageContent.bidview .row_odd .one .control-label, #PageContent.bidview .row_even .two .control-label, #PageContent.bidview .row_odd .two .control-label, #PageContent.bidview .row_red .one .control-label, #PageContent.bidview .row_red .two .control-label{ width: 50% !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group { width: 281px !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .controls{ width: 37% !important; float: right !important; } #PageContent.bidview #vehicleDamages .row_even .control-group, #PageContent.bidview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.bidview #vehicleDamages .row_even .control-group .control-label, #PageContent.bidview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } #PageContent.bidview #vehicleDamages .row_even .damageTotal .control-label { width: 50% !important; } #PageContent.bidview .damageTotal .control-label { float: left !important; width: 40% !important; } #PageContent.bidview .damageTotal .controls { float: right !important; width: 39% !important; } /* yes */ .form-horizontal .control-group .controls #previousRepairsNoted { width: 50px !important; float: left !important; margin: -14px 0 0 240px !important; } .bidview #vehicleAccessoriesClick { width: 292px !important ; } #accessoriesMobiOpen { width: 292px !important; margin: 0 0 0 -14px !important; } #accessoriesMobiOpen .row-fluid { border: 1px solid #d3d3d3; width: 273px !important; } #accessoriesMobiOpen .row-fluid div { width: 122px !important; float: left !important; padding-top: 5px !important; } #accessoryNotesMobi { margin-bottom: 15px !important; } #PageContent.bidview h5 { margin-bottom: 5px !important; margin-top: 5px !important; } #vehicleDamages .row_red { display: none !important; } .accessoryNotes_dataMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_dataMobi .control-label { float: left !important; font-size: 14px !important; margin-left: 10px !important; text-align: left !important; } .accessoryNotes_dataMobi .controls { width: 280px !important; margin-left: 10px !important; } .accessoryNotes_titleMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_titleMobi .control-label { float: left !important; font-size: 14px !important; margin-left: 10px !important; text-align: left !important; } .accessoryNotes_titleMobi .controls { width: 280px !important; margin-left: 10px !important; } .accessoryNotesMobi { padding-bottom: 25px !important; padding-top: 0px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotesMobi .control-label { float: left !important; font-size: 14px !important; margin-left: 10px !important; text-align: left !important; } .accessoryNotesMobi .controls { width: 280px !important; margin-left: 10px !important; } .backBtn { margin: -20px 0 0 0 !important; } .bidview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .container-fluid.bidview { max-width: 100% !important; } .bidview .mobile-form-headers { padding: 5px 0 0 !important; } .bidview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -22px !important; width: 292px !important; margin-top: -9px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .bidview #vehicleDamagesClick.mobile-form-headers { padding: 0px 5px 0 20px !important; margin-left: -20px !important; width: 291px !important; margin-top: 0px !important; } .bidview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .bidview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 293px !important; margin: 0 0 0 -22px !important; min-height: 44px !important; } .bidview .mobile-car { margin-left:5px !important; } .bidview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .bidview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.bidview .specs .controls #fshNotes_data, #PageContent.bidview .specs .controls #damageNotes_data, #PageContent.bidview .specs .controls #coverReceived_data, #PageContent.bidview .specs .controls #previousRepairsNotes_data { width: 270px !important; } /* Detailed view Stock */ #PageContent.stockview .row_even .one, #PageContent.stockview .row_odd .one, #PageContent.stockview .row_even .two, #PageContent.stockview .row_odd .two, #PageContent.stockview .row_red .one, #PageContent.stockview .row_red .two{ width: 100% !important; } #PageContent.stockview .row_even .one .control-label, #PageContent.stockview .row_odd .one .control-label, #PageContent.stockview .row_even .two .control-label, #PageContent.stockview .row_odd .two .control-label, #PageContent.stockview .row_red .one .control-label, #PageContent.stockview .row_red .two .control-label{ width: 50% !important; } .stockview #vSpecs .form-horizontal .control-group .controls { width: 97px; font-size:12px; margin-left:10px; margin-top: 0px; } .stockview .total-estimated-label { width: 170px !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group { width: 210px !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .controls{ width: 50% !important; float: left !important; } #PageContent.stockview #vehicleDamages .row_even .control-group, #PageContent.stockview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.stockview #vehicleDamages .row_even .control-group .control-label, #PageContent.stockview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } .stockview #vehicleAccessoriesClick { width: 221px !important; } .stockview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .stockview .page-title-wrapper .back-btn { margin: -34px 17px 0 0 !important; } #PageContent.stockview #vSpecs .control-label.valuation-line{ margin-left:10px !important; } #PageContent.stockview #vSpecs #mmCode{ margin-left: 35px !important; } .stockview #vSpecs .form-horizontal .control-group .controls .information-input{ width : 100px !important; padding-left:20px; padding : 10px 4px; } .stockview #vSpecs .form-horizontal .control-group .controls .information-input.valid, .stockview #vSpecs .form-horizontal .control-group .controls .information-input.error { width: 97px !important; } .stockview #vSpecs #fshNotes { width: 93% !important; } .stockview #damagesOpen input.rand-input { margin-top: -10px !important; width: 107px !important; } .stockview #damagesOpen .control-group label { width: 100px !important; } .stockview #damagesOpen .price, .stockview #damagesOpen .damages-form .price { margin-left: 30px !important; margin-top: 0px !important; } .stockview #pricinghistory { display: none; } .stockview #pricingDetails .form-horizontal { min-height: 70px !important; } .main-section .container-fluid.stockview { max-width: 100% !important; } .stockview .mobile-form-headers { padding: 5px 0 0 !important; } .stockview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -21px !important; width: 222px !important; margin-top: -9px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .stockview #vehicleDamagesClick.mobile-form-headers { padding: 0px 5px 0 20px !important; margin-left: -20px !important; width: 222px !important; margin-top: 0px !important; } .stockview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .stockview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 223px !important; margin: 0 0 0 -21px !important; min-height: 44px !important; } .stockview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .stockview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.stockview .specs .controls #fshNotes_data, #PageContent.stockview .specs .controls #damageNotes_data, #PageContent.stockview .specs .controls #coverReceived_data, #PageContent.stockview .specs .controls #previousRepairsNotes_data { width: 200px !important; } .stockview .row-fluid.table-form { margin: -169px 0 0 !important; float: left !important; /* added for IE */ } .stockview .icon-circle-arrow-up, .stockview .icon-circle-arrow-down{ display:none !important; } .stockview .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .stockview table.table td{ font-size: 10px !important; /* Added for ie */ } .stockview table.table { width: 223px !important; overflow: hidden !important; } .stockview .pagination { margin: 0px 5px 0 0 !important; } .stockview .mobile-clipboard { margin-left: 15px !important; } .stockview .mobile-money { margin-left: 10px !important; } .stockview .mobile-car { margin-left:10px !important; } .stockview .mobile-bomb { margin-left: 10px !important; margin-top: 4px !important; } .stockview .mobile-headphones { margin-left: 10px !important; } .stockview .mobile-camera { margin-left: 10px !important; } .stockview #priceGuideAuctionClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #pricingDetailsClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #vSpecsClick p { margin-top: 5px !important; } .stockview #damagesClick p { margin-top: 2px !important; margin-left: 7px !important; } .stockview #accessoriesClick p { margin-top: 4px !important; margin-left: 12px !important; } .stockview #photoClick p { margin-top: 5px !important; margin-left: 12px !important; } /* Detailed view priceguide */ .offerview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .offerview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .offerview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .offerview .mobile-form-headers i.icon-white-arrow-up, .offerview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .offerview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .offerview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; } .offerview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; } .offerview .mobile-form-headers i.mobile-car { margin-right: 6px !important; } .offerview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; } .offerview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; } .offerview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; } .offerview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; } .offerview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .main-section .offerview #frmValuationView .page-title-wrapper h1 { font-size: 12px !important; width: 200px !important; margin: 10px 0 0 !important; } #printPriceGuidePdf { display: none !important; } .main-section .offerview .page-title-wrapper .back-btn { display: none !important; } .offerview #dropCmp .control-group { height: 10px !important; } .offerview #dropCmp { padding-bottom: 15px !important; } .offerview .make-offer-btn { float: right !important; margin: -62px 0 0 !important; } .offerview #dealershipDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #dealershipDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #dealershipDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #dealershipDetails .form-horizontal { min-height: 123px !important; } .offerview #valuationDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #valuationDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #valuationDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #valuationDetails .form-horizontal { min-height: 70px !important; } .offerview #pricingDetails .control-group .control-label{ float: left !important; width: 47% !important; font-size: 12px !important; line-height: 12px !important; padding-bottom: 5px !important; padding-top: 5px !important; margin: 0 0 0 5px !important; } .offerview #pricingDetails .control-group .controls{ float: left !important; width: 47% !important; padding-bottom: 5px !important; padding-top: 5px !important; } .offerview #pricingDetails .control-group .controls p { font-size: 12px !important; line-height: 12px !important; width: 100% !important; margin: 0 !important; } .offerview .page-top-forms-wrapper #pricingDetails .form-horizontal { min-height: 123px !important; } .offerview #vSpecs .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #vSpecs .controls{ float: left !important; width: 50% !important; } .offerview #vSpecs .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .control-label{ float: left !important; width: 60% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #damages .controls{ float: left !important; width: 35% !important; } .offerview #damages .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .form-horizontal { min-height: 150px !important; } .offerview #accessoriesOpen .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .controls{ float: left !important; width: 50% !important; } .offerview #accessoriesOpen .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .form-horizontal { min-height: 150px !important; } .offerview .page-bottom-forms-wrapper.page-middle-forms-wrapper .accessories-form { min-height: 0px !important; } .offerview #photo .form-horizontal { min-height: 410px !important; } .offerview #pricinghistory { display: none !important; } .offerview #vSpecs .fshNotes .controls, .offerview #damages .damageNotes .controls, .offerview #damages .previousRepairsNotes .controls, .offerview #damages .previousRepairsNoted .controls, .offerview #valuationDetails .coverReceived .controls, .offerview #pricingDetails .coverReceived .controls, .offerview #accessoriesOpen .accessoryNotes .controls{ width: 275px !important; margin-left: 0px !important; } #accessoriesOpen .row-fluid .textshow { float: left !important; width: 50% !important; } /* publicvaluation toggle buttons */ .publicvaluation #customerDetailsClick p, .publicvaluation #vehicleSpecificationsClick p, .publicvaluation #damagesClick p, .publicvaluation #accessoriesClick p, .publicvaluation #photosClick p { margin-top: 0 !important; } .publicvaluation .mobile-form-headers p { font-size: 14px; } .publicvaluation .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .publicvaluation .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .publicvaluation .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .publicvaluation .mobile-form-headers i.icon-white-arrow-up, .publicvaluation .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .publicvaluation .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .publicvaluation .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-car { margin-right: 6px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-camera { margin-right: 7px !important; float : left !important; margin-top: -3px !important; } .publicvaluation #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .publicvaluation #dealershipDetailsClick .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; } .main.publicvaluation .mobile-form-headers p { font-size:12px; !important; } /* public valuation forms */ .publicvaluation .page-top-forms-wrapper .form-horizontal { margin: 0 !important; min-height: 215px !important; padding: 0 !important; width: 102% !important; } .publicvaluation .page-top-forms-wrapper .form-horizontal .row-fluid { margin: 0 !important; padding: 0 !important; } .publicvaluation .form-horizontal .control-group .mobile-control-label { width: 56% !important; } .publicvaluation .form-horizontal .control-group .controls { width: 35% !important; } .publicvaluation .form-horizontal .mobile-control-group .input-prepend, .form-horizontal .mobile-control-group .btn-group { width: 40% !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.error, .publicvaluation .form-horizontal .mobile-control-group .mobile-information-input.error, .publicvaluation .form-horizontal .control-group .controls .information-input.valid, .publicvaluation .form-horizontal .control-group .controls .information-input { margin-left : -14px !important; } .publicvaluation .form-horizontal .control-group .controls #street, .publicvaluation .form-horizontal .control-group .controls #vinNumber, .publicvaluation .form-horizontal .control-group .controls #engineNumber { width: 101px !important; } .publicvaluation .form-horizontal .control-group .controls #street.valid, .publicvaluation .form-horizontal .control-group .controls #vinNumber.valid, .publicvaluation .form-horizontal .control-group .controls #engineNumber.valid { width: 98px !important; } .publicvaluation .error { width: 101px !important; } .publicvaluation .bootstrap-select .btn { width: 110px !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.valid { width: 97px !important; } .publicvaluation .page-top-forms-wrapper #vehicleSpecifications { margin-left : 9px !important; } .publicvaluation .control-group .text-box-small { width:95% !important; } .publicvaluation .page-middle-forms-wrapper .form-horizontal { margin: 0 !important; padding: 0 !important; } .publicvaluation .damages-form .textbox { width: 95% !important; } .publicvaluation .valuation-details-form .textbox { width: 95% !important; } .publicvaluation .pricing-details-form .textbox { width: 95% !important; } .publicvaluation .accessories-form .comment-box .comment-text-box { width: 95% !important; } .publicvaluation .accessories-form .checkbox-line, .publicvaluation .accessories-form .checkbox.checkbox-line { font-size: 14px !important; } /* Detailed view valuationview */ .main-section .valuationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .valuationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .valuationview .mobile-form-headers p { font-size: 14px; } .valuationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .valuationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .valuationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .valuationview .mobile-form-headers i.icon-white-arrow-up, .valuationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .valuationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .valuationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .valuationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .valuationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 299px !important; } .valuationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 139px !important; } .valuationview .form-horizontal .control-group .controls .information-input.valid { width : 124px !important; padding : 10px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 79px !important; } .valuationview .form-horizontal .control-group .mobile-control-label { width : 135px !important; } .valuationview .bootstrap-select .btn { width: 147px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 123px !important; padding-left: 20px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 114px !important; padding : 10px !important; padding-left: 20px !important; } .valuationview #valuationDetails .control-group-wrapper .control-group .control-label, .valuationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .valuationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .valuationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .valuationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .valuationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .valuationview #pricingDetails span { padding-left: 104px !important; padding-top: 10px !important; } .valuationview #vSpecs .form-horizontal, .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; width: 132px !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 4px !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -4px !important; } .valuationview .form-horizontal, .valuationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #damagesOpen, .valuationview #accessoriesOpen , .valuationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .valuationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 294px !important; } .valuationview #damagesOpen .form-horizontal.mobile-form-horizontal, .valuationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .valuationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .valuationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .valuationview #damagesOpen .controls{ width: 95px !important; margin-left: -8px !important; float: left !important; } .valuationview p.damages-comments { font-size: 14px !important; } .valuationview p.cover-received { font-size: 14px !important; } .valuationview .accessories-form .comment-box .mobile-comment, .valuationview .form-horizontal .mobile-instruction-paragraph, .valuationview .control-group label { font-size: 14px !important; } .valuationview .control-group .text-box-small { width: 98% !important; } .valuationview .damages-form .textbox, .valuationview .valuation-details-form .textbox, .valuationview .pricing-details-form .textbox, .valuationview .accessories-form .comment-box .comment-text-box { width: 101% !important; } .valuationview #printValuationPdf { display : none !important; } .valuationview .top-grey-set .btn, .valuationview bottom-grey-set .btn { float:left!important; width: 100% !important; margin: 10px 0 !important; } .valuationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; float: left !important; } .valuationview .control-group label.error { float: left !important; font-size: 10px !important; width: 100% !important; } /* LIMITED view valuationlimitedview */ .limitedvaluationview #customerDetailsClick.open p, #customerDetailsClick p { margin-top: 0px !important; } .main-section .limitedvaluationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .limitedvaluationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .limitedvaluationview .mobile-form-headers p { font-size: 14px; } .limitedvaluationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .limitedvaluationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .limitedvaluationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .limitedvaluationview .mobile-form-headers i.icon-white-arrow-up, .limitedvaluationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .limitedvaluationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .limitedvaluationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .limitedvaluationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 293px !important; border: 0 none !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend, .limitedvaluationview .form-horizontal .mobile-control-group .btn-group { margin-left : 2px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 137px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input.valid { width : 124px !important; padding : 10px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 80px !important; } .limitedvaluationview .form-horizontal .control-group .mobile-control-label { width : 135px !important; } .limitedvaluationview .bootstrap-select .btn { width: 147px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 123px !important; padding-left: 20px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 114px !important; padding : 10px !important; padding-left: 20px !important; } .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .control-label, .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .limitedvaluationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .limitedvaluationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .limitedvaluationview #pricingDetails span { padding-left: 104px !important; padding-top: 10px !important; } .limitedvaluationview #vSpecs .form-horizontal, .limitedvaluationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; border: 0 none !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; width:137px !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group .controls { width: 129px !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 0px !important; padding : 0 !important; } .limitedvaluationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -4px !important; } .limitedvaluationview .form-horizontal, .limitedvaluationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .limitedvaluationview #damagesOpen, .limitedvaluationview #accessoriesOpen , .limitedvaluationview #photo { padding-left: 0px !important; padding-right: 5px !important; width: 100% !important; } .limitedvaluationview #accessoriesOpen .form-horizontal { padding-left: 10px !important; border: 10px !important; } .limitedvaluationview .page-bottom-forms-wrapper .form-horizontal { border: 0 none !important; } .limitedvaluationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 294px !important; } .limitedvaluationview #damagesOpen .form-horizontal.mobile-form-horizontal, .limitedvaluationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .limitedvaluationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .limitedvaluationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .limitedvaluationview #damagesOpen .controls{ width: 95px !important; margin-left: -8px !important; float: left !important; } .limitedvaluationview p.damages-comments { font-size: 14px !important; } .limitedvaluationview p.cover-received { font-size: 14px !important; } .limitedvaluationview .accessories-form .comment-box .mobile-comment, .limitedvaluationview .form-horizontal .mobile-instruction-paragraph, .limitedvaluationview .control-group label { font-size: 14px !important; } .limitedvaluationview .control-group .text-box-small { width: 100% !important; } .limitedvaluationview .damages-form .textbox, .limitedvaluationview .valuation-details-form .textbox, .limitedvaluationview .pricing-details-form .textbox, .limitedvaluationview .accessories-form .comment-box .comment-text-box { width: 95% !important; } .limitedvaluationview #printValuationPdf { display : none !important; } #photo p.instruction-paragraph, #photo p.warning-paragraph{ padding-left:10px!important; } .limitedvaluationview .accessory { padding-left:10px !important; } .select-valuator btn { width: 300px !important; } .limitedvaluationview .top-grey-set .btn, .limitedvaluationview bottom-grey-set .btn { float:left!important; width: 100% !important; margin: 10px 0 !important; } .limitedvaluationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; } } /* //added extra for the accept terms */ @media (min-width: 360px) and (max-width: 399px) { #frmValuationView .checkbox.checkbox-line.acceptTerms { text-align:center !important; width: 200px !important; } select, textarea, input[type="textarea"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .control-group .text-box-small, .damages-form .textbox, .valuation-details-form .textbox, .pricing-details-form .textbox, .textbox { font-size: 16px !important; } .form-horizontal { background-color: transparent !important; border-color: transparent !important; } .box-shadow { box-shadow: none !important; } .valuationview #btnArchive, .valuationview #add-to-stock-btn, .valuationview .add-to-stock-btn { width : 100% !important; margin: 10px 0 !important; float: left !important; } .home .midLanding { margin: -130px 0 0 -10px !important; } .dealerhome .btnDiv { width: 73% !important; margin: 0 0 0 45px !important; } .dealerhome .login { margin: 0 0 10px 10px !important; } .dealerhome .mobi { display: none !important; } .dealerhome .divAction { margin: 0 0 0px -15px !important; } /* Auction page */ /* new menu buttons */ #mobiAuctionBtn { width:30% !important; padding-left: 10px !important; font-size: 12px !important; /* Reset font */ } #mobiPriceGuideBtn{ width:36% !important; font-size: 12px !important; /* Reset font */ } #mobiValuationsBtn { width:34% !important; padding-left: 10px !important; font-size: 12px !important; /* Reset font */ } /* The auction filters */ .auction .MakeMobi .dropdown-menu { margin: -54px 0 0 0; } .auction .RegionMobi .dropdown-menu { margin: -64px 0 0 0; } .auction #btnBasketMobi { width: 155px !important; margin: -108px 0 0 10px !important; } .auction .MakeMobi .btn.dropdown-toggle { width: 155px !important; margin: -86px 0 0 !important; } .auction .page-title-wrapper .btn-new-valuation { width: 160px !important; margin: 0px 0 0 167px !important; display: block !important; padding: 4px !important; position: absolute !important; float: left !important; } .auction .RegionMobi .btn.dropdown-toggle { width: 155px !important; margin: -96px 0 0 !important; } .auction #gridAuctionContext_RegNoMobi { margin: -155px 0 0 167px !important; width: 146px !important; font-size: 16px !important; position: absolute !important; } .auction #btnClearSearch { display: none !important; } .auction #btnSearch { display: none !important; } .auction .row-fluid.table-form { margin: -80px 0 0 0px !important; float: left !important; /* added for IE */ } .auction .icon-circle-arrow-up, .auction .icon-circle-arrow-down{ display:none !important; } .auction .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .auction table.table td{ font-size: 10px !important; /* Added for ie */ } .auction table.table { width: 328px !important; overflow: hidden !important; } /* The Price guide filters */ .page-title-wrapper p { display:none !important; } .priceguide .MakeMobi .dropdown-menu { margin: -7px 0 0 -133px; } .priceguide .RegionMobi .dropdown-menu { margin: -29px 0 0 0; } .priceguide .MakeMobi .btn.dropdown-toggle { width: 150px !important; margin: -38px 0 0 -133px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide .RegionMobi .btn.dropdown-toggle { width: 150px !important; margin: -61px 0 0 0px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide #gridPriceGuideContext_RegNoMobi { margin: -10px 0 0 163px !important; width: 135px !important; float: left !important; display: block !important; position: inherit !important; } .priceguide #btnClearSearch { display: none !important; } .priceguide #btnSearch { display: none !important; } .priceguide .row-fluid.table-form { margin: -90px 0 0 0px !important; float: left !important; /* added for IE */ } .priceguide .icon-circle-arrow-up, .priceguide .icon-circle-arrow-down{ display:none !important; } .priceguide .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .priceguide table.table td{ font-size: 10px !important; /* Added for ie */ } .priceguide table.table { width: 313px !important; overflow: hidden !important; } .priceguide .pagination { margin: 0px 5px 0 0 !important; } /* The valuation filters */ .main-section .valuations .page-title-wrapper .mobile-header-valuation { font-size: 30px !important; } .valuations .page-title-wrapper .mobile-btn-wrapper { border-bottom: none !important; } .page-title-wrapper p { display:none !important; } .valuations .MakeMobi .dropdown-menu { margin: 2px 0 0 -40px; } .valuations .StatusMobi .dropdown-menu { margin: -90px 0 0; } .valuations .MakeMobi .btn.dropdown-toggle { width: 165px !important; margin: -25px 0 0 -40px !important; display: block !important; float: left !important; position: inherit !important; } .valuations .StatusMobi .btn.dropdown-toggle { width: 165px !important; margin: -122px 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .main.valuations #gridValuationContext_RegNoMobi { float: left !important; margin: -41px 0 0 177px !important; width: 136px !important; } .valuations #newValuation { margin: 0px 0 0 177px !important; width: 150px !important; float: left !important; } .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid, .main.valuations #valuationReport { display: none !important; } .valuations .row-fluid.table-form { margin: -110px 0 0 !important; float: left !important; /* added for IE */ } .valuations .icon-circle-arrow-up, .valuations .icon-circle-arrow-down{ display:none !important; } .valuations .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .valuations table.table td{ font-size: 10px !important; /* Added for ie */ } .valuations table.table { width: 327px !important; overflow: hidden !important; } .valuations .pagination { margin: 0px 5px 0 0 !important; } /* Detailed view Auction - bidview */ #PageContent.bidview .row_even .one, #PageContent.bidview .row_odd .one, #PageContent.bidview .row_even .two, #PageContent.bidview .row_odd .two, #PageContent.bidview .row_red .one, #PageContent.bidview .row_red .two{ width: 100% !important; } #PageContent.bidview .row_even .one .control-label, #PageContent.bidview .row_odd .one .control-label, #PageContent.bidview .row_even .two .control-label, #PageContent.bidview .row_odd .two .control-label, #PageContent.bidview .row_red .one .control-label, #PageContent.bidview .row_red .two .control-label{ width: 50% !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group { width: 317px !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .controls{ width: 37% !important; float: right !important; } #PageContent.bidview #vehicleDamages .row_even .control-group, #PageContent.bidview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.bidview #vehicleDamages .row_even .control-group .control-label, #PageContent.bidview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } /* yes */ .form-horizontal .control-group .controls #previousRepairsNoted { width: 50px !important; float: left !important; margin: -14px 0 0 193px !important; } .bidview #vehicleAccessoriesClick { width: 328px !important ; } #PageContent.bidview .damageTotal .control-label { float: left !important; width: 40% !important; } #PageContent.bidview .damageTotal .controls { float: right !important; width: 39% !important; } #accessoriesMobiOpen { width: 329px !important; margin: 0 0 0 -14px !important; } #accessoriesMobiOpen .row-fluid { border: 1px solid #d3d3d3; width: 307px !important; } #accessoriesMobiOpen .row-fluid div { width: 145px !important; float: left !important; padding-top: 5px !important; } #accessoryNotesMobi { margin-bottom: 15px !important; } #PageContent.bidview h5 { margin-bottom: 5px !important; margin-top: 5px !important; } #vehicleDamages .row_red { display: none !important; } .accessoryNotes_dataMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_dataMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 12px !important; text-align: left !important; } .accessoryNotes_dataMobi .controls { width: 318px !important; margin-left: 10px !important; } .accessoryNotes_titleMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_titleMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 12px !important; text-align: left !important; } .accessoryNotes_titleMobi .controls { width: 318px !important; margin-left: 10px !important; } .accessoryNotesMobi { padding-bottom: 25px !important; padding-top: 0px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotesMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 12px !important; text-align: left !important; } .accessoryNotesMobi .controls { width: 318px !important; margin-left: 10px !important; } .backBtn { margin: -20px 0 0 0 !important; } .bidview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .container-fluid.bidview { max-width: 100% !important; } .bidview .mobile-form-headers { padding: 5px 0 0 !important; } .bidview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -22px !important; width: 327px !important; margin-top: -9px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .bidview #vehicleDamagesClick.mobile-form-headers { padding: 0 5px 0 0 !important; margin-left: 0 !important; width: 327px !important; margin-top: 0px !important; } .bidview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .bidview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 329px !important; margin: 0 0 0 -23px !important; min-height: 44px !important; } .bidview .mobile-car { margin-left:5px !important; } .bidview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .bidview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.bidview .specs .controls #fshNotes_data, #PageContent.bidview .specs .controls #damageNotes_data, #PageContent.bidview .specs .controls #coverReceived_data, #PageContent.bidview .specs .controls #previousRepairsNotes_data { width: 300px !important; } /* publicvaluation toggle buttons */ .publicvaluation #customerDetailsClick p, .publicvaluation #vehicleSpecificationsClick p, .publicvaluation #damagesClick p, .publicvaluation #accessoriesClick p, .publicvaluation #photosClick p { margin-top: 0 !important; } .publicvaluation .mobile-form-headers p { font-size: 14px; } .publicvaluation .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .publicvaluation .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .publicvaluation .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .publicvaluation .mobile-form-headers i.icon-white-arrow-up, .publicvaluation .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .publicvaluation .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .publicvaluation .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-car { margin-right: 6px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-camera { margin-right: 7px !important; float : left !important; margin-top: -3px !important; } .publicvaluation #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .publicvaluation #dealershipDetailsClick .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; } .main.publicvaluation .mobile-form-headers p { font-size:12px; !important; } /* public valuation forms */ .publicvaluation .page-top-forms-wrapper .form-horizontal { margin: 0 !important; min-height: 215px !important; padding: 0 !important; width: 113% !important; } .publicvaluation #vehicleSpecifications { width: 107% !important; } .publicvaluation .page-top-forms-wrapper .form-horizontal .row-fluid, .publicvaluation #customerDetails .row-fluid { margin: 0 !important; padding: 0 !important; } .publicvaluation .form-horizontal .control-group .mobile-control-label { width: 56% !important; } .publicvaluation .form-horizontal .control-group .controls { width: 35% !important; } .publicvaluation .form-horizontal .mobile-control-group .input-prepend, .form-horizontal .mobile-control-group .btn-group { width: 40% !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.error, .publicvaluation .form-horizontal .mobile-control-group .mobile-information-input.error, .publicvaluation .form-horizontal .control-group .controls .information-input.valid, .publicvaluation .form-horizontal .control-group .controls .information-input { margin-left : -18px !important; } .publicvaluation #vehicleSpecifications .control-group .controls .information-input.error, .publicvaluation #vehicleSpecifications .mobile-control-group .mobile-information-input.error, .publicvaluation #vehicleSpecifications .control-group .controls .information-input.valid, .publicvaluation #vehicleSpecifications .control-group .controls .information-input { margin-left : -16px !important; } .publicvaluation .form-horizontal .control-group .controls #street, .publicvaluation .form-horizontal .control-group .controls #vinNumber, .publicvaluation .form-horizontal .control-group .controls #engineNumber { width: 101px !important; } .publicvaluation .form-horizontal .control-group .controls #street.valid, .publicvaluation .form-horizontal .control-group .controls #vinNumber.valid, .publicvaluation .form-horizontal .control-group .controls #engineNumber.valid { width: 98px !important; } .publicvaluation .error { width: 101px !important; } .publicvaluation .bootstrap-select .btn { width: 110px !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.valid { width: 97px !important; } .publicvaluation .page-top-forms-wrapper #vehicleSpecifications { margin-left : 9px !important; } .publicvaluation .control-group .text-box-small { width:90% !important; } .publicvaluation .page-middle-forms-wrapper .form-horizontal { margin: 0 !important; padding: 0 !important; } .publicvaluation .damages-form .textbox { width: 95% !important; } .publicvaluation .valuation-details-form .textbox { width: 95% !important; } .publicvaluation .pricing-details-form .textbox { width: 95% !important; } .publicvaluation .accessories-form .comment-box .comment-text-box { width: 95% !important; } /* Detailed view Stock */ #PageContent.stockview .row_even .one, #PageContent.stockview .row_odd .one, #PageContent.stockview .row_even .two, #PageContent.stockview .row_odd .two, #PageContent.stockview .row_red .one, #PageContent.stockview .row_red .two{ width: 100% !important; } #PageContent.stockview .row_even .one .control-label, #PageContent.stockview .row_odd .one .control-label, #PageContent.stockview .row_even .two .control-label, #PageContent.stockview .row_odd .two .control-label, #PageContent.stockview .row_red .one .control-label, #PageContent.stockview .row_red .two .control-label{ width: 50% !important; } .stockview #vSpecs .form-horizontal .control-group .controls { width: 133px !important; font-size:12px; margin-left:10px; margin-top: 0px; } #PageContent.stockview #vehicleDamages .div-striped .control-group { width: 210px !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .controls{ width: 50% !important; float: left !important; } #PageContent.stockview #vehicleDamages .row_even .control-group, #PageContent.stockview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.stockview #vehicleDamages .row_even .control-group .control-label, #PageContent.stockview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } .stockview #vehicleAccessoriesClick { width: 221px !important; } .stockview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .stockview .page-title-wrapper .back-btn { margin: -34px 17px 0 0 !important; } #PageContent.stockview #vSpecs .control-label.valuation-line{ margin-left:10px !important; } #PageContent.stockview #vSpecs #mmCode{ margin-left: 22px !important; } .stockview .form-horizontal .control-group .controls .information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input { width: 101px !important; } .stockview #vSpecs .controls .information-input.valid, .stockview #vSpecs .controls .information-input.error { width: 88px !important; margin-right : 8px !important; } .stockview #vSpecs #fshNotes { width: 93% !important; } .stockview #damagesOpen input.rand-input { margin-top: -10px !important; width: 107px !important; } .stockview #damagesOpen .price, .stockview #damagesOpen .damages-form .price { margin-left: 30px !important; margin-top: 0px !important; } .stockview #pricinghistory { display: none; } .stockview #pricingDetails .form-horizontal { min-height: 70px !important; } .main-section .container-fluid.stockview { max-width: 100% !important; } .stockview .mobile-form-headers { padding: 5px 0 0 !important; } .stockview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -21px !important; width: 222px !important; margin-top: -9px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .stockview #vehicleDamagesClick.mobile-form-headers { padding: 0px 5px 0 20px !important; margin-left: -20px !important; width: 222px !important; margin-top: 0px !important; } .stockview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .stockview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 223px !important; margin: 0 0 0 -21px !important; min-height: 44px !important; } .stockview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .stockview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.stockview .specs .controls #fshNotes_data, #PageContent.stockview .specs .controls #damageNotes_data, #PageContent.stockview .specs .controls #coverReceived_data, #PageContent.stockview .specs .controls #previousRepairsNotes_data { width: 200px !important; } .stockview .row-fluid.table-form { margin: -169px 0 0 !important; float: left !important; /* added for IE */ } .stockview .icon-circle-arrow-up, .stockview .icon-circle-arrow-down{ display:none !important; } .stockview .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .stockview table.table td{ font-size: 10px !important; /* Added for ie */ } .stockview table.table { width: 223px !important; overflow: hidden !important; } .stockview .pagination { margin: 0px 5px 0 0 !important; } .stockview .mobile-clipboard { margin-left: 15px !important; } .stockview .mobile-money { margin-left: 10px !important; } .stockview .mobile-car { margin-left:10px !important; } .stockview .mobile-bomb { margin-left: 10px !important; margin-top: 4px !important; } .stockview .mobile-headphones { margin-left: 10px !important; } .stockview .mobile-camera { margin-left: 10px !important; } .stockview #priceGuideAuctionClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #pricingDetailsClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #vSpecsClick p { margin-top: 5px !important; } .stockview #damagesClick p { margin-top: 2px !important; margin-left: 7px !important; } .stockview #accessoriesClick p { margin-top: 4px !important; margin-left: 12px !important; } .stockview #photoClick p { margin-top: 5px !important; margin-left: 12px !important; } /* Detailed view priceguide */ .offerview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .offerview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .offerview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .offerview .mobile-form-headers i.icon-white-arrow-up, .offerview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .offerview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .offerview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; } .offerview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; } .offerview .mobile-form-headers i.mobile-car { margin-right: 6px !important; } .offerview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; } .offerview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; } .offerview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; } .offerview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; } .offerview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .main-section .offerview #frmValuationView .page-title-wrapper h1 { font-size: 12px !important; width: 200px !important; margin: 10px 0 0 !important; } #printPriceGuidePdf { display: none !important; } .main-section .offerview .page-title-wrapper .back-btn { display: none !important; } .offerview #dropCmp .control-group { height: 10px !important; } .offerview #dropCmp { padding-bottom: 15px !important; } .offerview .make-offer-btn { float: right !important; margin: -62px 0 0 !important; } .offerview #dealershipDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #dealershipDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #dealershipDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #dealershipDetails .form-horizontal { min-height: 123px !important; } .offerview #valuationDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #valuationDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #valuationDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #valuationDetails .form-horizontal { min-height: 70px !important; } .offerview #pricingDetails .control-group .control-label{ float: left !important; width: 47% !important; font-size: 12px !important; line-height: 12px !important; padding-bottom: 5px !important; padding-top: 5px !important; margin: 0 0 0 5px !important; } .offerview #pricingDetails .control-group .controls{ float: left !important; width: 47% !important; padding-bottom: 5px !important; padding-top: 5px !important; } .offerview #pricingDetails .control-group .controls p { font-size: 12px !important; line-height: 12px !important; width: 100% !important; margin: 0 !important; } .offerview .page-top-forms-wrapper #pricingDetails .form-horizontal { min-height: 123px !important; } .offerview #vSpecs .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #vSpecs .controls{ float: left !important; width: 50% !important; } .offerview #vSpecs .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .control-label{ float: left !important; width: 60% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #damages .controls{ float: left !important; width: 35% !important; } .offerview #damages .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .form-horizontal { min-height: 150px !important; } .offerview #accessoriesOpen .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .controls{ float: left !important; width: 50% !important; } .offerview #accessoriesOpen .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .form-horizontal { min-height: 150px !important; } .offerview .page-bottom-forms-wrapper.page-middle-forms-wrapper .accessories-form { min-height: 0px !important; } .offerview #photo .form-horizontal { min-height: 410px !important; } .offerview #pricinghistory { display: none !important; } .offerview #vSpecs .fshNotes .controls, .offerview #damages .damageNotes .controls, .offerview #damages .previousRepairsNotes .controls, .offerview #damages .previousRepairsNoted .controls, .offerview #valuationDetails .coverReceived .controls, .offerview #pricingDetails .coverReceived .controls, .offerview #accessoriesOpen .accessoryNotes .controls{ width: 305px !important; margin-left: 2px !important; } #accessoriesOpen .row-fluid .textshow { float: left !important; width: 50% !important; } /* Detailed view valuationview */ .main-section .valuationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .valuationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .valuationview .mobile-form-headers p { font-size: 14px; } .valuationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .valuationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .valuationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .valuationview .mobile-form-headers i.icon-white-arrow-up, .valuationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .valuationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .valuationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .valuationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .valuationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 370px !important; } .valuationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 139px !important; } .valuationview .form-horizontal .control-group .controls .information-input.valid { width : 124px !important; padding : 10px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 81px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 78px !important; } .valuationview .form-horizontal .control-group .mobile-control-label { width : 169px !important; } .valuationview .bootstrap-select .btn { width: 147px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 123px !important; padding-left: 20px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 114px !important; padding : 10px !important; padding-left: 20px !important; } .valuationview #valuationDetails .control-group-wrapper .control-group .control-label, .valuationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .valuationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .valuationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .valuationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .valuationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .valuationview #pricingDetails span { padding-left: 142px !important; padding-top: 10px !important; } .valuationview #vSpecs .form-horizontal, .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 30px !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -4px !important; } .valuationview .form-horizontal, .valuationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #damagesOpen, .valuationview #accessoriesOpen , .valuationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .valuationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 374px !important; } .valuationview #damagesOpen .form-horizontal.mobile-form-horizontal, .valuationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .valuationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .valuationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .valuationview #damagesOpen .controls{ width: 95px !important; margin-left: 27px !important; float: left !important; } .valuationview p.damages-comments { font-size: 14px !important; } .valuationview p.cover-received { font-size: 14px !important; } .valuationview .accessories-form .comment-box .mobile-comment, .valuationview .form-horizontal .mobile-instruction-paragraph, .valuationview .control-group label { font-size: 14px !important; } .valuationview .control-group .text-box-small { width: 88% !important; } .valuationview .damages-form .textbox, .valuationview .valuation-details-form .textbox, .valuationview .pricing-details-form .textbox, .valuationview .accessories-form .comment-box .comment-text-box { width: 101% !important; } .valuationview #printValuationPdf { display:none !important; } /* Detailed limited-valuationview */ .main-section .limitedvaluationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .limitedvaluationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .limitedvaluationview .mobile-form-headers p { font-size: 14px; } .limitedvaluationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .limitedvaluationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .limitedvaluationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .limitedvaluationview .mobile-form-headers i.icon-white-arrow-up, .limitedvaluationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .limitedvaluationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .limitedvaluationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .limitedvaluationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 370px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 139px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input.valid { width : 124px !important; padding : 10px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 81px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 78px !important; } .limitedvaluationview .form-horizontal .control-group .mobile-control-label { width : 169px !important; } .limitedvaluationview .bootstrap-select .btn { width: 147px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 123px !important; padding-left: 20px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 114px !important; padding : 10px !important; padding-left: 20px !important; } .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .control-label, .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .limitedvaluationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .limitedvaluationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .limitedvaluationview #pricingDetails span { padding-left: 142px !important; padding-top: 10px !important; } .limitedvaluationview #vSpecs .form-horizontal, .limitedvaluationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; width: 105% !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 30px !important; padding : 0 !important; } .limitedvaluationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; } .limitedvaluationview .form-horizontal, .limitedvaluationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .limitedvaluationview #damagesOpen, .limitedvaluationview #accessoriesOpen , .limitedvaluationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .limitedvaluationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 374px !important; } .limitedvaluationview #damagesOpen .form-horizontal.mobile-form-horizontal, .limitedvaluationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .limitedvaluationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .limitedvaluationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .limitedvaluationview #damagesOpen .controls{ width: 95px !important; margin-left: 27px !important; float: left !important; } .limitedvaluationview p.damages-comments { font-size: 14px !important; } .limitedvaluationview p.cover-received { font-size: 14px !important; } .limitedvaluationview .accessories-form .comment-box .mobile-comment, .limitedvaluationview .form-horizontal .mobile-instruction-paragraph, .limitedvaluationview .control-group label { font-size: 14px !important; } .limitedvaluationview .control-group .text-box-small { width: 87% !important; } .limitedvaluationview .damages-form .textbox, .limitedvaluationview .valuation-details-form .textbox, .limitedvaluationview .pricing-details-form .textbox, .limitedvaluationview .accessories-form .comment-box .comment-text-box { width: 101% !important; } .limitedvaluationview #printValuationPdf { display:none !important; } .limitedvaluationview .accessories-form .control-group .checkbox { font-size: 14px !important; } /* Buttons at the bottom */ .valuationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; float: left !important; } .valuationview .control-group label.error { float: left !important; font-size: 10px !important; width: 100% !important; } .limitedvaluationview .top-grey-set .btn, .limitedvaluationview bottom-grey-set .btn { float:left!important; width: 100% !important; margin: 10px 0 !important; } .limitedvaluationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; } } @media (min-width: 400px) and (max-width: 479px) { /* default mobi screens */ /* for Iphone zoom effect disable */ select, textarea, input[type="textarea"], input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .control-group .text-box-small, .damages-form .textbox, .valuation-details-form .textbox, .pricing-details-form .textbox, .textbox { font-size: 16px !important; } .form-horizontal { background-color: transparent !important; border-color: transparent !important; } .box-shadow { box-shadow: none !important; } .valuationview #btnArchive, .valuationview #add-to-stock-btn, .valuationview .add-to-stock-btn { width : 100% !important; margin: 10px 0 !important; float: left !important; } .mobile-form-horizontal { width: 350px !important; } .form-horizontal .control-group .controls .information-input, .form-horizontal .mobile-control-group .mobile-information-input, .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input{ padding : 10px 2%; width : 118px !important; } .form-horizontal .control-group .controls .information-input { width : 147px !important; } .form-horizontal .control-group .controls .information-input.valid { width : 144px !important; } .form-horizontal .control-group .controls .information-input.error, .form-horizontal .mobile-control-group .mobile-information-input.error { width : 143px !important; padding-left:20px; padding : 10px 4px; } .form-horizontal .mobile-control-group .input-prepend .add-on { padding: 10px 10px !important; } .form-horizontal .mobile-control-group .input-prepend .information-input { width : 86px !important; height : 20px; padding : 10px; } #customerDetails .information-input.mobile-information-input.rand-input.error { padding-left : 25px !important; width : 122px !important; } #customerDetails .information-input.mobile-information-input.rand-input.valid { padding-left : 25px !important; width : 123px !important; } .bootstrap-select .btn, .selectpicker, .bootstrap-select, .btn.dropdown-toggle , .btn.dropdown-toggle.error { width: 155px !important; } .form-horizontal .mobile-control-group .form-horizontal p textarea{ width : 42% !important; margin-left: 5px; } textarea { width: 95% !important; } .accessories-form .control-group .checkbox.checkbox-line.acceptTerms, .control-group .checkbox.checkbox-line.acceptTerms{ margin-left: 5px !important; width:230px; text-align:center; } .form-horizontal .control-group .controls .information-lines { font-size:12px; } a.login { width:160px !important; padding-left:27px !important; text-align:left !important; margin-bottom:20px !important; float: left !important; margin-left: 60px !important; } a.btnsignup { width:188px !important; margin-left: 48px !important; } .div260 { width: 90px !important; padding-left: 35px !important; } .btnDiv_lft { height: 95px !important; width: 360px !important; margin-left: -10px !important; padding-top: 20px !important; } .stockview .form-horizontal .control-group .controls .information-input { margin-left: -27px !important; } .form-horizontal .mobile-control-group { width:100% !important; } .stockview .control-group label { margin-left: 10px !important; } .pricing-details-form span4 { padding-top:20px !important; } .control-group-wrapper .control-group .control-label, .control-group-wrapper .control-group .valuation-line { font-size:11px !important; } .form-horizontal .control-group .controls .information-lines { font-size:11px !important; } .control-group-wrapper .control-group .valuation-line { width:100% !important; } .control-group .text-box-small { width:93% !important; margin-left:5px; } .newHr { width: 100% !important } .landingBg { padding: 20px 0px 0 !important; } btn.btn-danger.dropdown-toggle.mobile-dropdown-btn{ display:block; } .publichome [class*="span"], .publichome .uneditable-input[class*="span"], .publichome .row-fluid [class*="span"] { width : 94%; } .publichome .footer { margin-left:10px; } .mobile-header-bottom .mobile-dropdown-btn { width:37px !important; margin-right:-15px; } .mobile-form-headers { padding:10px 0 !important; height:40px !important; margin-right : -10px !important; } .mobile-form-headers p { font-size: 16px !important; margin-left: 60px !important; } #frmValuationView .mobile-form-headers p { width:200px !important; } .mobile-bomb { margin-left:-35px !important; margin-right:2px !important; } #frmValuationView .page-middle-forms-wrapper .form-horizontal { min-height : 404px !important; } .home .midLanding { margin: -130px 0 0 -10px !important; } /* Auction page */ /* new menu buttons */ #mobiAuctionBtn { width:32% !important; } #mobiPriceGuideBtn{ width:32% !important; } #mobiValuationsBtn { width:32% !important; } /* The action filters */ .auction .MakeMobi .dropdown-menu { margin: -54px 0 0 0; } .auction .RegionMobi .dropdown-menu { margin: -53px 0 0 0; } .auction #btnBasketMobi { width: 175px !important; margin: -117px 0 0 13px !important } .auction .MakeMobi .btn.dropdown-toggle { width: 175px !important; margin: -86px 0 0 !important; } .auction .page-title-wrapper .btn-new-valuation { width: 160px !important; margin: 0 0 0 200px !important; display: block !important; padding: 4px !important; } .auction .RegionMobi .btn.dropdown-toggle { width: 175px !important; margin: -85px 0 0 !important; } .auction #gridAuctionContext_RegNoMobi { margin: -278px 0 0 200px !important; width: 146px !important; font-size: 16px !important; } .auction #btnClearSearch { display: none !important; } .auction #btnSearch { display: none !important; } .auction .row-fluid.table-form { margin: -90px 0 0 0px !important; float: left !important; /* added for IE */ } .auction .icon-circle-arrow-up, .auction .icon-circle-arrow-down{ display:none !important; } .auction .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .auction table.table td{ font-size: 10px !important; /* Added for ie */ } .auction table.table { width: 360px !important; overflow: hidden !important; } /* The Price guide filters */ .priceguide .MakeMobi { height: 0px !important; } .priceguide .page-title-wrapper p { display:none !important; } .priceguide .MakeMobi .dropdown-menu { margin: -11px 0px 0 -142px; } .priceguide .RegionMobi .dropdown-menu { margin: -30px 0 0 -203px; } .priceguide .MakeMobi .btn.dropdown-toggle { width: 150px !important; margin: -43px 0 0 -147px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide .RegionMobi .btn.dropdown-toggle { width: 150px !important; margin: -61px 0 0 -201px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide #gridPriceGuideContext_RegNoMobi { margin: -10px 0 0 195px !important; width: 135px !important; display: block !important; float: left !important; position: inherit !important; } .priceguide #btnClearSearch { display: none !important; } .priceguide #btnSearch { display: none !important; } .priceguide .row-fluid.table-form { margin: -90px 0 0 0px !important; float: left !important; /* added for IE */ } .priceguide .icon-circle-arrow-up, .priceguide .icon-circle-arrow-down{ display:none !important; } .priceguide .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .priceguide table.table td{ font-size: 10px !important; /* Added for ie */ } .priceguide table.table { width: 345px !important; overflow: hidden !important; } .priceguide .pagination { margin: 0px 5px 0 0 !important; } /* The valuation filters */ .main-section .valuations .page-title-wrapper .mobile-header-valuation { font-size: 30px !important; } .valuations .page-title-wrapper .mobile-btn-wrapper { border-bottom: none !important; } .page-title-wrapper p { display:none !important; } .valuations .MakeMobi .dropdown-menu { margin: 2px 0 0 -44px; } .valuations .StatusMobi .dropdown-menu { margin: -90px 0 0; } .valuations .MakeMobi .btn.dropdown-toggle { width: 180px !important; margin: -25px 0 0 -43px !important; display: block !important; float: left !important; position: inherit !important; } .valuations .StatusMobi .btn.dropdown-toggle { width: 180px !important; margin: -122px 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .main.valuations #gridValuationContext_RegNoMobi { float: left !important; margin: -41px 0 0 199px !important; width: 146px !important; } .valuations #newValuation { margin: 0px 0 0 199px !important; width: 160px !important; float: left !important; } .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid, .main.valuations #valuationReport { display: none !important; } .valuations .row-fluid.table-form { margin: -110px 0 0 !important; float: left !important; /* added for IE */ } .valuations .icon-circle-arrow-up, .valuations .icon-circle-arrow-down{ display:none !important; } .valuations .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .valuations table.table td{ font-size: 10px !important; /* Added for ie */ } .valuations table.table { width: 359px !important; overflow: hidden !important; } .valuations .pagination { margin: 0px 5px 0 0 !important; } /* Detailed view Auction - bidview */ #PageContent.bidview .row_even .one, #PageContent.bidview .row_odd .one, #PageContent.bidview .row_even .two, #PageContent.bidview .row_odd .two, #PageContent.bidview .row_red .one, #PageContent.bidview .row_red .two{ width: 100% !important; } #PageContent.bidview .row_even .one .control-label, #PageContent.bidview .row_odd .one .control-label, #PageContent.bidview .row_even .two .control-label, #PageContent.bidview .row_odd .two .control-label, #PageContent.bidview .row_red .one .control-label, #PageContent.bidview .row_red .two .control-label{ width: 50% !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group { width: 349px !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .controls{ width: 38% !important; float: right !important; } #PageContent.bidview #vehicleDamages .row_even .control-group, #PageContent.bidview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.bidview #vehicleDamages .row_even .control-group .control-label, #PageContent.bidview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } /* yes */ .form-horizontal .control-group .controls #previousRepairsNoted { width: 50px !important; float: left !important; margin: -14px 0 0 210px !important; } .bidview #vehicleAccessoriesClick { width: 359px !important ; } .backBtn { margin: -20px 0 0 0 !important; } #PageContent.bidview .damageTotal .control-label { float: left !important; width: 39.5% !important; } #PageContent.bidview .damageTotal .controls { float: right !important; width: 39.5% !important; } #accessoriesMobiOpen { width: 359px !important; margin: 0 0 0 -14px !important; } #accessoriesMobiOpen .row-fluid { border: 1px solid #d3d3d3; width: 336px !important; } #accessoriesMobiOpen .row-fluid div { width: 160px !important; float: left !important; padding-top: 5px !important; } #accessoryNotesMobi { margin-bottom: 15px !important; } #PageContent.bidview h5 { margin-bottom: 5px !important; margin-top: 5px !important; } .bidview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } #vehicleDamages .row_red { display: none !important; } .accessoryNotes_dataMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_dataMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 12px !important; text-align: left !important; } .accessoryNotes_dataMobi .controls { width: 345px !important; margin-left: 10px !important; } .accessoryNotes_titleMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_titleMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 12px !important; text-align: left !important; } .accessoryNotes_titleMobi .controls { width: 345px !important; margin-left: 10px !important; } .accessoryNotesMobi { padding-bottom: 25px !important; padding-top: 0px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotesMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 12px !important; text-align: left !important; } .accessoryNotesMobi .controls { width: 345px !important; margin-left: 10px !important; } .main-section .container-fluid.bidview { max-width: 100% !important; } .bidview .mobile-form-headers { padding: 5px 0 0 !important; } .bidview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -24px !important; width: 359px !important; margin-top: -9px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .bidview #vehicleDamagesClick.mobile-form-headers { padding: 0 5px 0 0 !important; margin-left: 0 !important; width: 359px !important; margin-top: 0px !important; } .bidview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .bidview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 361px !important; margin: 0 0 0 -25px !important; min-height: 44px !important; } .bidview .mobile-car { margin-left:5px !important; } .bidview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .bidview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.bidview .specs .controls #fshNotes_data, #PageContent.bidview .specs .controls #damageNotes_data, #PageContent.bidview .specs .controls #coverReceived_data, #PageContent.bidview .specs .controls #previousRepairsNotes_data { width: 340px !important; } /* Detailed view Stock */ #PageContent.stockview .row_even .one, #PageContent.stockview .row_odd .one, #PageContent.stockview .row_even .two, #PageContent.stockview .row_odd .two, #PageContent.stockview .row_red .one, #PageContent.stockview .row_red .two{ width: 100% !important; } #PageContent.stockview .row_even .one .control-label, #PageContent.stockview .row_odd .one .control-label, #PageContent.stockview .row_even .two .control-label, #PageContent.stockview .row_odd .two .control-label, #PageContent.stockview .row_red .one .control-label, #PageContent.stockview .row_red .two .control-label{ width: 50% !important; } .stockview #vSpecs .form-horizontal .control-group .controls { width: 150px !important; font-size:12px; margin-left:10px; margin-top: 0px; } #PageContent.stockview #vehicleDamages .div-striped .control-group { width: 210px !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.stockview #vehicleDamages .div-striped .control-group .controls{ width: 50% !important; float: left !important; } #PageContent.stockview #vehicleDamages .row_even .control-group, #PageContent.stockview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.stockview #vehicleDamages .row_even .control-group .control-label, #PageContent.stockview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } .stockview #vehicleAccessoriesClick { width: 221px !important; } .stockview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .stockview .page-title-wrapper .back-btn { margin: -34px 2px 0 0 !important; } #PageContent.stockview #vSpecs .control-label.valuation-line{ margin-left:10px !important; } #PageContent.stockview #vSpecs #mmCode{ margin-left: 10px !important; } #PageContent.stockview .mobile-form-headers p { margin-left: 49px !important; } #PageContent.stockview .priceGuideAuction hr { display: none; } .stockview .form-horizontal .control-group .controls .information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input { width: 148px !important; } .stockview #vSpecs .form-horizontal .control-group .controls .information-input.valid, .stockview #vSpecs .form-horizontal .control-group .controls .information-input.error { width: 145x !important; } .stockview #vSpecs #fshNotes { width: 93% !important; } .stockview #damagesOpen input.rand-input { margin-top: -10px !important; width: 107px !important; } .stockview #vSpecs .form-horizontal .information-lines { margin-left: -18px !important; } .stockview #damagesOpen .price, .stockview #damagesOpen .damages-form .price { margin-left: 30px !important; margin-top: 0px !important; } .stockview #pricinghistory { display: none; } .stockview #accessoriesOpen .form-horizontal .mobile-control-group { display: block; float: left; width: 160px !important; } .stockview #pricingDetails .form-horizontal { min-height: 70px !important; } .main-section .container-fluid.stockview { max-width: 100% !important; } .stockview .mobile-form-headers { padding: 5px 0 0 !important; } .stockview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -21px !important; width: 222px !important; margin-top: -9px !important; } .stockview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .stockview #vehicleDamagesClick.mobile-form-headers { padding: 0px 5px 0 20px !important; margin-left: -20px !important; width: 222px !important; margin-top: 0px !important; } .stockview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .stockview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 223px !important; margin: 0 0 0 -21px !important; min-height: 44px !important; } .stockview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .stockview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.stockview .specs .controls #fshNotes_data, #PageContent.stockview .specs .controls #damageNotes_data, #PageContent.stockview .specs .controls #coverReceived_data, #PageContent.stockview .specs .controls #previousRepairsNotes_data { width: 200px !important; } .stockview .row-fluid.table-form { margin: -169px 0 0 !important; float: left !important; /* added for IE */ } .stockview .icon-circle-arrow-up, .stockview .icon-circle-arrow-down{ display:none !important; } .stockview .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .stockview table.table td{ font-size: 10px !important; /* Added for ie */ } .stockview table.table { width: 223px !important; overflow: hidden !important; } .stockview .pagination { margin: 0px 5px 0 0 !important; } .stockview .mobile-clipboard { margin-left: 15px !important; } .stockview .mobile-money { margin-left: 10px !important; } .stockview .mobile-car { margin-left:10px !important; } .stockview .mobile-bomb { margin-left: 10px !important; margin-top: 4px !important; } .stockview .mobile-headphones { margin-left: 10px !important; } .stockview .mobile-camera { margin-left: 10px !important; } .stockview #priceGuideAuctionClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #pricingDetailsClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #vSpecsClick p { margin-top: 5px !important; } .stockview #damagesClick p { margin-top: 2px !important; margin-left: 7px !important; } .stockview #accessoriesClick p { margin-top: 4px !important; margin-left: 12px !important; } .stockview #photoClick p { margin-top: 5px !important; margin-left: 12px !important; } /* publicvaluation toggle buttons */ .publicvaluation #customerDetailsClick p, .publicvaluation #vehicleSpecificationsClick p, .publicvaluation #damagesClick p, .publicvaluation #accessoriesClick p, .publicvaluation #photosClick p { margin-top: 0 !important; } .publicvaluation .mobile-form-headers p { font-size: 14px; } .publicvaluation .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .publicvaluation .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .publicvaluation .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .publicvaluation .mobile-form-headers i.icon-white-arrow-up, .publicvaluation .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .publicvaluation .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .publicvaluation .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-car { margin-right: 6px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-camera { margin-right: 7px !important; float : left !important; margin-top: -3px !important; } .publicvaluation #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .publicvaluation #dealershipDetailsClick .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; } .main.publicvaluation .mobile-form-headers p { font-size:12px; !important; } /* public valuation forms */ .publicvaluation .page-top-forms-wrapper .form-horizontal { margin: 0 !important; min-height: 215px !important; padding: 0 !important; width: 100% !important; } .publicvaluation #vehicleSpecifications { width: 96% !important; } .publicvaluation .page-top-forms-wrapper .form-horizontal .row-fluid, .publicvaluation #customerDetails .row-fluid { margin: 0 !important; padding: 0 !important; } .publicvaluation .form-horizontal .control-group .mobile-control-label { width: 56% !important; } .publicvaluation .form-horizontal .control-group .controls { width: 35% !important; } .publicvaluation .form-horizontal .mobile-control-group .input-prepend, .form-horizontal .mobile-control-group .btn-group { width: 40% !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.error, .publicvaluation .form-horizontal .mobile-control-group .mobile-information-input.error, .publicvaluation .form-horizontal .control-group .controls .information-input.valid, .publicvaluation .form-horizontal .control-group .controls .information-input { margin-left : -17px !important; } .publicvaluation #vehicleSpecifications .control-group .controls .information-input.error, .publicvaluation #vehicleSpecifications .mobile-control-group .mobile-information-input.error, .publicvaluation #vehicleSpecifications .control-group .controls .information-input.valid, .publicvaluation #vehicleSpecifications .control-group .controls .information-input { margin-left : -16px !important; } .publicvaluation .form-horizontal .control-group .controls #street, .publicvaluation .form-horizontal .control-group .controls #vinNumber, .publicvaluation .form-horizontal .control-group .controls #engineNumber { width: 149px !important; } .publicvaluation .form-horizontal .control-group .controls #street.valid, .publicvaluation .form-horizontal .control-group .controls #vinNumber.valid, .publicvaluation .form-horizontal .control-group .controls #engineNumber.valid { width: 146px !important; } .publicvaluation .error { width: 140px !important; } .publicvaluation .page-top-forms-wrapper #vehicleSpecifications { margin-left : 9px !important; } .publicvaluation .control-group .text-box-small { width:100% !important; } .publicvaluation .page-middle-forms-wrapper .form-horizontal { margin: 0 !important; padding: 0 !important; } .publicvaluation .damages-form .textbox { width: 102% !important; } .publicvaluation .valuation-details-form .textbox { width: 102% !important; } .publicvaluation .pricing-details-form .textbox { width: 102% !important; } .publicvaluation .accessories-form .comment-box .comment-text-box { width: 102% !important; } /* Detailed view priceguide */ .offerview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .offerview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .offerview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .offerview .mobile-form-headers i.icon-white-arrow-up, .offerview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .offerview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .offerview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; } .offerview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; } .offerview .mobile-form-headers i.mobile-car { margin-right: 6px !important; } .offerview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; } .offerview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; } .offerview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; } .offerview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; } .offerview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .main-section .offerview #frmValuationView .page-title-wrapper h1 { font-size: 12px !important; width: 200px !important; margin: 10px 0 0 !important; } #printPriceGuidePdf { display: none !important; } .main-section .offerview .page-title-wrapper .back-btn { display: none !important; } .offerview #dropCmp .control-group { height: 10px !important; } .offerview #dropCmp { padding-bottom: 15px !important; } .offerview .make-offer-btn { float: right !important; margin: -62px 0 0 !important; } .offerview #dealershipDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #dealershipDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #dealershipDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #dealershipDetails .form-horizontal { min-height: 123px !important; } .offerview #valuationDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #valuationDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #valuationDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #valuationDetails .form-horizontal { min-height: 70px !important; } .offerview #pricingDetails .control-group .control-label{ float: left !important; width: 47% !important; font-size: 12px !important; line-height: 12px !important; padding-bottom: 5px !important; padding-top: 5px !important; margin: 0 0 0 5px !important; } .offerview #pricingDetails .control-group .controls{ float: left !important; width: 47% !important; padding-bottom: 5px !important; padding-top: 5px !important; } .offerview #pricingDetails .control-group .controls p { font-size: 12px !important; line-height: 12px !important; width: 100% !important; margin: 0 !important; } .offerview .page-top-forms-wrapper #pricingDetails .form-horizontal { min-height: 123px !important; } .offerview #vSpecs .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #vSpecs .controls{ float: left !important; width: 50% !important; } .offerview #vSpecs .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .control-label{ float: left !important; width: 60% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #damages .controls{ float: left !important; width: 35% !important; } .offerview #damages .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .form-horizontal { min-height: 150px !important; } .offerview #accessoriesOpen .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .controls{ float: left !important; width: 50% !important; } .offerview #accessoriesOpen .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .form-horizontal { min-height: 150px !important; } .offerview .page-bottom-forms-wrapper.page-middle-forms-wrapper .accessories-form { min-height: 0px !important; } .offerview #photo .form-horizontal { min-height: 410px !important; } .offerview #pricinghistory { display: none !important; } .offerview #vSpecs .fshNotes .controls, .offerview #damages .damageNotes .controls, .offerview #damages .previousRepairsNotes .controls, .offerview #damages .previousRepairsNoted .controls, .offerview #valuationDetails .coverReceived .controls, .offerview #pricingDetails .coverReceived .controls, .offerview #accessoriesOpen .accessoryNotes .controls{ width: 345px !important; margin-left: 2px !important; } #accessoriesOpen .row-fluid .textshow { float: left !important; width: 50% !important; } /* Detailed view valuationview */ .main-section .valuationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .valuationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .valuationview .mobile-form-headers p { font-size: 14px; } .valuationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .valuationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .valuationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .valuationview .mobile-form-headers i.icon-white-arrow-up, .valuationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .valuationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .valuationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .valuationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .valuationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 370px !important; } .valuationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 139px !important; } .valuationview .form-horizontal .control-group .controls .information-input.valid { width : 124px !important; padding : 10px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 81px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 78px !important; } .valuationview .form-horizontal .control-group .mobile-control-label { width : 169px !important; } .valuationview .bootstrap-select .btn { width: 147px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 123px !important; padding-left: 20px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 114px !important; padding : 10px !important; padding-left: 20px !important; } .valuationview #valuationDetails .control-group-wrapper .control-group .control-label, .valuationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .valuationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .valuationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .valuationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .valuationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .valuationview #pricingDetails span { padding-left: 142px !important; padding-top: 10px !important; } .valuationview #vSpecs .form-horizontal, .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 30px !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -4px !important; } .valuationview .form-horizontal, .valuationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #damagesOpen, .valuationview #accessoriesOpen , .valuationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .valuationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 374px !important; } .valuationview #damagesOpen .form-horizontal.mobile-form-horizontal, .valuationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .valuationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .valuationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .valuationview #damagesOpen .controls{ width: 95px !important; margin-left: 27px !important; float: left !important; } .valuationview p.damages-comments { font-size: 14px !important; } .valuationview p.cover-received { font-size: 14px !important; } .valuationview .accessories-form .comment-box .mobile-comment, .valuationview .form-horizontal .mobile-instruction-paragraph, .valuationview .control-group label { font-size: 14px !important; } .valuationview .control-group .text-box-small { width: 95% !important; } .valuationview .damages-form .textbox, .valuationview .valuation-details-form .textbox, .valuationview .pricing-details-form .textbox, .valuationview .accessories-form .comment-box .comment-text-box { width: 101% !important; } .valuationview #printValuationPdf { display:none !important; } /* Detailed view valuationview */ .main-section .limitedvaluationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .limitedvaluationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .limitedvaluationview .mobile-form-headers p { font-size: 14px; } #customerDetailsClick p { margin-top: 0px !important; } .limitedvaluationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .limitedvaluationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .limitedvaluationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .limitedvaluationview .mobile-form-headers i.icon-white-arrow-up, .limitedvaluationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .limitedvaluationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .limitedvaluationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .limitedvaluationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 373px !important; border: 0px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -14px !important; width : 139px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input.valid { width : 124px !important; padding : 10px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 79px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 78px !important; } .limitedvaluationview #customerDetails .form-horizontal .control-group .mobile-control-label { width : 211px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend, .limitedvaluationview .form-horizontal .mobile-control-group .btn-group { width: 39% !important; margin-left: 0px !important; } .limitedvaluationview #customerDetails .form-horizontal .control-group .controls { width : 38% !important; } .limitedvaluationview .bootstrap-select .btn { width: 147px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -15px !important; width : 123px !important; padding-left: 20px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 114px !important; padding : 10px !important; padding-left: 20px !important; } .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .control-label, .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; width: 170px !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group .mobile-control-label, .limitedvaluationview #valuationDetails .form-horizontal .control-group .controls { width: 39% !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .limitedvaluationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .limitedvaluationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .limitedvaluationview #pricingDetails span { padding-left: 142px !important; padding-top: 10px !important; } .limitedvaluationview #vSpecs .form-horizontal, .limitedvaluationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; width: 100% !important; border: 0px !important; background: none !important; } .limitedvaluationview #vSpecs .form-horizontal .control-group .controls { width: 36% !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; width: 214px !important; } .limitedvaluationview #accessoriesOpen .form-horizontal, .limitedvaluationview #accessoriesOpen .form-horizontal .row-fluid { border: none !important; background: none !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 7px !important; padding : 0 !important; } .limitedvaluationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -17px !important; } .limitedvaluationview .form-horizontal, .limitedvaluationview .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .limitedvaluationview #damagesOpen, .limitedvaluationview #accessoriesOpen , .limitedvaluationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .limitedvaluationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 374px !important; } .limitedvaluationview #damagesOpen .form-horizontal.mobile-form-horizontal, .limitedvaluationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .limitedvaluationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .limitedvaluationview #damagesOpen .checkbox-line { width: 110px !important; margin-top: 5px !important; } .limitedvaluationview #damagesOpen .controls{ width: 95px !important; margin-left: 27px !important; float: left !important; } .limitedvaluationview p.damages-comments { font-size: 14px !important; } .limitedvaluationview p.cover-received { font-size: 14px !important; } .limitedvaluationview .accessories-form .comment-box .mobile-comment, .limitedvaluationview .form-horizontal .mobile-instruction-paragraph, .limitedvaluationview .control-group label { font-size: 14px !important; } .limitedvaluationview .control-group .text-box-small { width: 95% !important; } .limitedvaluationview .damages-form .textbox, .limitedvaluationview .valuation-details-form .textbox, .limitedvaluationview .pricing-details-form .textbox, .limitedvaluationview .accessories-form .comment-box .comment-text-box { width: 98% !important; } .limitedvaluationview #photo .form-horizontal, .limitedvaluationview #photo .form-horizontal .row-fluid { border: none !important; background: none !important; } .limitedvaluationview #printValuationPdf { display:none !important; } /* Buttons at the bottom */ .valuationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; float: left !important; } .valuationview .control-group label.error { float: left !important; font-size: 10px !important; width: 100% !important; } .limitedvaluationview .top-grey-set .btn, .limitedvaluationview bottom-grey-set .btn { float:left!important; width: 100% !important; margin: 10px 0 !important; } .limitedvaluationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; } } @media (min-width: 480px) and (max-width: 639px ){ /* default bigger mobi screens */ .form-horizontal .control-group .controls .information-input, .form-horizontal .mobile-control-group .mobile-information-input, .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input{ padding : 10px 2%; width : 166px !important; padding-left:20px; } .form-horizontal { background-color: transparent !important; border-color: transparent !important; } .box-shadow { box-shadow: none !important; } .valuationview #btnArchive, .valuationview #add-to-stock-btn, .valuationview .add-to-stock-btn { width : 100% !important; margin: 10px 0 !important; float: left !important; } .form-horizontal .control-group .controls .information-input { width : 173px !important; padding : 10px; } .form-horizontal .control-group .controls .information-input.valid { width : 170px !important; } .form-horizontal .control-group .controls .information-input.error, .form-horizontal .mobile-control-group .mobile-information-input.error { width : 170px !important; } .form-horizontal .mobile-control-group .input-prepend .information-input { width : 137px !important; padding : 10px 4px; } .form-horizontal .mobile-control-group .input-prepend .add-on { padding: 10px 10px !important; } #customerDetails .information-input.mobile-information-input.rand-input.error { padding-left : 25px !important; width : 155px !important; } #customerDetails .information-input.mobile-information-input.rand-input.valid { padding-left : 25px !important; width : 155px !important; } .form-horizontal .mobile-control-group .form-horizontal p textarea{ width : 42% !important; margin-left: 5px; } .bootstrap-select .btn, .selectpicker, .bootstrap-select, .btn.dropdown-toggle , .btn.dropdown-toggle.error { width: 195px !important; } textarea, .control-group .text-box-small { width: 100% !important; } .accessories-form .control-group .checkbox.checkbox-line.acceptTerms{ margin-left: 5px !important; width:375px; } .btnDiv_lft { background:url(/images/btnDiv_lft_mobi.png) no-repeat !important; padding: 18px 36px 10px 1px !important; width: 100% !important; height : 100px !important; margin-top: 25px !important; } a.login { width:165px !important; padding-left:12px !important; text-align:center !important; margin-bottom:0px !important; } .divAction { color:#FFF !important; } .div260 { color:#FFF !important; } .control-group .text-box-small { width:99% !important; margin-left:5px !important; } .newHr { width: 100% !important } .publichome [class*="span"], .publichome .uneditable-input[class*="span"], .publichome .row-fluid [class*="span"] { width : 96%; } .publichome .footer { margin-left:10px; } .mobile-header-bottom .mobile-dropdown-btn { width:37px !important; margin-right:-15px; } .mobile-form-headers { padding:10px 0 !important; height:40px !important; margin-right : -10px !important; } .mobile-form-headers p { font-size: 16px !important; margin-left: 60px !important; } #frmValuationView .mobile-form-headers p { width:200px !important; } .mobile-bomb { margin-left:-35px !important; margin-right:2px !important; } #frmValuationView .page-middle-forms-wrapper .form-horizontal { min-height : 404px !important; } .home .midLanding { margin: -130px 0 0 -10px !important; } /* Auction page */ /* new menu buttons */ #mobiAuctionBtn { width:32% !important; padding-left: 10px !important; margin-left: -5px !important; } #mobiPriceGuideBtn{ width:32% !important; padding-left: 10px !important; } #mobiValuationsBtn { width:32% !important; padding-left: 10px !important; } /* The action filters */ .auction .MakeMobi .dropdown-menu { margin: -40px 0 0 0; } .auction .RegionMobi .dropdown-menu { margin: -32px 0 0 0; } .auction #btnBasketMobi { width: 200px !important; margin: -113px 0 0 13px !important; } .auction .MakeMobi .btn.dropdown-toggle { width: 200px !important; margin: -71px 0 0 !important; } .auction .page-title-wrapper .btn-new-valuation { width: 200px !important; margin: 0 0 0 235px !important; display: block !important; padding: 4px !important; } .auction .RegionMobi .btn.dropdown-toggle { width: 200px !important; margin: -64px 0 0 !important; } .auction #gridAuctionContext_RegNoMobi { margin: -267px 0 0 235px !important; width: 185px !important; font-size: 16px !important; } .auction #btnClearSearch { display: none !important; } .auction #btnSearch { display: none !important; } .auction .row-fluid.table-form { margin: -75px 0 0 0px !important; float: left !important; /* added for IE */ } .auction .icon-circle-arrow-up, .auction .icon-circle-arrow-down{ display:none !important; } .auction .table-heading-wrapper { font-size: 12px !important; height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .auction table.table td{ font-size: 12px !important; } .auction table.table { width: 435px !important; overflow: hidden !important; } .auction .pagination { margin:0 8px 0 0px !important; } /* The Price guide filters */ .priceguide .MakeMobi { height: 0px !important; } .priceguide .page-title-wrapper p { display:none !important; } .priceguide .MakeMobi .dropdown-menu { margin: -59px 0 0 -230px; } .priceguide .RegionMobi .dropdown-menu { margin: -123px 0 0 -230px; } .priceguide .MakeMobi .btn.dropdown-toggle { width: 200px !important; margin: -90px 225px 0 0 !important; } .priceguide .RegionMobi .btn.dropdown-toggle { width: 200px !important; margin: -155px 225px 0 !important; } .priceguide #gridPriceGuideContext_RegNoMobi { margin: -63px -272px 0 0px !important; width: 175px !important; float: right !important; } .priceguide #btnClearSearch { display: none !important; } .priceguide #btnSearch { display: none !important; } .priceguide .row-fluid.table-form { margin: -130px 0 0 0px !important; float: left !important; /* added for IE */ } .priceguide .icon-circle-arrow-up, .priceguide .icon-circle-arrow-down{ display:none !important; } .priceguide .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .priceguide table.table td{ font-size: 10px !important; /* Added for ie */ } .priceguide table.table { width: 421px !important; overflow: hidden !important; } .priceguide .pagination { margin: 0px 5px 0 0 !important; } * The valuation filters */ .main-section .valuations .page-title-wrapper .mobile-header-valuation, .main-section .page-title-wrapper h1{ font-size: 40px !important; } .valuations .page-title-wrapper .mobile-btn-wrapper { border-bottom: none !important; } .page-title-wrapper p { display:none !important; } .valuations .MakeMobi .dropdown-menu { margin: 0px 0 0 -53px; } .valuations .StatusMobi .dropdown-menu { margin: -102px 0 0; } .valuations .MakeMobi .btn.dropdown-toggle { width: 200px !important; margin: -32px 0 0 -52px !important; display: block !important; float: left !important; position: inherit !important; } .valuations .StatusMobi .btn.dropdown-toggle { width: 200px !important; margin: -134px 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .main.valuations #gridValuationContext_RegNoMobi { float: left !important; margin: -41px 0 0 255px !important; width: 166px !important; } .valuations #newValuation { margin: 0px 0 0 255px !important; width: 180px !important; float: left !important; } .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid, .main.valuations #valuationReport { display: none !important; } .valuations .row-fluid.table-form { margin: -140px 0 0 !important; float: left !important; /* added for IE */ } .valuations .icon-circle-arrow-up, .valuations .icon-circle-arrow-down{ display:none !important; } .valuations .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .valuations table.table td{ font-size: 10px !important; /* Added for ie */ } .valuations table.table { width: 435px !important; overflow: hidden !important; } .valuations .pagination { margin: 0px 5px 0 0 !important; } /* publicvaluation toggle buttons */ .publicvaluation #customerDetailsClick p, .publicvaluation #vehicleSpecificationsClick p, .publicvaluation #damagesClick p, .publicvaluation #accessoriesClick p, .publicvaluation #photosClick p { margin-top: 0 !important; } .publicvaluation .mobile-form-headers p { font-size: 14px; } .publicvaluation .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .publicvaluation .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .publicvaluation .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .publicvaluation .mobile-form-headers i.icon-white-arrow-up, .publicvaluation .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .publicvaluation .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .publicvaluation .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-car { margin-right: 6px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; float : left !important; margin-left : -50px !important; } .publicvaluation .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-camera { margin-right: 7px !important; float : left !important; margin-top: -3px !important; } .publicvaluation #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .publicvaluation #dealershipDetailsClick .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; } .main.publicvaluation .mobile-form-headers p { font-size:12px; !important; } /* public valuation forms */ .publicvaluation .page-top-forms-wrapper .form-horizontal { margin: 0 !important; min-height: 215px !important; padding: 0 !important; width: 95% !important; } .publicvaluation #vehicleSpecifications { width: 96% !important; } .publicvaluation .page-top-forms-wrapper .form-horizontal .row-fluid, .publicvaluation #customerDetails .row-fluid { margin: 0 !important; padding: 0 !important; } .publicvaluation .form-horizontal .control-group .mobile-control-label { width: 56% !important; } .publicvaluation .form-horizontal .control-group .controls { width: 35% !important; } .publicvaluation .form-horizontal .mobile-control-group .input-prepend, .form-horizontal .mobile-control-group .btn-group { width: 40% !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.error, .publicvaluation .form-horizontal .mobile-control-group .mobile-information-input.error, .publicvaluation .form-horizontal .control-group .controls .information-input.valid, .publicvaluation .form-horizontal .control-group .controls .information-input { margin-left : -20px !important; } .publicvaluation #vehicleSpecifications .control-group .controls .information-input.error, .publicvaluation #vehicleSpecifications .mobile-control-group .mobile-information-input.error, .publicvaluation #vehicleSpecifications .control-group .controls .information-input.valid, .publicvaluation #vehicleSpecifications .control-group .controls .information-input { margin-left : -20px !important; } .publicvaluation .form-horizontal .control-group .controls #street, .publicvaluation .form-horizontal .control-group .controls #vinNumber, .publicvaluation .form-horizontal .control-group .controls #engineNumber { width: 174px !important; } .publicvaluation .form-horizontal .control-group .controls #street.valid, .publicvaluation .form-horizontal .control-group .controls #vinNumber.valid, .publicvaluation .form-horizontal .control-group .controls #engineNumber.valid { width: 170px !important; } .publicvaluation .page-top-forms-wrapper #vehicleSpecifications { margin-left : -3px !important; } .publicvaluation .control-group .text-box-small { width:104% !important; } .publicvaluation .page-middle-forms-wrapper .form-horizontal { margin: 0 !important; padding: 0 !important; } .publicvaluation .damages-form .textbox { width: 95% !important; } .publicvaluation .valuation-details-form .textbox { width: 95% !important; } .publicvaluation .pricing-details-form .textbox { width: 95% !important; } .publicvaluation .accessories-form .comment-box .comment-text-box { width: 95% !important; } /* Detailed view Auction - bidview */ #PageContent.bidview .row_even .one, #PageContent.bidview .row_odd .one, #PageContent.bidview .row_even .two, #PageContent.bidview .row_odd .two, #PageContent.bidview .row_red .one, #PageContent.bidview .row_red .two{ width: 100% !important; } #PageContent.bidview .row_even .one .control-label, #PageContent.bidview .row_odd .one .control-label, #PageContent.bidview .row_even .two .control-label, #PageContent.bidview .row_odd .two .control-label, #PageContent.bidview .row_red .one .control-label, #PageContent.bidview .row_red .two .control-label{ width: 50% !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group { width: 420px !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .controls{ width: 38% !important; float: right !important; } #PageContent.bidview #vehicleDamages .row_even .control-group, #PageContent.bidview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.bidview #vehicleDamages .row_even .control-group .control-label, #PageContent.bidview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } /* yes */ .form-horizontal .control-group .controls #previousRepairsNoted { width: 50px !important; float: left !important; margin: -14px 0 0 252px !important; } .bidview #vehicleAccessoriesClick { width: 430px !important ; } .backBtn { margin: -20px 0 0 0 !important; } #PageContent.bidview .damageTotal .control-label { float: left !important; width: 39.5% !important; } #PageContent.bidview .damageTotal .controls { float: right !important; width: 39.5% !important; } #accessoriesMobiOpen { width: 430px !important; margin: 0 0 0 -14px !important; } #accessoriesMobiOpen .row-fluid { border: 1px solid #d3d3d3; width: 402px !important; } #accessoriesMobiOpen .row-fluid div { width: 195px !important; float: left !important; padding-top: 5px !important; } #accessoryNotesMobi { margin-bottom: 15px !important; } #PageContent.bidview h5 { margin-bottom: 5px !important; margin-top: 5px !important; } #vehicleDamages .row_red { display: none !important; } .accessoryNotes_dataMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_dataMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 15px !important; text-align: left !important; } .accessoryNotes_dataMobi .controls { width: 417px !important; margin-left: 10px !important; } .accessoryNotes_titleMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_titleMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 15px !important; text-align: left !important; } .accessoryNotes_titleMobi .controls { width: 417px !important; margin-left: 10px !important; } .accessoryNotesMobi { padding-bottom: 25px !important; padding-top: 0px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotesMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 15px !important; text-align: left !important; } .accessoryNotesMobi .controls { width: 417px !important; margin-left: 10px !important; } .bidview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .container-fluid.bidview { max-width: 100% !important; } .bidview .mobile-form-headers { padding: 5px 0 0 !important; } .bidview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -26px !important; width: 430px !important; margin-top: -9px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .bidview #vehicleDamagesClick.mobile-form-headers { padding: 0 5px 0 0 !important; margin-left: 0 !important; width: 430px !important; margin-top: 0px !important; } .bidview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .bidview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 432px !important; margin: 0 0 0 -27px !important; min-height: 44px !important; } .bidview .mobile-car { margin-left:5px !important; } .bidview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .bidview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.bidview .specs .controls #fshNotes_data, #PageContent.bidview .specs .controls #damageNotes_data, #PageContent.bidview .specs .controls #coverReceived_data, #PageContent.bidview .specs .controls #previousRepairsNotes_data { width: 400px !important; } /* Detailed view Stock */ .stockview .form-horizontal .control-group .controls .information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input { width: 170px !important; } .main-section .stockview .page-title-wrapper .back-btn { margin: -43px 10px 0 0 !important; font-size: 14px; padding: 5px; } .stockview #vSpecs .form-horizontal .control-group .controls .information-input.valid, .stockview #vSpecs .form-horizontal .control-group .controls .information-input.error { width: 167px !important; } .stockview .mobile-form-headers p { margin-left: 50px !important; } .stockview .mobile-clipboard { margin-left: 15px !important; } .stockview .mobile-money { margin-left: 10px !important; } .stockview .mobile-car { margin-left:10px !important; } .stockview .mobile-bomb { margin-left: 10px !important; margin-top: 4px !important; } .stockview .mobile-headphones { margin-left: 10px !important; } .stockview .mobile-camera { margin-left: 10px !important; } .stockview #priceGuideAuctionClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #pricingDetailsClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #vSpecsClick p { margin-top: 5px !important; } .stockview #damagesClick p { margin-top: 2px !important; margin-left: 7px !important; } .stockview #accessoriesClick p { margin-top: 4px !important; margin-left: 12px !important; } .stockview #photoClick p { margin-top: 5px !important; margin-left: 12px !important; } /* Detailed view priceguide */ .offerview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .offerview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .offerview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .offerview .mobile-form-headers i.icon-white-arrow-up, .offerview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .offerview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .offerview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; } .offerview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; } .offerview .mobile-form-headers i.mobile-car { margin-right: 6px !important; } .offerview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; } .offerview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; } .offerview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; } .offerview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; } .offerview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .main-section .offerview #frmValuationView .page-title-wrapper h1 { font-size: 12px !important; width: 200px !important; margin: 10px 0 0 !important; } #printPriceGuidePdf { display: none !important; } .main-section .offerview .page-title-wrapper .back-btn { display: none !important; } .offerview #dropCmp .control-group { height: 10px !important; } .offerview #dropCmp { padding-bottom: 15px !important; } .offerview .make-offer-btn { float: right !important; margin: -62px 0 0 !important; } .offerview #dealershipDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #dealershipDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #dealershipDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #dealershipDetails .form-horizontal { min-height: 123px !important; } .offerview #valuationDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #valuationDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #valuationDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #valuationDetails .form-horizontal { min-height: 70px !important; } .offerview #pricingDetails .control-group .control-label{ float: left !important; width: 47% !important; font-size: 12px !important; line-height: 12px !important; padding-bottom: 5px !important; padding-top: 5px !important; margin: 0 0 0 5px !important; } .offerview #pricingDetails .control-group .controls{ float: left !important; width: 47% !important; padding-bottom: 5px !important; padding-top: 5px !important; } .offerview #pricingDetails .control-group .controls p { font-size: 12px !important; line-height: 12px !important; width: 100% !important; margin: 0 !important; } .offerview .page-top-forms-wrapper #pricingDetails .form-horizontal { min-height: 123px !important; } .offerview #vSpecs .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #vSpecs .controls{ float: left !important; width: 50% !important; } .offerview #vSpecs .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .control-label{ float: left !important; width: 60% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #damages .controls{ float: left !important; width: 35% !important; } .offerview #damages .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .form-horizontal { min-height: 150px !important; } .offerview #accessoriesOpen .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .controls{ float: left !important; width: 50% !important; } .offerview #accessoriesOpen .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .form-horizontal { min-height: 150px !important; } .offerview .page-bottom-forms-wrapper.page-middle-forms-wrapper .accessories-form { min-height: 0px !important; } .offerview #photo .form-horizontal { min-height: 410px !important; } .offerview #frmValuationView #pricinghistory { display: none !important; } .offerview #vSpecs .fshNotes .controls, .offerview #damages .damageNotes .controls, .offerview #damages .previousRepairsNotes .controls, .offerview #damages .previousRepairsNoted .controls, .offerview #valuationDetails .coverReceived .controls, .offerview #pricingDetails .coverReceived .controls, .offerview #accessoriesOpen .accessoryNotes .controls{ width: 400px !important; margin-left: 3px !important; } #accessoriesOpen .row-fluid .textshow { float: left !important; width: 50% !important; } /* Detailed view valuationview */ .main-section .valuationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .valuationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .valuationview .mobile-form-headers p { font-size: 16px; } .valuationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .valuationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .valuationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .valuationview .mobile-form-headers i.icon-white-arrow-up, .valuationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .valuationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .valuationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .valuationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } /* Forms */ .valuationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 100% !important; } .valuationview .form-horizontal .control-group .controls { width: 34% !important; } .valuationview .form-horizontal .control-group .bootstrap-select { width: 36% !important; } .valuationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 139px !important; } .valuationview .form-horizontal .control-group .controls .information-input.valid { width : 136px !important; padding : 10px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 106px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 103px !important; } .valuationview .form-horizontal .control-group .mobile-control-label { width : 265px !important; } .valuationview .form-horizontal .input-prepend { width: 36% !important; } .valuationview .bootstrap-select .btn { width: 160px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 129px !important; padding-left: 20px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 125px !important; padding : 10px !important; padding-left: 20px !important; } .valuationview #valuationDetails .control-group-wrapper .control-group .control-label, .valuationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .valuationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .valuationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .valuationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .valuationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .valuationview #pricingDetails span { padding-left: 238px !important; padding-top: 10px !important; } .valuationview #vSpecs .form-horizontal, .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; width: 261px !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 15px !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -18px !important; } .valuationview .form-horizontal, .valuationview .form-horizontal .row-fluid{ margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; width: 100% !important; } .valuationview #damagesOpen, .valuationview #accessoriesOpen , .valuationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .valuationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 100% !important; } .valuationview #damagesOpen .form-horizontal.mobile-form-horizontal, .valuationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .valuationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .valuationview #damagesOpen .checkbox-line { width: 220px !important; margin-top: 5px !important; } .valuationview #damagesOpen .controls{ width: 95px !important; margin-left: 27px !important; float: left !important; } .valuationview p.damages-comments { font-size: 14px !important; } .valuationview p.cover-received { font-size: 14px !important; } .valuationview .accessories-form .comment-box .mobile-comment, .valuationview .form-horizontal .mobile-instruction-paragraph, .valuationview .control-group label { font-size: 14px !important; } .valuationview .control-group .text-box-small { width: 95% !important; } .valuationview .damages-form .textbox, .valuationview .valuation-details-form .textbox, .valuationview .pricing-details-form .textbox, .valuationview .accessories-form .comment-box .comment-text-box { width: 104% !important; } .valuationview .accessories-form .control-group .checkbox { padding: 10px 0 10px 35px !important; } .valuationview #printValuationPdf { display:none !important; } /* Detailed view limited valuations */ .main-section .limitedvaluationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .limitedvaluationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .limitedvaluationview .mobile-form-headers p { font-size: 16px; } .limitedvaluationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .limitedvaluationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .limitedvaluationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .limitedvaluationview .mobile-form-headers i.icon-white-arrow-up, .limitedvaluationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .limitedvaluationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .limitedvaluationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .limitedvaluationview #customerDetailsClick.open p { margin-top: 0px !important; } /* Forms */ .limitedvaluationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 100% !important; border: 0 none !important; background: none !important; } .limitedvaluationview .form-horizontal .control-group .controls { width: 34% !important; } .limitedvaluationview .form-horizontal .control-group .bootstrap-select { width: 36% !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 139px !important; } .limitedvaluationview .form-horizontal .control-group .controls .information-input.valid { width : 136px !important; padding : 10px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 106px !important; } .limitedvaluationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 103px !important; } .limitedvaluationview .form-horizontal .control-group .mobile-control-label { width : 265px !important; } .limitedvaluationview .form-horizontal .input-prepend { width: 36% !important; } .limitedvaluationview .bootstrap-select .btn { width: 160px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 129px !important; padding-left: 20px !important; } .limitedvaluationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 125px !important; padding : 10px !important; padding-left: 20px !important; } .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .control-label, .limitedvaluationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .limitedvaluationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .limitedvaluationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .limitedvaluationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .limitedvaluationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .limitedvaluationview #pricingDetails span { padding-left: 238px !important; padding-top: 10px !important; } .limitedvaluationview #vSpecs .form-horizontal, .limitedvaluationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; border: 0 none !important; background: none !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; width: 261px !important; } .limitedvaluationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 15px !important; padding : 0 !important; } .limitedvaluationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -19px !important; } .limitedvaluationview .form-horizontal, .limitedvaluationview .form-horizontal .row-fluid{ margin: 0 !important; padding : 0 !important; } .limitedvaluationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; width: 100% !important; } .limitedvaluationview #damagesOpen, .limitedvaluationview #accessoriesOpen , .limitedvaluationview #photo { padding-left: 0px !important; padding-right: 5px !important; width: 100% !important; } .limitedvaluationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 100% !important; } .limitedvaluationview #accessoriesOpen .form-horizontal { padding-left: 10px !important; background: none !important; border: none !important; } .limitedvaluationview #damagesOpen .form-horizontal.mobile-form-horizontal, .limitedvaluationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .limitedvaluationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .limitedvaluationview #damagesOpen .checkbox-line { width: 220px !important; margin-top: 5px !important; } .limitedvaluationview #damagesOpen .controls{ width: 95px !important; margin-left: 27px !important; float: left !important; } .limitedvaluationview p.damages-comments { font-size: 14px !important; } .limitedvaluationview p.cover-received { font-size: 14px !important; } .limitedvaluationview .accessories-form .comment-box .mobile-comment, .limitedvaluationview .form-horizontal .mobile-instruction-paragraph, .limitedvaluationview .control-group label { font-size: 14px !important; } .limitedvaluationview #photo .form-horizontal { background: none !important; border: none !important; } .limitedvaluationview .control-group .text-box-small { width: 95% !important; } .limitedvaluationview .damages-form .textbox, .limitedvaluationview .valuation-details-form .textbox, .limitedvaluationview .pricing-details-form .textbox, .limitedvaluationview .accessories-form .comment-box .comment-text-box { width: 95% !important; } .limitedvaluationview .accessories-form .control-group .checkbox { padding: 10px 0 10px 35px !important; } .limitedvaluationview #printValuationPdf { display:none !important; } /* Buttons at the bottom */ .valuationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; float: left !important; } .valuationview .control-group label.error { float: left !important; font-size: 10px !important; width: 100% !important; } .limitedvaluationview .top-grey-set .btn, .limitedvaluationview bottom-grey-set .btn { float:left!important; width: 100% !important; margin: 10px 0 !important; } .limitedvaluationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; } } @media (min-width: 640px) and (max-width: 700px ){ /* default bigger mobi screens */ .form-horizontal .control-group .controls .information-input, .form-horizontal .mobile-control-group .mobile-information-input, .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input{ padding : 10px 2%; width : 166px !important; padding-left:20px; } .form-horizontal { background-color: transparent !important; border-color: transparent !important; } .box-shadow { box-shadow: none !important; } .valuationview #btnArchive, .valuationview #add-to-stock-btn, .valuationview .add-to-stock-btn { width : 100% !important; margin: 10px 0 !important; float: left !important; } .form-horizontal .control-group .controls .information-input { width : 173px !important; padding : 10px; } .form-horizontal .control-group .controls .information-input.valid { width : 170px !important; } .form-horizontal .control-group .controls .information-input.error, .form-horizontal .mobile-control-group .mobile-information-input.error { width : 170px !important; } .form-horizontal .mobile-control-group .input-prepend .information-input { width : 137px !important; padding : 10px 4px; } .form-horizontal .mobile-control-group .input-prepend .add-on { padding: 10px 10px !important; } #customerDetails .information-input.mobile-information-input.rand-input.error { padding-left : 25px !important; width : 155px !important; } #customerDetails .information-input.mobile-information-input.rand-input.valid { padding-left : 25px !important; width : 155px !important; } .form-horizontal .mobile-control-group .form-horizontal p textarea{ width : 42% !important; margin-left: 5px; } .bootstrap-select .btn, .selectpicker, .bootstrap-select, .btn.dropdown-toggle , .btn.dropdown-toggle.error { width: 195px !important; } textarea, .control-group .text-box-small { width: 100% !important; } .accessories-form .control-group .checkbox.checkbox-line.acceptTerms{ margin-left: 5px !important; width:375px; } .btnDiv_lft { background:url(/images/btnDiv_lft_mobi.png) no-repeat !important; padding: 18px 36px 10px 1px !important; width: 100% !important; height : 100px !important; margin-top: 25px !important; } a.login { width:165px !important; padding-left:12px !important; text-align:center !important; margin-bottom:0px !important; } .divAction { color:#FFF !important; } .div260 { color:#FFF !important; } .control-group .text-box-small { width:99% !important; margin-left:5px !important; } .newHr { width: 100% !important } .publichome [class*="span"], .publichome .uneditable-input[class*="span"], .publichome .row-fluid [class*="span"] { width : 96%; } .publichome .footer { margin-left:10px; } .mobile-header-bottom .mobile-dropdown-btn { width:37px !important; margin-right:-15px; } .mobile-form-headers { padding:10px 0 !important; height:40px !important; margin-right : -10px !important; } .mobile-form-headers p { font-size: 16px !important; margin-left: 60px !important; } #frmValuationView .mobile-form-headers p { width:200px !important; } .mobile-bomb { margin-left:-35px !important; margin-right:2px !important; } #frmValuationView .page-middle-forms-wrapper .form-horizontal { min-height : 404px !important; } .home .midLanding { margin: -130px 0 0 -10px !important; } /* Auction page */ /* new menu buttons */ #mobiAuctionBtn { width:32% !important; padding-left: 10px !important; margin-left: -5px !important; } #mobiPriceGuideBtn{ width:32% !important; padding-left: 10px !important; } #mobiValuationsBtn { width:32% !important; padding-left: 10px !important; } /* The action filters */ .auction .MakeMobi .dropdown-menu { margin: -40px 0 0 0; } .auction .RegionMobi .dropdown-menu { margin: -32px 0 0 0; } .auction #btnBasketMobi { width: 200px !important; margin: -113px 0 0 19px !important; } .auction .MakeMobi .btn.dropdown-toggle { width: 200px !important; margin: -71px 0 0 !important; } .auction .page-title-wrapper .btn-new-valuation { width: 200px !important; margin: 0 0 0 235px !important; display: block !important; padding: 4px !important; } .auction .RegionMobi .btn.dropdown-toggle { width: 200px !important; margin: -64px 0 0 !important; } .auction #gridAuctionContext_RegNoMobi { margin: -267px 0 0 235px !important; width: 185px !important; font-size: 16px !important; } .auction #btnClearSearch { display: none !important; } .auction #btnSearch { display: none !important; } .auction .row-fluid.table-form { margin: -75px 0 0 0px !important; float: left !important; /* added for IE */ } .auction .icon-circle-arrow-up, .auction .icon-circle-arrow-down{ display:none !important; } .auction .table-heading-wrapper { font-size: 12px !important; height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .auction table.table td{ font-size: 12px !important; } .auction table.table { width: 560px !important; overflow: hidden !important; } .auction .pagination { margin:0 8px 0 0px !important; } /* The Price guide filters */ .priceguide .MakeMobi { height: 0px !important; } .priceguide .page-title-wrapper p { display:none !important; } .priceguide .MakeMobi .dropdown-menu { margin: -58px 0 0 -368px !important; } .priceguide .RegionMobi .dropdown-menu { margin: -123px -366px 0 !important; } .priceguide .MakeMobi .btn.dropdown-toggle { width: 200px !important; margin: -90px 363px 0 0 !important; } .priceguide .RegionMobi .btn.dropdown-toggle { width: 200px !important; margin: -155px 361px 0 !important; } .priceguide #gridPriceGuideContext_RegNoMobi { margin: -63px -360px 0 0px !important; width: 175px !important; float: right !important; } .priceguide #btnClearSearch { display: none !important; } .priceguide #btnSearch { display: none !important; } .priceguide .row-fluid.table-form { margin: -130px 0 0 0px !important; float: left !important; /* added for IE */ } .priceguide .icon-circle-arrow-up, .priceguide .icon-circle-arrow-down{ display:none !important; } .priceguide .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .priceguide table.table td{ font-size: 10px !important; /* Added for ie */ } .priceguide table.table { width: 559px !important; overflow: hidden !important; } .priceguide .pagination { margin: 0px 5px 0 0 !important; } /* publicvaluation toggle buttons */ .publicvaluation #customerDetailsClick p, .publicvaluation #vehicleSpecificationsClick p, .publicvaluation #damagesClick p, .publicvaluation #accessoriesClick p, .publicvaluation #photosClick p { margin-top: 0 !important; } .publicvaluation .mobile-form-headers p { font-size: 14px; } .publicvaluation .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .publicvaluation .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .publicvaluation .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .publicvaluation .mobile-form-headers i.icon-white-arrow-up, .publicvaluation .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .publicvaluation .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .publicvaluation .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; float : left !important; } .publicvaluation .mobile-form-headers i.mobile-car { margin-right: 6px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; float : left !important; margin-left : -50px !important; } .publicvaluation .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; float : left !important; margin-top: -3px !important; } .publicvaluation .mobile-form-headers i.mobile-camera { margin-right: 7px !important; float : left !important; margin-top: -3px !important; } .publicvaluation #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .publicvaluation #dealershipDetailsClick .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; } .main.publicvaluation .mobile-form-headers p { font-size:12px; !important; } /* public valuation forms */ .publicvaluation .page-top-forms-wrapper .form-horizontal { margin: 0 !important; min-height: 215px !important; padding: 0 !important; width: 114% !important; } .publicvaluation #vehicleSpecifications { width: 115% !important; } .publicvaluation .page-top-forms-wrapper .form-horizontal .row-fluid, .publicvaluation #customerDetails .row-fluid { margin: 0 !important; padding: 0 !important; } .publicvaluation .form-horizontal .control-group .mobile-control-label { width: 56% !important; } .publicvaluation .form-horizontal .control-group .controls { width: 35% !important; } .publicvaluation .form-horizontal .mobile-control-group .input-prepend, .form-horizontal .mobile-control-group .btn-group { width: 40% !important; } .publicvaluation .form-horizontal .control-group .controls .information-input.error, .publicvaluation .form-horizontal .mobile-control-group .mobile-information-input.error, .publicvaluation .form-horizontal .control-group .controls .information-input.valid, .publicvaluation .form-horizontal .control-group .controls .information-input { margin-left : -30px !important; } .publicvaluation #vehicleSpecifications .control-group .controls .information-input.error, .publicvaluation #vehicleSpecifications .mobile-control-group .mobile-information-input.error, .publicvaluation #vehicleSpecifications .control-group .controls .information-input.valid, .publicvaluation #vehicleSpecifications .control-group .controls .information-input { margin-left : -31px !important; } .publicvaluation .form-horizontal .control-group .controls #street, .publicvaluation .form-horizontal .control-group .controls #vinNumber, .publicvaluation .form-horizontal .control-group .controls #engineNumber { width: 174px !important; } .publicvaluation .form-horizontal .control-group .controls #street.valid, .publicvaluation .form-horizontal .control-group .controls #vinNumber.valid, .publicvaluation .form-horizontal .control-group .controls #engineNumber.valid { width: 170px !important; } .publicvaluation .error { width: 170px !important; } .publicvaluation .page-top-forms-wrapper #vehicleSpecifications { margin-left : -3px !important; } .publicvaluation .control-group .text-box-small { width: 88% !important; } .publicvaluation .page-middle-forms-wrapper .form-horizontal { margin: 0 !important; padding: 0 !important; } .publicvaluation .damages-form .textbox { width: 96% !important; } .publicvaluation .valuation-details-form .textbox { width: 96% !important; } .publicvaluation .pricing-details-form .textbox { width: 96% !important; } .publicvaluation .accessories-form .comment-box .comment-text-box { width: 95% !important; } /* Detailed view Auction - bidview */ #PageContent.bidview .row_even .one, #PageContent.bidview .row_odd .one, #PageContent.bidview .row_even .two, #PageContent.bidview .row_odd .two, #PageContent.bidview .row_red .one, #PageContent.bidview .row_red .two{ width: 100% !important; } #PageContent.bidview .row_even .one .control-label, #PageContent.bidview .row_odd .one .control-label, #PageContent.bidview .row_even .two .control-label, #PageContent.bidview .row_odd .two .control-label, #PageContent.bidview .row_red .one .control-label, #PageContent.bidview .row_red .two .control-label{ width: 50% !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group { width: 562px !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .control-label { width: 40% !important; float: left !important; } #PageContent.bidview #vehicleDamages .div-striped .control-group .controls{ width: 39% !important; float: right !important; } #PageContent.bidview #vehicleDamages .row_even .control-group, #PageContent.bidview #vehicleDamages .row_odd .control-group{ width: 100% !important; } #PageContent.bidview #vehicleDamages .row_even .control-group .control-label, #PageContent.bidview #vehicleDamages .row_odd .control-group .control-label{ width: 100% !important; } /* yes */ .form-horizontal .control-group .controls #previousRepairsNoted { width: 50px !important; float: left !important; margin: -14px 0 0 331px !important; } .bidview #vehicleAccessoriesClick { width: 572px !important ; } .backBtn { margin: -20px 0 0 0 !important; } #PageContent.bidview .damageTotal .control-label { float: left !important; width: 39.5% !important; } #PageContent.bidview .damageTotal .controls { float: right !important; width: 40% !important; } #accessoriesMobiOpen { width: 572px !important; margin: 0 0 0 -14px !important; } #accessoriesMobiOpen .row-fluid { border: 1px solid #d3d3d3; width: 536px !important; } #accessoriesMobiOpen .row-fluid div { width: 260px !important; float: left !important; padding-top: 5px !important; } #accessoryNotesMobi { margin-bottom: 15px !important; } #PageContent.bidview h5 { margin-bottom: 5px !important; margin-top: 5px !important; } #vehicleDamages .row_red { display: none !important; } .accessoryNotes_dataMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_dataMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 17px !important; text-align: left !important; } .accessoryNotes_dataMobi .controls { width: 390px !important; } .accessoryNotes_titleMobi { padding-bottom: 25px !important; padding-top: 15px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotes_titleMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 17px !important; text-align: left !important; } .accessoryNotes_titleMobi .controls { width: 390px !important; } .accessoryNotesMobi { padding-bottom: 25px !important; padding-top: 0px !important; border: 1px solid #D3D3D3 !important; } .accessoryNotesMobi .control-label { float: left !important; font-size: 12px !important; margin-left: 17px !important; text-align: left !important; } .accessoryNotesMobi .controls { width: 390px !important; } .bidview .bid-emai-seller-button .btn { float: left !important; margin: 10px 0 !important; } .main-section .container-fluid.bidview { max-width: 100% !important; } .bidview .mobile-form-headers { padding: 5px 0 0 !important; } .bidview .mobile-form-headers p { font-size: 12px !important; padding-top: 5px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers { padding: 0 !important; margin-left: -30px !important; width: 572px !important; margin-top: -9px !important; } .bidview #vehicleSpecificationsClick.mobile-form-headers p { padding-top: 10px !important; } .bidview #vehicleDamagesClick.mobile-form-headers { padding: 0 5px 0 0 !important; margin-left: 0 !important; width: 573px !important; margin-top: 0px !important; } .bidview #vehicleDamagesClick.mobile-form-headers p { padding-top: 10px !important; } .bidview .vehicle-specs-form .form-horizontal.left-and-right-side.specs.span12 { padding: 0 !important; width: 574px !important; margin: 0 0 0 -31px !important; min-height: 44px !important; } .bidview .mobile-car { margin-left:5px !important; } .bidview .page-middle-forms-wrapper .form-horizontal { min-height: 44px !important; } .bidview #vehicleBidBoxClick.mobile-form-headers { padding: 2px 0 0 !important; margin-top: 0px !important; } #PageContent.bidview .specs .controls #fshNotes_data, #PageContent.bidview .specs .controls #damageNotes_data, #PageContent.bidview .specs .controls #coverReceived_data, #PageContent.bidview .specs .controls #previousRepairsNotes_data { width: 540px !important; } /* The valuation filters */ .main-section .valuations .page-title-wrapper .mobile-header-valuation, .main-section .page-title-wrapper h1{ font-size: 40px !important; } .valuations .page-title-wrapper .mobile-btn-wrapper { border-bottom: none !important; } .page-title-wrapper p { display:none !important; } .valuations .MakeMobi .dropdown-menu { margin: 0px 0 0 -53px; } .valuations .StatusMobi .dropdown-menu { margin: -102px 0 0; } .valuations .MakeMobi .btn.dropdown-toggle { width: 200px !important; margin: -32px 0 0 -70px !important; display: block !important; float: left !important; position: inherit !important; } .valuations .StatusMobi .btn.dropdown-toggle { width: 200px !important; margin: -134px 0 0 !important; display: block !important; float: left !important; position: inherit !important; } .main.valuations #gridValuationContext_RegNoMobi { float: left !important; margin: -41px 0 0 255px !important; width: 166px !important; } .valuations #newValuation { margin: 0px 0 0 255px !important; width: 180px !important; float: left !important; } .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid, .main.valuations #valuationReport { display: none !important; } .valuations .row-fluid.table-form { margin: -140px 0 0 !important; float: left !important; /* added for IE */ } .valuations .icon-circle-arrow-up, .valuations .icon-circle-arrow-down{ display:none !important; } .valuations .table-heading-wrapper { font-size: 10px !important; /* Added for ie */ height: 60px !important; overflow: hidden !important; padding-left: 5px !important; } .valuations table.table td{ font-size: 10px !important; /* Added for ie */ } .valuations table.table { width: 585px !important; overflow: hidden !important; } .valuations .pagination { margin: 0px 5px 0 0 !important; } /* Detailed view priceguide */ .offerview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .offerview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .offerview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .offerview .mobile-form-headers i.icon-white-arrow-up, .offerview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .offerview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .offerview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; } .offerview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; } .offerview .mobile-form-headers i.mobile-car { margin-right: 6px !important; } .offerview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; } .offerview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; } .offerview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; } .offerview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; } .offerview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .main-section .offerview #frmValuationView .page-title-wrapper h1 { font-size: 12px !important; width: 200px !important; margin: 10px 0 0 !important; } #printPriceGuidePdf { display: none !important; } .main-section .offerview .page-title-wrapper .back-btn { display: none !important; } .offerview #dropCmp .control-group { height: 10px !important; } .offerview #dropCmp { padding-bottom: 15px !important; } .offerview .make-offer-btn { float: right !important; margin: -62px 0 0 !important; } .offerview #dealershipDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #dealershipDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #dealershipDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #dealershipDetails .form-horizontal { min-height: 123px !important; } .offerview #valuationDetails .control-group .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #valuationDetails .control-group .controls{ float: left !important; width: 50% !important; } .offerview #valuationDetails .control-group .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview .page-top-forms-wrapper #valuationDetails .form-horizontal { min-height: 70px !important; } .offerview #pricingDetails .control-group .control-label{ float: left !important; width: 47% !important; font-size: 12px !important; line-height: 12px !important; padding-bottom: 5px !important; padding-top: 5px !important; margin: 0 0 0 5px !important; } .offerview #pricingDetails .control-group .controls{ float: left !important; width: 47% !important; padding-bottom: 5px !important; padding-top: 5px !important; } .offerview #pricingDetails .control-group .controls p { font-size: 12px !important; line-height: 12px !important; width: 100% !important; margin: 0 !important; } .offerview .page-top-forms-wrapper #pricingDetails .form-horizontal { min-height: 123px !important; } .offerview #vSpecs .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #vSpecs .controls{ float: left !important; width: 50% !important; } .offerview #vSpecs .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .control-label{ float: left !important; width: 60% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #damages .controls{ float: left !important; width: 35% !important; } .offerview #damages .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #damages .form-horizontal { min-height: 150px !important; } .offerview #accessoriesOpen .control-label{ float: left !important; width: 45% !important; font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .controls{ float: left !important; width: 50% !important; } .offerview #accessoriesOpen .controls p{ font-size: 12px !important; line-height: 12px !important; } .offerview #accessoriesOpen .form-horizontal { min-height: 150px !important; } .offerview .page-bottom-forms-wrapper.page-middle-forms-wrapper .accessories-form { min-height: 0px !important; } .offerview #photo .form-horizontal { min-height: 410px !important; } .offerview #frmValuationView #pricinghistory { display: none !important; } .offerview #vSpecs .fshNotes .controls, .offerview #damages .damageNotes .controls, .offerview #damages .previousRepairsNotes .controls, .offerview #damages .previousRepairsNoted .controls, .offerview #valuationDetails .coverReceived .controls, .offerview #pricingDetails .coverReceived .controls, .offerview #accessoriesOpen .accessoryNotes .controls{ width: 560px !important; margin-left: 7px !important; } #accessoriesOpen .row-fluid .textshow { float: left !important; width: 50% !important; } /* Detailed view Stock */ .stockview .form-horizontal .control-group .controls .information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input, .stockview .form-horizontal .mobile-control-group .mobile-information-input-short, .stockview .form-horizontal .control-group .controls .information-input { width: 170px !important; } .main-section .stockview .page-title-wrapper .back-btn { margin: -43px 10px 0 0 !important; font-size: 14px; padding: 5px; } .stockview #vSpecs .form-horizontal .control-group .controls .information-input.valid, .stockview #vSpecs .form-horizontal .control-group .controls .information-input.error { width: 167px !important; margin-right: 35px; } .stockview .mobile-form-headers p { margin-left: 50px !important; } .stockview .mobile-clipboard { margin-left: 15px !important; } .stockview .mobile-money { margin-left: 10px !important; } .stockview .mobile-car { margin-left:10px !important; } .stockview .mobile-bomb { margin-left: 10px !important; margin-top: 4px !important; } .stockview .mobile-headphones { margin-left: 10px !important; } .stockview .mobile-camera { margin-left: 10px !important; } .stockview #priceGuideAuctionClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #pricingDetailsClick p { margin-top: 4px !important; margin-left: 7px !important; } .stockview #vSpecsClick p { margin-top: 5px !important; } .stockview #damagesClick p { margin-top: 2px !important; margin-left: 7px !important; } .stockview #accessoriesClick p { margin-top: 4px !important; margin-left: 12px !important; } .stockview #photoClick p { margin-top: 5px !important; margin-left: 12px !important; } #frmStockView h1 { font-size: 33px !important; padding-bottom: 10px; } /* Detailed view valuationview */ .main-section .valuationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .valuationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .valuationview .mobile-form-headers p { font-size: 16px; } .valuationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .valuationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .valuationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .valuationview .mobile-form-headers i.icon-white-arrow-up, .valuationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .valuationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .valuationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .valuationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .valuationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .valuationview .form-horizontal .control-group .controls .information-input.valid { width : 170px !important; } /* Forms */ .valuationview .page-top-forms-wrapper .form-horizontal { margin : 0px !important; padding: 0 !important; width: 100% !important; } .valuationview .form-horizontal .control-group .controls { width: 26% !important; } .valuationview .form-horizontal .control-group .bootstrap-select { width: 27% !important; } .valuationview .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -10px !important; width : 139px !important; } .valuationview .form-horizontal .control-group .controls .information-input.valid { width : 136px !important; padding : 10px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input { width : 106px !important; } .valuationview .form-horizontal .mobile-control-group .input-prepend .information-input.valid { width : 103px !important; } .valuationview .form-horizontal .control-group .mobile-control-label { width : 404px !important; } .valuationview .form-horizontal .input-prepend { width: 26% !important; } .valuationview .bootstrap-select .btn { width: 160px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input { margin: 0 0 0 -10px !important; width : 129px !important; padding-left: 20px !important; } .valuationview .form-horizontal .control-group .controls #requiredPrice.information-input.valid { width : 125px !important; padding : 10px !important; padding-left: 20px !important; } .valuationview #valuationDetails .control-group-wrapper .control-group .control-label, .valuationview #valuationDetails .control-group-wrapper .control-group .valuation-line { font-size: 14px !important; line-height: 14px !important; margin-bottom: 10px !important; } .valuationview #valuationDetails .form-horizontal .control-group .controls .information-lines { font-size: 14px !important; margin: 5px 0 0 !important; } .valuationview #valuationDetails .form-horizontal .control-group.mobile-control-group { font-size: 14px !important; padding-bottom: 15px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input { padding-left: 20px !important; width: 123px !important; margin-left: -13px !important; } .valuationview #pricingDetails .form-horizontal .control-group .controls .information-input.rand-input.valid { width: 115px !important; } .valuationview #pricingDetails p { padding-left: 5px !important; padding-top: 10px !important; font-size : 14px !important; } .valuationview #pricingDetails p.trade-and-retail { margin-left: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; display: block !important; float: left !important; } .valuationview #pricingDetails span { padding-left: 385px !important; padding-top: 10px !important; } .valuationview #vSpecs .form-horizontal, .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group .control-label { margin: 10px 0 !important; padding-left : 5px !important; width: 403px !important; } .valuationview #vSpecs .form-horizontal .mobile-control-group #mmCode { margin: 15px 0 10px 15px !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .control-group .controls .information-input { margin: 0 0 0 -18px !important; } .valuationview .form-horizontal, .valuationview .form-horizontal .row-fluid{ margin: 0 !important; padding : 0 !important; } .valuationview #vSpecs .form-horizontal .row-fluid { margin: 0 !important; padding : 0 !important; width: 100% !important; } .valuationview #damagesOpen, .valuationview #accessoriesOpen , .valuationview #photo { padding-left: 5px !important; padding-right: 5px !important; width: 95% !important; } .valuationview #vSpecs .form-horizontal.mobile-form-horizontal { width: 100% !important; } .valuationview #damagesOpen .form-horizontal.mobile-form-horizontal, .valuationview #accessoriesOpen .form-horizontal.mobile-form-horizontal , .valuationview #photo .form-horizontal.mobile-form-horizontal { width: 95% !important; } .valuationview #damagesOpen .checkbox-line { width: 364px !important; margin-top: 5px !important; } .valuationview #damagesOpen .controls{ width: 95px !important; margin-left: 27px !important; float: left !important; } .valuationview p.damages-comments { font-size: 14px !important; } .valuationview p.cover-received { font-size: 14px !important; } .valuationview .accessories-form .comment-box .mobile-comment, .valuationview .form-horizontal .mobile-instruction-paragraph, .valuationview .control-group label { font-size: 14px !important; } .valuationview .control-group .text-box-small { width: 95% !important; } .valuationview .damages-form .textbox, .valuationview .valuation-details-form .textbox, .valuationview .pricing-details-form .textbox, .valuationview .accessories-form .comment-box .comment-text-box { width: 104% !important; } .valuationview .accessories-form .control-group .checkbox { padding: 10px 0 10px 35px !important; } .valuationview #printValuationPdf { display:none !important; } .main-section .limitedvaluationview .page-title-wrapper .back-btn { margin: -34px 0 29px !important; font-size: 14px !important; padding: 7px !important; } .main-section .limitedvaluationview .page-title-wrapper h1 { margin: 15px 0 5px !important; } .limitedvaluationview .mobile-form-headers p { font-size: 16px; } .limitedvaluationview .mobile-form-headers { padding: 12px 0 !important; margin-right: 0px !important; margin-left: 0px !important; height: 24px !important;; } .limitedvaluationview .mobile-form-headers img { float: left !important; padding-left: 5px !important; padding-right: 5px !important; } .limitedvaluationview .mobile-form-headers i { float: left !important; margin-left: 5px !important; } .limitedvaluationview .mobile-form-headers i.icon-white-arrow-up, .limitedvaluationview .mobile-form-headers i.icon-white-arrow-down { float: right !important; } .limitedvaluationview .mobile-form-headers i.icon { margin-top: -5px !important; margin-right: 5px !important; } .limitedvaluationview .mobile-form-headers i.mobile-money { margin-right: 5px !important; margin-left: 4px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-clipboard { margin-right: 11px !important; margin-left: 11px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-car { margin-right: 6px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-icon-user { margin-right: 8px !important; margin-left: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-bomb { margin-right: 3px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-headphones { margin-right: 10px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview .mobile-form-headers i.mobile-camera { margin-right: 7px !important; margin-top: -5px !important; float: left !important; } .limitedvaluationview #damagesClick p, #accessoriesClick p{ margin-top: 0px !important; } .limitedvaluationview #customerDetailsClick.open p { margin-top: 0px !important; } .limitedvaluationview .form-horizontal #customerDetails .mobile-control-group .input-prepend .information-input { width: 139px !important; } .limitedvaluationview #requiredPrice { padding-left: 20px !important; width: 163px !important; } .limitedvaluationview .form-horizontal { background: none !important; border: none !important; } .limitedvaluationview #customerDetails .form-horizontal .mobile-control-group .input-prepend .information-input { width: 140px !important; } /* Buttons at the bottom */ .valuationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; float: left !important; } .valuationview .control-group label.error { float: left !important; font-size: 10px !important; width: 100% !important; } .limitedvaluationview .top-grey-set .btn, .limitedvaluationview bottom-grey-set .btn { float:left!important; width: 100% !important; margin: 10px 0 !important; } .limitedvaluationview .colored-btn-set .btn { width: 100% !important; margin: 5px 0 !important; } } /* mobile and tablet*/ @media (min-width: 1200px) { } @media (max-width: 980px) { } @media (max-width: 767px) { } @media (max-width: 480px) { body header { background: url("/imgs/header-bg-rpt") repeat-x scroll center top #313131; } body header .logo{ border : none; background: url("/imgs/header-with-logo-small.jpg") no-repeat 0 50; } }