﻿
/* 
 -------------------------------------------------------------- 
 CORE PAGE TEMPLATE STRUCTURE
 -------------------------------------------------------------- 
*/

	body 
	{
		width				: 775px;
		height				: 650px;
		/*background		: #c3c3c3 url(../images/temp_size_template.jpg) no-repeat 0px 0px;*/
		font-family			: Arial, Verdana, sans-serif;
		font-size			: 10px;
		background-color	: #333333;
		}
	
	
	div.main-container 
	{
		width		: 795px;
		height		: 650px;
		padding		: 0px 0px 0px 5px;
		overflow	: hidden;
		background-color : #333333;
		}

/*
 -------------------------------------------------------------- 
 MODEL SELECTION
 -------------------------------------------------------------- 
*/
	
		div.main-container h1,
		div.main-container h2
		{
			width			: 100%;
			height			: 24px;
			line-height		: 22px;
			padding-top		: 1px;
			color			: #666666;
			font-size		: 18px;
			text-transform	: uppercase;
			vertical-align	: top;
			letter-spacing : -1px;
			margin-left		: 10px;
			}
	
		div.main-container h2
		{	
			text-transform : none;
			}
		
	
		div.main-container div.search-setup
		{
			position	: relative;
			display		: block;
			/*width		: 100%;*/
			height		: 477px;
			border-top	: 1px solid #DADADA;
			margin		: 0 10px 0 10px;
			}
			
			div.main-container div.search-setup h2
			{
				display		: block;
				position	: relative;
				width		: auto;
				height		: 20px;
				padding		: 13px 0px 0px 0px;
				font-size	: 14px;
				line-height	: 20px;
				color		: #CB0101;
				font-style	: italic;
				overflow	: hidden;
				margin-left	: 0;
				}
			
			div.main-container div.search-setup div.model-selection
			{
				width	: 100%;
				height	: 342px;
				}
				
				div.main-container div.search-setup div.model-selection div.model-item
				{
					display		: block;
					position	: relative;
					float		: left;
					clear		: none;
					width		: 152px;
					height		: 100px;
					padding-top : 5px;
					cursor		: pointer;
					}

				/* Hover State for tick box */		
				div.main-container div.search-setup div.model-selection div.model-item h4
					{
						position	: relative;
						
						height		: 19px;
						margin-left : 15px;
						padding		: 6px 0px 0px 20px;
						
						font-size	: 11px;
						line-height	: 19px;
						color		: #ffffff;
						font-style	: italic;
						
						background : Transparent url(../images/tickbox_white.gif) no-repeat scroll 0px 6px;
						}
					
					div.main-container div.search-setup div.model-selection div.model-item-selected h4
					{
						background-image : url(../images/tickbox_white-selected.gif);
						}
						
						
						
				div.main-container div.search-setup div.model-selection div.model-item-ibiza-3-door,
				div.main-container div.search-setup div.model-selection div.model-item-ibiza-5-door,
				div.main-container div.search-setup div.model-selection div.model-item-new-ibiza-3-door,
				div.main-container div.search-setup div.model-selection div.model-item-new-ibiza-5-door,
				div.main-container div.search-setup div.model-selection div.model-item-leon
				{
					padding-bottom : 15px;
					}
				
				div.main-container div.search-setup div.model-selection h3
				{
					width		: 250px;
					float		: left;
					clear		: right;
					
					height		: 19px;
					
					padding		: 0px 0px 3px 19px;
					
					font-size	: 11px;
					line-height	: 19px;
					color		: #666666;
					font-style	: italic;
					}
					
				div.main-container div.search-setup div.model-selection h3.other-models-heading
				{
					padding-top: 52px;
					}
							
				div.main-container div.search-setup div.model-selection div.other-models
				{
					width: 450px;
					padding-left : 15px;
					float: left;
					clear: none;
					}
				
					
					div.main-container div.search-setup div.model-selection div.other-models div.model-item-simple
					{
						display		: block;
						position	: relative;
						float		: left;
						clear		: none;
						}
					
					
					div.main-container div.search-setup div.model-selection div.other-models div.model-item-simple h4 a,
					div.main-container div.search-setup div.model-selection div.other-models div.model-item-simple h4 a:link,
					div.main-container div.search-setup div.model-selection div.other-models div.model-item-simple h4 a:visited
					{
						font-size	: 11px;
						color		: #dadada;
						
						height		: 20px;
						padding		: 5px 30px 0px 20px;
						
						background		: Transparent url(../images/tickbox_white.gif) no-repeat scroll 0px 2px;
						text-decoration : none;
						}
					
					div.main-container div.search-setup div.model-selection div.other-models div.model-item-simple h4 a:hover
					{
						color			: #ffffff;
						text-decoration : underline;
						background-image : url(../images/tickbox_white.gif);
						}	
					
					
					div.main-container div.search-setup div.model-selection div.other-models div.model-item-simple h4 a.selected
					{
						background-image : url(../images/tickbox_white-selected.gif);
						}
		
			
			
			div.main-container div.search-setup	div.model-selection-over
			{
				/*
				 DIMENSIONS SHOULD MATCH ::
				 div.main-container div.search-setup div.model-selection				
				 */
				display		: block;
				position	: absolute;
				top			: 33px;
				left		: 0px;
				width		: 100%;
				height		: 0px;
				
				overflow	: hidden; /* required for IE.6 */
				zoom : 1;
				z-index: 100;
				}
				
			div.main-container div.search-setup	div.model-selection-over-active
			{
				height		: 410px; /* from 292px */
				overflow	: visible; /* required for IE.6 */
				}
					
				div.main-container div.search-setup	div.model-selection-over div.overlay
				{
					/*
					 NOTE :: 
					 Statically positioned (in the normal doc flow) - if positioned will need to set z-index to ensure
					 appears BELOW all 'div.model-item-over' items
					 */
					
					width		: 100%;
					height		: 342px;
			
					background	: Transparent url(../images/over-block-background.png) repeat scroll 0px 0px;
					visibility	: hidden;
					}
				
				
				div.main-container div.search-setup	div.model-selection-over-active div.overlay
				{
					visibility : visible;
					}
				
				div.main-container div.search-setup	div.model-selection-over div.model-item-over
				{
					position			: absolute;
					display				: block;
					width				: 152px;
					padding-top			: 50px;
					cursor				: pointer;
					}
					
					div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options
					{
						border		: 1px solid #CA0202;
						padding		: 20px 14px 8px 14px;
						
						background	: #ffffff url(../images/over-gradient-background.jpg) repeat-x scroll 0px 0px;
						}
					
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4,
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options ul a
						{
							display		: block;
							height		: 19px;
							padding		: 0px 0px 5px 20px;
							
							font-size	: 11px;
							line-height	: 19px;
							color		: #666666;
							font-style	: italic;
							
							text-decoration : none;
							background		: Transparent url(../images/tickbox.gif) no-repeat scroll 0px 0px;
							}
						
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4 a,
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4 a:link,
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4 a:visited
						{
							color			: #666666;
							font-size		: 11px;
							text-decoration : none;
							}
						
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4 a:hover
						{
							text-decoration : underline;
							}
						
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4.selected,
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options ul a.selected
						{
							background-image : url(../images/tickbox-selected.gif);
							}
					
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4,
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options h4 object
						{
							visibility  : hidden !important;
							}
					
						div.main-container div.search-setup	div.model-selection-over-active div.model-item-over-visible div.options h4,
						div.main-container div.search-setup	div.model-selection-over-active div.model-item-over-visible div.options h4 object
						{
							visibility  : visible !important;
							}
					
						div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options ul
						{
							display		: block;
							position	: relative;
							width		: 100%;
							border-top	: 1px solid #CA0202;
							padding		: 5px 0px 0px 0px;
							}
							
							div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options ul a
							{
								height		: 12px;
								font-size	: 10px;
								line-height	: 12px;
								font-style	: normal;
								padding		: 4px 0px 0px 20px;
								}
							
							div.main-container div.search-setup	div.model-selection-over div.model-item-over div.options ul a:hover
							{
								color			: #000000;
								text-decoration : underline;
								}
					
					div.main-container div.search-setup	div.model-selection-over div.model-item-over img
					{
						position	: absolute;
						top			: 5px;
						left		: 0px;
						}
						
				
				/* TOP ROW */
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-ibiza-3-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-ibiza-5-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-new-ibiza-3-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-new-ibiza-5-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-leon
					{
						top			: 0px;
						visibility	: hidden;
						}
					
					
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-ibiza-3-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-altea,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-exeo
					{
						left : 0px;
						}
					
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-ibiza-5-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-altea-xl,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-exeo-estate
					{
						left : 152px;
						}
						
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-new-ibiza-3-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-altea-freetrack
					{
						left : 304px;
						}
					
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-new-ibiza-5-door,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-toledo
					{
						left : 456px;
						}
								
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-leon,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-alhambra
					{
						left : 608px;
						}
			
				/* SECOND ROW */
				
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-altea,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-altea-xl,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-altea-freetrack,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-toledo,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-alhambra
					{
						top			: 120px;
						visibility	: hidden;
						}
				
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-altea-freetrack div.options ul,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-toledo div.options ul
					{
						position	: absolute;
						width		: 0px;
						height		: 0px;
						visibility	: hidden;
						}
			
				/* BOTTOM ROW */
				
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-exeo,
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-exeo-estate
																			         
					{
						top			: 225px;
						visibility	: hidden;
						z-index: 100;
						}
				
				/* ITEM IMAGES */
				
					div.main-container div.search-setup	div.model-selection-over div.model-item-over img
					{
						display : none;
						}
				
				
				/* OVER STATE */
				
				div.main-container div.search-setup	div.model-selection-over div.model-item-over-visible
				{
					visibility : visible;
					}
					
					div.main-container div.search-setup	div.model-selection-over div.model-item-over-visible img
					{
						display : block;
						}
				
				
				
			div.main-container div.search-setup h3.max-distance
			{
				display		: block;
				position	: absolute;
				top			: 408px;
				left		: 240px;
				
				height		: 19px;
				margin		: 0px;
				padding		: 2px 4px 0px 19px;
				
				font-size	: 11px;
				line-height	: 19px;
				color		: #666666;
				font-style	: italic;
				font-weight : bold;
				}	
				
			
			div.main-container div.search-setup div#UpdatePanel1
			{
				display			: block;
				position		: relative;
				height			: 35px;
				}
				
				div.main-container div.search-setup div#UpdatePanel1 div.search-location
				{
					display			: block;
					position		: relative;
					height			: 35px;
					padding			: 0;
					}
					
					div.main-container div.search-setup input
					{
						display			: block;
						position		: relative;
						float			: left;		/* FLOATED TO REMOVE EXTRA 1px margin given by ie */
						
						width			: 172px;
						height			: 14px;
						padding			: 4px;
						margin-right	: 30px;
						
						font-family		: Arial, Verdana, Sans-Serif;
						font-size		: 11px;
						line-height		: 13px;
						
						background-color	: #f6f6f6;
						border				: 1px solid #969696; /*#969696;*/
						}
						
						
						div.main-container div.search-setup input#inpt_derivatives
						{
							visibility : hidden;
							}
					
				div.main-container div.search-setup input.hidden
				{
					display : none;
					}
					
				div.main-container div.search-setup div.search-location select
				{
					float		: left;
					display		: block;
					
					margin-top	: 2px;
					margin-left : 215px;
					height		: 20px;
					
					font-family : Arial, Verdana, Sans-Serif;
					font-size	: 11px;
					line-height : 13px;
					
					border				: 1px solid #969696;
					background-color	: #f6f6f6;
					}
				
				div.main-container div.search-setup div.search-location div.search-link
				{
					float	: left;
					clear	: none;
					display	: block;
					
					width	: 90px;
					height	: 17px;
					
					padding-top : 3px;
					margin		: 2px 0px 0px 40px;
					
					background		: url(../images/search_button_background_up.jpg) no-repeat scroll 0px 0px;
					}
					
				div.main-container div.search-setup div.search-location div.search-link a,
				div.main-container div.search-setup div.search-location div.search-link a:link
				{
					width	: 90px;
					height	: 17px;
					display	: block;
					
					color			: #ffffff;
					font-size		: 11px;
					font-weight		: bold;
					text-align		: center;
					text-transform	: uppercase;
					text-decoration : none;
					}
				
				div.main-container div.search-setup div.search-location div.search-link:hover
				{
					background-image : url(../images/search_button_background_over.jpg);
					}
					
				
				div.main-container div.search-setup div#UpdatePanel1 span
				{
					position	: absolute;
					top			: 31px;
					left		: 13px;
					
					font-size	: 10px;
					color		: #CB0101;
					}
		
		div.main-container div.dealer-locator
		{
			position		: relative;
			height			: 111px;
			padding			: 10px 0px 0px 0px;
			border-top		: 1px solid #DADADA;
			margin			: 0 10px 0 10px;
			}
			
			div.main-container div.dealer-locator h3
			{
				display		: block;
				height		: 19px;
				margin		: 0px;
				padding		: 2px 0px 3px 0px;
				
				font-size	: 11px;
				line-height	: 19px;
				color		: #666666;
				font-style	: italic;
				font-weight : bold;
				}
				
				
			div.main-container div.dealer-locator input
			{	
				float			: left;
				clear			: none;
				width			: 172px;
				height			: 14px;
				padding			: 4px;
				margin-right	: 9px;
				
				font-family		: Arial, Verdana, Sans-Serif;
				font-size		: 11px;
				line-height		: 13px;
				
				background-color	: #f6f6f6;
				border				: 1px solid #969696;
				}
			
			
			div.main-container div.dealer-locator div.find-dealers-link
			{
				float : left;
				clear : none;
				display	: block;
				width	: 110px;
				height	: 17px;
				padding-top : 3px;
				margin		: 2px 0px 0px 0px;
				background	: url(../images/find-dealers_button_background_up.jpg) no-repeat scroll 0px 0px;
				}
				
			
				div.main-container div.dealer-locator div.find-dealers-link a.find-dealers
				{
					width			: 110px;
					height			: 17px;
					display : block;
					color			: #ffffff;
					font-size		: 11px;
					font-weight		: bold;
					text-align		: center;
					text-transform	: uppercase;
					text-decoration : none;
					}
			
			div.main-container div.dealer-locator div.find-dealers-link:hover
			{
				background-image : url(../images/find-dealers_button_background_over.jpg);
				}
				
			
			div.main-container div.dealer-locator a.copy-location,
			div.main-container div.dealer-locator a.copy-location:link
			{
				position		: absolute;
				top				: 65px;
				left			: 0px;
				padding 		: 0px 0px 5px 0px; 
				color			: #999999;
				font-size		: 10px;
				text-decoration : none;
				/*background		: #ffffff url(../images/copy-location_button_background_up.jpg) no-repeat scroll 0px 15px;*/
				cursor : pointer;
				}
				
			div.main-container div.dealer-locator a.copy-location:hover
			{
				color				: #ffffff;
				text-decoration		: underline;
				/*background-image : url(../images/copy-location_button_background_over.jpg);*/
				}
			
			div.main-container div.dealer-locator span
			{
				position		: absolute;
				top				: 65px;
				left			: 14px;
				
				color			: #CB0101;
				font-size		: 10px;
				}
			
			div.main-container div.dealer-locator a.error
			{
				top	: 82px;
				}
			
				
			div.main-container div.dealer-locator div.dealer-results
			{
				position 	: absolute;
				top 		: 10px;
				left 		: 322px;
				width		: 443px;
				
				height		: 0px;
				overflow	: hidden;
				}
				
			div.main-container div.dealer-locator div.dealer-results.dealer-results-active
			{
				height		: 109px;
				overflow	: hidden;
				}
				
				div.main-container div.dealer-locator div.dealer-results h4
				{
					display		: block;
					height		: 19px;
					margin		: 0px;
					padding		: 2px 0px 3px 0px;
					
					float 		: left;
					
					font-size	: 11px;
					line-height	: 19px;
					color		: #666666;
					font-style	: italic;
					font-weight : bold;
					}
				
				
				div.main-container div.dealer-locator div.dealer-results h4,
				div.main-container div.dealer-locator div.dealer-results h4 object
				{
					visibility  : hidden !important;
					}
				
				div.main-container div.dealer-locator div.dealer-results-active h4,
				div.main-container div.dealer-locator div.dealer-results-active h4 object
				{
					visibility  : visible !important;
					}
				
				div.main-container div.dealer-locator div.dealer-results div.dealer-item
				{
					display		: block;
					position 	: relative;
					float 		: left;
					clear		: both;
					
					width		: 443px;
					height 		: 16px;
					
					background		: #333333 url(../images/dealer-item-background.gif) no-repeat scroll 0px 15px;
					margin-left : 3px;
					}
				div.main-container div.dealer-locator div.dealer-results-active div.dealer-item
				{
					visibility  : visible !important;
					}
					
					div.main-container div.dealer-locator div.dealer-results div.dealer-item p.distance,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item h5
					/*,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item h5 a,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item h5 a:link,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item h5 a:visited
					*/					
					{
						color		: #ffffff;
						font-size	: 11px;
						}


					div.main-container div.dealer-locator div.dealer-results div.dealer-item p.distance
					{
						position 	: absolute;
						top			: 0px;
						left 		: 0px;
						font-weight : bold;
						}
				
					div.main-container div.dealer-locator div.dealer-results div.dealer-item h5
					{
						position 	: absolute;
						top			: 0px;
						left 		: 64px;
						width		: 156px;
						height		: 15px;
						overflow	: hidden;
						white-space	: nowrap;
						text-overflow : ellipsis;
						}
						
						div.main-container div.dealer-locator div.dealer-results div.dealer-item h5 a
						{
							text-decoration : none;
							
							}
							
						/*
						div.main-container div.dealer-locator div.dealer-results div.dealer-item h5 a:hover
						{
							color			: #000000;
							text-decoration : underline;
							}
						*/
						
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.view-stock,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.search-stock,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.view-stock:link,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.search-stock:link,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.view-stock:visited,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.search-stock:visited
					{
						text-decoration	: none;
						padding-left 	: 20px;
						font-size 		: 10px;
						color			: #fff;
						}
					
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.view-stock
					{
						position 	: absolute;
						top			: 0px;
						left 		: 228px;
						
						background	: Transparent url(../images/link-arrow-grey.gif) no-repeat scroll 0px 0px;
						}
					
				
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.search-stock
					{
						position 	: absolute;
						top			: 0px;
						left 		: 325px;
						
						background	: Transparent url(../images/link-arrow-red.gif) no-repeat scroll 0px 0px;
						}
				
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.view-stock:hover,
					div.main-container div.dealer-locator div.dealer-results div.dealer-item a.search-stock:hover
					{
						color			 : #fff;
						text-decoration: underline;
						}
				
				
				
				
				