#tradeinform  
{	padding: 45px 10px 10px 10px;		
    border: 1px solid #cdcdcd;			
    font-family: Arial, Helvetica, sans-serif;			
	background: url(/SiteContent/images/TradeIn/tradein-formhead.jpg) no-repeat;
    width: 522px;
    display: block;    
    float: left;     
}
#drpProcessor
    {
        width: 200px;
        margin: 15px 10px 0 0;
        float: left;
    }
.rounds
        {
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }
#formhelp
    {
        width: 500px;
        margin: 20px auto 0 auto;
        background-color: #f4f4f4;
        padding:10px;
        border: 1px solid #c2c2c2;
       float: left;
        clear: both;
    }
#formhelp .head
        {
            color: #221f73;
            font-weight: bold;
        }
#drpModel
    {
        width: 200px;
        margin: 15px 10px 0 25px;
        float: left;
    }
#formhelp p
        {
            font-size: 96%;
        }
#reqManufacturer {color: red;}

#rbtnManufacturer {margin-left: 25px; margin-top: 10px;}
#rbtnManufacturer td {width: 115px;}
.dontshow
{
    display: none;
}
.value {
    color: #ef2e25;
    font-size:400%;
    font-weight: bold;
    margin-top: 30px;
    float: left;
}

.laptopvalue
{
   width: 147px; height: 87px; margin: 20px 30px 0 0; float: left;
}

#validation
{
    clear: both;
}

.validationred
{
    color: red !important; font-size: 90%;
}

.lblmessage 
{
    color: red !important; font-size: 60%;
}

.lblnameval 
{
    color: red !important; font-size: 60%;
}


#rbtnPostageMethods td
{
    padding: 0 10px;
}

#btnsubmit
{
    float: right;
}

#btnSubmitSurvey
{
    float: right;
}

.detailform table
{
    width: 100%;
}

.detailform  input[type=text]
{
   width: 200px;
}
#buttons
{
    display: block;
    clear: both;
    margin-top: 20px;

}

/*#nextbutton
{
    float: right;
}

#backbutton
{
    float: left;
}*/

#thanks
{
    width: 380px;
}

.boldit
{
    font-weight: bold;
}

.steps
{
    margin: 0 12px;
}

.oslogo
{
    border: 1px solid #c2c2c2;
    margin-right: 10px;
}



#lblProcessor {
    float: left;
    margin-top: 13px;
    margin-right: 31px;
}

#lblModel {
    float: left;
    margin-top: 13px;
    margin-right: 31px;
}



#Condition_Parts_BatteryLife1_lblParts {
    float: left;
    margin-right: 7px;
}

#Condition_Parts_BatteryLife1_lblCondition {
    float: left;
    margin-right: 35px;
}

#Condition_Parts_BatteryLife1_lblBatteryLife {
    float: left;
    margin-right: 22px;
}

