﻿@media only screen and (min-width: 768px) {
    /* Basic Styles */

    h2 {
        color: #D84E46;
        font-size: 1em;
        font-weight: 400;
    }
    /* Basic layout*/



    #container {
        max-width: 1400px;
    }

    #innercontainer {
        width: 96%;
    }

    #footer {
        max-width: 100%;
        height: 290px;
        line-height: 1em;
    }

        #footer img {
        }

    #footerinner {
    }

    #footerinnercontent {
    }

    #footertop {
    }

    #nortonsealphone {
        visibility: hidden;
        display: none;
    }

    #nortonseal {
        visibility: visible;
        display: block;
    }

    #footerbottom {
        /* margin-top:10px;     padding-top: 15px;*/
        padding-bottom: 25px;
    }

    /* Order form
                                                                                                    */

    #orderForm {
        /*width: 62.5%;*/
        padding: 10px;
        margin: 0px;
        float: left;
    }

    #orderformadditional {
        width: 23%;
        float: left;
    }

    .orderSections {
    }

    .tdAlignLeft {
        width: 48%;
        padding-right: 1%;
    }

    .tdInputFR {
        float: right;
        padding-right: 0%;
    }


    .tdCCAlignLeft {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 180px;
    }

    .tdAlignLeft2 {
        width: 48%;
        padding-right: 1%;
    }


    .tdCCAlignLeft2 {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 180px;
    }

    .tdAlignLeftPostcodeLookup {
        width: 100%;
        float: left;
        padding: 5px;
    }

    .InputOrderForm {
        width: 100%;
        font-size: 0.8em;
    }

    .inputOrderNotes {
        font-size: 0.8em;
    }

    .InputCC {
        font-size: 1em;
    }

    .watermarked {
        font-size: 0.8em;
    }


    .watermarkednotes {
        font-size: 0.8em;
    }

    .orderInstructions {
    }



    .postcodeLookupListBox {
        width: 100%;
    }


    #orderCreditcard {
        width: 460px;
    }

    #thawteseal {
        display: block;
        width: 120px;
        float: right;
    }

    #thawteseal2 {
        display: none;
    }

    .saveOrder {
    }

    a.saveOrder {
    }

    .orderCarInfo {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .orderCarInfoShadow {
    }

    .orderCarLabel {
        width: 130px;
    }

    .orderCarText {
        width: 420px;
    }


    /*Request quote */

    #requestQuote {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        #requestQuote > img {
            max-width: 80%;
            margin: 0px;
            margin-top: -10px;
        }

    #requestQuoteInner {
        width: 85%;
        background-color: #f4f4f4;
        padding: 24px;
        margin-left: auto;
        margin-right: auto;
    }

    .requestQuoteFields {
        margin-bottom: 8px;
    }

        .requestQuoteFields label {
            width: 100%;
            clear: right;
            color: #666666;
            text-transform: uppercase;
            font-size: 0.8em;
            margin-bottom: 5px;
        }
    /*@media only screen and (min-width:768px)*/
    .requestQuoteDll {
        width: 100%;
        clear: right;
        color: #666666;
        text-transform: uppercase;
        font-size: 0.8em;
        padding: 5px;
        border: 0 !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #FFFFFF url(/images/ddlArrow.png) no-repeat 100% right;
        text-indent: 0.01px;
        text-overflow: "";
        b-ox-shadow: inset 0 0 5px rgba(000, 000, 000, 0.5);
    }


        .requestQuoteDll::-ms-expand {
            display: none;
        }

    .rqShadow {
        width: 85%;
        margin-top: -10px;
        margin-left: auto;
        margin-right: auto;
    }

    .quoteGuaranteesInner {
        width: 85%; /* padding: 24px;*/
        margin-left: auto;
        margin-right: auto;
    }

    #stepsbox {
        width: 55%;
        float: left;
        position: relative;
        height: 550px;
    }

    #stepsboxInner1 {
    }

    #stepsboxInner2 {
    }

    #stepsbox h1 {
    }


    .stepcontanier {
        margin-bottom: 25px;
    }

    .stepicon {
    }

        .stepicon img {
        }

    .steptext {
    }

    #stampHolder {
        width: 150px;
        float: right;
        margin-right: 20px;
        margin-top: -20px;
    }

    #homespecialoffer {
        width: 305px;
        float: right;
        height: 300px;
    }


    .AsSeenInHolder {
        width: 28%;
        background-position: 50%;
    }


    #homeTestimonialsHolder {
        max-width: 1400px;
        height: 300px;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }


    #hometestimonial {
        width: 31.2%;
    }

    .homeTestimonialH2 {
        margin-bottom: 45px;
        font-size: 1.2em;
    }

    #hometestimonialText {
        font-size: 0.89em;
    }

    #homeHJ {
        width: 31.2%;
        float: left;
        margin-left: 2%;
    }

    #HJtestimonialinner {
        padding-bottom: 40%;
    }

    #homeAdvert {
        width: 31.2%;
        float: left;
        margin-left: 2%;
    }

    /*Quoting*/
    #displayPriceActions {
        width: 220px;
        float: right;
    }

    #displayPrice {
        /*width:40%;*/
        width: 450px;
        float: left;
    }

    .displayPriceItem {
    }

        .displayPriceItem label {
        }

    .displayPriceCost {
    }

    .displayPriceActionsItem {
        width: 170px;
        background-image: url('/images/quoteactionbackmb2.png');
    }

    .displaySpecialOfferButtons {
        width: 200px;
    }

    .displayPriceActionsItem a {
    }

    .quoteactions {
    }

        .quoteactions a {
        }
    /*end quoting*/
    #chooseoptionsinner {
    }

    #optionsform {
        /*float: left;*/
    }

    #optionTypes {
    }

    .optHeader {
    }

    .optHeaderRight {
    }

    .optHeaderLeft {
    }

    .optionItem {
    }

    .optItemChk {
    }

    .optItemDesc {
    }

    #optionsCost {
    }

    .optionsCostItem {
    }

        .optionsCostItem label {
        }

    optionsCostTB {
        width: 228px;
        float: left;
    }

    #getDiscountButton {
    }

        #getDiscountButton a {
        }

    #displayPrice {
    }

    #buyCarSearch {
    }





    #HJcredentialsinner {
        padding: 0% 0% 33% 0%;
    }

    .listVariant {
        width: 33%;
        height: 40px;
    }
    /*SEO*/

    #SEOListingInner {
        /* min-height:auto;*/
    }

    #SEOListingItems {
    }

        #SEOListingItems h1 {
        }

    .SEOItem {
        width: 48%;
    }

    .SEOItemPad {
        width: 48%;
    }

    /*
                    vertical-align: top;
                    height: 35px;
                 
                    background-position: 100%;
                    background-repeat: no-repeat;
                    display: inline-block;
                    zoom: 1;
                   
                    padding: 8px;
                    margin-bottom: 10px; *display:inline;}
              }
                
                    
                .SEOStretch
                {
                    text-align: justify;
                    -ms-text-justify: distribute-all-lines;
                    text-justify: distribute-all-lines;
                }
                .SEOItem a
                {
                    text-decoration: none;
                    text-transform: capitalize;
                    color: #666666;
                }*/

    . /*CH_description {
            float: left;
            width: 46%;
        }

        .CH_Choices {
            float: right;
            width: 46%;
            
        }*/
    .CHspecialofflink {
        width: 130px;
    }

   .specialOfferDDLholder {
       float:left;
       width:45%;
       margin-right:2%;

   }
}
