﻿#content { height:574px; }
.RL #content { background:url(/images/tlp/2012/RL_TLP_gallery1.jpg); }
.TL #content { background:url(/images/tlp/2012/TL_TLP_gallery1.jpg);}
.TSX #content { background:url(/images/tlp/2012/TSX_TLP_gallery1.jpg); }
.TSXSW #content { background:url('/images/tlp/2012/TSX Sport Wagon_TLP_gallery1.jpg'); }
.MDX #content { background:url(/images/tlp/2012/MDX_TLP_gallery1.jpg); }
.RDX #content { background:url(/images/tlp/2012/RDX_TLP_gallery1.jpg); }
.ZDX #content { background:url(/images/tlp/2012/ZDX_TLP_gallery1.jpg); }

.content-header {
	float:right; padding-top:0;
	width:700px; height:70px;
}
.branding { position:relative; }
.model-title {	
	position:absolute; top:13px; left:0; width:60px; height:50px;
	text-indent:-10000px;
 }
.logo { 	
	position:absolute; top:5px; right:20px; width:85px; height:62px;
	text-indent:-10000px;
}

.modules {
	position:absolute; top:0; left:0;
	width:271px; height:550px; padding:10px;
}

.hk-1 {
	display:block; width:271px; height:4px; -font-size:1px; -line-height:1px;
	background:url(/images/tlp/modules-top.png);
	*background:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tlp/modules-top.png', sizingMethod='crop');	
}

.hk-2 {
	display:block; width:271px; height:4px; -font-size:1px; -line-height:1px;
	background:url(/images/tlp/modules-btm.png);
	*background:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tlp/modules-btm.png', sizingMethod='crop');	
	*position:relative; *top:-3px;
}

.modules ul {
	background:#232323;
	padding-top:2px;
}

.modules ul li { *zoom:1; padding:0 12px; padding-top:10px; }
.modules ul li:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.modules .module {
	background:url(/images/tlp/modules.gif) top left no-repeat;	
}

.modules .btn {
	float:right;
	margin-top:4px;
}

.modules h3 {
	background:url(/images/tlp/modules.gif) top left no-repeat;	
}

.modules p,
.modules label {
	font-size:11px;
}

.modules .quote,
.modules .bap,
.modules .locator,
.modules .inventory {
	height:90px; *height:100px;
	background-position:0 81px; *background-position:0 91px;
	padding-top:0;
}

.modules .quote h3 {
	width:220px; height:20px;
	background-position:-13px -18px;
	text-indent:-10000px;
	margin:10px 0;
}

.modules .bap h3 {
	width:220px; height:20px;
	background-position:-13px -125px;
	text-indent:-10000px;
	margin:10px 0;
}

.modules .locator h3 {
	width:220px; height:20px;
	background-position:-13px -237px;
	text-indent:-10000px;
	margin:10px 0;
}
.modules .inventory h3 {
	width:220px; height:20px;
	background-position:-13px -59px;
	text-indent:-10000px;
	margin:10px 0;
}

.modules .brochure h3,
.modules .compare h3,
.modules .offers h3,
.modules .updates_cond h3,
.modules .updates h3 {
	text-indent:-10000px;
	height:16px; -font-size:1px; -line-height:1px;	
}

.modules .brochure h3 {
	background-position:-13px -263px;
}
.modules .compare h3 {
	background-position:-13px -294px;
}
.TL .modules .compare h3 { background-position:-13px -310px; }
.TSX .modules .compare h3 { background-position:-13px -326px; }
.ZDX .modules .compare h3 { background-position:-13px -342px; }
.MDX .modules .compare h3 { background-position:-13px -358px; }
.RDX .modules .compare h3 { background-position:-13px -374px; }
.TSXSW .modules .compare h3 { background-position:-13px -326px; }
.modules .offers h3 {
	background-position:-13px -393px;
}

.modules .updates_cond h3,
.modules .updates h3 {
	background:none;
	margin-bottom:3px;
}

.modules .brochure,
.modules .compare,
.modules .offers {
	height:26px; *height:24px;
	background-position:0 16px; -background-position:0 15px;
	position:relative;
	padding-top:3px; *padding-top:1px;
}

.modules .brochure { margin-top:2px; }

