﻿/* Imports Google fonts */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500|Lato:400,900,700,300|Yanone+Kaffeesatz:400,700|Dosis:400,500,700|Ubuntu:400,700,500|Ubuntu+Condensed|Noto+Sans:400,700);

/* How-to-Use Examples -------------------------------
font-family: 'Yanone Kaffeesatz', sans-serif;
font-family: 'Dosis', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Noto Sans', sans-serif;
*/

body
{
    background:#0d0906;/* url(/cimages/bodybg.jpg);*/
    margin:0 auto;
    padding:0;
    /*font-family: "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, Tahoma, Sans-Serif;*/
    font-family: "Noto Sans", Sans-Serif;
    font-size:12px;
    color:#acacac;
}

h1, h2, h3, h4, p
{
    margin:0 auto;
}

h3
{
    font-size:18px;
    color:#eb900d;
    /*font-family:"Trebuchet MS";*/
    margin-top:12px;
    font-weight:normal;
}

h4.subtitle
{
    color:#fff;
    line-height:250%;
    font-size:18px;
    font-weight:normal;
}

a, a:hover
{
    text-decoration:none;
}

#wrapper
{
    width:100%;
    padding:0px;
    background:url(/cimages/hmenu.jpg) repeat-x;
    height:71px;
}

#page
{
    width:935px;
    margin:0 auto;
}

#logo
{
    float:left;
}

    #logo h1
    {
        width:139px;
        height:40px;
    }

        #logo h1 a
        {
            display:block;
            width:139px;
            height:40px;
            background:url(/cimages/logo.jpg) no-repeat;
        }
#login
{
    float:right;
    width:378px;
    font-family:Verdana;
    line-height:39px;
    color:#fff;
    font-size:10px;
    text-align:right;
}

.loginButton
{
    border:0px;
    cursor:pointer;
    width:27px;
    height:16px;
    background:url(/cimages/loginbut.jpg) no-repeat;
    position:relative;
    top:2px;
}

 .smallLoginBox
 {
     padding:0px;
     height:16px;
     border:0px;
     background:#fff;
     color:#888;
     font-size:10px;
     font-family:Verdana;
     width:105px;
 }

.clear
{
    clear:both;
}

