xp-dev.com Git - namibia/blob - public/css/app.css

   1 /* Body */
   2
   3 /* Custom container */
   4
   5 body header{
   6         background: url('../../imgs/header-bg-rpt.png') repeat-x center top #313131 ;
   7         border-bottom:1px solid #877B7B;
   8 }
   9 body header .logo{
  10         /* background: url('../../imgs/header-with-logo.jpg') no-repeat center top #313131 ; */
  11         border-bottom:1px solid #877B7B;
  12 }
  13
  14 .cc-mobile-header{
  15         background: #313131 url("/../imgs/header-bg-rpt.png") repeat-x scroll center top;
  16         border-bottom : 1px solid #877b7b;
  17 }
  18
  19 .HPIhide {
  20         display: block !important;
  21 }
  22
  23
  24
  25 .auction .page-filter-wrapper .btn-group {
  26         width:200px;
  27 }
  28 .main.valuations .page-filter-wrapper .filter-input-wrapper {
  29         width:10%;
  30 }
  31 .main.valuations .page-filter-wrapper .filter-input input, .main.valuations .table .form-filters .filter-input input {
  32         font-size:12px;
  33 }
  34 .stockview .registration-no, .limitedstockview .registration-no {
  35         margin-top:0;
  36 }
  37
  38 .form-horizontal .mobile-control-group .input-prepend .information-input {
  39         float: none;
  40         width  : 112px;
  41 }
  42
  43 .form-horizontal .control-group .controls .information-input.error {
  44         float: none;
  45         width:147px;
  46 }
  47
  48 .page-bottom-forms-wrapper .form-horizontal.short {
  49         min-height: 150px !important;
  50 }
  51
  52 .container {
  53         margin: 0 auto;
  54         max-width: 1000px;
  55 }
  56 .container > hr {
  57         margin: 60px 0;
  58 }
  59 .page-filter-wrapper .context-filter-label {
  60         text-align:left;
  61 }
  62
  63 .center-align {
  64         text-align: center;
  65 }
  66
  67 .span12.bid-view-t-c{
  68         text-align:left;
  69         float:center;
  70         margin-top:200px;
  71         margin-bottom:50px;
  72 }
  73 /* Main marketing message and sign up button */
  74 .jumbotron {
  75         margin: 80px 0;
  76         text-align: center;
  77 }
  78 .jumbotron h1 {
  79         font-size: 100px;
  80         line-height: 1;
  81 }
  82 .jumbotron .lead {
  83         font-size: 24px;
  84         line-height: 1.25;
  85 }
  86 .jumbotron .btn {
  87         font-size: 21px;
  88         padding: 14px 24px;
  89 }
  90
  91 /* Supporting marketing content */
  92 .marketing {
  93         margin: 60px 0;
  94 }
  95 .marketing p + h4 {
  96         margin-top: 28px;
  97 }
  98
  99
 100 /* Customize the navbar links to be fill the entire space of the .navbar */
 101 .navbar .navbar-inner {
 102         padding: 0;
 103 }
 104 .navbar .nav {
 105         margin: 0;
 106         display: table;
 107         width: 100%;
 108 }
 109 .navbar .nav li {
 110         display: table-cell;
 111         width: 1%;
 112         float: none;
 113 }
 114 .navbar .nav li a {
 115         font-weight: bold;
 116         text-align: center;
 117         border-left: 1px solid rgba(255,255,255,.75);
 118         border-right: 1px solid rgba(0,0,0,.1);
 119 }
 120 .navbar .nav li:first-child a {
 121         border-left: 0;
 122         border-radius: 3px 0 0 3px;
 123 }
 124 .navbar .nav li:last-child a {
 125         border-right: 0;
 126         border-radius: 0 3px 3px 0;
 127 }
 128
 129 .pad7 {
 130         padding: 7px;
 131 }
 132 /* Customize the popup hover page*/
 133 .soda_pop:hover {
 134         cursor:pointer;
 135 }
 136
 137 #PageContent button.close.red {
 138         color:#FF0000;
 139 }
 140 #PageContent .modal-header {
 141         border-bottom:0px;
 142 }
 143 #PageContent .modal-footer {
 144         border-top:0px;
 145 }
 146 .table-form .table .grid td.Offer .soda_pop:hover span {
 147         background:#FFF;
 148         color:#FF0000;
 149 }
 150 .modalbody{color:#9B2022;}
 151
 152
 153 .modal-body .table-striped tr:first-child, .modal-body .table-striped tr:first-child td
 154 {
 155         background: none repeat scroll 0 0 #9B2022;
 156         border-top-left-radius: 4px;
 157         color: #FFFFFF;
 158 }
 159 .modalrow.red > td {
 160         color: #F00;
 161 }
 162
 163 /* Customize the main.stock page*/
 164
 165 #PageContent.main.stockview #endDate {
 166         background:#FFF;
 167         cursor:pointer;
 168 }
 169
 170 #PageContent.main.stock .filter-input input, #PageContent.main.stock .table .form-filters .filter-input input {
 171         border-color: #FF0000;
 172 }
 173
 174 .page-filter-wrapper .filter-input input, .table .form-filters .filter-input input {
 175         border-color: #FF0000;
 176 }
 177 #clearStockGridContext, #searchStockGrid {
 178         float:right;
 179 }
 180
 181 /* Customize the auction page*/
 182 .main.auction #btnClearSearch, .main.auction #btnSearch {
 183         float:right;
 184 }
 185 .auctionfilters p {display:none;}
 186 .auctionfilters, .auctionfilters .filter-input-wrapper, .auctionfilters .input-append {
 187         float:left;
 188 }
 189 .auctionfilters .filter-input {
 190         float:left;
 191 }
 192 .auctionfilters  {
 193         float:left;
 194 }
 195 .main.auction .auctionbtn {
 196         float: left;
 197         margin: 35px 0 0;
 198         padding-right: 15px;
 199 }
 200
 201 /* Customize the Valuations page*/
 202 .main.valuations #clearValuationGridContext, .main.valuations #searchValuationGrid {
 203         float:right;
 204 }
 205
 206
 207 .btn-purple {
 208         background-color:630088;
 209         background-image: linear-gradient(to bottom, #630088, #630088);
 210         background-repeat: repeat-x;
 211         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
 212         color: #FFF;
 213         text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
 214 }
 215 .btn-purple:hover {
 216         background-position:0 !important;
 217         color: #FFF;
 218 }
 219 .btn-purple:active {
 220         background-position:0 !important;
 221         color: #333;
 222 }
 223
 224
 225
 226 /* Customize the PriceGuide page*/
 227 .main.priceguide #btnClearSearch, .main.priceguide #btnSearch {
 228         float:right;
 229 }
 230
 231 /* Customize the bidview page*/
 232 /* left bidview page*/
 233 .main-section .container-fluid.bidview {
 234         max-width:80%;
 235 }
 236 #PageContent.bidview h5 {
 237         font-size:14px;
 238         text-transform:capitalize;
 239         font-weight: normal;
 240         line-height: 16px;
 241 }
 242 #PageContent.bidview .d_title {
 243         font-weight:bold;
 244         padding-right:15px;
 245 }
 246 #PageContent.bidview .d_title2 {
 247         margin: 0;
 248 }
 249
 250 #PageContent.bidview .row-fluid .span88 {
 251         width: 100%;
 252         margin: 0;
 253 }
 254
 255 #PageContent.bidview .row-fluid .span99 {
 256         width: 65%;
 257         margin: 0 0 0 17px;
 258 }
 259
 260 #PageContent.bidview .backbtn {
 261         float:right;
 262         margin:30px 0 0 0;
 263 }
 264 #PageContent.bidview .emailbtn {
 265         float:right;
 266         margin:-30px 0 0;
 267 }
 268
 269 #PageContent.bidview .vehicle-specs-form .left-side{
 270         width:75%;
 271         float:left;
 272 }
 273
 274 #PageContent.bidview .specs, #PageContent.bidview label {
 275         padding:0;
 276         line-height:14px;
 277         margin-bottom: 0px;
 278 }
 279 #PageContent.bidview .specs {
 280         background:#FFF;
 281 }
 282 #PageContent.bidview .specs .controls {
 283         float:left;
 284         background:none;
 285 }
 286 #PageContent.bidview .div-striped .controls {
 287         width:50%;
 288         padding:0;
 289 }
 290 #PageContent.bidview .specs .div-striped label {
 291         width:50%;
 292 }
 293 #PageContent.bidview .row_even{
 294         width:100%;
 295         display:block;
 296         float:left;
 297         background:#FFF;
 298         padding: 5px;
 299 }
 300 #PageContent.bidview .row_odd {
 301         width:100%;
 302         background: #e4e4e4;
 303         display:block;
 304         float:left;
 305         padding: 5px;
 306 }
 307 #PageContent.bidview .row_red {
 308         width:100%;
 309         background: #D72E33;
 310         display:block;
 311         float:left;
 312         padding: 5px;
 313         color:#FFF;
 314         font-weight:bold;
 315 }
 316 #PageContent.offerview .row_red {
 317         width:100%;
 318         background: #D72E33;
 319         display:block;
 320         float:left;
 321         padding: 5px 1px 5px 1px;
 322         color:#FFF;
 323         font-weight:bold;
 324 }
 325 #PageContent.bidview .row{
 326         width:100%;
 327         display:block;
 328         float:left;
 329         padding: 2px;
 330 }
 331 .div-striped span div {
 332         width:100%;
 333         display:block;
 334         float:left;
 335         padding:5px;
 336 }
 337 #PageContent.bidview .div-striped {
 338         float:left;
 339         width:50%;
 340 }
 341 #PageContent.bidview .div-striped div div{
 342         background:none;
 343         min-height:14px;
 344 }
 345 #PageContent.bidview .div-striped .row-fluid {
 346         padding:0;
 347         line-height:15px;
 348 }
 349
 350 .div-striped span div .controls {
 351         float:left;
 352 }
 353 #PageContent.bidview .vehicle-specs-form .specs p {
 354         margin-top:0;
 355 }
 356 #PageContent.bidview .row_even .one, #PageContent.bidview .row_odd .one,
 357 #PageContent.bidview .row_even .two, #PageContent.bidview .row_odd .two,
 358 #PageContent.bidview .row_red .one, #PageContent.bidview .row_red .two{
 359         float:left;
 360         min-width:50%;
 361 }
 362 .xtraborder {
 363         border-bottom:1px solid #D3D3D3;
 364 }
 365 #PageContent.bidview .short {
 366         width:30%;
 367 }
 368 #PageContent.bidview .shortmid {
 369         width:148px;
 370 }
 371
 372 #PageContent.bidview .row_wrapper{
 373         background:#fff;
 374         float:left;
 375         width:100%;
 376 }
 377 #PageContent.bidview .fshdata label{
 378         display:none;
 379 }
 380 #PageContent.bidview p{
 381         margin-left:0;
 382 }
 383 #PageContent.bidview .vehicle-specs-form .specs .damages label{
 384         width:35%
 385 }
 386
 387 .div-striped span div:nth-child(odd) {
 388         background-color: #FFF;
 389 }
 390 .div-striped span div:nth-child(even) {
 391         background-color: #E4E4E4;
 392 }
 393
 394 .box-shadow {
 395         -moz-box-shadow    : 1px 1px 0 0 #666;
 396         -webkit-box-shadow : 1px 1px 0 0 #666;
 397         box-shadow         : 1px 1px 0 0 #666;
 398 }
 399
 400 #PageContent.bidview .vehicle-specs-form .left-side .valuation-line{
 401         width:52%;
 402 }
 403 #PageContent.bidview .page-title-wrapper{
 404         margin-top:0;
 405 }
 406 #PageContent.bidview hr.grey {
 407         border-color:#d3d3d3;
 408         border-width:1px 0 0;
 409         margin:0px 0px 5px 0px;
 410 }
 411 #PageContent.bidview hr.red {
 412         border-color:#D42E30;
 413         border-width:1px 0 0;
 414         margin:0px 0px 5px 0px;
 415 }
 416 #PageContent.bidview .form-horizontal .control-group {
 417         margin:0;
 418 }
 419 #PageContent.bidview .damageTotal {
 420         width:50%;
 421 }
 422 #PageContent.bidview .vehicle-specs-form .notes_wrapper .valuation-line{
 423         width:100%;
 424 }
 425
 426 #PageContent.bidview .damageNotes_data,
 427 #PageContent.bidview .coverReceived_data,
 428 #PageContent.bidview .accessoryNotes_data,
 429 #PageContent.bidview .damageNotes_title,
 430 #PageContent.bidview .coverReceived_title,
 431 #PageContent.bidview .accessoryNotes_title{
 432         width:50%;
 433         float:left;
 434 }
 435 #PageContent.bidview .vehicle-specs-form .notes_wrapper .controls,
 436 #PageContent.bidview .vehicle-specs-form .damageNotes_data label,
 437 #PageContent.bidview .vehicle-specs-form .coverReceived_data label,
 438 #PageContent.bidview .vehicle-specs-form .accessoryNotes_data label,
 439 #PageContent.bidview .vehicle-specs-form .previousRepairsNotes_data label,
 440 #PageContent.bidview .vehicle-specs-form .previousRepairsNotes_title .controls{
 441         display:none;
 442 }
 443
 444 #PageContent.bidview .vehicle-specs-form .coverReceived_title label,
 445 #PageContent.bidview .vehicle-specs-form .damageNotes_title label,
 446 #PageContent.bidview .vehicle-specs-form .accessoryNotes_title label{
 447         background:#E4E4E4;
 448         margin:-5px 0 0 -5px;
 449         padding-left: 5px;
 450         padding-top: 5px;
 451         padding-bottom: 5px;
 452         width: 100%;
 453 }
 454 #PageContent.bidview .vehicle-specs-form .previousRepairsNotes_title label{
 455         background:#E4E4E4;
 456         margin:-5px 0 0 -5px;
 457         padding-left: 5px;
 458         padding-top: 5px;
 459         padding-bottom: 5px;
 460         width: 90%;
 461 }
 462 #PageContent.bidview .specs .previousRepairsNoted_title .valuation-line{
 463         width:50%
 464 }
 465 #PageContent.bidview .specs .previousRepairsNotes_title .bid-information-label {
 466         width:100%;
 467 }
 468 #PageContent.bidview .grey {
 469         background:#E4E4E4;
 470 }
 471 #PageContent.bidview .damageTotal label{
 472         line-height:14px;
 473 }
 474 /* Right bidview page*/
 475 #PageContent.bidview .vehicle-specs-form .right-side{
 476         float:left;
 477         margin-top:38px;
 478 }
 479 #PageContent.bidview .row-fluid .bidbox{
 480         margin-top:14px;
 481         box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
 482 }
 483 #PageContent.bidview .right-side .control-label,
 484 #PageContent.bidview .right-side p{
 485         padding:0;
 486         margin:0;
 487 }
 488 #PageContent.bidview .right-side .control-label {
 489         width:12%;
 490 }
 491 #PageContent.bidview .right-side .bidbox .control-label{
 492         width:30%;
 493 }
 494 #PageContent.bidview .bidbox h1 {
 495         font-size:20px;
 496         padding:0;
 497         margin:0;
 498 }
 499 #PageContent.bidview .bidbox .addtobasketbtn {
 500         width:100%;
 501 }
 502 #PageContent.bidview .bidbox .addtobasketbtn .icon-export {
 503         display: inline-block;
 504         width: 14px;
 505         height: 14px;
 506         margin-top: 3px;
 507         *margin-right: .3em;
 508         line-height: 14px;
 509         vertical-align: text-top;
 510         background-image: url("../../imgs/icon-flag-o.png");
 511         background-position:center;
 512         background-repeat: no-repeat;
 513         float :left;
 514 }
 515
 516 #PageContent.bidview .bidbox .addtobasketbtntrue {
 517         width:100%;
 518 }
 519 #PageContent.bidview .bidbox .addtobasketbtntrue .icon-export {
 520         display: inline-block;
 521         width: 14px;
 522         height: 14px;
 523         margin-top: 4px;
 524         *margin-right: .3em;
 525         line-height: 14px;
 526         vertical-align: text-top;
 527         background-image: url("../../imgs/icon-flag-n.png");
 528         background-position:center;
 529         background-repeat: no-repeat;
 530         float :left;
 531 }
 532
 533
 534 .icon-white-arrow-up {
 535         display: inline-block;
 536         width: 14px;
 537         height: 12px;
 538         margin-top: -15px;
 539         *margin-right: .3em;
 540         line-height: 14px;
 541         vertical-align: text-top;
 542         background-image: url("../../imgs/mobi-arrow-down.png");
 543         background-position:center;
 544         background-repeat: no-repeat;
 545         margin-right:20px;
 546
 547 }
 548
 549 .icon-white-arrow-down {
 550         display: inline-block;
 551         width: 14px;
 552         height: 12px;
 553         margin-top: -15px;
 554         *margin-right: .3em;
 555         line-height: 14px;
 556         vertical-align: text-top;
 557         background-image: url("../../imgs/mobi-arrow-up.png");
 558         background-position:center;
 559         background-repeat: no-repeat;
 560         float :left;
 561         margin-right:20px;
 562 }
 563
 564 .realperson-text {
 565         font-family: "Courier New",monospace;
 566         font-size: 6px;
 567         font-weight: bold;
 568         letter-spacing: -1px;
 569         line-height: 3px;
 570 }
 571
 572 #PageContent.bidview .row_space{
 573         padding-top: 5px;
 574         padding-bottom:5px;
 575 }
 576 #PageContent.bidview .bidbox .nextBid {
 577         padding-bottom:10px;
 578         padding-top:20px;
 579 }
 580 #PageContent.bidview .bidbox .nextBid label {
 581         font-size:18px;
 582 }
 583 #PageContent.bidview .bidbox .nextBid .controls,
 584 #PageContent.bidview .bidbox .btn-marg label,
 585 #PageContent.bidview .bidbox .autoamount label {
 586         display:none;
 587 }
 588 #PageContent.bidview .bidbox .btn-marg{
 589         padding  : 15px;
 590         text-align : center;
 591 }
 592 #PageContent.bidview .bidbox .btn-marg .controls{
 593         margin  : 0;
 594 }
 595 #PageContent.bidview .bidbox .btn-marg p{
 596         font-size   : 22px;
 597         line-height : 26px;
 598 }
 599 #PageContent.bidview .bidbox .btn-marg {
 600         margin:0;
 601 }
 602 #PageContent.bidview .bidbox .select-valuator .btn-wrapper{
 603         border-top:none;
 604         padding-top:0;
 605 }
 606 #PageContent.bidview .bidbox #btnMakeAutoBid{
 607         width:100%;
 608 }
 609 #PageContent.bidview #winningBid p {
 610         line-height: 14px;
 611 }
 612
 613
 614 .line-primary{
 615         background-color: #5f7b9d !important;
 616 }
 617 /*  End History view css*/
 618 /* left historyview page*/
 619 .main-section .container-fluid.historyview {
 620         max-width:80%;
 621 }
 622 #PageContent.historyview h5 {
 623         font-size:14px;
 624         text-transform:capitalize;
 625         font-weight: normal;
 626         line-height: 16px;
 627 }
 628 #PageContent.historyview .d_title {
 629         font-weight:bold;
 630         padding-right:15px;
 631 }
 632 #PageContent.historyview .d_title2 {
 633         margin: 0;
 634 }
 635
 636 #PageContent.historyview .row-fluid .span88 {
 637         width: 100%;
 638         margin: 0;
 639 }
 640
 641 #PageContent.historyview .row-fluid .span99 {
 642         width: 65%;
 643         margin: 0 0 0 17px;
 644 }
 645
 646 #PageContent.historyview .backbtn {
 647         float:right;
 648         margin:30px 0 0 0;
 649 }
 650 #PageContent.historyview .emailbtn {
 651         float:right;
 652         margin:-30px 0 0;
 653 }
 654
 655 #PageContent.historyview .vehicle-specs-form .left-side{
 656         width:75%;
 657         float:left;
 658 }
 659
 660 #PageContent.historyview .specs, #PageContent.historyview label {
 661         padding:0;
 662         line-height:14px;
 663         margin-bottom: 0px;
 664 }
 665 #PageContent.historyview .specs {
 666         background:#FFF;
 667 }
 668 #PageContent.historyview .specs .controls {
 669         float:left;
 670         background:none;
 671 }
 672 #PageContent.historyview .div-striped .controls {
 673         width:50%;
 674         padding:0;
 675 }
 676 #PageContent.historyview .specs .div-striped label {
 677         width:50%;
 678 }
 679 #PageContent.historyview .row_even{
 680         width:100%;
 681         display:block;
 682         float:left;
 683         background:#FFF;
 684         padding: 5px;
 685 }
 686 #PageContent.historyview .row_odd {
 687         width:100%;
 688         background: #e4e4e4;
 689         display:block;
 690         float:left;
 691         padding: 5px;
 692 }
 693 #PageContent.historyview .row_red {
 694         width:100%;
 695         background: #D72E33;
 696         display:block;
 697         float:left;
 698         padding: 5px;
 699         color:#FFF;
 700         font-weight:bold;
 701 }
 702 #PageContent.offerview .row_red {
 703         width:100%;
 704         background: #D72E33;
 705         display:block;
 706         float:left;
 707         padding: 5px 1px 5px 1px;
 708         color:#FFF;
 709         font-weight:bold;
 710 }
 711 #PageContent.historyview .row{
 712         width:100%;
 713         display:block;
 714         float:left;
 715         padding: 2px;
 716 }
 717 .div-striped span div {
 718         width:100%;
 719         display:block;
 720         float:left;
 721         padding:5px;
 722 }
 723 #PageContent.historyview .div-striped {
 724         float:left;
 725         width:50%;
 726 }
 727 #PageContent.historyview .div-striped div div{
 728         background:none;
 729         min-height:14px;
 730 }
 731 #PageContent.historyview .div-striped .row-fluid {
 732         padding:0;
 733         line-height:15px;
 734 }
 735
 736 .div-striped span div .controls {
 737         float:left;
 738 }
 739 #PageContent.historyview .vehicle-specs-form .specs p {
 740         margin-top:0;
 741 }
 742 #PageContent.historyview .row_even .one, #PageContent.historyview .row_odd .one,
 743 #PageContent.historyview .row_even .two, #PageContent.historyview .row_odd .two,
 744 #PageContent.historyview .row_red .one, #PageContent.historyview .row_red .two{
 745         float:left;
 746         min-width:50%;
 747 }
 748 .xtraborder {
 749         border-bottom:1px solid #D3D3D3;
 750 }
 751 #PageContent.historyview .short {
 752         width:30%;
 753 }
 754 #PageContent.historyview .shortmid {
 755         width:148px;
 756 }
 757
 758 #PageContent.historyview .row_wrapper{
 759         background:#fff;
 760         float:left;
 761         width:100%;
 762 }
 763 #PageContent.historyview .fshdata label{
 764         display:none;
 765 }
 766 #PageContent.historyview p{
 767         margin-left:0;
 768 }
 769 #PageContent.historyview .vehicle-specs-form .specs .damages label{
 770         width:35%
 771 }
 772
 773 .div-striped span div:nth-child(odd) {
 774         background-color: #FFF;
 775 }
 776 .div-striped span div:nth-child(even) {
 777         background-color: #E4E4E4;
 778 }
 779
 780 .box-shadow {
 781         -moz-box-shadow    : 1px 1px 0 0 #666;
 782         -webkit-box-shadow : 1px 1px 0 0 #666;
 783         box-shadow         : 1px 1px 0 0 #666;
 784 }
 785
 786 #PageContent.historyview .vehicle-specs-form .left-side .valuation-line{
 787         width:52%;
 788 }
 789 #PageContent.historyview .page-title-wrapper{
 790         margin-top:0;
 791 }
 792 #PageContent.historyview hr.grey {
 793         border-color:#d3d3d3;
 794         border-width:1px 0 0;
 795         margin:0px 0px 5px 0px;
 796 }
 797 #PageContent.historyview hr.red {
 798         border-color:#D42E30;
 799         border-width:1px 0 0;
 800         margin:0px 0px 5px 0px;
 801 }
 802 #PageContent.historyview .form-horizontal .control-group {
 803         margin:0;
 804 }
 805 #PageContent.historyview .damageTotal {
 806         width:50%;
 807 }
 808 #PageContent.historyview .vehicle-specs-form .notes_wrapper .valuation-line{
 809         width:100%;
 810 }
 811
 812 #PageContent.historyview .damageNotes_data,
 813 #PageContent.historyview .coverReceived_data,
 814 #PageContent.historyview .accessoryNotes_data,
 815 #PageContent.historyview .damageNotes_title,
 816 #PageContent.historyview .coverReceived_title,
 817 #PageContent.historyview .accessoryNotes_title{
 818         width:50%;
 819         float:left;
 820 }
 821 #PageContent.historyview .vehicle-specs-form .notes_wrapper .controls,
 822 #PageContent.historyview .vehicle-specs-form .damageNotes_data label,
 823 #PageContent.historyview .vehicle-specs-form .coverReceived_data label,
 824 #PageContent.historyview .vehicle-specs-form .accessoryNotes_data label,
 825 #PageContent.historyview .vehicle-specs-form .previousRepairsNotes_data label,
 826 #PageContent.historyview .vehicle-specs-form .previousRepairsNotes_title .controls{
 827         display:none;
 828 }
 829
 830 #PageContent.historyview .vehicle-specs-form .coverReceived_title label,
 831 #PageContent.historyview .vehicle-specs-form .damageNotes_title label,
 832 #PageContent.historyview .vehicle-specs-form .accessoryNotes_title label{
 833         background:#E4E4E4;
 834         margin:-5px 0 0 -5px;
 835         padding-left: 5px;
 836         padding-top: 5px;
 837         padding-bottom: 5px;
 838         width: 100%;
 839 }
 840 #PageContent.historyview .vehicle-specs-form .previousRepairsNotes_title label{
 841         background:#E4E4E4;
 842         margin:-5px 0 0 -5px;
 843         padding-left: 5px;
 844         padding-top: 5px;
 845         padding-bottom: 5px;
 846         width: 90%;
 847 }
 848 #PageContent.historyview .specs .previousRepairsNoted_title .valuation-line{
 849         width:50%
 850 }
 851 #PageContent.historyview .specs .previousRepairsNotes_title .bid-information-label {
 852         width:100%;
 853 }
 854 #PageContent.historyview .grey {
 855         background:#E4E4E4;
 856 }
 857 #PageContent.historyview .damageTotal label{
 858         line-height:14px;
 859 }
 860 /* Right historyview page*/
 861 #PageContent.historyview .vehicle-specs-form .right-side{
 862         float:left;
 863         margin-top:38px;
 864 }
 865 #PageContent.historyview .row-fluid .bidbox{
 866         margin-top:14px;
 867         box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
 868 }
 869 #PageContent.historyview .right-side .control-label,
 870 #PageContent.historyview .right-side p{
 871         padding:0;
 872         margin:0;
 873 }
 874 #PageContent.historyview .right-side .control-label {
 875         width:12%;
 876 }
 877 #PageContent.historyview .right-side .bidbox .control-label{
 878         width:30%;
 879 }
 880 #PageContent.historyview .bidbox h1 {
 881         font-size:20px;
 882         padding:0;
 883         margin:0;
 884 }
 885 #PageContent.historyview .bidbox .addtobasketbtn {
 886         width:100%;
 887 }
 888 #PageContent.historyview .bidbox .addtobasketbtn .icon-export {
 889         display: inline-block;
 890         width: 14px;
 891         height: 14px;
 892         margin-top: 3px;
 893         *margin-right: .3em;
 894         line-height: 14px;
 895         vertical-align: text-top;
 896         background-image: url("../../imgs/icon-flag-o.png");
 897         background-position:center;
 898         background-repeat: no-repeat;
 899         float :left;
 900 }
 901
 902 #PageContent.historyview .bidbox .addtobasketbtntrue {
 903         width:100%;
 904 }
 905 #PageContent.historyview .bidbox .addtobasketbtntrue .icon-export {
 906         display: inline-block;
 907         width: 14px;
 908         height: 14px;
 909         margin-top: 4px;
 910         *margin-right: .3em;
 911         line-height: 14px;
 912         vertical-align: text-top;
 913         background-image: url("../../imgs/icon-flag-n.png");
 914         background-position:center;
 915         background-repeat: no-repeat;
 916         float :left;
 917 }
 918
 919
 920 .icon-white-arrow-up {
 921         display: inline-block;
 922         width: 14px;
 923         height: 12px;
 924         margin-top: -15px;
 925         *margin-right: .3em;
 926         line-height: 14px;
 927         vertical-align: text-top;
 928         background-image: url("../../imgs/mobi-arrow-down.png");
 929         background-position:center;
 930         background-repeat: no-repeat;
 931         margin-right:20px;
 932
 933 }
 934
 935 .icon-white-arrow-down {
 936         display: inline-block;
 937         width: 14px;
 938         height: 12px;
 939         margin-top: -15px;
 940         *margin-right: .3em;
 941         line-height: 14px;
 942         vertical-align: text-top;
 943         background-image: url("../../imgs/mobi-arrow-up.png");
 944         background-position:center;
 945         background-repeat: no-repeat;
 946         float :left;
 947         margin-right:20px;
 948 }
 949
 950 .realperson-text {
 951         font-family: "Courier New",monospace;
 952         font-size: 6px;
 953         font-weight: bold;
 954         letter-spacing: -1px;
 955         line-height: 3px;
 956 }
 957
 958 #PageContent.historyview .row_space{
 959         padding-top: 5px;
 960         padding-bottom:5px;
 961 }
 962 #PageContent.historyview .bidbox .nextBid {
 963         padding-bottom:10px;
 964         padding-top:20px;
 965 }
 966 #PageContent.historyview .bidbox .nextBid label {
 967         font-size:18px;
 968 }
 969 #PageContent.historyview .bidbox .nextBid .controls,
 970 #PageContent.historyview .bidbox .btn-marg label,
 971 #PageContent.historyview .bidbox .autoamount label {
 972         display:none;
 973 }
 974 #PageContent.historyview .bidbox .btn-marg{
 975         padding  : 15px;
 976         text-align : center;
 977 }
 978 #PageContent.historyview .bidbox .btn-marg .controls{
 979         margin  : 0;
 980 }
 981 #PageContent.historyview .bidbox .btn-marg p{
 982         font-size   : 22px;
 983         line-height : 26px;
 984 }
 985 #PageContent.historyview .bidbox .btn-marg {
 986         margin:0;
 987 }
 988 #PageContent.historyview .bidbox .select-valuator .btn-wrapper{
 989         border-top:none;
 990         padding-top:0;
 991 }
 992 #PageContent.historyview .bidbox #btnMakeAutoBid{
 993         width:100%;
 994 }
 995 #PageContent.historyview #winningBid p {
 996         line-height: 14px;
 997 }
 998
 999