.modules .brochure a,
.modules .compare a,
.modules .offers a {
	display:block; width:40px; height:15px;
	position:absolute; top:0; right:13px;
	text-indent:-10000px;
}

.modules .updates_cond a {
	display:block; width:60px; height:15px;
	position:absolute; top:0; right:13px;
	text-indent:-10000px;
}

.modules .updates {
	background-position:0 -423px;
	padding-bottom:55px;
	background-color:#101010;
	position:relative;
	padding-top:2px;
}
.modules .updates_cond {
	background-position:0 -607px;
	padding-bottom: 30px;
	background-color:#101010;
	position: relative;
	padding-top:2px;
}

.modules .locator .txt,
.modules .inventory .txt {
	width:45px; margin-left:5px;
}

.modules .locator .field, .modules .inventory .field {  width:124px; margin-left:62px; margin-right:0; margin-top:5px; display: inline; }
.modules .locator .action, .modules .inventory .action {  width:60px; }
.modules .locator .action .btn, .modules .inventory .action .btn { position:absolute; top:25px; right:10px; *top:36px; }

.receive-updates label {
	display:block;
}

.receive-updates .field-1,
.receive-updates .field-2 {
	float:left; width:49%;
}

.receive-updates .field-2 { float:right; }

.receive-updates .field-3 {
	float:left; width:60%; margin-top:10px;
}

.receive-updates .txt {
	width:105px;
}

.receive-updates .field-3 .txt {
	width:165px;
}

.receive-updates .btn {
	margin-top:23px;
}

.receive-updates fieldset { *zoom:1; }
.receive-updates fieldset:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}

.gallery {
	position:absolute; bottom:10px; left:300px;	
}

.gallery a,
.gallery ul li.first {
	color:#ccc; text-transform:uppercase;
	border:1px solid #777; padding:2px;
}

.gallery a:hover,
.gallery a.selected {
	color:#ff6600;
}

.gallery ul li.first { border:0; }

.gallery ul { *zoom:1; margin-top:10px; }
.gallery ul:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.gallery ul li {
	float:left;
}

.gallery ul li a {
	 display:block; width:12px; text-align:center; margin-left:3px;
}

.salesLink {
    position:absolute; bottom:5px; right:30px;
    width: 168px; height: 100px;	
}

.features-link {
	display:block; padding:5px 0; text-align:center; width:116px;
}

.key-features {
	position:absolute;
	top:110px; left:311px;
	display:none; width:650px;
}

.key-features h4 {
	text-indent:-10000px;
}

.key-features ul li {
	font-size:11px; color:#000; padding:5px 0; font-weight:bold;
}

.key-features .btn {
	margin-top:15px;
}
.feature { font-weight:bold; }
.locator, .inventory { position:relative; }

.err-message { width:250px; }

.locator .err-message,
.inventory .err-message { 
	position:absolute; bottom:10px; right:10px;
	text-align:right;
	padding:0; margin:0;
}

.updates .err-message {
	position:absolute; bottom:6px; right:10px;
	padding:0; margin:0;
}

.loading { position:absolute; top:30px; left:115px; }
#updates-tool .loading { position:absolute; top:70px; left:139px; }

.required-text {
    position:absolute; top:-1px; right:10px;
}

/*variations*/

.bap-vehicle {
    background:#cdcdcd;
}
.modules .bap-vehicle h3 {
    background:url(/images/tlp/variations.gif) top left no-repeat;
    height:16px; width:230px;
    background-position:-14px 0;
}

.modules .quote-contrast {
    color:#000;
    background:#c8c8c8;
    padding-top:10px; 
}
.modules .quote-contrast h3 {
    background:url(/images/tlp/variations.gif);
    background-position:-13px -16px;
    margin-top:10px;
}

/* Begin Updates Tool */
#updates-tool 
{
    display:none;
    position:absolute; bottom: 14px; z-index:99999; left: 300px;
    padding-top:3px;padding-bottom: 30px;border: 0; 
    width: 325px;
    background-color:#E4E4E4; color: #0E0E0E;
    border:1px solid #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    /*behavior: url(/css/PIE.htc);*/
}

#updates-tool a.close 
{
    float: right;
    font-size: 10px;
}
.updates-head { *zoom:1; }
.updates-head:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}
#updates-tool .required-text
{
    position: static;
    display: block;
    margin-bottom: 6px;
}