#topmenu
{
    clear:both;
    margin:0;
    padding:0;
    margin-left:0px;
}

    #topmenu ul
    {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
        #topmenu ul li
        {
            float:left;
            font-family:Verdana;
            font-size:11px;
        }
        
        #topmenu ul li b
        {
            color:#fff !important;
            font-weight:bold;
        }
            
            #topmenu ul li a
            {
                color:#acacac;
                padding-right:14px;
                padding-left:3px;
                line-height:32px
            }
            
            #topmenu ul li a:hover, #topmenu ul li a.selected
            {
                color:#eb900d !important;
            }
            
        #qs
        {
            width:291px;
            text-align:right;
            font-family:Verdana;
            font-size:11px;
            line-height:33px;
        }
        
        .qSearch
        {
            border:0px;
            background:url(/cimages/searchbx.jpg) no-repeat;
            width:152px;
            height:19px;
            position:relative;
            top:1px;
            color:#666;
            font-size:10px;
            font-family:Verdana;   
        }
        
#banner
{
    width:935px;
    height:226px;
    margin-top:15px;
    background:url(/cimages/banner.jpg) no-repeat;
}

    #banner h1
    {
        color:#343333;
        width:475px;
        margin:0 auto;
        padding-top:110px;
        margin-left:20px;
        font-weight:normal;
        font-size:11px;
        font-family:Verdana;
        line-height:135%;
    }
    
    #banner h1 a, #banner h1 b
    {
        color:#c64505;
    }
    
#tabstrip
{
    width:935px;
    height:110px;
    background:url(/cimages/tabstrip.jpg) no-repeat;
}

    #tabstrip .tab
    {
        float:left;
        width:276px;
        height:95px;
        position:relative;
        top:8px;
        margin-left:26px;
    }
    
    #tabstrip .dealer
    {
        background:url(/cimages/tab-dealer.jpg) no-repeat;
    }
    
    #tabstrip .broker
    {
        background:url(/cimages/tab-broker.jpg) no-repeat;
    }
    
    #tabstrip .consumer
    {
        background:url(/cimages/tab-consumer.jpg) no-repeat;
    }
    
    #tabstrip a span
    {
        display:block;
        color:#222;
        font-size:11px;
        font-family:Tahoma;
        margin-left:71px;
        padding-top:37px;
        width:200px;
    }
    
#content
{
    width:100%;
    margin:0 auto;
    clear:both;
    margin-top:15px;
}

#leftcol
{
    float:left;
    width:640px;
}

#rightcol
{
    float:right;
    width:245px;
    margin-right:5px;
}

.contactbox
{
    width:245px;
    height:353px;
    background:url(/cimages/connectbox.jpg) no-repeat;
}

.imageborder
{
    border:2px solid #333;
    padding:4px;
    background:#222;
    width:240px;
    text-align:center;
}

    .imageborder img
    {
        border:1px solid #555;
    }

.contactbox div
{
    width:215px;
    margin:0 auto;
    padding-top:10px;
    font-family:Verdana;
    font-size:11px;
    color:#666;
}

    .contactbox div p
    {
        color:#333;
        text-decoration:underline;
        margin-top:4px;
        line-height:165%;
    }

    .contactbox h4
    {
        font-family:"Trebuchet MS";
        font-weight:bold;
        font-size:15px;
        color:#c64505;
        margin:0 auto;
        margin-top:8px;
    }
    
    .contactbox span
    {
        display:block;
    }
    
        .contactbox span .tb
        {
            margin-top:5px;
            width:192px;
            border:1px solid #d1d0d0;
            font-family:Verdana;
            font-size:10px;
            height:21px;
            line-height:21px;
            color:#8a8a8a;
            padding-left:3px;
        }
        
        .contactbox span textarea.tb
        {
            height:75px;
        }
        
        .sendbutton
        {
            color:#fff;
            background:#ff8400;
            border:1px solid #6c6969;
            cursor:pointer;
            margin-top:6px;
            font-size:11px;
            font-weight:bold;
            padding:3px 9px 3px 9px;
        }
        
.spacer20
{
    height:20px;
}

.spacer10
{
    height:10px;
}

.message
{
    color:#333;
    font-size:10px;
    padding-left:5px;
    font-weight:normal;
}

#footer
{
    clear:both;
    border-top:1px solid #000;
    margin-top:15px;
    background: #000 url(/cimages/footerbg.jpg) repeat-x;
    height:75px;
    text-align:center;
}

    #footer div
    {
        width:930px;
        margin:0 auto;
        background:#333;
        height:44px;
        margin-top:2px;
        padding:0px;
        position:relative;
        left:-2px;
    }
    
        #footer div a
        {
            line-height:44px;
            color:#777;
            padding:0 6px 0 6px;
            font-size:10px;
            font-family:Verdana;
        }

            #footer div a:hover
            {
                color:#ddd;
            }
        
        #footer div p
        {
            color:#555;
            font-size:10px;
            font-family:Verdana;
            line-height:29px;
        }
        
.title
{
    font-size:24px;
    margin-top:0px;
}

.caption
{
    font-weight:bold;
    margin-top:15px !important;
    display:block;
    border-bottom:1px solid #222;
    padding-bottom:2px;
}
.orange
{
    color:#eb900d !important;
}

.line
{
    line-height:135%;
    margin-top:5px;
}

.upper
{
    text-transform:uppercase;
    font-family:Arial;
    letter-spacing:1px;
}

.medium
{
    font-size:130%;
}

.singleDealer
{
    width:620px;
    padding:10px;
    border-bottom:1px solid #111;
    border-top:1px solid #111;
    background:#000;
    margin-top:8px;
}

    .singleDealer .photo, .singleDealer .info
    {
        float:left;
    }
    
    .singleDealer .photo
    {
        width:60px;
    }
    
    .singleDealer .info
    {
        width:540px;
        margin-left:10px;
    }
    
    .singleDealer span
    {
        display:block;
        color:#838382;
        font-size:11px;
    }
    
    .singleDealer a.more
    {
        display:block;
        color:#eb900d;
        width:540px;
        text-align:right;
    }
    
    .singleDealer a.title
    {
        display:block;
        font-size:15px;
        font-family:"Lucida Sans Unicode";
        color:#fff;
        font-weight:normal;
        text-align:left;
    }
    
.box
{
    width:641px;
    clear:both;
    margin-top:8px;
    background:url(/cimages/overlay.png);
    border:1px solid #222;
}

    .box .top
    {
        width:641px;
        height:27px;
        /*background:url(/cimages/boxt.jpg) no-repeat;*/
    }
    
    .box .mid
    {
        width:641px;
        /*background:url(/cimages/boxm.jpg) repeat-y;*/
    }
    
    .box .bottom
    {
        width:641px;
        height:27px;
        /*background:url(/cimages/boxb.jpg) no-repeat;*/
    }
    
.row
{
    clear:both;
    width:90%;
    margin:0 auto;
    height:35px;
}    

.row .label, .row .control, .row .error
{
    float:left;
}

.row .label
{
    width:125px;
    text-align:right;
    height:20px;
    line-height:20px;
}

.row .control
{
    width:320px;
}

.row .error
{
    width:85px;
    height:20px;
    line-height:20px;
    font-size:11px;
}

.row .error span
{
    color:#eb900d !important;
}

.row .control, .row .error
{
    margin-left:10px;
}

.tbx, .tbx2, .tbx3, .tbx4, .tbx5, .tbx6
{
    border:1px solid #ddd;
    background:#fff;
    font-family:"Lucida Sans Unicode";
    font-size:11px;
    padding:3px;
    color:#555;
}

.tbx
{
    width:98%;
}

.tbx6
{
    width:42%;
}

.tbx5
{
    width:10%;
}

.tbx4
{
    width:20%;
}

.tbx2
{
    width:30%;
}

.tbx3
{
    width:75%;
}

fieldset
{
    border:1px solid #222;
    border-bottom-width:0px;
    border-left-width:0px;
    border-right-width:0px;
}

legend
{
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:10px;
    color:#eb900d;
}

legend u
{
    font-weight:normal;
    text-transform:none;
    font-size:11px;
    color:#ff0000;
    font-family:Tahoma;
    text-decoration:none;
    letter-spacing:0px;
}

select
{
    font-size:11px;
    font-family:"Lucida Sans Unicode";
    color:#555;
}

.btnlay
{
    border:1px solid #222;
    background:url(/cimages/overlay2.png);
    color:#fff;
    font-size:12px;
    font-family:"Lucida Sans Unicode";
    padding:4px 25px 4px 25px;
    cursor:pointer;
    text-transform:uppercase;
    letter-spacing:1px;
}

.hide
{
    display:none;
}

.options input
{
    position:relative;
    left:-5px;
    top:2px;
}

.options label
{
    position:relative;
    left:-3px;
}

#offline
{
    display:none;
}

.servicebox
{
    
}

#waitng
{
    display:none;
}

#prevAddrAlert, #prevEmpAlert, #divCoApp2
{
    display:none;
}

.grayed
{
    background:#333 !important;
    border:1px solid #666 !important;
}

.button
{
    background:#c64505;
    color:#fff;
    font-family:Tahoma;
    font-size:11px;
    padding:6px 18px 6px 18px;
    cursor:pointer;
    border:2px solid #eee;
    text-transform:uppercase;
    letter-spacing:1px;
    word-spacing:3px;
}

.center
{
    text-align:center;
}

.popupLink
{
    color:#eb900d;
    text-decoration:underline;
    cursor:pointer;
}

#prevAddrAlertCoApp, #prevEmpAlertCoApp
{
    display:none;
}

.plans
{
    margin:0;
    padding:0;
    list-style-type:none;
}

    .plans li
    {
        float:left;
        display:block;
    }
    
        .plans li a
        {
            display:block;
            margin-right:8px;
            height:80px;
            width:203px;
            cursor:pointer;
        }

.ap a, .tlb a, .rp a, .cp a, .lp a
{
    background:url(/cimages/plans.png) no-repeat;
}

.ap a
{
    background-position:0 100%;
}

.tlb a
{
    background-position:0 78%;
}

.rp a
{
    background-position:0 52%;
}

.cp a
{
    background-position:0 27%;
}

.lp a
{
    background-position:0 2px;
}

.domain, .deal, .virtual, .mobile, .domain2, .deal2, .virtual2, .mobile2
{
    display:block;
    width:367px;
    height:79px;
    cursor:pointer;
}

.domain, .deal, .virtual, .mobile
{
    background:url(/cimages/addons.png) no-repeat;
}

.domain2, .deal2, .virtual2, .mobile2
{
    background:url(/cimages/addons2.png) no-repeat;
}

.domain, .domain2
{
    background-position:0 10px;
}

.deal, .deal2
{
    background-position:0 30%;
}

.virtual, .virtual2
{
    background-position:0 65%;
}

.mobile, .mobile2
{
    background-position:0 100%;
}

.accordion
{
}

.addon
{
    display:none;
    margin-left:85px;
    margin-top:-16px;
    border-left:1px solid #444;
    border-bottom:1px solid #222;
    padding-left:12px;
    padding-bottom:12px;
    padding-top:9px;
    font-family:Verdana;
    font-size:11px;
}
    .addon ul, .addon ol
    {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    
        .addon ul li, .addon ol li
        {
            display:block;
            line-height:18px;
            background:url(/cimages/arrow.png) 0 50% no-repeat;
            padding-left:12px;
        }

.white
{
    color:#fff !important
}

.dsignup
{
    display:block;
    background:url(/cimages/signup.png) no-repeat;
    width:64px;
    height:22px;
    cursor:pointer;
    margin: 0 auto;
}

.yellow
{
    background:#fffaa2;
    width:98%;
    padding:10px;
}

.popul, .popul-2-col, .popul-3-col, .popul-4-col, .popul-5-col
{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:5px;
}

    .popul li, .popul-2-col li, .popul-3-col li, .popul-4-col li, .popul-5-col li
    {
        display:block;
        line-height:18px;
        background:url(/cimages/arrow.png) 0 50% no-repeat;
        padding-left:12px;
    }
    
    .popul-2-col li
    {
        float:left;
        width:48%;
    }
    
    .popul-3-col li
    {
        float:left;
        width:32%;
    }
    
    .popul-4-col li
    {
        float:left;
        width:24%;
    }
    
    .popul-5-col li
    {
        float:left;
        width:21%;
    }
    
.moreLink a
{
    clear:both;
    margin-top:10px;
    display:block;
    background: url(/cimages/38.png) no-repeat;
    line-height:16px;
    color:#ff8400;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
    padding-left:23px;
    float:right;
}

.external
{
    background:#fff;
    overflow-x:hidden;
    overflow-y:auto;
    height:1400px;
    width:1024px;
    margin-left:-40px;
}

.consumerForm
{
    width:920px;
}

    .consumerForm table td
    {
        font-size:11px;
        font-family:"Lucida Sans Unicode";
        color:#ddd;
        padding:2px 12px 2px 0px;
        vertical-align:top;
    }
    
    .consumerForm table td h4
    {
        color:#888;
        border-bottom:1px dotted #666;
        font-size:12px;
        font-family:Verdana;
        margin:0 auto;
        margin-top:15px;
        padding-bottom:4px;
        margin-bottom:8px;
    }
    
    .consumerForm table td.label
    {
        width:50px;
    }
    
    .consumerForm table td .tbx, .consumerForm table td select
    {
        background:#333;
        color:#ddd;
        border:1px solid #444;
    }
    
    .consumerForm table td.control
    {
        width:225px;
    }
    
        .consumerForm table td.control b
        {
            color:#555;
            font-weight:normal;
        }
    
    .consumerForm table td.control i
    {
        color:#ff0000;
        font-family:Verdana;
        margin-left:3px;
        position:relative;
        top:3px;
    }
    
    .consumerForm table td.control .error
    {
        color:#ff0000;
        font-family:Verdana;
        margin-left:3px;
        font-size:10px;
    }
    
    .offline
    {
        display:none;
    }
    
    .online{}
    
.anchor
{
    text-decoration:none;
    color:#eb900d;
}

.anchor a
{
    color:#fff;
}

.bigAnchor
{
    display:block;
    width:640px;
    text-decoration:none;
    margin-top:10px;
}

    .bigAnchor span
    {
        display:block;
        width:640px;
        height:73px;
        background:url(/cimages/consumer.png) no-repeat;
    }
    
    .bigAnchor b
    {
        border-top:1px solid #222;
        display:block;
        color:#fff;
        font-family:"Lucida Sans Unicode";
        font-size:12px;
        font-weight:normal;
        margin-left:80px;
        margin-top:-16px;
        padding-top:4px;
    }
    
    .refinance
    {
        background-position:0 20% !important;
    }
    
    .findacar
    {
        background-position:0 40% !important;
    }
    
    .warranty
    {
        background-position:0 60% !important;
    }
    
    .quote
    {
        background-position:0 80% !important;
    }
    
    .history
    {
        background-position:0 100% !important;
    }
    
    .payment
    {
        background:url(/cimages/payment.png) no-repeat !important;
    }
    
    .rims
    {
        background:url(/cimages/rims-tyres.png) no-repeat !important;
    }
    
    .cline
    {
        background:url(/cimages/cline.png) no-repeat !important;
    }
    
.package
{
    color:#777 !important;
    font-family:Verdana;
    font-size:11px;
}    
    
.package b
{
    color:#eb900d !important;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold !important;
}

#vin-box
{
    font-family: "Arial" , sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 55px 0 0 10px;
    font-weight: bold;
}

#autocheck-embed
{
    background: url(/cimages/auto-check.png) top left no-repeat;
    width: 300px;
    height: 135px;
}

.entry{}

.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}

.lmargin25
{
    margin-left:25px;
}

.lmargin36
{
    margin-left:36px;
}

.lmargin40
{
    margin-left:40px;
}

.push
{
    position:relative;
    top:4px;
    margin-left:8px;
}

.w900px
{
    width:900px!important;
}

.w824px
{
    width:824px !important;
}

#tooltip
{
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:2px 5px;
    color:#333;
    display:none;
}

.benefit
{
    height:36px;
    background:url(/cimages/benefit.png) no-repeat;
}

.brokerPlan
{
    height:46px;
    background:url(/cimages/brokerplan.png) no-repeat;
}

#value
{
    color:#eb900d !important;
    font-weight:normal;
}

.page-content-header {
    width: 95%;
    margin: 0 auto;
}

#page_content {
    width: 100%;
    background: #111111;
    border: 1px solid #333333;
    padding: 20px 10px 20px 10px;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -mozilla-border-radius: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    margin-top: 15px;
}

