@charset "utf-8";

/* IMPORTANT: The names of the HTML documents in this site were changed
 * However, the ID's assigned to the body tags of these documents were not changed.
 * follows is a map of the body ID's to the actual HTML documents.
 * #benefits -> about.html
 * .hp -> index.html
 * #offers -> requestinfo.html
 * #os -> membership.html
 * #ts -> timeshare.html (no longer part of site)
 */

@import url("reset.css");

body {
	background:#fff;
	color:#333;
	font-family:Arial,sans-serif;
	font-size:85%;
	padding:12px 0 0 12px;
}

a {
	color:#387c2c;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: block;}


.clear { 
	clear:both; 
	display:block; 
}


#pg {
	margin:0 auto;
	position:relative;
	width:990px;
}

.alignRight {
	float:right;
}

img.alignRight {
	padding:0 0 10px 10px;
}

.alignLeft {
	float:left;
}

img.alignLeft {
	padding:0 10px 10px 0;
}

#logo {
	float:left;
	width:184px;
}

#bd {
	margin-top:50px;
}


#ft {
	clear:both;
	border-top:1px solid #eef1f2;
	font-size:.8em;
	margin-top:50px;
	padding-top:30px;
	text-align:center;
}


#footerLinks {
	line-height:14px;
	margin:0 auto;
	padding:15px 0;
	width:605px;
}

#footerLinks a {
	color:#797e80;
	text-decoration:none;
}

#footerLinks p {
	font-weight:bold;
}

#footerLinks a:hover {
	text-decoration:underline;
}

h2, h3{
	color:#333;
	font-weight:bold;
}


h1 {
	font-size:1.3em;
	margin-bottom:.3em;
	font-weight:bold;
	color:#F47E31;
}

h2 {
	font-size:1.1em;
	margin-bottom:.6em;
}

h3 {
	font-size:1.1em;
}



/* Navigation --------------------------------------------------------------------------- */


#nav {
	float:right;
	margin-right: 155px;
	*margin-right: 140px;
}

#nav li {
	float:left;
	margin:-5px 4px 15px 0;
}

#nav li a {
	border:2px solid #fff;
	display:block;
	height:91px;
	padding:3px;
	width:91px;
}

#nav li img.nolink {
	padding:5px;
}


/* Homepage specific ------------------------------------------------------------------ */



/* Home Navigation  */


.hp #nav {
	float:left;
	display:block;
	margin-left:25px;
	margin-right:0;
}

.hp h1 {
float:left;
}

.hp h2{
	float:left;
	font: 100 2em / 1.1 Arial, sans-serif;
	margin-left:30px;
	color:#006600;
}

.hp h3 {
	color:#F47E31;
	font-size:1.3em;
}

/* home page major sections  */



.hp #pg {
	margin:0 auto;
	padding:0px;
}


.hp #hpBottom {
	line-height:1.3;
	margin-top:75px;
	min-height:273px;
	padding-right:10px;
}

.hp #hpExplore {
	margin-top:10px;
	width:415px;
}

.hp #hpExplore label {
	color:#999;
}
	

.hp #hpWelcome {
	margin-right:8px;
	width:425px;
	float:right;
}

.hp #hpWelcome p{
	width:400px;
}

.hp #bookNow {
	width:400px;
	float:left;
}

.hp #bookNow p {
	margin-bottom:12px;

}


.hp #ft {
	border-top:none;
	margin-top:5px;
}


/* homepage Slideshow */

.hp #slideshow {
	float:left;
	width:196px;
	height:198px;
	overflow:hidden;
	margin-left:135px;
	top:0;
}


.hp #slideshow #main {
	height:198px;
	overflow:hidden;
}


.hp #slideshow #main .slide {
	width:196px;
	height:198px;
}


/* Homepage form  */


.hp #hpBookForm input {
	height:15px;
	width:70px;
}

.hp #hpBookForm fieldset {
	margin-bottom:13px;
}

.hp #hpBookForm select, #hpBookForm input {
	border:1px solid #dedede;
	color:#666;
	padding:2px;
}

