/* ====================================== */
/*      Override Cobalt Style Sheet       */
#contentWrapper
{
    background-color: #303030;
    text-align: center;
}
#navWrapper
{
	/* force menu in front of the flash movie*/
	z-index: 1000;
}
.masthead
{
    background-color: #303030;
    text-align: center;
}
.masthead
{
    background-image: url("http://www.bernardicentral.com/servedpages/Proto_HondaHP/images/2009m05d05_HondaSITEBanner_Ver5_BLANK.gif");
}
/* ====================================== */


a
{
    color: #FFFFFF;
}
a:hover
{
    color: Yellow;
}
a:visited
{
    color: #FFFFFF;
}

body
{
    background-color: #000000;
    padding: 0;
    margin: 0;
    font-family: verdana, helvetica;
    width: 1000px;
}


/* ==============  Home Page ============ */
.dvHomePage
{
    background-color: #303030;
    width: 1000px;
    clear: both;
    float: left;
    height: 2770px; /*2009m12d04 changed from 2370 to 2770 to make room for affordables*/
}
/* ======================================== */
/* ============= PRIMARY BAND #1 ========== */
/* ======================================== */
.dvPrimaryBand
{
    padding-bottom: 15px; /* 2009m05d08 added for cobalt*/
    height: 210px; /* 2009m05d08 added for cobalt 230 -> 244
                      2010m01d05 reduced from 244 to 210*/
}
/* ==============  LEFT COLUMN ============ */

.dvHomePage_LeftColumn
{
    clear: both;
    float: left;
    width: 330px;
}
/*  - - - - - - -  LC - Band 1  - - - - - - - -  */
.dvLiveChat
{
    background-color: #303030;
    width: 340px;
    clear: both;
    float: left;
    height: 30px;
    margin-top: 15px;
}
/*  - - - - - - -  LC - Band 2  - - - - - - - -  */

.dvHondaSpecials
{
    clear: both;
    float: left;
    width: 320px; /*2009m05d19 changed from 300 to 320 when trim levels added*/
    height: 120px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 30px;
    color: #ffffff;
    background-color: #303030;
    font-size: 8pt;
    margin-top: 5px;
}


.dvCFC
{
    float: left;
    width: 680px; /*2009m05d19 changed from 300 to 320 when trim levels added*/
    height: 230px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #ffffff;
    background-color: #303030;
    font-size: 8pt;
}
.dvHondaSpecials td
{
    color: #FFFFFF;
}





/*  - - - - - - -  LC - Band 3  - - - - - - - -  */

.dvDealerRater
{
    clear: both;
    float: left;
    width: 300px;
    height: 38px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 0px;
    border: 1px solid white;
}

/* ==============  CENTER COLUMN ============ */

.dvHomePage_CenterColumn
{
    float: left;
    color: white;
    width: 220px;
    height: 230px;
    background-color: #303030;
    padding: 10px;
}

/*  - - - - - - -  CC - Band 1  - - - - - - - -  */

.dvCustomerTestimonialHeader
{
    text-align: center;
    color: White;
    width: 200px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 11pt;
}
/*  - - - - - - -  CC - Band 1  - - - - - - - -  */

.dvMarqueeEnvelope
{
    padding-bottom: 10px;
    margin-top: 10px;
}

.dvMarquee
{
    font-size: 8pt;
    padding: 10px;
    color: #FFFFFF;
    width: 220px; /* 2009m05d04 changed from 200 to 220px for cobalt issue */
    height: 140px;
    cursor: pointer;
    text-align: justify;
}

/* ==============  RIGHT COLUMN ============ */
.dvSlideShow
{
    float: right;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 230px;
}
.Caption
{
    background-color: #303030;
    color: white;
    font-size: 11pt;
    font-weight: bold;
}
/* ======================================== */
/* ============= PRIMARY BAND #2 ========== */
/* ==========   Navigation Widget  ======== */
/* ======================================== */

