/*================================================================
    Alan Byer Volvo - Homepage CSS ===============================
=================================================================*/

/* ===================================================
 == Franchise Showcase area */
#showcase
{}
	#showcase .showcase-top-wrap
	{
		width: 970px;
		height: 268px;
		background: url('/images/home/alan-byer-volvo-showcase.jpg') no-repeat top left;
	}
		#showcase .showcase-top-wrap .brand-management
		{
			position: relative;
			height: 268px;
		}
		
			/* Byer logo branding */
			#showcase .showcase-top-wrap .brand-management h1.alan-byer-logo
			{
				background: url(/images/home/brand-management/alan-byer-volvo-logo.png) no-repeat;
				position: absolute;
				top: 28px; 
				left: 183px;
				color: #0072BC;
				padding: 26px 0 0 95px;
				height: 18px;
				width: 163px;
				text-align: right;
			}
			
			/* Franchise website selector */
			#showcase .showcase-top-wrap .brand-management .franchise-selector
			{
				position: absolute;
				top: 15px; 
				left: 13px;
				background: url('/images/home/brand-management/selector-background.png') no-repeat top left;
				overflow: hidden;
				width: 127px;
				height: 224px;
				padding: 10px 7px;
			}
				#showcase .showcase-top-wrap .brand-management .franchise-selector .volvo-brand-logo
				{
					text-align: center;
					margin: 5px 0px 10px 0px;
				}
				#showcase .showcase-top-wrap .brand-management .franchise-selector ul.frachise-sites
				{
					margin: 0;
					padding: 0;
					list-style: none;
				}
					#showcase .showcase-top-wrap .brand-management .franchise-selector ul.frachise-sites li
					{}
						#showcase .showcase-top-wrap .brand-management .franchise-selector ul.frachise-sites li a
						{
							display: block;
							background: url('/images/home/brand-management/selector-item-background.png') repeat-x top left;
							padding-left: 8px;
							color: #575757;
							font-size: 17px;
							text-decoration: none;
							height: 30px;
							line-height: 30px;
						}
						#showcase .showcase-top-wrap .brand-management .franchise-selector ul.frachise-sites li a.hover,
						#showcase .showcase-top-wrap .brand-management .franchise-selector ul.frachise-sites li a:hover
						{
							background: url('/images/home/brand-management/selector-item-background-over.png') repeat-x top left !important;
							border-top: 1px solid #CFCFCF;
							height: 29px;
							line-height: 29px;
							color: #ffffff !important;
						}
						
			/* Website bubble information box */
			#showcase .showcase-top-wrap .brand-management .franchise-cnyauto					{background-image: url('/images/home/brand-management/franchise-bubble-third.png');}
			.browserIE #showcase .showcase-top-wrap .brand-management .franchise-cnyauto		{background-image: url('/images/home/brand-management/franchise-bubble-third.gif');}
			#showcase .showcase-top-wrap .brand-management .franchise-utica 					{background-image: url('/images/home/brand-management/franchise-bubble-second.png');}
			.browserIE #showcase .showcase-top-wrap .brand-management .franchise-utica 		{background-image: url('/images/home/brand-management/franchise-bubble-second.gif');}
			#showcase .showcase-top-wrap .brand-management .franchise-autogroup 				{background-image: url('/images/home/brand-management/franchise-bubble-first.png');}
			.browserIE #showcase .showcase-top-wrap .brand-management .franchise-autogroup	{background-image: url('/images/home/brand-management/franchise-bubble-first.gif');}
			#showcase .showcase-top-wrap .brand-management .franchise-collision 				{background-image: url('/images/home/brand-management/franchise-bubble-fourth.png');}
			.browserIE #showcase .showcase-top-wrap .brand-management .franchise-collision	{background-image: url('/images/home/brand-management/franchise-bubble-fourth.gif');}
			#showcase .showcase-top-wrap .brand-management .franchise-info-bubble
			{
				position: absolute;
				bottom: 12px;
				left: 158px;
				width: 320px;
				height: 171px;
				z-index: 10;
				background-repeat: no-repeat;
				background-position: top left;
			}
				#showcase .showcase-top-wrap .brand-management .franchise-info-bubble .bubble-content
				{
					position: relative;
					width: 320px;
					height: 171px;
					z-index: 20;
				}
				#showcase .showcase-top-wrap .brand-management .franchise-info-bubble .bubble-content .showroom-photo
				{
					position: absolute;
					top: 17px;
					right: 15px;
				}
				#showcase .showcase-top-wrap .brand-management .franchise-info-bubble .bubble-content .flashy-message
				{
					position: absolute;
					top: 20px;
					left: 34px;
					color: #0072BC;
					font-size: 14px;
					font-weight: bold;
				}
				#showcase .showcase-top-wrap .brand-management .franchise-info-bubble .bubble-content .franchise-name
				{
					position: absolute;
					bottom: 83px;
					left: 34px;
					color: #222222;
					font-size: 15px;
					font-weight: bold;
					line-height: 17px;
				}
				#showcase .showcase-top-wrap .brand-management .franchise-info-bubble .bubble-content .franchise-address
				{
					position: absolute;
					bottom: 42px;
					left: 34px;
					color: #A2A2A2;
					line-height: 17px;
				}
				#showcase .showcase-top-wrap .brand-management .franchise-info-bubble .bubble-content .franchise-phone
				{
					position: absolute;
					bottom: 20px;
					left: 34px;
					color: #A2A2A2;
					font-weight: bold;
				}
				#showcase .showcase-top-wrap .brand-management .franchise-info-bubble .bubble-content .website-link
				{
					position: absolute;
					bottom: 22px;
					left: 175px;
				}
				
		/* Custom image slideshow */
		#showcase .showcase-top-wrap .custom-slideshow-container
		{
			position: relative;
			height: 268px;
		}
			#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap
			{
				position: relative;
				top: 20px;
				left: 5px;
				width: 456px;
				height: 234px;
			}
				#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-overlay
				{
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 100;
					width: 456px;
					height: 100%;
				}
				#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slides-content
				{
					height: 100%;
				}
					#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slides-content a
					{
						display: none;
					}
				#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-bar
				{
					position: absolute;
					height: 45px;
					width: 456px;
					bottom: 0px; 
					left: 0px;
					z-index: 99;
					background-color: #ffffff;
					opacity: .55;
					filter: alpha(opacity=55);
				}
				#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-indicators
				{
					position: absolute;
					top: 201px; 
					left: 18px;
					z-index: 101;
				}
					#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-indicators .dot
					{
						display: inline-block;
						vertical-align: middle;
						background-image: url('/images/home/custom-slideshow/dot.png');
						background-repeat: no-repeat;
						background-position: 0 0;
						cursor: pointer;
						width: 21px;
						height: 21px;
						margin-left: 10px;
					}
					.browserIE6 #showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-indicators .dot,
					.browserIE7 #showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-indicators .dot
					{
						display: inline;
					}
					#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-indicators .dot.hover,
					#showcase .showcase-top-wrap .custom-slideshow-container .custom-slideshow-wrap .slideshow-indicators .dot.active
					{
						background-image: url('/images/home/custom-slideshow/dot-active.png') !important;
					}
	
	/* Volvo Model Lineup */
	#showcase .model-lineup-outer-wrap
	{
		border-left: 1px solid #CFCFCF;
		border-right: 1px solid #CFCFCF;
	}
		#showcase .model-lineup-outer-wrap .model-lineup-inner-wrap
		{
			border-left: 1px solid #E3E3E3;
			border-right: 1px solid #E3E3E3;
		}
			#showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup
			{
				padding: 5px 2px 0px 2px;
				text-align: center; /* added 8/18 after temp removing a model */
			}
				#showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display
				{
					display: inline-block;
					vertical-align: middle;
					padding: 0px 1px;
				}
				.browserIE6 #showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display, 
				.browserIE7 #showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display 
				{
					display: inline;
				}
				#showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .first-model-display 
				{
					padding-left: 4px;
				}
					#showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display .model-photo
					{
						text-align: center;
					}
					#showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display .model-name
					{
						text-align: center;
					}
						#showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display .showcase-model-button span.text span
						{
							width: auto;
						}
						.browserIE6 #showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display .showcase-model-button span.text span,
						.browserIE7 #showcase .model-lineup-outer-wrap .model-lineup-inner-wrap .model-lineup .model-display .showcase-model-button span.text span
						{
							width: auto;
						}
	#showcase .showcase-bottom-left-wrap
	{
		padding-left: 22px;
		background: url('/images/ui/panel/bottom-left.png') no-repeat top left;
	}
		#showcase .showcase-bottom-left-wrap .showcase-bottom-right-wrap
		{
			padding-right: 22px;
			background: url('/images/ui/panel/bottom-right.png') no-repeat top right;
		}
			#showcase .showcase-bottom-left-wrap .showcase-bottom-right-wrap .showcase-bottom-repeater
			{
				height: 28px;
				background: url('/images/ui/panel/bottom-repeater.png') repeat-x top left;
			}

