/*	--------------------------------------------------
	:: Media queries
	-------------------------------------------------- */

/* 850px - Footer Nav Wrap */
@media screen and (max-width: 850px) {
    #footer ul { padding:0; background:none; text-align:left; }
    #footer li { display:block; border-bottom:1px solid #999999; border-right:0; padding:8px 0; background: #dedede; /* Old browsers */
    background: -moz-linear-gradient(top, #dedede 0%, #ffffff 30%, #ffffff 69%, #dedede 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(30%,#ffffff), color-stop(69%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dedede 0%,#ffffff 30%,#ffffff 69%,#dedede 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dedede 0%,#ffffff 30%,#ffffff 69%,#dedede 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dedede 0%,#ffffff 30%,#ffffff 69%,#dedede 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dedede 0%,#ffffff 30%,#ffffff 69%,#dedede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */ }
    #opening-times li { background:none; border:0; line-height:1.5em; padding:0; }
    #links { display:none; }
    #footer #additional { display:block; }
    #footer li {margin-bottom: 0px; }
}

/* 800px - Progress Bar Wrap */
@media screen and (max-width: 980px) {
    .progress-bar span { display:none; }
    .progress-bar li.current { width:40%; }
    .progress-bar li { width:15%; }
    .progress-bar .current span { display:inline; }
    
    .productOverview .fieldset, 
    .productOverview .bookletCopy { width:100%; }
    .productOverview .policyPricing h3 { height:auto; }
    
    .productOverview.three .fieldset, 
    .productOverview.three .bookletCopy { width:100%; }
    .productDetails { max-width: 48%;min-height: 0px !important;}
    .productOverview { width: 100%;}

}
/* 640px */
@media screen and (max-width: 639px) {
    .productDetails { max-width: 450px;}
    .productDetails { min-height: 0px !important;}
    .policyPricing { min-height: 0px!important;}
    #wrapper { max-width:639px; }
    #banner { height:170px; }
    #header a { background:url("/images/jaguar/logo.jpg") no-repeat scroll 0 0; background-size:100% auto; height:20px; margin:10px auto; width:96px; }
    #titletext { font-family:'JaguarModernWeb-Regular'; width:283px; color:#3c3c3b; font-size:16px;vertical-align:top;padding:0px;margin:4px 5px 5px 5px }
    .progress-bar li.current { width:52%; }
    .progress-bar li { width:12%; }
    .progress-bar li a { margin:0; }
    .formFields { margin:0; width:100%; text-align:center; }
    .formFields p { padding-left:0; }
    .formFields label { display:block; margin:0; padding-left:20px; position:relative; text-align:left; width:100%; }
    .formFields input[type="text"], .formFields input[type="password"] { float:none; width:calc(100% - 50px); }
    .formFields select { float:none; width:calc(100% - 50px); }
    .formFields.tripleFields div { text-align:center; width:33%; margin:0; }
    .formFields.tripleFields div input, .formFields.tripleFields div select { width:75%; }
    
    .formFields.tripleFields .sortcode-dash { display: none;}
    .formFields.tripleFields label { display: none;}
    .formFields.tripleFields div { display: inline-block;width: 32% !important; }
    
    #noRegManualSelectLink, #manualSelectLink { padding-left:15px; width:100%; text-align:left; }
    #editProduct { left:auto; }
    #vehicleRegistrationLookup, #postcodeLookup { margin:0 auto 20px; }     
    #back { position:relative; float:left; margin:0 10px 10px; }
    .productOverview { width: 100%; }
    .productOverview.three { width: 100%; }
    .productOverview .bookletCopy p { display:none; }
    .formFields.checkboxFields div { margin:0 0 0 15px; overflow:hidden; }
    .formFields.checkboxFields input { float:left; }
    .formFields.checkboxFields div label { margin:0 10px 10px 0; padding-left:10px; width:auto; }
    #personalSummary, #vehicleSummary { float:none; width:100%; }
    #productSummary ul { float:none !important; width:auto; }
    #productSummary .policyDetails { margin: 0 20px; }
    #purchaseByCard, #purchaseByDirectDebit { clear:both; margin:0 auto; }
    label.checkLabel { margin:0; width:auto !important; padding-left:10px !important; }
    #customerAcceptance { margin-left:15px; }
    .totalCost { padding-left:15px; text-align:left; }
    .buttonOptions label { margin:15px 0 5px; padding:0; text-align:center; }
    .sortcode-dash { right:-2px; }
    #PayByDirectDebitForm .checkboxFields label { padding-left:15px; width:auto; margin:0 10px 10px 0; }
    #PayByDirectDebitForm .checkboxFields div { margin:0 0 0 15px; clear:both; }
    #PayByDirectDebitForm .checkboxFields input { margin:1px 0 10px; }
    .print { left:0; position:relative; }
    .receipt #productSummary ul { padding-right:20px; width:auto; }
    #ddInstalmentDetails { clear:both; margin-top:20px; width:100%; }
    #ddInstalmentDetails ul { text-align:right; }
    #ddBankDetails { width:100%; }
    #jagTemplate #text1, #jagTemplate #text2, #jagTemplate #text3, #faqList { width:auto ; }
    .dealer-account { padding:0 6px; }
    .dealer-logout, .dealer-welcome { padding:0 7px; }
    .dealer-details { font-size:10px; }
    .formFields.checkboxFields input[type=checkbox], #customerAcceptance {
      border:1px solid rgba(0,0,0,0.2);
      height: 27px;
      width: 75px;
      -webkit-appearance: none;
      -webkit-border-radius:15px;
      background-image: url("/images/jaguar/checkbox.png");
      background-position: -50px 0;
      background-repeat: no-repeat;
      -webkit-animation-timing-function: ease-in-out;
      -webkit-animation-duration: 400ms;
      -webkit-animation-name: checkbox-switch-off;
    }
    .formFields.checkboxFields input:checked[type=checkbox], #customerAcceptance:checked[type=checkbox] {
      background-position: 0 0;
      -webkit-animation-name: checkbox-switch-on;
    }
    .formFields.checkboxFields div label { height:26px; line-height:26px; }
    .formFields.checkboxFields div label input { top:-4px; position:relative; }
    
    @-webkit-keyframes checkbox-switch-on {
      from {
        background-position: -50px 0;
      }
      to {
        background-position: -2px 0;
      }
    }

    @-webkit-keyframes checkbox-switch-off {
      from {
        background-position: -2px 0;
      }
      to {
        background-position: -50px 0;
      }
    }
    
    #dd-intro, #dd-outro, #acceptanceSummary { overflow:auto;  display:none; bottom:0; height:95%; left:0; margin:0 auto; position:fixed; right:0; top:0; background:#FFF; width:65%; z-index:2; }
    #view-dd, #view-ddo, #view-as { display:block; overflow:auto; }
    #btnPrint { display:none !important; }
    #getModels, #getFuelTypes, #getVehicleTypes, #getEngineSizes { margin: 0 auto 20px; }

    .productOverviewLeft { min-height: 0px;}

}

/* 320px */
@media screen and (max-width: 320px) {
    #wrapper { max-width:320px; }
    #banner { height:84px; }
    .formFields input[type="text"], .formFields input[type="password"] { width:278px; }
    .formFields select, #noRegManualSelectLink, #manualSelectLink { width:290px; }
    #back { margin:0 15px 10px; }
    .purchaseButton .button { width:250px; }
}

ul.kp-statements li {
  padding-bottom:1em;
}

ul.kp-statements li label.checkLabel{
  float:none;
  display:inline;
}