/* stylelint-disable */

/*---
title: Colours
section: Settings
---

- grey-4: borders
- grey-5: background colour
- blue-4: Muted blue-3
- blue-5: Offset text against blue-1

```example:color
@color: #000 @name: black
@color: #444444 @name: black-1
@color: #777 @name: black-2
@color: #555 @name: grey-1
@color: #7c7c7c @name: grey-2
@color: #a5a5a5 @name: grey-3
@color: #cfcfcf @name: grey-4
@color: #ebebeb @name: grey-5
@color: #fff @name: white
@color: #f00 @name: red-1
@color: #274773 @name: blue-1
@color: #265da7 @name: blue-2
@color: #467dc7 @name: blue-3
@color: #a3bee3 @name: blue-4
@color: #00e6ff @name: blue-5
```

*/

/*---
section: Settings
---

### Social Colours

```example:color
@color: #dd4b39 @name: Google
@color: #1da1f2 @name: Twitter
@color: #3b5998 @name: Facebook
```

*/

/* stylelint-enable */

/* stylelint-disable */

/* stylelint-enable */

/* stylelint-disable */

/* stylelint-enable */

/* stylelint-disable */

/* html
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
*/

/* body
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
*/

/* stylelint-enable */

#price.sellContent {
  text-align: center;
}

.registration {
  /* This only applies to the checkbox on the select package screen for trade flexi users. */
}

.registration h2 {
  font-size: 20px !important;
  color: #000;
}

.registration h2 span {
  font-size: 18px;
  color: #7c7c7c;
}

.registration .col-sm-4 {
  margin-right: 23px;
}

.registration .col-sm-8 {
  width: 60%;
}

.registration .email-reg {
  width: 82%;
}

.registration .input-gb {
  background: url("/i/gb-logo.png") no-repeat left center;
  padding-left: 42px !important;
  text-transform: uppercase;
}

.registration .placeholder {
  color: #000 !important;
  font-size: 20px !important;
  font-weight: 700;
}

.registration select.form-control {
  height: 36px !important;
}

.registration label span {
  font-weight: normal;
  color: #7c7c7c;
}

.registration .form-group.chk .chkWrap span {
  display: inline-block;
}

.registration .form-group.text .emChk span {
  margin-bottom: 0;
}

.registration.sellContent select {
  background: #fff url("/i/dropdown-arrow.png") no-repeat right 10px center;
}

.registration.sellContent .ddlWrap select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
  background-position: 228px;
  width: 270px !important;
}

.registration.sellContent table {
  width: 100%;
}

.registration.sellContent table td:first-child {
  width: 60%;
}

.registration.sellContent table td:last-child {
  width: 40%;
}

.sellTitle {
  background-color: #467dc7;
  color: #fff;
  font-size: 20px;
  padding: 3px 10px 4px 30px;
}

.sellTitle span,
.sellTitle span a {
  color: #fff;
  font-size: 17px;
  margin-top: 2px;
}

.sellTitle span:hover {
  text-decoration: none;
}

/* Equipment List */

.sellContent table .chkWrap .emChk {
  position: relative;
  padding-left: 40px;
  margin-right: 0;
}

.sellContent table .chkWrap span:first-child {
  position: absolute;
  left: 0;
}

.sellContent table .chkWrap span:last-child {
  font-weight: 400;
  color: #555;
  padding-left: 0;
  top: 3px;
}

.sellContent.field .col-sm-6 .form-group {
  text-align: right;
}

.sellContent.field .form-group label {
  margin-right: 10px;
}

.sellContent.field .form-group .form-control {
  width: 250px;
  display: inline;
}

.sellContent,
.sellRegContent {
  border: solid 1px #cfcfcf;
  border-top-color: #fff;
}

.sellContent:first-child,
.sellRegContent:first-child {
  border-top-color: #cfcfcf;
}

.sellControls {
  text-align: center;
  margin-bottom: -15px;
}

.sellControls i {
  position: absolute;
  font-size: 24px;
}

.sellControls .sellFloatBtn {
  width: 196px !important;
  position: relative;
  margin-bottom: 15px !important;
}

.sellControls .fo-floppy,
.sellControls .fo-left-open,
.sellControls .fo-search {
  left: 10px;
}

.sellControls .fo-right-open {
  right: 10px;
}

.sellControls.Preview {
  margin-top: 60px;
}

.sellControls .sellBtn,
.sellControls .sellFloatBtn,
#fraud-alert {
  width: 196px !important;
}

.car-desc-wrap .sellControls {
  vertical-align: bottom;
}

#fraud-alert {
  color: #467dc7 !important;
  background-color: #fff;
  border-color: #467dc7;
  border-top: 1px solid #467dc7;
  border-left: 1px solid #467dc7;
  border-right: 1px solid #467dc7;
  border-bottom: 4px solid #467dc7;
  font-size: 16px !important;
  margin: 59px auto 0;
  display: block;
  padding-top: 7px;
  margin-bottom: 15px;
}

