/* master page layout */

html, body, form { margin: 0; padding: 0;}
.pageWrapper { width: 980px;}
.pageWrapper p { color: #3E3E3E;  margin: 0 0 1.5em;}
table, td, th { border: solid 0; vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q{-webkit-quotes: "" "";quotes: "" "";}
a img { border: none; border-width: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; margin: 0; padding: 0; vertical-align: baseline; }
body { background-color: #e7ded5; color: black; font-family: 'Segoe UI', Avenir, Avenir-Roman, Helvetica, sans-serif;font-size: 13px; font-size: 0.9em; line-height: 1.8em; text-align: center; }
h1, .vh1 { font-size: 1.65em; line-height: 1.4; margin: 0; padding: 10px 0; }
h2, .vh2 { font-size: 18px; margin-bottom: 1em; }
h3, .vh3 { font-size: 16px; margin-bottom: 1em; }
h4, .vh4 { font-size: 1.2em; line-height: 1.25; margin-top: 0; padding: 5px 0; }
h5, .vh5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6, .vh6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
#content_center p, .content_center p { margin: 0 0 1em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #003359; cursor:pointer; text-decoration: underline;}
a, a:link, a:active, a:visited { color: #003359; font-weight:normal;}
blockquote { color: #666; font-style: italic;  margin: 1.5em;}
strong { font-weight: bold; }
dfn { font-weight: bold; }
/*sup, sub { line-height: 0; text-indent: 0; zoom: 1; }*/
abbr, acronym { border-bottom: 1px dotted #666; }
address { font-style: italic;  margin: 0 0 1.5em;}
del { color: #666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono' , 'lucida console' , monospace; line-height: 1.5; }
li ul, li ol { margin: 0 1.5em; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { border-collapse: separate !important; border-spacing: 0; }
th { font-weight: bold; }
thead th {background:none !important;}
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
.small { font-size: .8em; line-height: 1.875em;  margin-bottom: 1.875em;}
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.right { float: right; margin: 0;  padding: 0;}

/* forms.css */
fieldset { border: 1px solid #ccc;  margin: 0 0 1.5em 0; padding: 1.4em;}
legend { font-size: 1.2em;  font-weight: bold;}
input, select { font-family:'Lucida Sans',Helvetica,Arial,sans-serif; }
input.text, input.title, textarea, select { /*margin: 0.5em 0;*/ border: 1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #666; }
input.text, input.title { padding: 5px;  width: 300px;}
input.title { font-size: 1.5em; }
textarea { height: 250px; padding: 5px;  width: 390px;}
.error, .notice, .success { border: 2px solid #ddd;  margin-bottom: 1em; padding: .8em;}
.error { background: #FBE3E4; border-color: #FBC2C4;  color: #8a1f11;}
.notice { background: #FFF6BF; border-color: #FFD324;  color: #514721;}
.success { background: #E6EFC2; border-color: #C6D880;  color: #264409;}
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
form { position: relative; }
.link{ text-decoration: none;}

.field-validation-valid { display: none;}
.input-validation-error { background-color: #ffeeee !important;  border: 1px solid #ff0000 !important;}
.validation-summary-errors { color: #ff0000;  font-weight: bold;}
.validation-summary-valid { display: none; }

#aspnetForm { background:white; display: inline-block; height: 100%;  margin: 0 auto; text-align: left; width: 980px;}
#contentWrapper { background: url("../images/layout/contentWrapperBackground.jpg") repeat-x scroll center bottom #FFFFFF;}
#pageHeader { margin-top: 15px; }
#headerBasic { height: 90px;  position: relative;}

#headerBasic #logo { height: 80px; left: 0; margin-top:-90px;  position: absolute; top: 0; width: 260px;}
#headerBasic #logo h1 a,
#headerBasic #logo div a { background: url(../images/dri_header_logo.jpg); background-repeat:no-repeat;  display: block; height: 80px; text-decoration: none; text-indent: -9999px; width: 260px;}
#headerBasic #logo h1,
#headerBasic #logo div { margin: 0;  padding: 0;}

#basicHeaderControls #headerMiddle { float: right; height: 50px;   position: relative;}

#headerMiddle #mainMenu { bottom: 0; height: 34px; margin-top:50px; overflow:auto;  position: absolute; right: 0;top:10px; width:750px;}
#headerMiddle #mainMenu #nav ul { list-style-type: none; margin: 0; padding: 0; }
#headerMiddle #mainMenu #nav ul li { display: inline; float:right; }
#headerMiddle #mainMenu #nav ul li a { 	border-right: 1px solid #808080;
	color: #808080;
	display: block;
	float: left;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
 }
 
#basicHeaderControls{ border-bottom: 1px solid #DEDEDE;float: left;margin-left: 30px;margin-top: 15px;padding-bottom: 10px;}
#basicHeaderControls #mainMenu #nav ul li:first-child a { background-image: none; }
#headerBasic .quickLoginControl  { display: inline;}
.quickLoginControl { padding: 5px 0 0 0;}
.quickLoginControl #loginProblems { float:right; text-align: right; width:280px;}
#headerBasic #passwordControls {position: relative; }
#headerBasic #basicHeaderControls {background:white;  float:right; width: 380px;}
.quickLoginControl #loginProblems a, .quickLoginControl .MemberLinks a { color: #003359; cursor: pointer; font-size: 11px; text-decoration: none;}
.quickLoginControl #loginProblems a:hover, .quickLoginControl .MemberLinks a:hover { color: #B3995D;}
.quickLoginControl div{display:block;line-height:18px;}
.quickLoginControl a.loginRegisterLink { font-size: 12px; }
.quickLoginControl a.login { font-size: 14px; }
.quickLoginControl span.loginRegisterLink { font-size: 12px; }
.mini-login .quickLoginControl { float: right; font-size: 12px;line-height: 18px; padding:0;}
.mini-login .quickLoginControl div{ font-size: 12px; line-height:12px;line-height: 18px;}


div.quickLoginControl .usernameWatermark, div.quickLoginControl .passwordWatermark {
    -webkit-appearance: none;
	border: 1px solid #b3995d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
	color: #003359;
	font-size: 11px;	
	height: 22px;
	line-height: 20px;
	padding: 0 0 0 5px;
	text-align: left;
	width: 150px;
}

.quickLoginControl .login-btn {
    -webkit-appearance: none;
	background-color: #b3995d;
	border: 1px solid #b3995d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
	font-size: 11px;
	height: 24px;
    margin-right:0;
}

.more-info-btn {
	background-image: url(../images/more_info_loc.jpg);
	color: #003359;
	display: block; 
	font-family: 'Droid Sans', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 29px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	width: 83px; 
}

.localization .DropDownLang {
	background: #ffffff;
	border: none;
	border-bottom: 1px solid #b3995d;
	border-left: 1px solid #b3995d;
    -ms-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	border-right: 1px solid #b3995d;
    float:right;
    font-size: 11px;    
    height: 20px;
    margin-left: 20px;
    vertical-align:top;
    width: 88px;
}

.localization .DropDownLang option { padding: 2px 0 0 0;}

.quickLoginControl .Title {float:right;font-size:12px;}
.quickLoginControl .MemberLinks {float:right;}

.headerExtended-large { border-bottom: 6px solid #00254A; height: 380px; overflow: hidden; position: relative;}
.headerExtended-small {border-bottom: 6px solid #00254A; height: 285px; overflow: hidden; position: relative;}
#headerExtended .prevPage { left: 46px !important; }
#headerExtended .nextPage { right: 650px !important; }
#headerExtended .prevPage.disabled, 
#headerExtended .nextPage.disabled {cursor: default !important;  filter: alpha(opacity=40);-ms-opacity: 0.4;opacity: 0.4;}

#headerExtended #headerControls { background: url(../images/layout/extendedHeaderControls.jpg); color: #EEEDEB; height: 240px; position: absolute; right: 0; top:0;  width: 200px;}
#headerExtended #headerControls .AvailForm { margin: 0 20px; }
#headerExtended #headerControls .RentalsHeader { margin-top: 15px; }
#headerExtended #headerControls h3 { margin: 0; padding: 0; }
#headerExtended #headerControls .txtNormal { margin: 5px 0;  width: 160px;}
#headerExtended #headerControls .btnSearch { margin-left: 10px;  margin-top: 10px;}

#headerExtended #headerControls .search-resorts-btn 
{
	background-image: url(../images/buttons/Search-Resorts_loc.png);
	color: #363636;
	display: block; 
	font-family: 'Droid Sans', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 29px;
	line-height: 32px;
    margin-left: 10px; 
	margin-top: 10px; 
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
    width: 144px; 
}

#headerExtended #headerControls #AccountSnapshot { color: white; margin: 0 20px; }
#headerExtended #headerControls #AccountSnapshot p { color: white; }
#headerExtended #headerControls #AccountSnapshot .Title { margin: 9px 0;  text-transform: uppercase;}
#headerExtended #headerControls #AccountSnapshot .PointsNextYear { margin: 9px 0;  text-transform: uppercase;}
#headerExtended #headerControls #AccountSnapshot a { color: white; }
#headerExtended .headerImagePartialClass { height:380px }

#navigationBar { font-size: 11px; height: 40px; margin: 0 20px; position: relative;}
#navigationBar #breadcrumbs { position: absolute; top: 20px; width: 550px;  } 
#navigationBar #breadcrumbs p { margin: 0;  } 
#navigationBar #pageActions { margin-top: 12px; position: absolute; right: 0;  text-align: right; width: 450px;} 

#bottomContent hr#bottomSeparator { background-color: #DEDEDE; border: 0 none; clear: both; color: #DEDEDE; height: 1px; margin: 20px 0; }
#bottomContent #bottomLeftBanner { float: left; width: 266px;  }
#bottomContent #bottomRightBanner { float: right; width: 620px; }

#pageFooter { clear: both;  text-align: center;}
#footerLinks ul { list-style-type: none; margin: 0; padding: 10px 0 0; position: relative; text-align: center; }
#footerLinks ul li { display: inline; font-size: 11px; }
#footerLinks ul li a { border-right: 1px solid #A7A9AC; color: #003359; font-size: 11px; padding-left: 4px; padding-right: 4px; text-decoration: none; }
#footerLinks ul li:last-child a { border-right: none; }
#footerContact .contactItem { padding-right: 5px; }
#footerCopyright { color: #808080; font-size: 11px; padding-top: 1em; }

.ModalWrapper { display: none; height: 100%; left: 0; position: fixed; /* for non ie6. for ie6 see style-ie.css */ top: 0; width: 100%; z-index: 10000; }
.ModalWrapper #ModalBackground,
.ModalWrapper #ModalBackground2,
.ModalPopupBackground {background-color: Gray; filter: alpha(opacity=50); height: 100%; left: 0;-ms-opacity: 0.50;opacity: 0.50;  position: absolute; top: 0; width: 100%;}
.ModalWrapper #Centerer,
.ModalWrapper #Centerer2{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10001; }
.ModalWrapper #Activity,
.PopupWindow { background-color: White; border: 1px double #7F513A; font-weight: bold; padding: 15px; text-align: center; width: 300px; }
.ModalWrapper #Activity2 { background-color: White; border: 1px double #7F513A; font-weight: bold; height: 450px;  padding: 10px; text-align: left; width: 600px;}
.ModalWrapper #IE6DropDownCover { display: none; display: block; filter: mask(); height: 100%;  left: 0; position: absolute; top: 0; width: 100%; z-index: -1;}
.ModalWrapper #Activity #Image { padding-right: 15px; }
.ModalWrapper #Activity #Label { text-align:left; width:100%; }
.ModalWrapper #Activity2 #ModalLabel {height:400px; overflow-y: scroll; text-align:left;}
.ModalWrapper #Activity2 #ModalClose {height:30px; padding-top:15px;vertical-align:middle;}
.ModalWrapper #Activity table { height: auto !important; width: 100%;}
.ModalWrapper #Activity2 table { height:450px;  width: 100%;}
.ModalWrapper table,
.ModalWrapper td,
.ModalWrapper th { vertical-align: middle; }
.ModalWrapper a {cursor:pointer}
.PopupWindow { background: #f2f0e6 !important; color: #512b1b; font-weight: normal; max-height: 450px; overflow: auto; text-align: left; width: 400px; zoom: 1; }
.PopupWindow hr { border: 1px dotted #b3995d; border-style: none none dotted; color: #f2f0e6;  margin: 0.5em 0;}
.PopupWindow a { color: #764524; }

.PopupWindow .PopupControls { font-weight: bold;  text-align: center;}
.PopupWindow .PopupControls .Button { background: url(../images/upgrades/buttonleft.jpg); background-position: left center; display: -moz-inline-stack; display: inline-block; min-height: 35px; vertical-align: top; zoom: 1; _height: 35px; } 
.PopupWindow .PopupControls .Button .Right { background: url(../images/upgrades/buttonright.jpg); background-position: right center; height: 35px; line-height: 35px;  margin-left: 5px; padding-left:7px; padding-right:13px;}
.PopupWindow .PopupControls .Button .Right a, .PopupWindow .PopupControls .Button .Right a:hover, .PopupWindow .PopupControls .Button .Right a:active, .PopupWindow .PopupControls .Button .Right a:visited { text-decoration: none; }
.PopupWindow .Footer { text-align: right; }
#ModalClose { text-align: center; }
#ModalClose .close { background: #5D85BA url(../images/dri_badges_button_background.jpg) repeat-x scroll 0 0; border: 1px solid #C5D2E0; color: #FFFFFF; display: block; font-weight: bold; line-height: 21px; margin: 1em auto 0 auto; text-align: center; width: 57px; }
#SessionModal { display: block; }

div[id$=modalSession].ModalWrapper .PopupWindow { border: 1px solid #00254A;  color: #666;}
div[id$=modalSession].ModalWrapper .PopupWindow a { background-color: #00254A; border: 1px solid #00254A; color: White; padding: 4px 10px 4px 10px; text-decoration: none; }

.Clickable { cursor: pointer;  text-decoration: underline;}
.Obsolete /* Use this to hide obsolete elements - justas 1/22/2009*/ { display: none; }
.ajax__calendar_container { position: absolute; z-index: 1000000; }
.ajax__calendar_title { text-decoration: underline; }

#HomePage .banner { padding-right: 15px;   }
#HomePage .banner.last { padding-right: 0;   }
#bottomLeftBanner .subhead { color: #252525; font-size: 16px; margin: 0; padding: 0; }
#bottomLeftBanner input { width: 260px; }
#bottomLeftBanner .submit input { display: block; margin-left: auto; }
#bottomLeftBanner .submit_button { background: url("../images/buttons/darkblue.png") no-repeat scroll 0 0 transparent; border: medium none; color: #FFFFFF; height: 25px; width: 88px; }
#bottomLeftBanner .submit_button:hover { background-position: 0 -25px; }


/*Account Upgrade*/
#dialog{ background-color: #f0f0f0; border: 2px solid #003359; height: 150px; left: 50%; margin: -101px 0 0 -101px; position: absolute; top: 50%; width: 300px; z-index:9999;}
.dialogOff{display: none;}
.dialogOn{ background-color: Teal; display: block;}
#dialog .buttons{list-style-type: none;}
#dialog .buttons .right{float: right;}
#dialog .buttons li a{background:url(../images/BTN_lightbrown.gif) no-repeat; color: #60351D; display: block; height:36px; margin: 3px; padding: 2px; text-align: center; text-decoration: none; width: 50px;}
#mask{background-color: #bbb;  position: absolute; z-index:9000;}

#divContainer{font-family: Arial;  width: 100%;}
#divViewPort{margin: 10px auto; overflow-x: hidden; width: 100%;}
#divSlidingContents { width: 100000px; }

#divSlidingContents .sectHeader {display: block; font-weight: bold;}
#divSlidingContents .sectContent { margin: 20px; }

.showLoaderIndicator{float: right; margin-bottom: 5px; margin-right: 2px;}
.hideLoaderIndicator{display: none;}

#systemMsg{color: #CC0000; font-size: 1.25em; font-weight: bold; padding: 2px;}
#successMsg{color: #00CC00; font-weight: bold; padding: 2px;}

#leftColumn{float: left; padding-top: 10px;  width: 47%;}
#rightColumn{float: right; padding-top: 10px;  width: 47%;}

.centeredTable{ margin-left: 10%;}

.greenMode{background-color: #f0ede5; border: solid 1px #008000; color: Black; padding: 1px 1px;}
.redMode{background-color: #f0ede5; border: solid 2px red; color: Black; padding: 1px 1px;}

#staticSteps {height:52px;}
#staticSteps li {background:url("../images/tabs/wizardtab_878.jpg") no-repeat scroll 0 0 transparent; color:#A1A1A1; display:block; float: left; font-family:arial; font-size:10px; font-weight:bold; height:52px; line-height:12px; list-style-type: none; margin:0; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; width: 292px;}
 
 /* L=LEFT, M=MIDDLE R=RIGHT I=INACTIVE A=ACTIVE*/
 
 /* LEFT*/
 #staticSteps li.LAII {background-position:-1px 0;}
 #staticSteps li.LIAI {background-position:-1px -52px;}
 #staticSteps li.LIIA {background-position:-1px -104px;}
 
  /* MIDDLE*/
 #staticSteps li.MAII {background-position:-293px -104px;}
 #staticSteps li.MIAI {background-position:-293px 0;}
 #staticSteps li.MIIA {background-position:-293px -52px;}
 
  /*RIGHT*/
 #staticSteps li.RAII {background-position:-585px -104px;}
 #staticSteps li.RIAI {background-position:-585px -52px;}
 #staticSteps li.RIIA {background-position:-585px 0;}

.navigation{ border-top: 1px solid #666; list-style-type: none; padding: 0.5em 0;}
.navigation .left { float: left; }
.navigation .right {float: right;}
.navigation li a { background:url(../images/BTN_lightbrown.gif) no-repeat; color: #60351D; display: block; height:36px; margin: 3px; padding: 2px; text-align: center; text-decoration: none; width: 125px;}
.navigation li a:hover { color: #482715;}

.section{ float: left; padding: 5px; width: 878px;}
.sectionHeader{ color: black;  display: block; font-size: 14px; font-weight: bold; text-align: left;}         

.hover-wrap{display: inline;}
.hover-wrap label.hover{color: #666; font-size:smaller; left: 0.3em; position: absolute; top: -0.3em;}

fieldset legend{color: Black; font-size:110%; font-weight:bold; margin: 0 !important; top: 0;}
fieldset label{display: block; float:left; padding-right: 5px; text-align: right; width: 95px;}
fieldset .password {margin: 2px 0; width: 75px;}
label span.required{color: Red;}

#secNotification{margin-left: 15%;}
#listViolations{list-style-type: none; margin: 0; padding: 0; padding-bottom: 1em; }
#listViolations li{background-image: url(../images/arrow.gif); background-position: 0 0.4em; background-repeat: no-repeat; padding-left: 1.2em;}

#pwdRequirements{color: black;  font-size: 0.1em; font-weight: bold;}
label{white-space: nowrap;}
#divPwdRequirements { width: 280px; }
#divPwdRequirements img{padding: 3px 0 3px 0; vertical-align:middle; }
#divPwdRequirements .legendDesc{color: Gray; font-size: 1em; margin-top: -3px; padding:0; white-space: nowrap; }

#secQuestions{margin: 0 15%;}
.secQandA{margin-bottom: 1.5em;}
.secQandA label{display: block; float:left; margin: 2px 0; padding-right: 5px; text-align: right; width: 65px;}
.secQandA .ddl{margin-bottom: 5px; width: 450px;}
.secQandA .ansText{width: 150px; }
.secQandA .minAnswerLength{color: gray; font-size: smaller; width: 100%;}

.contactUpdate{ width: 330px; }
.contactUpdate input{color: Black; padding: 0.1em;}
.contactUpdate label{display: block; float:left; margin: 2px 0; padding-right: 5px; text-align: right; width: 130px;}
.contactUpdate .labelColumn { padding-right: 4px;  text-align: right; width:131px;}

.contactUpdate .Month select { width: 84px; } 
.contactUpdate .Day select { width: 46px; } 
.contactUpdate .Year select { width: 50px; } 
.contactUpdate .inlineLabel{display: inline; float: none;}
.contactUpdate .text{margin-bottom: 5px; padding: 0.1em; width: 150px;}
.contactUpdate .readOnly{text-align: left;  width: 150px;}
.contactUpdate .narrow1 {margin-right: 0; padding: 0.1em; width: 80px;}
.contactUpdate .small {width: 30px;}
.contactUpdate .dropList{margin-bottom: 5px; width: 160px;}
.contactUpdate a{ color: Gray; font-size: smaller;}
.contactUpdate .smallNote{color: Gray; font-size: smaller;}
.contactUpdate .checkBoxLabel{padding-left: 3px; white-space: nowrap;vertical-align:top;}
.contactUpdate img{padding: 3px 0 3px 3px; vertical-align:middle;}
.contactUpdate #divLanguage {margin-top: 5px; white-space: nowrap; width: 330px;}
.contactUpdate .checkBoxDiv {margin-top: 5px;}
.contactUpdate .divSubscriptions {width: 330px;}

.contactUsSectionSelected,
.contactUsSection { cursor: pointer; font-size: 14px; padding: 5px 0; }
.contactUsSection .Title { text-decoration: underline; }
.contactUsSectionContent { padding: 5px 0; }

#divStmntHelp {background-color: Gray; border: solid 1px black; height: auto; padding: 0.5em; position: absolute; width: 150px;}
.footNote{display:block; margin: 2px 0; text-align: center;}

#divInterest{ border: solid 0 Gray; padding: 5px 5px 5px 5px;}
#divInterest .headerSection{background-color: #60351d; margin-bottom: 3px; padding: 2px 0 2px 2px; width: 100%;}
#divInterest .headerSection img{padding: 3px 3px 3px 3px; vertical-align:middle; }
#divInterest .bodySection{margin-bottom: 1em;}
#divInterest td{width: 33.3%;}
#divInterest .headerLabel{color: white;}
#divInterest .headerLink{float: right;}
#divInterest .headerLink .lnkSelectAll{color: white; font-weight: bold; margin-right: 5px;}
#divInterest td label{margin-left: 0.3em;}
#interestList .innerList{ list-style: none;}

div#divTravelPrefs{margin: 10px 30px;}
div#divTravelPrefs #tabTravelPrefs td{padding: 5px 5px; vertical-align: middle;}

#fldsetQandA #secQandAList{list-style: none; margin-left: 0; padding-left: 0;}
#fldsetQandA #secQandAList li{margin-bottom: 8px;}
.setData{width: 360px;}
.setData .linkArea a{float: right; text-align: right;}
.setData label{display: block; float:left; font-family: Verdana; font-size: 11px; margin: 2px 0; padding-right: 5px;  text-align: left; width: 100px;}
.setData .readOnly{float:left; font-size: 12px;  margin: 2px 0; text-align: left; width: 210px;}
.setData .inline{width: 200px;}
/* .setData a{float: right; margin: 0.1em 0 0.3em 0.1em; } */
.setData a{float: right; text-decoration: none; }
.setData .smallNote{color: Gray; font-size: smaller;}

#fldsetAcctLocator { width: 350px;}
#fldsetAcctLocator #locatorMode {width: 340px;}
.locatorCriteria{margin: 20px 0;   width: 255px;}
.locatorCriteria .narrow2{float: left; margin-bottom: 5px;  margin-right: 0; width: 120px;}
.locatorCriteria img{padding: 3px 0 3px 3px; vertical-align:middle;}

.locatorCriteria2{margin: 20px 10%;   width: 255px;}
.locatorCriteria2 .clearRightText{clear: right; float: left; margin-bottom: 5px; margin-right: 10px; width: 120px;}
.locatorCriteria2 .narrow2{margin-bottom: 5px;  margin-right: 0; width: 120px;}
.locatorCriteria2 img{padding: 3px 0 3px 3px; vertical-align:middle;}

#fldsetUsernameSummary{ width: 350px;}
#userData{width: 350px;}
#userData label{display: block; float:left; margin: 2px 0; padding-right: 5px; text-align: right; width: 135px;}
#fldsetUsernameSummary .readOnlyFloatLeft{float:left; font-size: 12px;  margin: 2px 0; text-align: left; width: 180px;}

#fldsetSecQuestions{ width: 500px;}
#securityQuestions .secQPrompt{ border: solid 1px Gray;}
#securityQuestions #tableQuestions .leftCell{ font-weight: bold; text-align: right; width: 100px;}
#securityQuestions #tableQuestions .rightCell label{text-align: left; width:350px;}
#securityQuestions #tableQuestions input{width: 350px;}

#fldsetUnameInfo { width: 420px;}
#fldsetUnameInfo #usernameInfo label{float: left; font-weight: bold; margin-bottom: 0.5em; margin-right: 50px; text-align: left; width: 100%;}
#fldsetUnameInfo #optionsAvail{display: block; margin-left: 70px; margin-top: 25px;}

#fldsetUsername{width: 420px; }
#fldsetUsername label{ font-weight: bold;}
#fldsetUsername input{color: Black; padding: 0.1em; width: 250px;}
#usernameUpdate{width: 400px;}

#fldsetNotification{width: 420px; }
#fldsetNotification .emailID{ font-weight: bold;}

#interestList li{ margin: 0; padding: 0; width: auto;}
#interestList li a{float: left; text-decoration: none;}

#ResultSection_center table tr td { color: #3E3E3E; line-height: 1.5em; margin: 0; padding: 5px;  }

/*page areas*/
#content_body, .content_body { min-height: 385px;  }

#content_center li, .content_center li { color: #3E3E3E; margin: 0; }
#content_center.ContactUs table tr td { color: #3E3E3E; line-height: 1.5em; margin: 0; padding: 5px; }

#content_left, .content_left { display: none; float: left; left: 20px;width: 20%;}
/*gridviews/datagrids*/
.GridView { border: solid 1px #414042; border-collapse: collapse;  display: table; margin: 20px 38px;}
.GridView th { background: #003359; border: solid 1px #414042; color: #fff; padding: 3px; }
.GridView th a, .GridView th a:link, .GridView th a:active, .GridView th a:hover { color: White; }
.GridView td { background: #fff; border: solid 1px #414042; color: #414042; padding: 3px; }
.GridView td a, .GridView td a:link, .GridView td a:active { color: #003359; }
.GridView td a:visited { color: #003359; }
.GridView td a:hover { color: #003359; }
.GridViewSelected td { background: #eee; color: #414042; font-weight: bolder !important;  }
tr.GridViewRow td { background: #e5eff6; }
tr.GridViewRowAlt td { background: #cee2ef; }
/*gridviews/datagrids*/
.PrearrivalGridView { border: none; border-collapse: collapse;  display: table; margin: 20px 38px;}
.PrearrivalGridView th { background: #003359; border: none; color: #fff; padding: 10px; }
.PrearrivalGridView td { background: #fff; border: none; color: #414042; padding: 10px; }
.PrearrivalGridView td a, .GridView td a:link, .GridView td a:active { color: #003359; }
.PrearrivalGridView td a:visited { color: #003359; }
.PrearrivalGridView td a:hover { color: #003359; }
.PrearrivalGridViewAlt td { background: #F7F5E8; }
/* Special Offer */

#SpecialOffers p a {color:#729BCF; text-decoration:none;}
#SpecialOffers #scroller {background: #EEEEEE;  float: left; width: 440px;}
#SpecialOffers #scroller .scrollable .image>.actionbar { background: url(../images/scroller/rotatorbar.png) repeat-x; color: white; height: 67px; text-align:center;}
#SpecialOffers #scroller .scrollable .image>.actionbar>div { display: -moz-inline-stack; display: inline-block; *display: inline;  vertical-align: middle; zoom: 1;}
#SpecialOffers #scroller .scrollable .image>.actionbar .left { background: url(../images/scroller/rotatorleft.png) no-repeat 10px center;  cursor:pointer; height: 67px; width: 28px;}
#SpecialOffers #scroller .scrollable .image>.actionbar .left:hover { background-position: 0 center; }
#SpecialOffers #scroller .scrollable .image>.actionbar .left.disabled { visibility: hidden; }
#SpecialOffers .scrollable .browse.disabled { visibility: hidden; } 
#SpecialOffers #scroller .scrollable .image>.actionbar .offer { color:#FFFFFF; font-size:21px; line-height:21px; padding-bottom:1px; padding-left:10px; padding-left: 10px;  text-transform:uppercase;}
#SpecialOffers #scroller .scrollable .image>.actionbar .price { color:#FFFFFF; font-size:21px; letter-spacing:-1px;  line-height:22px; padding: 0 8px; padding-bottom:1px; text-decoration:none;}
#SpecialOffers #scroller .scrollable .image>.actionbar .price>.currency { font-size: 46px; line-height: 54px; }
#SpecialOffers #scroller .scrollable .image>.actionbar .action { color:#FFFFFF; font-size:17px; font-weight:bold; padding-right: 10px;  text-transform:uppercase;}
#SpecialOffers #scroller .scrollable .image>.actionbar .right { background: url(../images/scroller/rotatorright.png) no-repeat 0 center;   cursor:pointer; height: 67px; width: 28px;}
#SpecialOffers #scroller .scrollable .image>.actionbar .right:hover { background-position: 10px center; }
#SpecialOffers #scroller .scrollable .image>.actionbar .right.disabled { visibility: hidden; }
#SpecialOffers #minorscroller {height: 322px; /*background: #F0EDE5;*/ left: 0; width: 250px;}
#SpecialOffers #minorscroller .ImageScroller { /*background-color:#F0EDE5;*/ padding:24px 32px 0; }
#SpecialOffers #minorscroller .title { border-bottom:1px solid #DADADA; color:#003359; font-size:14px; font-weight:bold;  margin-bottom:4px; margin-top:0; padding-bottom:2px; text-transform:uppercase;}
#SpecialOffers #minorscroller .preview { background:url(../images/scroller/minorpreview.jpg) no-repeat; height: 170px; width: 225px; }
#SpecialOffers #minorscroller .thumbs { background-color:#E3E0D7; border:1px solid #D1C3A1; margin-top:14px; text-align: center; }
#SpecialOffers #minorscroller .thumbs > .nav { display: -moz-inline-stack; display: inline-block; margin-bottom: 6px; margin-top:6px; min-height: 35px; text-align: left; vertical-align: top; width: 34px;  zoom: 1; _height: 35px;}
#SpecialOffers #minorscroller .thumbs > .scrollable .thumb {
    -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border:3px solid #C9BA95; display: -moz-inline-stack; display: inline-block; *display: inline; margin-right:3px;  min-height: 27px;-moz-min-width:27px;-ms-min-width:27px;-o-min-width:27px;-webkit-min-width:27px;min-width:27px; vertical-align: top; width: 27px; zoom: 1;}

#SpecialOffers #minorscroller .thumbs > .scrollable .thumb:hover { border: 3px solid #B3995D; }
#SpecialOffers #minorscroller .left { background:url(../images/scroller/minorleft.png) no-repeat; }
#SpecialOffers #minorscroller .right { background:url(../images/scroller/minorright.png) no-repeat;  }
#SpecialOffers #form input, #SpecialOffers #form textarea { border:1px solid #bbb; font-size:1.25em; height:20px;  margin-bottom:1em; margin-right:1em; padding:0.15em; width:220px;}
#SpecialOffers .offerlocation { color:#733743; font-family: Lucida Grande, Calibri, sans-serif; font-size:28px;  line-height:28px; white-space: nowrap; }
#SpecialOffers .offerdate { color:#003363;  font-family: Lucida Grande, Calibri, sans-serif; font-size:25px; line-height:34px;}
#SpecialOffers .offeronly { color: #ffffff; float:left; font-size: 13px; font-weight:bold; margin:8px 0 0 0; padding-left:77px; } 
#SpecialOffers .offerprice { color: #ffffff; font-size: 40px; font-weight:bold; padding:15px; }    
#SpecialOffers .offervaluedprice { color: #ffffff;  font-size: 18px;}  
#SpecialOffers #ReservationSummary { color: #77746F;  font-size: 12px;}   
#SpecialOffers #ReservationSummary .Large { color: #61341D;  font-size: 14px;}  
#SpecialOffers #ReservationSummary .Small { color: #61341D;  font-size: 10px;}
#SpecialOffers #ReservationHelp { background-color: #FAF8E3; }
#SpecialOffers #ReservationHelp .Large { color: #61341D;  font-size: 14px;}  
#SpecialOffers .SideHeader { background-color: #61341D; color: White; display: table-cell;  height:30px; height: 30px; vertical-align: middle; width:300px; }
#SpecialOffers .SideHeader2 { background-color: #D5C89E; color: White; display: table-cell;  height:30px; height: 30px; vertical-align: middle; width:300px; }
#SpecialOffers .SummaryPanel { float: right; padding-top:25px;  width: 300px;}  
#SpecialOffers .LeftContent { margin-right: 325px; }  
#SpecialOffers .error { background-color:transparent !important; border:0 !important;  color:#ffffff; font-size:10px; line-height:12px;}
#SpecialOffers .SelectArrival { color:#ffffff; font-size: 16px; font-weight:bold; margin-top:-3px;}
#SpecialOffers #SpecialOffersBox { float: right; padding-left:20px;  width: 427px;}
#SpecialOffers #BookNow { margin-left:28px; margin-top:150px;  position:relative;}

.roundedPanel { background-color: #C5D2E0; color: #fff; }
/*.offertop { height: 20px; background: #C5D2E0 url(../images/offers/offer_top.jpg) no-repeat top left; }
.offerbody { margin-left: 30px; width: 820px; background: #C5D2E0 url(../images/offers/offer_body.jpg) repeat-y top left; }
.offerbottom { height: 20px; background: #C5D2E0 url(../images/offers/offer_bottom.jpg) no-repeat bottom left; }*/
.offercontent { background-color: #FFFAE7; border: solid 1px #A8A8A8; margin: 0 20px;}
#OfferLeadForm {margin:0 auto;width:600px;}
.offerimage { float: left;  width: 170px;}
.offerimage img { border: solid 1px #000; }
.offerdetails { float: left;  width: 520px;}
.offerdetails h1 { font-family: Lucida Grande, Calibri, sans-serif; font-size: 1.6em; font-weight: bold;  margin: 0 0 8px 0; padding: 0;}
.offerdetails h2 { font-family: Lucida Grande, Calibri, sans-serif; font-size: 1.2em;  margin: 8px 0 5px 0; padding: 0;}
.offerdetails p { font-size: 0.9em; font-weight: bold;  margin: 0; padding: 0;}
.offerdetails img { float: left; margin: 0 5px 0 0; }
.offerdetails a { text-decoration: none; }
.offerbook { float: right; text-align: center;  width: 85px;}
.offerbook h1 { color: #CC0000; font-family: Lucida Grande, Calibri, sans-serif; font-size: 1.8em; font-weight: bold;  margin: 0; padding: 0;}
.offerbook .offerbuttons { margin-top: 80px; }
.offercompareimage { float: left;  width: 338px;}
.offercompareimage img { border: solid 1px #000;  height: 170px; margin-left: 38px; width: 300px;}
.offercompare { float: right;  width: 437px;}
.offercompare h1 { font-family: Lucida Grande, Calibri, sans-serif; font-size: 2.0em; font-style: italic;  font-weight: bold; margin: 0 0 8px 0; padding: 0; text-align: center;}
.offercompare .pricecompare { background: #C5D2E0 url(../images/offers/price_background.jpg) no-repeat top left; height: 79px; margin-left: auto; margin-right: auto; text-align: center;  width: 346px;}
.offercompare .pricecompare h2 { font-family: Lucida Grande, Calibri, sans-serif; font-size: 1.6em; font-weight: bold;  margin: 15px 0 0 0; padding: 0; text-align: center;}
.redslash { color: #CC0000;  text-decoration: line-through;}
.resetcolor { color: #003359; }
#retailcompare { display: inline-block; float: left; width: 173px; }
#wholesalecompare { display: inline-block; float: right; width: 173px; }
.checkbox { display: inline-block;}
.checkbox input { vertical-align: top; }
.checkbox label { display: inline-block; vertical-align: top; }
#SideAd { float: right; padding-right: 10px; }
/* Leadform */
.default { margin: 20px 38px 20px 38px; }
/*default class for objects to set margins*/
.ErrorMsg { font-size: x-small; }
.dualleadinfoform { margin: 20px 38px 20px 38px; }
.LeadFormLabel { font-weight: bold;  margin: 0; padding: 0 3px 0 0; text-align: right;}
.termsandconditions { font-size: x-small; }
/*Login*/
#resizer { margin-top: 0; padding-top: 0;  position: absolute; right: 100px; top: 0;}

#ctl00_login1_pnlLogin { background-color: #fff; position: absolute; right: 0; top: 0; visibility: hidden; }
#ctl00_login1_hypLogin { position: absolute; right: 0;  top: 0;cursor: pointer;}
.unwatermarked { background: #fff; border: solid 1px #c0c0c0; color: #000; margin-bottom: 3px;  width: 125px;}
.user_watermark { background: #fff url(../images/username.gif) no-repeat top left; border: solid 1px #c0c0c0; color: #fff; margin-bottom: 3px; text-align: right;  width: 125px;}
.pass_watermark { background: #fff url(../images/password.gif) no-repeat top left; border: solid 1px #c0c0c0; color: #fff; margin-bottom: 3px; text-align: right;  width: 125px;}
.txtWide { background: #fff; border: solid 1px #c0c0c0; color: #414042; margin-bottom: 3px;  width: 400px;}
.txtNormal { background: #fff; border: solid 1px #c0c0c0; color: #414042; margin-bottom: 3px;  width: 202px;}
.txtShort { background: #fff; border: solid 1px #c0c0c0; color: #414042; margin-bottom: 3px;  width: 80px;}
.txtXShort { background: #fff; border: solid 1px #c0c0c0; color: #414042; margin-bottom: 3px;  width: 50px;}
.MaskedEditFocus { color: #414042; /*margin-bottom:3px*/ }
.MaskedEditError { background: #fff; border: solid 1px #c0c0c0; color: #414042; margin-bottom: 3px; }
/* headers */
#PhoneNumber h1 { color: #003359;  font-size: 1.7em; padding: 0;}
#PhoneNumber p { font-size: 1.15em; height: 19px; line-height: 1.4em; margin: 0; }
/*Left Menu*/
#sidenavcontainer { margin-top: 10px; }
#sidenavcontainer ul { list-style-type: none; margin: 0; padding: 0; }
#sidenavcontainer ul li { list-style-type: none; }
#sidenavcontainer ul li a { color: #6F9AD3; font-size: 13px; line-height: 2em; text-decoration: none; }
#sidenavcontainer a { text-decoration:none }
ul#sidenavlist { padding-left:0 !important; }
#sidenavlist li a:hover { color: #4F7EBC; }
#sidenavlist li#active a { color: #13407B; font-weight: bold; }
/* resort tabs */
.ItemDisplayWrapper { margin: 5px 38px 5px 38px;  width: 804px;}
.DisplayItemHeader td { border-bottom: dashed 1px #f5f5f5; color: #003359; font-weight: bold; padding: 10px 0; }
.DisplayItemHeader b { background-color: #003359; color: #FFF; font-weight: bold; padding: 2px 5px; text-align: center; }
.DisplayItemCat { font-weight: bold; padding-left: 12px; }

.DisplayItemSubCat ul { margin: 0; padding: 0 0 0 20px; }
.DisplayItemSubCat li { margin: 0; padding: 0; }
.CompareFeature { background-color: #fff; background-image: url(../images/itemdisplay/compare_back.jpg); background-position: top right; background-repeat: repeat-y; }
.CompareItem { color: #414042;  font-size: 0.7em; font-weight: bold;}
.CompareItem td { border-bottom: solid 1px #dadada; border-right: solid 1px #dadada;  border-top: solid 1px #dadada; padding: 5px 0;}
.CompareItemCat { color: #414042;  font-size: 0.7em; font-weight: bold;}
.CompareItemCat td { padding: 5px 0; }
.region_list { border: none; list-style-type: square;  margin: 0; overflow: visible; padding: 0; width: 115px;}
#content_center .region_list ul { list-style: none; margin: 0 0 0 5px; padding: 0; }
#content_center .region_list li { background-image: url(../images/expand.gif); background-position: 0 3px; background-repeat: no-repeat; margin: 0; padding: 0 0 0 10px; }
#content_center li a { text-decoration: underline; }
.resorttabs { background: url(../images/tabs/resort_map_gradient.jpg) repeat-x 100% 0;  padding: 0; padding-top: 1px; zoom: 1;}
.resorttabs .ajax__tab_header { font-family: Lucida Grande, Calibri, sans-serif;  font-size: 0.7em; font-weight: normal; padding-left: 70px;background: url(../images/tabs/search_by.jpg) no-repeat 0 0;  color: #000; margin-left: 22px;}
.resorttabs .ajax__tab_active .ajax__tab_outer, .resorttabs .ajax__tab_header .ajax__tab_outer, .resorttabs .ajax__tab_hover .ajax__tab_outer { margin-right: 1px; }
.resorttabs .ajax__tab_active .ajax__tab_inner, .resorttabs .ajax__tab_header .ajax__tab_inner, .resorttabs .ajax__tab_hover .ajax__tab_inner { margin-left: 3px; /* offset the width of the left image */ }
.resorttabs .ajax__tab_active .ajax__tab_tab, .resorttabs .ajax__tab_hover .ajax__tab_tab, .resorttabs .ajax__tab_header .ajax__tab_tab { display: block; height: 15px;  margin-right: 0; padding: 10px 18px 10px 15px; position: relative; width: 70px;}
.resorttabs .ajax__tab_body { width: 100%; background: url(../images/tabs/resort_map_gradient.jpg) repeat-x 100% 0;  border: none;}
.resorttabs .ajax__tab_outer { background: url(../images/tabs/resort_map_tabs.jpg) no-repeat 0 0; }
.resorttabs .ajax__tab_inner { background: url(../images/tabs/resort_map_tabs.jpg) no-repeat 100% 0; }
.resorttabs .ajax__tab_hover .ajax__tab_outer { background: url(../images/tabs/resort_map_tabs.jpg) no-repeat 0 -35px; }
.resorttabs .ajax__tab_hover .ajax__tab_inner { background: url(../images/tabs/resort_map_tabs.jpg) no-repeat 100% -35px; }
.resorttabs .ajax__tab_active .ajax__tab_outer { background: url(../images/tabs/resort_map_tabs.jpg) no-repeat 0 -35px; }
.resorttabs .ajax__tab_active .ajax__tab_inner { background: url(../images/tabs/resort_map_tabs.jpg) no-repeat 100% -35px; }
.PaymentTabs .ajax__tab_header { display: inline-block; margin: 0;  padding: 0; white-space: nowrap; width: 710px;background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqTUBNbfGsSIuyXol0GiWvhw2&t=633716621847901396) repeat-x scroll center bottom;}
.PaymentTabs .ajax__tab_outer { display: inline-block;background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqk2svZekuJLuJh-hjmBm37g2&t=633716621847901396) no-repeat scroll right center;}
.PaymentTabs .ajax__tab_inner { display: inline-block;background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqyyheingY0AAV5Gms_v7ZbQ2&t=633716621847901396) no-repeat scroll 0 0;padding-left: 1px; }
.PaymentTabs .ajax__tab_tab { cursor: pointer; display: inline-block; overflow: hidden; text-align: center;background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56u9DKoiRNhnz7d9WUQOLngL37SoA5E8RUFrTesDzSkNfA2&t=633716621847901396) repeat-x scroll 0 0; margin: 0; padding: 1px;  }
.PaymentTabs { margin: 0;  padding: 0; width: 710px;}
.PaymentTabs .ajax__tab_hover .ajax__tab_outer { background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqMXpiJBPViUmyO2Vg7bieZg2&t=633716621847901396) no-repeat scroll right center; }
.PaymentTabs .ajax__tab_hover .ajax__tab_inner { background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqSYosooqlqKQokDvGSD176Q2&t=633716621847901396) no-repeat scroll 0 0; }
.PaymentTabs .ajax__tab_hover .ajax__tab_tab { background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqdYy1LYnwjL1rBFyvB-BaRg2&t=633716621847901396) repeat-x scroll 0 0; }
.PaymentTabs .ajax__tab_active .ajax__tab_outer { background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fq_vfapmQ7LQftMXILnlvm4mDy9V11UBb4s3P3tS4JoEQ1&t=633716621847901396) no-repeat scroll right center; }
.PaymentTabs .ajax__tab_active .ajax__tab_inner { background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqyks3AntQffdCadcmiOZ4_g2&t=633716621847901396) no-repeat scroll 0 0; }
.PaymentTabs .ajax__tab_active .ajax__tab_tab { background: transparent url(WebResource.axd?d=OD5Qyu6LlXRVG6jh-CV3SOGdu2n1NhKyGzsa0GaJ56vAEyvKenG2DOlXNc2OU8fqfI6qJhbFPAlKwTdAN2UqjQ2&t=633716621847901396) repeat-x scroll 0 0; }
.PaymentTabs .ajax__tab_body { background: url(../images/background_content.jpg) repeat-x 100% 0; display: inline-block; width: 710px; }
.resortname { color: #003359;  font-weight: bold;}
.resortname td { padding: 5px; }
.resortaddress { font-weight: normal; }
.resortaddress td { padding: 5px; }
.resortlinks { color: #7299d0;  font-weight: bold;border-bottom: 1px dotted #F1F5F8; border-top: 1px dotted #F1F5F8; padding: 5px; vertical-align: top;}
.resortlinks td { border-bottom: dotted 1px #f1f5f8; border-top: dotted 1px #f1f5f8; padding: 5px; vertical-align: top; }
.resortlinks td a, .resortlinks td a:link, .resortlinks td a:active { color: #7299d0; }
.resortlinks td a:visited { color: #7299d0; }
.resortlinks td a:hover { color: #7299d0; }

.ResortUnits .UnitDescription { padding: 2px; padding-right: 20px; }
.ResortUnits .WeekRange { padding: 2px; }
.ResortUnits .UnitRate { font-weight: bold;  padding: 2px;}
.resortdetails { font-weight: normal; }
.resortdetails ul { list-style-type: none; margin-left: 20px; padding-left: 0; text-align: right; }
.resortdetails li a { background-color: transparent; border-bottom: 1px solid #e8e8e8;  display: block; font-weight: bold; padding: 10px 0 10px 3px; width: 157px;}
.resortdetails li a:link, .resortdetails li a:visited { color: #003359; text-decoration: none; }
.resortdetails li a:hover { color: #003359; text-decoration: underline; }
.resortdetails div { display:inline; float:left; }
.resortlinks a, .resortlinks a:link, .resortlinks a:active, .resortlinks a:visited { color:#7299D0 !important;}
.resort { margin-bottom: 10px; }
/* Added PB 15/06/12 - Reason - Ticket 25704 rebranding - Styling for resorts on resort_results page */
.light-blue-btn:link { background-color: #E7EFF5; border: 1px solid #E2ECF4;  color: #003359; display:inline; margin-right:5px; padding: 6px; text-decoration:none;}
.light-blue-btn:visited { border:1px solid #E2ECF4;  color:#FFFFFF;}
.light-blue-btn:hover { background-color: #CCE2F3; border: 1px solid #E2ECF4 }
.blue-btn { background-color:#003359; border: 1px solid #E2ECF4;   color:#003359; display:inline; margin-right:5px; padding:6px; text-decoration:none;}
.blue-btn:hover, .blue-btn:focus { background-color: #B3995D !important; }
hr.separator { background-color: #DAD3AF;border: none;color: #DAD3AF;height: 1px;margin-bottom:21px;margin-top:21px; } 
/* Added PB 13/06/12 - Reason - Ticket 25704 rebranding - Styling for icons loaded via ResortFunctions */
#AmenityIcons { width:109px; }
#resort_amenities img { display: inline-block; margin:2px;width: 22px;}
#map { height: 300px; padding: 0;  width: 706px;}
#AvailabilityParameterForm { position: relative; z-index: 1000; }
#AvailabilityParameterForm #Errors { color: Red; padding: 10px; }
#AvailabilityParameterForm #Errors #ErrorsTitle { font-weight: bold; }
#AvailabilityParameterForm .FormButton { background: #5D85BA url(../images/dri_badges_button_background.jpg) repeat-x scroll 0 0; border: 1px solid #C5D2E0; color: #FFFFFF; display: block; float: right; font-weight: bold; line-height: 21px; text-align: center; width: 57px; }
#AvailTabs { background: #c2cfda url(../images/dri_breadcrumb_background.jpg) repeat-x; border: solid 1px #6086b7; border-collapse: collapse;  margin: 0 0 30px 0; width: 100%;}
#AvailTabs td { border: solid 1px #6086b7; font-size: 13px; height: 24px; line-height: 24px; text-align: center; vertical-align: middle;  width: 33%;}
#AvailTabs td a { color: #003359; }
#AvailTabs td img { cursor: pointer;margin-left: 10px;  vertical-align: middle; }
#AvailabilityTabsWrapper { position: relative; z-index: 1001; }
#AvailTabs td.selected { background: #6086b7; border: solid 1px #6086b7; font-size: 13px; height: 24px; line-height: 24px; }
#AvailTabs td.selected a { color: #ffffff; text-decoration: none; }
#AvailTabs td.selected a:hover { text-decoration: none; }
#AvailabilityTabsWrapper .AvailTabsPopup, .InfoPopup { background-color: #F0F4F7; border: #153262 1px solid; color: Black;  font-weight: normal; padding: 10px; text-align: left; visibility: hidden;}
.InfoPopup ul { margin: 0; margin-left: 0 !important; }
#AvailabilityTabsWrapper .AvailTabsPopup ul, .InfoPopup ul { padding-left: 20px; }
.InfoPopup p { margin: 0 !important; }
#SpecialOffers .InfoPopup { background-color: #F0F4F7; border: #153262 1px solid; color: Black;  font-weight: normal; padding: 10px; text-align: left; visibility: hidden;}
.DropDownShim { background: Yellow; display: block; filter: mask(); height: 100%;  left: 0; position: absolute; top: 0; width: 100%; z-index: 2000 /*-1*/;}
/* -------------- Availability RESULTS ---------------- */
#AvailResultsViewMatrixWrapper { margin-top: 13px; }
#AvailResultsViewMatrixWrapper #SliderGridWrapper { border: none; clear: both; width: 100%; }
#AvailResultsViewMatrixWrapper #SliderGridWrapper .SliderGridHeader { height: 60px; }
#AvailResultsViewMatrixWrapper #SliderGridWrapper .SliderGridHeader th { background: none; }
#AvailResultsViewMatrixWrapper #SliderGridWrapper #FrozenColums { float: left; padding-top: 1px; width: 171px; }
#AvailResultsViewMatrixWrapper #SliderGridWrapper #ScrollingColums { overflow: auto; overflow-y: hidden;  padding-top: 1px;}
#AvailResultsViewMatrixWrapper tr td { height: 65px; }
#AvailResultsViewMatrixWrapper tr td, #AvailResultsViewMatrixWrapper tr th { border: 1px solid #dbe6ef; font-size: 11px; /*padding: 2px;*/ text-align: center;  width: 65px;}
#AvailResultsViewMatrixWrapper td.ResortNameColumn, #AvailResultsViewMatrixWrapper th.ResortNameColumn { padding-left: 2px; padding-right: 2px;  white-space: normal; width: 100px;}
#AvailResultsViewMatrixWrapper .LinkLegend, #AvailResultsViewMatrixWrapper .BlankCell, #AvailResultsViewMatrixWrapper .Available, #AvailResultsViewMatrixWrapper .NotEnoughPoints, #AvailResultsViewMatrixWrapper .NeedToBorrow, #AvailResultsViewMatrixWrapper .NeedToSave, #AvailResultsViewMatrixWrapper .RoomTypeDoesNotExist { height: 65px; overflow: hidden;  padding: 2px; white-space: normal; width: 65px;}
#ResultsSection .Available, #ResultsSection .Available a:hover, #ResultsSection .Available a:visited, #ResultsSection .Available a:link { background-color: #B3995D; color: White !important; }
#ResultsSection .NotEnoughPoints, #ResultsSection .NotEnoughPoints a:hover, #ResultsSection .NotEnoughPoints a:visited, #ResultsSection .NotEnoughPoints a:link { background-color: #003359; color: White; }
#ResultsSection .NeedToBorrow, #ResultsSection .NeedToBorrow a:hover, #ResultsSection .NeedToBorrow a:visited, #ResultsSection .NeedToBorrow a:link { background-color: #FFCC99;  color: black;}
#ResultsSection .NeedToSave, #ResultsSection .NeedToSave a:hover, #ResultsSection .NeedToSave a:visited, #ResultsSection .NeedToSave a:link { background-color: #FFCC99;  color: black;}
#ResultsSection .RoomTypeDoesNotExist { background-color: #C0C0C0; }
#AvailResultsViewMatrixWrapper .RoomTypeCell { white-space: nowrap; /*padding: 0;*/ }

#AvailResultsViewMatrixWrapper .SliderGridRow { background-color: #e9eef3; }
#AvailResultsViewMatrixWrapper .SliderGridAltRow { background-color: #d7e0e8; }
#ResultsSection #Legend { margin-bottom: 10px; margin-top: 10px;  zoom: 1;}
#ResultsSection #Legend .LegendItem { float: left; font-weight: bold;  height: 20px; line-height: 20px; margin: 3px; text-align: center; width: 155px;}
#ResultsSection #Legend .LinkLegend { background-color: #E9EEF3; }
#ResultsSection #Legend .LinkLegend img { cursor: pointer;  vertical-align: middle;}
#ResultsSection .calsummary #Legend { margin-left: auto; }
#ResultsSection .GridView { margin: 0 0 0 1px; }
/* Bonus time grid */
.BookBonus .ResultTable { border: solid 1px #60351D; border-collapse: collapse;  display: table; margin: 0 0 0 30px; width: 280px;}
.BookBonus .ResultTableNormal { border: solid 1px #60351D; border-collapse: collapse;  display: table; margin: 0 0 0 30px; width: 531px;}
.BookBonus .ResultTableNormal a, .ResultTableNormal a:link, .ResultTableNormal a:active, .ResultTableNormal a:visited { color: White; }
.BookBonus .ResultTableNormal input.dgButton { font-size: 11px; }
.BookBonus .ResultTableWide { border: solid 1px #60351D; border-collapse: collapse;  margin: 0 0 0 30px; width: 680px;}
.BookBonus .ResultTableWideInside { border: solid 1px #60351D; border-collapse: collapse;  margin: 0; width: 100%;}
.BookBonus .ResultTableWide td, .ResultTableNormal td, .ResultTableWideInside td, .ResultTable td { border: solid 1px #60351D; padding: 5px; }
.BookBonus .ResultHeader { background: #60351D; color: #ffffff; font-size: 80%; font-weight: bold; }
.BookBonus .NeedHelpTable { border: solid 1px #C5D2E0; border-collapse: collapse; display: table; margin: 0; padding: 5px;  width: 190px;}
.BookBonus .NeedHelpTable td { padding: 5px; }
.BookBonus .NeedHelpHeader td { background: #003359; border: none;  color: #ffffff; font-size: 120%; padding: 10px;}
.BookBonus .RegistrationHeader td { background: #C5D2E0; border: none;  color: #003359; font-size: 120%; padding: 10px;}
.BookBonus .RegistrationSubHeader td { background: #ffffff; border: none;  color: #000000; font-size: 90%; font-weight: bold; padding: 10px;}
.BookBonus .RegistrationRow td { background: #F0F3F5; border: none;  color: #808284; font-size: 80%; text-align: left;}
.BookBonus .RegistrationRowAlt td { background: #ffffff; border: none;  color: #808284; font-size: 80%; text-align: left;}
.BookBonus .RegistrationRow td input, .RegistrationRowAlt td input { font-size: 100%; }
.BookBonus .ResultSubHeader { background: #B3995D; color: #ffffff; font-size: 90%; font-weight: normal; }
.BookBonus .ResultRowSubSubHeader { background: #B3995D; color: #ffffff; font-size: 90%; font-weight: normal; }
.BookBonus .ResultRow { background: #DAD7CB; color: #000000; font-size: 80%; text-align: left; }
.BookBonus .ResultRow a, .ResultRow a:link, .ResultRow a:active, .ResultRow a:visited { color: #003359; }
.BookBonus .ResultRowAlt { background: #F0EFEA; color: #000000; font-size: 80%; text-align: left; }
.BookBonus .ResultRowAlt a, .ResultRowAlt a:link, .ResultRowAlt a:active, .ResultRowAlt a:visited { color: #003359; }
.BookBonus .ResultFooter { background: #60351D; color: #ffffff; font-size: 80%; font-weight: bold; }
.BookBonus .ResultPager { background: #60351D; color: #ffffff; font-size: 80%; font-weight: bold; }
.BookBonus .SearchBox { float: right; margin-bottom: 20px;  width: 320px;}
.BookBonus .SearchBox .ddlProperties, .BookBonus .SearchBox .ddlProximity { width: 240px; }
.BookBonus .SearchBox .FormHeader { background: #6F9AD3 url(../images/dri_badges_header_background.jpg) repeat-x scroll 0 0; color: #FFFFFF; display: block; font-size: 1.2em; font-weight: bold;  height: 30px; line-height: 30px; text-align: center; text-decoration: none;}
.BookBonus #AvailabilityParameterForm { background: #F0F4F7 none repeat scroll 0 0;  padding: 5px; padding-top: 25px;}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-calcontainer{float:left;position:relative;_overflow:hidden;}
.yui-calcontainer iframe{border:none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:0;}
.yui-calcontainer iframe.fixedsize{height:50em;left:-1px;top:-1px;width:50em;}
.yui-calcontainer.multi .groupcal{float:left;position:relative;z-index:1;}
.yui-calcontainer .title{position:relative;z-index:1;}
.yui-calcontainer .close-icon{overflow:hidden;position:absolute;text-indent:-10000em;z-index:1;}
.yui-calendar{position:relative;}
.yui-calendar .calnavleft{overflow:hidden;position:absolute;text-indent:-10000em;z-index:1;}
.yui-calendar .calnavright{overflow:hidden;position:absolute;text-indent:-10000em;z-index:1;}
.yui-calendar .calheader{position:relative;text-align:center;width:100%;}
.yui-calcontainer .yui-cal-nav-mask{display:none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:2;_height:0;_width:0;}
.yui-calcontainer .yui-cal-nav{display:none;position:absolute;top:0;z-index:3;}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{display:-moz-inline-box;display:inline-block;}
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{background-color:transparent;border:none;cursor:pointer;display:block;*display:inline-block;*overflow:visible;}
.yui-calendar .calbody a:hover{background:inherit;}
p#clear{clear:left;padding-top:10px;}
.yui-skin-sam .yui-calcontainer{background-color:#f2f2f2;border:1px solid #808080;padding:10px;}
.yui-skin-sam .yui-calcontainer.multi{padding:0 5px 0 5px;}
.yui-skin-sam .yui-calcontainer.multi .groupcal{background-color:transparent;border:none;margin:0;padding:10px 5px 10px 5px;}
.yui-skin-sam .yui-calcontainer .title{background:url(http://cmsprod.diamondresorts.com/sites/default/files/images/yahoo_ui_sprite.preview.png) repeat-x 0 0;border-bottom:1px solid #cccccc;color:#000;font:100% sans-serif;font-weight:bold;height:auto;left:0;margin:0 -10px 10px -10px;padding:.4em;text-align:left;top:0;}
.yui-skin-sam .yui-calcontainer.multi .title{margin:0 -5px 0 -5px;}
.yui-skin-sam .yui-calcontainer.withtitle{padding-top:0;}
.yui-skin-sam .yui-calcontainer .calclose{background:url(http://cmsprod.diamondresorts.com/sites/default/files/images/yahoo_ui_sprite.preview.png) no-repeat 0 -300px;cursor:pointer;height:15px;right:.4em;top:.4em;width:25px;}
.yui-skin-sam .yui-calendar{border-collapse:collapse;border-spacing:0;font:100% sans-serif;margin:0;text-align:center;}
.yui-skin-sam .yui-calendar .calhead{background:transparent;border:none;padding:0;vertical-align:middle;}
.yui-skin-sam .yui-calendar .calheader{background:transparent;font-weight:bold;padding:0 0 .6em 0;text-align:center;}
.yui-skin-sam .yui-calendar .calheader img{border:none;}.yui-skin-sam .yui-calendar .calnavleft{background:url(http://cmsprod.diamondresorts.com/sites/default/files/images/yahoo_ui_sprite.preview.png) no-repeat 0 -450px;bottom:0;cursor:pointer;height:15px;left:-10px;margin-left:.4em;top:0;width:25px;}
.yui-skin-sam .yui-calendar .calnavright{background:url(http://cmsprod.diamondresorts.com/sites/default/files/images/yahoo_ui_sprite.preview.png) no-repeat 0 -500px;bottom:0;cursor:pointer;height:15px;margin-right:.4em;right:-10px;top:0;width:25px;}
.yui-skin-sam .yui-calendar .calweekdayrow{height:2em;}
.yui-skin-sam .yui-calendar .calweekdayrow th{border:none;padding:0;}
.yui-skin-sam .yui-calendar .calweekdaycell{color:#000;font-weight:bold;text-align:center;width:2em;}
.yui-skin-sam .yui-calendar .calfoot{background-color:#f2f2f2;}
.yui-skin-sam .yui-calendar .calrowhead,.yui-skin-sam .yui-calendar .calrowfoot{border:none;color:#a6a6a6;font-size:85%;font-style:normal;font-weight:normal;}
.yui-skin-sam .yui-calendar .calrowhead{padding:0 2px 0 0;text-align:right;}.yui-skin-sam .yui-calendar .calrowfoot{padding:0 0 0 2px;text-align:left;}.yui-skin-sam .yui-calendar td.calcell{background:#fff;border:1px solid #cccccc;height:1.6em;line-height:1.6em;padding:1px;text-align:center;white-space:nowrap;}
.yui-skin-sam .yui-calendar td.calcell a{color:#0066cc;display:block;height:100%;text-decoration:none;}
.yui-skin-sam .yui-calendar td.calcell.today{background-color:#000;}
.yui-skin-sam .yui-calendar td.calcell.today a{background-color:#fff;}
.yui-skin-sam .yui-calendar td.calcell.oom{background-color:#cccccc;color:#a6a6a6;cursor:default;}
.yui-skin-sam .yui-calendar td.calcell.selected{background-color:#fff;color:#000;}
.yui-skin-sam .yui-calendar td.calcell.selected a{background-color:#b3d4ff;color:#000;}
.yui-skin-sam .yui-calendar td.calcell.calcellhover{background-color:#426fd9;color:#fff;cursor:pointer;}
.yui-skin-sam .yui-calendar td.calcell.calcellhover a{background-color:#426fd9;color:#fff;}
.yui-skin-sam .yui-calendar td.calcell.previous{color:#e0e0e0;}
.yui-skin-sam .yui-calendar td.calcell.restricted{text-decoration:line-through;}
.yui-skin-sam .yui-calendar td.calcell.highlight1{background-color:#ccff99;}
.yui-skin-sam .yui-calendar td.calcell.highlight2{background-color:#99ccff;}
.yui-skin-sam .yui-calendar td.calcell.highlight3{background-color:#ffcccc;}
.yui-skin-sam .yui-calendar td.calcell.highlight4{background-color:#ccff99;}
.yui-skin-sam .yui-calendar a.calnav{border:1px solid #f2f2f2;color:#000;padding:0 4px;text-decoration:none;zoom:1;}
.yui-skin-sam .yui-calendar a.calnav:hover{background:url(http://cmsprod.diamondresorts.com/sites/default/files/images/yahoo_ui_sprite.preview.png) repeat-x 0 0;border-color:#A0A0A0;cursor:pointer;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {background-color:#000;*filter:alpha(opacity=25);-ms-opacity:0.25;opacity:0.25;}

.yui-skin-sam .yui-calcontainer .yui-cal-nav{background-color:#f2f2f2;border:1px solid #808080;font-family:arial,helvetica,clean,sans-serif;font-size:93%;left:50%;margin-left:-7em;padding:0;top:2.5em;width:14em;}
.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav{top:4.5em;}
.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav{margin-left:-8em;width:16em;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{padding:5px 10px 5px 10px;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{text-align:center;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-e{background-color:#EDF5FF;border-top:1px solid black;display:none;margin-top:5px;padding:5px;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav label{display:block;font-weight:bold;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc{width:100%;_width:auto;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid{background-color:#FFEE69;border:1px solid #000;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc{width:4em;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{background:url(http://cmsprod.diamondresorts.com/sites/default/files/images/yahoo_ui_sprite.preview.png) repeat-x 0 0;background-color:#ccc;border:1px solid #808080;margin:auto .15em;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{color:#000;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;padding:0 8px;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default{background:url(http://cmsprod.diamondresorts.com/sites/default/files/images/yahoo_ui_sprite.preview.png) repeat-x 0 -1400px;background-color:#426fd9;border:1px solid #304369;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button{color:#fff;}
.DisabilityGrid td { padding: 10px; }

/* CODA IMG SLIDER CSS */
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left; }
noscript a { color: #a00; text-decoration: underline; }
noscript ol { margin-left: 25px; }
a:focus { outline: none; }
img { border: 0; }
.stripViewer .panelContainer .panel ul { margin: 0 15px 0 30px;  text-align: left;}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 0; position: relative; width: 542px; }
/* These 2 lines specify style applied while slider is loading */
.csw { background: #fff; height: 460px; overflow: scroll;  width: 100%;}
.csw .loading { margin: 200px 0 300px 0; text-align: center; }
.stripViewer { background: #fff;  border: 0 solid #000; clear: both; /* Also specified in  .stripViewer .panelContainer .panel  below */ height: 290px; /* this is the border. should have the same value for the links */ margin: auto; overflow: hidden; /* This is the viewing window */ position: relative; width: 542px;}
.stripViewer .panelContainer { left: 0; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */  /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */ position: relative; top: 0; width: 542px;}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float: left; height: 100%; position: relative; width: 542px; /* Also specified in  .stripViewer  above */ }
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 0; }
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; }
.stripNav ul { display: none;  /* The auto-generated set of links */ list-style: none;}
.stripNav ul li { /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ display: none;  float: left; margin-right: 2px;}
.stripNav a { background: #c6e3ff; color: #fff; display: block; display: none;  /* The nav links */ font-size: 10px; font-weight: bold; line-height: 32px; padding: 0 15px; text-align: center; text-decoration: none;}
.stripNav li.tab1 a { background: #60f; }
.stripNav li.tab2 a { background: #60c; }
.stripNav li.tab3 a { background: #63f; }
.stripNav li.tab4 a { background: #63c; }
.stripNav li.tab5 a { background: #00e; }
.stripNav li a:hover { background: #333; display: none; }
.stripNav li a.current { background: #000; color: #fff; display: none; }
.stripNavL, .stripNavR { /* The left and right arrows */ position:absolute; text-indent: -9000em; top:0; z-index: 1; }
.stripNavL { background: url( "../images/arrow-left.png" ) no-repeat center; height: 290px; left: 0;}
.stripNavR { background: url( "../images/arrow-right.png" ) no-repeat center; right: 0;}
.stripNavL a, .stripNavR a { display: block; height: 290px; position:relative;width: 38px;}
.score_back{background-color:#c5d2e0;margin: 3px 0  0 30px;padding:0;width:90%;} 
.score_bar{background-color:#003359;color:#c5d2e0;display: block;font-weight:bold;height:12px;padding:5px;text-align:right;width:95%}
/* Video Contest */

#VideoFormContainer #VideoFormContent { margin-right: 345px; width: 566px; }
#VideoFormContainer #VideoForm { float: right; width: 345px; }
#VideoFormContainer #VideoForm h2 { padding-top: 1em; text-align: center;}
#VideoFormContainer #VideoPic { float: right; width: 160px; }
#VideoFormContainer #VideoForm .LeadFormLabel { width: auto; }
#VideoFormContainer #VideoForm .ddlProperties { width: 202px; }
/*#VideoFormContainer #VideoForm .checkbox { text-align: center; }*/
#VideoFormContainer #VideoForm .checkbox input { margin:4px; }
#VideoFormContainer #VideoForm .default { text-align: center; }
/*Avail Calendar*/
.CalAvail { background-color: #FFF;  color: #000; font-size: 11px; font-weight: bold; margin: 0; padding: 3px 10px 3px 10px; text-align: center; width: 50%;}
.CalBooked { background-color: #F6B9BE;  color: #000; font-size: 11px; font-weight: bold; margin: 0; padding: 3px 10px 3px 10px; text-align: center; width: 50%;}
.CalHeader { color: #fff; font-size: 150%;  font-weight: bold; margin: 0; padding: 0 0 10px 0; text-align: center;}
.CalDay { background-color: #FFF;  color: #000; font-size: xx-small;}
.CalDayHeader { background-color: #CCC;  color: #000; font-size: xx-small;}
#bookcalendar { float: right;  width: 100%;}
.tablecal { float: right;  width: 660px;}
.calHeader { background: #eee; color: #414042; text-align: left; }
.calSubHeader { text-align: center;  width: 85px;}
.calDayCell { height: 85px; text-align: center;  width: 85px;}
.calsummary { background-color: #FFF;  color: #414042; float:left; font-size: 0.8em; margin: 0 0 0 10px; padding: 0 0 0 10px; vertical-align: top; width: 220px;}
.calAreaHeader { background: #60351d; display: inline-block; text-align: left;  width: 100%;}
.calAreaHeaderText { color: #FFF;  font-size: 0.9em; font-weight: bold; margin: 0 0 0 10px;}
.calHeaderText { font-size: 0.9em; font-weight: bold;  margin: 0 0 0 10px;}
.calHeader a, .calHeader a:link, .calHeader a:active { color: #003359; }
.calHeader a:visited { color: #003359; }
.calHeader a:hover { color: #003359; }
.CalCalendar { background: #ffffff; border: solid 1px #C5D1E1; float: right;  margin-left: 5px; width: 651px;}
.CalLegend { background: #ffffff; border: solid 1px #C5D1E1; font-size: 9px;  margin-left: 5px;}
.CalDayHead { background: #FFF; }
.CalTitle { background: #003359; border-bottom: solid 2px #FFFFFF; color: #FFF;  font-size: 14px; font-weight: bold;}
.CalDayWithAvailability { background-color: #D7E0E8 !important; color: #005480 !important; text-align: left; }
.CalDayWithAvailability a * { background-color: #D7E0E8 !important; color: #005480 !important; text-align: left; }
.CalSelector { background: #003359; color: #FFF;  font-size: 12px; font-weight: bold;}
.CalDays { border: solid 1px #C5D1E1; font-size: 78%; height: 40px; /*background: #F4F9FD;*/ padding: 1px;  /*font-weight: bold;*/ text-align: left; width: 60px;}
.CalWeekendDay { border: solid 1px #C5D1E1; font-size: 78%; height: 40px; /*background: #ffffff;*/  text-align: left; width: 60px;}
.CalTodayDay { background: #C1D3E9;  text-align: left;}
.CalSelectedDay { border: solid 1px #C5D1E1; font-size: 78%; /*color: #000000;*/ text-align: left; /*background: #FFEFD5;*/ }
.CalOtherMonthDay { border: solid 1px #C5D1E1; color: #C0C0C0; font-size: 78%; height: 40px; text-align: left; width: 60px;}
.CalNextPrev { background: #003359; color: #FFF;  font-size: 14px; font-weight: bold;}
.CalNextPrev a, .CalNextPrev a:link, .CalNextPrev a:active { color: #FFF; }
.CalNextPrev a:visited { color: #FFF; }
.CalNextPrev a:hover { color: #FFF; }

/* Membership Upgrades */
.Upgrades sup { font-size: 10px !important;  line-height: 13px; position:static !important; top: 0 !important; zoom: 1;}
.Upgrades .ajax__validatorcallout_callout_cell { padding: 0 !important; }
#sidenavcontainer ul li.BuyPoints a { background: url(../images/upgrades/MenuItem.jpg); text-indent: -9999px; }
.UpgradesContactForm table.FormFields { margin:0 1em; }
.UpgradesContactForm table .Desc { font-size: 120%;  font-weight: bold;}
.UpgradesContactForm table .Value .Field { background: #f9f8f3;   border: 1px solid #e4e3de; padding: 3px; width: 375px;}
.UpgradesContactForm table .Value textarea { padding: 0; }
.UpgradesContactForm .PopupControls { margin: 0.5em 0; text-align: left; }
.UpgradesContactForm .PopupControls a,
.UpgradesContactForm .PopupControls a:active,
.UpgradesContactForm .PopupControls a:visited,
.UpgradesContactForm .PopupControls a:hover { text-decoration: none; }
.UpgradesContactForm .PhoneContactInfo { margin:0 1em; }
.UpgradesContactForm .PhoneContactInfo .Contact { font-size: 120%; }
.UpgradesContactForm .PhoneContactInfo .Contact .Phone { font-weight: bold; }
.UpgradesContactForm .PhoneContactInfo .Hours { font-size: 80%; }
.Upgrades .ClearingDiv { clear: both; height: 1px; line-height: 1px; zoom: 1; }
.Upgrades #Stages { float:left; width:100%; }
.Upgrades #Stages .Stage { background:transparent url(../images/tabs/newtabs.png) no-repeat scroll 0 -1px;  color: #A1A1A1; float: left; font-size:10px; font-weight:bold; height:48px; line-height: 48px; text-align: center; text-transform:uppercase; width: 33.2%;}
.Upgrades #Stages .Active { background:url(../images/tabs/wizardtab_740.jpg) repeat-x; background-position:0 0; color:#003359 !important;  }
.Upgrades #divSummaryPanel { float: left; width: 166px; }
.Upgrades #divSummaryPanel .TransactionSummary { background: #E4E9EF url(../images/upgrades/TransactionSummaryBackground.jpg) repeat-x; padding: 2px;}
.Upgrades #divSummaryPanel #Title { font-size: 1.1em; font-weight: bold; padding: 0.5em 0; text-align: center;}
.Upgrades #divSummaryPanel .Divider { border-bottom: solid black 1px; border-color:gray; height: 1px; line-height:1px; margin: 0 0.5em;}
.Upgrades #divSummaryPanel .Section { padding: 5px 0; }
.Upgrades #divSummaryPanel .Section .ItemTitle { font-weight: bold; padding-left:1em; text-indent:-1em; }
.Upgrades #divSummaryPanel .Section .ItemDetail { padding-left: 1em; }
.Upgrades #divSummaryPanel .Section .ItemDetail.Number { padding-right: 1em; text-align: right; }
.Upgrades #divSummaryPanel .Section ul { margin: 0; margin-left: 0.5em;}
.Upgrades #divSummaryPanel .Section li { margin: 0;  }
.Upgrades #divSummaryPanel .Section .UpgradedContracts ul {list-style-type: none; margin-left: 0 !important;}
.Upgrades #divSummaryPanel .Section .UpgradedContracts li {margin-left: 1em;}
.Upgrades #divSummaryPanel .Section .UpgradedContracts .ItemDetail {padding-left: 0;}
.Upgrades #divSummaryPanel #BlankSummaryContent { margin: 3em 0; padding: 0 1em;   text-align: center;}
.Upgrades #divSummaryPanel .PricingFinancing table .Desc { padding-right: 3px;  }
.Upgrades #divSummaryPanel .PricingFinancing table .Value { text-align: right;  }
.Upgrades #divSummaryPanel .HaveQuestions { padding: 0.5em 1em;  text-align: center;}
.Upgrades #MainContainer { margin-left: 190px; zoom: 1; }
.Upgrades #MainContainer #Form { float: left; overflow-x:hidden; width: 100%;}
.Upgrades #SlidingContents { width: 100000px; }
.Upgrades #SlidingContents .Step { float: left;  width: 724px;}
.Upgrades #SlidingContents .Step .Title { font-weight: bold; }
.Upgrades #SlidingContents .Step .SubSection { color:#548DD4; font-style:italic; font-weight:bold; margin-bottom:1em; margin-top:1em; }
.Upgrades #SlidingContents .TextIndent { margin-left: 1em; }
.Upgrades #SlidingContents .Step p { margin: 0 0 1em 0; }
.Upgrades #SlidingContents .Step table .Total { font-weight: bold; }
.Upgrades #tableUpgradeContracts { width: 100%; }
.Upgrades #tableUpgradeContracts th { background-color: #B3995E; }
.Upgrades #tableUpgradeContracts .ContractRow { background-color: #E7E0CE; }
.Upgrades #tableUpgradeContracts .ContractRowAlt { background-color: #F5F0EA; }
.Upgrades #tableUpgradeContracts td.PointWorth { background-color: #D2CBBB; }
.Upgrades #tableUpgradeContracts td.PointWorthAlt { background-color: #DDD8D2; }
.Upgrades #tableUpgradeContracts .TotalsBreakDown { background-color: #E7E7E7; }
.Upgrades #tableUpgradeContracts .PointWorth,
.Upgrades #tableUpgradeContracts .PointWorthAlt,
.Upgrades #tableUpgradeContracts .TotalsBreakDown { padding-left: 4px; }
.Upgrades #tableUpgradeContracts .TotalsBegin td { border-top: 1px solid black; }
.Upgrades #tableUpgradeContracts .RadioButtonColumn { text-align: center;  vertical-align: middle;}
.Upgrades #VisualizerWrapper { background: url(../images/upgrades/VisualizerBackground.jpg) repeat-x; }
.Upgrades #PointsVisualizer { margin: 0 auto; margin-top: 4em; position: relative; }
.Upgrades #PointsVisualizer .Caption { position: absolute; top: -1.5em; white-space:nowrap; }
.Upgrades #PointsVisualizer #ClubContractsCaption.Caption { text-align: right;}
.Upgrades #PointsVisualizer #NonClubContractsCaption.Caption { text-align: left; }
.Upgrades #PointsVisualizer .ContractBlock, .Upgrades #PointsVisualizer .ContractName { border-bottom: 1px solid; float: left; height: 215px; padding: 0 10px 0 10px; position: relative;  width: 50px;}
.Upgrades #PointsVisualizer #ClubBlock { border-right: 1px solid; }
.Upgrades #PointsVisualizer .ContractName { border: 0; font-size: 0.9em; height: 75px;  margin: 2px; overflow: hidden; padding: 0; text-align: center; width: 66px;}
.Upgrades #PointsVisualizer .StackContainer { bottom: 0;  position: absolute; width: 48px;}
.Upgrades #PointsVisualizer .StackItem { height: 40px; overflow: hidden; text-align:center; }
.Upgrades #PointsVisualizer .ContractBlock .StackContainer .StackItem { background: #966d5b url(../images/upgrades/VisualizerBrown.jpg) repeat-x;  color: White;} /* not inclub contract bar colors */
.Upgrades #PointsVisualizer .ContractBlock.InClub .StackContainer .StackItem { background: #dfe9f5; color: #58595B; } /* inclub contract bar colors */
.Upgrades #PointsVisualizer #NewPointsItem.StackItem { background: #e5d8bb url(../images/upgrades/VisualizerGold.jpg) repeat-x; }
.Upgrades #PointsVisualizer #ExistingPointsItem.StackItem { background: #0a63a6 url(../images/upgrades/VisualizerBlue.jpg) repeat-x; }
.Upgrades #CollectionSelector { margin-bottom: 1em; }
.Upgrades #CollectionSelector #Choices label { margin-left: 0.5em; }
.Upgrades #SelectPoints select { width: 6em; }
.Upgrades #SamplePoints table { border: 1px solid #cecece; }
.Upgrades #SamplePoints th { background: #e6e6e6; border-left: 1px solid #cecece;  padding: 3px;}
.Upgrades #SamplePoints th:first-child { border-left: 0; }
.Upgrades #SamplePoints tr:first-child { border-top: 0;  }
.Upgrades #SamplePoints tr:hover td { background: #e2ebf6; }
.Upgrades #SamplePoints td { border-left: 1px solid #cecece; border-top: 1px solid #e6e6e6;  padding: 3px 10px;}
.Upgrades #SamplePoints td:first-child { border-left: 0; }
.Upgrades #SamplePoints td.Spacer { border-left:medium none; } 
.Upgrades #SelectedPointsTabular th { padding: 0.5em 3px; }
.Upgrades #SamplePoints th.Points,
.Upgrades #SelectedPointsTabular th.Points { width: 143px; }
.Upgrades #SamplePoints th.Price,
.Upgrades #SelectedPointsTabular th.Price { width: 170px; }
.Upgrades #SamplePoints th.PricePerPoint,
.Upgrades #SelectedPointsTabular th.PricePerPoint { width: 100px; }
.Upgrades #SamplePoints th.Savings,
.Upgrades #SelectedPointsTabular th.Savings { color: #C00000; text-align: center; width: 135px;}
.Upgrades #SamplePoints td.SavingsPercent,
.Upgrades #SelectedPointsTabular td.SavingsPercent { color: #C00000; font-weight: bold; text-align: right;  width: 44px;}
.Upgrades #SamplePoints td.SavingsAmount,
.Upgrades #SelectedPointsTabular td.SavingsAmount { color: #C00000; font-weight: bold; width: 34px;}
.Upgrades #SamplePoints td.SavingsAmountCurrency,
.Upgrades #SelectedPointsTabular td.SavingsAmountCurrency { color: #C00000; font-weight: bold;}
.Upgrades #SelectedPointsTabular td { border-left: 1px solid white;padding: 3px 10px; }
.Upgrades #SelectedPointsTabular td:first-child { border-left: 0; }
.Upgrades #SelectedPointsTabular th.Price { border-left: 1px solid white; }
.Upgrades #SelectedPointsTabular th.PricePerPoint {border-left: 1px solid white; }
.Upgrades #SelectedPointsTabular th.Savings { border-left: 1px solid white; }
.Upgrades #SamplePoints td.Currency,
.Upgrades #SelectedPointsTabular td.Currency { width: 7px; }
.Upgrades #SamplePoints td.Amount,
.Upgrades #SelectedPointsTabular td.Amount { border-left:medium none; text-align:right; width: 48px; }
.Upgrades .PurchaseSummary table { border: 1px solid #cecece; margin:1em 0; }
.Upgrades .PurchaseSummary th { background: #e6e6e6; border-left: 1px solid #cecece;  padding: 3px;}
.Upgrades .PurchaseSummary th:first-child { border-left: 0; }
.Upgrades .PurchaseSummary tr:first-child { border-top: 0;  }
.Upgrades .PurchaseSummary tr:hover td { background: #e2ebf6; }
.Upgrades .PurchaseSummary td { border-left: 1px solid #cecece; border-top: 1px solid #e6e6e6;  padding: 3px 10px;}
.Upgrades .PurchaseSummary td:first-child { border-left: 0; }
.Upgrades .PurchaseSummary td.Currency { width: 7px; }
.Upgrades .PurchaseSummary td.Spacer { border-left: none; width: 190px; }
.Upgrades .PurchaseSummary .UpgradedContracts { padding-left:3px !important;}
.Upgrades .PurchaseSummary .UpgradedContracts ul { font-size: 1em !important; list-style-type:none !important; margin:0 !important; padding-left:0 !important;}
.Upgrades .PurchaseSummary .UpgradedContracts li { margin-left: 15px !important;}
.Upgrades .PurchaseSummary td.Amount { text-align:right;}
.Upgrades .PurchaseSummary td.Points { text-align:right; vertical-align: bottom;}
.Upgrades .PurchaseSummary .Amount span { float:right; padding-left: 10px; width: 75px;}
.Upgrades .PurchaseSummary .Amount div { float: left; width: 10px;}
.Upgrades .PurchaseSummary .RightAlign { display:inline; float:right; }
.Upgrades td.PackagePrice { font-weight: bold; }
.Upgrades #SliderWrapper { background-image:url(../images/upgrades/sliderbar.jpg); background-position:left 60px; background-repeat:no-repeat; height: 90px; margin-bottom:3em; position:relative; zoom: 1; }
.Upgrades .ui-slider { cursor: pointer; height:30px;  position:absolute; top:67%; width: 500px;}
.Upgrades .ui-slider-handle { background-image:url(../images/upgrades/sliderhandle.gif); background-position:center bottom; background-repeat:no-repeat; cursor: e-resize; height:52px; margin-left:-22.5px; margin-top:-53px; position:absolute; text-align:center; text-decoration:none; width:45px; }
.Upgrades #SliderWrapper .Caption a { text-decoration: none; }
.Upgrades #SliderWrapper .MembershipBoundaryMarker { background-image:url(../images/upgrades/TickMark.gif);  background-position: top center; background-repeat: no-repeat; margin-left:-25px; padding-top: 10px; position:absolute; text-align:center; top:38px; width:50px;}
.Upgrades .LegalPrint { font-size: 0.9em; }
.Upgrades #ActionButtons { clear:both; }
.Upgrades #ActionButtons .Button { background:url(../images/BTN_lightbrown.gif) no-repeat; height:22px; line-height: 22px;  margin: 3px; padding: 2px; text-align: center; width: 125px;color: #60351D;  display: block;}
.Upgrades #ActionButtons .Button:active { background-color: White; }
.Upgrades #ActionButtons .Button a:active { color: Gray; }
.Upgrades #ActionButtons .Previous { float: left;}
.Upgrades #ActionButtons .SaveCancel { float: right;}
.Upgrades #ActionButtons .Cancel { background: none; }
.Upgrades #ActionButtons .Continue { float: right;}
.Upgrades #SelectLeads .LeadBlock { float: left; width: 48%; }
.Upgrades #SelectLeads .LeadBlock td { padding: 2px; }
.Upgrades #SelectLeads #LeadDivider { border-left: 1px solid gray;  float: left; height: 25em; margin: 5em 0.5em 0 0.5em; margin-top: 5em; overflow:hidden; width: 1px;}
.Upgrades #SelectFinancing .ClosingCostDetails { display: none;  }
.Upgrades #SelectFinancing .ClosingCostCap { font-size: 93%; }
.Upgrades #SelectFinancing .FeeDescriptionColumn { width: 400px; }
.Upgrades #SelectFinancing .DetailsCell .FeeDescriptionColumn { width: 389px; }
.Upgrades #SelectFinancing .PaymentOptionDetails .FeeDescriptionColumn { width: 442px; }
.Upgrades #SelectFinancing .FeeCurrencyColumn { zoom: 1;  }
.Upgrades #SelectFinancing .OnlineCurrencyColumn { text-align: right; width: 20px; zoom: 1; }
.Upgrades #SelectFinancing .FeeAmountColumn { text-align: right; width: 70px; zoom: 1; }
.Upgrades #SelectFinancing .DetailsCell { background: White;  font-size: 93%; padding: 1em;}
.Upgrades #SelectFinancing .TotalCell { border-top: 1px solid;  font-weight: bold;}
.Upgrades #SelectFinancing .TotalCell2 { font-weight: bold; }
.Upgrades #SelectFinancing .PriceHeader { font-size: 90%; font-weight: bold; text-align: center;}
.Upgrades #SelectFinancing .ShowDetailsButton { padding-left: 2em; }
.Upgrades #SelectFinancing .GrandTotal { padding-right: 1em;  text-align: right;}
.Upgrades #SelectFinancing .PayInFullPromo { background: url(../images/upgrades/PayInFullPromo.jpg) no-repeat left center; color: White; font-size:11px;  font-weight: bold; padding:1px 6px 2px 5px;}
.Upgrades #SelectFinancing #divFinancingOptions, .Upgrades #SelectFinancing #divPayInFullOptions { background-color: White; }
.Upgrades #SelectFinancing th { text-align: left; }
.Upgrades #SelectFinancing td.RadioColumn { vertical-align: middle; }
.Upgrades #SelectFinancing .divResortDetails { padding-left: 1em; }

.Upgrades #MakePayment .litPaymentMethod, .Upgrades #MakePayment .lbAddCC 
.Upgrades .GridView td, .Upgrades .GridView th { font-size: 1em !important; }

.Upgrades #Summary .DescriptionColumn { padding: 2px; padding-right: 5px;  width: 255px;}
.Upgrades #Summary .RightAlign { display:inline; float:right; }
.Upgrades #Sign .AspCheckBox input { margin-right: 0.5em; }

.ToDo { background-color: #ccff33; } 
.chkBoxList td{
width: 50%;
}

 .gvResultsHeaderStyle th{text-align:right}
/* jQuery Validation Engine CSS */
.formError {cursor:pointer;display:block;left:300px; padding-bottom:13px;position:absolute;top:300px;z-index:5000;}
#debugMode {background:#000;color:#fff;display:block; font-size:14px;height:200px; left:0;-ms-opacity:0.8;opacity:0.8;overflow:scroll;padding:10px;position:fixed;top:0;width:100%;z-index:100000;}

.ajaxSubmit{ background:#55ea55; border:1px solid #999;display:none;padding:20px;}
.formError .formErrorContent {background:#CC0000;border:2px solid #ddd;-moz-border-radius: 6px;-webkit-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px; -moz-box-shadow: 0 0 6px #000;-webkit-box-shadow: 0 0 6px #000;-ms-box-shadow: 0 0 6px #000;box-shadow: 0 0 6px #000;color:#fff;font-family:tahoma;font-size:11px;padding:4px 10px 4px 10px;width:100%;width:150px;}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow{bottom:0;height:15px;left:20px;position:absolute; width:15px;z-index:5001;}
.formError .formErrorArrowBottom{margin:-6px;top:0;}
.formError .formErrorArrow div {background:#ee0101;border-left:2px solid #ddd;border-right:2px solid #ddd;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;-ms-box-shadow: 0 2px 3px #444;box-shadow: 0 2px 3px #444; display:block; font-size:0;height:1px; line-height:0; margin:0 auto;}
.formError .formErrorArrowBottom div {-moz-box-shadow: none;-webkit-box-shadow: none;-ms-box-shadow: none;box-shadow: none;}

.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{border:none;width:15px;} 
.formError .formErrorArrow .line9{border:none;width:13px;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{border-bottom:0 solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd;width:1px;} 
.formError .formErrorArrow .line2{background:#ddd;border:none;width:3px;}
.formError .formErrorArrow .line1{background:#ddd;border:none;width:1px;}

/* TABS  */
ul.tabs {border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;height:48px;list-style:none;list-style-type: none !important;margin:0 !important;padding:0;}
/* single tab */
ul.tabs li {float:left;list-style-image:none !important; margin:0 !important;padding:0;text-indent:0;}
/* link inside the tab. uses a background image */
#content_center ul.tabs li a {text-decoration:none;}
ul.tabs li a {background: url(../images/tabs/newtabs.png) no-repeat -421px -1px;color:#a1a1a1;display:block;font-family:arial;font-size:10px;font-weight:bold;height: 48px;line-height:12px;margin:0;padding:12px 0 0 0;position:relative;text-align:center;text-decoration:none;text-transform: uppercase;width: 133px;}
ul.tabs li a:active {outline:none;}
/* when mouse enters the tab move the background image */
ul.tabs li a:hover {background-position: -421px -52px;color:#003359;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs li a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: -421px -103px;color:#003359 !important;cursor:default !important;}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s { background-position: -554px 0; width:81px; }
ul.tabs a.s:hover { background-position: -554px -52px; }
ul.tabs a.s.current { background-position: -554px -103px; }
/* width 2 */
ul.tabs a.l { background-position: -249px 0; width:174px; }
ul.tabs a.l:hover { background-position: -249px -52px; }
ul.tabs a.l.current  { background-position: -249px -103px; }
/* width 3 */
ul.tabs a.xl { background-position: -1px 0; width:248px; }
ul.tabs a.xl:hover { background-position: -1px -52px; }
ul.tabs a.xl.current { background-position: -1px -103px; }
/* initially all panes are hidden */ 
/* tab pane styling */
/* tab pane styling */
div.panes > div {display:none; float:left; overflow:hidden; width:100%;}
/*div.WeatherPanes > div { border-style:none solid solid;border-width:medium 1px 1px; }*/
div.panes .GridView {border:none; border-collapse:collapse;margin-left:0;margin-right:0;}
div.panes .GridView th {background: #f2f2f2 url(../images/referrals/ff_referral_list_header_bg.jpg) repeat-x bottom;border:none;border-collapse:collapse;color: #003359; font-size: 10px; font-weight: bold; line-height: 12px; padding:3px; text-align: center;}
div.panes .GridView td {border:none;border-collapse:collapse;color:#003359;padding:3px;}
div.panes .GridView tr.GridViewAltRow td {background-color: white;border-bottom: 1px solid #e1e1e1;border-collapse:collapse;border-right: 1px solid #e1e1e1;color: #003359;padding: 3px;}
div.panes .GridView tr.GridViewRow td {background-color: white;border-bottom: 1px solid #e1e1e1;border-collapse:collapse;border-right: 1px solid #e1e1e1;color: #003359;padding: 3px;}

div.panes .GridView tr.GridViewAltRow td:first-child {border-left: 1px solid #e1e1e1;}
div.panes .GridView tr.GridViewRow td:first-child {border-left: 1px solid #e1e1e1;}

/*MODIFIED PB FP25074 - Reason: Site Rebranding */
#content_center div.panes .ResortWeather { color:#696969;  font-size:14px;}
#content_center div.panes .ResortWeather .GridView { border:1px solid #E1E1E1; border-collapse:collapse !important; margin-left:45px; width:640px !important;}
#content_center div.panes .ResortWeather .GridView th, div.panes .ResortWeather .GridView td { text-align: center; }

div.panes .ResortWeather .CurrentConditions { margin-left:45px;  width:600px !important;}
div.panes .GridView tr.AltRow td {border-bottom: 1px solid #e1e1e1;}

/* BUTTONS */
a.ButtonBold { background:url("../images/BTN_lightbrown.gif") no-repeat scroll 0 0 transparent; color:#60351D; font-size:14px; font-weight:bold;  height:30px; padding:5px;  text-align:center; text-decoration:none; width:125px;}
a.Button { background:url("../images/BTN_lightbrown.gif") no-repeat scroll 0 0 transparent; color:#60351D; font-size:14px; font-weight:bold; height:30px;  padding:2px;  text-align:center; text-decoration:none; text-transform: uppercase; width:125px;}
a.Button2 { background:url("../images/BTN_lightbrown.gif") no-repeat scroll 0 0 transparent; color:#60351D; font-size:14px; font-weight:bold; height:30px;  padding:0;  text-align:center; text-decoration:none; text-transform: uppercase; width:125px;}
a.Button2 .Small { background:url("../images/BTN_lightbrown.gif") no-repeat scroll 0 0 transparent; color:#60351D; font-size:10px; font-weight:bold; padding:5px;   text-align:center; text-decoration:none; text-transform: uppercase; width:125px;}
a.Button .Small { background:url("../images/BTN_lightbrown.gif") no-repeat scroll 0 0 transparent; color:#60351D; font-size:10px; font-weight:bold; padding:3px;   text-align:center; text-decoration:none; text-transform: uppercase; width:125px;}
a.Button .Small .ButtonContent { height:30px; line-height:30px; }
a.Button .Small .ButtonContent2 { height:30px; line-height:30px; }
a.Button .ButtonContent { line-height: 22px; }
a.ButtonLarge { background:url("../images/BTN_lightbrown_large.gif") no-repeat scroll 0 0 transparent; color:#60351D; font-size:16px; font-weight:bold; line-height:22px;   padding:15px; text-align:center; text-decoration:none; text-transform: uppercase; width:250px;}

/* WIZARDS*/    
 .Wizard .Tabs { background-color: #EFEDEF; }
 .Wizard .Tab { font-weight: bold;  }
 .Wizard .Tab.current { background-color: #727072; color: White; }

 .Wizard .Controls { position: relative; }
.Wizard .Controls .Button { left:0;  position: absolute; top: 0;} 
.Wizard .Controls .Button.Previous { left: 0; } 
 .Wizard .Controls .Button.Next { right:0; }     
 .Wizard .Controls .Button.Save { right: 100px; }    
 .Wizard .Controls .Button.Cancel { right: 150px; } 
.Wizard .Controls .ButtonLarge.Previous { left: 0; } 
 .Wizard .Controls .ButtonLarge.Save { right: 100px; }  
.Wizard .Controls .ButtonLarge.Next {  bottom: -5px !important; left:250px !important; position: absolute;}    
 .Wizard .Controls .ButtonLarge.Cancel { right: 150px; }    

/* WIZARDS - WIDTH 621*/
.Wizard.Wizard621 .Tabs .Tab {background: url(../images/tabs/wizardtab_621.jpg) no-repeat -421px -1px;color:#a1a1a1;display:block;font-family:arial;font-size:10px;font-weight:bold;height:52px; width:207px;line-height:12px;margin:0;position:relative;text-align:center;text-decoration:none;text-transform: uppercase;}
  
/* L=LEFT, M=MIDDLE R=RIGHT I=INACTIVE A=ACTIVE*/
/* LEFT*/
.Wizard.Wizard621 .Tabs .Tab.LAI {background-position:0 0;}
.Wizard.Wizard621 .Tabs .Tab.LIA {background-position:0 -52px;}
.Wizard.Wizard621 .Tabs .Tab.LII {background-position:0 -104px;}
 
/* MIDDLE*/
.Wizard.Wizard621 .Tabs .Tab.MIAI {background-position:-207px 0;}
.Wizard.Wizard621 .Tabs .Tab.MIIA {background-position:-207px -52px;}
.Wizard.Wizard621 .Tabs .Tab.MAII {background-position:-207px -104px;}
 
/*RIGHT*/
.Wizard.Wizard621 .Tabs .Tab.RIA {background-position:-414px 0;}
.Wizard.Wizard621 .Tabs .Tab.RAI {background-position:-414px -52px;}
.Wizard.Wizard621 .Tabs .Tab.RII {background-position:-414px -104px;}
 
/* WIZARDS - WIDTH 740*/
.Wizard.Wizard740 .Tabs .Tab {background: url(../images/tabs/wizardtab_740.jpg) no-repeat 0 0; color:#a1a1a1; display:block;float:left;font-family:arial;font-size:10px;font-weight:bold;line-height:52px;margin:0;position:relative;text-align:center;text-decoration:none;text-transform: uppercase;height:52px; width:240px;
}        
.Wizard.Wizard740 .Tabs { background-color: transparent; }
.Wizard.Wizard740 .Tabs .Tab .StepTitle { color:#60351D; font-size:14px; line-height:14px; margin-top:14px; }
.Wizard.Wizard740 .Tabs .Tab .StepDesc { color:#707070; font-size:10px; line-height:10px; margin-top:4px; }

/* L=LEFT, M=MIDDLE R=RIGHT I=INACTIVE A=ACTIVE*/
/* LEFT*/
.Wizard.Wizard740 .Tabs .Tab.LAI {background-position:0 0;}
.Wizard.Wizard740 .Tabs .Tab.LIA {background-position:0 -52px;}
.Wizard.Wizard740 .Tabs .Tab.LII {background-position:0 -104px;}
/* MIDDLE*/
.Wizard.Wizard740 .Tabs .Tab.MIAI {background-position:-240px 0;}
.Wizard.Wizard740 .Tabs .Tab.MIIA {background-position:-240px -52px;}
.Wizard.Wizard740 .Tabs .Tab.MAII {background-position:-240px -104px;}
/*RIGHT*/
.Wizard.Wizard740 .Tabs .Tab.RIA {background-position:-480px 0;}
.Wizard.Wizard740 .Tabs .Tab.RAI {background-position:-480px -52px;}
.Wizard.Wizard740 .Tabs .Tab.RII {background-position:-480px -104px;}
 
/* WIZARDS - WIDTH 878*/
.Wizard.Wizard878 { height: auto !important; min-height: 650px;} 
.Wizard.Wizard878 .Step {width:878px}
.Wizard.Wizard878 .Controls { height:35px; margin-top:10px;  position: relative;}
.Wizard.Wizard878 .Controls .Button.Next {left:220px;}
.Wizard.Wizard878 .Controls .Button.Previous {left:0;}
.Wizard.Wizard878 .Tabs .Tab {background: url(../images/tabs/wizardtab_878.jpg) no-repeat 0 0;color:#a1a1a1;display:block;font-family:arial;font-size:10px;font-weight:bold;line-height:12px;margin:0;position:relative;text-align:center;text-decoration:none;text-transform: uppercase;height:52px; width:292px;}        
.Wizard.Wizard878 .Tabs .Tab.current .StepTitle {color:#60351d; font-size:12px; margin-top:10px;}
.Wizard.Wizard878 .Tabs .Tab.current .StepDesc {color:#707070;  font-size:10px;}
.Wizard.Wizard878 .Tabs .StepTitle {color:#ffffff; font-size:12px; margin-top:10px;}
.Wizard.Wizard878 .Tabs .StepDesc {color:#ffffff; font-size:10px;}
.Wizard.Wizard878 .Tabs .Tab:hover .StepTitle {color:#707070 !important;} 
.Wizard.Wizard878 .Tabs .Tab:hover .StepDesc {color:#707070 !important;} 
#TAC .Wizard.Wizard878 .Step {width:347px !important}
#TAC .Wizard.Wizard878 .Steps {width:347px !important}
#SpecialOffers .Wizard.Wizard878 .Controls .Button.Next {left:400px !important; }
#SpecialOffers .Wizard.Wizard878 .Tabs .Tab.current .StepTitle {color:#60351d; font-size:14px; margin-top:10px;}
#SpecialOffers .Wizard.Wizard878 .Tabs .StepTitle {color:#ffffff; font-size:14px; margin-top:10px;}
#SpecialOffers .Wizard.Wizard878 .Tabs .StepDesc {color:#ffffff; font-size:10px; margin-top:-8px;}
#SpecialOffers .Wizard.Wizard878 .Tabs .Tab.current .StepDesc {color:#707070; font-size:10px; margin-top:-8px; }
#Photopass .Wizard.Wizard878 #ctl00_ContentPlaceHolder1_Wizard_Step1 .Controls .Button.Next {left:92px;}


/* L=LEFT, M=MIDDLE R=RIGHT I=INACTIVE A=ACTIVE*/
 
/* LEFT*/
.Wizard.Wizard878 .Tabs .Tab.LAI {background-position:-1px 0;}
.Wizard.Wizard878 .Tabs .Tab.LIA {background-position:-1px -52px;}
.Wizard.Wizard878 .Tabs .Tab.LII {background-position:-1px -104px;}
 
/* MIDDLE*/
.Wizard.Wizard878 .Tabs .Tab.MIAI {background-position:-293px 0;}
.Wizard.Wizard878 .Tabs .Tab.MIIA {background-position:-293px -52px;}
.Wizard.Wizard878 .Tabs .Tab.MAII {background-position:-293px -104px;}
 
/*RIGHT*/
.Wizard.Wizard878 .Tabs .Tab.RIA {background-position:-585px 0;}
.Wizard.Wizard878 .Tabs .Tab.RAI {background-position:-585px -52px;}
.Wizard.Wizard878 .Tabs .Tab.RII {background-position:-585px -104px;}
 
/* TAC Left align uc:leadform*/
.tac .LeadFormLabel { text-align: left;  width: auto;}

/* CLEAN FORM*/
.cleanform {color:#1b1b1b;font-size:1em;text-align:left;/*margin:1em auto*/width:38em;}
.cleanform  label,.cleanform legend{margin:0.3em 0;padding:0;}
.cleanform legend{color:#003359;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.65em;font-weight:normal;}
.cleanform fieldset{background-color:#FCFAE7;border:0 solid #ddd;margin:0 0 0.5em 0;}
.cleanform label {color:#58595B;font-size:11px;padding-right:0.3em}
.cleanform fieldset input {line-height:1.5em;padding:0.15em;width:200px;}
.cleanform .radio input, .cleanform .checkbox input {border:none;margin:0 0.3em 0 0;width:auto;}
.cleanform input, .cleanform textarea, .cleanform select {border:1px solid #bbb;display:block;font-size:10px;margin-bottom:1em;margin-right:1em;padding:0.15em;}
.cleanform select { width:150px;}
.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {display:inline;margin:0 1.5em 0 0}
.cleanform .button {background-color:#eee;border:1px solid #e2e2e2;color:#003359;cursor:pointer;font-size:1em;left:50%;margin:0.3em 0 0.3em -36px;padding:0.5em; position:relative;width:72px;}
.cleanform .button:hover {background-color:#DDEAFA;border:1px solid #e2e2e2;color:#003359}
.cleanform .button:active {background-color:#DDEAFA;border:1px solid #e2e2e2;color:#003359;}
.cleanform .formInfo {border-bottom:0.1em solid #ddd;margin-bottom:1em;padding-bottom:0.5em;}
.cleanform .formInfo h2 {color:#00889e;font-size:1.2em;font-weight:bold;margin-bottom:1em}
.cleanform .formInfo p{text-align:justify}
.cleanform .required {color:#ff3838;font-size:0.8em;font-weight:bold;}

.leadform{color:#1b1b1b;  font-size:1em;  margin:1em auto;   position:relative; text-align:left;  width:40em;}
.leadform label, .leadform legend{  margin:0.3em 0; padding:0;}
.leadform fieldset{border:1px solid #ddd; margin:0 0 0.5em 0; padding:0.7em;}
.leadform label{ font-weight:bold}
.leadform fieldset input{ line-height:1.5em;  padding:0.15em; width:70%;}
.leadform .radio input, 
.leadform .checkbox input{ border:none; width:auto;margin: 0 0.3em 0 0;}
.leadform input, .leadform textarea, .leadform select{ border:1px solid #bbb;  display:block;  font-size:1em;  margin-bottom:1em; margin-right:1em;  padding:0.15em;}
.leadform .radio label, .leadform .radio input, 
.leadform .checkbox label, .leadform .checkbox input{ display:inline; margin:0 1.5em 0 0 }
.leadform .multiple label{float:left; overflow:hidden; padding-left:1px; width:29%;}
.leadform .multiple input{cursor:pointer}
.leadform button{background-color:#eee;  border:1px solid #ccc;  cursor:pointer;  font-size:1em;  margin:0.3em 0;  padding:0.5em }
.leadform button:hover{ background-color:#E6EFC2;  border:1px solid #C6D880;  color:#529214}
.leadform button:active{ background-color:#333;  border:1px solid #000; color:white;}
.leadform .formInfo{ border-bottom:0.1em solid #ddd;  margin-bottom:1em;  padding-bottom:0.5em;}
.leadform .formInfo h2{ color:#00889e;  font-size:1.2em;  font-weight:bold;  margin-bottom:1em } 
.leadform .formInfo p{ text-align:justify }
.leadform .required{ color:#ff3838;  font-size:0.8em;  font-weight:bold;}

#content_center .DRIMagazine { display: none !important; }
#content_center .ChefOffer { cursor: pointer;   float: right;}
#content_center .CreditUnion { cursor: pointer;   float: right;}
.ui-widget-overlay {background: black; bottom: 0; filter: alpha(opacity=50); left: 0;-ms-opacity: 0.50;opacity: 0.50; position: absolute; right:0; top: 0; width: 100% !important;}

.ui-dialog-titlebar { text-align: right; }
.IE6Popup { width: 650px; }
.PopupWindow .PopupMessage .Title { font-size: 1.3em; font-weight: bold; padding: 1em 0; }
.PopupWindow  .PopupMessage p { margin-bottom: 1em; }
.PopupWindow  .Browsers { text-align: center; }
 
/*prepaymentgridviews*/
.numbers { float:left; margin: 0 5px 0 0;}
.numbers.res { position:relative; }
.PrepaymentsGridView { border: none; border-collapse: collapse;  display: table; margin: 20px 38px;}
.PrepaymentsGridView th { background: #003359; border: none; color: #fff; font-size: 0.8em; padding: 10px; }
.PrepaymentsGridView td { background: #fff; border: none; color: #414042; font-size: 0.8em; padding: 10px; }
.PrepaymentsGridView td a, .GridView td a:link, .GridView td a:active { color: #003359; }
.PrepaymentsGridView td a:visited { color: #003359; }
.PrepaymentsGridView td a:hover { color: #003359; }
.PrepaymentsGridViewAlt td { background: #F7F5E8; }

sup {
	font-size: 65%;
	vertical-align: text-top;
}
 
h5 sup {
	font-size: 65%;
	vertical-align: text-top;
}
 
#container {
	background: #ffffff;
	margin: 0 auto;
	width: 960px;
}
 
h1#logo a {
	background-image: url(../images/diamond-resorts-logo-resized.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 72px;
	text-indent: -9999px;
	width: 240px;
}
 
h1#logo a:hover {
	background-position: 0 -63px;
}
 
div#logo { padding: 0}
div#logo a {
	background-image: url(../images/diamond-resorts-logo-resized.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 72px;
	text-indent: -9999px;
	width: 240px;
}
div#logo a:hover {background-position: 0 -63px;}
h1#logo { padding: 0}

div#header form#localization {
    float: right;
}
.header-right ul#social-media {
    float: right; margin-left: 15px; margin-right:15px;
}
.header-right ul#social-media li {
    float: left;
}

.header-right ul#social-media li a {
    background-image: url(../images/diamond-resorts-social-media-pinterest.gif);
    background-repeat: no-repeat;
    border-bottom: 1px solid #b3995d;
	border-left: 1px solid #b3995d;
	border-right: 1px solid #b3995d;
    display: block;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
}

.header-right ul#social-media li.pinterest a {
    -moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
    -ms-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.header-right ul#social-media li.twitter a {
	background-position: -20px 0;
    border-left: 0;
}
 
.header-right ul#social-media li.facebook a {
	background-position: -40px 0;
	border-left: 0;
}

.header-right ul#social-media li.email-signup a {
    background-position: -60px 0;
	border-left: 0;
    -moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
    -ms-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.header-right ul#social-media li.pinterest a:hover {
	background-position: 0 -20px;
}

.header-right ul#social-media li.twitter a:hover {
	background-position: -20px -20px;
}
 
.header-right ul#social-media li.facebook a:hover {
	background-position: -40px -20px;
}
.header-right ul#social-media li.email-signup a:hover {
	background-position: -60px -20px;
}
 
div#header form#localization select {
	background: #ffffff;
	border: none;
	border-bottom: 1px solid #b3995d;
	border-left: 1px solid #b3995d;
    -moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	border-right: 1px solid #b3995d;
	font-size: 11px;
	height: 20px;
	width: 20px;
}

div#header form#login {
	clear: both;
	float: right;
	margin-right: 0; /*10*/
	margin-top: 5px;
	text-align: right;
}
 
div#header form#login input#username,div#header form#login input#password {
    -webkit-appearance: none;
	border: 1px solid #b3995d;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color: #003359;
	display:block;
	font-size: 11px;
	height: 22px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 0;
	text-align: center;
	width: 150px;	
}

div#header form#login input#username:hover,div#header form#login input#password:hover {
	border: 1px solid #003359;
	color: #003359;
}
 
div#header form#login input#submit {
	-webkit-appearance: none;
	background-color: #b3995d;
	border: 1px solid #b3995d;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
	font-size: 11px;
	height: 24px;
	margin-bottom: 5px;
	width: 60px;
}

div#header form#login input#submit:hover {
	background-color: #003359;
	border: 1px solid #003359;
}
 
div#header form#login label#register a,div#header form#login label#recover a {
	color: #003359;
	font-size: 11px;
	text-decoration: none;
}
 
div#header form#login label#register a:hover,div#header form#login label#recover a:hover {
	color: #b3995d;
}
 
div#header ul#main-nav {
clear: both;
	font-weight: 200;
	margin: 0 auto;
	padding-left: 80px;
	padding-top: 15px;
	width: 540px;
}
 
div#header ul#main-nav li {
	display: inline;
}
 
div#header ul#main-nav li a {
	border-right: 1px solid #808080;
	color: #808080;
	display: block;
	float: left;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
 
div#header ul#main-nav li a.contact {
	border-right: 0 solid #808080;
}
 
div#header ul#main-nav li a:hover {
	color: #b3995d;
}
 
div#feature {
	background: #eee;
	border-bottom: 6px solid #00254a;
	clear: both;
	height: 380px;
	margin-bottom: 18px;
}
 
div#nav.nav {
	float: left;
	margin-left: 20px;
	margin-top: 340px;
	position: absolute;
	z-index: 100;
}
 
div#nav.nav a {
    background-color: #b3995d;
    -moz-box-shadow: 0 0 10px #707070;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 10px #707070;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 0 10px #707070;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px #707070;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	color: #ffffff;
	display: block;
	float: left;
	height: 20px;
    line-height: 20px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
    width: 20px;
}

div#nav.nav a.activeSlide {background-color: #003359;}
 
div#feature a.learn-more {
	background-color: #003359;
	border: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-left: 848px;
	margin-top: 344px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 90px;
}
 
div#feature a.learn-more:hover {
	background-color: #b3995d;
}
 
ul#breadcrumb {
	background: #8f8f8f;
	float: left;
	height: 30px;
	width: 980px;
}
 
ul#breadcrumb li {
	display: inline;
	float: left;
}
 
ul#breadcrumb li a, div.SiteMapPath ul#breadcrumb li {
	color: #ffffff;
	line-height: 28px;
	text-decoration: none;
}
 
ul#breadcrumb li a:hover {
	color: #003359;
}
 
ul#breadcrumb li h3 {
	background-image: url(../images/diamond-resorts-breadcrumb-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	margin-bottom: 0;
	margin-right: 10px;
	padding-right: 10px;
}
 
ul#breadcrumb li h3 a 
{
    background: #512b1b;
	color: #ffffff;
	display: inline-block;
    font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: none;
}
 
ul#breadcrumb li h3 a:hover {
	color: #dad3af;
}

ul#breadcrumb li span {color: #FFFFFF;height: 30px;line-height: 30px;padding: 0 5px 0 10px;}
 
a#signup {
	background: #003359;
	color: #ffffff;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-left: 820px;
	padding-left: 20px;
	text-decoration: none;
	width: 140px;
}
 
a#signup:hover {
	background-color: #b3995d;
}
.LinkButtonClass:hover
{
    background-color: #b3995d;
}
.LinkButtonClass
{
    background: #003359;
	color: #ffffff;
    display: block;
	float:right;
	height: 30px;
	line-height: 30px;
	padding-left: 19px;
	text-decoration: none;
	width: 188px;
}


div#teasers h4 { margin: 0; padding: 0;}

div#teasers a.learn-more {
	background-color: #003359;
	border: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-left: 386px;
	margin-top: 109px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 90px;
}
 
div#teasers a.learn-more:hover {
	background-color: #b3995d;
}
 
div#teasers div#promo-small-right
{
    margin-left: 4px;
}

.promo-large {
    height: 165px;
    margin-bottom: 15px;
}
 

p.server{ color: #808080; font-size:11px;}
 
ul#footer li a {color: #808080;font-family: 'Lucida Grande','Lucida Sans',Helvetica,Arial,sans-serif;font-size: 13px;	font-weight: bold;line-height: 26px;text-decoration: none;}
 
ul#footer li a:hover {color: #000000;}
 
h5#footer-diamond-resorts {
	margin-bottom: 20px;
	margin-top: 60px;
	text-align: right;
}
 
h5#footer-diamond-resorts a {
	color: #808080;
	font-size: 20px !important;
	font-weight: bold;
	text-decoration: none;
}
 
h5#footer-diamond-resorts a:hover {
	color: #000000;
}
 
p#copyright {
	border-bottom: 1px solid #838383;
	color: #838383;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	text-align: right;
}
 
p.legal {
	color: #838383;
	font-size: 10px;
	margin-bottom: 10px;
	text-align: right;
}
.legal-section { margin-bottom: 40px;}

.contact .header {
    background-color: #B3995D;
    color: #FFFFFF;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}


.page-container .contact{
    background-color: #003359 !important;
    color: #FFFFFF;
    font-size: 13px;
    height: 100%;
    line-height: 20px;
    margin: 0;
}

.contact-form-content p.header {
    background-color: #B3995D;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.contact-form-content { padding-bottom: 35px; padding-top: 35px;}

.contact-form-content input.text {
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    color: #808080;
    font-size: 14px;
    height: 20px;
    margin: 0 10px 0 0 !important;
    padding: 5px 5px 0 !important;
    width: 200px;
}

.contact-form-content .left {
    float: left;
    line-height: 30px;
    margin: 20px 20px 0 0;
    padding: 0;
    width: 290px;
}

.contact-form-content h3 {
    color: #B3995D;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 5px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}

.contact-form-content p 
{
    padding: 0 0 20px;
    text-transform: uppercase;
}

.contact-form-content textarea {
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    clear: both;
    display: block;
    height: 200px;
    width: 898px;
}

.contact-form-content p.char-limit {
    color: #FFFFFF;
    font-size: 11px;
    height:14px;
    text-transform: none;
}

.contact-form-content p.char-limit input, .contact-form-content p.char-limit span 
{
    background-color: #003359;
    border: 0;
    color: #FFFFFF;
    font-family: 'Droid Sans', 'Lucida Grande', Helvetica, Arial, sans-serif;
    font-size: 11px;
    height: 14px;
    line-height: 20px;
}

.contact-form-content input.submit {
    background-color: #B3995D;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 14px;
    height: 25px;
    line-height: 20px;
    text-transform: uppercase;
    width: 100px;
}

.page-container .contact a{
    color: #FFFFFF;
    font-size: 13px;
    height: 100%;
    line-height: 20px;
    margin: 0;
}

.contact-information {
    background-color: #B3995D !important;
    line-height: 20px;
    margin: 0;
    padding: 20px 0;
    text-transform: none;
}

.contact-information p {
    color: #FFFFFF;
    font-size: 14px;
    margin: 0;
    padding: 0 0 5px;
}

.page-container
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}
.header-left,
.header-right,
.page-inner,
.inner-grid-1,
.inner-grid-2,
.col-half-left,
.col-half-right,
.full-col,
.inline,
.col-small-left,
.col-large-right
 {
	display:inline;
	float: left;    
}
.inline * { vertical-align: top;}
.page-full{float: left;}
.page-container .page-full { background-color: White; width: 980px;}
.page-container .page-inner { margin-left: 35px; margin-right: 35px; width: 910px;}
.page-container .page-inner-padding { padding: 0 35px;  width: 910px;}
.page-inner .inner-full { margin-left: 0; margin-right: 0; width: 910px;}
.page-inner .inner-grid-1 { width: 160px;}
.page-inner .inner-grid-2 { width: 340px;}
.contact { overflow: hidden;}
.col-half-left { margin-left: 0; margin-right: 20px;}
.page-inner .col-half-left, .page-inner .col-half-right {  width: 445px;}
.page-full-topheader { margin-bottom: 10px;}
.page-full .header-left { width: 240px;}
.page-full .header-right { overflow: hidden; width: 740px;}
.header-right #media {float: right;margin-right: 15px; width: 700px;}
.header-right select { width: 80px;}
.header-right #nav ul { clear: both; font-weight: 200; list-style-type: none; margin: 0 auto; padding-left: 55px; padding-top: 14px; width: 645px;}
.header-right #nav ul li { display: inline; }
.header-right #nav ul li a { border-right: 1px solid #808080; color: #808080;display: block; float: left; font-size: 14px; line-height: 14px; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; text-decoration: none; text-transform: uppercase;}
.header-right #nav ul li:last-child a { border-right: 0 solid Transparent; }
.header-right #nav ul .last-li-child a { border-right: 0 solid Transparent; }
.header-right #nav ul li a:hover {color:#B3995D;}
.page-full .full-col { width: 488px;}
#media .localization { display: inline;}
.page-full.contact { margin-top: 24px;}
.page-inner .col-small-left { width: 310px;}
.page-inner .col-large-right { width: 600px; }
.input-fields div {display:inline;float:left}
.input-fields div label {display:block;}
.input-fields div input {width: 212px;}

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.clearfix:after {
	clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}


/* Start white page style */

div#white-page {
	display: inline-block;
	font-size: 16px;
	margin: 25px 35px;
	min-height: 400px;
    width: 910px;
}

div#white-page ul {
    font-size:1em;
    list-style-type: disc;
}

div#white-page #sidebar {
	float: left;
	width: 160px;
}

div#white-page #sidebar ul {
	font-size: 13px; 
	line-height: 20px;
	list-style-type: none; 
	padding-left: 0;
}

div#white-page #sidebar ul li a {
	text-decoration: none;	
}

div#white-page #sidebar ul li a:hover {
	color: #dcc591;
	text-decoration: none;
}

div#white-page #sidebar ul li a.active {
	font-weight: bold;
	text-decoration: none;
}

div#white-page #mem_content {
	float: right;
	width: 730px;
}

div#white-page.bottom-border-gold {
	border-bottom: 5px solid #B3995D;
}

div#white-page.bottom-border-blue {
	border-bottom: 5px solid #003359;
}

div#white-page h2, div#white-page h1 {
	color: #003359;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}

div#white-page #content_center #content_header h1 {
	color: #B3995D; 
    font-weight: bold; 
    text-align: left; 
    text-transform: uppercase; 
    padding: 0; 
    margin: 0 0 5px 0;	 
    font-size: 16px; 
    line-height: 20px;
}

div#white-page h3 {
	color: #B3995D;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}

div#white-page h3 sup {
    font-size: 0.83em;
    line-height: 0;
    vertical-align: super;
}

div#white-page h4 {
	color: #505050;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin: 0 0 2px 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
}

div#white-page p,
div#white-page ul {
	color: #696969;
	font-size: 13px;
	height: 100%;
	line-height: 20px;
	margin: 0;
	padding: 0 0 15px 0;
	text-align: left;
	text-transform: none;
}


div#customer-testimonials p {
    color: #696969;
    font-size: 13px;
    height: auto;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 15px;
    text-align: left;
    text-transform: none;
}
div#white-page a:link {
	color: #B3995D;
}

div#white-page a:hover {
	color: #a28440;
}

div#white-page a:visited {
	color: #a28440;
}

div#white-page p a.white-page-button {
	background-color: #003359;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 6px;
	text-align: right;
	text-decoration: none; 
}
div#white-page p a.white-page-button:hover {
	background-color: #B3995D;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 6px;
	text-align: right;
	text-decoration: none; 
}


/* Start imageHeaderNav style */


.headerExtended-large div#imageHeaderNav.imageHeaderNav {
	float: left;
	margin-left: 20px;
	margin-top: 340px;
	position: absolute;
	z-index: 100;
}

.headerExtended-small div#imageHeaderNav.imageHeaderNav {
	float: left;
	margin-left: 20px;
	margin-top: 245px;
	position: absolute;
	z-index: 100;
}

div#imageHeaderNav.imageHeaderNav a {
    background-color: #b3995d;
    -moz-box-shadow: 0 0 10px #707070;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 10px #707070;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 0 10px #707070;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .5);;
    box-shadow: 0 0 10px #707070;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	color: #ffffff;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
	width: 20px;
}

div#imageHeaderNav.imageHeaderNav a.activeSlide {
	background-color: #003359;
}

/* Lead capture div content */
div#lead-capture-form-content .left
{
    float: left;
    margin: 0;
    padding: 0;
}

div#lead-capture-form-content {
	color: #696969;
	font-family: 'Lucida Grande','Lucida Sans',Helvetica,Arial,sans-serif;
	font-size: 13px;
	height: 100%;
	line-height: 20px;
	margin: 0;
}

div#lead-capture-form-content label {
	float: left;
	font-weight: bold;
	margin-right: 10px;
	text-align: right;
	white-space: normal;
	width: 120px;
}

div#lead-capture-form-content br {
	clear: left;
}

div#lead-capture-form-content .radios {
	float: left;
	margin-right: 5px;
}

div#lead-capture-form-content .checkbox {
    float: left;
    margin-right: 5px;
    text-align: left;
}

div#lead-capture-form-content input.text {
	background-color: #ffffff;
	border: 1px solid #d3d3d3;
	color: #808080;
	font-size: 14px;
	height: 20px;
	margin: 0 10px 5px 0;
	padding: 5px 5px 0 5px;
	width: 200px;
}

div#lead-capture-form-content select.text {
	background-color: #ffffff;
	border: 1px solid #d3d3d3;
	color: #808080;
	font-size: 14px;
	height: 27px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 215px;
}

div#lead-capture-form-content p.char-limit {
	color: #696969;
	font-size: 11px;
	text-transform: none;
}

div#lead-capture-form-content input.submit {
	background-color: #b3995d;
	border: none;
	color: #ffffff;
	display: block;
	font-size: 14px;
	height: 25px;
	margin: 0 auto;
	margin-top: 20px;
	text-decoration:none;
	text-transform: uppercase;
	width: 100px;
}  

/*Member Benefits Title Style */
div#title-style-alt {
        color: #003359;
        font-size: 22px;
        font-weight: bold;
        margin: 20px 0 0 0;
        padding-bottom: 20px;
}
 
div#title-style-alt h7 {
        color: #062a58;
        font-size: 22px;
        font-weight: bold;
        line-height:20px;
        margin: 0;
        padding: 0 35px 20px 0;
        text-align: left;
        text-transform: uppercase;
}
 
div#teasers 
{
        clear: both;
        width: 980px;
}
 
div#teasers div#club-select {
        height: 112px;
        margin: 0;
        padding: 0;
        width: 330px;
        
}
 
div#teasers div#club-select a.learn-more {
        background-color: #003359;
        border: 1px solid #ffffff;
        color: #ffffff;
        display: block;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        margin-left: 175px;
        margin-top: 80px;
        position: absolute;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 140px;
}
 
 
div#teasers div#club-select h4 a {
        background-color: #003359;
        color: #ffffff;
        display: block;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 330px;
}
 
 
div#locations {
        float: left;
        margin-top: 24px;
        width: 670px;
}
 
div#locations-right-col {
        float: right;
        margin-top: 24px;
        width: 234px;
}
 
/* location headers */
div#locations div#small-width-header h4.gold {
        background-color: #B3995D;
}
 
/* large-width-header */
div#locations div#large-width-header {
        /*background: url(images/locations-gradient.jpg) repeat-x;*/
        background-position: bottom;
        margin: 0 10px 20px 0;
        width: 330px;
}
 
div#locations div#large-width-header a {
        color: #FFFFFF;
        text-decoration: none;
}
 
div#locations div#large-width-header h4 {
        background-color: #003359;
        color: #ffffff;
        display: block;
        font-size: 11px;
        height: 25px;
        line-height: 25px;
        margin-bottom: 0;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%;
}
 
div#locations div#large-width-header ul {
        color: #696969; 
        font-size: 12px; 
        line-height: 20px; 
        /*list-style-image: url(images/locations-gray-arrow.png); */
        margin-left: 0;
        padding: 10px 0 10px 30px;
}
 
/* small-width-header */
div#locations div#small-width-header {
        /*background: url(images/locations-gradient.jpg) repeat-x;*/
        background-position: bottom;
        margin: 0 10px 20px 0;
        width: 150px;
}
 
div#locations div#small-width-header h4 {
        background-color: #003359;
        color: #ffffff;
        display: block;
        font-size: 11px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%;
}
 
div#locations div#small-width-header ul {
        color: #696969; 
        font-size: 12px; 
        line-height: 20px;  
        margin-left: 0;
        padding: 10px 10px 10px 30px;
}
 
div#locations div#large-width-header ul li a, div#locations div#small-width-header ul li a {
        color: #696969;
        text-decoration: none;
}
 
div#locations div#large-width-header ul li a:hover, div#locations div#small-width-header ul li a:hover {
        color: #B3995D;
        text-decoration: none;
}

/* Hot Rental Deals Search Form */
div#hot-rental-deals-search-form {
        padding: 10px;
}
 
form#hot-rental-deals-search-form label {
        font-size: 12px;
        line-height: 30px;
        margin: 0 10px 0 0;
        margin: 0;
        padding: 0;
        padding: 0 0 3px 0;
        text-transform: none;
}
 
form#hot-rental-deals-search-form input.text {
        background-color: #ffffff;
        border: 1px solid #d3d3d3;
        color: #808080;
        font-size: 14px;
        height: 20px;
        margin: 5px 0 5px 0;
        padding: 0;
        width: 200px;
}
 
form#hot-rental-deals-search-form select.text {
        background-color: #ffffff;
        border: 1px solid #d3d3d3;
        color: #808080;
        font-size: 14px;
        height: 20px;
        margin: 0 0 5px 0;
        padding: 0;
        width: 200px;
}
 
form#hot-rental-deals-search-form input.submit {
        background-color: #002856;
        border: 1px solid #ffffff;
        color: #ffffff;
        display: block;
        font-size: 14px;
        height: 25px;
        line-height: 20px;
        margin: 0 auto;
        margin-bottom: 10px;
        margin-top: 10px;
        text-transform: uppercase;
        width: 150px;
}

div#white-page p strong {
	font-weight: bold;
}

/*Terms & Conditions Title Style */
div#title-style h6 {
	border-bottom: 6px solid #b3995d;
	color: #062a58;
	font-size: 22px;
	font-weight: bold;
	line-height:20px;
	margin: 0 0 5px 0;
	padding: 0 35px 20px 35px;
	text-align: left;
}

/* Start giveaway page styles */
 
div.giveaway-form {
       font-size: 16px;
       height: 100%;
       margin: 0 auto;
       width: 980px;
}
 
div.giveaway-form .header {
       background-color: #20436b;
       color: #ffffff;
       height: 40px;
       line-height: 40px;
       margin: 20px 0 0 0;
       padding: 0;
       text-align: center;
       text-transform: uppercase;
}
 
/* giveaway form styles */
div.giveaway-form-content {
       background-color: #5d5d5d;
       color: #ffffff;
       font-size: 13px;
       height: 100%;
       line-height: 20px;
       margin: 0;
       padding: 10px 35px 10px 35px;
}
 
div#giveaway-form-content label {
       float: left;
       font-weight: bold;
       margin-right: 10px;
       text-align: right;
       width: 120px;
}
 
div#giveaway-form-content label.giveaway-label {
       float: left;
       font-weight: bold;
       margin-right: 10px;
       padding-left: 5px;
       text-align: right;
       width: 115px;
} 
div.giveaway-form-content br {
       clear: left;
}
 
div.giveaway-form-content a {
       color: #ffffff;
       font-size: 11px;
       height: 100%;
       margin: 0 auto;
       padding: 0;
       text-align: center;
}
 
div.giveaway-form-content p {
       background-color: #5d5d5d;
       color: #ffffff;
       font-size: 11px;
       height: 100%;
       line-height: 10px;
       margin: 0;
       padding: 0 0 5px 0;
       text-align: left;
       text-transform: none;
}
 
div.giveaway-form-content h2 {
       background-color: #5d5d5d;
       color: #ffffff;
       font-size: 12px;
       height: 100%;
       line-height: 20px;
       margin: 0;
       padding: 0 0 20px 0;
       text-align: center;
       text-transform: none;
}
 
div.giveaway-form-content div.left {
       float: left;
       margin: 0;
       padding: 0;
}
 
div.giveaway-form-content label {white-space:normal;}
 
div.giveaway-form-content input.giveaway-text {
       background-color: #ffffff;
       border: 1px solid #d3d3d3;
       color: #808080;
       font-size: 14px;
       height: 20px;
       margin: 0 10px 15px 0;
       padding: 5px 5px 0 5px;
       width: 200px;
}
 
div.giveaway-form-content select.giveaway-text {
       background-color: #ffffff;
       border: 1px solid #d3d3d3;
       color: #808080;
       font-size: 14px;
       height: 27px;
       margin: 0 0 15px 0;
       padding: 0;
       width: 215px;
}
 
div.giveaway-form-content input.submit {
       background-color: #002856;
       border: 1px solid #ffffff;
       color: #ffffff;
       display: block;
       font-size: 14px;
       height: 25px;
       line-height: 20px;
       margin: 0 auto;
       margin-bottom: 10px;
       margin-top: 10px;
       text-transform: uppercase;
       width: 100px;
}
 
div.giveaway-form-content input.submit:hover {
       background-color: #b3995d;
}
 
.giveaway-form-container {
       clear: both;
       font-family: 'Lucida Grande', Arial, Sans-serif;
       font-size: 13px;
       padding:20px 0 0 150px;
       text-align: left;
       width:680px;
}
 
.l-form
{
float: left;
margin: 0;
padding: 0; 
text-align: left;
width: auto;
}
 
div.giveaway-form-container .giveaway-radio
{
float: left; 
margin: 0;
padding: 0 0 0 0; 
text-align: left;
width: 90px;
}
 
div.giveaway-form-container .giveaway-checkboxes
{
float: left; 
margin: 0;
padding: 0 5px 0 0; 
text-align: left;
width: 160px;
}
 
div.giveaway-form-container input.giveaway-radio
{ 
    height:auto;
    width:15px; 
}
 
div.giveaway-rb-list label {
       float: none;
}
 
div.giveaway-form-container div.giveaway-terms {
    margin: 0 0 0 20px;
    text-indent: -20px; 
}
 
div.giveaway-form-container input.giveaway-terms-checkbox{
    height: auto;
    width: 15px; 
}
 
div.giveaway-form .giveaway-form-error
{
    color: #FF0000;
    padding: 10px;
}
 
div.giveaway-form ul.giveaway-form-error
{
  
    list-style-type: disc;
}
 
div.giveaway-form li.giveaway-form-error
{
    list-style-type: disc;
    padding: 0;  
}
 
div.giveaway-terms-popup 
{
   margin-bottom: 10px;
   max-height: 350px; 
   overflow: auto; 
}
 
div.giveaway-terms-popup p
{
    margin-bottom: 1em;
}

.25px-spacer {
    margin-top: 25px;
}
 
.left {
    float: left;
    margin: 0;
    padding: 0;
}
 
.clear-both {
    clear: both;
}

div#hot-rental-deals-search-form a {
        background-color: #002856;
        border: 1px solid #ffffff;
        display: block;
        font-size: 14px;
        height: 25px;
        line-height: 20px;
        margin: 0 auto;
        margin-bottom: 10px;
        margin-top: 10px;
        padding-left: 10px;
        padding-top: 5px;
        text-decoration: none;
        text-transform: uppercase;
        width: 150px;
}
 
div#hot-rental-deals-search-form a:link {
        color: #ffffff;
}
 
div#hot-rental-deals-search-form h3 {
        color: #c9dfec; 
        margin-left: 15px;
        padding: 10px;
}
 
form#aspnetForm label {
        font-size: 12px;
        line-height: 30px;
        margin: 0 10px 0 0;
        margin: 0;
        padding: 0;
        padding: 0 0 3px 0;
        text-transform: none;
}
 
form#aspnetForm input.text {
        background-color: #ffffff;
        border: 1px solid #d3d3d3;
        color: #808080;
        font-size: 14px;
        height: 20px;
        margin: 5px 0 5px 0;
        padding: 0;
        width: 200px;
}
 
form#aspnetForm select.text {
        background-color: #ffffff;
        border: 1px solid #d3d3d3;
        color: #808080;
        font-size: 14px;
        height: 20px;
        margin: 0 0 5px 0;
        padding: 0;
        width: 200px;
}
div#teasers div#club-mb {
        float: left;
        height: 166px;
        width: 488px;
}
 
div#teasers div#club-mb h4 a {
        background: #b3995d;
        color: #ffffff;
        display: block;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%;
}
 
div#teasers div#specials-mb {
        height: 166px;
        margin-left: 492px;
        width: 488px;
}
 
div#teasers div#specials-mb h4 a {
        background: #003359;
        color: #ffffff;
        display: block;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%;
}

/* New Style for Locations */
div#waterparks { position:relative;}
div#waterparks a.learn-more {
background-color: #003359;
border: 1px solid white;
color: white;
display: block;
font-size: 11px;
height: 20px;
line-height: 20px;
margin: 265px 0 0 80px;
padding: 0 7px;
position: absolute;
text-align: center;
text-decoration: none;
text-transform: uppercase;
/*margin-top: 265px;*/
}
div#waterparks div.centered-button{ margin: 0 auto; width: 200px;}
div#club-select a.learn-more {
background-color: #003359;
border: 1px solid white;
color: white;
display: block;
font-size: 11px;
height: 20px;
line-height: 20px;
margin-left: 175px;
margin-top: 80px;
position: absolute;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 140px;
}

.standard-text {color:#808080; font-family: 'Lucida Grande','Lucida Sans',Helvetica,Arial,sans-serif; font-size: 13px; line-height:18px;}

div.rightOfferScroller { float: none;}

#contact-chairman-form-content p.char-limit-chairman {color: #696969;font-size: 11px;text-transform: none;}
#contact-chairman-form-content p strong{font-weight:bold;}
#contact-chairman-form-content .input-fields label {
    color: #696969;
    float: left;
    font-weight: bold;
    margin-right: 10px;
    text-align: right;
    white-space:normal;
    width: 120px;}
#contact-chairman-form-content .input-fields input.text {
    background-color: #FFFFFF;
    border: 1px solid #D3D3D3;
    color: #808080;
    font-size: 14px;
    height: 20px;
    margin: 0 10px 5px 0;
    padding: 5px 5px 0;
    width: 200px;}   
#contact-chairman-form-content input.submit {
    background-color: #002856;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 150px;} 
    
#contact-chairman-form-content p.char-limit-chairman input {
    background-color: Transparent;
    border: 0 none;
    color: #696969;
    font-family: 'Droid Sans','Lucida Grande',Helvetica,Arial,sans-serif;
    font-size: 11px;
    height: 14px;
    line-height: 20px;}

#contact-chairman-form-content .checkbox label { color:#696969;}

.no-right-margin { margin-right: 0 !important;}
.allow-wrap {white-space: normal;}
.page-footer { margin-top: 20px;}

/* RESORT SEARCH RESULTS PAGE MODIFICATIONS CSS - Added 16/05/2012 - Peter Bannon*/
table.grdResorts th
{
    color:#696969;
    font-size:75%;
    font-weight:normal;
    line-height:2;
    padding-bottom: 21px;
    text-align:left;
}

a.light-blue-btn:link {
	background-color: #e7eff5;
	border: 1px solid #e2ecf4;
	color:#003359;
	display:inline;
	margin-right:5px;
	padding:6px;
	text-decoration: none;
}
a.light-blue-btn:visited {
	background-color: #e7eff5;
	border: 1px solid #e2ecf4;
	color:#FFFFFF;
}
a.light-blue-btn:hover {
	background-color: #cce2f3;
	border: 1px solid #e2ecf4;
}

a.blue-btn:link {
	background-color: #003359;
	border: 1px solid #e2ecf4;
	color:#003359;
	display:inline;
	margin-right:5px;
	padding:6px;
	text-decoration: none;
}
a.blue-btn:visited {
	border: 1px solid #003359;
	color:#FFFFFF;
}
a.blue-btn:hover {
	background-color: #003359;
	border: 1px solid #e2ecf4;
}


/* Resort Locations Google Map Css - Added 29/05/2012 - Peter Bannon*/
div#resortsGMap {background-color: rgb(229, 227, 223); border: 5px solid rgb(0, 51, 89); height:400px; margin-top:20px;-ms-opacity:0;opacity:0; overflow: hidden; position: relative; width: 970px;}

div#resortsGMapKey { font-size:13px; margin-left:10px;margin-right:auto;width:970px;}
div#resortsGMapKey div { display:inline; *display:inline; margin-left: 2px; zoom:1}
#resortsGMapKey .gmap-key-blue { background: url('https://cmsprod.diamondresorts.com/sites/default/files/images/mapKeyLogos.png') 0 0; display:inline-block; *display:inline; height:14px;width:14px;zoom:1;}
#resortsGMapKey .gmap-key-gold { background: url('https://cmsprod.diamondresorts.com/sites/default/files/images/mapKeyLogos.png') 14px 0;display:inline-block; *display:inline; height:14px;margin-left:20px;width:14px;zoom:1;}
#gMapResort .resortTitle { background-color:#01325a;color:#FFF;text-align:center;width:auto;}
#gMapResort img { display:inline; *display:inline; width:100px; zoom:1 }
#gMapResort p { color: #696969; font-size: 11px; line-height:1em; margin: 5px 5px 5px 0 }
#gMapResort a { color:#B3995D; font-size: 11px; }
#gMapResort td { vertical-align: middle; }
#gMapResort .content-block { display: inline-block; zoom: 1; *display:inline;vertical-align: top;}
#gMapResort .resortThumb { margin: 5px 5px 5px 0; }
#gMapResort .resortMiniThumb { margin: 3px 3px 3px 0;}
#gMapResort .resortMiniThumb img { width:50px } 
#resortsGMap div {background-color:transparent; }
#resortsGMap canvas {background-color:transparent; }

.ucb-banner, .discover-banner {
    background-color: black;
    height: 165px;
    margin-bottom: 15px;
}

.ucb-banner-static 
{
    background-color: black;
    height: 165px;
    position: absolute;
    width: 260px;
}

#ucb-banner-resize {
    background-image: url('../images/Ucb-Home-Promo-Background.jpg');
    background-repeat: repeat-y;
    left: 260px;
    position: absolute;
    width: 720px;
}

#ucb-banner-resize a{
    color: white;
}

#ucb-banner-resize a:hover {
    color: #B3995D;
}

#ucb-banner-resize #ucb-banner-mini-description {
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
}

#ucb-banner-resize .main-email {
    margin-top: 10px;
    text-align: center;
}

#ucb-banner-resize .main-email input {
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    vertical-align: middle;
    width: 470px;
}

.ucb-privacy {
    color: white;
    font-size: 11px;
    line-height: 11px;
    margin-top: 8px;
    text-align: left;
}

#ucb-banner-form {
    margin: 0 auto;
    text-align: center;
    width: 475px;
}

#ucb-banner-form .ucb-banner-left-col {
    float: left;
}

#ucb-banner-form input[type='submit'] {
    
    background-color: #B3995D;
    border: solid 1px white;
    color: white;
    font-size: 18px;
    font-weight: bold;
    height: 34px;
    margin-top: 15px;
    padding: 0 35px;
    text-align: center;
    text-transform: uppercase;
}

#ucb-banner-form .ucb-banner-left-col input {
    
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    vertical-align: middle;
    width: 220px;
}

#ucb-banner-form .ucb-banner-right-col {
    float: right;
}

.ucb-watermark {
    color: #999
}

#ucb-banner-full-description .ucb-main-description {
    color: white;
    font-size: 16px;
    line-height: 18px;
    margin: 0 20px;
    text-align: center;
}

#ucb-banner-full-description .ucb-secondary-description {
    color: white;
    font-size: 11px;
    line-height: 12px;
    margin: 5px 20px;
    text-align: center;
}

#ucb-banner-full-note {
    color: white;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    margin: 10px 20px;
    text-align: center;
}

#ucb-banner-footnote {
    color: white;
    float: left;
    font-size: 10px;
    margin: 1px 5px;
    text-align: left;
}

#ucb-banner-footnote-close {
    color: white;
    float: right;
    font-size: 12px;
    margin: 1px 5px;
    text-align: left;
}

#ucb-banner-form .ucb-banner-right-col,  #ucb-banner-form .ucb-banner-left-col {
    height: 34px;
    margin-top: 15px;
    width: 230px;
}

#ucb-banner-form .ucb-banner-right-col input{
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    vertical-align: middle;
    width: 220px;
}
#ucb-banner-form .ucb-banner-right-col select
{
    height: 34px;
    line-height: 34px;
    padding-top: 6px;
    vertical-align: middle;
    width: 230px;
}

.ucb-banner-small {
    color: white;
    font-size: 11px;
    line-height: 15px;
    margin-top: 3px;
}

.ucb-banner-small a{
    line-height: 25px;
}


.ucb-banner-normal 
{
    height: auto;
}

.ucb-banner-shrink {
    height: 165px;
}

#survey-app {
    position: fixed;
    right: 0;
    top: 60px;
    width: 746px;
    z-index: 20000;
}

#survey-app-tab {
    cursor: pointer;
    height: 146px;
    left: 0;
    position:absolute;
    top: 0;
    width: 51px;
}

#survey-app-content 
{
    height: 425px;
    left: 51px;
    position: absolute;
    top: 0;
    width: 695px;
}

#survey-app-content img {
    left: 0;
    position: absolute;
    top: 0;
}

#feedback-tab-close {
    margin-top: -26px;
}

#survey-app-content .survey-app-details {
    color: #555555; 
    font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    left: 30px;
    line-height: 18px;
    position: absolute;
    text-align: left;
    top: 240px;
    width: 635px;
}

#survey-app-content .survey-app-action {
    font-size: 10px;
    left: 365px;
    position: absolute;
    text-align: center;
    top: 348px;
    width: 300px;
}

#survey-app-content .survey-app-action a.survey-button {
    background-color: #489fe0;
    color: white;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 25px;
    text-decoration: none;
    text-transform: uppercase;
}

#survey-app-content .survey-app-action a.survey-button:hover {
    background-color: #0d4c7a;
}



#survey-app-content .survey-app-details .survey-app-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
}

.survey-app-hide {
    margin-right: -695px;
}

.Error121 {
	border: 1px solid red;	
}

.ucb-ErrorMsg121 {
	height: 0;
	position: absolute;
	visibility: hidden;
	width: 0;
}
.ucb-validation {
    font-size: 14px;
    line-height: 17px;
    margin: 0 auto;
    width: 470px;
}
.ucb-success {
    color:#B3995D;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    
}


.teaser-text {
	width: 470px; 
	height: 96px; 
	background-image: url(../images/clear-gold.png); 
	padding: 25px 25px 0 25px; 
	margin-top: 110px;
	overflow: auto; 
	color: #ffffff;
	font-size: 12px;
	line-height: 1.4em;
	font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
}

.teaser-title {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}

.teaser-resort {
	width: 520px; 
	height: 39px; 
	padding: 15px 25px 0 25px;
	color: #ffffff;
	color: rgba(255,255,255,0.8);
	font-size: 12px;
	line-height: 1.4em;
	font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
}

.teaser-resort-right-lower strong {
	font-weight: normal;
}

.teaser-resort-right-lower em {
	font-style: normal;text-transform: uppercase;
}

#feature > div {
	width: 980px; 
	height: 285px; 
}

#feature .right-lower {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

#feature .right-upper {
	float: right;
	text-align: right;
	margin-top: 20px;
}

#feature .left-lower {
	float: left;
	text-align: left;
}

#feature .left-upper {
	position: absolute;
	top: -90px;
	left: 0;
	text-align: left;
}

#feature .large-box 
{
    height: 120px !important;
}

#feature .teaser-resort-right-lower
{
    position: absolute;
    bottom: 5px;
    right: 0;
    text-align: right;
    color: #ffffff;
	color: rgba(255,255,255,0.8);
	font-size: 12px;
	line-height: 1.4em;
	font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif;
	padding: 15px 25px 0 25px;
}