#tradeinwrapper {width:100%; border:none;  padding:10px; border-radius:5px; -oz-border-radius:5px; -webkit-border-radius:5px; margin:0 auto;}
/*#tradeinwrapper span {display: none;}*/
#tradeinwrapper {text-align: left;}
#tradeinwrapper h2 {font-weight: bold; color: #221f73; margin-top: 10px;}
#tradeinwrapper h2 a {font-weight: bold; color: #ee2e24;}
#tradeinwrapper .step1 {width: 280px; height: 280px; margin-top: 10px; margin-left: 30px; background: url(/SiteContent/images/TradeIn/tradein-step1.jpg); float: left;}
#tradeinwrapper .step2 {width: 305px; height: 280px; margin-top: 10px; background: url(/SiteContent/images/TradeIn/tradein-step2.jpg); float: left;}
#tradeinwrapper .step3 {width: 283px; height: 280px; margin-top: 10px; background: url(/SiteContent/images/TradeIn/tradein-step3.jpg); float: left;}
.getaquote {background: url(/images/tradein-getaquote2.jpg); height: 161px; width: 872px; float: left; margin-top: 10px;}
.getaquote a {display: block; height: 100%; text-decoration: none !important;}
.getaquote p {float:left; width: 500px; margin: 85px 0 0 140px; font-weight: bold; font-size: 120%; color: black;}
.helpicons {width: 930px;}
.helpicons p {font-size: 90%; color: white;}
.helpicons {float: left; margin-top: 20px;}
.helpicons a {color: white;}
.icon-data {background: url(/SiteContent/images/TradeIn/tradein-data.jpg); height: 79px; width: 206px; float: left; margin-right: 13px; margin-left: 5px;}
.icon-data p {width: 130px; margin: 35px 0 0 65px; line-height: 12px;}
.icon-cpu {background: url(/SiteContent/images/TradeIn/tradein-cpu.jpg); height: 79px; width: 206px; float: left; margin-right: 13px;}
.icon-cpu p {width: 130px; margin: 35px 0 0 65px; line-height: 12px;}
.icon-cpu a {display: block; height: 100%;}
.icon-post {background: url(/SiteContent/images/TradeIn/tradein-postage.jpg); height: 79px; width: 206px; float: left; margin-right: 13px;}
.icon-post p {width: 130px; margin: 40px 0 0 65px; line-height: 12px;}
.icon-faq {background: url(/SiteContent/images/TradeIn/tradein-faq.jpg); height: 79px; width: 206px; float: left; margin-right: 13px;}
.icon-faq p {width: 130px; margin: 35px 0 0 65px; line-height: 12px;}
#whichlaptops {background: url(/SiteContent/images/TradeIn/tradein-blue.jpg) no-repeat; width: 866px; height:145px; float: left; margin: 20px 0 0 5px; color: white; font-weight: bold; cursor:pointer;} 
#whichlaptops ul {float: left; text-align:left; margin: 60px 0 0 10px; padding:0 0 0 20px; width: 400px; height:42px; list-style-type: circle !important;}
#whichlaptops ul li {padding:0; margin: 0 0 20px 0; width: 370px; height:32px;}
#tradeincontents {float: left;}
#termsandconditionstrade a {color: blue;}
.tradeinimgr {float: right; margin: 10px;}
.cpufinderh2 {font-size: 240% !important;}
.cpufinder h2 {clear: both; margin: 20px 0px 40px 0px;}
.cpufinder p {margin: 10px 0px !important; }
.cpufinderheader {clear: both; margin-bottom: 30px;}
img.win7guide {float: right; margin: 10px;}
img.win8guide {float: right; margin: 10px;}
.packagingstep img {margin-left: 5px;}
.packagingstep {clear:both; margin-bottom: 40px;}
#datasafe h2 {
    color: #ee2e24;
    font-weight: bold;
    font-size: 280% !important;
}

.Manufacturerlist {
        width: 24%;
    display: inline-block;
}

#tradeinManufacturer ul {
width: 400px;
padding: 0;
margin: 0;
float: left;
text-align: center;
}

#tradeinManufacturer li {
display: inline;
padding: 0;
margin: 0 10px 0 0;
float: left;
width: 123px;
}

.field-validation-error {
color : red;
}

#tradeinpostage ul {
width: 400px;
padding: 0;
margin: 0;
float: left;
text-align: center;
}

#tradeinpostage li {
display: inline;
padding: 0;
margin: 0 50px 0 30px;
width: 123px;
}

.PostageMethod{
    padding: 0 30px;
    display:inline-block;
}
	#nextButton {
		float: right;
        background: url(/SiteContent/images/TradeIn/nextbtn.jpg) no-repeat;
        cursor: pointer;
        border: none;
        height: 46px;
        width: 132px;
		text-indent:-9999px;
    }

    #backButton {
		float: left;
        background: url(/SiteContent/images/TradeIn/bkbtn.jpg) no-repeat;
        cursor: pointer;
        border: none;
        height: 46px;
        width: 132px;
		text-indent:-9999px;
    }

    #sellitButton {
		float: right;
        background: url(/SiteContent/images/TradeIn/tradein-sellit.jpg) no-repeat;
        cursor: pointer;
        border: none;
        height: 46px;
        width: 360px;
		text-indent:-9999px;
    }

    #submitButton {
		float: right;
        background: url(/SiteContent/images/TradeIn/tradein-submit.jpg) no-repeat;
        cursor: pointer;
        border: none;
        height: 46px;
        width: 132px;
		text-indent:-9999px;
    }
