/* CSS for Infiniti Site */


/*reset*/
*  { margin:0; padding:0; }
html
	{
	background-color: #000;
	/*text-align: center;*/
	}

/*begin document*/
body {
	font:12px arial;
	color: #FFF;
	background: url(../images/infiniti_bg.jpg) top center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	min-height: 700px;
}

body .print_receipt
	{
	background-color: #FFF;
	}
.FixForInfiniti
	{
	padding-right: 25px;
	}

.doc-head {
	position:relative;
	background: url(../images/masthead.gif) top left no-repeat;
	width:1000px; 
	height:80px;
	padding-bottom:0px;
}

.doc-headpop {
	position:relative;
	background: url(../images/masthead.gif) top left no-repeat;
	background-color:#FFF;
	width:100%;
	height:112px;
}

#lang{
	position: relative;
	display: inline;
	float:right;
	top:-105px;
	padding-right: 40px;
	margin-bottom: -15px;
	color:#fff;
}

#lang a.selected{
	text-decoration:none;
	color:#fff;
}

#lang a.off{
	color:#fff;
}

#lang a:hover{
	color: #da3905;
}

/*logo*/
.logo {
		
	display:block; width:114px; height:112px;
	text-indent:-10000px;
	margin-left:25px;
}

/* NAVTEQ Onboard */
#onboard {
	background: url(../images/NT_Logo.jpg) top right no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffff;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:right center;
	height:34px;
}
.onboard {
	background:#fff; 
	text-align:right; 
	padding :20px 10px 20px 10px;
}

/* acura navigation */
.doc-head .nav {
	position:absolute; bottom:0; right:0;
	width: 675px;
	height:33px;
	list-style-type:none;
} 



.doc-head .nav li {
	float:right;
}
.doc-head .nav
	{
	margin-right:20px;
	}

.doc-head .nav li a {
	color: #787878;
	font-size: 12px;
	font-weight: bold;
	display:block;
	margin-left:15px;
	margin-right:15px;
	height:17px;
	text-decoration: none;
}
.doc-head .nav li a:hover,
.doc-head .nav li.selected a {
		/*background-position: 0 -43px;*/
		color: #000;
		border-bottom: solid 2px;
}
.doc-head .nav li a.nav-cart {
	/*background-position: -181px 0;*/
}
.doc-head .nav li a.nav-order {
	/*background-position: -362px 0;*/
}
.doc-head .nav li a.nav-order:hover,
.doc-head .nav li.selected a.nav-order  {
	/*background-position: -362px -43px;*/
}

.doc-head .nav li a.nav-cart:hover,
.doc-head .nav li.selected a.nav-cart  {
	/*background-position: -181px -43px;*/
}
.doc-head .nav li a.nav-contactus {
	/*background-position: -543px 0;*/
}
.doc-head .nav li a.nav-contactus:hover,
.doc-head .nav li.selected a.nav-contactus{
	/*background-position: -543px -43px;*/
}


/*content*/

.doc-body .no-logo {
	background: #000 27px 41px no-repeat;
}
.doc-body .no-logopop {
	background: #000 5px 5px no-repeat;
}

.content {
	background:transparent; 
	
	line-height:1.5em;
}
.contentpop {
	background-color:#fff; 
	padding:11px 12px 50px 13px;
	line-height:1.5em;
	text-align: left;
}
.doc-body .no-logopop ul li {
	margin-left:15px;
	background-color: #000;
}
.doc-body .no-logopop ol li {
	margin-left: 10px;
}

.doc-body
	{
	background-color: #000;
	}
	
.doc-body .no-logopop
	{
	backround-color: #000;
	}
	
.content-head h1, .mainheader, .title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	/*border-bottom:1px solid #dcdcdc;*/
	padding-bottom:8px; 
	margin-bottom:15px;
	line-height:26px;
}
.content-head h1 sup {
	font-size:12px;
}

.content-body {
	color:#787878;
	position:relative;
}
.customerservice {
	color:#787878;
	position:relative;
	padding: 10px 0px 5px 5px;
}

