@import url(../ContentStyles07.css);
@import url(../Menu.css);
@import url(../NMG.css);

.banner a.logo {
    text-indent: -8888px;
    position: absolute;
    top: 30px;
    left: 20px;
    width: 240px;
    height: 100px;
}
h2.tabHeader
{
    font-size: 2em;
}

div.left
{
    width: 160px;
    float: left;
    overflow: hidden;
}

div.left img
{
    margin-bottom: 10px;
}

div.centre
{
    margin-left: 10px;
    width: 340px;
    float: left;
}

div.right
{
    float: right;
    width: 474px;
    color: #fff;
}

div.tradeIn
{
    height: 100%;
    font-size: 0.687em;
    width: 50%;
    position: relative;
    overflow: hidden;
}

div.tradeIn h3
{
    font-weight: normal;
    text-align: center;
    font-size: 1.6em;
    margin-bottom: 8px;
}

div.tradeIn fieldset
{
    width: 100%;
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}

div.checkBoxes div
{
    float: right;
    clear: right;
    width: 100%;
    text-align: right;
    margin: 0 0 10px 0;
}

input.tradeInBtn
{
    /*
    padding: 0 4px 0 0;
    width: 100px;
    color: #fff;
*/
    position: absolute;
    bottom: 0px;
    right: 0px;
    /*
    text-align: right;
    border: 2px solid #000;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
*/
}

div.tradeIn fieldset label
{
    line-height: 1.6;
    float: left;
    clear: left;
    width: 80px;
    margin-bottom: 8px;
}

div.tradeIn fieldset input
{
    float: left;
    width: 140px;
    margin-bottom: 8px;
}


div.search
{
    width: 540px;
}

div.search p
{
    padding-left: 10px;
    float: left;
    color: #fff;
    font-size: 0.75em;
}

div.search input, div.search select
{
    margin: 4px 0 0 0;
    width: 108px;
}

/* -------------------------- Car ----------------------------- */
.carBox 
{
    padding-top: 20px;
    position: relative;
}
.carBox img 
{
    float: left;
}
/*.carBox img.fade
{
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}*/

.carBox div.saleBanner
{
    position:absolute;
    left:0;
    top:0;
    display: none;
}
.hide {
	top: -8888px;
}
.carBox .detail 
{
    position: relative;
    background: #000;
    color: #fff;
    height: 161px;
    margin-left: 224px;
    padding-right: 150px;
}
.carBox .detail h3
{
    font-size: 1.125em;
    font-weight: normal;
    padding: 10px 0 10px 10px;
    position: relative;
}

.carBox .detail a 
{
    color: #fff;
    font-weight: bold;
    text-decoration: none; 
}
.carBox .detail a span {
    font-size: 0.75em;
}
.carBox .detail a.clickHere
{
    font-size: 0.75em;
    position: absolute;
    right: 150px;
    top: 14px;
    white-space: nowrap;    
}

.carBox .detail p
{
    color: #fff;
    padding-left: 10px;
}
.carBox .detail p span
{
    color: red;
    font-weight: bold;
    display: block;
}
.carBox .detail .price 
{
    background: #EC6A13;
    width: 120px;
    height: 161px;
    position: absolute;
    right: 10px;
    top: 0px;
    /*position: relative;
    left: 470px;
    top: -124px; */
}
.carBox .detail .price p
{
    font-size: 0.75em;
    padding: 10px 20px 0 20px;
}
.carBox .detail .price p.plate
{
    padding: 10px 20px 0 20px;
    font-size: 0.625em;
}
.carBox .detail .price p span.biggerPrice
{
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    display: inline;
}
.carBox .detail .price p span.bigPrice
{
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    display: inline;
}
.carBox .detail .price p span.call
{
    font-size: 0.875em;
    color: #fff;
    font-weight: normal;
    width: 100px;
}
.cs
{
    position: relative;
    left: -10px;
}
.carBox .detail .blue 
{
    background: #1A6BE6 !important;
}

.kia .carBox .price
{
    background: #b30004;
}

 .suzuki .carBox .price
{
    background: #4159b1;
}

.ssangyong .carBox .price 
{
    background: #406a48;
}
.piaggio .carBox .price 
{
    background: #725A98;
}