.allSteps{
        margin: 8px;
        float:left; 
        width: 566px;
}
.alink {
    color: blue !important;
    text-decoration: underline;
    cursor: auto;
}
.alink:hover {
    cursor: pointer;
}
.dropdown {
    margin : 0 0 0 20px;
}

#tradeinwrapper .step1 span, #tradeinwrapper .step2 span, #tradeinwrapper .step3 span {
    display: none;
}

#displayTradeinform {
    float: left;
    margin-left: 20%;
}

img.steps, p .steps {
    width: 520px;
}


/* - - - - - - PHONE TRADE IN - - - - - - */

#displayTradeinform_new {
    display: block;
    width: 566px;
    margin: auto;
}
#phonetradein-wrap intro {
    float: left;
    width: 100%;
}
#phonetradein-wrap .intro h1 {
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: 0 0 15px 0;
}
#phonetradein-wrap .mobile {
    display: none;
}
#phonetradein-wrap .getaquote-phone {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;  
    background-color: #f5f5f5;
    border-bottom: 5px solid #221f73;
    padding: 30px 15px;
    width: 25%;
    margin-top: 20px;
    float: left;
}
#phonetradein-wrap .getaquote-phone h2 {
    text-align: center;
    font-size: 170%;
}
#phonetradein-wrap .getaquote-phone p {
    line-height: 1.5em;
    font-size: 110%;
}
#phonetradein-wrap .getaquote-phone a {
    background-color: #04865C;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: white;
    width: 70%;
    font-weight: bold;
    font-size: 110%;
    margin: 20px auto 0 auto;
    display: block;
    padding: 10px 0;
    text-align: center;
}
#phonetradein-wrap .getaquote-phone a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#phonetradein-wrap .three-steps {
    float: left;
    width: 98%;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 55px;
    padding: 45px 0 30px 0;
    display: block;
}
#phonetradein-wrap .three-steps h2 {
    text-align: center;
    margin-top: -55px;
    background-color: white;
    width: 50%;
    float: left;
    margin-left: 25%;
}
#phonetradein-wrap .three-steps ul {
    list-style-type: none;
    padding: 0 70px;
    display: block;
    width: 95%;
    margin: 0 auto;
    float: left;
    text-align: center;
}
#phonetradein-wrap .three-steps li {
    float: left;
    margin: 0 10px;
    text-align: center;
    font-weight: bold;
}
#phonetradein-wrap .three-steps li:nth-of-type(2n+1) {
    width: 25%;
}
#phonetradein-wrap .three-steps li span {
    clear: both;
    display: block;
    margin: 10px auto;
    font-weight: 600;
}
#phonetradein-wrap .intro-trade {
    float: left;
    clear: both;
    margin: 25px 0;
}
#phonetradein-wrap .intro-trade p {
    line-height: 1.5em;
    font-size: 110%;
}
.phone-tradein {
    background: url(/SiteContent/images/TradeIn/phone-tradein-formhead.jpg) no-repeat !important;
}
.phone-tradein #nextButton {
    background: url(/SiteContent/images/TradeIn/phone-nextbtn.jpg) no-repeat;
}
.phone-tradein #backButton {
    background: url(/SiteContent/images/TradeIn/phone-bkbtn.jpg) no-repeat;
}
.phone-tradein #sellitButton {
    background: url(/SiteContent/images/TradeIn/phone-tradein-sellit.jpg) no-repeat;
}
.phone-tradein #submitButton {
    background: url(/SiteContent/images/TradeIn/phone-tradein-submit.jpg) no-repeat;
}
.phone-tradein .value {
    margin-top: 55px;
}
#phonetradein-wrap img.steps {
    display: block;
    margin: 15px;
}
.phone-tradein #ModelInfo a {
    text-decoration: underline;
}
.phone-tradein .PostageMethod {
    float: left;
    clear: both;
    margin: 10px 0;
}
.phone-tradein select {
    margin-left: 20px !important;
}
.phone-tradein label {
    float: left;
    width: 55px;
}
.allSteps .Manufacturerlist label {
    float: left;
    width: auto;
}
.phone-tradein .PostageMethod label {
    width: auto;
}
.phone-tradein table label {
    width: auto;
    margin-right: 10px;
}
.phone-tradein .payment-type label {
    float: none;
    width: auto;
}
#phonetradein-wrap .phone-ts-cs {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#phonetradein-wrap .phone-ts-cs p {
    line-height: 1.5em;
}
#phonetradein-wrap .phone-ts-cs a {
    text-decoration: underline;
    color: #2e3ca6;
    font-weight: 600;
}
#phonetradein-wrap #tradeincontents {
    float: none;
}


