﻿
                     /* Clears white space around the body and sets the background color. */
body
{
    margin: 0;
    background-color: #FFFFFF;
}

                    /* Sets the total width for the entire page.
                       Uses margin: auto to center the entire page in the middle of the browser's window. */
                       /* Width of 844px to fit nicely on screens with a size of 1024 x 768 pixels. */
#PageWrapper
{
    width: 844px;
    margin: auto;
}



            /* -------------------- Header Start ----------------------- */
                     

.divTrialURLWrap
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
}

.divTrialURLWrapCntrl
{
    border: 1px solid #000000;
    padding: 2px 5px 2px 5px;
    margin: 0px auto 0px auto;
    color: #000000;
    font-size: 14px;
    background-color: #FFCD00;
    width: 325px;
    text-align: center;
}

.divTrialURLWrapCntrl a
{
    font-size: 14px;
    color: #0000FF;
    text-decoration: underline;
    font-family: Arial;
}

.tblHeader
{
    width: 844px;
    margin-bottom: 7px;
    margin-top: 3px;
}

.tblHeaderLong
{
    width: 1024px;
    margin-bottom: 7px;
    margin-top: 3px;
}

.tblHeader_r1
{
    text-align: left;
    vertical-align: bottom;
    width: 280px;
}

.tblHeader_r1 a img
{
    border-style: none;
    vertical-align: bottom;
    text-align: left;
}

.tblHeader_r2
{
    background-position: left bottom;
    width: 282px;
    background-image: url('Images/Misc/HeaderFill.jpg');
    background-repeat: repeat-x;
}

.tblHeaderLong_r2
{
    background-position: left bottom;
    width: 462px;
    background-image: url('Images/Misc/HeaderFill.jpg');
    background-repeat: repeat-x;
}

.tblHeader_r3
{
    background-position: left bottom;
    text-align: right;
    height: 97px;
    vertical-align: top;
    background-image: url('Images/Misc/HeaderFill.jpg');
    background-repeat: repeat-x;
}

.divLoginWraper
{
    width: 250px;
    text-align: center;
}

.divLoginWraper a
{
    font-size: 12px;
    text-decoration: underline;
    color: #0000FF;
    font-family: Arial;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 20px;
}

.Login
{
    font-family: Arial;
    font-size: 12px;
    
    color: #000000;
    text-align: center;
}

.LoggedIn
{
    text-align: center;
}

.LoggedIn a
{
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
}

.LoggedIn a:hover
{
    text-decoration: underline;
}

.txtLogin
{
    width: 75px;
    font-family: Arial;
    font-size: 12px;
}



            /* -------------------- Header End ----------------------- */

                      /* div Menu block under the header */
#MenuWrapper
{
    width: 844px;
    text-align: center;
    margin-bottom: 7px;
}

                     
#MainContent
{
    width: 844px;
    background-color: #FFFFFF;
    min-height: 500px;
}

                     /* Footer div element style */
.divFooter
{
    clear: both;
    width: 844px;
    height: 22px;
    background-color: #8B0F0F;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
    margin-top: 7px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.divFooter a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #ffffff;
    margin-left: 5px;
}

.divFooter a:hover
{
    color: #ffffff;
}

.divFooterWide
{
    clear: both;
    width: 1024px;
    height: 22px;
    background-color: #8B0F0F;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
    margin-top: 7px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.divFooterWide a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #ffffff;
    margin-left: 5px;
}

.divFooterWide a:hover
{
    color: #ffffff;
}


/* ----------------------------------- Master LSB start -------------------------------------- */

#LeftSB
{
    width: 200px;
    min-height: 500px;
    float: left;
    margin-bottom: 5px;
}

#mcLSB
{
    width: 635px;
    min-height: 500px;
    float: right;
    margin-bottom: 5px;
}

/* ----------------------------------- Master LSB end -------------------------------------- */


/* ------------------- Main Menu Start ------------------------------- */

