@import url("/_assets/presentation/global.css");
@import url("/_assets/presentation/thickbox.css");

#wrapper 			{width:990px; margin:0 auto; text-align:center}

#header 			{height:60px; border-bottom:#d6d6d6 1px solid;}


		/* General */
		.clear {height:0; width:0; padding:0; margin:0; border:none; clear:both;}
		body#portal {background:#FFFFFF; text-align:center; font-family:"Helvetica", Geneva, Arial, Helvetica, sans-serif;}
		body#portal #portalWrapper, body#portal .portalWrapper {width:990px; margin:0 auto; text-align:left;}
		/* Header */
		body#portal #portalHeader {text-align:center; position:relative; width:100%;}
		body#portal .portalWide #portalHeader {margin:0 auto; width:990px;}
		body#portal #portalHeader h1#portalLogo { margin:0; height:60px; }
		body#portal #portalHeader h1#portalLogo img { width:149px; height:60px; }
		#portalHeader .offers:link, #portalHeader .offers:visited {width:113px; height:7px; display:block; position:absolute; top:28px; left:12px; background:url(/_assets/presentation/current-honda-offers.gif) no-repeat top;}
		#portalHeader .offers:hover {background-position:bottom;}
		#portalHeader .offers span {position:absolute; top:-99999px; left:-99999px;}

		#search	p {position: absolute; top: 10px; right: 20px; margin: 0; line-height: normal;}
 
		/* Flash Area */
		#flashContent {display:none;}
		/* Accessible Content */
			/* Main Call to Action*/
			#mainCallToAction {height:369px; float:left;}
			#mainCallToAction a {}
			#mainCallToAction a img {}
			/* Promotions */
			ul#promotions {list-style:none; margin:0; float:left; width:100%;}
			ul#promotions li {display:inline; width:328px; height:100px; float:left; padding:3px;padding-top:3px;padding-left:0; overflow:hidden;}
			*html ul#promotions li {padding-top:1px;}
			ul#promotions li.lastItem {padding:3px 0 0 0;}
			*html ul#promotions li.lastItem {padding:1px 0 0 0;}
			/* Primary Nav */
			div#portalMenu {text-align:center; background:#343434; line-height:1; clear:both;}
			div#portalMenu ul {list-style:none; text-align:center; margin:0 auto; line-height:normal;}
			div#portalMenu ul li {display:inline;}
			div#portalMenu ul li a:link,div#portalMenu ul li a:visited {text-decoration:none; color:#ffffff; padding:10px; background:#343434; float:left; font-size:1.5em;}
			div#portalMenu ul li a:hover {background:#000000; color:#FFFFFF;}
			
			div#portalMenu ul li a.faded {color:#666666;}
			div#portalMenu ul li a.highlight {color:#ffffff;}
			
			.table {display: table;/* Allow the centering to work */ margin: 0 auto;}