.dvNewCarNavigationWidget
{
    float: left;
    width: 909px; /* 2009m05d08 changed from 900 to 909 for Cobalt problem */ /*height: 170px;*/
    background-color: #303030;
    padding-left: 40px;
}
/*  - - - - - - -  NB - Band 1  - - - - - - - -  */

.dvBodyCommandBar
{
    color: #000000;
    width: 909px; /* 2009m05d08 changed from 900 to 909 for Cobalt problem */ /*height: 29px;*/ /* 2009m05d07 changed from 53px to 29px when vehicle image removed */
    background-color: #ffffff; /*2009m05d19 consider changing from ffffff to 303030 to eliminate spillover on right */
    float: left;
}
.dvBody
{
    color: #000000;
    width: 99px; /*height: 29px;*/ /* 2009m05d07 changed from 53px to 29px when vehicle image removed */
    border-left-color: #000000;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #ffffff;
    float: left;
}
.dvBodyImage
{
    margin: 0px;
    text-align: center;
    border-top: solid 4px #F0F0F0;
    border-bottom: solid 4px #F0F0F0;
    border-left: solid 4px #F0F0F0;
    border-right: solid 5px #F0F0F0;
}
/*  - - - - - - -  NB - Band 2  - - - - - - - -  */


.dvModelCommandParent
{
}
.dvModelCommandBar
{
    color: #000000;
    width: 909px; /* 2009m05d08 changed from 901 to 909 for Cobalt problem */
    height: 125px;
    background-color: #f5f5f5; /*2009m05d19 consider changing from f5f5f5 to 303030 to eliminate spillover on right */
    float: right;
    display: none;
}
.dvModel
{
    color: #000000;
    width: 149px;
    height: 125px;
    border-left-color: #000000;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: none;
    border-bottom-style: none;
    border-top-style: none;
    background-color: #f5f5f5;
    float: left;
    text-align: center;
}

.imgModelCommandBar
{
    border-style: none;
    width: 140px;
    height: 125px;
}
/*  - - - - - - -  NB - Band 3  - - - - - - - -  */

.dvMainCommandBar
{
    clear: both;
    float: left;
    width: 980px;
    margin-top: 20px;
    margin-left: 8px;
    background-color: #303030;
}

.dvMainCommandBarImage
{
    float: left;
    width: 92px;
    padding-left: 61px;
    border: none;
}
.imgMainCommandBarButton
{
    border: none;
}
/* ======================================== */
/* ============= PRIMARY BAND #3 ========== */
/* ==========       Footnotes    ======== */
/* ======================================== */

.Footnotes
{
    float: left;
    width: 980px;
    height: 65px; /*2009m12d04 changed from 128 to 65*/
    font-size: 7pt;
    font-family: Verdana,arial;
    font-weight: normal;
    color: #ffffff;
    background-color: #303030;
    margin-top: 10px;
    padding: 5px;
    text-align: left; /* 2009m06d01 added */
}

.dvBand_CobaltContent
{
    width: 1000px;
    height: 1780px; /*2009m12d04 changed fromm 1580 to 1780 to make roomn for affordables*/
    font-size: 11pt;
    clear: both;
    float: left;
    background-color: #303030;
    color: White;
}
/* ======================================== */
/* ================== PO BAND ============= */
/* =================    Banner   ========== */
/* ======================================== */
.dvPreowned
{
    height: 618px;
    width: 1000px;
    border: solid 1pt #FFFFFF;
}
.dvPreownedBanner
{
    height: 70px;
    width: 1000px; /* lighter gray */
    background-color: #636363;
}
.dvPreownedBanner_Line1_Left
{
    height: 54px;
    width: 207px; /*2009m10d26 73 to 207px */
    background-color: #636363;
    padding-top: 5px;
    clear: both;
    float: left;
}
.dvPreownedBanner_Line1_Center
{
    height: 54px;
    width: 621px; /* 2009m10d26 755 to 621px */
    background-color: #636363;
    padding-top: 15px;
    float: left;
    font-size: 17pt;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}