.tblMainMenu
{
    border: 3px solid #244521;
    width: 844px;
    table-layout: fixed;
    background-color: #3F7838;
}

.tblMainMenu td
{
    vertical-align: middle;
    text-align: center;
    height: 22px;
}

.tblMainMenu td a
{
    font-family: Arial;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

.tblMainMenu td a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

.tblMainMenu_c1
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}

.tblMainMenu_c2
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}

.tblMainMenu_c3
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}

.tblMainMenu_c4
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}


/* ------------------- Main Menu End ------------------------------- */



/* ------------------- Main Car Search Start ------------------------------- */


.divMainSearch
{
    background-position: left top;
    padding: 10px 0px 5px 10px;
    width: 190px;
    height: 200px;
    margin-left: 0px;
    text-align: left;
    background-image: url('Images/Misc/MainSearchPanel1.jpg');
    background-repeat: no-repeat;
}

.ddlMainCarSearch
{
    width: 170px;
    height: 22px;
}

.lblSearchMain
{
    font-family: Arial;
    font-size: 12px;
}

.tblMainSearch td
{
    height: 36px;
    text-align: left;
    vertical-align: middle;
}

.PleaseWait
{
    width: 75px;
    height: 32px;
    background-image: url('Images/PleaseWait.gif');
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 32px;
    font-family: Arial;
    font-size: 12px;
    margin-left: 10px;
}

.ddlMainCarSearchErr
{
    width: 4px;
}


/* ------------------- Main Car Search End ------------------------------- */


.divMainLSB
{
    width: 205px;
    height: 500px;
    float: left;
}

.divMPCarAd
{
    background-position: left top;
    width: 200px;
    height: 260px;
    margin-left: 0px;
    text-align: left;
    background-image: url('Images/Misc/MainSearchPanel2.jpg');
    background-repeat: no-repeat;
    margin-top: 5px;
    padding-top: 20px;
}

.divMPCarAdHeader
{
    width: 160px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 20px;
    color: #000042;
    line-height: 22px;
}