/* - - - - - - Laptop trade in page new - - - - - - */

#tradeincontents {
    float:none;
}


.allSteps{
    margin: 0;
    float:none; 
    width: 958px;
    outline:0;
}

.tradeinwrapper #tradeinform  
{	padding: 0;					
	background: none;
    width: 958px;  
    float: none;     
    border: none;
}

.trade-in-form-bg {
    padding:20px;
    background-color:#ececec;
}


#complete-form .trade-in-form-bg:last-of-type {
    padding:20px;
}

#tradeinform .trade-in-form-bg:nth-of-type(3n) h2
{	margin: 10px 0 0px;

}

#tradeinform .trade-in-form-bg:nth-of-type(5n) 
{	margin-bottom:0;

}

.laptop-summary .trade-in-form-bg {
    margin: 0 0 20px;
    padding: 20px;
}

.trade-in-form-bg h2 {
    margin:10px 0 30px;
}

.trade-in-form-bg:after {
    content:'';
    clear:both;
    display:table;
}


/* - - - - - - Breadcrumbs - - - - - - */

.breadcrumb-steps {
    background-color: #100d66;
    height: 95px;
    margin: 0 0 30px;
    position:relative;
}

.breadcrumb-steps ul {
    list-style: none;
    text-align: center;
    padding: 22px 0;
}

.breadcrumb-steps ul li span:first-of-type {
    display: block;
    border-radius: 50%;
    background-color: #fff;
    height: 17px;
    width: 17px;
    color: #000;
    padding:4px;
    opacity: 0.5;
}

.breadcrumb-steps ul li.done span:first-of-type {
    color: #fff;
}

.breadcrumb-steps ul li.done span:first-of-type {

    background-color: #4da916;
}

.breadcrumb-steps ul li.done a {
	color:#fff;
}

.breadcrumb-steps ul li.active span:first-of-type, .breadcrumb-steps ul li.done span:first-of-type {
    opacity: 1;
}


.breadcrumb-steps ul li.done span:first-of-type {
    color: #fff;
}

.breadcrumb-steps ul li.done span:first-of-type {
    background-color: #4da916;
}

.breadcrumb-steps ul li span:first-of-type:before {
	content: '';
    position: absolute;
    border: 1px solid #fff;
    height: 0;
    top: 12px;
}

.breadcrumb-steps ul li.done span:first-of-type:before {
	content: '';
    position: absolute;
    border: 1px solid #4da916;
    height: 0;
    top: 12px;
}

.breadcrumb-steps ul li {
    width: 239px;
    float: left;
    color: #fff;
    position: relative;
    font-size: 14px;
}

.breadcrumb-steps ul li.active span:last-of-type {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: 63px;
    left:111px;
}

   
.breadcrumb-steps ul li:nth-of-type(1) > span:first-of-type {
    margin: 0 110px 8px;
}

.breadcrumb-steps ul li:nth-of-type(1) > span:first-of-type:before {
    left: 127px;
    width: 220px;
}

.breadcrumb-steps ul li.active:nth-of-type(1) :after {
        left: -46px;
}

.breadcrumb-steps ul li:nth-of-type(2) > span:first-of-type {
      margin: 0 110px 8px;
}


.breadcrumb-steps ul li:nth-of-type(2) > span:first-of-type:before{
  left: 135px;
    width: 212px;

 }

.breadcrumb-steps ul li:nth-of-type(2):after {
    left: -46px;
}

.breadcrumb-steps ul li:nth-of-type(3) > span:first-of-type {
    margin: 0 110px 8px;
}

.breadcrumb-steps ul li:nth-of-type(3) > span:first-of-type:before{
left: 135px;
    width: 212px;
 }

.breadcrumb-steps ul li span:nth-of-type(3):before {
    left: 638px;

}

