/*Areas
************************************/

/* Main containers for scrolling */
.css_listMainContainer
{
	width: 205px;
	height: 155px;	
	position:relative;			
	display: block;
	float: left;
	padding: 0;
	margin-left: 20px;
	overflow: hidden;	
}
.css_listContentHolder
{
	width: 205px;
	position:relative;		
	margin: 0;
	padding: 0;
}



/* Yard intro (description + image) */
.css_yardsIntro
{
	Width: 520px;
	height: 100%;	
	display: block;
	float: left;
	padding: 0;
	margin: 0;	
}
.css_yardIntroContent
{
	width: 485px;
	margin-left: 20px;
	position:relative;
}
.css_yardIntroContentText
{
	width: 205px;
	height: 155px;	
	position:relative;		
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;	
}
.css_yardIntroContentTextMarginLeft
{
	width: 205px;
	height: 155px;	
	position:relative;			
	display: block;
	float: left;
	padding: 0;
	margin-left: 20px;
	overflow: hidden;	
}
.css_yardIntroContentTextHolder
{
	width: 205px;
	position:relative;		
	margin: 0;
	padding: 0;
}

/* The slider */
.css_yardIntroContentTextSliderContainer
{
	width: 10px; 
	height: 155px;	
	position: relative; 
	display: block;
	float: left;	
	margin:0; 
	margin-left:10px; 
 	background: transparent;
}
.css_yardIntroContentTextSlider
{
	width: 5px; 
	height: 155px;	
	display: block;
	float: left;		
	margin:0; 
	padding:0;
}

/* The image of the yard */
.css_yardIntroContentPicture
{
	width: 240px;
	height: 155px;	
	position:relative;	
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.css_yardIntroContentPictureMarginLeft
{
	width: 240px;
	height: 155px;
	position:relative;			
	display: block;
	float: left;
	padding: 0;
	margin-left: 20px;
}
img.css_yardIntroContentPictureImg
{	
	width: 238px;
	height: 155px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px white
}


/* Google map position */
.css_yardPosition
{
	width: 240px;
	height: 100%;	
	display: block;
	float: left;	
	padding: 0;
	margin: 0;
	position: relative;
	background-color:transparent;
	z-index:20;
}
.css_yardPositionMap
{
	width: 198px;
	height: 155px;
	margin-left:20px;
	border: solid 1px white;
}

/* Select yard button */
.css_selectYard
{
	width: 50px;
	height: 100%;	
	display: block;
	float: left;	
	padding: 0;
	margin: 0;
	position: relative;
	background-color:transparent;
	z-index:20;
}
.css_selectYardButton
{
    width: 30px;
    height: 30px;   
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-15px;
	border: 0px;
}