@charset "UTF-8";
/* CSS Document */

/*
####################################################################################################################################
LAYOUT
####################################################################################################################################
*/

/* global site attributes */
body { background-image:url('/usr/theme/image/background.png'); background-position:top; background-repeat:repeat-x; }
#pmm-doc-995 { background-image:url('/usr/theme/image/honda-logo.png'); background-position:top left; background-repeat:no-repeat; }
hr { border:0px; border-bottom:1px solid #cccccc; margin-top:35px; }

#header { height:65px; padding-top:10px; }
#header .hplink { float:left; width:90px; height:45px; }
#header .adr { display:block; }
#header .tel { float:right; padding-right:10px; }
#header .tel .serving { display:block; }

#footer .ftr-content { margin-top:70px; padding:80px 26px 50px 26px; border-top:1px solid #dadada; }
#footer ul { height:100px; }
#footer li { float:left; width:155px; height:100px; }
#footer .colb { float:right; }
#footer .cola strong,#footer .colb strong { font-size:12px; }

#flashbanner { height:138px; }

/* homepage */
#pg-hp #flashbanner { height:270px; }
#pg-hp #flatpl { height:188px; }

#pg-hp .content #model-selection { height:300px; text-align:left; }
#pg-hp .content #model-selection ul { padding-left:0px; }
#pg-hp .content #model-selection li { width:100px; height:150px; }
#pg-hp .content { padding:35px 26px 50px 26px; }

.model-selection .mdlYrHeader {padding-bottom:35px;}

/* interior */
#pmm-doc-995 #yui-main h2.pmm-bd-h { margin-top:34px; margin-bottom:10px; margin-left:25px; }
#pmm-doc-995 #yui-main #pmm-bd-c { padding-bottom:35px; min-height:350px; margin-left:25px; padding-right:25px; }
#pg-stnd.layout_col1 #pmm-doc-995 #yui-main #pmm-bd-c { padding-bottom:35px; min-height:350px; margin-left:0px; padding-right:0px; }
#pmm-doc-995 #bd #side-nav { width:210px; padding-left:5px; padding-top:10px; }
#pmm-doc-995 #yui-main #pmm-bd-c ul { padding-left:15px; }
*html #pmm-doc-995 #yui-main #pmm-bd-c ul { padding-left:25px; }
#pmm-doc-995 #yui-main #pmm-bd-c li { list-style:disc; list-style-position:inside; }
#pmm-doc-995 #yui-main #pmm-bd-c #frmLead li { list-style:none; }

#pmm-bd-c #model { position:absolute; top:360px; }
#pmm-bd-c .model-selection {margin-top:30px;}

#kbbFrameIn { width:700px; height:500px; border:0px; }
#estore { width:100%; height:800px; border:0px; }
#map_google { width:100%; height:400px; border:1px solid #cccccc; }


#deptHours { margin-bottom:35px; }

/* new car research */
#pmm-doc-995 #yui-main #pmm-bd-c #model-selection { }
#pmm-doc-995 #yui-main #pmm-bd-c #model-selection ul { margin:0px; padding:0px; position:absolute; margin-top:50px; width:700px; }
* html #pmm-doc-995 #yui-main #pmm-bd-c #model-selection li {height:180px;}
* html #pmm-doc-995 #yui-main #pmm-bd-c {height:380px;}
#pmm-doc-995 #yui-main #pmm-bd-c #model-selection li { float:left; width:100px; height:150px; text-align:center; padding-right:0px; margin-right:10px; }
#pmm-doc-995 #yui-main #pmm-bd-c #model-selection li img { border:1px solid #cccccc; padding:2px; }


/* vsrch listing */
#pmm-doc-995 #yui-main .pg-vsrch-header h2 { margin-top:34px; margin-bottom:10px; margin-left:25px; }
#pg-vsrch #pmm-main-content { margin-left:15px; }
#pg-vsrch #pmm-main-content select { margin-bottom:3px; }
#pg-vsrch #pmm-main-content #frmInvSearch table { margin-bottom:20px; }
#pg-vsrch #pmm-main-content #frmInvSearch a { padding:0px 10px 0px 10px; }
#pg-vsrch .pmm-flow1 { height:4000px; }
#pg-vsrch .pmm-flow1 a { text-decoration:none; }
#pg-vsrch .disclaimer { width:945px; margin:0px auto; padding:25px; }


/* vspecs */
#pg-vspecs .vCompInfo li { padding:0px; margin:0px; height:15px; }
#pg-vspecs .vCompInfoName, #pg-vspecs .vCompInfoPrice { font-size:11px; }
#pg-vspecs .vCompInfoVin { font-size:10px; }
#pg-vspecs a { text-decoration:none; }
#pg-vspecs #purchasePrice .vsrch_pricing_savings { color:#009900; }
#pg-vspecs #vInfoLst { width:200px; }
#pg-vspecs #vInfoLst li { font-size:11px!important; }
#pg-vspecs .callsToAction li a, #pg-vspecs .callsToAction li a:hover { color:#fff!important; text-decoration:none!important; }


/* site map */

#pg-sitemap #pmm-bd-c li { list-style:none!important; }


/* get preapproved */
#getPreApproved { width:700px; height:1400px; border:0px; }
#pg-framed .disclaimer { display:none; }
#pg-framed .msgReq { background-image:url(/usr/theme/image/lock-icon.png); background-position:right; background-repeat:no-repeat; }









/*
####################################################################################################################################
MAIN NAV
####################################################################################################################################
*/


/* this hides the text of the top level menu */
#nav span { display: none; }

/* menu attributes */
ul.jd_menu {padding:0px; list-style-type:none; border:none; height:25px; text-align:left;text-decoration:none!important;}
ul.jd_menu ul {display:none; border:none; padding:0px; margin:0px; height:auto; }
ul.jd_menu li {float:left; border:none; padding:0px; margin:0px;color:#ffffff; font-family:sans-serif; font-size:11px; color:#ffffff; font-weight:bold; line-height:14px; }

/* sub-menu attributes */
ul.jd_menu ul {position:absolute; display:none; list-style-type:none; margin:0px; padding: 0px; min-width:140px; height:auto; z-index: 1000000000; }
ul.jd_menu ul li {float:none; margin:0px; }
ul.jd_menu li li { padding:10px; }
#nav ul li ul li { height:auto; }
ul.jd_menu li.jdm_hover { cursor:pointer; }
ul.jd_menu li ul li a { text-decoration:none; font-weight:normal; }
ul.jd_menu li ul {  }


/***************************************************************/
/* notice: you should only have to edit values below this area */
/***************************************************************/

#nav {
/* navigation image attributes */
/* background-image:url("/usr/theme/image/navigation.png"); */
background-image:url("/usr/theme/image/navigation-no-sp.png"); /* removes spanish button */
background-repeat:no-repeat;
/* width of the navigation */
width:995px;
/* height of the navigation */
height:45px;
/* other attributes */
margin:0px;
padding:0px;
clear:both;
}




body.lang_es #nav {
/* navigation image attributes */
background-image:url("/usr/theme/image/navigation-sp.png");
background-repeat:no-repeat;
/* width of the navigation */
width:995px;
/* height of the navigation */
height:45px;
/* other attributes */
margin:0px;
padding:0px;
clear:both;
}