#fraud-alert:hover {
  background-color: #ebebeb;
  text-decoration: none;
}

/* Sell Motors Stage 1 */

/* fix to make buttons in right column align with bottom of left column */

#mainContent.car-desc-wrap > * {
  float: none !important;
  display: inline-block;
  font-size: 14px;
}

.car-desc-wrap {
  font-size: 0;
}

/* fix ends */

.seo .form-group {
  font-size: 16px;
}

.detWrapper {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 35px;
}

.sellPage {
  z-index: 3;
}

#reqWarning.req {
  font-weight: normal;
}

#sellComplete .sellFloatBtn {
  width: 100%;
}

#sellComplete #ttlsubmit {
  margin: 16px 0 !important;
}

#sellComplete .form-group {
  margin-bottom: 32px;
}

#sellComplete h4 {
  margin-bottom: 32px;
}

#sellComplete .col-sm-6 {
  padding: 32px 16px;
}

/* Packages */

.sellPkg {
  border: solid 1px #cfcfcf;
  border-radius: 4px;
  text-align: center;
  margin: 15px 15px 30px;
  padding-top: 10px;
  padding-bottom: 5px;
}

.sellPkg h2 {
  font-size: 30px;
}

/* End Packages */

/* styled DDL's for sell motors pages */

.ddlWrap {
  overflow: hidden;
  width: 250px;
  border: solid 1px #cfcfcf;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.form-group.ddl {
  height: 38px;
}

.ddlLab {
  vertical-align: top;
  margin-top: 10px;
  margin-bottom: 0;
  display: inline-block;
  margin-right: 7px !important;
}

.sellFloatBtn {
  cursor: pointer;
  font-weight: 700;
  text-transform: none;
  font-size: 17px !important;
  border-radius: 8px;
  border: solid 2px #fff;
  background-color: #467dc7;
  color: #fff;
  min-width: 195px;
  padding: 8px 16px !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
  text-align: center;
  text-decoration: none !important;
}

.sellFloatBtn:hover {
  background-color: #467dc7;
  color: #fff;
}

.sellFloatBtn:visited {
  color: #fff;
}

.sellFloatBtn.btn-lg:hover,
.sellFloatBtn.btn-lg:active {
  background-color: #467dc7;
  color: #fff;
}

.sellFloatBtn.btn-lg:visited {
  color: #fff;
}

#findBar .sellFloatBtn {
  border: solid 1px #467dc7;
  border-bottom-width: 4px;
}

/* Add logo button */

.page-inner .radio-wrap a.sellFloatBtn {
  color: #467dc7 !important;
  background-color: #fff;
  border: 1px solid #467dc7;
  border-bottom: 0;
  width: 100%;
  text-align: center;
}

.sellPkg .sellFloatBtn input {
  display: none;
}

.payment {
  font-size: 18px;
}

.payment .sellFloatBtn {
  margin-top: 7px;
  margin-left: 10px;
  width: 245px;
}

.payment .sellFloatBtn.visa {
  margin-top: 17px;
}

.payment .icon {
  background-image: url("/i/payment.png");
  width: 75px;
  height: 46px;
  float: left;
}

.photo #imgUpload {
  width: 195px;
}

.photo #imgUpload .plupload_add:before {
  content: "\f030";
  font-family: "enm_awesome";
  margin-right: 8px;
  font-weight: normal;
  position: relative;
  top: 1px;
}

.photo.col-sm-6 h3 {
  margin-bottom: 45px;
  margin-top: 20px;
}

.photo.col-sm-6 .form-group.text {
  margin-bottom: 45px;
}

.img_area {
  cursor: move;
  margin: 10px 2px 0 0;
  width: 195px;
  height: 144px;
  display: block;
  float: left;
  clear: none;
}

.img_area:hover {
  background-color: #fff;
}

ul#images {
  margin: 0;
}

ul#images img {
  max-height: 100px;
}

ul#images li {
  list-style-type: none;
  float: left;
  cursor: move;
  height: 155px;
  width: 200px;
}

.img_imgArea {
  width: 130px;
  float: left;
  height: 100px;
  margin-left: 32px;
  text-align: center;
  margin-top: 5px;
}

.img_img {
  z-index: 10;
}

.img_del {
  width: 20px;
  float: right;
  font-size: 10px;
  display: block;
}

.img_del a {
  height: 16px;
  background-position: 0 -76px;
  display: block;
  background-image: url("/sell/img/spr/spr_sell.png?v=2");
  width: 15px;
}