1000 .line-primary{
1001         background-color: #5f7b9d !important;
1002 }
1003
1004
1005
1006 /*  End History view css*/
1007
1008 /* Spiderslider styles
1009 -------------------------------------------------------------- */
1010 /* Slider itself */
1011 .spiderSlider
1012 {
1013         width:900px;
1014         overflow:hidden;
1015         position:relative;
1016         height:450px;
1017 }
1018 /* Items container */
1019 .spiderSlider .cover
1020 {
1021         position:absolute;
1022         height:450px;
1023         z-index:10;
1024 }
1025 /* Items */
1026 .spiderSlider .item
1027 {
1028         width:900px;
1029         float:left;
1030         position:relative;
1031 }
1032 /* Thumbnail wrapper */
1033 .spiderButton
1034 {
1035         width:825px;
1036         height:80px;
1037         overflow:hidden;
1038         position:relative;
1039         z-index:100;
1040 }
1041 /* Thumbnail container */
1042 .spiderButtonCover
1043 {
1044         position:absolute;
1045         height:80px;
1046 }
1047 /* Thumbs */
1048 .spiderButton .thumb
1049 {
1050         display:block;
1051         float:left;
1052         margin-right:5px;
1053         width:75px;
1054         height:75px;
1055         margin-top:5px;
1056 }
1057 /* Frame on thumbs */
1058 .cache
1059 {
1060         opacity:0.5;
1061         background:url(cache.png) repeat scroll 0 0 transparent;
1062         cursor:pointer;
1063         position:absolute;
1064         width:75px;
1065         height:80px;
1066         z-index:10;
1067 }
1068 /* Spider timer (in the previous frame) */
1069 .filler
1070 {
1071         background:blue;
1072         opacity:0.5;
1073         z-index:10;
1074         width:0;
1075         height:75px;
1076         margin-top:5px;
1077 }
1078
1079 /* Active thumbs */
1080 .spiderButton .thumb.active
1081 {
1082 }
1083 /* For clearing floats */
1084 .clear
1085 {
1086         clear:both;
1087 }
1088 /* Nav */
1089 .nav
1090 {
1091         width:75px;
1092         height:38px;
1093         overflow:hidden;
1094         background:#FFF;
1095         bottom:37px;
1096         right:0;
1097         display:block;
1098         position:absolute;
1099         z-index:10;
1100 }
1101
1102 .prev
1103 {
1104         width:25px;
1105         height:38px;
1106         background:url(../../nav.png) repeat scroll 0 0 transparent;
1107         display:block;
1108         float:left;
1109 }
1110
1111 .next
1112 {
1113         width:25px;
1114         background-position:top right;
1115         height:38px;
1116         display:block;
1117         float:left;
1118         background:url(../../nav.png) repeat scroll 75px 0 transparent;
1119 }
1120
1121 .auto.play
1122 {
1123         width:25px;
1124         background-position:top right;
1125         height:38px;
1126         display:block;
1127         float:left;
1128         background:url(../../nav.png) repeat scroll 50px 0 transparent;
1129 }
1130
1131 .auto.pause
1132 {
1133         width:25px;
1134         background-position:top right;
1135         height:38px;
1136         display:block;
1137         float:left;
1138         background:url(../../nav.png) repeat scroll 25px 0 transparent;
1139 }
1140
1141 /* Playing/Pausing effect */
1142 .isPlaying,.isPaused
1143 {
1144         color:#FFF;
1145         position:absolute;
1146         bottom:-40px;
1147         z-index:10;
1148         background:url(bg.png) transparent repeat;
1149         height:30px;
1150         width:200px;
1151         text-align:center;
1152         text-transform:uppercase;
1153         padding-top:10px;
1154 }
1155
1156 /* If grayscale effect (for fading in so there isn't a color "pop") */
1157 .spiderButton .thumb img
1158 {
1159         display:none;
1160 }
1161
1162 .wysiwyg-editor {
1163         overflow:scroll;
1164         height:300px
1165 }
1166
1167 /* IE file uploads */
1168 #btn_mainImage,
1169 #btn_frontImage,
1170 #btn_leftImage,
1171 #btn_rightImage,
1172 #btn_backImage ,
1173 #btn_interiorImage,
1174 #btn_interiorImage,
1175 #btn_engineImage,
1176 #btn_natisImage {
1177         width:88px;
1178         padding:0px;
1179         margin:0px;
1180         float: left;
1181         margin-left:4%;
1182 }
1183
1184 #mainImage
1185 #frontImage,
1186 #leftImage,
1187 #rightImage,
1188 #backImage,
1189 #interiorImage,
1190 #engineImage,
1191 #natisImage {
1192         width:0px;
1193         display:none;
1194         border:0px;
1195 }
1196 .checkbox.checkbox-line.acceptTerms.IE {
1197         display:block;
1198         float:left;
1199         width:10px;
1200 }
1201 .acceptTextIE {
1202         display:block;
1203         float:left;
1204         margin-left:0px;
1205 }
1206
1207 .select2-container {
1208         z-index: 0;
1209 }
1210 .select2-container.input-sm {
1211         padding: 0px;
1212 }
1213 .select2-container .select2-choice .select2-arrow b {
1214         margin-top: 0px;
1215 }
1216 .select2-container .select2-choice {
1217         height: 28px;
1218         padding: 0px 0 0 12px;
1219 }
1220
1221
1222 /* IE 10 Hack */
1223 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
1224         #Header .header-bottom .nav-bar{
1225                 width : 100% !important;
1226         }
1227         #publicHome {
1228                 margin-top: -30px !important;
1229         }
1230         .benefits.carousel-caption {
1231                 margin-top: -590px !important;
1232         }
1233
1234         .header-bottom .nav-bar .navbar a {
1235                 font-size: 11px !important;
1236         }
1237 }
1238
1239
1240 pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
1241 .string { color: green; }
1242 .number { color: darkorange; }
1243 .boolean { color: blue; }
1244 .null { color: magenta; }
1245 .key { color: red; }
1246
1247 .capitalise
1248 {
1249         text-transform:uppercase;
1250 }
1251
1252 /*.bann-left {
1253         float: left;
1254         margin-top: 10px;
1255         margin-bottom: -310px;
1256         margin-left: -184px;
1257         padding: 0px;
1258 }
1259 .bann-right {
1260         float: right;
1261         margin-top: 10px;
1262         margin-bottom: -310px;
1263         margin-right: -181px;
1264         padding: 0px;
1265 }*/
1266 #dealerHomeSlideshow {
1267         float: left;
1268         width: 650px;
1269         height: 217px;
1270         margin-left: 2px;
1271         margin-right: 2px;
1272 }
1273 .bann-left {
1274         float: left;
1275         margin-top: 0px;
1276         margin-left: 0px;
1277         padding: 0px;
1278 }
1279 .bann-right {
1280         float: left;
1281         margin-top: 0px;
1282         margin-right: 0px;
1283         padding: 0px;
1284 }
1285
1286
1287
1288 /*form styles*/
1289 #msform {
1290         width: 400px;
1291         margin: 50px auto;
1292         text-align: center;
1293         position: relative;
1294 }
1295 #msform fieldset {
1296         background: white;
1297         border: 0 none;
1298         border-radius: 3px;
1299         box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
1300         padding: 20px 30px;
1301         box-sizing: border-box;
1302         width: 80%;
1303         margin: 0 10%;
1304         /*stacking fieldsets above each other*/
1305         position: absolute;
1306 }
1307 /*Hide all except first fieldset*/
1308 #msform fieldset:not(:first-of-type) {
1309         display: none;
1310 }
1311 /*inputs*/
1312 #msform input, #msform textarea {
1313         padding: 15px;
1314         border: 1px solid #ccc;
1315         border-radius: 3px;
1316         margin-bottom: 10px;
1317         width: 100%;
1318         box-sizing: border-box;
1319         font-family: montserrat;
1320         color: #2C3E50;
1321         font-size: 13px;
1322 }
1323 /*buttons*/
1324 #msform .action-button {
1325         width: 100px;
1326         background: #27AE60;
1327         font-weight: bold;
1328         color: white;
1329         border: 0 none;
1330         border-radius: 1px;
1331         cursor: pointer;
1332         padding: 10px 5px;
1333         margin: 10px 5px;
1334 }
1335 #msform .action-button:hover, #msform .action-button:focus {
1336         box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
1337 }
1338 /*headings*/
1339 .fs-title {
1340         font-size: 15px;
1341         text-transform: uppercase;
1342         color: #2C3E50;
1343         margin-bottom: 10px;
1344 }
1345 .fs-subtitle {
1346         font-weight: normal;
1347         font-size: 13px;
1348         color: #666;
1349         margin-bottom: 20px;
1350 }
1351 /*progressbar*/
1352 #progressbar {
1353         margin-bottom: 30px;
1354         overflow: hidden;
1355         /*CSS counters to number the steps*/
1356         counter-reset: step;
1357 }
1358 #progressbar li {
1359         list-style-type: none;
1360         color: white;
1361         text-transform: uppercase;
1362         font-size: 9px;
1363         width: 33.33%;
1364         float: left;
1365         position: relative;
1366 }
1367 #progressbar li:before {
1368         content: counter(step);
1369         counter-increment: step;
1370         width: 20px;
1371         line-height: 20px;
1372         display: block;
1373         font-size: 10px;
1374         color: #333;
1375         background: white;
1376         border-radius: 3px;
1377         margin: 0 auto 5px auto;
1378 }
1379 /*progressbar connectors*/
1380 #progressbar li:after {
1381         content: '';
1382         width: 100%;
1383         height: 2px;
1384         background: white;
1385         position: absolute;
1386         left: -50%;
1387         top: 9px;
1388         z-index: -1; /*put it behind the numbers*/
1389 }
1390 #progressbar li:first-child:after {
1391         /*connector not needed before the first step*/
1392         content: none;
1393 }
1394 /*marking active/completed steps green*/
1395 /*The number of the step and the connector before it = green*/
1396 #progressbar li.active:before, #progressbar li.active:after {
1397         background: #27AE60;
1398         color: white;
1399 }
1400
1401
1402
1403
1404 /* Modal styling override */
1405 .relative .modal {
1406         position        : relative;
1407         top             : auto;
1408         right           : auto;
1409         left            : auto;
1410         bottom          : auto;
1411         overflow-y      : auto;
1412 }
1413 .relative .modal.ghost {
1414         display         : none;
1415 }
1416 .relative .modal-dialog {
1417         left                    : auto;
1418         margin-left     : auto;
1419         margin-right    : auto;
1420         width                   : 100% !important;
1421         max-width               : none !important;
1422 }
1423 .modal-body .row.row-modal {
1424         margin-left     : 0px;
1425         margin-right    : 0px;
1426 }
1427 .modal-thin .modal-dialog {
1428         max-width : 320px;
1429 }
1430 .modal-medium .modal-dialog {
1431         max-width : 430px;
1432 }
1433 .modal-dialog {
1434         max-width       : 640px;
1435 }
1436 .modal-toolbox .modal-dialog {
1437         float           : right;
1438 }
1439 @media screen and (min-width: 768px) {
1440         .modal-thin .modal-dialog {
1441                 width : 320px;
1442         }
1443         .modal-medium .modal-dialog {
1444                 width : 430px;
1445         }
1446         .modal-dialog {
1447                 width : 640px;
1448         }
1449         .modal-wide .modal-dialog {
1450                 width           : auto;
1451                 max-width       : 980px;
1452         }
1453         .modal-full .modal-dialog {
1454                 width : auto;
1455         }
1456
1457
1458 }
1459 @media screen and (min-width: 992px) {
1460         .modal-thin .modal-dialog {
1461                 width : 320px;
1462         }
1463         .modal-medium .modal-dialog {
1464                 width : 430px;
1465         }
1466         .modal-dialog {
1467                 width : 640px;
1468         }
1469         .modal-wide .modal-dialog {
1470                 width : 980px;
1471         }
1472         .modal-full .modal-dialog {
1473                 width           : auto;
1474                 max-width       : 1160px;
1475         }
1476 }
1477
1478 .modal-full .modal-dialog {
1479         width           : auto;
1480         max-width               : 100%;
1481 }
1482
1483
1484 ul.circle {list-style-type: circle;}
1485 ul.square {list-style-type: square;}
1486
1487 ul.circle li,
1488 ul.square li{
1489         padding-bottom: 10px;
1490 }
1491
1492 ul.circle li p,
1493 ul.square li p{
1494         font-size: 14px;
1495 }
1496
1497 .head-contact{
1498         float: right;
1499         /*color: #f7931e;*/
1500         color: white;
1501         text-align:right;
1502         padding: 2% 2% 0 0;
1503
1504 }
1505
1506 .head-text{
1507         float: left;
1508         /*color: #f7931e;*/
1509         color: white;
1510         text-align:left;
1511         /*width:50%;*/
1512         padding: 3% 0 0 2%;
1513
1514 }
1515
1516 .gradient{
1517         /* 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 */
1518         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 */
1519         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 */
1520         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+ */
1521         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
1522         /*background: url(/imgs/header-with-logo-cc.png) no-repeat;*/
1523
1524 }
1525
1526 .gradientFoot{
1527         /* 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 */
1528         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 */
1529         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 */
1530         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+ */
1531         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
1532         /*background: url(/imgs/header-with-logo-cc.png) no-repeat;*/
1533         height: 50px;
1534         border-top:3px solid #f7931e;
1535
1536
1537 }
1538
1539 .boxed{
1540         border: 5px solid #08c;
1541         padding:40px;
1542         margin-bottom: 10px;
1543         color:lightgrey;
1544 }
1545
1546 .highlighted{
1547         /*color:#f7931e;*/
1548         color:white;
1549
1550 }
1551
1552 @media screen and (max-width: 360px) {
1553         .head-contact{
1554                 float: none;
1555                 text-align:center;
1556                 /*width:50%;*/
1557         }
1558         .head-text{
1559                 float: none;
1560         }
1561 }
1562
1563 .fileName{
1564     margin-left: -50px !important;
1565     margin-top: 10px;
1566 }