﻿body
{
    background-color: #EFEFEF;
}

img
{
	border: none;
}

.main {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    min-height: 450px;
    position: relative;
}

#content {
   /* -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 2px 2px 3px #666666;    
    background: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF) repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    margin:10px 0px 0px;*/
   padding:10px 0px 0px;
}

div.content {
    margin:0 auto;
    overflow:visible;
    text-align:left;
    width:956px;
}
div.content-container
{
    margin: 0px auto 0 auto;
    overflow:visible;
    width:990px;
    }
div.content-container-inside{
    background-color:#fff;
    width:100%;
    }
    
    div.variable-content
    {
        background-color:#fff;
        float:left;
        /*margin:10px 8px 0 10px;*/
        padding:10px 8px 0 10px;
        padding-bottom:0px;
        /*width:748px;*/
        width:630px;        
    }
    
    div.side-bar-content
    {
        background-color:#fff;
        float:right;
        margin-right:0px;
       /*width:325px;*/
       width:330px;
       
    }
    
.divInfoCtr
{
    width:320px;
    background:transparent url(../../sc/i/info_center.gif) no-repeat scroll left bottom;
    padding-left:7px;
    padding-top:60px;
    vertical-align:top;
}

#divOrderbag
{    
    padding-top:100px;
    vertical-align:top;
}
    
    .separator-cccccc
    {
        border-top:1px solid #CC6633;        
        clear:both;
        height:1px;
        margin: 1em 0;
        width:auto;
    }
     .separator-506A9D
    {
        border-top:2px solid #506A9D;        
        clear:both;
        height:1px;
        margin: 1em 0;
        width:auto;
    }   
    
/*#header {
    position:relative;
    width:958px;
    padding:5px 15px;
    margin:0 0 5px 0;
}*/

#header
{
	 background:url(../../sc/i/bar-px.jpg) repeat-x scroll 100% 91px; /*79px;*/
    height: 104px !important; /*92px !important;*/
    width:935px;
    float:left;        
}

#header a:hover{cursor:pointer; text-decoration:none;}
#header .logo{
    background-image:url(../i/mota-header-logo.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    height:55px;
    width:445px;
    float:left;
}

#header .ATlogo{
    background-image:url(../../sc/i/at_logo_small.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    height:46px;
    width:131px;
    float:right;
}

#header .motalogo
{
	 background:url(../../sc/i/v3/mota-logo-white-bg.png) no-repeat scroll 0 0;        
    width:142px;
    height:78px;
    float:left;
    margin-top:5px;
}

#header .CarFaxlogo{
    background:url(../../sc/i/cf_logo.jpg) no-repeat scroll 0 0;    
    height:49px;
    width:202px;
    float:left;
}   
   
#header .foxmascot{
    background:url(../../sc/i/fox2.jpg) no-repeat scroll 0 0;    
    height:59px;
    width:101px;
    float:left;
    margin:0 0 0 200px;
}

#header .sellwithcarfax{
   /* background:url(../../sc/i/sellWCF.jpg) no-repeat scroll 0 44px;    
    height: 86px;
    width:343px;
    float:right;*/
    background:url(../../sc/i/sellwithcarfax.png) no-repeat scroll 0 35px;    
    height: 60px;
    width:232px;
    float:right;
    margin-top:25px;
    
}
    
#header .logo p
{
    text-align:right;
    color:#666;
    font-size:120%;
    padding:34px 0 0 0;
    font-size:normal;
} 
    
    #header #divMotaLogo
    {
       width:445px;
       float:left; 
    }
    
     #header #divMotaLogo #imgMotaLogo
     {
         float:left;
     }
    
     #header #divMotaLogo p
     {
         text-align:right;
         color:#666;
         font-size:120%;
         padding:34px 0 0 0;
         float:left;
     }
    
#header .login-contact
{
    float:right;
    padding:34px 0 0 0;
    color:#6699cc;
    }
#header .login-contact a
{
    }
/*#footer {
    clear:both;
    margin:0 auto 15px auto;
    padding:0;
    text-align:center;
    width:956px;
}
#footer .top-nav{
    clear:both;
    color:#fff;
    }
#footer .bottom-nav p
{
    margin-top:15px;
    color:#666;
    }
#footer .bottom-nav a
{
    }

#footer .top-nav a
{
    color:#fff;
    }*/
/*reset styles*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, body
{
    line-height: normal;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    outline: 0;
}
ol,ul
{
    list-style-type: none;
}
table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a {text-decoration:none;}
/* Remove annoying border on linked images. */
a img { border: none; }

.thinking{
background: #ccc url(../i/v3/ajax-loader-small-dark.gif) no-repeat center!important;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
color:#666!important;
cursor:text!important;
}
.thinking-g{
display:inline-block;
background:url('../i/ajax-loader-gry.gif') no-repeat 50% 50%;
}

#pnlMessage
{
    background-color: #FFFF9F;
    border: 2px solid #FFC90E;
    font-size: 14px;
    padding: 10px;
}