.moduletxt {
	margin: 35px 0;
	margin-left:60px;
	width:600px;
}
.module .content {
	background:none;
	padding: 0 10px;
	width:168px;
	margin-top:10px;z-index:1 !important;
}
.moduletxt .content {
	background:none;
	position:absolute;
	padding: 0 10px;
	width:554px;
	left: 590px;
}
/*.moduletxt .logo {
	background-image:url(../images/gracenote-logo-acura.gif);
	width:85px;
	height:84px;
	position:absolute;
	left: 475px;
}*/

/*specs module*/
.spec {
	padding-top:14px;
	background: url(images/module-spec-corners.gif) top left no-repeat;
}
.spec .content {
	background: url(images/module-spec-mid.gif) top left repeat-y;
}
.spec .hk1 {
	display:block; height:11px;
	background: url(images/module-spec-corners.gif) bottom left no-repeat;
}

/*steps module*/
.steps {
	width:180px; 
	height:234px;
	background: url(images/steps.gif) top left no-repeat;
}
.steps .content {
	padding:0;
}
.steps .content ul {
	list-style-type:none;
}
.steps .content ul li {
	background:none;
	float:left; width:108px;	
}
.steps .content ul li h4 {
	font-size:14px; color:#f00;
	padding: 8px 15px;
}
.steps .content ul li p {
	font-size:11px;
	line-height:14px;
	color:#25509c;
	padding:0 20px 0 40px;
	margin-top:148px;
}

/* homepage module*/


/*main modules*/
.main {
	background: url(../images/main-mid.gif) top left repeat-y;
	-zoom:1;
}
/* ie 6 fix for overlapping. hide from proper browsers.
*html .maintxt {
	background: url(../images/main-mid-lc-wtop.gif) top left repeat-y;
	-zoom:1;
	width:168px;
	z-index:1 !important;
}*/
.maintxt {
	/*background: url(../images/main-mid-lc-wtop.gif) top left repeat-y;*/
	-zoom:1;
}
	
.faq .main {
	
}
.maintxt .content {
	/*background: url(../images/main-btm-lc.gif) bottom left no-repeat;*/
}

.maintxt .hk1 {
	display:block; 
	height:34px;
	background: url(../images/main-top-lc.gif) ;
}
.main .content {
	background: url(../images/main-btm.gif) bottom left no-repeat;	
}

.main .hk1 {
	display:block; height:12px;
	background: url(../images/main-top.gif) top left no-repeat;
}
.main .step {
	float:right;
}

.main .ui {
	display:block; width:333px;
	margin:0 auto; margin-top:15px;
	margin-bottom:20px;
}

/*content components*/
.content-body p { padding-bottom:13px; }

