﻿@media only screen and (min-width: 1024px)
{

    /* Basic Styles */

    #container
    {
        max-width: 100%;
        position: relative;
        border: 1px solid #f4f4f4;
    }

    #innercontainer
    {
        width: 1000px;
    }

    #footer
    {
       /* max-width: 1400px; */
    }

    #footer img
    {
        width: 100%;
        height: auto;
    }

    #footerinner
    {
    }

    #footerinnercontent
    {
        width: 1000px;
    }

    #footertop
    {
        width: 1000px;
    }

    #footerbottom
    {
        width: 1000px;
    }

    .footermenuholder
    {
        width: 18%;
    }

    ul.footermenu
    {
        margin-top: 50px;
    }

    #nortonseal {
        float: right;
        margin-right: 10px;
        margin-top:40px;
    }

    /*
                                                                header stuff
                                                                */

    #header
    {
        width: 100%;
        height: 167px;
    }

    #headertop
    {
        height: 105px;
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    #logoholder
    {
        m-argin-left: 3%;
        width: 20%;
        margin-left: -15px;
    }

    #logoholder img
    {
        max-width: 100%;
    }

    #menuholder
    {
        display: block;
        height: 46px;
        background-color: #B9C551;
    }

    #menu
    {
        display: block;
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    #littlemenu
    {
        display: none;
    }

    /*@media only screen and (min-width:1024px)*/
    #headeradvertholder
    {
        display: block;
        margin-top: 16px;
        float: right;
    }


    #smallmenuholder
    {
        display: none;
    }

    ul.headermenu
    {
        padding: 0px;
        display: table;
        width: 100%;
        border-collapse: collapse;
        border: none;
    }

    ul.headermenu > li:first-child
    {
        border-left-style: solid;
        margin-left: 0px;
        border-left-color: #c9d761;
    }

    ul.headermenu > li:last-child
    {
        p-adding-right: 16px;
    }

    ul.headermenu > li
    {
        border-width: 1px;
        border-color: #c9d761;
        display: table-cell;
        list-style-type: none; /*padding-left: 10px;         padding-right: 10px;*/
        text-align: center;
        border-right-style: solid;
        border-right-color: #c9d761;
        m-in-height: 50px;
        p-adding-left: 20px;
        p-adding-right: 20px;
        padding-top: 13px;
        padding-bottom: 13px;
        background-color: #B9C551;
        margin-left: -2px;
    }




    ul.headermenu > li:hover
    {
        background-color: #9DA62A;
    }

    .better-active
    {
        background-color: #9DA62A !important;
    }

    ul.headermenu > li:active
    {
        /*background-color: #ffffff;*/
        background-color: #9DA62A;
    }
    ul.headermenu a
    {
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 0.8em;
    }

    /* Order form */

    #orderForm
    {
        width: 660px;
        padding: 10px;
    }

    .orderSections
    {
    }

    .tdAlignLeft
    {
        width: 48%;
        padding-right: 1%;
    }

    .tdInputFR
    {
        float: right;
        padding-right: 0%;
    }


    .tdCCAlignLeft
    {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 180px;
    }

    .tdAlignLeft2
    {
    }


    .tdCCAlignLeft2
    {
    }

    .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
    {
    }
    #thawteseal2
    {
    }
    .paddlock
    {
        padding-top: 5%;
        width: 5%;
    }

    .saveOrder
    {
    }

    a.saveOrder
    {
    }

    .orderCarInfo
    {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .orderCarInfoShadow
    {
    }

    .orderCarLabel
    {
        width: 130px;
    }

    .orderCarText
    {
        width: 420px;
    }


    /* page heads */

    #pageheader
    {
        /*max-width: 1400px;*/
    }

    #pageheaderinner
    {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }


    #pageheader h1
    {
    }

    /* page heads */
    #homepageheader
    {
        /*max-width: 1400px;*/
        background-image: url('/images/homebanner_LG.jpg');
        background-size: cover;
        height: 403px;
    }

    #homepageheaderinner
    {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    #homestrapline
    {
        width: 600px;
        margin-right: 0px;
        float: right;
        margin-top: 80px;
        clear: none;
    }

    #homepageheader h1
    {
        font-size: 2.8em;
    }


    #homerequestquote
    {
        width: 380px;
        height: 380px;
        border-radius: 190px;
        f-ont-size: 50px;
        color: #fff;
        l-ine-height: 500px;
        text-align: center;
        background-color: rgb(221,69,2);
        background-color: rgba(221,69,2,0.77);
        float: left;
        clear: none;
    }

    #homerequestquote h2
    {
        font-size: 1.3em;
        text-transform: none;
        color: #ffffff;
    }

    #homerequestquoteinner
    {
        margin-top: 75px;
    }

    #homedropdowns
    {
        margin-top: 35px;
    }

    .homeSearchDll > select
    {
        background-position: center;
        font-size: 1.3em;
        color: #666666;
        width: 292px;
        /*width: 320px;*/
        height: 50px;
        padding: 5px;
        margin-bottom: 25px;
        border: 0 !important; /*Removes border*/
        -webkit-appearance: none; /*Removes default chrome and safari style*/
        -moz-appearance: none; /* Removes Default Firefox style*/
        /*background: #FFFFFF url(/images/ddlBack.png) repeat 190px center;*/

         background: #FFFFFF url(/images/ddlArrow.png) no-repeat 100% center ;

        text-indent: 0.01px; /* Removes default arrow from firefox*/
        text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
        b-ox-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
    }
    
    /*.homeSearchDll
    {
    position:relative;
    display:inline-block;
    z-index:0;
    
}
.homeSearchDll select {
    z-index:1;
}

.homeSearchDll:before {
    display:block;
    position:absolute;
    content:'';
    right:0px;
    top:-2px;
    height:3.1em;
    width:2em;
    margin:2px;
    /*background:red;
    background:#FFFFFF url(/images/ddlBack.png) repeat 190px center;
    z-index:5;
     
}*/
    #homesearchSubmit
    {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background: #FFFFFF url(/images/submitbuttonback.png) repeat 190px center;
    }

    #homesearchSubmit a
    {
        color: #ffffff;
        text-decoration: none;
        font-size: 1.2em;
        text-transform: uppercase;
    }

    #buyCarRefineSearch
    {
        float: right;
        width: 260px;
    }

    /*Request quote */

    #requestQuote
    {
        width: 100%;
    }

    #requestQuote > img
    {
    }
    #requestQuoteInner
    {
        width: 100%;
    }

    .RQDll
    
    {
    position:relative;
    display:inline-block;
    z-index:0;
    width: 100%;
}
    
       .rRQDll   select
        {
    z-index:1;
}
       .RQDll:before {
    display:block;
    position:absolute;
    content:'';
    right:-2px;
    top:-2px;
    height:1.6em;
    width:2.3em;
    margin:2px;
    background: #FFFFFF url(/images/ddlArrow.png) no-repeat 100% center;
    z-index:5;
}
    
    
    
    .requestQuoteFields label
    {
    }

    .requestQuoteDll
    {
    
    }


    .requestQuoteDll::-ms-expand
    {
        display: none;
    }

    #stepsbox
    {
        width: 68%;
        float: left;
        position: relative;
    }

    #stepsboxInner1
    {
        border-bottom: 1px solid #f4f4f4;
        padding-bottom: 25px;
        height: 390px;
    }

    #stepsboxInner2
    {
        width: 63%;
        margin-top: 20px;
        float: left;
    }
    #stepsbox h1
    {
        margin-top: 60px;
        margin-bottom: 45px;
    }


    .stepcontanier
    {
        width: 30%;
        margin-right: 3%;
        float: left;
        text-align: center;
        display: block !important;
    }

    .stepicon
    {
        width: 100%;
        h-eight: 100%;
        float: left;
        display: block !important;
        vertical-align: middle;
    }

    .stepicon img
    {
        width: auto;
        height: auto;
    }

    .steptext
    {
        margin-top: 32px;
        display: block !important;
        font-size: 1em;
    }







    #stampHolder
    {
        width: 150px;
        float: right;
        margin-right: 20px;
        margin-top: -20px;
    }

    .AsSeenInHolder
    {
        width: 12%;
    }

    /* buy a car */
    #buyacarinner
    {
        width: 1000px;
    }
    #carsList
    {
        float: left;
        width: 71.5%;
        padding-left: 0;
        padding-right: 25px;
    }
    #buyCarRefineSearch
    {
        float: right;
        width: 28%;
    }
    .extraInfo
    {
    }
    .extraInfoHead
    {
    }
    .extraInfoText
    {
    }
    .listVariant
    {
        width: 33.3333%;
        height: 50px;
    }
    .listVariant a
    {
    }
    /*Quoting*/

    #displayPriceActions
    {
    }
    #displayPrice
    {
        width: 450px;
        float: left;
    }
    .displayPriceItem
    {
    }
    .displayPriceItem label
    {
        width: 220px;
    }
    .displayPriceCost
    {
        width: 220px;
    }
    .displayPriceActionsItem
    {
        width: 220px;
        background-image: url('/images/quoteactionback.png');
    }
    .displayPriceActionsItem a
    {
    }
    .quoteactions
    {
    }
    .quoteactions a
    {
    }
    /*end quoting*/


    #carpageheader
    {
        font-size: 2em; /*margin-top: 15px !important;*/
        line-height: 1em;
        padding-bottom: 15px;
    }

    #chooseoptionsinner
    {
        width: 1000px;
    }
    #optionsform
    {
        width: 71%;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 25px;
        float: left;
    }
    #optionTypes
    {
    }
    .optHeader
    {
    }
    .optHeaderRight
    {
    }
    .optHeaderLeft
    {
    }
    .optionItem
    {
    }
    .optItemChk
    {
        width: 5%;
    }
    .optItemDesc
    {
        width: 80%;
    }
    .optItemCost
    {
        float: right;
        padding: 3px;
        width: 80px;
        text-align: right;
    }
    #optionsCost
    {
        width: 496px;
    }
    .optionsCostItem
    {
    }
    .optionsCostItem label
    {
        width: 228px;
    }
    .optionsCostTB
    {
        width: 50%;
    }

    #getDiscountButton
    {
        width: 50%;
        float: left;
        padding: 8px;
    }
    #getDiscountButton a
    {
    }
    #displayPrice
    {
    }
    #buyCarSearch
    {
        /**/
        float: right;
        width: 28%;
    }

    #userForm
    {
        /*width: 500px;*/
    }
    .userFormPreamble
    {
    }
    .tdName
    {
    }
    .tdAddress1
    {
        float: left;
        width: 48%;
    }
    .tdAddress2
    {
        float: right;
        width: 48%;
    }
    
        .tdAddress1i
    {
        float: left;
        width: 48%;
    }
    .tdAddress2i
    {
        float: right;
        width: 48%;
    }
    .InputTitle
    {
        width: 50px;
    }
    .InputFirstLastName
    {
        /*width: 200px;*/
        width: 100%;
    }
    .InputPostcode
    {
        width: 100px; /*margin-left:20px;*/
    }
    .btnFindAddress
    {
        float: none;
        padding: 2px;
        margin-left: 41px;
        display:none;
        visibility:hidden;
    }
    .FormCheckBox
    {
    }
    .FormlabelWideText
    {
    }
    .saveContinue
    {
    }
    .saveContinue a
    {
    }

    /* General CMS*/

    #generalcontainer
    {
        width: 1000px;
        padding-left: 0%;
        padding-right: 0%;
    }
    #generalCopy
    {
        width: 660px;
        float: left;
    }
    #generalExtra
    {
        width: 312px;
        float: right;
    }

    .soSlider
    {
        width: 305px;
        margin-left: auto;
        margin-right: auto;
    }

    .RequestQuote
    {
        width: 305px;
        margin-left: auto;
        margin-right: auto;
        float: left;
    }

    .rqShadow
    {
        width: 100%;
        margin-top: -10px;
    }

    .specialoffer
    {
        padding: 10px;
        background-color: #f4f4f4;
        position: relative;
        p-adding-bottom: 20px;
    }
    .specialofferdescription
    {
        w-idth: 440px;
        f-loat: left;
        h-eight: 175px;
    }
    .sp_ourprice
    {
        font-size: 1.5em;
        color: #ffffff;
        font-weight: bold;
    }
    .specialOfferPrices
    {
        w-idth: 180px;
        f-loat: right;
    }

    .specialofflink
    {
        p-adding: 0px;
        f-loat: right;
        width: 135px !important;
        background-repeat: no-repeat;
        /*background-position-x: -100px;
        background-position: -100px 0px;*/
        height: 30px;
        padding: 5px !important;
        background-image: url('/images/quoteactionback20150331i.png') !important;
        
    }


    #credentialsCopy
    {
        width: 658px;
        float: left;
    }
    #HJcredentials
    {
    }
    #HJcredentialsinner
    {
        padding-bottom: 39%;
    }
    #HJcredentialsspeech
    {
    }
    #saysHonestJohn
    {
        font-size: 1.4em;
        margin-left: 20%;
    }
    
       #HJtestimonialinner
        {
          
            padding-bottom: 67.2%;
          }  

    #credentialsNav
    {
        margin-top: 73px;
        padding-top: 0%;
        display:block;
    }

    #credentialsNavUL
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    
}

#credentialsNavMb
{
    float: right;
    width: 312px;
    padding-top: 10%;
    display:none;
}
#credentialsNavULMb
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
   
}
    
    #credentialsNavUL a
    {
    }
    #credentialsNavUL li
    {
    }
    #credentialsNavUL li:hover
    {
    }
    li.CredentialsNavSelected
    {
    }
    li.CredentialsNavSelected > a
    {
    }
    #HJSealCredentials
    {
    }
    #moredata
    {
    }
    .OCCopy
    {
    }
    .OCSource
    {
    }

    /*Contact page*/

    .ContactCopy
    {
        width: 240px;
        float: left;
    }

    .ContactCopyright
    {
        width: 240px;
        float: left;
    }
    #map_canvas
    {
        width: 730px;
        float: right;
        height: 365px;
    }

    #directions_panel
    {
        width: 730px;
        float: right;
    }

    .dirButton
    {
        float: right;
    }

    .clearmobile
    {
        display: none;
        clear: none;
    }

    .contactAddresses
    {
        width: 240px;
        float: left;
    }

    /*Order page*/

    #orderContainer
    {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
    #orderExtra
    {
        width: 312px;
    }
    .rbl_tax input[type="radio"]
    {
    }
    .rbl_tax label
    {
    }

    /*Home testimonials*/

    #homeTestimonialsHolder
    {
    }

    #homeTestimonialsHolderInner
    {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }


    .homeTestimonialH2
    {
    }

    #hometestimonial
    {
    }
    #hometestimonialinner
    {
    }
    /*  #hometestimonialinner:after
                        {
                            content:'';
                            height:90%;
                        } */    .hometestimonialQuote
    {
    }
    .HTQS
    {
    }
    .HTQE
    {
    }
    #hometestimonialspeech
    {
    }
    #hometestimonialText
    {
        font-size: 1.16em;
    }
    /* Honest John Home*/    #homeHJ
    {
    }
    #homeHJInner
    {
    }

    #homeHJText
    {
        font-size: 1.4em;
    }

    #homeHJSeal
    {
    }

    .strongJohn
    {
        font-weight: bold;
    }


    /*SEO*/

    #SEOListingInner
    {
        width: 100%;
       
    }
    #SEOListingItems
    {
    }
    #SEOListingItems h1
    {
    }
    .SEOItem
    {
        width: 32.5%;
    }

    .SEOItemPad
    {
        width: 32.5%;
    }

    /*                    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;
                        }*/

    
}
