@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------------------
 * SITE SPECIFIC LAYOUT
 *
 * This file contains the basic layout directives for the Vanagon.com web site.
 * --------------------------------------------------------------------------------------------------------*/

	html {
		height: 100%;
		margin: 0;
		padding: 0;
    	overflow-y: scroll;
    	}

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background: #e3e3ff url("/history/snapshot/?path=%2Fstatic%2Fimg%2Flayout%2F2010%2Fbody%2Fpage-gradient.png&at=20110105121419") repeat-x top;
		}

	#PageContent {
		position: relative;
		min-height: 100%;
		width: 984px;
		margin: 0 auto; /* center */
		padding: 0 8px;
		background: transparent url("/history/snapshot/?path=%2Fstatic%2Fimg%2Flayout%2F2010%2Fbody%2Fcontent-bg.png&at=20110105121419") repeat-y left;
		}

	#PageContent #PageMeat {
		min-height: 600px;
		padding: 20px 15px;
		}

	#PageContent #PageMeat #SiteMenu {
		float: left;
		width: 150px;
		padding: 0 15px 15px 0;
		}


/* ---------------------------------------------------------------------------------------------------------
 * Header
 * --------------------------------------------------------------------------------------------------------*/

	#Header {
		position: relative;
		}

	#HeaderBody {
		position: relative;
		height: 79px;
		background: #d4f6ff url("/history/snapshot/?path=%2Fstatic%2Fimg%2Flayout%2F2010%2Fhead%2Fbg-title.png&at=20110105121419") repeat-x top;
		overflow: hidden;
		}

	#Header #Logo {
		position: absolute;
		top: 15px;
		left: 15px;
		height: 30px;
		width: 200px;
		background: transparent url("/history/snapshot/?path=%2Fstatic%2Fimg%2Flayout%2F2010%2Fhead%2Flogo.png&at=20110105121419") no-repeat top left;
		}

	#Header #CurveyRoad {
		position: absolute;
		top: 0;
		right: 0;
		width: 220px;
		height: 104px;
		background: transparent url("/history/snapshot/?path=%2Fstatic%2Fimg%2Flayout%2F2010%2Fhead%2Fcurvey-road.png&at=20110105121419") no-repeat top right;
		}

	#Header #AccountOptions {
		display: none;
		position: absolute;
		top: 5px;
		right: 120px;
		width: auto;
		}


	#Header #AccountOptions li {
		float: left;
		margin: 0 5px;
		padding: 5px;
		text-align: right;
		font-size: 10px;
		}


/* ---------------------------------------------------------------------------------------------------------
 * Header vanagon graphic
 * --------------------------------------------------------------------------------------------------------*/

	#Header #Vanagon {
		position: absolute;
		bottom: 1px;
		left: 220px;
		height: 70px;
		width: 134px;
		background: transparent url("/history/snapshot/?path=%2Fstatic%2Fimg%2Flayout%2F2010%2Fhead%2Fvanagon%2Fvanagon-beep.png&at=20110105121419") no-repeat top left;
		}

	#Header #Vanagon.animated {
		background-image: url("/history/snapshot/?path=%2Fstatic%2Fimg%2Flayout%2F2010%2Fhead%2Fvanagon%2Fvanagon.png&at=20110105121419");
		}


/* ---------------------------------------------------------------------------------------------------------
 * Menu bar settings
 * --------------------------------------------------------------------------------------------------------*/

	#Header #Menu {
		width: 766px;
		height: 22px;
		padding-left: 10px;
		background-color: #69695d;
		border: 0px solid #7794b2;
		border-width: 1px 0;
		}

	#Header #Menu ul li {
		position: relative;
		top: 1px;
		float: left;
		margin: 0 5px;
		width: auto;
		font-size: 12px;
		font-weight: bold;
		color: #f7cc0a;
		}

	#Header #Menu ul li a {
		padding: 3px 7px;
		text-decoration: none;
		color: #f7cc0a;
		}

	#Header #Menu ul li a:hover {
		background-color: #f7cc0a;
		color: #69695d;
		}


