/* CSS Document */

body, html, .mainNav, .navFooter, #newNav, #newNav li ul li, ul.subLinks, .splash .content p {
	margin:				0;
	padding:			0;
}

body {
	background:			url(../img/bg.jpg) top left;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10pt;
	color:				#000;
}

a {
	color:				#000;
}

h2 {
	font-size:			1.35em;
	margin-left:		7px;
}

.right {
	float:				right;
}

#headContainer {
	height:				148px;
	padding-top:		15px;
	background:			url(../img/header-bg.png) top center repeat-x;
}

#header {
	width:				985px;
	margin:				auto;
}

#logo {
	background:			url(../img/VillageRV_logo.png) top left no-repeat;
	width:				216px;
	height:				150px;
	float:				left;
	cursor:				pointer;
}

#search {
	float:				right;
	padding-top:		60px;
}

#search input {
	font-size:			0.8em;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	width:				80px;
}

#btnSearch {
	width:				10px;
	height:				14px;
	background:			url(../img/btnGo.gif) center center no-repeat;
	float:				right;
	margin-top:			62px;
	margin-left:		5px;
	cursor:				pointer;
}

.mainNav {
	float:				right;
	padding-top:		50px;
}

.mainNav li {
	display:			block;
	list-style:			none;
	margin-right:		3px;
	float:				left;
}

.mainNav li a {
	display:			block;
	color:				#E8C379;
	text-decoration:	none;
	width:				78px;
	height:				39px;
	text-align:			center;
	padding-top:		12px;
	font-size:			0.8em;
}

.mainNav li a:hover {
	background:			url(../img/nav-circle.gif) top center no-repeat;
}

#container {
	width:				925px;
	margin:				auto;
	padding:			10px 30px;
}

.hr, hr {
	width:				935px;
	height:				4px;
	background:			none;
	background:			url(../img/hr.png) center center no-repeat;
	clear:				both;
	margin:				20px 0;
	border:				none;
}

#container #content {
	margin-left:		7px;
}

#container #content h2 {
	margin-left:		0;
	clear:				left;
}

.navFooter {
	margin-left:		6px;
	margin-bottom:		15px;
}
.navFooter li {
	list-style:			none;
	display:			inline;
	border-left:		1px solid #000;
	padding:			0 6px 0 8px;
}
.navFooter li.first {
	border:				none;
}
.navFooter li a {
	text-decoration:	none;
}
.navFooter li a:hover {
	text-decoration:	underline;
}

#a2apage_powered_by {
	display:			none;
}

/* 
---> Splash Page Elements 
*/
.splash {
	background:			url(../img/photo-collage-1.png) top right no-repeat;
}

.splash .content {
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			1.2em;
	width:				455px;
	margin-top:			25px;
	margin-left:		14px;
	position:			relative;
	z-index:			300;
}

.a2a {
	float:				right;
	margin-top:			0;
	margin-right:		18px;
	position:			relative;
	z-index:			400;
}

.splash #newButtons {
	position:			relative;
	z-index:			300;
	margin-left:		14px;
	width:				430px;
	height:				60px;
	margin-top:			15px;
	margin-bottom:		60px;
}

.splash #sign {
	float:				right;
	position:			relative;
	width:				935px;
	height:				190px;
	top:				-240px;
	z-index:			200;
	background:			url(../img/sign.png) top right no-repeat;
}

.splash #sign #note {
	float:				right;
	position:			relative;
	margin-top:			30px;
	margin-right:		13px;
}

.splash .slogan {
	height:				290px;
}

/* Content Elements */

#basePrice {
	color:				#851108;
	margin:				0 0 10px 8px;
	font-size:			1.1em;
}

#newNav {
	margin-bottom:		20px;
}

#newNav td {
	text-align:			center;
}

#newNav td a {
	text-decoration:	none;
}

#newNav td a:hover {
	font-weight:		bold;
	color:				#851108;
}

#newNav div a {
	display:			block;
	float:				left;
	width:				106px;
	height:				29px;
	text-decoration:	none;
	font-size:			0.8em;
	text-align:			center;
	padding-top:		40px;
}

#newNav div a:hover {
	text-decoration:	none;
}

div#motorhome a {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll 0px 0px;
}
div#motorhome a:hover, div#motorhome a.active {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll 0px -69px;
}
div#classc a {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -106px 0px;
}
div#classc a:hover {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -106px -69px;
}
div#vanmotorhome a {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -212px 0px;
}
div#vanmotorhome a:hover {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -212px -69px;
}
div#fifthwheel a {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -318px 0px;
}
div#fifthwheel a:hover {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -318px -69px;
}
div#traveltrailer a {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -424px 0px;
}
div#traveltrailer a:hover {
	background:			url(../img/NewNav-bgs.png) no-repeat scroll -424px -69px;
}
#newNav td a.sub {
	font-size:			0.9em;
}

#col1 {
	float:				left;
	width:				390px;
}

#col2 {
	float:				right;
}

#viewer {
	width:				356px;
	height:				238px;
	background:			url(../img/main-img-back.png) top left no-repeat;
	padding:			6px 9px 11px 9px;
	margin-bottom:		15px;
}

#RVimgs {
	margin-left:		8px;
}

.RVimg {
	width:				54px;
	height:				36px;
	border:				1px solid #999;
	background-color:	#F3F3F3;
	float:				left;
	margin-right:		4px;
	margin-bottom:		8px;
	cursor:				pointer;
}

.RVimgFP {
	background:			url(../img/btnFloorPlans.jpg) top left;
	width:				115px;
	cursor:				pointer;
	/*margin-left:		6px;*/
}