.breadcrumb-steps ul li:nth-of-type(3):after {
    left: -47px;
}

.breadcrumb-steps ul li:nth-of-type(4) > span:first-of-type  {
    margin: 0 110px 8px;
}

.breadcrumb-steps ul li:nth-of-type(4) > span:first-of-type:before{
    content:none;
 }

.breadcrumb-steps ul li span:nth-of-type(4):before {
   width:0;
}


.breadcrumb-steps ul li:nth-of-type(4):after {
   left: -48px;
}


.bread-back-button {
    background: none;
    border: none;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}


/* - - - - - - 1. Laptop model - - - - - - */


.trade-in-form-bg-options {
    background-color:#fff;
    padding:20px;
    text-align:center;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    width:407px;
    float:left;
    border:1px solid transparent;
}

.trade-in-form-bg-options:first-of-type {
    margin-right:20px;
}


.trade-in-form-bg-options img {
   display:block;
   margin:0 auto 7px;
}

.apple-option label, .windows-option label{
    font-weight: bold;
    font-size: 16px;
}


#displayTradeinform {
    margin-left: 0%; 
}


/* - - - - - - 2. About your laptop - - - - - - */

.trade-in-about-bg {
    background-color:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    width:100%;
    margin:0 0 25px;
}

.trade-in-about-bg-options-processor {
    padding:10px 20px 25px;
    min-height: 80px;
}

.trade-in-about-bg-options {
    padding:20px 20px 25px;
}

.trade-in-about-bg-options h3, .trade-in-about-bg-options-processor h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.trade-in-about-bg-options h3 span, .trade-in-about-bg-options-processor h3 span{
    margin-left:5px;
}


.trade-in-about-bg-options h3 span:before, .trade-in-about-bg-options-processor h3 span:before{
     content:'';
     position: relative;
     top: 3px;
     background-image: url(/SiteContent/images/TradeIn/whats-this-icon.png);
     width:16px;
     height:16px;
     display:inline-block;
}

.trade-in-about-bg-options h3 span a, .trade-in-about-bg-options-processor h3 span a{
    font-size:12px;
    color:#318bfb;
    margin-left:2px;
}

.btn-options-2 {
   width: 100%;
    background-color: #6a6a6a;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
        border-radius: 6px;
    font-size: 14px;
    padding: 13px 0;
    cursor:pointer;
}

.laptop-options .btn-options-2:first-of-type {
    margin-right:30px;
}

.btn-options-3 {
     width: 32%;
    background-color: #6a6a6a;
    color: #fff;
    display: block;
    float: left;
    margin: 10px 14px 5px 0px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    padding: 13px 0;
}

.btn-options-3:nth-of-type(3){
    margin-right:0;
}

.btn-options-3 span {
    font-size:11px;
}

.btn-options-4 {
      width: 200px;
    background-color: #6a6a6a;
    color: #fff;
    display: block;
    float: left;
    margin: 10px 26px 5px 0;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    padding: 13px 0;
}

.btn-options-4:nth-child(4n) {
     margin: 10px 0 5px 0;
  }

.processor-options 
{
    position: relative;
    top: 65px;
    min-height: 135px;
}

.processor-options .radio-options
{
    float: left;
    position:relative;
    width: 207px;
    margin: 0 10px 20px 0;
}

.missing-options .radio-options 
{
    float: left;
    position:relative;
    width: 207px;
    margin: 10px 10px 10px 0;
}

.mac-options .radio-options
{
    float: left;
    position:relative;
    width: 207px;
    margin: 10px 10px 10px 0;
}

.packaging-options{
    float: left;
    position:relative;
    margin: 20px 29px 10px 0;
    width:auto;
}

.radio-options{
    float: left;
    position:relative;
    width: 279px;
    margin: 0 12px 0px 0;
}

.error {
   display: block;
   margin-top:30px;
}

.error_left {
   display: block;
}

.error_left_top {
   display: block;
   margin-top:10px;
   margin-left:20px;
}

.condition-options .radio-options span{
   display: block;
   margin-left: 40px;
   padding: 9px 0 0;
}

.condition-options .radio-options label{
  float:left;
}

