/**********header and body*****************************/ body header { border : none; background: url("/imgs/header-bg-rpt.png") repeat-x scroll center top #313131; display:none; } body header .logo{ border : none; background: url("/imgs/header-with-logo.jpg") no-repeat scroll center top #313131; display:none; } body{ padding : 0; } .row-fluid{ width : 94.3% !important; padding : 0 3% !important; margin : 0 !important; } /***********mobile-header*********************/ /**********mobile header top******************/ .mobile-header-top{ background : url(../../imgs/tablet_header.jpg)repeat; border-bottom : 1px solid #7A7879; } .cc-mobile-header-top{ background: transparent url("/imgs/header-with-logo-cc.png") no-repeat scroll 51% 0%; border-bottom : 1px solid #877b7b; background-size:900px 90px !important; background-position: 0px 0px; height:90px; border-bottom:none; } .mobile-header-top .mobile-nav-logout{ width : 25%; margin : 29px 0; float : right; text-align : center; font-size : 20px; font-family : arial; font-weight : bold; padding : 17px; } .cc-mobile-header-top .mobile-nav-logout{ width : 25%; margin : 29px 0; float : right; text-align : center; font-size : 20px; font-family : arial; font-weight : bold; padding : 17px; } /**********************************************/ /************mobile-header-middle**************/ .mobile-header-middle{ background-color : #000; border-top : 1px solid #D52E31; border-bottom : 1px solid #7A7879; } .mobile-header-middle .mobile-Login .mobile-detail-label{ margin-top : 13px; margin-bottom : 13px; } .mobile-header-middle .mobile-Login .mobile-detail-label p, .mobile-header-middle .mobile-Login .mobile-time-in span{ font-size : 12px; font-family : arial; font-weight : normal; color : #FFF; line-height : 18px; margin-bottom : 0; } .mobile-header-middle .mobile-Login .mobile-detail-label .logged-in{ font-size : 16px; font-weight : bold; } .mobile-header-middle .mobile-Login .mobile-time-in .time{ font-size : 20px; font-weight : bold; } .mobile-header-middle .mobile-Login .mobile-detail-label{ width : 20%; float : left; } .mobile-header-middle .mobile-Login .mobile-time-in{ float : right; margin-top : 23px; margin-bottom : 13px; width : 16%; } /**********************************************/ /*************mobile-header-bottom*************/ .mobile-header-bottom{ background-color : #D42E30; } .mobile-header-bottom h1{ font-weight : bold; font-size : 30px; width : 80%; float : left; color : #D0D0D0; -moz-text-shadow : 0 -1px 2px #891c1f; -webkit-text-shadow : 0 -1px 2px #891c1f; text-shadow : 0 -1px 2px #891c1f; } .mobile-header-bottom .drop-down-menu-btn{ width :16%; float :right; margin-top : 10px; } .mobile-header-bottom .mobile-dropdown-btn{ padding : 10px; } .mobile-header-bottom .mobile-caret{ border-left : 8px solid transparent; border-right : 8px solid transparent; border-top : 8px solid #E0E0E0; content : ""; display : inline-block; height : 0; vertical-align : middle; width : 0; margin-left : 10px; } /************dropdown-menu**********************/ .mobile-header-bottom .mobi-nav{ background-color : #D52E31; margin-top : 21px; margin-right : 7px; box-shadow : none; -moz-border-radius : 3px; -webkit-border-radius : 3px; border-radius : 3px; } .mobile-header-bottom .mobi-nav img{ position : absolute; top : -12px; right : 15px; } .mobile-header-bottom .mobi-nav a{ color : #D0D0D0; font-weight : bold; font-size : 14px; line-height : 35px; } .mobile-header-bottom .mobi-nav a:hover{ color : #F13B3B; font-weight : bold; font-size : 14px; background-color : #D0D0D0; background-image : none; } /*********************************************/ .main-section{ background : url("../../images/bdy_bg.png")repeat; } /***************page-title-wrapper************/ .main-section .page-title-wrapper{ margin : 30px 0 0 0 !important; } .page-title-wrapper .mobile-page-title-header{ font-size : 16px; } .page-title-wrapper .mobile-paragraph{ font-size : 16px; } .main-section .page-title-wrapper .mobile-header-valuation{ font-size : 55px; line-height : 55px; } .main-section .page-title-wrapper .back-btn{ width : 25%; margin : -60px 0 29px; float : right; text-align : center; font-size : 20px; font-family : arial; font-weight : bold; padding : 17px; } .mobile-btn-wrapper{ padding-bottom : 8px; border-bottom : 1px solid #B5B5B5; } .page-title-wrapper .mobile-btn-shine{ background : url("../../imgs/new-valuation-mobile-shine.png") no-repeat scroll 0 0 transparent; bottom : 0; left : 0; position : absolute; right : 0; top : 0; z-index : 100; background-size : 100% 100%; } /***********************************************/ /***********page-filter-wrapper*****************/ .page-filter-wrapper .btn-wrapper{ margin-right : 0; width : auto !important; min-width : 0 !important; margin-top : 56px; } .mobile-date-label{ font-size : 17px; font-family : arial; font-weight : normal; margin : 15px 0; } .page-filter-wrapper .filter-input-wrapper{ width : 33%; } .page-filter-wrapper .filter-input-wrapper .context-filter-label{ font-size : 17px; margin : 15px 0; width : 130px; } .page-filter-wrapper .filter-input-wrapper .filter-input{ margin-right : 20px; } .mobile-width12p{ width: 24%; } /*************************************************/ /***************table-form************************/ .table-form{ width : 100%; padding : 0; } .table-heading-wrapper a{ float : right; margin-right : 10px; } .mobile-icon-cog{ background : url("../../imgs/valuations-mobile-icons.png") no-repeat scroll -56px 0 transparent; display : inline-block; height : 27px; vertical-align : -4px; width : 28px; margin-top : -5px; margin-bottom : 15px; margin-right : 4px; } .table-heading-wrapper .mobile-make-caret, .table-heading-wrapper .mobile-settings-caret{ border-left : 6px solid transparent; border-right : 6px solid transparent; border-top : 8px solid #FFFFFF; content : ""; display : inline-block; height : 0; margin-left : 0; vertical-align : middle; width : 0; } .table-heading-wrapper .mobile-settings-caret{ border-left : 6px solid transparent; border-right : 6px solid transparent; border-top : 8px solid #FFFFFF; content : ""; display : inline-block; height : 0; margin-right : -5px; vertical-align : middle; width : 0; margin-top : -30px; margin-bottom : 15px; float : right; } .table-heading-wrapper .mobile-settings-main-wrapper{ height : 20px; padding : 6px; margin-top : 12px; background : url("../../imgs/cog-btn-bg.jpg")repeat; } .table-form .mobile-table #FirstRow, .table-form .mobile-table #SecondRow{ font-size: 11px; } /*************************************************/ /****************new-valuation********************/ /*************top-mobile-header**************************/ .page-title-wrapper .mobile-main-car-image{ width : 26%; float : left; margin-bottom : 13px; } .page-title-wrapper .mobile-main-car-image .mobile-image{ height : 125px; width : 166px; } .page-title-wrapper .mobile-header{ width : 64%; float : left; margin-left : 18px; margin-top : 14px; } .page-title-wrapper .mobile-header .mobile-header-new-valuation{ font-size : 40px; line-height : 40px; } /*****************mobile-form-headers************************/ .mobile-form-headers{ background-color : #cf2c2f; padding : 24px 0; margin-left : -14px; margin-right : -14px; } .mobile-form-horizontal{ background :none; border :none; margin-bottom : 0; width : 102%; margin : 0 -20px; } .mobile-icon-user{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll 0 0 transparent; display : inline-block; height : 30px; margin-right : 5px; vertical-align : -4px; width : 26px; margin-left : 20px; } .mobile-clipboard, .mobile-car, .mobile-headphones, .mobile-camera{ margin-left : 20px; } .mobile-clipboard{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -25px 0 transparent; display : inline-block; height : 30px; margin-left : 20px; margin-right : 5px; vertical-align : -4px; width : 22px; } .mobile-car{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -46px 0 transparent; display : inline-block; height : 30px; margin-left : 20px; margin-right : 5px; vertical-align : -4px; width : 34px; } .mobile-headphones{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -80px 0 transparent; display : inline-block; height : 30px; margin-left : 20px; margin-right : 5px; vertical-align : -4px; width : 30px; } .mobile-camera{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -110px 0 transparent; display : inline-block; height : 30px; margin-left : 20px; margin-right : 5px; vertical-align : -4px; width : 32px; } .mobile-form-headers p{ font-size : 26px; line-height : 20px; color : #FFF; position : relative; z-index : 200; } /***************************** page-form-wrappers ********************/ .page-top-forms-wrapper .span4, .page-bottom-forms-wrapper .span4{ width : 100% !important; } .accessories-form .control-group{ width : 50% !important; } .accessories-form .control-group .checkbox{ padding : 10px 0 10px 20px; } /*********************************************************************/ .form-horizontal .control-group .mobile-controls{ width : 50%; float : right; } .form-horizontal .mobile-control-group .mobile-information-input, .form-horizontal .mobile-control-group .mobile-information-input-short{ padding : 22px 2%; width : 90% !important; padding-left:20px; } .form-horizontal .mobile-control-group .mobile-information-input-short{ width : 76% !important; } .form-horizontal .mobile-control-group .input-prepend, .form-horizontal .mobile-control-group .btn-group{ margin-left : 2%; width : 48%; } .form-horizontal .mobile-control-group .btn-group .btn{ padding : 22px 12px; } .form-horizontal .mobile-control-group .input-prepend .add-on{ padding : 22px 10px; } .form-horizontal .mobile-control-group{ width : auto; } .form-horizontal .control-group .mobile-control-label, .form-horizontal .control-group .controls{ font-size : 16px; width : 48%; margin-top : 20px; margin-left : 2%; } .form-horizontal .control-group .controls{ margin-top : 0; } .form-horizontal .control-group .controls .information-lines{ font-size : inherit; line-height : inherit; } .form-horizontal .control-group .mobile-grey-btn{ width : 50%; float : right; } .form-horizontal .control-group .mobile-select{ width : 80%; line-height : 56px; font-size : 20px; } .form-horizontal .control-group .mobile-selection{ height : 66px; width : 23%; } .form-horizontal .left-side, .form-horizontal .right-side{ width : 100%; } .mobile-caret{ border-left : 6px solid transparent; border-right : 6px solid transparent; border-top : 8px solid #000000; content : ""; display : inline-block; height : 0; vertical-align : top; width : 0; } .vehicle-specs-form .mobile-left-side { width : 100%; } .control-group-wrapper .control-group .valuation-line{ font-size : 16px; width : 48%; margin-left : 2%; margin-top : 5px; } .form-horizontal .control-group .information-wrapper{ float : right; width : 35%; } .form-horizontal .mobile-information-lines{ font-size : 20px; margin-top : 14px; } .accessories-form .mobile-column-left{ border-bottom : 1px solid #B7B7B7; padding-bottom : 8px; width : 42%; margin-left : 10px; } .accessories-form .mobile-column-right{ border-bottom : 1px solid #B7B7B7; padding-bottom : 8px; width : 53%; } .accessories-form .mobile-checkbox-line { font-size : 16px; margin : 10px 0; padding-left : 30px; } .accessories-form .comment-box .mobile-comment{ margin-left : 5px; font-size : 20px; margin-bottom : 20px; } .accessories-form .comment-box .mobile-comment-text-box{ width : 100%; } .mobile-car-images-wrapper{ width : 100%; } .photos-form .mobile-motor-vehicle-imgs{ width : 31.03%; margin-left: 1.5%; margin-bottom: 14px; padding : 0; } .form-horizontal .mobile-instruction-paragraph{ font-size : 20px; margin : 5px 0 10px 6px; line-height : 22px; } /********************mobile-select-valuator*********************/ .mobile-select-valuator-header{ font-size : 20px; line-height : 56px; width : 48%; float : left; padding : 30px 0; } .select-valuator .valuator-name-button .mobile-grey-btn{ width : 50%; } .select-valuator .valuator-name-button .mobile-select{ width : 80%; line-height : 56px; font-size : 20px; } .select-valuator .valuator-name-button .mobile-selection{ height : 66px; width : 23%; } .select-valuator .mobile-valuator-name-button{ border-bottom : 1px solid #D52F31; border-top : 1px solid #D52F31; padding : 30px 0; } /**************************************************************/ .select-valuator .top-grey-set .mobile-send-to-price-btn{ width : 55%; line-height : 56px; font-size : 20px; margin-bottom : 18px; } .select-valuator .top-grey-set .mobile-send-to-sales-btn{ width : 40%; line-height : 56px; font-size : 20px; margin-bottom : 18px; } .select-valuator .bottom-grey-set .mobile-print-btn{ width : 35%; line-height : 56px; font-size : 20px; } .select-valuator .bottom-grey-set .mobile-archive-btn{ width : 23%; line-height : 56px; font-size : 20px; } .mobile-add-to-stock-btn{ width : 40%; line-height : 56px; font-size : 20px; } .mobile-printer{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -140px 0 transparent; display : inline-block; height : 30px; margin-left : 20px; margin-right : 5px; vertical-align : -7px; width : 32px; } /*****************************************************************/ .select-valuator .colored-btn-set .mobile-select{ width : 100%; line-height : 56px; font-size : 20px; margin-top : 18px; } .mobile-save-and-send{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -168px 0 transparent; display : inline-block; height : 30px; margin-left : 20px; margin-right : 5px; vertical-align : -7px; width : 32px; } .mobile-save-and-submit{ background : url("../../imgs/new-valuation-mobile-icons.png") no-repeat scroll -199px 0 transparent; display : inline-block; height : 30px; margin-left : 20px; margin-right : 5px; vertical-align : -7px; width : 35px; } .bid-details{ width:100% !important; } .bid-details-photos{ width:100% !important; } #bidImgMain{ max-width:50% !important; min-width:120px !important; } #tS1.jThumbnailScroller{ width:50% !important; margin-top:220px !important; max-width:50% !important; margin-left:20px !important; } .bid-view-t-c { text-align:left; float:center; margin-top:300px !important; margin-bottom:50px; } .bid-view-table{ width:100% !important; } .bid-view-bid{ width:100% !important; } .bid-emai-seller-button{ width:100% !important; } .page-filter-wrapper .filter-input-wrapper-date{ width:30% !important; margin-right:10% !important; }