@import url("staff.css");
@import url("menus.css");

body
{
    background-color: #fff;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    margin-top: 8px;
    padding: 0px auto;
    color: #333333;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#main
{
    width: 920px;
    margin-right: auto;
    margin-left: auto;
}

#content
{
    height: 350px;
    width: 916px;
    vertical-align: top;
    padding: 0px 0px;
    padding-bottom: 10px;
    background-color: #fff; /*background-image:url(../images/body_bg.gif);*/
    margin-right: auto;
    margin-left: auto;
}

A
{
    color: #0478c0;
}



A:HOVER
{
    color: #3366cc;
}
A.subLink
{
    color: #0478c0;
    font: Bold 14px/18px Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
}



A.subLink:HOVER
{
    color: #3366cc;
}

A.footerlink
{
    font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
    color: #ccc;
}

A.footerlink:HOVER
{
    color: #999;
}

.bolder
{
    color: #333333;
    font: Bold 14px Verdana, Arial, Helvetica, sans-serif;
}


p
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.small
{
    font-weight: normal;
    margin-left: 2px;
    margin-right: 0px;
    color: #999;
    font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
}


h1
{
    font: bold 16px/18px Verdana, Arial, Helvetica, sans-serif;
    color: #0478c0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

h2
{
    font: Bold 14px/16px Arial Verdana,, Helvetica, sans-serif;
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

h3
{
    font: Bold 14px/16px Arial Verdana,, Helvetica, sans-serif;
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

h4
{
    font: Bold 12px/14px Arial Verdana,, Helvetica, sans-serif;
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

h5
{
    font: Bold 14px/16px Arial Verdana,, Helvetica, sans-serif;
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.cImg
{
    width: 916px;
    height: 308px;
}

.imgLinks
{
    border: 0px;
    width: 192px;
    height: 48px;
}
.imgLinksDiv /*for links on the html pages, displayed under the main photo*/
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.imgLinksDiv_TopMargin /*for links displayed at the top of the content area*/
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
}
/** Div Scroll CSS For SEO **/
.scroll
{
    scrollbar-3dlight-color: #cccccc;
    scrollbar-highlight-color: #999999;
    scrollbar-face-color: #666666;
    scrollbar-shadow-color: #999999;
    scrollbar-darkshadow-color: #666666;
    scrollbar-base-color: #999999;
    scrollbar-arrow-color: #cccccc;
    overflow: auto;
    height: 68px;
    text-align: left;
}

.scroll h1, h2, h3, h4, h5
{
    line-height: 20px;
    padding: 0;
    margin: 0;
}

/********************************************/


/* Site Map*/

.sitemapHeading
{
    text-align: center;
    color: #0478c0;
    padding: 2px;
    font: Bold 12px/14px Arial, Helvetica, sans-serif;
}


.sitemap
{
    font: Bold 11px/11px Arial, Helvetica, sans-serif;
    vertical-align: top;
    width: 33%;
    border-bottom: #000066 Solid 1px;
}

INPUTTEXT
{
    background: #ffffff;
    color: #000000;
    font-family: Verdana;
    font-weight: bold;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}

SELECT
{
    font-size: 8pt;
    font-family: Verdana;
}

.SoldText
{
    font: Bold 16px;
    color: #cc0000;
}

/******* HOURS **********/
.clsHoursMain
{
    width: 100%;
    border-left: #ffffff solid 0px;
}
.clsHoursHeading
{
    text-align: center;
    /*background: url(../images/browse_bg.jpg) repeat-x;*/
    font: Bold 11px/16px Verdana, Arial, Helvetica, Sans-serif;
    color: #3366cc;
    border-bottom: #ccc solid 1px;
    padding-left: 5px;
}

/******* New Cars Pages **********/
.newCarTable
{
    padding: 0px;
    width:96%;
    margin-top: 10px;
    margin-right: 0px auto;
    margin-left: 0px auto;
    text-align: center;
}
.newCarTd
{
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
    background-image: url(../images/newcar_bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.newCarHeader
{
    text-align: center;
    border-top: #000000 solid 0px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 10px;
    color: #0478c0;
    font: Bold 14px arial, verdana, sans-serif;
}
.newCarModel
{
    font: bold 14px/16px Arial, Verdana, helvetica, sans-serif;
    color: #0478c0;
}
.newCarImage
{
}

newCarLinkDiv
{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

a.newCarLink
{
    font: bold 12px/14px Arial, Verdana, helvetica, sans-serif;
    color: #094580;
}
a.newCarLink:hover
{
    color: #05294c;
}
/******* End New Cars Pages **********/

/* Factory Promo Div */
#FactoryPromo, #Promo2, #Div2
{
    display: block;
    top: 150px;
    left: 30px;
    position: fixed;
    visibility: visible;
}
* html #FactoryPromo, #Promo2, #Div2
{
    display: block;
    position: absolute;
    visibility: visible;
}




/* GoogleHours & DirectionsPage */


div#MapWrapper
{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

div#LinksMain
{
}

div#LeftMain
{
    width: 480px;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

div#map
{
    width: 480px;
    height: 350px;
    border: solid 2px #999999;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    color: #000;
}

div#DirectionsMain
{
    width: 300px;
    margin: 0px auto;
    padding: 0px;
}

div#directions
{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

div#RightMain
{
    width: 330px;
    margin: 0px 10px;
    padding: 0px;
    float: left;
}

div#Hours
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
}

div#DealerInfo
{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
}

/******* End Google Map & Directions  **********/

#gallery
{
    font: 11px verdana,arial,sans-serif;
    width: 900px;
    padding: 0;
    line-height: 15px;
    margin: 0 10px;
}
#gallery div.off
{
    color: #666;
    font: bold 14px arial;
    height: 33px;
    margin-right: 2px;
    line-height: 33px;
    padding: 0 53px;
    float: left;
    background: #eee;
    border: 1px solid #666;
    border-bottom-color: #666;
    cursor: pointer;
    position: relative;
    z-index: 20;
}

#gallery div.on
{
    color: #000;
    font: bold 14px arial;
    padding: 0 53px;
    margin-right: 2px;
    margin-top: 0px;
    float: left;
    background: #fff;
    border: 1px solid #666;
    cursor: pointer;
    border-bottom: 0;
    height: 34px;
    line-height: 32px;
    position: relative;
    z-index: 100;
}

div.hide
{
    display: none;
    width: 0;
    overflow: hidden;
}

div.show
{
    clear: left;
    background: #fff;
    width: 900px;
    margin-top: 0;
    margin-left: 10px;
    top: -1px;
    border: 1px solid #666;
    padding: 0;
    position: relative;
    z-index: 50;
    font: 11px verdana, arial, sans-serif;
    line-height: 18px;
}


.clear
{
    clear: both;
}

dl
{
    margin: 0 0 0 10px;
}

dt
{
    font-weight: bold;
    color: #666;
    border-bottom: #ccc 1px solid;
}

dd
{
    margin: 0 0 0 10px;
}

/* Site Map dynamic*/
.SiteMapDiv
{
    padding-left: 20px;
    padding-right: 20px;
}

.SiteMapDiv td.sitemap
{
    text-align: left;
}

.smimgLinksDiv
{
    margin-top: 20px;
    padding-top: 10px;
    text-align: center;
    background: #fff;
}
.smimgLinksDiv a
{
    background-repeat: no-repeat;
    display: -moz-inline-box; /*for firefox2-*/ /*alows you to set a width on an inline element*/
    display: inline-block; /*not supported by firefox2*/
    width: 188px;
    height: 34px;
    background-image: url("../images/smlink.jpg");
    vertical-align: top; /*fixes extra space on top in firefox caused by -mox-inline-box. also removes little extra space from below in ie*/
    font: bold 11px/13px Arial, Verdana, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: -0.3px;
    padding-top: 10px;
}

.smimgLinksDiv a:hover
{
    color: #fff;
}