/***********************/
/*** menu attributes ***/
/***********************/

/* controls drop down menu highlight */
ul.jd_menu li ul li.jdm_hover { background-image:url("/usr/theme/image/ddmenu-hover.png"); background-position:left; background-repeat:repeat-x; }
/* controls the padding of the drop down menu buttons */
ul.jd_menu li li { padding:1px 1px 1px 0px; }
/* controls the width of the drop down menu buttons */
ul.jd_menu li li { width:180px; }
/* controls the color of the borders of the drop down menu buttons */
ul.jd_menu li li { }
/* controls the color of the background of the drop down menu buttons */
ul.jd_menu li li { background-image:url("/usr/theme/image/ddmenu-bg.png"); background-position:left; background-repeat:repeat-x; padding:10px; }
/* controls the color of the text of the drop down menu buttons */
ul.jd_menu li ul li a {color:#fff; font-weight:bold; }
/* controls the color of the text (hover state) of the drop down menu buttons */
ul.jd_menu li li.jdm_hover a{ color:#fff; } 


/* important: the height needs to match the navigation height */
#nav li, #nav a.top-lvl { height:45px; display:block; }

/* controls with hit area for the tab buttons */

/* nav with sp button :hidden 

.jd-home {width: 95px; }
.jd-inventory {width: 149px;}
.jd-specials {width: 138px;}
.jd-finance {width: 140px;}
.jd-service {width: 137px;}
.jd-company {width: 206px;}
.jd-espanol {width: 130px;}

*/

body.lang_es .jd-home {width: 95px; }
body.lang_es .jd-inventory {width: 149px;}
body.lang_es .jd-specials {width: 138px;}
body.lang_es .jd-finance {width: 140px;}
body.lang_es .jd-service {width: 137px;}
body.lang_es .jd-company {width: 206px;}
body.lang_es .jd-english {width: 130px;}
body.lang_es .jd-espanol { display:none!important; }

/* temporary nav */
.jd-home {width: 109px; }
.jd-inventory {width: 177px;}
.jd-specials {width: 159px;}
.jd-finance {width: 166px;}
.jd-service {width: 160px;}
.jd-company {width: 224px;}

/* controls the nav image when hover state - ENGLISH */

/* hidden

.jd-home a.top-lvl:hover, ul.jd_menu li.jd-home.jdm_hover {background:url("/usr/theme/image/navigation.png") -0px -45px no-repeat; }
ul.jd_menu li.jd-inventory.jdm_hover, ul.jd_menu li.jd-inventory.jdm_active { background:url("/usr/theme/image/navigation.png") -95px -45px no-repeat; }
ul.jd_menu li.jd-specials.jdm_hover, ul.jd_menu li.jd-specials.jdm_active {background:url("/usr/theme/image/navigation.png") -244px -45px no-repeat; }
ul.jd_menu li.jd-finance.jdm_hover, ul.jd_menu li.jd-finance.jdm_active {background:url("/usr/theme/image/navigation.png") -382px -45px no-repeat; }
ul.jd_menu li.jd-service.jdm_hover, ul.jd_menu li.jd-service.jdm_active {background:url("/usr/theme/image/navigation.png") -522px -45px no-repeat; }
ul.jd_menu li.jd-company.jdm_hover, ul.jd_menu li.jd-company.jdm_active {background:url("/usr/theme/image/navigation.png") -659px -45px no-repeat; }
ul.jd_menu li.jd-espanol.jdm_hover, ul.jd_menu li.jd-espanol.jdm_active {background:url("/usr/theme/image/navigation.png") -865px -45px no-repeat; }

*/


/* controls the nav image when hover state - SPANISH */
body.lang_es .jd-home a.top-lvl:hover, body.lang_es ul.jd_menu li.jd-home.jdm_hover {background:url("/usr/theme/image/navigation-sp.png") -0px -45px no-repeat; }
body.lang_es ul.jd_menu li.jd-inventory.jdm_hover, body.lang_es ul.jd_menu li.jd-inventory.jdm_active { background:url("/usr/theme/image/navigation-sp.png") -95px -45px no-repeat; }
body.lang_es ul.jd_menu li.jd-specials.jdm_hover, body.lang_es ul.jd_menu li.jd-specials.jdm_active {background:url("/usr/theme/image/navigation-sp.png") -244px -45px no-repeat; }
body.lang_es ul.jd_menu li.jd-finance.jdm_hover, body.lang_es ul.jd_menu li.jd-finance.jdm_active {background:url("/usr/theme/image/navigation-sp.png") -382px -45px no-repeat; }
body.lang_es ul.jd_menu li.jd-service.jdm_hover, body.lang_es ul.jd_menu li.jd-service.jdm_active {background:url("/usr/theme/image/navigation-sp.png") -522px -45px no-repeat; }
body.lang_es ul.jd_menu li.jd-company.jdm_hover, body.lang_es ul.jd_menu li.jd-company.jdm_active {background:url("/usr/theme/image/navigation-sp.png") -659px -45px no-repeat; }
body.lang_es ul.jd_menu li.jd-english.jdm_hover, body.lang_es ul.jd_menu li.jd-english.jdm_active {background:url("/usr/theme/image/navigation-sp.png") -865px -45px no-repeat; }


/* controls the nav image when hover state - ENGLISH */
.jd-home a.top-lvl:hover, ul.jd_menu li.jd-home.jdm_hover {background:url("/usr/theme/image/navigation-no-sp.png") -0px -45px no-repeat; }
ul.jd_menu li.jd-inventory.jdm_hover, ul.jd_menu li.jd-inventory.jdm_active { background:url("/usr/theme/image/navigation-no-sp.png") -109px -45px no-repeat; }
ul.jd_menu li.jd-specials.jdm_hover, ul.jd_menu li.jd-specials.jdm_active {background:url("/usr/theme/image/navigation-no-sp.png") -286px -45px no-repeat; }
ul.jd_menu li.jd-finance.jdm_hover, ul.jd_menu li.jd-finance.jdm_active {background:url("/usr/theme/image/navigation-no-sp.png") -445px -45px no-repeat; }
ul.jd_menu li.jd-service.jdm_hover, ul.jd_menu li.jd-service.jdm_active {background:url("/usr/theme/image/navigation-no-sp.png") -611px -45px no-repeat; }
ul.jd_menu li.jd-company.jdm_hover, ul.jd_menu li.jd-company.jdm_active {background:url("/usr/theme/image/navigation-no-sp.png") -771px -45px no-repeat; }


/* OPTIONAL - move the buttons to the right
ul.jd_menu { margin-left:90px; } */

/* IE6 FIXES */
* html .jd-home a.top-lvl:hover { background-image:none; }
* html ul.jd_menu li.jd-inventory.jdm_hover, * html ul.jd_menu li.jd-inventory.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-specials.jdm_hover, * html ul.jd_menu li.jd-specials.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-finance.jdm_hover, * html ul.jd_menu li.jd-finance.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-service.jdm_hover, * html ul.jd_menu li.jd-service.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-company.jdm_hover, * html ul.jd_menu li.jd-company.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-espanol.jdm_hover, * html ul.jd_menu li.jd-espanol.jdm_active { background-image:none; }

* html ul.jd_menu li ul li a:visited {color:#838383; }
* html ul.jd_menu li li.jdm_hover a:hover { color:#ffffff; } 









/*
#######################################################################################################################################
TYPOGRAPHY
#######################################################################################################################################
*/

body { line-height:18px; }
p { font-size:11px; line-height:18px; padding-top:6px; padding-bottom:6px; }
em { font-style:italic; }
strong { font-weight:bold; }
label, input, textarea, select { font-size:11px; }
h3  { font-size:12px; font-weight:bold; }

#header .org, #header .tel { font-size:24px; }
#header .adr, #header .tel .serving  { font-size:10px; }
#header .tel { text-align:right; }

.disclaimer p { line-height:18px; }


/* interior */
#yui-main h2.pmm-bd-h, #pmm-doc-995 #yui-main .pg-vsrch-header h2 { font-size:17px; text-transform:uppercase; font-weight:bold; }
#pmm-doc-995 #yui-main #pmm-bd-c li { font-size:11px; }

/* vsrch listing */
#pg-vsrch #pmm-main-content #frmInvSearch a { font-size:11px; font-weight:bold; text-decoration:none; }


/* site map */
#pg-sitemap #pmm-bd-c span { font-size:11px!important; font-weight:bold; }
#pg-sitemap #pmm-bd-c a { text-decoration:none!important; }

/* vListing Style */

#pg-vsrch ul.vsrch_pricing li.price2 span
{
color: #ff0000;
font-size: 15px;
font-weight: bold;
}
#pg-vsrch ul.vsrch_pricing li.price2 label
{
color: #000000;
font-size: 14px;
font-weight: bold;
}

#pg-vsrch ul.vsrch_pricing li.vsrch_pricing_savings label
{
color: #00d71e;
font-size: 12px;
}
#pg-vsrch ul.vsrch_pricing li.vsrch_pricing_savings span
{
color: #00d71e;
font-size: 12px;
}

/* vSrch Style */

body#pg-vspecs ul.vsrch_pricing li label{
font-size:12px;
}

#pg-vspecs ul.vsrch_pricing li.price2 span
{
color: #ff0000;
font-size: 15px;
font-weight: bold;
}
#pg-vspecs ul.vsrch_pricing li.price2 label
{
color: #000000;
font-size: 14px;
font-weight: bold;
}

#pg-vspecs ul.vsrch_pricing li.vsrch_pricing_savings label
{
color: #00d71e;
font-size: 12px;
}
#pg-vspecs ul.vsrch_pricing li.vsrch_pricing_savings span
{
color: #00d71e;
font-size: 12px;
}








/*
#########################################################################################################################################
COLORS
#########################################################################################################################################
*/

body { background-color:#0089cb; }
body, p, h1, h2, h4, li, td { color:#707070; }
h3 { color:#272727; }
a { color:#007bc6; }
a:hover { color:#FF9900; }

#footer .colb a { color:#707070; }
#footer .colb a:hover { color:#ff9900; }

/* homepage */
#pg-hp .content .model-selection ul img {padding:3px; border:1px solid #e3e3e3; }

/* interior */
#pmm-doc-995 #bd #bd-col-l.yui-b { background-color:transparent; }


/* vsrch listing */
#pmm-doc-995 #bd .yui-b { background-color:transparent; }
#pg-vsrch #pmm-main-content #frmInvSearch a { background-color:#CCCCCC; color:#333333; }
#pg-vsrch #doSearch, #pg-vsrch #doNewSearch { background-color:#007bc6!important; color:#fff!important; }
#pg-vsrch .disclaimer { background-color:#fff; }

/* get preapproved */
#pg-framed { background-image:none; background-color:#ffffff!important; }
#pg-framed .getPreApproved { background-color:#fff!important; }






/*
#############################################################################################################################################
MISC
#############################################################################################################################################
*/

/* payment calculator */
#pmmCalc { font-size:11px; }
#pmmCalc input, #pmmCalc select { }
#pmmCalc table th { font-size:12px; font-weight:bold; text-align:left; }
#pmmCalc table td { padding:3px; }
#pmmCalc #frmAfford th, #pmmCalc #CalcPaymentEst th { font-size:11px; font-weight:normal; text-align:left; }
#pmmCalc h3 { color:#007bc6; }
#pmmCalc #ContractLength td, #pmmCalc #ContractLength th { padding:3px; text-align:center; }
#pmmCalc #ContractLength { border-color:#cccccc!important; }


/* specials coupons */

.CMS_AdGroup table { border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif!important; }
.CMS_AdGroup table p, .CMS_AdGroup table th, .CMS_AdGroup table font  { font-family:Arial, Helvetica, sans-serif!important }
.CMS_AdGroup table p, .CMS_AdGroup table .ad_name { padding:10px; }
.CMS_AdGroup table .ad_title { text-align:left; }
.CMS_AdGroup table .ad_disclosure p { font-size:9px; }


/* vListing Style IE6 Hack */

*html .vListStnd ul.vData {height:150px;}
*html body#pg-vsrch ul.vsrch_pricing {width:180px;}
*html .wdgt {height:40px;}
*html #pg-vsrch .pmm-flow1 {height:5500px;}


div#footer-hp {width:965px;clear:both;padding:0px 15px 0px 15px;}
div#footer-hp p {font-size:11px;}
div#footer-hp h1, div#footer-hp h2, div#footer-hp h3 {font-size:12px;font-weight:bold;color:#707070;}
div#cities-box {float:left;padding:10px;margin:10px 10px 10px 0px;border:1px solid #DADADA;}
div#cities-box p {margin:0px 0px 6px 0px;padding:0px;}
div#cities-box li {margin:0px 0px 0px 10px;list-style-type:disc;font-size:11px;}