.trade-in-form-bg [name=processor-options], .trade-in-form-bg [name=laptop-options], .trade-in-form-bg [name=Condition], .trade-in-form-bg [name=Missing_Parts], 
.trade-in-form-bg [name=Battery_Life], .trade-in-form-bg [name=Processor], .trade-in-form-bg [name=Model], .trade-in-form-bg [name=send-options], .trade-in-about-bg [name=PostageMethod], 
.trade-in-about-bg [name=Has_Graphics_Card], .trade-in-about-bg [name=Screen], .trade-in-about-bg [name=Year]
{
    display: block;
    width:1px;
    height:1px;

}

[for^=radio]{
    position: relative;
    padding: 10px 40px 0 0;
       cursor:pointer;
}

[for^=radio]:before{
    content: '';
    background-image: url(/SiteContent/images/TradeIn/trade-radio-a.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    width: 26px;
    float: left;
    font-size: 120%;
    font-weight: bold;
    position: absolute;
    top: 0;
    height:30px;
    cursor:pointer;
}

[type=radio]:checked + [for^=radio]:before{
    background-image: url(/SiteContent/images/TradeIn/trade-radio-b.png);
    background-repeat: no-repeat;
    background-position: -4px 1px;
}

.trade-in-about-bg:last-of-type {
    margin:0;
}

#show-graphics-options {
    display:none;
}


/* - - - - - - 3. quote - - - - - - */

.trade-in-form-laptop-summary {
    padding:9px 20px 0;
    width:408px;
    float:left;

}
.trade-in-form-laptop-summary h2:before {
    content: '';
    background-image: url(/files/images/ld/laptop-trade-in-laptop-icon.gif);
    padding: 8px 22px 0;
    background-repeat: no-repeat;
}

.trade-in-form-quote-box {
    background-color:#fff;
    padding:20px;
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
    width:408px;
    float:left;
    text-align:center;
}

.trade-in-form-quote-box h2 {
    margin: 10px 0 5px;
}


.trade-in-form-laptop-summary:first-of-type {
    margin-right:20px;
}

.trade-in-about-bg-packaging {
    padding:20px 20px 10px;
}


.trade-in-form-quote-box .value
{
    padding: 35px 0 45px;
    float: none!important;
    margin: 0!important;
    text-align: center;
    position: relative;
}

.trade-in-form-quote-box .value .voucher
{
    background-color: #100d66;
    width: 150px;
    height: 50px;
    color: #fff;
    position: relative;
    display: inline-block;
    top: 7px;
    left: 27px;
}

.trade-in-form-quote-box .value .voucher:before
{
  content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 20px 25px 0;
    border-color: transparent #100d66 transparent transparent;
    display: inline-block;
    position: relative;
    right: 85px;
}

.trade-in-form-quote-box .value .voucher span
{
    position: absolute;
    top: 15px;
    left: 11px;
    color: #fff;
    font-size: 14px;
}

 .trade-in-form-bg ul  {
         margin:20px 0 0;
         padding: 0 0;
         list-style:none;
}

.trade-in-form-bg ul li{
        background: url('/files/images/ld/laptop-trade-in-list-tick.gif') no-repeat left top;
        min-height: 20px;
        padding-left: 44px;
        margin: 0 0 10px;
}

/*.trade-in-form-bg select {
    width:100%;
    height:30px;
}*/

.onepagecheckout select:focus {
    outline: none;
}

.data-safe-margin {
        margin-top: 60px;
}

.data-safe-margin p{
    margin: 18px 0 0;

}

.data-safe-margin p:before{
    content: '';
    background-image: url(/files/images/ld/laptop-trade-in-datasafe.gif);
    padding: 7px 13px 0;
    background-repeat: no-repeat;
}

.send-options 
{
    position: relative;
}


.send-options .radio-options {
    float: left;
     position: relative; 
    width: 207px;
    margin: 10px 0px 0px 0;
}


.laptop-packaging {
   margin: 22px 0 0;
    border-top: 1px solid #ececec;
    padding: 18px 0 0;
}

.laptop-packaging p{
   margin: 0;
}
.quote-forms .other-input .inputText {
  width: 100%;
}

.quote-forms select {
    width: 100%;
    height: 30px;
}

.speed-up-payment {
    margin: 0 0 30px;
}

.speed-up-payment h2{
    margin: 10px 0 0px;
}