.img_txt {
  width: 190px;
  font-size: 11px;
  text-align: center;
  font-family: Verdana;
  clear: left;
}

.col-sm-9.seo.afs {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .sellContent,
  .sellRegContent {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }

  #sellComplete .col-sm-6 {
    padding: 32px;
  }
}

@media (min-width: 992px) {
  .detWrapper .form-group.chk .chkWrap {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .registration #altMan label {
    max-width: 120px;
  }

  .sellContent.field .form-group.chk {
    text-align: left !important;
  }
}

@media (max-width: 1199.98px) {
  .sellControls {
    width: 100%;
  }

  .sellControls .sellFloatBtn {
    position: static;
  }

  .sellControls .fo-floppy,
  .sellControls .fo-left-open,
  .sellControls .fo-search {
    position: static;
    float: left;
  }

  #fraud-alert {
    display: inline-block;
    margin: 0 10px;
  }

  .sellPage.col-sm-9 {
    width: 100%;
  }

  .col-sm-9.seo.afs {
    margin-top: 75px;
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  .registration .col-sm-4 {
    float: none;
    width: 100%;
  }

  .registration .col-sm-4 .detWrapper {
    padding: 0;
    margin-bottom: 15px;
  }

  .registration .col-sm-8 {
    float: none;
    width: 100%;
  }

  .registration.sellContent .detWrapper {
    padding: 0;
    margin-bottom: 15px;
  }
}

@media (max-width: 767.98px) {
  .registration .col-sm-6 .form-group span {
    display: block;
    margin-bottom: 36px;
  }

  .registration .col-sm-6 .form-group.ddl {
    height: auto;
    margin-bottom: 12px;
  }

  .registration .col-sm-6 .form-group.ddl .ddlLab {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .registration fieldset input,
  .registration fieldset .ddlWrap {
    margin-right: 50px;
  }

  .registration-accordion .accordion-toggle:after,
  .registration-accordion .accordion-toggle.collapsed:after {
    right: 10px;
  }

  .sellContent fieldset .form-group label {
    display: table-cell;
    padding-bottom: 5px;
  }

  .sellContent fieldset .radio-wrap.clearfix .col-sm-3,
  .sellContent fieldset .radio-wrap.clearfix .col-sm-9 {
    padding-left: 0;
  }

  .sellContent.field .col-sm-6 .form-group {
    text-align: left;
  }

  .sellRegContent .row.clearfix .col-sm-6 {
    width: 100%;
  }

  .sellRegContent .form-group .row.clearfix .col-sm-6 {
    width: 100%;
  }

  #fraud-alert {
    width: 110px !important;
    padding: 7px 7px 0;
  }

  #tradeLogo {
    padding-left: 15px;
  }

  .sellPage.col-sm-9 {
    width: 73%;
  }

  .sellPage .product-desc {
    width: auto;
  }

  .photo #btn .col-sm-6 {
    display: block;
    width: 100%;
  }

  .photo.col-sm-6 h3 {
    margin-bottom: 15px;
  }

  ul#images {
    margin: 0 15px;
  }

  .col-sm-9.seo {
    margin-top: 75px;
  }
}

@media (max-width: 375px) {
  .registration .col-sm-6 .form-group span {
    margin-bottom: 5px;
  }

  .registration .sellFloatBtn {
    margin: 15px auto 0;
  }

  .sellContent td {
    vertical-align: top;
    width: 50% !important;
  }

  .sellContent .row .alert-danger {
    margin: 15px 0 0;
  }

  .sellControls {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  #fraud-alert {
    padding: 7px 2px 0 !important;
    margin-left: 5px;
    width: 95px !important;
    font-size: 15px !important;
  }

  .sellPage.col-sm-9 {
    padding: 0;
  }

  .payment .sellFloatBtn {
    width: 202px;
    float: left;
    padding: 7px 10px 0 !important;
  }

  ul#images li {
    width: 130px;
    height: 120px;
    margin: 0 15px 15px 0;
  }

  ul#images .img_area {
    width: 125px;
    height: 109px;
  }

  ul#images {
    margin: 0 0 0 -20px;
  }

  .img_imgArea {
    width: 105px;
    margin-left: 0;
  }

  .img_del {
    width: 15px;
  }
}

@media (max-width: 1199.98px) and (min-width: 768px) {
  #price .registration #lblLabel {
    display: inline-block;
  }

  .registration .col-sm-6 .form-group .ddlWrap,
  .registration .col-sm-6 .form-group input[type=text],
  .registration .col-sm-6 .form-group input[type=number] {
    display: block !important;
  }

  .registration .col-sm-6 .form-group.ddl {
    height: auto;
  }

  .sellContent.field .col-sm-6 .form-group {
    text-align: left;
  }

  .ddlLab {
    margin-bottom: 5px;
    margin-top: 0;
  }
}