/*


#navigation li 		{display: inline; list-style-image:none; list-style-type:none; padding:0 10px 0 5px; background:url(nav/divider.gif) no-repeat 100%;}
#navigation li.end	{background:none;}

#navigation a 		{color: #666666; text-decoration: none; font-size: 0.9em;}
#navigation a:link, #footer a:visited {color: #666666;}
#navigation a:hover {color: #cc0000;}

*/
		#navigation					{width:990px; border-bottom:#eaeaea 1px solid; padding:12px 0;}
		.portalWide #navigation 	{margin:0 auto; width:990px;}
		.portalHome #navigation {border:none;}
		#navigation ul 				{float:left; margin:0;}
		#navigation li 				{display:inline;list-style-type:none}
		#navigation li a 			{float:left; text-decoration:none; text-indent:-99999px; height:23px;}
		#navigation a 				{background:transparent url(navigation.gif) no-repeat scroll 0 0;}
			
			/* Background Positions */
				/* Normal */
				
				/* FULL MENU
				#navigation .welcome a 		{background-position: 0 -20px; width:145px;}
				#navigation .aboutUs a 		{background-position: -145px -20px; width:71px;}
				#navigation .contactUs a 	{background-position: -216px -20px; width:81px;}
				#navigation .hondaTv a 		{background-position: -297px -20px; width:71px;}
				
				#navigation .offers a 		{background-position: -368px -20px; width:61px;}
				#navigation .eNewsletter a 	{background-position: -429px -20px; width:94px;}
							
				#navigation .welcome a:hover, .welcome #navigation .welcome a 				{background-position:0 0;}
				#navigation .aboutUs a:hover, .aboutUs #navigation .aboutUs a 				{background-position:-145px 0;}
				#navigation .contactUs a:hover, .contactUs #navigation .contactUs a 		{background-position:-216px 0;}
				#navigation .hondaTv a:hover, .hondaTv #navigation .hondaTv a 				{background-position:-297px 0;}
				#navigation .offers a:hover, .offers #navigation .offers a 					{background-position:-368px 0;}
				#navigation .eNewsletter a:hover, .eNewsletter #navigation .eNewsletter a 	{background-position:-429px 0;}
				*/
				
				/*CUT DOWN MENU FOR LAUNCH (NO ABOUT US OR E-NEWSLETTER)*/
				
				#navigation .welcome a 		{background-position: 0 -20px; width:139px;}				
				#navigation .environment a 	{background-position: -139px -20px; width:85px;}
				#navigation .contactUs a 	{background-position: -224px -20px; width:82px;}
				#navigation .hondaTv a 		{background-position: -306px -20px; width:76px;}				
				#navigation .offers a 		{background-position: -382px -20px; width:58px;}
				#navigation .enews a 		{background-position: -441px -20px; width:53px;}
				#navigation .brand a 		{background-position: -498px -20px; width:58px;}
				
				#navigation .welcome a:hover, .welcome #navigation .welcome a 				{background-position:0 0;}				
				#navigation .environment a:hover, .environment #navigation .environment a 	{background-position:-139px 0;}
				#navigation .contactUs a:hover, .contactUs #navigation .contactUs a 		{background-position:-224px 0;}
				#navigation .hondaTv a:hover, .hondaTv #navigation .hondaTv a 				{background-position:-306px 0;}
				#navigation .offers a:hover, .offers #navigation .offers a 					{background-position:-382px 0;}
				#navigation .enews a:hover, .enews #navigation .enews a 					{background-position:-441px 0;}
				#navigation .brand a:hover, .brand #navigation .brand a 					{background-position:-498px 0;}
				
		#navigation div 	{float:right; color:#616161; padding-right:13px;}
		#navigation div select	{margin:0 12px;color:#616161;font-size:1em; width:140px;}
		/* Footer */
		#portalFooter {float:left;padding:0 0 0 13px;}
		#portalFooter ul {display:inline; text-decoration:none; font-size:1em; padding:0; margin:0;}
		#portalFooter ul li {display:inline; line-height:25px; margin-left:15px; padding-left:15px; border-left:1px dotted #ccc;}
		#portalFooter ul li.firstItem {margin:0; padding:0; border:none;}
		#portalFooter ul li a:link,#portalFooter ul li a:visited {color:#616161; text-decoration:none;}
		#portalFooter ul li a:hover {color:#ae1111;}
		
		#portalFooterLeft{float:right;padding:0 13px 0 0;}
		#portalFooterLeft span {display:block; height:0; width:0; overflow:hidden;}

#menu 				{float: left; width: 427px;}
#menu				{background:#343434; width:990px; height:39px;}
#menu ul 			{padding-top:10px;}
#menu li 			{display: inline; list-style-image:none; list-style-type:none; padding:0 13px;}
#menu a 			{color: #ffffff; text-decoration: none; font-size: 1.8em;}
#menu a:link, #menu a:visited {color: #ffffff;}
#menu a:hover 		{color: #666666;}

#panel {width:990px; /*height:470px;*/}

#content	{/*float:left;*/ text-align:left; padding-bottom:26px;}

#footer {float:right; height:23px;}
#footer ul {display:inline; text-decoration:none;}
#findus, #facebook, #twitter, #youtube {float:left;width:61px;height:18px;}
#findus{padding-top:5px;color:#a4a4a4}
#facebook{margin-left:15px}
#facebook a, #twitter a, #youtube a {display:block;width:61px;height:18px;background: url(/_assets/images/icons/socialmedia.png) no-repeat 0 0}
#twitter a{background-position:0 -21px}
#facebook a{background-position:0 -39px}