#page_content h3 {
    margin: 0 auto;
    font-family: 'Ubuntu', sans-serif;
    font-size: 23px;
}

.loan_details {
    margin-top: 5%;
    margin-bottom: 5%;    
}

.loan_details p {
    margin: 0 auto;
    text-align: center;
    line-height: 2em;
    background: #000000;
    color: #ffffff;
    width: 95%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -mozilla-border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.loan_details_module {
    float: left;
    width: 18%;
    padding: 2%;
    background: #eb900d;
    color: #000000;
    font-size: 14px;
    text-align: center;
    margin-left: 2.4%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -mozilla-border-radius: 5px;
}

.loan_details_module h4 {
    color: #ffffff;
    font-size: 19px;
    font-weight: normal;
    margin: 0 auto;
    margin-top: 8px;
    font-family: 'Noto Sans', sans-serif;
}

.loan-offer-text p {
    font-size: 12px;
    width: 95%;
    margin: 0 auto;
    margin-top: 12px;
    line-height: 145%;
}

.loan-offer-text p b {
    color: #eb900d;
    font-weight: normal;
}

.loan-offer-text p a {
    color: #eb900d;
    text-decoration: underline;
}

.phone-block {
    background: #ff8400;
    color: #000000;
    font-size: 14px;
    font-family: 'Noto Sans', sans-serif;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -mozilla-border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    padding: 8px 0 8px 0;
}

.phone-block a {
    color: #ffffff;
}

.ispan {
    color: yellow !important;
}

.inline-link {
    color: #ff8400;
    text-decoration: underline;
}