.hp #hpBookForm select {
	position:relative;
}


.hp #exploreBtn {
	position:relative;
	top:7px;
	left:35px;
	width:88px;
	height:21px;
}


.hp #hpBookForm #bookBtn {
	position:relative;
	border:none;
	height:auto;
	width:auto;
	top:-7px;
	left:10px;
}


.hp select#hotelCode {
	position:relative;
	z-index:50;
}

.hp #calendars {
	*margin-top:.9em;
}

.hp #calendars label {
	float:left;
}

.hp #calendars span {
	
	float:left;
	width:170px;
}

.hp #calendars .opt {
	display:block;
	font-weight:bold;
}

.hp #calendars .opt em{
	font-weight:normal;
	display:inline;
}

.hp #calendars #arrival,
.hp #calendars #departure{
	width:7.5em;
	height:1.2em;
}


.hp #quantities {
	width:400px;
	float:left;
	display:inline;
}

.hp #quantities input {
	margin-left:20px;
}

.hp #quantities #bookBtn {
	margin-top:20px;
	width:88px;
	height:21px;
}

.hp #quantities label {
	width:90px;
}

.hp #quantities select {
	float:left;
}

.hp #quantities span {
	display:block;
	float:left;
	width:90px;
}

.hp #quantities img {
	position:relative;
	display:inline;
	padding-top:2px;
	padding-left:3px;
}

.hp img.ui-datepicker-trigger {
	margin:0 0 -2px 5px;
}

.hp label.departure {
	margin-left:15px;
}

.hp img.help {
	cursor:pointer;
	margin-left:.6em;
	*margin-left:1em;
}

.hp #tooltip {
	position: absolute;
	z-index: 100;
	border: 1px solid #353;
	background-color: #8cc63f;
	padding: 5px;
    width:15em;
    line-height:1.1
}

.hp #tooltip h3, #tooltip div { 
	color:#fff;
	margin: 0; 
	font-size: 0.8em; 
}



/* leftRail and Slideshow parts --------------------------------------------------------------------------- */



#leftRail {
	float:left;
	width:340px;
	font-size:.9em;
	line-height:1.4;
	vertical-align: top;
}


#slideshow {
	position:relative;
	top:5px;	
}

#slideshow #controls {
	text-align:right;
	display:none;
	cursor:pointer;
	position:relative;
}

#main {
	height:340px;
	overflow:hidden;
}

#main .slide {
	height:340px;
}

#main .slide p {
margin-top:1.2em;
}

 #main .slide img  {
	background: url(../images/loading.gif) center center no-repeat;
}



#benefits #slideshow h3 {
	color:#333;
	margin-top:1em;
	margin-bottom:-1.2em;
}




/* rightRail and Content --------------------------------------------------------------------------- */


#rightRail{
	float:right;
	margin-left:75px;
	width:550px;
	*margin-left:45px;
	*width:590px;
	vertical-align: top;
}


#benefits #content h1,
#ascutney #content h1,
#bayPoint #content h1,
#lakeGeneva #content h1,
#orlando #content h1,
#gatlinburg #content h1,
#southBeach #content h1{
	line-height:1.2;
} 


#content {
	line-height:1.3;
	width:550px;
}

#content p, #content ul {
	margin-bottom:15px;
}

#content ul {
	position:relative;
	left:14px;
	margin-bottom:15px;
	list-style-type:square;
}


#content li {
	padding-left:15px;
	margin-bottom:10px;
}

.next {
	display:block;
	margin:30px 0 20px 0;
}


p.disclaimer {
	margin-top:15em;
	font-size:1.2em;
	color:#999;
}

p.terms{
	font-size:12px;
	color:#999;
	
}

/* Resorts pages and Accordion Styles --------------------------------------------------------------------------- */


.resorts #resortsPage em {
	font-weight:bold;
	font-style:normal;
}


/* Resort Slideshow */

.resorts #leftRail {
	height:460px;
}

.resorts .slide {
	cursor:pointer;
	height:340px;
}

