/*	*********************************************************************
		GLOBAL RULES
	********************************************************************* */
body {
	height:100%;
	margin:0px;
	padding:0px;
	background:#FFF url(/images/global/glo_honda_fluid_topRule.gif) repeat-x top left;
}
a, a:visited {
	font-weight:bold;
}
a, a:visited, a.Header, a.BodyCopy, a.BodyText {
	color:#36C;
	text-decoration:underline;
}

a:hover {
	color:#002061 ! important ; 
}

/*	*********************************************************************
		GLOBAL ELEMENTS
	********************************************************************* */
/* ------------------------------------------------
	Head */
#HeadBegin {
	margin:0px;
	padding:0px;
	width:100%;
	height:10px;
}
#Head {
	margin:0px;
	padding:0px;
	width:760px;
	height:64px;
}

/* ------------------------------------------------
	TopNav */
#TopNav {
	margin:0px;
	padding:0px;
	width:760px;
	height:25px;
}

/* ------------------------------------------------
	Canvas (Left Column, Content Area & Footer) */
#Canvas {
	margin:0px;
	padding:0px;
	width:760px;
}

/* Left Column */
#LeftColumnContent {
	width:170px;
	margin:5px 9px 10px 10px;
}
#LeftColumnContent p {
	margin:5px 0px 15px 0px;
}
#VehicleSelect {
	width:180px;
	height:24px;
	overflow:hidden;
	margin:0px 0px 0px 10px;
}
#ProdSelect {
	width:173px;
}
/* ------------------------------------------------
	Content Header
*/
#ContentBanner {
	text-indent:20px;
	font-weight:bold;
	background-image:url(/images/content/cont_hdr_honda.gif);
	color:#FFF;
	text-transform:none;
	font-family:arial,sans-serif;
	font-size:14px;
}
#ContentBanner span {
	font-size:12px;
	letter-spacing:0.05em;
}
/* ------------------------------------------------
	Content
*/
#Content {
	margin:15px 19px 20px 20px;
}
#Content p {
	margin-top:0px;
	margin-bottom:15px;
}
#RightColumnContent {
	width:166px;
	margin:0px 9px 20px 10px;
}
/* ------------------------------------------------
	Footer */
#Footer {
	width:730px;
	height:25px;
	background-color:#DDD;
}
#FooterNav {
	width:730px;
	height:25px;
	background-color:#DDD;
}
#FooterNav td {
	background-color:#DDD;
}

/* ------------------------------------------------
	Copyright */
#Copyright {
	width:730px;
	height:25px;
	background-color:#C6C6C6;
}
#Copyright td {
	background-color:#C6C6C6;
}

.CopyrightText {
	font-size:10px;
	font-family:verdana,sans-serif;
	color:#666;
}

/*	*********************************************************************
		GLOBAL CLASSES
	********************************************************************* */
.ContentItem {
	margin:0px;
}
.ListBullet {
	margin-top:10px;
}
.ListBullet img {
	margin-top:0px; /*3px;*/
}
.List {
	margin-left:8px;
	margin-bottom:10px;
}
.ListItem {
	margin-top:2px;
	margin-bottom:2px;
}
.Header {
	margin-top:10px;
}

/* ------------------------------------------------
	Form Related */
input, select, textarea {
	border:1px solid #b2b2b2;
}
select, select option {
	font-size:12px;
}
.TextBoxSmall {
	width:104px;
}
.TextBoxLarge {
	width:223px;
}
.ErrorText {
	color:#900;
	font:bold 11px tahoma, sans-serif;
}
.FormLabelblc {
	color:#000;
	font:bold 11px tahoma, sans-serif;
}
.NoMargin {
	margin:0px;
}
.Hide {
	display:none;
	visibility:hidden;
}
.Hide, .HideBorder {
	border-top:0 none;
	border-right:0 none;
	border-bottom:0 none;
	border-left:0 none;
}

/* ------------------------------------------------
	Font Related */