.content-body h2 {
	
	padding-left:30px; padding-top:20px; margin-left:-30px;
	font-size:18px; color:#000;
}
.content-bodypop h2 {
	padding-left:30px; padding-top:20px; margin-left:-30px;
	font-size:18px; color:#000;
}
.faq h3 { color:#333; }

.btn-update {
	display:block; width:131px; height:29px;
	text-indent:-10000px; cursor:pointer;
	margin:0 auto;
	background: url(../images/btn-update.gif) top left no-repeat;
}
.btn-print {
	position:absolute; top:0; right:0; -right:142px;
	display:block; width:117px; height:25px;
	text-indent:-10000px; cursor:pointer;	
	background: url(../images/btn-print.gif) top left no-repeat;
}
.faq .btn-print {
	position:static; float:right;
	display:block; width:117px; height:25px; margin-bottom:8px;
	text-indent:-10000px; cursor:pointer;	
	background: url(../images/btn-print.gif) top left no-repeat;
}
.download-link {
	text-align:center; margin-bottom:20px;
}
.download {
	color:#25509C; font-size:18px; text-align:center;
}

.file-size {
	padding-left:10px; font-size:14px;
}

ol {
	padding-left:18px;
	color:#333;
	-padding-left:23px;
}
ol li .wrapper { font-weight:normal; color:#787878; }
ol ul { list-style-type:none; }

.top {
	display:block; padding:10px; text-align:left;
	color:#25509C;
}

.float-killer { clear:both float:none; *zoom:1; }
.float-killer:after { 
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}

strong {
	color:#FFF;
}
.print_receipt strong
{
	color:#000000;
}
/*footer*/
.doc-foot {
	color:#FFF;
	height:80px;
	padding:3px 0px 3px 10px;
	font-size: 10px;
	/*background: url(../images/footerBG.jpg) top left repeat-x;*/
}
.doc-foot .nav {
	float:right;
	width:auto;
	list-style-type:none;
	padding-top: 10px;
}
.doc-foot .nav li {
	float:left; margin-right:15px;
}
.doc-foot .nav li a {
	font-weight: normal;
	color:#FFF;
	text-decoration:underline;
}

.doc-foot .nav li a:hover {
	color:#FFF;
	text-decoration:underline;
}


/* links */
a, #basket a, #basket a.action, a:link, a:visited, a.link1:link{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

a:hover, #basket a:hover, #basket a.action:hover{
	color: #FFF;
	text-decoration: underline;
}


/*.error                  {color: #990000; font-weight: bold;}*/

.error2                 {color: #990000; font-weight: bold;}

.error_box              {border: 1px solid #990000;}

#loginbox   .errorbox   {border-left: 1px solid #FCBC54; border-right: 1px solid #FCBC54; border-bottom: 1px solid #FCBC54;}

#basket .fielditem_error    {color: #ffe400;}

#account .fielditem_error       {color: #ffe400;}

.w100                   {width: 100%;}

/* pagelet styles */
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 10px; 
	padding-left:40px;
}

.floatLeft {float: left;}

#staticContent ul li, #staticContent ol li {margin-left:10px;}


/* System Selector */
#system_selector {
	margin-bottom: 0px;
	background:transparent;
	padding-top: 4px;
	padding-bottom: 0px;
	font-size: 11px;
	/*border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-left-color: #CCC9C4;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC9C4;*/
	width:184px;
}

#system_selector_label {
	font-size: 18px;
	/*font-weight: bold;*/
	color: #FFF;
	padding-left: 10px;
	/*margin-bottom: -10px;*/
	/*background-image:url(../images/findproductc.gif);*/
	height:30px;
	width:186px;
}

#cust_service_label
	{
	font-size: 18px;
	color: #FFF;
	padding-top: 26px;
	height:25px;
	width:186px;
	}

#system_selector_bottom {
	color: #333;
	/*background-image:url(../images/findproductbot.gif);*/
	width:186px;
	height:29px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
}
#system_selector h2 {
	background-color: #fff;
	color: #333;
	background-image:url(../images/findproductc.gif);
	font-size: 12px;
	padding: 0px;
	padding-bottom:12px;
	margin: 0px 0px;
	font-weight: bold;
	letter-spacing: 0.08em;
}

#system_selector ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#system_selector li {
	padding: 14px 0 0 8px;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;*/
}

#system_selector .first {
	border-top: none;
}

#system_selector label {
	display: block;
}

#system_selector select {
	width: 160px;
	margin-top: 3px;
	margin-bottom: 0px;
	font-size:11px;
}

#system_selector a {
		font-size:10px;
		color:#333;
}
#system_selector a:hover {
	color: #333;
}
#interactive-ad img {
	border: 1px solid #7E7D7C;
}


/* columns */
#columns {
	clear: both;
	/*padding: 10px;
	_padding:5px;*/
	margin-top: 50px;
	padding-bottom: 25px;
	/*background: url(../images/bgTILE.jpg) repeat;*/
}

#leftcolumn {
	float: left;
	/*padding-top: 20px;*/
	padding-left: 5px;
	padding-bottom: 135px;
	margin-left: 0px;
	/*margin-right: 10px;*/
	/*background: url(../images/bgTILEleft.jpg) repeat;*/
	width: 220px;
}

#rightcolumn {
	_width: 665px! important;
	width: 675px;
	float: right;
	margin-right: 85px;
}

#onecolumn {
	margin-top: 10px;
	border-top-width: 1px;
	
	border-top-style: solid;
	
	border-top-color: #FFFFFF;
	
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC9C4;
	border-bottom-color: #CCC9C4;
	/*background: url(../images/bgTILE.jpg) repeat;*/
	/*background: url(../images/infiniti_bg.jpg) top center no-repeat;*/

}

#onecolumn #content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top:60px;
	min-height: 600px;
}

/* Version */
#version {
	margin: 0px;
	margin-top: 4px;
	padding: 0px;
	list-style: none;
	font-size: 10px;
}

#version li {
	float: left;
	margin-right: 14px;
}