.resorts #slideshow h3 {
	margin-top:1.6em;
}


.resorts #leftRail #controls {
	text-align:right;
	position:relative;
	top:3px;
	*top:-4.5em; 
}

/* accordion  */


.resorts #planlist {
	margin-top:-20px;
}

.resorts .acc {
	margin-top:20px;
	overflow:visible;
	width:550px;
}

.resorts .acc div.alignLeft {
	width:225px;
}

.resorts .back2resort{
	margin:0px 0 40px 0;
}

.resorts .back2resort a{
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
}

.resorts .back2resort a:hover{
	color:#8cc63f;
	text-decoration:underline;
}


.resorts .imgLink {
	margin-left:-20px;
}

.resorts #content .acc .features{
	position:relative;
	float:left;
	width:200px;
	margin-bottom:30px;
}


.resorts .features h3{
	background: url(../images/angle.gif) bottom right no-repeat;
	font-size:.95em;
	border-bottom:2px solid #ddd;
	padding-top:7px;
	color:#333;
	width:200px;
}

.resorts .features h3:hover{
	color:green;
	text-decoration:underline;
}


.resorts #content .acc li {
	background:none;
	padding:0;
	margin:0;
}

.resorts #content .acc h2 a {
	background:#fff url(../images/buttons/bullet_green_large.gif) no-repeat left;
	color:#8cc63f;
	display:block;
	/* IE hack */
	*display:inline;
	font-size:1.1em;
	font-weight:normal;
	padding:5px 0 5px 28px;
	text-decoration:none;
}

#ascutney.resorts #content .acc h3 a {
	background:#fff url(foo) no-repeat left;
	color:#8cc63f;
	display:block;
	/* IE hack */
	*display:inline;
	font-size:1.1em;
	font-weight:normal;
	padding:5px 0 5px 0px;
	text-decoration:none;
}


.resorts #content .acc div {
	padding:0 0 5px 30px;
}


.resorts .extraInfoLinks{
	border-bottom:2px solid #dedede;
	padding-bottom:5px;
	margin-left:-14px;
	width:520px;
}


.resorts .extraInfoLinks li {
	position:relative;
	display:inline;
	list-style:none;
	padding-right:.5em !important;
}

.resorts .extraInfoLinks .ext {
	padding-right:12px;
	background: url(../images/icon_newWindow.gif) center right no-repeat;
}

.resorts .extraInfoLinks .pdf {
	padding-right:17px;
	background: url(../images/icon_pdf.gif) center right no-repeat;
}


.resorts .extraInfoLinks li.btn {
	margin-bottom:-4px;
	padding:0 !important;
}

.resorts .extraInfoLinks li.btn img {
	position:relative;
	top:8px;
	margin-bottom:4px;
}




/* Special Offers Form --------------------------------------------------------------------------- */

#offer #leftRail #pic {
	position:relative;
	top:5px;
	left:-2px;
}

#offer form ul {
	list-style:none;
	width:100%;
}

#offer form li {
	padding:5px;
	height:1.4em;
}

#offer form li label {
	float:left;
}


#offer form label{
	width:200px;
}


#offer form input,
#offer form select,
#offer form textarea {
float:left;
width:275px;
}

#offer form .txt {
	height:6em;
}

#offer form .txt textarea {
	width:275px;
}

#offer form .pcr{
	margin-top:20px;	
}

#offer form .pcr input,
#offer form .pcr label{
	float:none;
	width:auto;
}

#offer form .pcr #fakeLabel{
	margin-right:40px;
}

#offer form .submit input {
	margin-left:220px;
	margin-top:25px;
	width:226px;
	height:21px;
}


#offer #disclaimer {
	margin-top:100px;
}

.banner {
	background:#f47d30;
	color:#fff;
	margin:0 0 20px 0;
	padding:10px;
	text-align:left;
	width:580px;
	
}

.banner p {
	margin-bottom:0;
	font-size:1.3em;
	text-align:center;
}

img.banner {
	margin:0 0 20px 0;
}