.Header, .HeaderRev, a.Header, a.HeaderLink, .HeaderGrey, .HeaderCaps {
	font-size:11px;
	font-weight:bold;
	font-family:tahoma,sans-serif;
}
.DebugMessage {
	color:#ff0000;
	font-size:11px;
	font-weight:bold;
	font-family:tahoma,sans-serif;
}
.Title, .TitleRev, .TitleCaps,
.BodyCopy, .BodyCopyRev, a.BodyCopy {
	font-size:12px;
	line-height:1.3em;
	font-family:tahoma,sans-serif;
}
.Title, .TitleRev, .TitleCaps {
	font-weight:bold;
}
.TitleCaps, .HeaderCaps {
	text-transform:uppercase;
}
.BodyText , .BodyTextRev, a.BodyText {
	font-size:11px;
	font-family:tahoma,sans-serif;
}
a.BodyCopy, a.BodyCopy:visited,
.BodyText a, .BodyText a:visited,
a.BodyText, a.BodyText:visited {
	color:#36C;
	font-weight:normal;
	text-decoration:underline;
}
a.Legal, a.Legal:visited, .Mandatory {
	font-size:10px;
	font-family:verdana,sans-serif;
}
a.Legal, a.Legal:visited {
	color:#666;
}
.Header, .Title, .BodyCopy, .BodyText {
	color:#000;
}
.TitleRev , .BodyCopyRev, .HeaderRev, .BodyTextRev {
	color:#FFF;
}
.HeaderGrey {
	color:#333;
}

a.backToTop:link, a.backToTop:visited {
	font:normal 11px tahoma,sans-serif;
	text-decoration:underline;
}

/* BEGIN: TO MAKE CONTENT FONT RELATIVE
.Title, .TitleRev,
.BodyCopy, .BodyCopyRev, a.BodyCopy, a.backToTop {
	font-size:x-small;
}
.Header, .HeaderRev, a.HeaderLink, .HeaderGrey,
.BodyText , .BodyTextRev, a.BodyText {
	font-size:xx-small;
}*/
/* END: TO MAKE CONTENT FONT RELATIVE */


/* ------------------------------------------------
	Nav Related*/
.LeftNavHeader {
	background-color:#80818E;
}
.selVehicleSelect {
	width:170px;
}
.selVehicleSelect {
	font-size:9px;
}
.NavItemSub {
	width:170px;
}
.NavItem, .NavItemSub {
	padding-top:3px;
}
.NavItem {
	margin-left:10px;
	padding-bottom:3px;
}
.NavItemSub {
	padding-left:20px;
	padding-bottom:3px;
	font-weight:normal;
}
.NavItemCell {
	background-color:#FFF;
}
.NavItemCellSelected {
	background-color:#053355;
}
a.NavItemLink, a.NavItemLinkSelected, a.NavItemLinkOff,
a.NavItemSubLink, a.NavItemSubLinkSelected {
	cursor:hand;
}
a.NavItemLink:link, a.NavItemLink:visited,
a.NavItemLinkOff:link, a.NavItemLinkOff:visited,
a.NavItemLinkSelected:link, a.NavItemLinkSelected:visited {
	font:bold 11px tahoma,sans-serif;
	text-decoration:none;
}
a.NavItemSubLink:link, a.NavItemSubLink:visited,
a.NavItemSubLinkSelected:link, a.NavItemSubLinkSelected:visited {
	font:normal 11px tahoma,sans-serif;
	text-decoration:none;
}

a.NavItemLink:hover, a.NavItemLinkSelected:hover, a.NavItemLinkOff:hover,
a.NavItemSubLink:hover, a.NavItemSubLinkSelected:hover {
	text-decoration:underline;
}


a.NavItemLink, a.NavItemLink:visited, a.NavItemLinkOff, a.NavItemLinkOff:visited {
	color:#333;
}
a.NavItemLinkSelected, a.NavItemLinkSelected:hover, a.NavItemLinkSelected:visited {
	color:#FFF ! important;
}
a.NavItemSubLink, a.NavItemSubLink:visited, a.NavItemSubLink:hover, a.NavItemLink:hover,
a.NavItemSubLinkSelected:link, a.NavItemSubLinkSelected:visited {
	color:#000 ! important;
}


/* ------------------------------------------------
	Bullet Lists */
.BulletListContainer {
	margin:5px 9px 10px 10px;
}
.BulletListBullet {
	padding-top:0px; /*4px;*/
}
.BulletListText {
	margin:0px 0px 5px 5px;
	line-height:16px;
}
.BulletListBulletText {
	padding-top:2px;
}

