/*
	Roadtrek Front Stylesheet
	Creation Date: September 20, 2006
	Author: Chris Riehl
*/

/* body Element Styles
-----------------------------------------------*/
body 
{
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Container
{
	position: relative;
    width: 982px;
    padding: 10px 10px 0px 10px;
    z-index: 50;
}
	
	

	#Footer
	{
		float: left;
		width: 982px;
		height: 20px;
		border-top: 1px solid #666666;
		padding: 5px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		z-index: 100;
	}
		#FooterMenu
		{
			float: left;
			width: 441px;
			text-align: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		#FooterCopyright
		{
			float: left;
			width: 531px;
			text-align: right;
		}
		#KeysSpacer
		{
			position: absolute;
			left: 445px;
			width: 100px;
			margin: -35px 0px 0px 0px;
			z-index: 90;
		}
	#Body
	{
		position: relative;
		width: 982px;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		z-index:90;
	}
		#Inner, #InnerWhite, #InnerWide
		{
			float: left;
			width: 982px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background: url(/_images/inner_background.gif) repeat-y;
			position:relative;
		}

		#InnerWhite
		{
			background: #FFFFFF;
		}
		
		#InnerWide
		{
			background: #FFFFFF url(/_images/innerwide_background.gif) repeat-y;
		}
		
		.innerImage
		{
			margin: 10px 10px 10px 10px;
			padding: 0px 0px 0px 0px;
		}
		
		#Flash
		{
			
		}
		
		#FlashPageImages		
		{
			position: absolute;
			top:-20px;
			padding: 0px 0px 10px 0px;
			background: #FFFFFF;
		}
		
        #PageText2Line
        {
			position: relative;
			margin: 188px 0px 0px 0px;
			z-index: 91;
        }
    
		#PageText
		{
			position: relative;
			margin: 108px 0px 0px 0px;
			z-index: 91;
		}
			#Text
			{
			    float:left;
				position:relative;
				width:515px;
				left: 465px;
				min-height: 306px;
				background: #f1f4f8;
				border: 1px solid #888888;
				padding: 0px 0px 0px 0px;
				margin: 14px 0px 0px 0px;
				
			}
			
			* html #Text
			{
			    height: 306px;
			}
			
			
				#Text p
				{
					width: 470px;
					font-size: 12px;
					color: #444444;
					padding: 0px 0px 0px 10px;
					margin: 0px 0px 10px 0px;
				}
		#PageTextNI
		{
			float: left;
			margin: 0px 0px 0px 0px;
			z-index: 80;
		}

            div.ImageHolder
            {
                float: right;
                display:inline;
                top: 70px;
                left: 795px;
                width: 180px;
                margin: 0px 8px 0px 0px;
            }
                
                div.Image
                {
                }
                
                div.Quote
                {
                    padding: 0px 0px 0px 10px;
                }
            
			#InnerImage
			{
				float: left;
				width: 270px;
				margin: 0px 10px 0px 0px;
				border-bottom: solid 10px #FFFFFF;
			}
			
			#TextFull
			{
				float:left;
				width:970px;
				min-height: 446px;
				background: #f1f4f8;
				border: 1px solid #888888;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				
			}
			
			#TextFull p
			{
				margin: 0px 5px 0px 10px;
				width: 890px;
			}			
			
			#TextNI
			{
				float:left;
				width:700px;
				background: #f1f4f8;
				border: 1px solid #888888;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				min-height: 428px;
			}
			
			* html #TextNI
			{
			    height: 428px;
			}
					
				.logoImage
				{
					margin: 20px 40px 20px 0px;
				}
				.brochImage
				{
					border: solid 1px #888888;
				}
				
				#TextNI p
				{
					margin: 10px 10px 0px 10px;
				}
				
				#TextNI .DataRow
				{
					float:left;
					width: 92%;
					clear:both;
					text-align:center;
					margin: 5px 0px 5px 15px;					
				}
				
				#TextNI .DataRow .DataRowTitle
				{
					float:left;
					text-align:left;
					width: 130px;
				}
								
				#TextNI .DataRow .DataRowContent
				{
					float:left;
					text-align:left;
					width: 175px;
				}				
								
				#TextNI .ButtonRow
				{
					clear:both;
					width:92%;
					text-align:center;
				}				


				
				div.Table
				{
					width: 660px;
					padding: 5px 0px 30px 10px;
				}
					div.TitleRow
					{
						float: left;
						background: #093A80;
						width: 655px;
						padding: 5px 5px 5px 0px;
						color: #FFFFFF;
					}
					div.ContentRow
					{
						float: left;
						width: 655px;
						padding: 3px 5px 3px 0px;
					}
					div.ContentRowAlt
					{
						float: left;
						width: 655px;
						background: #dbe3ed;
						padding: 3px 5px 3px 0px;
					}
						div.RowTitle
						{
							float: left;
							width: 131px;
							color: #093A80;
						}
						div.RowDetails
						{
							float: left;
							width: 121px;
							margin: 0px 0px 0px 10px;
						}
						
						
				div.SpecsTable
				{
					width: 960px;
					padding: 5px 0px 30px 10px;
				}
					div.SpecsTitleRow
					{
						float: left;
						background: #093A80;
						width: 940px;
						padding: 5px 5px 5px 0px;
						color: #FFFFFF;
					}
					div.SpecsContentRow
					{
						float: left;
						width: 940px;
						padding: 3px 5px 3px 0px;
					}
					div.SpecsContentRowAlt
					{
						float: left;
						width: 940px;
						background: #dbe3ed;
						padding: 3px 5px 3px 0px;
					}
						div.SpecsRowTitle
						{
							float: left;
							width: 171px;
							color: #093A80;
						}
						div.SpecsRowDetails
						{
							float: left;
							width: 171px;
							margin: 0px 0px 0px 10px;
						}
						div.SpecsRowDetailsWider
						{
							float: left;
							width: 230px;
							margin: 0px 0px 0px 10px;
						}
						
						div.SpecsRowDetailsThin
						{
							float: left;
							width: 135px;
							margin: 0px 0px 0px 10px;
						}						
												

		#HomeBottomBoxes
		{
			float: left;
			width: 100%;
		}
			#OwnerQuote
			{
				float: left;
				width: 335px;
				border: 1px solid #888888;
				background: #f1f0f5;
				padding: 10px 10px 0px 0px;
				margin: 0px 10px 0px 0px;
				position:relative;
			}
				#OwnerQuote p
				{
					float: left;
					width: 220px;
					margin: 0px 0px 5px 0px;
					padding: 0px 0px 0px 10px;
				}
				#OwnerQuote img
				{
					float: left;
					margin: -10px 10px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
				#OwnerQuote a.more img
				{
					/*position:relative;
					top:-15px;
					 margin: -15px 0px 0px 200px; */
					float:right;
					margin: -15px 0px 0px -35px; 
				}
				
				a.quoteMore img
				{
					position:relative;
					top: -5px;
					left: 65px;
					margin: -15px 0px 0px -35px; 
				}
			#PromoBoxes
			{
				float: left;
				width: 620px;
				border: 1px solid #666666;
				padding: 5px 0px 6px 0px;
			}
				#Promo1
				{
					float: left;
					width: 184px;
					height: 122px;
					border-right: 1px dotted #666666;
					margin: 0px 0px 0px 0px;
					padding: 5px 5px 0px 15px;
				}
					#Promo1 img
					{
						position:relative;
						top: -13px;
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
					}
					#Promo1 .more img
					{
						position: relative;
						top: 3px;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
					}
					#Promo1 p
					{
						margin: 0px 0px 10px 0px;
						padding: 0px 0px 0px 0px;
					}
					
				#Promo2
				{
					float: left;
					width: 183px;
					height: 122px;
					border-right: 1px dotted #666666;
					margin: 0px 0px 0px 0px;
					padding: 5px 5px 0px 15px;
				}
					#Promo2 img
					{
						position:relative;
						top: -13px;
						padding: 0px 0px 0px 0px;
						margin: 7px 0px 0px 0px;
					}
					#Promo2 .more img
					{
						position: relative;
						top: 3px;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
					}
					#Promo2 p
					{
						margin: 0px 0px 10px 0px;
						padding: 0px 0px 0px 0px;
					}
					
				#Promo3
				{
					float: left;
					width: 183px;
					height: 122px;
					margin: 0px 0px 0px 0px;
					padding: 5px 5px 0px 15px;
				}
					#Promo3 img
					{
						position:relative;
						top: -13px;
						padding: 0px 0px 0px 0px;
						margin: 10px 0px 0px 0px;
					}
					#Promo3 .more img
					{
						position: relative;
						top: 3px;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
					}
					#Promo3 p
					{
						margin: 0px 0px 10px 0px;
						padding: 0px 0px 0px 0px;
					}


					#Promo3 .more
					{
					    padding: 40px 0px 0px 0px;
					}
					
					#Promo2 .more
					{
					    padding: 9px 0px 0px 0px;
					}
					
					#Promo1 .more
					{
					    padding: 21px 0px 0px 0px;
					}
					
	div.Row
	{
		float:left;
		width: 670px;
		min-height:25px;
		margin: 2px 0px 2px 0px;
	}
	* html div.Row{height:25px;}
	
	div.chkBox
	{
		float:left;
		width: 30px;
	}
	
	div.chkBoxContent
	{
		float:left;
		width: 500px;
	}
	
	div.Col1
	{
		float: left;
		width: 120px;
		margin: 0px 20px 0px 20px;
	}
	
	div.Col2
	{
		float: left;
		width: 430px;
		margin: 0px 0px 10px 0px;
	}
	div.DealerCol1
	{
		float: left;
		width: 210px;
		margin: 0px 20px 0px 20px;
	}
	
	div.DealerCol2
	{
		float: left;
		width: 400px;
		/* margin: 0px 0px 10px 0px; */
	}
		.dropDown
		{
			width: 200px;
			/* margin: 0px 0px 7px 0px; */
		}
		.rentDropDown
		{
			width: 200px;
			margin: 0px 0px 7px 0px;
		}
		
		.textBox
		{
			width: 195px;
		}
		
	div.AmbassadorCol1
	{
		float: left;
		width: 120px;
		margin: 0px 20px 0px 20px;
	}
	
	div.AmbassadorCol2
	{
		float: left;
		width: 200px;
		margin: 0px 0px 10px 0px;
	}

	div.AmbassadorCol3
	{
		float: left;
		width: 200px;
		margin: 0px 0px 10px 0px;
	}
	
	
	div.ButtonBrochure
	{
	    float:left;
	    margin: 15px 0px 0px 15px;
	}

/****** Header Image ******/
.NoBorder{border:none;}
.ClearBoth{clear:both;}
.debugRow1{}
.debugRow2{}


div.SideImage
{
	float: left;
	width: 270px;
}

div.SiteContent
{
	float: left;
	width: 400px;
}


div.mediaRow
{
    float:left;
    width: 640px;
    clear:both;
    margin: 0px 0px 15px 10px;
}

    * html div.mediaRow
    {
        margin-left: 0px;
    }

    div.mediaRow b
    {
        float:none;
    }
    
    div.mediaRow a
    {
        float:none;
        display:inline;
    }
    
    div.mediaRow a i
    {
        display:inline;
        
    }

    div.mediaItem
    {
        float:left;
        width: 290px;
        margin: 0px 10px 0px 10px;
    }
    
    
    span.print
    {
        position:relative;
        top: -8px;
        float:right;
    }