/* 
Document   : public
Created on : Dec 16, 2009, 2:36:16 PM
Author     : tharini.virabadran
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

h1 {
    color: #313031;
    font-size:16px;
    font-weight:normal;
    text-align:center;
    line-height:10px;
}
.h1orange{
    color: #ff7929;
    font-size:16px;
    font-weight:normal;
    line-height:0px;
    text-align:center;
}

#carContainer {
    width:970px; /* 970-20 (margin) */
    margin:   0 0px 0 0px;
    text-align: justify;
}

#columntwo {
    width:382px;
    float:left;
}

#columnone {
    width:580px;
    float:left;
}

/*  CSS for eBrochure Configurator  */
#zautosConfigurator {
    background-image: url('../images/cars/buildandshare.png');
    background-repeat: no-repeat;
    width: 346px;
    height: 310px;
    margin-top:4px;
    margin-left: 0px
}

.vehicleSelection {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    width: 350px;
    line-height: 35px;
    color: #000000;
    text-decoration: none;
}

.confText {
    font-weight: bold;
    width:250px;
}
/*  End of CSS for eBrochure Configurator  */

#zautosVideo {
    width:580px;
    height:314px;
    margin-left:-6px;
}

.horizontalSeparator {
    margin:12px 0 0 0;
    border-top:#b0cada 3px solid;
}
.horizontalSeparator1 {
    margin:12px 55px 0 60px;
    border-top:#b0cada 1px  dotted;
}

 .verticalSeparator1 {
    width:1px;
    height:325px;
    background:transparent url(../images/home/blue_ver_dot.gif) repeat-y scroll top left;
    margin-left:1px;
    margin-right:0px;
}

.verticalSeparator2 {
    width:1px;
    height:605px;
    background:transparent url(../images/home/blue_ver_dot.gif) repeat-y scroll top left;
    margin-left:1px;
    margin-right:0px;
}
 .verticalSeparator3 {
    width:1px;
    height:310px;
    background:transparent url(../images/home/blue_ver_dot.gif) repeat-y scroll top left;
    margin-left:1px;
    margin-right:0px;
    margin-top: 0px;
}


.paid_ads {
    background:transparent url(../images/cars/youradvertisementhere_black.png) no-repeat;
    border-top: 20px #F7F4F7 solid;
    border-bottom: 20px #F7F4F7 solid;
    border-left: 23px #F7F4F7 solid;
    border-right: 23px #F7F4F7 solid;
    width:290px;
    height:240px;
    margin-left:7px;
}

#rssBulletin {
    width:280px;
    height:280px;
    overflow:hidden;
}
#rssBulletin1 {
    width:280px;
    height:280px;
    overflow:hidden;
}

#yourCarDescription {
    width:570px;
    overflow:hidden;
    margin-left: 5px;
}

.rssHeadlines {
    margin-left:2px;
    background:transparent url(../images/home/dotted_grey.gif) repeat-x scroll left bottom;
    padding-bottom:3px;
    line-height:20px;
}


.greyText {
    font-size:8pt;
    color:#313031;
}

.circlebullets {
    padding-left:20px;
    line-height: 15px;
    list-style-image: url(../images/dealerProducts/bdot.gif);
    color: #313031;
    FONT-SIZE: 14px;
    margin:0;
    text-decoration: none;
}

.circlebullets li {
    padding-bottom: 10px;
}

.pg-normal {
    font-size:8pt;
    color:#313031;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
.pg-selected {
    font-size:8pt;
    color:#313031;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

A.footerLinks
{
    color: #33ccff;
    font-family : 'Lucida Grande','Lucida Sans Unicode',sans-serif;
    font-size: 12px;
    cursor:  pointer;
    text-decoration: none;
}

A.footerLinks:hover
{
    color: #FF7929;

}
A.videolink
{
    color: blue;
    text-decoration: none;
}
A.videolink:hover
    {
    
     text-decoration:  underline;
    }

    A.ebrochureLinks
    {
        text-decoration: none;
}
A.ebrochureLinks:hover
{
    text-decoration: underline;
}