.description {
	margin-left:		7px;
	font-family:		Georgia, "Times New Roman", Times, serif;
	line-height:		140%;
	font-size:			0.9em;
	padding-right:		16px;
}

.rvLinks {
	margin-left:		7px;
	font-size:			0.8em;
	margin-bottom:		12px;
}

ul.subLinks {
	margin:				15px 0 15px 0;
	clear:				left;
}
ul.subLinks li {
	display:			inline;
	list-style:			none;
	border-right:		1px solid #000;
	padding:			0px 8px;
}
ul.subLinks li.last {
	border-right:		none;
}
ul.subLinks li a {
	font-size:			0.8em; 
}
ul.subLinks li.pf, .pf {
	background:			url(../img/print.png) 5px center no-repeat;
	padding-left:		23px;
}




#featuresHeader {
	width:				527px;
}
#featuresHeader .opts {
	float:				left;
	padding:			6px 6px 0 6px;
	display:			block;
	width:				200px;
	height:				22px;
	text-align:			center;
	cursor:				pointer;
	font-weight:		bold;
	font-size:			1.0em;
	z-index:			100;
}
#featuresHeader #opt2 {
	width:				100px;
}
#featuresHeader #opt3 {
	width:				140px;
}


#featuresHeader .last {
	border-bottom:		2px solid #851108;
	display:			block;
	height:				28px;
}

#featuresHeader .active {
	border:				2px solid #851108;
	border-bottom:		none;
	background-color:	#F2DFB7;
}

#featuresHeader .active a, #featuresHeader .deactive a {
	text-decoration:	none;
	font-weight:		normal;
}

#featuresHeader .deactive a {
	color:				#EBCF92;
}

#featuresHeader .deactive {
	background-color:	#B05E3E;
	border-bottom:		2px solid #851108;
	color:				#EBCF92;
}

#features {
	width:				507px;
	clear:				both;
	border:				2px solid #851108;
	border-top:			none;
	background-color:	#F2DFB7;
	padding:			8px;
	font-size:			0.7em;
	margin-bottom:		25px;
}

#features ul {
	padding-left:		15px;
	margin-left:		0;
}

#features #options, #features #specs  {
	padding:			1em;
	height:				458px;
}

#features #specs {
	overflow:			auto;
	width:				95%;
	height:				380px;
}

#features #specs td , #features #specs th {
	white-space:		nowrap;
	padding:			3px;
	text-align:			left;
}

div.scroller {		
	width:				508px; 
	height:				477px;
	overflow:			hidden;
}
div.scroller div.section {	
	width:				508px;
	height:				477px;
	overflow:			hidden;
	float:				left;
	padding:			1em;		
}
div.scroller div.section .subcol {
	width:				48%;
	float:				left;
}
div.scroller div.content {
	width:				10000px;
}
#featuresHeader .controls a.active {
	font-weight:		bold;
	background:			none;
	border:				none;
}


div.shadow {
	background: 		url('../img/photo-shadow.png') top left no-repeat; 
	width:				330px; 
	height:				230px;
	float:				right;
	padding:			15px;
	margin-left:		30px;
}


/*
---> Show listing of new RV types (Ditto)
*/

#newList {
	clear:				both;
}

#newList .item {
	width:				156px;
	float:				left;
	margin-right:		20px;
	margin-bottom:		20px;
	height:				205px;
	cursor:				pointer;
}

#newList .item .image {
	width:				156px;
	height:				94px;
	background:			url(../img/newListBack.png) top left no-repeat;
	padding:			10px 7px 10px 8px;
}

#newList .item .text {
	margin:				0 8px;
	padding:			8px 0 15px 0;
	background:			url(../img/newListLine.jpg) top left repeat-x;
}

#newList .item .link {
	margin:				0 8px;
	padding-bottom:		10px;
	text-align:			right;
	background:			url(../img/newListLine.jpg) bottom left repeat-x;
}

/*
---> Staff Listing (Ditto)
*/
.staff {
	width:				238px;
	height:				225px;
	float:				left;
	margin-right:		65px;
	margin-bottom:		20px;
}
.staff .image {
	background:			url(../img/staff-shadow.png) top left no-repeat;
	padding:			14px;
}
.staff .desc {
	padding-left:		10px;
}
.staff .desc a {
	text-decoration:	none;
}
.staff .desc a:hover {
	text-decoration:	underline;
}

/*
---> Used and Specials Listing
*/
.product {
	float:				left;
	background:			url(../img/used-shadow.png) top left no-repeat;
	padding:			19px;
	padding-right:		12px;
	width:				228px;
	height:				101px;
	font-size:			0.8em;
	color:				#8F0000;
	cursor:				pointer;
}
.product img {
	float:				left;
	margin-right:		5px;
}

.product_lg {
	background:			url(../img/used-shadow-large.png) top left no-repeat;
	padding:			11px;
	text-align:			center;
	width:				400px;
	float:				left;
}

.prod_desc {
	padding-top:		10px;
}

.prod_thumb {
	background:			url(../img/used-shadow-small.png) top left no-repeat;
	padding:			4px;
	cursor:				pointer;
}

/*
---> Credit Calculator
*/
#calculator {
	width:				300px;
	float:				right;
	border:				1px solid #000;
}

#calculator .title {
	background-color:	#8F0000;
	padding:			6px;
	color:				#FFF;
	font-weight:		bold;
	font-size:			1.1em;
	text-align:			center;
}
#calculator .content {
	padding:			10px;
}