#updates-tool a, #updates-tool a:hover, #updates-tool a:active { color: #414141; }

#updates-tool h4 
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

#updates-tool .content 
{
    padding:10px; padding-bottom:0px; 
    *zoom:1;
    background-color: #E4E4E4;
    border:0;
    height: auto;
}
#updates-tool .content:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#updates-tool .content fieldset 
{
    *zoom:1;
    margin:0; padding: 10px; padding-bottom: 15px;
    background-color: #fff;
    position: relative;
    border: 1px solid #A5A5A5;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
}
#updates-tool .receive-updates .field-3
{
    width: 70%;
}
#updates-tool .content fieldset .err-msg 
{
    color: #FF0000;
}


/* End Updates Tool */

#get-model-info fieldset { margin:10px 0px; *zoom:1; }

#get-model-info .content:after,
#get-model-info fieldset:after,
#inventory-tool fieldset:after,
#inventory-tool fieldset .field:after,
#inventory-city-state-form-data .row:after,
#get-news-info-form-data:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#get-model-info fieldset div { padding:3px; float:left; width:150px; padding-right:3px; margin-right:10px; -margin-right:10px; }
#get-model-info fieldset div.last { margin-right:0px; }

#get-model-info fieldset label {display:block;}

#get-model-info input { border:1px solid #999; }

#get-model-info input { width:141px; }

#get-model-info h3 { font-weight:bold; font-size:16px; margin-bottom:5px; }

#get-model-info .more { text-align:right; text-decoration:underline; clear:both; margin-top: 5px; }

/*#get-model-info .more a { color:#F95B13; }*/

#get-model-info p.thanks { display:block; font-weight:bold; text-align:center; padding-top:15px; }

#get-model-info p	{margin:0px; padding:0px;}

#doc-wrap #get-model-info .btn { float:right; margin-left:5px; margin-top:10px; margin-bottom:10px; *margin-bottom:0; }

#get-model-info .options 
{	
    float: right;
    margin: 0; padding: 0;
}


#get-model-info 
{
    display:none;
    position:absolute; bottom: 14px; left:290px; z-index:999;
    padding-top:3px;padding-bottom: 20px;border:1px solid #666;
    background: none; background-color: #E4E4E4; color: #0E0E0E;
    width: 530px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    /*behavior: url(/css/PIE.htc);*/
}

#get-model-info a, #get-model-info a:hover, #get-model-info a:active { color: #414141; }

#get-model-info .more a,
#get-model-info .more a:hover,
#get-model-info .more a:active
{ text-decoration: underline; }

#get-model-info a.close 
{
    float: right;
    font-size: 10px;
}

#get-model-info h4  
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

#get-model-info strong { font-weight: bold; }

#get-model-info .content 
{
    padding:10px; padding-bottom:0px; 
    *zoom:1;
    border: 0;
    height: auto;
}

#get-model-info .content fieldset 
{
    *zoom:1;
    margin: 0; padding: 10px; padding-bottom: 15px;
    background-color: #fff;
    position: relative;
    border: 1px solid #A5A5A5;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
    /*behavior: url(/css/PIE.htc);*/
}

#get-model-info #confirmation { margin-top: 40px; padding: 15px 15px 45px 15px; background-color: #FFF; border: 1px solid #999; }



/* Side Inventory Tool View */
#inventory-tool.fly-out
{
    top:241px; left:180px; -top:244px; margin-left: 0;
}

#inventory-tool.bottom-max
{
    top: auto; bottom: 1px;
}

#inventory-tool.full-length
{
    bottom: auto; top:140px; -top:143px;
}

.full-length { bottom: auto; _top: 143px !important; }


/* Acura Got Cars promo */
div.acura-got-cars-link {
	display: block; 
	height: 160px;
	width:439px;
	top: 414px;
	left: 561px;
	position: absolute;
}


#winter-sales-event
{
    display: block; 
	height: 108px;
	width:192px;
	bottom: 15px;
	right: 15px;
	position: absolute;
}
    #winter-sales-event a
    {
        width: 100%;
        height: 100%;
        background:url(/images/spacer.gif) repeat 0 0;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        text-indent: -9999px;
    }

