/* CSS Template */

/*reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {
/* Consistently resizes text and line-height across all browsers */
    font-size:100%; /*default font size for all browsers is 16px */
	line-height:1.125em; /* 16×1.125=18px*/
	text-align:center;
	background: #fff; 
	color: #000;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
}
html>body {
/* Resetting font-size for Safari (default for monospaced fonts in Safari is 13px). IE ignores this */
	 font-size:16px; 
}

/* -------------------------- HEADERS ------------------------------------ */

h1,h2,h3,h4,h5,h6 {font-weight:bold;letter-spacing:1px;}

h1 {font-size:2.0em  /* 12x2.0=24px */}
h2 {font-size:1.5em;  /* 12x1.5=18px */}
	
h3 {font-size:1.16em;  /* 12x1.33=16px */}
h6 {font-size:1.16em;  /* 12x1.16=14px */}

/* ----------------------------- LINKS ------------------------------------ */

#footernav a {
	color:#70C8CC;
	text-decoration: none;
	margin:0 2px;
	}
#footernav a:hover {
	color:#70C8CC;
	text-decoration: underline;
	margin:0 2px;
	}
	
/* ------------------------- LAYOUT SECTIONS ------------------------------ */

#container {
    font-size:0.75em;  /* 16x0.75=12px */
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#header {
	background:#F1EECE;
	width:760px;
	height:93px;
	}
#headerLogin {
	background:#F1EECE;
	width:760px;
	height:73px;
	}
#headerLogin2 {
	background:#F1EECE;
	width:760px;
	height:210px;
	}

#header ul li {
	list-style-type:none;
	display:inline;
	float:left;
	}
form {
	padding:0;
	}
input[type=text] {
	font-size:0.88em;
	width:90%;
	}
input#city {
	width:40%;
	}
input#state {
	width:10%;
	}
input#zipcode {
	width:20%;
	}
input#hPhoneAreaCode {
	width:20%;
	}
input#hPhoneNumber {
	width:50%;
	}
input#username, input#password {
	font-size:110%;
	width:200px;
	}
input#username { margin-left: 1px; }
input#expiration_month {
	width:10%;
	}
input#expiration_year {
	width:10%;
	}
#headerLeft {
	float:left;
	}
#headerRight {
	float:right;
	text-align:center;
	padding:10px 30px 0 0;
	font-size:0.88em;
	color:#006699;
	}
#headernav {
	clear:both;
	}
/*
#headerRight img, #headerRight input[type=image] {
	vertical-align:top;
	display:inline;
	}
#headerRight img {
	margin-left:8px;
	}
*/
#main {
	width:760;
	text-align:left;
	clear:both;
}

#mainlogin {
	width:760px;
	text-align:left;
	clear:both;
	background:#F1EECE url(../images/bg_login.jpg) no-repeat;
	margin: 0;
}

#mainWelcome{
	width:760;
	text-align:left;
	clear:both;
	background:#FED891 url(../images/bg_welcome.jpg) no-repeat left top;
}

#welcomeText {
	padding:10px 20px 10px 350px;
	font-size:90%;
	} 
#welcomeText h1 {
	letter-spacing:0;
	}
#welcomeText strong {
	font-weight:bold;
	}
.welcomeInterior {
	background-color:#FFECC8;
	padding:2px 8px;
	}
#left-col {
	width:572px;
	float:left;
	}
#left-col2 {
	width:572px;
	float:left;
	color:#006C88;
	}
#left-colBenefits {
	width:191px;
	float:left;
	}
#right-colBenefits {
	width:559px;
	float:right;
	}
#left-colForm {
	width:441px;
	float:left;
	}
#right-colForm {
	width:305px;
	float:right;
	}
#right-colForm p img { margin: 115px 0 0 0; }
#left-colForm2 {
	width:360px;
	float:left;
	}
#right-colForm2 {
	width:400px;
	float:right;
	}	
	
#mainform {
	background: #F1EECE url(../images/bg_form_bottom.gif) no-repeat left bottom;
	width:440px;
	margin-top: 40px;
	}