/* ---------------------------------------------------------------------------------------------------------
 * Default ad slot
 * --------------------------------------------------------------------------------------------------------*/

	#DefaultAdSlotBody #Body {
		float: left;
		width: 760px;
		}

	#DefaultAdSlotBody #DefaultAdSlot {
		float: right;
		width: 160px;
		height: 600px;
		overflow: hidden;
		margin: 60px 0 20px 15px;
		padding: 10px 0 0 10px;
		background: transparent url("/history/snapshot/?path=%2Fstatic%2Fimg%2Fads%2Fskyscraper-bg.gif&at=20110105121419") no-repeat left top;
		}

/* ---------------------------------------------------------------------------------------------------------
 * Footer settings
 * --------------------------------------------------------------------------------------------------------*/

	#PageContent #PageBottom {
		padding: 30px 15px 10px 15px;
		border-top: 1px solid #ceceff;
		}

	#PageContent #PageBottom p {
		text-align: right;
		}

	#PageContent #PageBottom .menu {
		float: left;
		margin-top: 10px;
		width: 450px;
		}

	#PageContent #PageBottom .menu li {
		float: left;
		margin: 0 15px 0 0;
		padding: 0 15px 0 0;
		font-size: 11px;
		border-right: 1px solid #999990;
		}

	#PageContent #PageBottom .menu li.last {
		margin-right: 0;
		padding-right: 0;
		border-width: 0;
		}

	#PageContent #PageBottom .menu li a {
		color: #69695d;
		text-decoration: none;
		}

	#PageContent #PageBottom .menu li a:hover {
		text-decoration: underline;
		}

	#PageContent #PageBottom .legalese {
		float: right;
		width: 450px;
		padding: 0 0 0 30px;
		}

/* ---------------------------------------------------------------------------------------------------------
 * 2-column layout
 * --------------------------------------------------------------------------------------------------------*/

	.mainCol {
		float: left;
		width: 610px;
		padding: 0 10px 0 0;
		}

	.sideCol {
		float: right;
		width: 310px;
		padding: 0 0 0 0px;
		}

	.sideCol .adSlot {
		padding-top: 10px;
		}

/* ---------------------------------------------------------------------------------------------------------
 * Default paragraph settings
 * --------------------------------------------------------------------------------------------------------*/

	p {
		line-height: 1.3em;
		}


/* ---------------------------------------------------------------------------------------------------------
 * Default table settings
 * --------------------------------------------------------------------------------------------------------*/

	table {
			border: none;
			border-collapse: collapse;
		}
	
	table td,
	table th {
		padding: 5px;
		font-size: 11pt;
		border-width: 0;
		}
	
	table th {
		font-weight: bold;
		}


/* ---------------------------------------------------------------------------------------------------------
 * Page navigation menu tables
 * --------------------------------------------------------------------------------------------------------*/
 
 	table.pageNav {
 		margin-left: 40px;
 		margin-bottom: 20px;
		}
 
 	table.pageNav td {
 		padding: 2px 10px;
 		font-size: 10pt;
 		vertical-align: top;
 		}
 		
 	table.pageNav tr.divider td {
 		padding-top: 8px;
 		}
 

/* ---------------------------------------------------------------------------------------------------------
 * Page navigation menu tables
 * --------------------------------------------------------------------------------------------------------*/
 
 	dl.links {
 		margin: 10px 0;
		}
 
 	dl.links dt {
 		margin: 10px 0 5px 0;
 		padding-bottom: 5px;
 		}

 	dl.links dd {
 		margin: 5px 0 10px 20px;
 		}

/* ---------------------------------------------------------------------------------------------------------
 * Default horizontal rule
 * 
 * represented as: <div class='hr'><hr /></div>
 * --------------------------------------------------------------------------------------------------------*/

	div.hr {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px dotted #8989cc;
		}

	div.hr hr {
		display: none;
		}