.voucher-price {
    margin:20px 0 0;
    background-color:#100d66;
    padding:20px;
    color:#fff;
}

.voucher-price a{
    color:#fff;
}

.submit-quote {
    margin:30px 0 0;
}

.submit-quote p, .submit-quote div{
    display:inline-block;
}

.submit-quote p{
    float:left;
    margin:0;
}

.submit-quote #submitButton{
    float:right;
}

.submit-quote .data-safe-margin{
   margin-top:0;
}


.paypal {
    height:246px;
}

.bacs {
    height: 320px;
}

.safe-trust-icon {
    float:left;
    width:22%;
}

.safe-content {
    float:right;
    width:78%;
}

.packaging-tips {
    margin:20px 0 0;
}

.packaging-tips a {
    font-size: 12px;
    color: #318bfb;
}

.tooltip-box {
width:680px;
}


    .tooltip-box hr {
        margin: 20px 0;
    border-color: #000;
    
    }

.trade-in-about-bg-options-payment {
    background-color:#fff;
    padding: 20px 20px 25px;
    min-height: 90px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.edit-back-button {
    background: none;
    border: none;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}


.trade-in-form-bg-payment {
    padding: 20px 20px 10px;
    background-color: #ececec;
    margin: 0 0 0px;
}


.trade-in-form-bg-payment select, .trade-in-about-bg select{
    width:100%;
    height:30px;
}

.postcode-input {
    width: 307px!important;
    display: inline-block;
    margin-right: 20px;
    }

.btn-find-address {
    padding: 9px;
    float: none;
    width: 200px;
    border: 1px solid #0F206C;
    display: inline-block;
    position: relative;
    top: -7px;
}

.price-valuation-note {
    font-size: 10px;
    float: right;
    margin-bottom: 0;
    padding-top: 6px;
}

/* - - - - - - 4. order complete - - - - - - */


.complete-buttons {
     width:410px; 
     margin: 30px auto 10px;
}

.btn-complete-options {
    width: 198px;
    background-color: #6a6a6a;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    padding: 13px 0;
    cursor: pointer;
    margin: 0 auto;
    text-decoration:none;
    border:1px solid transparent;
}




/* slider
----------------------*/
.slide-wrap {
    margin: 5% auto 0;
    width: 100%;
}
.slide-mask {
    position: relative;
    overflow: hidden;
    height: 305px;
}
.slide-group {
    position: absolute; 
    top: 0px; 
    left: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.slide {
    min-height: 305px;
    font-size: 1em;
    color: #000;
    text-align: center;
    margin:0;
}

    .slide img {
        border: 0;
        display: block;
        height: 240px;
        width: 100%;
    }

/* nav
----------------------*/
.slide-nav {
    text-align: center;
}
.slide-nav ul {
    margin: 0;
    padding: 20px 0 0;
}
.slide-nav li {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #6a6a6a;
    cursor: pointer;
    margin-left: .5em;
    border-radius:10px;
}
.slide-nav li.current {
	background: #100d66;
}


/* - - - - - - trade in buttons - - - - - - */

.tradeinwrapper .btn {
    width: 150px;
    color: #fff;
    display: block;
    border-radius: 6px;
    font-size: 16px;
    padding: 13px 0;
    font-weight: bold;

}

.tradeinwrapper .btn-green {
    background-color: #04865c;
    border: 1px solid #04865c;
}


.tradeinwrapper .btn-green:hover {
    background-color: #fff;
    border: 1px solid #04865c;
}

  .tradeinwrapper   .btn-green:active {
        background-color:#4da916;
    }



.tradeinwrapper .btn-blue {
    background-color:#0F206C;
}


  .tradeinwrapper   .btn-blue:hover {
        background-color:#fff;
        color:#0F206C;
        border:1px solid #0F206C;
    }



.tradeinwrapper .btn-center {
    margin:20px auto 0;
}

.tradeinwrapper #backButton {
    background: none;
    background-color: #fff;
    border: 1px solid #100d66;
    border-radius: 5px;
    color: #100d66;
    text-indent: 0;
    width: 180px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.tradeinwrapper #backButton:before{
    color: #100d66;
    content: '«';
    top: 3px;
    font-size: 29px;
    position: absolute;
    left: 13px;
    font-weight: bold;
    font-size: 190%;
    line-height: 100%;
    cursor: pointer;

}

.tradeinwrapper #backButton:hover, #backButton:hover:before {
    color:#fff;
}