#mainform h1 {
	background: #F1EECE url(../images/bg_form_top.gif) no-repeat left top;
	padding: 10px 0;
	}
#mainform2 {
	background: #F1EECE url(../images/bg_form_bottom2.gif) no-repeat left bottom;
	width:400px;
	}
#mainform2 h1 {
	background: #F1EECE url(../images/bg_form_top2.gif) no-repeat left top;
	padding:5px 0;
	}	
	
#benefitsMenu {
	background-color:#F9F8EB;
	width:187px;
	border:1px solid #0099CC;
	}
#loginform {
	padding:90px 30px 20px 330px;
	width:450px;
	color:#231f20 !important;
	margin-left: -35px;
	}
#loginform label {
	color:#231f20 !important;
	margin-left: -65px;
	padding-right: 5px;
	}
#loginform #submit { margin-top: -20px; }
#loginform a {
	color:#231f20 !important;
	font-size:0.88em;
	width:300px;
	}
.indent {
	margin-left:20px !important;
	}
.interiorForm {
	padding: 10px 10px 20px 10px;
	}
.interiorForm2 {
	padding:0 15px;
	line-height:1.3em;
	}
.interiorForm2 strong {
	font-weight:bold;
	}
.interiorForm2 label {
	font-size:90%;
	color:#006699;
	}
.interior {
	padding:8px;
	}
.fontsize {
	font-size:0.88em;
	line-height:1.3em;
	color:#f00;
	}
#benefitsMenu h3 {
	color:#990000;
	}
#benefitsMenu ul li {
	list-style:none;
	font-size:95%;
	}
#benefitsMenu a {
	color:#006C88;
	text-decoration:none;
	}
#benefitsMenu a:hover {
	color:#990000;
	text-decoration:underline;
	}
#right-col {
	width:188px;
	float:left;
	background:#F1EECE;
	}
#benefitsMenu .bold a {
	font-weight:bold;
	color:#990000 !important;
	}	
label {
	font-size:0.75em;
	color:#006699;
	}
.error2 {
	color:#f00;
	font-weight:bold;
	font-size:0.88em;
	background-color:#fff;
	padding:5px;
	width:400px;
	}
#footernav {
	clear:both;
	width:744px;
	font-size:0.92em;  /* 12x0.92=11px */
	background:#fff;
	text-align:right;
	/*letter-spacing:1px;*/
	padding:8px;
	}

#disclaimer {
	width:750px;
	color:#aaa;
	font-size:0.84em;  /* 12x0.92=11px */
	padding:5px;
	}

#disclaimer2 {
	width:750px;
	color:#333;
	font-size:0.92em;  /* 12x0.92=11px */
	padding:3px;
	text-align:center;
	}
	
.floatright {
	float:right;
	padding:0 20px 0 0;
	}
	


/* ------------ horizontal top navigation ------------------top:34px; left:68px; */
ul#nav { text-align:left;background:url(../images/bg_nav.jpg); position:absolute; width:760px;}


ul#nav li { float:left; list-style-type:none; }
ul#nav li a { height:33px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; }

li#navHome a, li#navBenefits a, li#navJoin a, li#navGuarantee a, li#navTestimonials a, li#navCredentials a, li#navDifferent a { background:url(../images/bg_nav.jpg); }

li#navHome a 			{ background-position:0 0; width:72px; left:0; }
li#navHome a:hover		{ background-position:0 -33px; }
body#pageHome li#navHome a 	{ background-position:0 -33px; }

li#navBenefits a 			{ background-position:-72px 0; width:135px; left:72px; }
li#navBenefits a:hover		{ background-position:-72px -33px; }
body#pageBenefits li#navBenefits a 	{ background-position:-72px -33px; }

li#navJoin a 			{ background-position:-207px 0; width:61px; left:207px; }
li#navJoin a:hover		{ background-position:-207px -33px; }
body#pageJoin li#navJoin a 	{ background-position:-207px -33px; }

li#navGuarantee a 			{ background-position:-268px 0; width:97px; left:268px; }
li#navGuarantee a:hover		{ background-position:-268px -33px; }
body#pageGuarantee li#navGuarantee a 	{ background-position:-268px -33px; }