#promotions {float:left; width: 990px; text-align:center;}
#promotions ul	{padding:0; margin:0;}
#promotions ul li	{display:inline; padding:0;}

h3 {font-size: 1.2em; font-weight:bold; color:#616161; padding-top:25px; margin-bottom:10px;}

p {margin-bottom:6px; margin-top:6px; line-height:1.4em}
	
#termsLeftColumnHeader 	{float: left; width: 330px; height: 115px; background:url(/_assets/presentation/header-honda-terms-and-conditions.png); text-indent:-9999px;}
#termsRightColumnHeader {float: right; width: 660px; height: 115px; background: url(/_assets/presentation/headercopy-honda-terms-and-conditions.png); text-indent:-9999px;}

#contactLeftColumnHeader {float: left; width: 330px; height: 115px; background:url(/_assets/presentation/header-honda-contact-us.png); text-indent:-9999px;}
#contactRightColumnHeader {float: right; width: 660px; height: 115px; background: url(/_assets/presentation/headercopy-honda-contact-us.png); text-indent:-9999px;}

#e-newsletterLeftColumnHeader {float: left; width: 330px; height: 115px; background:url(/_assets/presentation/header-honda-e-newsletter.png); text-indent:-9999px;}
#e-newsletterRightColumnHeader {float: right; width: 660px; height: 115px; background: url(/_assets/presentation/headercopy-honda-e-newsletter.png); text-indent:-9999px;}
#e-newsletterMarketingPreferences{float:left;}

#privacyLeftColumnHeader {float: left; width: 330px; height: 115px; background:url(/_assets/presentation/header-honda-privacy.png); text-indent:-9999px;}
.sponsorship #privacyLeftColumnHeader {
	background: url(../../sponsorship/_assets/presentation/bg-heading-grad.png) repeat-x left bottom;
	text-indent: 0px;
	padding-top: 50px;
	padding-left: 20px;
	width: 310px;
	height: 65px;
}
.sponsorship #privacyRightColumnHeader {background: url(../../sponsorship/_assets/presentation/bg-heading-grad.png) repeat-x left bottom;}

#privacyLeftColumnHeaderHelp {float: left; width: 330px; height: 115px; background:url(/_assets/presentation/header-website-help.png); text-indent:-9999px;}

#ieIconBrowser 			{position:relative; left:3px; width:455px; height:25px; padding-left:34px; background : url(/_assets/presentation/ieIcon.gif) no-repeat left;}
#mozillaIconBrowser 			{position:relative; left:3px; width:455px; height:25px; padding-left:34px; background : url(/_assets/presentation/mozillaIcon.gif) no-repeat left;}

#leftColumn ul li {line-height:14pt;}

#contentCookies 		{position:relative;}
#contentCookies1 		{position:relative;}
#ieIconCookies 			{position:absolute; left:273px; width:24px; height:25px; background : url(/_assets/presentation/ieIcon.gif) no-repeat left;}
#titlecookies2 			{position:relative;}
#contentcookies2 		{position:relative;}
#ieIconCookies2			{position:absolute; left:273px; width:24px; height:25px; background : url(/_assets/presentation/ieIcon.gif) no-repeat left;}
#titlecookies3 			{position:relative;}
#contentcookies3 		{position:relative;}
#netscapeIconCookies 	{position:absolute; left:275px; width:22px; height:22px; background : url(/_assets/presentation/netscapeIcon.gif) no-repeat left;}
#titlecookies4 			{position:relative;}
#contentcookies4 		{position:relative;}

#privacyRightColumnHeader {float: right; width: 660px; height: 115px; background: url(/_assets/presentation/headercopy-honda-privacy.png); text-indent:-9999px;}