/* ---------------------------------------------------------------------------------------------------------
 * Links
 * --------------------------------------------------------------------------------------------------------*/

	a:link {
		color: #0d4480;
		}

	a:visited { 
		color: #0d4480;
		}


/* ---------------------------------------------------------------------------------------------------------
 * Sample Email Message
 * --------------------------------------------------------------------------------------------------------*/

	.sampleEmail {
		width: 500px;
		margin: 10px auto;
		padding: 15px;
		border: 1px solid #ceceff;
		}

	.sampleEmail ul.headers {
		padding: 0;
		margin: 0;
		}

	.sampleEmail ul.headers li {
		clear: both;
		display: block;
		padding: 0 0 5px 0;
		text-indent: 0;
		}

	.sampleEmail ul.headers li strong {
		display: block;
		float: left;
		padding-top: 5px;
		width: 60px;
		text-align: right;
		font-size: 10pt;
		}

	.sampleEmail ul.headers li span {
		display: block;
		float: left;
		width: 400px;
		margin: 0 0 0 10px;
		padding: 3px 5px;
		border: 1px solid #00458c;
		color: black;
		}
	
	.sampleEmail ul.headers li span,
	.sampleEmail ul.headers li span * {
		font-family: "Courier New", Courier, monospace;
		font-size: 10pt;
		}

	.sampleEmail .body {
		min-height: 100px;
		width: 410px;
		margin: 10px 0 0 80px;
		border: 1px solid #00458c;
		}

	.sampleEmail .body p {
		margin: 5px;
		}

	.sampleEmail .body * {
		font-family: "Courier New", Courier, monospace;
		font-size: 10pt;
		}

/* ---------------------------------------------------------------------------------------------------------
 * Miscellaneous
 * --------------------------------------------------------------------------------------------------------*/

	.highwaySign {
		position: relative;
		width: auto;
		height: auto;
		padding: 2px;
		background-color: #0e833f;
		color: white;
		font-weight: bold;
		line-height: 1.1em;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		}

	.highwaySign .innerBorder {
		position: relative;
		width: auto;
		height: auto;
		padding: 15px 10px 5px 40px;
		font-size: 12px;
		line-height: 1em;
		font-family: Arial, Verdana, sans serif;
		border: 1px solid white;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		}

	.highwaySign .arrowSW {
		position: absolute;
		bottom: 5px;
		left: 10px;
		width: 20px;
		height: 25px;
		background: transparent url("/history/snapshot/?path=%2Fstatic%2Fimg%2Fillustration%2Farrow-sw.png&at=20110105121419") no-repeat left top;
		}

	.highwaySign .exit {
		position: absolute;
		top: 5px;
		left: 40px;
		margin: 0 0 1px 0;
		padding: 0;
		font-size: 8px;
		line-height: 1em;
		font-family: Arial, Verdana, sans serif;
		text-transform: uppercase;
		}

	#VanagonListSign.highwaySign {
		display: none;
		position: absolute;
		z-index: 10;
		bottom: 35px;
		left: 50px;
		font-size: 9pt;
		}


/* ---------------------------------------------------------------------------------------------------------
 * ELIMINATE THE FOLLOWING WHEN POSSIBLE
 * --------------------------------------------------------------------------------------------------------*/

.cellSmall {  font: 10pt }
.cellHead { font: bold 12pt; color: #0033CC }
.footer {  font-size: 9pt}

.small {
	font-size: 10pt;
	}

.large {
	font: normal 16pt;
	}

.subHead { font: bolder 12pt; color: #FFFFFF }
.quote {  font: italic 10pt }
.warning {  color: red}
.smallWarning { font: normal 10pt; color: red }
li {
	font-size: 10pt;
	padding-top: 3pt;
	padding-bottom: 3pt;
}
.normal {  font: normal 11pt }