li#navTestimonials a 	{ background-position:-365px 0; width:112px; left:365px; }
li#navTestimonials a:hover		{ background-position:-365px -33px; }
body#pageTestimonials li#navTestimonials a 	{ background-position:-365px -33px; }
		
li#navCredentials a 	{ background-position:-477px 0; width:102px; left:477px; }
li#navCredentials a:hover		{ background-position:-477px -33px; }
body#pageCredentials li#navCredentials a 	{ background-position:-477px -33px; }

li#navDifferent a 			{ background-position:-579px 0; width:181px; left:579px; }
li#navDifferent a:hover		{ background-position:-579px -33px; }
body#pageDifferent li#navDifferent a 	{ background-position:-579px -33px; }

/*li#navAffiliates a 			{ background-position:-579px 0; width:93px; left:579px; }
li#navAffiliates a:hover		{ background-position:-579px -33px; }
body#pageAffiliates li#navAffiliates a 	{ background-position:-579px -33px; }

li#navContact a  { background-position:-672px 0; width:88px; left:672px; }
li#navContact a:hover		{ background-position:-672px -33px; }
body#pageContact li#navContact a 	{ background-position:-672px -33px; }

 ----------------------------- NEW CODE ------------------------------------ */
.hotelWatch {
	width:550px;
	background: #FFF url(../images/hotelWatch_mid.gif) repeat-y;
	font-size:12px;	
	}
.hotelWatch h1 {
	background: url(../images/hotelWatch_top.gif) no-repeat left top;
	height:57px;
	}
.hotelWatch h2{
	background: url(../images/hotelWatch_top2.gif) no-repeat left top;
	height:57px;
	}
.hotelWatch .last{
	background: url(../images/hotelWatch_bot.gif) no-repeat left bottom;
	height:23px;
	}
#hotelWatch10 {
	padding: 10px; 
	width:550px; 
	height:auto;
	}
.hotelWatchNum{
	width:50px;
	text-align:right;
	vertical-align:top;
	background:#FFF; 
	color:#006c88;
	font-size:16px;
	margin:0;
	}
.hotelText {
	color:#006c88;
	font-size:11px;
	line-height:1.2em;
	padding:10px 0;
	}
.hotelText hr {
	padding:0;
	margin:0;}
	
	.hotelText a {
	color:#006C88;}
	
	
.hotelWatchNum p{
	margin:0;padding:2px 5px 2px 0px;
	vertical-align:top;
	margin-bottom:5px;
	margin-right:10px;
	background:#F1EECE;
	}
.hotelWatchLinks a{
	line-height:24px;
	color:#006c88;
	font-size:12px;
	}
	
.resortText{
	color:#FFF;
	font-size:10px;
	padding: 10px;
	}
#resortWatch {
	vertical-align:top;
	}
#resortWatch table{
	color:#006C88;
	margin-bottom:2px;
	width:550px; 
	background:#FFFFFF; 
	border:none;
	border-collapse:collapse;
	}
#resortWatch td{
	padding:3px 0 3px 10px;
	line-height:15px;
	font-size:10px;
	border-top:2px solid #fff;
	background: #C5EDEE;
	}
#resortWatch strong {
	font-weight:bold;
	}
#restaurantWatch {
	width:548px;
	border-left:1px solid #006C88;
	border-right:1px solid #006C88;
	border-bottom:1px solid #006C88;
	margin:0;
	} 
.restInside {
	padding:0 10px;
	}

#restaurantWatch a{ 
	color:#006C88;
	}
#restaurantWatch h1{ 
	color:#006C88;
	padding:5px 10px 5px 10px;
	}
#restaurantWatch td {
	padding:5px 0;
	font-size:0.76em !important;
	text-transform:uppercase;
	color:#006C88;
	line-height:1.8em;
	}
/* ----------------------------- END NEW CODE ------------------------------------ */

#example {
	position: relative;
	width: 571px;
	height: 131px;
}
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 571px;
	height: 131px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat 
}

.howdifferent {
	color:#006C88;
	padding:0 10px;
	}
.howdifferent strong {
	font-weight:bold;
	}