.namedAnchorLink  {text-decoration:underline; color:#616161; font-weight:bold} 
.namedAnchorLink:hover  {text-decoration:none; color:#616161;} 

.namedAnchor, .namedAnchor:hover {text-decoration:none; color:#616161;}

#leftColumn 		{float: left; width: 330px;}
#rightColumn 		{float: right; width: 660px;}
.sponsorship #rightColumn h3 {font-size: 1.4em;}


#generalEnquiries 	{float: left; width: 290px; padding-top:6px; padding-right:40px; height:350px;}
#specificProblem 	{float: right; width: 324px; padding-top:6px; padding-right:6px; height:280px;}
#yourDetailsLeft	{float: left; width: 324px; padding-top:33px; padding-right:6px;}
#yourDetailsRight	{float: right; width: 324px; padding-top:6px; padding-right:6px;}
#taxFree			{float: left; width: 660px; padding-top:6px}
#taxFreeLeft		{float: left; width: 324px; padding:6px 6px 6px 0;}
#taxFreeRight		{float: right; width: 324px; padding-top:6px; padding-right:6px;}

.floatRight 		{float:right;}

/*GENERIC FORMS STYLING*/

label				{color:#616161;}

.formWide 			{width:200px; padding:2px; margin-bottom:5px;}
.formNarrow 		{padding:2px; margin-bottom:5px;}

select{
	color:#616161;
	font-size:1.1em;
	/*	padding:2px;
	margin-top:7px;
	margin-bottom:3px;*/
}
input{
	color:#616161;
	font-size:1.1em;
/*	padding:2px;
	margin-top:7px;
	margin-bottom:3px;*/
}
textarea{
	color:#616161;
	font-size:1.1em;
	}.sponsorship address {
	font-style: normal;
	font-size: 1.1em;
	color: #666;
	line-height: 1.4em;
}
.sponsorship #logos {list-style: none;}
.sponsorship #logos li {
	float: left;
	list-style: none;
	margin-right: 50px;
}


/* SECOND LEVEL MENU */
#secondLevelMenu {width:207px; float: left; background: #fff;}
#secondLevelMenu ul {margin: 0px; padding: 0px; width:195px; font-family:Arial, Helvetica, sans-serif;}
#secondLevelMenu li {margin: 0px; padding: 0px; list-style:none; border-bottom: 1px solid #e9e9e9;}
#secondLevelMenu a:link,
#secondLevelMenu a:visited,
#secondLevelMenu strong 
{display: block; text-decoration: none; width: 160px; padding:6px 0 6px 17px; 
font-size: 1.272em; 
color: #333; font-weight:normal;}
#secondLevelMenu a:hover {
	color: #c00;
	text-decoration: underline;
}
#secondLevelMenu .sel a:link,
#secondLevelMenu .sel a:visited {
color:#CC0000;
}
#secondLevelMenu .sel a:hover {color:#CC0000; text-decoration:underline;}
.panels {position: relative;}


#secondLevelMenu .sel #secondLevelSub a:link,
#secondLevelMenu .sel #secondLevelSub a:visited {
	background:url(/cars/_assets/presentation/nav/leftnav/second-level-border.png) repeat-x left top;
	color:#707070;
	font-size:1.091em;
	border-bottom:none;
	width:159px;
}
#secondLevelMenu .sel #secondLevelSub a:hover{color:#A80000;}
#secondLevelMenu .sel #secondLevelSub a.firstSub {background:url(/_assets/presentation/nav/leftnav/second-level-sub-top.png) repeat-x left top;}
#secondLevelMenu .sel #secondLevelSub a.lastSub {background:url(/_assets/presentation/nav/leftnav/second-level-sub-bottom.png) repeat-x left bottom;}

#secondLevelMenu #subParent .sel {
	color: #c00;
	background: #fff;
}
#secondLevelMenu .sel #subGradTop {
background:#FAFAFA url(/_assets/presentation/nav/leftnav/second-level-sub-top.png) repeat-x scroll left top;
}
#secondLevelMenu .sel #secondLevelSub {
background:transparent url(/_assets/presentation/nav/leftnav/second-level-sub-bottom.png) repeat-x scroll left bottom;
padding-left:18px;
width:177px;
}
#secondLevelMenu .sel #subGradTop #secondLevelSub .sel {
	background:#c00;
	color:#fff; 
	border-bottom:1px solid #e9e9e9;
	font-size:1.1em;
}