/* Tabs */
#tab_buttons {
	padding: 0px;
	list-style-type: none;
	clear: both;
	margin: 0px;
}

#tab_buttons li {
	float: left;
}

#tab_buttons a {
	text-decoration: none;
	display: block;
	width: 10em;
	text-align: center;
	padding: 4px;
	background: url(../images/tabBGdown.gif) top left repeat-x;
	color: #8e1501;
	font-weight: bold;
	font-size: 12px;
	margin-right: 6px;
	margin-top: 8px;
}

#tab_buttons a:hover {
	background: url(../images/tabBG.gif) top left repeat-x;
	/*background-color: #666;*/
	color: #FFFFFF;
}

#tab_buttons .active a,#tab_buttons .active a:hover {
	background: url(../images/tabBG.gif) top left repeat-x;
	/*background-color: #666;*/
	color: #FFFFFF;
}

.tab {
	border-top: 1px solid #CACCCB;
	padding: 10px;
	min-height: 300px; /* emulates min-height */
}

/* IE doesn't uderstand this.
   So this is for proper browsers only */


.tab .left {
	float: left;
	width: 335px;
	min-height: 300px;

}

.tab .right {
	float: right;
	min-height: 300px;
}

.tab h1 {
	line-height:100%;
	font-size:18px;
}

#tab_bottom {
background:transparent;
color: #000000;
height: auto;
width: auto;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cacccb;
padding-top: 10px;
padding-right: 6px;
padding-bottom: 10px;
padding-left: 8px;
font-size: 14px;
line-height: 26px;
clear: both;
}

#tab_bottom ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#tab_bottom li {
	float: left;	
	line-height: 26px;
	color: #FFF;
}

#tab_bottom .button {
	margin: 0px;
	padding:0px;
}

#tab_bottom .last {
	float: right;
	margin-right: 10px;
}

/* Breadcrumb */
#breadcrumb {
	list-style-type: none;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}

#breadcrumb li {
	float: left;
}

#breadcrumb a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#breadcrumb a:hover {
	color: #4467AA;
}

#features-pane #download-fact-sheet {
	position: relative;
	left: -4px;
}

#features-pane #download-fact-sheet a {
	font-size: 11px;
	text-decoration: none;
	color: #000066;
	font-weight: bold;
}

/*  product detail */
div.back
{
	display:block;
	float:left;
	margin:1px;
}

.back {	
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 10px;		 
}

.backLink
{
	background-image: url(../images/backarrow.gif);
	background-repeat: no-repeat;
	vertical-align: baseline;
	padding-left: 14px;
}
a.backLink:active,a.backLink:visited,a.backLink:link {
	text-decoration: none;
}

a.backLink:hover {
	text-decoration: underline;
}

.tab p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* button styles */
/*#button							{}*/
/*#button .button_border, 			{border: 0px solid #666;}
#button .button, .button					{text-decoration:none;padding-top: 2px; padding-bottom: 2px; padding-right: 2px;padding-left:2px;font-size: 11px; font-weight: bold; color: #fff; background-color: #333; border-right: solid 1px #666;  border-bottom: solid 1px #666; border-top: solid 1px #999;  border-left: solid 1px #999;}
#button .button:hover, .button:hover			{
	text-decoration:none;font-size: 11px; font-weight: bold; color: #fff; background-color: #666; border-right: solid 1px #666;  border-bottom: solid 1px #666; border-top: solid 1px #666;  border-left: solid 1px #666;}
#button .button_focus, .button_focus			{font-size: 11px; font-weight: bold; padding:4px; _padding:2px;color: #fff; background-color: #333; border-right: solid 1px #666;  border-bottom: solid 1px #666; border-top: solid 1px #999;  border-left: solid 1px #999;}
#button .button_focus:hover, .button_focus:hover		{font-size: 11px; padding: 4px;font-weight: bold; color: #fff; background-color: #666; border-right: solid 1px #666;  border-bottom: solid 1px #666; border-top: solid 1px #666;  border-left: solid 1px #666;}
#button .button_box			{padding:6px;_padding:4px;}
.linkbutton {
    background-color: #fff;
    border: none;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    text-decoration: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    font-weight: bold;
    overflow:visible;
}
.linkbutton:hover {
	color:#da3905;
	text-decoration:none;
}
*/

