/* Body */ /* Custom container */ body header{ background: url('../../imgs/header-bg-rpt.png') repeat-x center top #313131 ; border-bottom:1px solid #877B7B; } body header .logo{ /* background: url('../../imgs/header-with-logo.jpg') no-repeat center top #313131 ; */ border-bottom:1px solid #877B7B; } .cc-mobile-header{ background: #313131 url("/../imgs/header-bg-rpt.png") repeat-x scroll center top; border-bottom : 1px solid #877b7b; } .HPIhide { display: block !important; } .auction .page-filter-wrapper .btn-group { width:200px; } .main.valuations .page-filter-wrapper .filter-input-wrapper { width:10%; } .main.valuations .page-filter-wrapper .filter-input input, .main.valuations .table .form-filters .filter-input input { font-size:12px; } .stockview .registration-no, .limitedstockview .registration-no { margin-top:0; } .form-horizontal .mobile-control-group .input-prepend .information-input { float: none; width : 112px; } .form-horizontal .control-group .controls .information-input.error { float: none; width:147px; } .page-bottom-forms-wrapper .form-horizontal.short { min-height: 150px !important; } .container { margin: 0 auto; max-width: 1000px; } .container > hr { margin: 60px 0; } .page-filter-wrapper .context-filter-label { text-align:left; } .center-align { text-align: center; } .span12.bid-view-t-c{ text-align:left; float:center; margin-top:200px; margin-bottom:50px; } /* Main marketing message and sign up button */ .jumbotron { margin: 80px 0; text-align: center; } .jumbotron h1 { font-size: 100px; line-height: 1; } .jumbotron .lead { font-size: 24px; line-height: 1.25; } .jumbotron .btn { font-size: 21px; padding: 14px 24px; } /* Supporting marketing content */ .marketing { margin: 60px 0; } .marketing p + h4 { margin-top: 28px; } /* Customize the navbar links to be fill the entire space of the .navbar */ .navbar .navbar-inner { padding: 0; } .navbar .nav { margin: 0; display: table; width: 100%; } .navbar .nav li { display: table-cell; width: 1%; float: none; } .navbar .nav li a { font-weight: bold; text-align: center; border-left: 1px solid rgba(255,255,255,.75); border-right: 1px solid rgba(0,0,0,.1); } .navbar .nav li:first-child a { border-left: 0; border-radius: 3px 0 0 3px; } .navbar .nav li:last-child a { border-right: 0; border-radius: 0 3px 3px 0; } .pad7 { padding: 7px; } /* Customize the popup hover page*/ .soda_pop:hover { cursor:pointer; } #PageContent button.close.red { color:#FF0000; } #PageContent .modal-header { border-bottom:0px; } #PageContent .modal-footer { border-top:0px; } .table-form .table .grid td.Offer .soda_pop:hover span { background:#FFF; color:#FF0000; } .modalbody{color:#9B2022;} .modal-body .table-striped tr:first-child, .modal-body .table-striped tr:first-child td { background: none repeat scroll 0 0 #9B2022; border-top-left-radius: 4px; color: #FFFFFF; } .modalrow.red > td { color: #F00; } /* Customize the main.stock page*/ #PageContent.main.stockview #endDate { background:#FFF; cursor:pointer; } #PageContent.main.stock .filter-input input, #PageContent.main.stock .table .form-filters .filter-input input { border-color: #FF0000; } .page-filter-wrapper .filter-input input, .table .form-filters .filter-input input { border-color: #FF0000; } #clearStockGridContext, #searchStockGrid { float:right; } /* Customize the auction page*/ .main.auction #btnClearSearch, .main.auction #btnSearch { float:right; } .auctionfilters p {display:none;} .auctionfilters, .auctionfilters .filter-input-wrapper, .auctionfilters .input-append { float:left; } .auctionfilters .filter-input { float:left; } .auctionfilters { float:left; } .main.auction .auctionbtn { float: left; margin: 35px 0 0; padding-right: 15px; } /* Customize the Valuations page*/ .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid { float:right; } .btn-purple { background-color:630088; background-image: linear-gradient(to bottom, #630088, #630088); background-repeat: repeat-x; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); color: #FFF; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-purple:hover { background-position:0 !important; color: #FFF; } .btn-purple:active { background-position:0 !important; color: #333; } /* Customize the PriceGuide page*/ .main.priceguide #btnClearSearch, .main.priceguide #btnSearch { float:right; } /* Customize the bidview page*/ /* left bidview page*/ .main-section .container-fluid.bidview { max-width:80%; } #PageContent.bidview h5 { font-size:14px; text-transform:capitalize; font-weight: normal; line-height: 16px; } #PageContent.bidview .d_title { font-weight:bold; padding-right:15px; } #PageContent.bidview .d_title2 { margin: 0; } #PageContent.bidview .row-fluid .span88 { width: 100%; margin: 0; } #PageContent.bidview .row-fluid .span99 { width: 65%; margin: 0 0 0 17px; } #PageContent.bidview .backbtn { float:right; margin:30px 0 0 0; } #PageContent.bidview .emailbtn { float:right; margin:-30px 0 0; } #PageContent.bidview .vehicle-specs-form .left-side{ width:75%; float:left; } #PageContent.bidview .specs, #PageContent.bidview label { padding:0; line-height:14px; margin-bottom: 0px; } #PageContent.bidview .specs { background:#FFF; } #PageContent.bidview .specs .controls { float:left; background:none; } #PageContent.bidview .div-striped .controls { width:50%; padding:0; } #PageContent.bidview .specs .div-striped label { width:50%; } #PageContent.bidview .row_even{ width:100%; display:block; float:left; background:#FFF; padding: 5px; } #PageContent.bidview .row_odd { width:100%; background: #e4e4e4; display:block; float:left; padding: 5px; } #PageContent.bidview .row_red { width:100%; background: #D72E33; display:block; float:left; padding: 5px; color:#FFF; font-weight:bold; } #PageContent.offerview .row_red { width:100%; background: #D72E33; display:block; float:left; padding: 5px 1px 5px 1px; color:#FFF; font-weight:bold; } #PageContent.bidview .row{ width:100%; display:block; float:left; padding: 2px; } .div-striped span div { width:100%; display:block; float:left; padding:5px; } #PageContent.bidview .div-striped { float:left; width:50%; } #PageContent.bidview .div-striped div div{ background:none; min-height:14px; } #PageContent.bidview .div-striped .row-fluid { padding:0; line-height:15px; } .div-striped span div .controls { float:left; } #PageContent.bidview .vehicle-specs-form .specs p { margin-top:0; } #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{ float:left; min-width:50%; } .xtraborder { border-bottom:1px solid #D3D3D3; } #PageContent.bidview .short { width:30%; } #PageContent.bidview .shortmid { width:148px; } #PageContent.bidview .row_wrapper{ background:#fff; float:left; width:100%; } #PageContent.bidview .fshdata label{ display:none; } #PageContent.bidview p{ margin-left:0; } #PageContent.bidview .vehicle-specs-form .specs .damages label{ width:35% } .div-striped span div:nth-child(odd) { background-color: #FFF; } .div-striped span div:nth-child(even) { background-color: #E4E4E4; } .box-shadow { -moz-box-shadow : 1px 1px 0 0 #666; -webkit-box-shadow : 1px 1px 0 0 #666; box-shadow : 1px 1px 0 0 #666; } #PageContent.bidview .vehicle-specs-form .left-side .valuation-line{ width:52%; } #PageContent.bidview .page-title-wrapper{ margin-top:0; } #PageContent.bidview hr.grey { border-color:#d3d3d3; border-width:1px 0 0; margin:0px 0px 5px 0px; } #PageContent.bidview hr.red { border-color:#D42E30; border-width:1px 0 0; margin:0px 0px 5px 0px; } #PageContent.bidview .form-horizontal .control-group { margin:0; } #PageContent.bidview .damageTotal { width:50%; } #PageContent.bidview .vehicle-specs-form .notes_wrapper .valuation-line{ width:100%; } #PageContent.bidview .damageNotes_data, #PageContent.bidview .coverReceived_data, #PageContent.bidview .accessoryNotes_data, #PageContent.bidview .damageNotes_title, #PageContent.bidview .coverReceived_title, #PageContent.bidview .accessoryNotes_title{ width:50%; float:left; } #PageContent.bidview .vehicle-specs-form .notes_wrapper .controls, #PageContent.bidview .vehicle-specs-form .damageNotes_data label, #PageContent.bidview .vehicle-specs-form .coverReceived_data label, #PageContent.bidview .vehicle-specs-form .accessoryNotes_data label, #PageContent.bidview .vehicle-specs-form .previousRepairsNotes_data label, #PageContent.bidview .vehicle-specs-form .previousRepairsNotes_title .controls{ display:none; } #PageContent.bidview .vehicle-specs-form .coverReceived_title label, #PageContent.bidview .vehicle-specs-form .damageNotes_title label, #PageContent.bidview .vehicle-specs-form .accessoryNotes_title label{ background:#E4E4E4; margin:-5px 0 0 -5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; width: 100%; } #PageContent.bidview .vehicle-specs-form .previousRepairsNotes_title label{ background:#E4E4E4; margin:-5px 0 0 -5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; width: 90%; } #PageContent.bidview .specs .previousRepairsNoted_title .valuation-line{ width:50% } #PageContent.bidview .specs .previousRepairsNotes_title .bid-information-label { width:100%; } #PageContent.bidview .grey { background:#E4E4E4; } #PageContent.bidview .damageTotal label{ line-height:14px; } /* Right bidview page*/ #PageContent.bidview .vehicle-specs-form .right-side{ float:left; margin-top:38px; } #PageContent.bidview .row-fluid .bidbox{ margin-top:14px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.4); } #PageContent.bidview .right-side .control-label, #PageContent.bidview .right-side p{ padding:0; margin:0; } #PageContent.bidview .right-side .control-label { width:12%; } #PageContent.bidview .right-side .bidbox .control-label{ width:30%; } #PageContent.bidview .bidbox h1 { font-size:20px; padding:0; margin:0; } #PageContent.bidview .bidbox .addtobasketbtn { width:100%; } #PageContent.bidview .bidbox .addtobasketbtn .icon-export { display: inline-block; width: 14px; height: 14px; margin-top: 3px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/icon-flag-o.png"); background-position:center; background-repeat: no-repeat; float :left; } #PageContent.bidview .bidbox .addtobasketbtntrue { width:100%; } #PageContent.bidview .bidbox .addtobasketbtntrue .icon-export { display: inline-block; width: 14px; height: 14px; margin-top: 4px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/icon-flag-n.png"); background-position:center; background-repeat: no-repeat; float :left; } .icon-white-arrow-up { display: inline-block; width: 14px; height: 12px; margin-top: -15px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/mobi-arrow-down.png"); background-position:center; background-repeat: no-repeat; margin-right:20px; } .icon-white-arrow-down { display: inline-block; width: 14px; height: 12px; margin-top: -15px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/mobi-arrow-up.png"); background-position:center; background-repeat: no-repeat; float :left; margin-right:20px; } .realperson-text { font-family: "Courier New",monospace; font-size: 6px; font-weight: bold; letter-spacing: -1px; line-height: 3px; } #PageContent.bidview .row_space{ padding-top: 5px; padding-bottom:5px; } #PageContent.bidview .bidbox .nextBid { padding-bottom:10px; padding-top:20px; } #PageContent.bidview .bidbox .nextBid label { font-size:18px; } #PageContent.bidview .bidbox .nextBid .controls, #PageContent.bidview .bidbox .btn-marg label, #PageContent.bidview .bidbox .autoamount label { display:none; } #PageContent.bidview .bidbox .btn-marg{ padding : 15px; text-align : center; } #PageContent.bidview .bidbox .btn-marg .controls{ margin : 0; } #PageContent.bidview .bidbox .btn-marg p{ font-size : 22px; line-height : 26px; } #PageContent.bidview .bidbox .btn-marg { margin:0; } #PageContent.bidview .bidbox .select-valuator .btn-wrapper{ border-top:none; padding-top:0; } #PageContent.bidview .bidbox #btnMakeAutoBid{ width:100%; } #PageContent.bidview #winningBid p { line-height: 14px; } .line-primary{ background-color: #5f7b9d !important; } /* End History view css*/ /* left historyview page*/ .main-section .container-fluid.historyview { max-width:80%; } #PageContent.historyview h5 { font-size:14px; text-transform:capitalize; font-weight: normal; line-height: 16px; } #PageContent.historyview .d_title { font-weight:bold; padding-right:15px; } #PageContent.historyview .d_title2 { margin: 0; } #PageContent.historyview .row-fluid .span88 { width: 100%; margin: 0; } #PageContent.historyview .row-fluid .span99 { width: 65%; margin: 0 0 0 17px; } #PageContent.historyview .backbtn { float:right; margin:30px 0 0 0; } #PageContent.historyview .emailbtn { float:right; margin:-30px 0 0; } #PageContent.historyview .vehicle-specs-form .left-side{ width:75%; float:left; } #PageContent.historyview .specs, #PageContent.historyview label { padding:0; line-height:14px; margin-bottom: 0px; } #PageContent.historyview .specs { background:#FFF; } #PageContent.historyview .specs .controls { float:left; background:none; } #PageContent.historyview .div-striped .controls { width:50%; padding:0; } #PageContent.historyview .specs .div-striped label { width:50%; } #PageContent.historyview .row_even{ width:100%; display:block; float:left; background:#FFF; padding: 5px; } #PageContent.historyview .row_odd { width:100%; background: #e4e4e4; display:block; float:left; padding: 5px; } #PageContent.historyview .row_red { width:100%; background: #D72E33; display:block; float:left; padding: 5px; color:#FFF; font-weight:bold; } #PageContent.offerview .row_red { width:100%; background: #D72E33; display:block; float:left; padding: 5px 1px 5px 1px; color:#FFF; font-weight:bold; } #PageContent.historyview .row{ width:100%; display:block; float:left; padding: 2px; } .div-striped span div { width:100%; display:block; float:left; padding:5px; } #PageContent.historyview .div-striped { float:left; width:50%; } #PageContent.historyview .div-striped div div{ background:none; min-height:14px; } #PageContent.historyview .div-striped .row-fluid { padding:0; line-height:15px; } .div-striped span div .controls { float:left; } #PageContent.historyview .vehicle-specs-form .specs p { margin-top:0; } #PageContent.historyview .row_even .one, #PageContent.historyview .row_odd .one, #PageContent.historyview .row_even .two, #PageContent.historyview .row_odd .two, #PageContent.historyview .row_red .one, #PageContent.historyview .row_red .two{ float:left; min-width:50%; } .xtraborder { border-bottom:1px solid #D3D3D3; } #PageContent.historyview .short { width:30%; } #PageContent.historyview .shortmid { width:148px; } #PageContent.historyview .row_wrapper{ background:#fff; float:left; width:100%; } #PageContent.historyview .fshdata label{ display:none; } #PageContent.historyview p{ margin-left:0; } #PageContent.historyview .vehicle-specs-form .specs .damages label{ width:35% } .div-striped span div:nth-child(odd) { background-color: #FFF; } .div-striped span div:nth-child(even) { background-color: #E4E4E4; } .box-shadow { -moz-box-shadow : 1px 1px 0 0 #666; -webkit-box-shadow : 1px 1px 0 0 #666; box-shadow : 1px 1px 0 0 #666; } #PageContent.historyview .vehicle-specs-form .left-side .valuation-line{ width:52%; } #PageContent.historyview .page-title-wrapper{ margin-top:0; } #PageContent.historyview hr.grey { border-color:#d3d3d3; border-width:1px 0 0; margin:0px 0px 5px 0px; } #PageContent.historyview hr.red { border-color:#D42E30; border-width:1px 0 0; margin:0px 0px 5px 0px; } #PageContent.historyview .form-horizontal .control-group { margin:0; } #PageContent.historyview .damageTotal { width:50%; } #PageContent.historyview .vehicle-specs-form .notes_wrapper .valuation-line{ width:100%; } #PageContent.historyview .damageNotes_data, #PageContent.historyview .coverReceived_data, #PageContent.historyview .accessoryNotes_data, #PageContent.historyview .damageNotes_title, #PageContent.historyview .coverReceived_title, #PageContent.historyview .accessoryNotes_title{ width:50%; float:left; } #PageContent.historyview .vehicle-specs-form .notes_wrapper .controls, #PageContent.historyview .vehicle-specs-form .damageNotes_data label, #PageContent.historyview .vehicle-specs-form .coverReceived_data label, #PageContent.historyview .vehicle-specs-form .accessoryNotes_data label, #PageContent.historyview .vehicle-specs-form .previousRepairsNotes_data label, #PageContent.historyview .vehicle-specs-form .previousRepairsNotes_title .controls{ display:none; } #PageContent.historyview .vehicle-specs-form .coverReceived_title label, #PageContent.historyview .vehicle-specs-form .damageNotes_title label, #PageContent.historyview .vehicle-specs-form .accessoryNotes_title label{ background:#E4E4E4; margin:-5px 0 0 -5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; width: 100%; } #PageContent.historyview .vehicle-specs-form .previousRepairsNotes_title label{ background:#E4E4E4; margin:-5px 0 0 -5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; width: 90%; } #PageContent.historyview .specs .previousRepairsNoted_title .valuation-line{ width:50% } #PageContent.historyview .specs .previousRepairsNotes_title .bid-information-label { width:100%; } #PageContent.historyview .grey { background:#E4E4E4; } #PageContent.historyview .damageTotal label{ line-height:14px; } /* Right historyview page*/ #PageContent.historyview .vehicle-specs-form .right-side{ float:left; margin-top:38px; } #PageContent.historyview .row-fluid .bidbox{ margin-top:14px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.4); } #PageContent.historyview .right-side .control-label, #PageContent.historyview .right-side p{ padding:0; margin:0; } #PageContent.historyview .right-side .control-label { width:12%; } #PageContent.historyview .right-side .bidbox .control-label{ width:30%; } #PageContent.historyview .bidbox h1 { font-size:20px; padding:0; margin:0; } #PageContent.historyview .bidbox .addtobasketbtn { width:100%; } #PageContent.historyview .bidbox .addtobasketbtn .icon-export { display: inline-block; width: 14px; height: 14px; margin-top: 3px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/icon-flag-o.png"); background-position:center; background-repeat: no-repeat; float :left; } #PageContent.historyview .bidbox .addtobasketbtntrue { width:100%; } #PageContent.historyview .bidbox .addtobasketbtntrue .icon-export { display: inline-block; width: 14px; height: 14px; margin-top: 4px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/icon-flag-n.png"); background-position:center; background-repeat: no-repeat; float :left; } .icon-white-arrow-up { display: inline-block; width: 14px; height: 12px; margin-top: -15px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/mobi-arrow-down.png"); background-position:center; background-repeat: no-repeat; margin-right:20px; } .icon-white-arrow-down { display: inline-block; width: 14px; height: 12px; margin-top: -15px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../imgs/mobi-arrow-up.png"); background-position:center; background-repeat: no-repeat; float :left; margin-right:20px; } .realperson-text { font-family: "Courier New",monospace; font-size: 6px; font-weight: bold; letter-spacing: -1px; line-height: 3px; } #PageContent.historyview .row_space{ padding-top: 5px; padding-bottom:5px; } #PageContent.historyview .bidbox .nextBid { padding-bottom:10px; padding-top:20px; } #PageContent.historyview .bidbox .nextBid label { font-size:18px; } #PageContent.historyview .bidbox .nextBid .controls, #PageContent.historyview .bidbox .btn-marg label, #PageContent.historyview .bidbox .autoamount label { display:none; } #PageContent.historyview .bidbox .btn-marg{ padding : 15px; text-align : center; } #PageContent.historyview .bidbox .btn-marg .controls{ margin : 0; } #PageContent.historyview .bidbox .btn-marg p{ font-size : 22px; line-height : 26px; } #PageContent.historyview .bidbox .btn-marg { margin:0; } #PageContent.historyview .bidbox .select-valuator .btn-wrapper{ border-top:none; padding-top:0; } #PageContent.historyview .bidbox #btnMakeAutoBid{ width:100%; } #PageContent.historyview #winningBid p { line-height: 14px; } .line-primary{ background-color: #5f7b9d !important; } /* End History view css*/ /* Spiderslider styles -------------------------------------------------------------- */ /* Slider itself */ .spiderSlider { width:900px; overflow:hidden; position:relative; height:450px; } /* Items container */ .spiderSlider .cover { position:absolute; height:450px; z-index:10; } /* Items */ .spiderSlider .item { width:900px; float:left; position:relative; } /* Thumbnail wrapper */ .spiderButton { width:825px; height:80px; overflow:hidden; position:relative; z-index:100; } /* Thumbnail container */ .spiderButtonCover { position:absolute; height:80px; } /* Thumbs */ .spiderButton .thumb { display:block; float:left; margin-right:5px; width:75px; height:75px; margin-top:5px; } /* Frame on thumbs */ .cache { opacity:0.5; background:url(cache.png) repeat scroll 0 0 transparent; cursor:pointer; position:absolute; width:75px; height:80px; z-index:10; } /* Spider timer (in the previous frame) */ .filler { background:blue; opacity:0.5; z-index:10; width:0; height:75px; margin-top:5px; } /* Active thumbs */ .spiderButton .thumb.active { } /* For clearing floats */ .clear { clear:both; } /* Nav */ .nav { width:75px; height:38px; overflow:hidden; background:#FFF; bottom:37px; right:0; display:block; position:absolute; z-index:10; } .prev { width:25px; height:38px; background:url(../../nav.png) repeat scroll 0 0 transparent; display:block; float:left; } .next { width:25px; background-position:top right; height:38px; display:block; float:left; background:url(../../nav.png) repeat scroll 75px 0 transparent; } .auto.play { width:25px; background-position:top right; height:38px; display:block; float:left; background:url(../../nav.png) repeat scroll 50px 0 transparent; } .auto.pause { width:25px; background-position:top right; height:38px; display:block; float:left; background:url(../../nav.png) repeat scroll 25px 0 transparent; } /* Playing/Pausing effect */ .isPlaying,.isPaused { color:#FFF; position:absolute; bottom:-40px; z-index:10; background:url(bg.png) transparent repeat; height:30px; width:200px; text-align:center; text-transform:uppercase; padding-top:10px; } /* If grayscale effect (for fading in so there isn't a color "pop") */ .spiderButton .thumb img { display:none; } .wysiwyg-editor { overflow:scroll; height:300px } /* IE file uploads */ #btn_mainImage, #btn_frontImage, #btn_leftImage, #btn_rightImage, #btn_backImage , #btn_interiorImage, #btn_interiorImage, #btn_engineImage, #btn_natisImage { width:88px; padding:0px; margin:0px; float: left; margin-left:4%; } #mainImage #frontImage, #leftImage, #rightImage, #backImage, #interiorImage, #engineImage, #natisImage { width:0px; display:none; border:0px; } .checkbox.checkbox-line.acceptTerms.IE { display:block; float:left; width:10px; } .acceptTextIE { display:block; float:left; margin-left:0px; } .select2-container { z-index: 0; } .select2-container.input-sm { padding: 0px; } .select2-container .select2-choice .select2-arrow b { margin-top: 0px; } .select2-container .select2-choice { height: 28px; padding: 0px 0 0 12px; } /* IE 10 Hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #Header .header-bottom .nav-bar{ width : 100% !important; } #publicHome { margin-top: -30px !important; } .benefits.carousel-caption { margin-top: -590px !important; } .header-bottom .nav-bar .navbar a { font-size: 11px !important; } } pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; } .string { color: green; } .number { color: darkorange; } .boolean { color: blue; } .null { color: magenta; } .key { color: red; } .capitalise { text-transform:uppercase; } /*.bann-left { float: left; margin-top: 10px; margin-bottom: -310px; margin-left: -184px; padding: 0px; } .bann-right { float: right; margin-top: 10px; margin-bottom: -310px; margin-right: -181px; padding: 0px; }*/ #dealerHomeSlideshow { float: left; width: 650px; height: 217px; margin-left: 2px; margin-right: 2px; } .bann-left { float: left; margin-top: 0px; margin-left: 0px; padding: 0px; } .bann-right { float: left; margin-top: 0px; margin-right: 0px; padding: 0px; } /*form styles*/ #msform { width: 400px; margin: 50px auto; text-align: center; position: relative; } #msform fieldset { background: white; border: 0 none; border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; /*stacking fieldsets above each other*/ position: absolute; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ #msform input, #msform textarea { padding: 15px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2C3E50; font-size: 13px; } /*buttons*/ #msform .action-button { width: 100px; background: #27AE60; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } #msform .action-button:hover, #msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60; } /*headings*/ .fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; } /*progressbar*/ #progressbar { margin-bottom: 30px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; } #progressbar li { list-style-type: none; color: white; text-transform: uppercase; font-size: 9px; width: 33.33%; float: left; position: relative; } #progressbar li:before { content: counter(step); counter-increment: step; width: 20px; line-height: 20px; display: block; font-size: 10px; color: #333; background: white; border-radius: 3px; margin: 0 auto 5px auto; } /*progressbar connectors*/ #progressbar li:after { content: ''; width: 100%; height: 2px; background: white; position: absolute; left: -50%; top: 9px; z-index: -1; /*put it behind the numbers*/ } #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; } /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ #progressbar li.active:before, #progressbar li.active:after { background: #27AE60; color: white; } /* Modal styling override */ .relative .modal { position : relative; top : auto; right : auto; left : auto; bottom : auto; overflow-y : auto; } .relative .modal.ghost { display : none; } .relative .modal-dialog { left : auto; margin-left : auto; margin-right : auto; width : 100% !important; max-width : none !important; } .modal-body .row.row-modal { margin-left : 0px; margin-right : 0px; } .modal-thin .modal-dialog { max-width : 320px; } .modal-medium .modal-dialog { max-width : 430px; } .modal-dialog { max-width : 640px; } .modal-toolbox .modal-dialog { float : right; } @media screen and (min-width: 768px) { .modal-thin .modal-dialog { width : 320px; } .modal-medium .modal-dialog { width : 430px; } .modal-dialog { width : 640px; } .modal-wide .modal-dialog { width : auto; max-width : 980px; } .modal-full .modal-dialog { width : auto; } } @media screen and (min-width: 992px) { .modal-thin .modal-dialog { width : 320px; } .modal-medium .modal-dialog { width : 430px; } .modal-dialog { width : 640px; } .modal-wide .modal-dialog { width : 980px; } .modal-full .modal-dialog { width : auto; max-width : 1160px; } } .modal-full .modal-dialog { width : auto; max-width : 100%; } ul.circle {list-style-type: circle;} ul.square {list-style-type: square;} ul.circle li, ul.square li{ padding-bottom: 10px; } ul.circle li p, ul.square li p{ font-size: 14px; } .head-contact{ float: right; /*color: #f7931e;*/ color: white; text-align:right; padding: 2% 2% 0 0; } .head-text{ float: left; /*color: #f7931e;*/ color: white; text-align:left; /*width:50%;*/ padding: 3% 0 0 2%; } .gradient{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+20,2989d8+50,1e5799+80&0+0,0.8+15,1+19,1+81,0.8+85,0+100;Blue+Two+Sided+Transparent */ background: -moz-linear-gradient(-45deg, rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ /*background: url(/imgs/header-with-logo-cc.png) no-repeat;*/ } .gradientFoot{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+20,2989d8+50,1e5799+80&0+0,0.8+15,1+19,1+81,0.8+85,0+100;Blue+Two+Sided+Transparent */ background: -moz-linear-gradient(-45deg, rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ /*background: url(/imgs/header-with-logo-cc.png) no-repeat;*/ height: 50px; border-top:3px solid #f7931e; } .boxed{ border: 5px solid #08c; padding:40px; margin-bottom: 10px; color:lightgrey; } .highlighted{ /*color:#f7931e;*/ color:white; } @media screen and (max-width: 360px) { .head-contact{ float: none; text-align:center; /*width:50%;*/ } .head-text{ float: none; } } .fileName{ margin-left: -50px !important; margin-top: 10px; }