/* ===================================================
 == Showcase Model more info box */
#showcase-model-flyup
{
	display: none;
	position: absolute;
	background: url('/images/ui/flyup-bubble-body.png') no-repeat left top;
	width: 256px;
	height: 316px;
	overflow: hidden;
	z-index: 999;
}
.browserIE #showcase-model-flyup
{
	background: url('/images/ui/flyup-bubble-body.gif') no-repeat left top; /* IE *still* doesnt support opacity on alpha pngs */
}
	#showcase-model-flyup .flyup-inner-wrap
	{
		position: relative;
		width: 256px;
		height: 316px;
	}
		#showcase-model-flyup .flyup-inner-wrap .pointer
		{
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -17px;
			background-image: url('/images/ui/flyup-bubble-pointer.png');
			background-repeat: no-repeat;
			width: 34px; 
			height: 27px;
		}
		.browserIE #showcase-model-flyup .flyup-inner-wrap .pointer
		{
			background-image: url('/images/ui/flyup-bubble-pointer.gif');
		}
		#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap
		{
			padding: 18px;
			overflow: hidden;
		}
			#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .title-content
			{
				height: 20px;
			}
				#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .title-content div
				{
					display: block;
					vertical-align: baseline;
					color: #A2A2A2;
				}
				#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .title-content .model-name
				{
					font-size: 16px;
				}
				#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .title-content .starting-msrp
				{
					font-weight: bold;
				}
			#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .stock-photo
			{
				margin-top: 4px;
				max-height: 105px;
				overflow: hidden;
			}
			.browserIE6 #showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .stock-photo,
			.browserIE7 #showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .stock-photo
			{
				margin-top: 0;
			}
			#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .model-comments
			{
				color: #A2A2A2;
				margin-top: -2px;
			}
			.browserIE6 #showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .model-comments,
			.browserIE7 #showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .model-comments
			{
				margin-top: 0;
			}
			#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display
			{
				margin-top: 3px;
				position: relative;
				left: -13px;
				background-color: #E9E9E9;
				width: 245px;
				height: 68px;
				text-align: center;
			}
				#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap
				{
					padding: 5px;
				}
					#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info
					{
						float: left;
						width: 100px;
					}
					#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info.only-option
					{
						float: none !important;
						width: 100px;
						margin: 0 auto;
					}
						#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info .buy-text
						{
							display: block;
							color: #1269AE;
							font-size: 15px;
							font-weight: bold;
							text-transform: uppercase;
						}
						#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info .msrp-and-savings-wrap
						{
							display: block;
							height: 20px;
							overflow: hidden;
							margin-bottom: 2px;
						}
							#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info .msrp-and-savings-wrap span.msrp-wrap,
							#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info .msrp-and-savings-wrap span.savings-wrap
							{
								display: block;
								height: 10px;
								line-height: 10px;
								font-size: 10px;
								color: #222222;
							}
						#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info .actual-price-wrap
						{
							display: block;
							color: #1269AE;
						}
							#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info .actual-price-wrap span.actual-price-value
							{
								display: block;
								float: left;
								width: 57px;
								font-size: 15px;
								font-weight: bold;
								text-align: right;
							}
							#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .buy-info .actual-price-wrap span.tax-and-tags-text
							{
								display: block;
								float: right;
								width: 40px;
								line-height: 10px;
								font-size: 9px;
								text-align: center;
							}
					#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .or-separator
					{
						float: left;
						width: 45px;
						line-height: 58px;
						color: #1269AE;
						font-size: 24px;
						font-weight: bold;
						text-align: right;
					}
					#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .lease-info
					{
						float: left;
						width: 90px;
					}
						#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .lease-info span.lease-text
						{
							display: block;
							color: #1269AE;
							font-size: 15px;
							font-weight: bold;
							text-transform: uppercase;
						}
						#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .lease-info span.lease-down-wrap
						{
							display: block;
							margin-top: 2px;
							color: #222222;
							font-size: 12px;
							font-weight: bold;
						}
						#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .buy-lease-display .buy-lease-inner-wrap .lease-info span.lease-monthly-wrap
						{
							display: block;
							margin-top: 5px;
							color: #1269AE;
							font-size: 15px;
							font-weight: bold;
							text-transform: uppercase;
						}
			#showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .actions
			{
				margin-top: 6px;
				text-align: center;
			}
				.browserIE6 #showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .actions .more-info,
				.browserIE7 #showcase-model-flyup .flyup-inner-wrap .flyup-content-wrap .actions .more-info
				{
					margin-right: 3px;
				}