#button .button, #button .button_focus, .button a, .button a:visited, .linkbutton {
	padding:2px 10px;
	text-decoration:none;
	background: url(../images/btnBG.gif) center left repeat-x;
	border-color:#eabbb3 #5e0e01 #5e0e01 #eabbb3 !important;
	border-style:solid;
	border-width:2px !important;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
	background-color:#9b1601;
}

#button .button:hover, #button .button_focus:hover, .button a:hover, .linkbutton:hover {
	background: url(../images/btnBGhover.gif) center left repeat-x;
	border-color:#eabbb3 #5e0e01 #5e0e01 #eabbb3 !important;
	color:#FFF;
	background-color:#9b1601;
}

.button a, .button a:visited {
	padding:4px 14px;
}

.button a:active {
	border-color:#666666 #CACCCB #CACCCB #666666;
	/*_border: 0;*/
}

#basket, .table_detail {
	/*text-align: left;*/
	vertical-align: top;
	color: #FFF;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.table_detail .bonus
	{
	font-size: 10px;
	}


/* b2c styles from enterprise core not overloaded */
.right, .right e {
	/*text-align: right;*/
}

#basket, w100 {
	width:98%;
}

#basket table.aldi
	{
	width: 400px;
	}

.table_header{
	font-weight:bold;
	font-size:13px;
	padding-top:5px;
	padding-right:2px;
	border-bottom:1px solid #dcdcdc;
}

.fielditem {
	padding-left:10px; 
	padding-bottom:5px;
}

.description {
	padding-bottom:10px;
}

.s {
	font-weight:bold;
}

/* ************** Use this style for errors on red background ************************ */
.error {
	color: #ffe400;
	/*font-weight: bold;
	font-style: italic;*/
	padding-left:10px;
}

.error2 {
	color: #ffe400;
	font-weight: bold;
}

.error_box {
	border: 0px solid #990000;
}

#loginbox   .errorbox {
	border-left: 0px solid #FCBC54;
	border-right: 0px solid #FCBC54;
	border-bottom: 0px solid #FCBC54;
}

#basket .fielditem_error {
	color: #ffe400;
	padding-left:10px; 
	padding-bottom:5px;
}

#account .fielditem_error {
	color: #ffe400;
}

.footnote, .asterisk {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

.proddescrip{
	padding-top:16px;
	padding-bottom:10px;
}

.para_small{
	font-size:9px;
}

/* print receipt */

body.print_receipt {background-color: #FFF; background-image: none; height: 1000px;}
.print_receipt .mainheader {background-color: #FFF;}
.print_receipt td, .print_receipt td.proddescrip, .print_receipt .prodheader {padding-left:0; padding-right:5px; color: #000;}
.print_receipt table {background-color:#FFF;}
.print_receipt table td a {color:#000;}

.prodheader {font-weight: bold; padding-left: 0px;}



.HomeContent
	{
	padding-top: 10px;
	width:600px;
	}

.headline
	{
	font-size: 20px;
	color: #FFF;
	}

.productlist tr td
	{
	padding-bottom: 20px;
	}
	
.prod_image, .prod_description
	{
	padding-right: 20px;
	vertical-align: top;
	}
	
.prod_price
	{
	width: 100px;
	padding-right: 10px;
	vertical-align: top;
	white-space: no-wrap;
	}
	
.button_bordererror, .button_border
	{
	vertical-align: top;
	}

.popup_body
	{
	background-color: #000;
	}

.body
	{
	color: #FFF;
	}
	
.copyright
	{
	padding-top: 10px;
	}
	
.languageSelector
	{
	font-size: 11px;
	float: right;
	width: 150px;
	color: #000;
	padding-top: 10px;
	}

.languageSelector a, .languageSelector a.off
	{
	color: #999;
	font-size: 11px;
	}
.languageSelector a.selected
	{
	text-decoration:underline;
	color: #000;
	}
	
#faq li
	{
	line-height: 2;
	list-style: none;
	}
	
#faq ul
	{
	line-height: 2;
	list-style: none;
	}
	
#content_header ul
	{
	list-style: none;
	}
	
#links {
	
	background-repeat:no-repeat;
	background-position: right top;
	height:59px;
	padding-right:77px;
}