.dvPreownedBanner_Line1_Right
{
    height: 54px;
    width: 172px;
    background-color: #636363;
    padding-top: 5px;
    float: left;
}
.dvPreownedMarketingMsg
{
    height: 40px; /* 2009m06d08 added*/
    width: 1000px;
    clear: both;
    float: left;
    background-color: #303030;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
}
.dvPreownedMarketingMsg_Line1
{
    width: 1000px;
    float: left;
    color: Yellow;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.dvPreownedMarketingMsg_Line2
{
    width: 1000px;
    float: left;
    color: #FFFFFF;
    font-style: italic;
    text-align: center;
}
.dvPreownedCars
{
    clear: both;
    float: left;
    width: 1000px;
    height: 510px;
    border-bottom: dashed 1px silver;
    background-color: #303030;
}
.dvPreownedCars_Car_1
{
    display: inline;
    clear: both;
    float: left;
    width: 249px;
    height: 510px;
    border-right: solid 1px #FFFFFF;
}
.dvPreownedCars_Car_2
{
    display: inline;
    float: left;
    width: 249px;
    height: 510px;
    border-right: solid 1px #FFFFFF;
}
.dvPreownedCars_Car_3
{
    display: inline;
    float: left;
    width: 249px;
    height: 510px;
    border-right: solid 1px #FFFFFF;
}
.dvPreownedCars_Car_4
{
    display: inline;
    float: left;
    width: 249px;
    height: 510px;
}
.dvPreownedCars_Interior
{
    float: none;
}
.dvPreownedCar_ImageBlock
{
    height: 181px;
    border-bottom: dashed 1px silver;
    float: left;
}
.dvPreownedCar_SpecBlock
{
    float: left;
    margin: 5px;
    width: 235px;
    height: 65px;
    border-bottom: dashed 1px silver;
    font-size: 8pt;
    color: #FFFFFF;
}
.dvPreownedCar_SpecBlock a
{
    color: #FFFFFF;
}

.dvPreownedCar_SpecBlock a:hover
{
    color: yellow;
}

.dvPreownedCar_NarrativeBlock
{
    height: 260px;
    font-size: 8pt;
    padding: 5px;
    text-align: left; /*2009m06d01 added*/
}
.imgPreownedCar
{
    width: 240px;
    height: 179px;
    margin-left: 3px;
    border: none;
}

.dvPreownedCPOlogo
{
    height: 52px;
    width: 77px;
    float: right;
    padding: 5px;
}

.dvPreownedExpirationBand
{
    clear: both;
    float: left;
    width: 1000px;
    height: 20px;
    color: yellow;
    background-color: #636363;
    text-align: center;
    font-size: 12pt;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.dvAdBoard
{
    clear: both;
    float: left;
    width: 1000px;
    height: 300px;
    background-color: #303030;
    text-align: center;
    padding-top: 10px;
}
.dvSEO
{
    clear: both; /*2009m06d08 added*/
    float: left; /*2009m06d08 added*/
    width: 1000px; /*2009m06d08 added*/
    height: 160px; /*2009m06d08 added*/
    color: #FFFFFF;
    background-color: #303030;
    clear: both;
    float: left;
}
.dvSEO_Text_New
{
    height: 200px;
    width: 1000px;
    float: left;
    clear: both;
    color: #FFFFFF;
    font-size: 10pt;
    background-color: #303030;
}
.dvSEO_Text_Used
{
    height: 100px;
    width: 1000px;
    float: left;
    clear: both;
    background-color: #303030;
}
.dvSEO_Table_New
{
    height: 170px;
    width: 955px;
    padding-left: 45px;
    float: left;
    clear: both;
    background-color: #303030;
}
.dvSEO_Table_Used
{
    height: 125px;
    width: 895px;
    padding-left: 105px;
    float: left;
    clear: both;
    background-color: #303030;
}
table.tbSEO_Text
{
    clear: both;
    float: left;
    width: 990px;
    background-color: #303030;
    text-align: left;
    font-size: 10pt;
    color: #FFFFFF;
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: 5px;
}
table.tbSEO_Text td
{
    color: #FFFFFF;
}
table.tbSEO_Text a
{
    color: #FFFFFF;
}

table.tbSEO_Text a:hover
{
    color: yellow;
}


table.tbSEO_Table
{
    color: #FFFFFF;
    background-color: #303030;
    border: 1px solid #FFFFFF;
    font-size: 8pt;
}
table.tbSEO_Table td
{
    color: #FFFFFF;
    font-size: 8pt;
    background-color: #303030;
    border: 1px solid #FFFFFF;
}
table.tbSEO_Table a
{
    color: #FFFFFF;
    font-size: 8pt;
    background-color: #303030;
    text-decoration: none;
}

table.tbSEO_Table a:hover
{
    color: yellow;
}

.dvBernardiForNow
{
    clear: both;
    float: left;
    width: 875px;
    height: 67px;
    padding-left: 125px;
    background-color: #303030;
}
/* =============== Affordables =========== */
.dvAffordables
{
    margin-bottom: 20px;
    width: 1000px;
    height: 185px;
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt;
    border: 1pt #ffffff solid;
}
.dvAffordables_Banner
{
    text-align: center;
    vertical-align: middle;
    height: 40px;
    font-size: 18pt;
    font-weight: bold;
    font-family: Arial;
    background-color: #636363;
    border-bottom: 1px solid #ffffff;
    padding-top: 10px;
}

.dvAffordables_Table
{
    clear: both;
    float: left;
    width: 604px;height:125px;
}

* html .dvAffordables_Table_RowTop /* IE Hack*/
{
    clear: both;
    float: left;
    width: 600px; /* IE Hack*/
    margin-left: 200px;
    color: #FFFFFF;
    background-color: #636363;
    text-align: center;
    font-weight: bold;
    border-bottom: solid 1px #ffffff;
}
.dvAffordables_Table_RowTop
{
    clear: both;
    float: left;
    width: 604px;
    margin-left: 200px;
    background-color: #303030;
    color: #FFFFFF;
    background-color: #636363;
    text-align: center;
    font-weight: bold;
    border-bottom: solid 1px #ffffff;
}
.dvAffordables_Table_RowTop_Cell_Left
{
    clear: both;
    float: left;
    width: 200px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.dvAffordables_Table_RowTop_Cell_Rest
{
    float: left;
    width: 200px;
    border-right: 1px solid #ffffff;
    font-weight: bold;
}
* html .dvAffordables_Table_RowMiddle /*IE HACK */
{
    clear: both;
    float: left;
    width: 600px; /*IE HACK */
    margin-left: 200px;
    background-color: #303030;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}
.dvAffordables_Table_RowMiddle
{
    clear: both;
    float: left;
    width: 604px;
    margin-left: 200px;
    background-color: #303030;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}
.dvAffordables_Table_RowMiddle_Cell_Left
{
    clear: both;
    float: left;
    width: 200px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.dvAffordables_Table_RowMiddle_Cell_Rest
{
    float: left;
    width: 200px;
    border-right: 1px solid #ffffff;
}
* html .dvAffordables_Table_RowBottom /*IE HACK*/
{
    clear: both;
    float: left;
    width: 600px; /*IE HACK*/
    margin-left: 200px;
    background-color: #303030;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}
.dvAffordables_Table_RowBottom
{
    clear: both;
    float: left;
    width: 604px;
    margin-left: 200px;
    background-color: #303030;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}
.dvAffordables_Table_RowBottom_Cell_Left
{
    clear: both;
    float: left;
    width: 200px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.dvAffordables_Table_RowBottom_Cell_Rest
{
    float: left;
    width: 200px;
    border-right: 1px solid #ffffff;
}
/* ================== NOT USED ================== */

.dvVideoBlock
{
    /* not used */
    width: 228px;
    height: 200px;
    background-color: #000000;
    clear: both;
    float: left;
}
.dvVideoControls
{
    /* not used */
    width: 228px;
    color: white;
    height: 20px;
    background-color: gray;
    text-align: center;
}