/*================================================================
    Price Toyota - Homepage CSS ===============================
=================================================================*/

/* ===================================================
 == About Price Toyota */
.about-price-toyota 
{}
	.about-price-toyota .widget-content
	{
		height: 223px;
		font-size: 14px;
		padding: 14px 18px;
	}
		.about-price-toyota .widget-content .introduction
		{
			margin-bottom: 20px;
		}

/* ===================================================
 == New Model Vehicle Selector */
#new-model-selector
{
	position: relative;
	z-index: 9999;
	margin: 12px 0 9px 0;
}
#page-contents #new-model-selector
{
	margin: 12px 0 0 0;
}
	/* Always showing bar with the arrow buttons containing our category names */
	#new-model-selector .category-selector-wrap
	{}
		#new-model-selector .category-selector-wrap .left-end
		{
			padding-left: 26px;
			background: url('/images/home/new-model-selector/left-end.png') no-repeat left top;
		}
			#new-model-selector .category-selector-wrap .left-end .right-end
			{
				padding-right: 146px;
				background: url('/images/home/new-model-selector/right-end-circles.png') no-repeat right top;
			}
				#new-model-selector .category-selector-wrap .left-end .right-end .content-outer-wrap
				{
					height: 50px;
					background: url('/images/home/new-model-selector/repeater.jpg') repeat-x left top;
				}
					#new-model-selector .category-selector-wrap .left-end .right-end .content-outer-wrap .content-inner-wrap
					{
						padding: 13px 0 0 5px;
					}
						#new-model-selector .category-selector-wrap .left-end .right-end .content-outer-wrap .content-inner-wrap .view-our-models
						{
							display: inline-block;
							color: #03385C;
							font-size: 17px;
							font-weight: bold;
							padding-right: 15px;
						}
						.browserIE6 #new-model-selector .category-selector-wrap .left-end .right-end .content-outer-wrap .content-inner-wrap .view-our-models,
						.browserIE7 #new-model-selector .category-selector-wrap .left-end .right-end .content-outer-wrap .content-inner-wrap .view-our-models
						{
							display: inline;
						}
						#new-model-selector .category-selector-wrap .left-end .right-end .content-outer-wrap .content-inner-wrap a.button
						{
							margin-right: 15px;
						}
						
	/* Container that shows the model thumbnails for a particular category */
	#new-model-selector .opened-category-wrap
	{
		display: none;
		position: absolute;
		left: 0px;
		top: -117px;
		width: 969px; /* end piece graphics for category-selector have 1px gray and blue borders on sides vs others which just have the gray one */
		z-index: 99999;
	}
	.browserIE6 #new-model-selector .opened-category-wrap
	{
		left: -26px; /* no idea why, just indents itself inward in IE6 */
	}
		#new-model-selector .opened-category-wrap .header-left-wrap
		{
			padding-left: 22px;
			background: url('/images/ui/widget/header-left.png') no-repeat left top;
		}
			#new-model-selector .opened-category-wrap .header-left-wrap .header-right-wrap
			{
				padding-right: 22px;
				background: url('/images/ui/widget/header-right.png') no-repeat right top;
			}
				#new-model-selector .opened-category-wrap .header-left-wrap .header-right-wrap .header-text-wrap
				{
					height: 42px;
					line-height: 42px;
					background: url('/images/ui/widget/header-repeater.png') repeat-x left top;
				}
					#new-model-selector .opened-category-wrap .header-left-wrap .header-right-wrap .header-text-wrap h2
					{
						color: #03385C;
					}
		#new-model-selector .opened-category-wrap .content-outer-wrap
		{
			background-color: #ffffff;
			height: 75px;
			overflow: hidden;
		}
			#new-model-selector .opened-category-wrap .content-inner-wrap
			{
				padding: 10px 2px;
			}
				#new-model-selector .opened-category-wrap .content-inner-wrap .vehicle-photos
				{
					margin: 0 auto;
					width: 90%;
					text-align: center;
				}
					#new-model-selector .opened-category-wrap .content-inner-wrap .vehicle-photos a
					{
						padding-left: 8px;
					}
					
	/* Container that shows the model thumbnails for a particular category */
	#new-model-selector .model-bubble-flyup-wrap
	{
		display: none;
		position: absolute;
		background: url('/images/home/new-model-selector/bubble-flyup/flyup-bubble-body.png') no-repeat left top;
		width: 256px;
		height: 316px;
		overflow: hidden;
		z-index: 999999;
	}
	.browserIE #new-model-selector .model-bubble-flyup-wrap
	{
		background: url('/images/home/new-model-selector/bubble-flyup/flyup-bubble-body.gif') no-repeat left top; /* IE *still* doesnt support opacity on alpha pngs */
	}
		#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap
		{
			position: relative;
			width: 256px;
			height: 316px;
		}
			#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .pointer
			{
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -17px;
				background-image: url('/images/home/new-model-selector/bubble-flyup/flyup-bubble-pointer.png');
				background-repeat: no-repeat;
				width: 34px; 
				height: 27px;
			}
			.browserIE #new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .pointer
			{
				background-image: url('/images/home/new-model-selector/bubble-flyup/flyup-bubble-pointer.gif');
			}
			#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap
			{
				padding: 20px;
				overflow: hidden;
			}
				#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .title-content
				{
					margin-bottom: 10px;
				}
					#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .title-content div
					{
						display: inline-block;
						vertical-align: baseline;
						color: #A2A2A2;
					}
					.browserIE6 #new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .title-content div, 
					.browserIE7 #new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .title-content div
					{
						display: inline;
					}
					#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .title-content .model-name
					{
						font-size: 26px;
						padding-right: 3px;
					}
					#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .title-content .starting-msrp
					{
						font-weight: bold;
					}
				#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .stock-photo
				{
					margin-bottom: 0px;
				}
				#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .model-comments
				{
					margin-bottom: 5px;
					color: #A2A2A2;
					font-weight: bold;
				}
				#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .actions
				{
					margin-top: 5px;
				}
					#new-model-selector .model-bubble-flyup-wrap .flyup-inner-wrap .flyup-content-wrap .actions a.first-button
					{
						margin-right: 3px;
					}