.divMPCarAdText
{
    width: 180px;  
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.divMPCarAdText h1
{
    font-size: 12px;
    color: #000042;
    line-height: 18px;
    font-weight: bold;
}

.divMPCarAdCmb
{
    width: 200px;
    text-align: center;
    margin-top: 30px;
}

.cmbMPCarAd
{
    width: 170px;
    height: 25px;
    font-size: 12px;
    color: #000080;
    font-family: Arial;
    font-weight: bold;
}

.divMPSalonHeader1
{
    width: 600px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.divMPSalonHeader1 h2
{
    color: #000080;
    margin-top: 5px;
    margin-bottom: 5px;
}

.divMPSalonHeader2
{
    margin: 15px auto 0px auto;
    color: #000080;
    text-align: center;
    width: 600px;
    font-size: 22px;
    font-weight: bold;
}

.divMPSalonText
{
    margin: 0px auto 20px auto;
    font-size: 20px;
    color: #000080;
    width: 600px;
    text-align: left;
    line-height: 25px;
}

.divMPSalonText li span
{
    text-decoration: underline;
}

.divMPSalonText li span:hover
{
    text-decoration: underline;
    color: #800000;
    cursor: pointer;
}

.divSalonExample
{
    border: 1px solid #C0C0C0;
    text-align: center;
    margin: 0px auto 0px auto;
    padding: 5px;
    background-color: #3F7838;
    width: 150px;
}

.tblMPSalonOffer
{
    width: 550px;
    table-layout: fixed;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
}

.tblMPSalonOffer td
{
    text-align: center;
    padding-top: 5px;
}

.tblMPSalonOffer td a
{
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: underline;
}

.tblMPSalonOffer td a:hover
{
    color: #800000;
}

.divFBPostStatus
{
    font-size: 16px;
    color: #000000;
    width: 550px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.divUserNotApproved
{
    font-size: 18px;
    color: #000000;
    width: 550px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    line-height: 25px;
}

.divUserNotApproved a
{
    color: #0000FF;
}

.divUserNotApproved a:hover
{
    color: #0000FF;
}


.divMeta
{
    width: 800px;
    margin: 10px auto 10px auto;
    overflow: hidden;
}

.divMeta h1
{
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0px;
}

.divSiteMap
{
    margin-left: 25px;
    margin-bottom: 5px;
    text-align: left;
}


/* ---------- Blog Start --------------- */

.divBlogWrap
{
    margin: 20px auto 25px auto;
    width: 844px;
    clear: both;
    padding-top: 20px;
}

.divBlogRB
{
    width: 160px;
    float: right;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 35px;
    padding-bottom: 25px;
}

.divBlog h1
{
    padding: 3px 10px 3px 100px;
    border-style: solid;
    border-width: 1px;
    border-color: #800000 #C0C0C0 #800000 #C0C0C0;
    width: 520px;
    font-size: 16px;
    font-family: Arial;
    color: #800000;
    background-color: #E2E2E2;
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 10px;
}

.divBlog p
{
    color: #000000;
    text-align: justify;
    margin-bottom: 0px;
    text-indent: 25px;
    padding-left: 5px;
}

.divBlog p a
{
    color: #000080;
}

.divBlog p a:hover
{
    color: #800000;
}

.divLongHorizAd
{
    width: 728px;
    clear: both;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

.divLongVertAd
{
    margin: 50px auto 0px auto;
    text-align: center;
}

.divLongVertAd1
{
    margin: 0px auto 50px auto;
    text-align: center;
}

.divHortHoriz
{
    margin: 25px auto 10px auto;
    width: 468px;
    clear: both;
}

.div_ContactUs_Complete
{
    width: 100%;
    text-align: center;
    font-family: Arial;
    color: #555;
    font-weight: bold;
    font-size: 22px;
    padding-top: 50px;
}



/* ---------- Blog End --------------- */


/* ---------- CW Start --------------- */

.tblCountrySelect
{
    width: 170px;
    margin-right: auto;
    margin-left: auto;
    table-layout: fixed;
}

.tblCountrySelect td
{
    height: 21px;
    vertical-align: middle;
    text-align: left;
    padding-left: 5px;
}

.tblCountrySelect_c1
{
    background-image: url('Images/CWPics/Us Flag.gif');
    background-repeat: no-repeat;
    background-position: 30px center;
}

.tblCountrySelect_c2
{
    background-image: url('Images/CWPics/Canada Flag.gif');
    background-repeat: no-repeat;
    background-position: 30px center;
}

.divMainLSB_CW
{
    border: 1px solid #C0C0C0;
    background-position: left top;
    width: 215px;
    float: left;
    height: 1239px;
    background-image: url('Images/CWPics/MainLB.png');
    background-repeat: no-repeat;
}

.divDealer
{
    width: 844px;
    height: 75px;
    overflow: auto;
    margin-bottom: 25px;
    margin-top: 0px;
}

.h2Dealer
{
    padding: 2px 2px 5px 2px;
    color: #575757;
    margin-bottom: 0px;
    width: 840px;
    text-align: center;
}

.tblDealer
{
    margin: 0px auto 0px auto;
}

.tblDealer_r1
{
}

.tblDealer_r2
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    text-align: left;
    vertical-align: middle;
}


/* ---------- CW End --------------- */


/* ---------- Rating Start ------------- */

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url('Images/Misc/FilledStar.png');
}

.emptyRatingStar {
    background-image: url(Images/Misc/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/Misc/SavedStar.png);
}

.tblDesignRating
{
    margin: 0px auto 0px auto;
    width: 160px;
}

.tblDesignRating td
{
    vertical-align: middle;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.tblDesignRating_r1
{
    width: 32px;
    height: 18px;
}

.tblDesignRating_r3
{
    padding: 5px;
}

.tblRateStar
{
    padding: 0px;
    margin: 5px auto 3px auto;
}

/* ---------- Rating End ------------- */