/* ------------------------------------------------
	Column BG Colors */
.LeftColumn, .RightColumn, .ModelColumn {
	background-color:#F5F3EC;
}
.HeaderColor {
}
.CellColor {
	background-color:#195580; /*#23567C; #CCC;*/
}
.PersonalInfoColor {
    background-color:#A29C89;
}
/* PAGE SPECIFIC CELL COLORS */
.GenericColor {
	background-color:#053355;
}
.HondaColor {
	background-color:#007CC3;
}
.AcuraColor {
	background-color:#007CC3;
}
/*.AcuraColor {
	background-color:#3B5596;
} replacing Acura color with Honda*/
.MotorcycleColor, .mcColor {
	background-color:#C00;
}
.PEColor{
	background-color:#349933;
}
.MarineColor
{
	background-color:#6C8196;
}

/* ------------------------------------------------
	Content Page */

td.techname
{
	font-family: tahoma;
	font-size: 10px;
	color:#000000;
	font-weight:normal;
	text-decoration: none;
}

.radiolist { list-style: none; } .radiolist input { border: none; }
.errorMsg { font-style: italic; font-size: 11px; font-family:tahoma,sans-serif; color: #e20021; }

/* the is for the Acura Retrofit to hide the Acura products on the pages. */
/* Product Home page */
div.AcuraRetrofit {
		border: 0px #000;
		width: 510px;
		height: 194px;
		margin-bottom: 0px;
		margin-top: 0px;
		z-index: 0;
	}
#acura	{
		position: relative;
		z-index: 0;
	}	
	.overlay	{
		width: 510px;
		height: 195px;
		background-color: #404040;
		position: absolute;
		left: 0px;
		top: 0px;
		opacity: .60;
		filter: alpha(opacity=80);
		z-index: 1;
		
	}
	.message	{
		color: white;
		padding: 3px 3px 3px 3px;
		/* border: 1px solid #000; */
		font-family: tahoma;
		font-size: 12px;
		opacity: 1;
		filter: alpha(opacity=100);
		position: absolute;
		left: 10px;
		top: 88px;
		z-index: 2;
		width: 494px;
		text-align:center;
		/* background-color:#727272; */
	}
	
	/* Product Main page */
	div.AcuraRetrofit2 {
		border: 0px #000;
		width: 510px;
		height: 3894px;
		margin-bottom: 0px;
		margin-top: 0px;
		z-index: 0;
	}
#acura2	{
		position: relative;
		z-index: 0;
	}	
	.overlay2	{
		width: 510px;
		height: 3894px;
		background-color: #404040;
		position: absolute;
		left: 0px;
		top: 0px;
		opacity: .60;
		filter: alpha(opacity=80);
		z-index: 1;
	}
	.message2	{
		color: white;
		padding: 3px 3px 3px 3px;
		/* border: 1px solid #000; */
		font-family: tahoma;
		font-size: 12px;
		opacity: 1;
		filter: alpha(opacity=100);
		position: absolute;
		left: 7px;
		top: 110px;
		z-index: 2;
		text-align:center;
		/* background-color:#727272; */
	}
	
	/* User Home page */
	div.AcuraRetrofit3 {
		border: 0px #000;
		width: 350px;
		height: 126px;
		margin-bottom: 0px;
		margin-top: 0px;
		z-index: 0;
	}
#acura3	{
		position: relative;
		z-index: 0;
	}	
	.overlay3	{
		width: 350px;
		height: 126px;
		background-color: #404040;
		position: absolute;
		left: 0px;
		top: 0px;
		opacity: .60;
		filter: alpha(opacity=80);
		z-index: 1;
	}
	.message3	{
		color: white;
		padding: 3px 3px 3px 3px;
		/*border: 1px solid #000;*/
		font-family: tahoma;
		font-size: 12px;
		opacity: 1;
		filter: alpha(opacity=100);
		position: absolute;
		left: 8px;
		top: 53px;
		z-index: 2;
		text-align:center;
		/* background-color:#727272; */
		
	}
	
	/* End Retrofit */


    .EasypaySM
    {
        font-size:8px;
        vertical-align:top;
        text-decoration:none;
    }