/* ===================================================
 == Monthly Incentives */
.widget-home-monthly-incentives
{}
	.widget-home-monthly-incentives .widget-content
	{
		height: 250px;
	}
		.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap
		{
			padding: 5px 10px;
			background-color: #ffffff;
		}
		.widget-home-monthly-incentives .monthly-incentives-wrap.alternate-row
		{
			background-color: #ffffff;
		}
		.widget-home-monthly-incentives .monthly-incentives-wrap.hover
		{
			background-color: #fff !important;
			/* 
			color: #ffffff;
			padding: 4px 10px !important;
			border-top: 1px solid #AEACAC;
			border-bottom: 1px solid #AEACAC;
			*/
		}
			.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .stock-photo
			{
				float: left;
				width: 30%;
				text-align: center;
			}
			.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .special-info
			{
				float: left;
				width: 67%;
				margin-left: 1%;
			}
				.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .special-info h4
				{}
					.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .special-info h4 a
					{
						text-decoration: none;
					}
					.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap.hover .special-info h4 a
					{
						text-decoration: underline;
					}
				.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .special-info .incentive-line-one
				{
					font-size: 14px;
				}
				.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .special-info .incentive-line-two
				{
					font-size: 14px;
				}
				.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .special-info .disclaimer
				{
					margin-top: 2px;
				}
					.widget-home-monthly-incentives .widget-content .monthly-incentives-wrap .special-info .disclaimer a
					{
						font-size: 10px;
						font-weight: bold;
						text-decoration: none;
					}

/* ===================================================
 == Promotional Accordion */
.widget-home-promo-accordion
{
	position: relative;
	overflow: hidden;
}
	.widget-home-promo-accordion #promotion-accordion
	{
		position: relative;
		height: 282px;
		overflow: hidden;
		z-index: 10;
	}
		.widget-home-promo-accordion #promotion-accordion .collapsible-header
		{
			cursor: pointer;
			background-color: #fff;
		}
		.widget-home-promo-accordion #promotion-accordion .collapsible-header.first-collapsible-header
		{
			background-color: transparent !important;
		}
		.widget-home-promo-accordion #promotion-accordion .collapsible-content
		{
			display: none;
		}
		.widget-home-promo-accordion #promotion-accordion .collapsible-content.first-collapsible-content
		{}
			.widget-home-promo-accordion #promotion-accordion .collapsible-content .widget-content
			{
				height: 153px;
				overflow: hidden;
			}
	.widget-home-promo-accordion .screen
	{
		width: 100%;
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: 28px;
		height: 100px;
		z-index: 5;
	}
	.browserIE6 .widget-home-promo-accordion .screen,
	.browserIE7 .widget-home-promo-accordion .screen
	{
		width: 500px;
	}

/* ===================================================
 == Search Our Used Inventory custom widget box */
.widget-home-search-inventory
{}
	.widget-home-search-inventory .widget-content
	{
		height: 211px;
		overflow: hidden;
	}
		.widget-home-search-inventory .widget-content .tab-content
		{
			padding: 14px 18px;
			overflow: auto;
			font-size: 14px;
			line-height: 18px;
		}
		
			/* General purpose containers for in this widget area */
			.widget-home-search-inventory .widget-content .tab-content .two-column-item
			{
				display: inline-block;
				vertical-align: top;
				width: 45%;
			}
			.widget-home-search-inventory .widget-content .tab-content .three-column-item
			{
				display: inline-block;
				vertical-align: top;
				width: 31%;
			}
			.browserIE6 .widget-home-search-inventory .widget-content .tab-content .two-column-item, 
			.browserIE7 .widget-home-search-inventory .widget-content .tab-content .two-column-item,
			.browserIE6 .widget-home-search-inventory .widget-content .tab-content .three-column-item, 
			.browserIE7 .widget-home-search-inventory .widget-content .tab-content .three-column-item
			{
				display: inline;
			}
			.widget-home-search-inventory .widget-content .tab-content ul.search-result-row
			{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			.widget-home-search-inventory .widget-content .tab-content ul.search-result-row.scrollable-results
			{
				height: 192px;
			}
				.widget-home-search-inventory .widget-content .tab-content ul.search-result-row li
				{
					padding: 2px 6px;
					margin-bottom: 2px;
				}
					.widget-home-search-inventory .widget-content .tab-content ul.search-result-row li .item-name
					{
						display: block;
						float: left;
						color: #415959;
						text-align: left;
					}
					.widget-home-search-inventory .widget-content .tab-content ul.search-result-row li .item-value
					{
						display: block;
						float: right;
						color: #415959;
						text-align: right;
						padding-right: 15px;
					}
				
			/* Body Style tab content */
			.widget-home-search-inventory .widget-content #search-inventory-tab-body a.body-style
			{
				display: block;
				margin: 0 auto;
				width: 105px;
				height: 67px;
			}
				.widget-home-search-inventory .widget-content #search-inventory-tab-body a.body-style span.body-style-icon
				{
					display: block;
					height: 44px;
					background-color: #086BAF;
				}
				.widget-home-search-inventory .widget-content #search-inventory-tab-body a.body-style span.text
				{
					display: block;
					text-align: center;
					line-height: 16px;
				}