/* ===================================================
 == Lease Specials custom widget box */
.widget-home-lease-specials
{}
	.widget-home-lease-specials .widget-content
	{
		height: 240px;
	}
		.widget-home-lease-specials .widget-content .lease-special-wrap
		{
			cursor: pointer;
			padding: 5px 10px;
			background-color: #ffffff;
		}
		.widget-home-lease-specials .lease-special-wrap.alternate-row
		{
			background-color: #F5F5F5;
		}
		.widget-home-lease-specials .lease-special-wrap.hover
		{
			background-color: #E5E5E5 !important;
		}
			.widget-home-lease-specials .widget-content .lease-special-wrap .stock-photo
			{
				float: left;
				width: 30%;
				text-align: center;
			}
			.widget-home-lease-specials .widget-content .lease-special-wrap .special-info
			{
				float: left;
				width: 67%;
				margin-left: 1%;
			}
				.widget-home-lease-specials .widget-content .lease-special-wrap .special-info h4
				{}
					.widget-home-lease-specials .widget-content .lease-special-wrap .special-info h4 a
					{
						text-decoration: none;
					}
				.widget-home-lease-specials .widget-content .lease-special-wrap .special-info .details
				{
					font-size: 14px;
				}
				.widget-home-lease-specials .widget-content .lease-special-wrap .special-info .disclaimer
				{
					font-size: 10px;
					margin-top: 3px;
					font-weight: bold;
				}
				
/* ===================================================
 == Information about Alan Byer Volvo widget box */
.widget-home-info-on-byer
{}
	.widget-home-info-on-byer .widget-content
	{
		font-size: 14px;
	}

/* ===================================================
 == 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%;
			}
			.widget-home-search-inventory .widget-content .tab-content h3
			{
				font-size: 16px;
				margin-top: 15px;
				padding-bottom: 5px;
			}
			.widget-home-search-inventory .widget-content .tab-content .service-icon
			{
				display: inline-block;
				vertical-align: middle;
				margin-left: 6px;
			}
			.browserIE6 .widget-home-search-inventory .widget-content .tab-content .service-icon,
			.browserIE7 .widget-home-search-inventory .widget-content .tab-content .service-icon
			{
				display: inline;
			}
			.widget-home-search-inventory .widget-content .tab-content .service-icon.first-service-icon
			{
				margin-left: 0;
			}
			.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: #959595;
				}
				.widget-home-search-inventory .widget-content #search-inventory-tab-body a.body-style span.text
				{
					display: block;
					text-align: center;
					line-height: 16px;
				}