.tradeinwrapper #nextButton, .tradeinwrapper #submitButton {
    background: none;
    background-color: #04865c;
    border: 1px solid #04865c;
    border-radius: 5px;
    color: #fff;
    width: 180px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: left;
    text-indent: 10px;
}

.tradeinwrapper #nextButton:after, .tradeinwrapper #submitButton:after{
    content: "»";
    color: white;
    position: absolute;
    top: 2px;
    right: 14px;
    font-weight: bold;
    font-size: 190%;
    line-height: 100%;
    cursor: pointer;
}



.tradeinwrapper #sellitButton {
    background: none;
    background-color: #04865c;
    border: 1px solid #04865c;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
}

.tradeinwrapper .btn-address-finder {
    width: 36%;
    margin: 0% 0 0 2%;
    text-align:center;
    display: inline-block;
}

.tradeinwrapper #accordion .active {
    background-color: #04865c;
}

.tradeinwrapper #accordion .active:hover {
    color:#fff;
    border:none;
}


.tradeinwrapper button.findaddress {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    color: white;
    font-weight: bold;
    padding: 11px 5px;
    background: #04865C;
    border: none;
    cursor: pointer;
    width: 120px;
}

   .tradeinwrapper button.findaddress:hover {
        text-decoration: underline;
    }


/* - - - - - - accordian  - - - - - - */

#accordion {
position:relative;
}

  .accordion-toggle {
      cursor: pointer;
      width: 49%;
      position: absolute;

  }

    .accordion-intel {
    left:0;
     top: 0;
  }

      .accordion-amd{

          right:0;
            top: 0;
  }

  .accordion-content {display: none;}

  .accordion-content.default {display: block;/* height:121px*/}



  .accordion-toggle-payment {
    cursor: pointer;
    width: 33%;
    position: absolute;
  }

	label.accordion-toggle-payment > input {
		display:none;
	}

  .accordion-paypal {
     left:0;
     top: 10px;
  }

  .accordion-bacs {
    left: 294px;
    top: 10px;
  }

  .accordion-voucher {
     top: 10px;
     left:588px;
  }




.payment-options {
    position: relative;
    top: 70px;
    min-height:90px;
 
}
    

/* - - - - - - floating labels  - - - - - - */


.has-float-label {
    position: relative;
    margin:25px 0 0;
}

.processor-options .has-float-label {
    margin: 5px 0 0px;
    height: 96px;
}

.send-options .has-float-label {
    margin: 5px 0 0px;
    height: 96px;
}

.model-options .has-float-label {
    margin: 5px 0 0px;
    height: 96px;
}

.Missing_Parts .has-float-label {
    margin: 5px 0 0px;
    height: 96px;
}

.has-float-label label {
    position: absolute;
    left: 0;
    top: 0;
    cursor: text;
    font-size: 90%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    color:#000;
}

.has-float-label .form-control {
    font-size:inherit;
    padding-top: 18px;
    margin-bottom:2px;
    border:0;
    border-radius:0;
    background:0 0;
    border-bottom:2px solid rgba(0,0,0,.1);
    width:100%;
}
.has-float-label .form-control::-webkit-input-placeholder {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.has-float-label .form-control::-moz-placeholder {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.has-float-label .form-control:-ms-input-placeholder {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.has-float-label .form-control::placeholder {
    -webkit-transition: all .2s;
    transition: all .2s;

}
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
    opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
    opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
    opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
    font-size: 106%;
    top: 0.5em;
}
.has-float-label .form-control:focus {
    outline: none;
    border-color:#5264AE;
}


/* - - - - - - swiper  - - - - - - */

.tooltip-box .swiper-wrapper .swiper-slide img {
    width:100%;
    height: 350px;
}

.tooltip-box .swiper-pagination {
    position:static!important;
}

.tooltip-box .swiper-pagination-bullet {
    width: 12px!important;
    height: 12px!important;
}

/* - - - - - - new laptop options - - - - - - */

.hide-new-options {
display:none;
}