body { 
	margin: 0px;
	background-color: #FDF8EF;
	background-image: url(../images/wrapper/bkg.jpg);
	background-repeat: repeat-x
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrapper {
	width: 995px;
	height: auto;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0
}

#contentContainer {
	width: 810px;
	height: auto;
	min-height: 970px;
	position: relative;
	top: 0;
	left: 0;
	padding: 5px 10px 30px 10px;
	background-image: url(../images/wrapper/contentBkg.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	border-left: 1px solid #C3BFB1;
	border-right: 1px solid #C3BFB1
}
#corner { position: absolute; top: -1px; left: -1px }
/*================================== Breadcrumbs */
#breadcrumb, #dynaCrumb { 
	width: 100%;
	padding-left: 10px;
	margin-top: -3px; 
	font-size: 8px;
	color: #102E69; 
	text-transform: uppercase
}
#dynaCrumb { margin-top: -15px }
#breadcrumb a, #dynaCrumb a { color: #31579F !important; border-bottom: 1px dotted #8BA8DF }
#breadcrumb a:hover, #dynaCrumb a:hover { border-bottom: 1px dotted #8BA8DF !important }

/*==================================================================== Content Placement */
#content {
	width: 832px;
	height: auto;
	position: absolute;
	top: 0;
	left: 155px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 17px;
	text-align: justify
}
#content a { text-decoration: none; color: #69F }
#content a.bRed, #content a.bRedFake { color: #f93e40 !important; font-weight: bold }
#content a.bBlue { font-weight: bold; font-size: 12px; color: #4071CF !important }
#content a.bGreen { font-weight: bold; color: #75B74F !important }
#content a:hover { text-decoration: underline }
#content p { margin-top: 0; margin-bottom: 15px }
#content ul { margin-top: 0; list-style-type: square }

/*================================== Headings */
/* underlined - Main Header - sifr replaced  */ 
#content h1 {
	font-size: 24px;
	color: #4071CF;
	font-weight: normal;
	line-height: 28px;
	margin: 0 0 10px 0;
	padding-top: 8px;
	display: block;
	border-bottom: 1px solid #C2D1EF
}
/* Sub-Sections Header */
#content h2 {
	font-size: 22px;
	color: #4071CF;
	font-weight: normal;
	line-height: 24px;
	display: inline;
	padding-top: 5px;
	margin: 15px 0 2px 0
}
/* Green */
#content h3 {
	font-size: 16px;
	font-weight: normal;
	color: #68AB42;
	margin: 0 0 10px 0;
	line-height: 20px
}
/* Blue Left Small */
#content h4 {
	font-size: 14px;
	color: #4071CF;
	font-weight: bold;
	margin: 35px 0 2px
}
/* Blue Centered Underline */
#content h5 {
	font-size: 14px;
	color: #4071CF;
	font-weight: bold;
	text-align: center; 
	padding-bottom: 5px; 
	margin: 0 0 15px;
	line-height: 17px;
	border-bottom: 1px solid #C2D1EF
}
/* Green Centered */
#content h6 {
	font-size: 22px;
	color: #68AB42;
	font-weight: normal;
	line-height: 20px;
	margin: 35px 0 2px;
	padding-top: 8px;
	text-align: center
}
#content h7 {
	font-size: 12px;
	color: #69F;
	text-align: left; 
	padding-bottom: 5px; 
	margin: 0 0 15px;
	line-height: 17px
}
/*================================== sIFR al rescante! http://www.mikeindustries.com/sifr/ */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h6 { visibility: hidden }

/*================================== Left Content Column */
#leftContent {
	width: 570px;
	height: auto;
	float: left;
	padding-top: 10px
}
#leftContent table { text-align: left }
#leftContent ol { margin-top: 0 }
#leftContent ol li { margin-top: 15px }

/*================================== Right Content Column */
#rightContent {
	width: 215px;
	height: auto;
	position: relative; 
	top: 0;
	float: right;
	padding: 10px;
	margin: 10px -10px 0 0;
	text-align: left;
	border-top: 1px solid #F5E6D8;
	border-bottom: 1px solid #F5E6D8;
	border-left: 1px solid #F5E6D8;
	background-image: url(../images/rightBkg.gif)
}
#rightContent h3 {
	font-size: 14px; 
	font-weight: bold; 
	color: #7F7F7F;
	margin: 0 0 10px 0; 
	line-height: 18px; 
	text-align: center;
	border-bottom: 1px solid #F5E6D8
}
#rightContent p { 
	clear: both; 
	margin-top: 0;
	text-align: justify
}
#rightContent a.title { font-weight: bold; font-size: 12px }
#rightContent #new {
	width: 201px;
	height: 208px;
	position: relative;
	margin: -11px -8px 0 -11px;
	padding: 70px 25px 0 10px;
	text-align: right;
	background-image: url(../images/hot_bkg.gif);
	background-repeat: no-repeat;
	border: none
}
#rightContent #new a {
	display: block;
	margin: 10px 0;
	padding-right: 14px;
	line-height: 15px;
	background: url(../images/hotLinkBkg.gif) bottom right no-repeat
}
#rightContent #new a.bRedFake { background: none }
#rightContent #new a.alert {
	font-weight: bold;
	font-size: 14px;
	color: #ff3c42 !important;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 0 3px 18px;
	margin: -1px 0 -2px 0;
	background: url(../images/alert.gif) top left no-repeat;
}
/*#rightContent #new { 
	width: 217px; 
	padding: 0 8px 0 10px; 
	margin: -10px -10px 1px -10px; 
	border-bottom: 1px solid #F5E6D8
}
#rightContent #new ul { 
	margin-left: 0; 
	margin-top: 0;
	padding-left: 15px; 
	list-style-type: square
}
#rightContent #new img { margin: -1px -8px 0 -11px }
#rightContent #new li { margin: 5px 0 }
#rightContent #new a { font-size: 12px }*/
#spacer {
	width: 236px;
	height: 20px;
	margin: -1px -8px 0 -11px; 
	border-bottom: 1px solid #F5E6D8;
	background-color: #FFF
}

/*==================================================================== Left Column Nav Placement */
#lColumn {
	width: 154px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #3F4572;
	z-index: 0
}

/*==================================================================== Top Nav Placement */
#navContainer {
	width: 100%;
	min-width: 900px;
	position: absolute;
	top: 95px;
	left: 0;
	z-index: 150
}

/*==================================================================== Form Fields Styling */
#content select, #content .inField { 
	width: 180px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	padding: 1px;
	border: 1px solid #d9d9d9;
}
#content .formBut { 
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	cursor: pointer;
	background-color: #CFE0FF;
	border: 1px solid #69F;
}
#content 
	.iField, #content .tArea, #content .sub {
	width: 200px;
	height: auto;
	border: 1px solid #D9D9D9;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 2px;
	text-align: left;
	background-color: #FFF;
}
	.iForm, #content .tArea, #content .sub {
	height: auto;
	border: 1px solid #D9D9D9;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 2px;
	text-align: left;
	background-color: #FFF;
}

#content .tArea { height: 100px }
#content .sub { 
	width: auto; 
	text-align: center; 
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	background-color: #69f;
}
/*==================================================================== Misc Styling */
/*================================== Universal Footer */
#univFooter {
	width: 830px;
	margin-top: -2px;
	margin-bottom: 30px;
	padding-top: 20px;
	text-align: center; 
	background-color: #FFF;
	border-left: 1px solid #C3BFB1;
	border-right: 1px solid #C3BFB1
}
#univFooter h5 {
	font-size: 14px;
	color: #69F;
	font-weight: bold;
	text-align: center; 
	margin: 0;
	line-height: 17px;
}
#footBot {
	margin-top: 20px;
	position: relative;
	top: 7px;
	left: -1px
}

/*================================== Images */
img { border: none }
.imgBorder, .lFloatImg, .rFloatImg {
	padding: 3px; 
	text-align: center;
	border: 1px solid #D9D9D9;
	background-color: #FFF
}
.lFloatImg { float: left; margin: 0 10px 0 0 }
.rFloatImg { float: right; margin: 0 0 0 10px }

#villaGO { position: absolute; margin: 2px 0 0 5px }
#ctl00_rfvArrive { z-index: 150 }

/*================================== Home Page */
#hpTitle h1 { 
	font-size: 15px; 
	padding-top: 2px;
	margin-top: 12px
}

#caribbean {
	width: 49%;
	float: left;
	margin-right: 10px;
	text-align: left
}
#europe {
	width: 49%;
	float: left;
	text-align: left
}
#caribbean a, #europe a { font-weight: bold }
#caribbean div, #europe div { 
	float: left;
	margin: 0 3px 3px 0;
	padding: 3px; 
	border: 1px solid #D9D9D9
}
#caribbean p, #europe p { clear: both; padding-top: 15px; margin: 0 }
p.avail {
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #f93e40;
	border-bottom: 1px dotted #FFBFC2;
}

/*================================== Content Calendars */
.contCal .ajax__calendar_container { 
	background-color: #FFF;
	color: #666;
	border: 1px solid #d9d9d9;
	z-index: 100
}
.contCal { font-size: 9px }
.contCal .ajax__calendar_dayname { 
	font-size: 8px; 
	text-transform: uppercase; 
	color: #000; 
	border-bottom: 1px solid #C3BFB1
}
.contCal .ajax__calendar_day { 
	border-right: 1px solid #F7F7F7; 
	border-bottom: 1px solid #F7F7F7; 
	text-align: center 
}
.contCal .ajax__calendar_active {
	background-color: #99BBFF;
	color: #102E69
}
.contCal .ajax__calendar_hover { background-color: #DFEBFF; color: #69F }
.contCal .ajax__calendar_today { 
	background-color: #FFF7EF;
	border: 1px solid #C3BFB1;
	color: #7F7F7F;
}
.contCal .ajax__calendar_other {
	color: #CFCFCF
}

/*================================== Specials/Promotional Pages */
#topPromos {
	overflow: hidden;
	_height: 1%;
	padding: 10px;
	background: url(/images/rightBkg.gif) top left repeat;
	border: 1px solid #F5E6D8
}
#topPromos .topVilla { width: 47%; float: left; padding-top: 5px }
#topPromos table {
	width: 190px;
	margin: 5px 0;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 14px;
	border-top: 1px dotted #d9d9d9;
	border-bottom: 1px dotted #d9d9d9
}
#topPromos a { font-size: 14px; font-weight: bold }
#topPromos a.view { font-size: 11px; color: #fd954b }
#topPromos td { width: 33%; border-right: 1px dotted #d9d9d9 }
#topPromos td span { font-size: 8px; font-weight: normal }
#topPromos img { float: left; margin: -5px 8px 0 0 }
#special { width: 100% }
#special td { 
	width: 33%; 
	padding: 25px 10px 0 10px;
	vertical-align: top
}
#special td img { 
	float: left; 
	margin:	-15px 5px 0 0; 
	padding: 3px;
	border: 1px solid #d9d9d9 
}
#special td img.reg {
	float: none;
	margin: 0 0 15px 0;
	padding: 0;
	border: none
}
#special td p { clear: both; margin: 0 }
#special td a { font-size: 12px; font-weight: bold }
#special td a span { font-size: 11px; color: #4071CF }
#special td h4 {
	text-align: center;
	color: #FFF; 
	margin: -10px 0 0 0; 
	text-transform: uppercase
}
/*================================== XML Based Specials Pages */
table.spec { 
	width: 100%; 
	margin-bottom: 15px;
	border: 1px solid #f5e7d9; 
	background-image: url(../images/rightBkg.gif) 
}
table.spec td { padding: 5px; vertical-align: top }
table.spec p { 
	margin-bottom: 0; 
	font-weight: bold; 
	font-size: 12px; 
	text-align: left;
	border-bottom: 1px dotted #d9d9d9 
}
table.spec a { width: 25%; float: left; margin: 1px 0; font-weight: bold }
div.specRoll { width: 158px; height: 108px; position: relative; right: 0 }
div.specRoll img { 
	width: 150px; 
	height: 100px; 
	padding: 3px; 
	background-color: #FFF; 
	border: 1px solid #d9d9d9 
}
div.specInfo { 
	width: 148px; 
	position: absolute; 
	bottom: -23px; 
	left: 4px; 
	text-align: center;
	font-size: 10px;
	line-height: 14px;
	z-index: 100
}
div.specInfo strong { font-size: 12px; color: #4071cf }
div.specBkg {
	width: 148px; 
	height: 28px;
	position: absolute; 
	bottom: 4px; 
	left: 4px; 
	background-color: #FFF; 
	border: 1px solid #e8dedb;
	opacity: .80; 
	filter: alpha(opacity=80);
	z-index: 30
}
div.burst {
    width: 80px;
    height: 62px;
    padding: 28px 5px 0 5px;
    color: #FFF;
	font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
	background: no-repeat
}
table.burst {
	width: 90px;
	height: 90px;
    color: #FFF;
	padding: 5px;
	font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
	vertical-align: middle;
	background: no-repeat
}
table.burst td { vertical-align: middle }
table.spec td table td { padding: 0 }
table.spec td.solo {
	width: 50%;
	padding: 0 25px 0 0
}
table.spec td.solo a { width: 100%; margin-bottom: 20px }

/*================================== SBH Restaurant Discount Card */
a.restPromo {
	display: block;
	width: 200px !important;
	height: 32px;
	position: relative;
	top: 0;
	left: 0;
	padding: 0px 0 0 28px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none !important;
	color: #4071CF !important;
	text-align: center;
	line-height: 14px;
	background: url(../images/restPromo.gif) top left no-repeat;
	z-index: 50
}
a.restPromo span.tooltip {
    width: 174px;
    height: 106px;
    position: absolute;
    top: 19px; 
    left: 17px;
    padding: 20px 6px 0 6px;
    color: #666;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    background-image: url(../images/restBubble.gif);
    z-index: 50
}
a.restPromo span.tooltip strong { 
	display: block;
	margin-bottom: 3px;
	font-size: 11px; 
	color: #69F 
}
a.restPromo span.tooltip i { font-variant: none; font-size: 8px }
a.restPromo span{ display: none }
a.restPromo:hover{ z-index: 25 }
a.restPromo:hover span.tooltip { display: block }
p#destpromo { margin: -5px 0 10px 25px }


/*================================== Contact Forms */
ul.form {
    width: 100%;
    float: left;
	clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}
ul.form li {
    width: 100%;
    float: left;
    padding: 5px 0;
    line-height: 14px;
}
ul.form i { float: left; font-style: normal; font-size: 8px; font-weight: bold; text-transform: uppercase }

ul.form label {
	float: left;
	margin-right: 5px;
	font-size: 8px;
	text-transform: uppercase;
	color: #000;
}
ul.form label strong { margin-right: 5px }
ul.form label.req { color: #4071CF; font-weight: bold }
ul.form label.label-emphasize { margin-top: 3px; line-height: 16px; font-size: 14px; color: #4071CF; text-transform: capitalize !important }

ul.form select, ul.form input.iField, ul.trip select, ul.trip input.iField {
	padding: 2px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: left;
	background: #FFF;
	border: 1px solid #d9d9d9;
}

ul.form input.iField { width: 178px !important; float: left; clear: left }
ul.form input.iField.half, ul.form select.half { width: 88px !important }
ul.form input.iField.two-thirds { width: 100px !important }
ul.form input.iField.one-third { width: 65px !important }
ul.form input.iField.one-fourth { width: 58px !important }

ul.form select { width: 183px !important; float: left; clear: left; font-size: 10px; padding: 1px }
ul.form select.one-third { width: 70px !important }
 
ul.form span { float: left; margin-right: 8px }
ul.form span.no-margin { margin: 0 !important }
ul.form span.checkbox { padding: 12px 0 0 5px }
ul.form span.checkbox input { float: left }
ul.form span.button { margin: 0 !important; padding-top: 15px }

ul.form .tArea.comments { width: 369px !important; height: 40px !important; float: left !important; clear: left; overflow: auto }
ul.form input.formBut {
	width: 184px !important;
	padding: 2px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF !important;
	text-transform: uppercase;
	cursor: pointer;
	background: #FF9897 !important;
	border: 1px solid #FD0600 !important;
}

ul.form h4 { margin: 0 !important; font-size: 11px !important; font-weight: normal !important; text-transform: uppercase }
ul.form h4.gray { color: #A7A7A7 !important }
ul.form .float-right { float: right; margin-right: 25px }
ul.form .padding-top { padding-top: 10px !important }

ul.form span.summary { 
	width: 172px;
	float: right;
	margin: 14px 25px 0 0;
	padding: 5px 5px 7px 5px;
	font-size: 10px;
	line-height: 15px;
	background: #CADEFF;
	border: 1px solid #4071CF;
}
ul.form span.summary strong { width: 60%; float: left; margin-right: 2%; text-align: right; color: #4071CF; }
ul.form span.summary u { width: 38%; float: left; text-decoration: none }

ul.trip {
	width: 354px;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	list-style-type: none !important;
	text-align: left;
	background: #CADEFF;
	border: 1px solid #4071CF;
}
ul.trip li { width: 50%; float: left }
ul.trip label { font-weight: bold; margin-right: 5px }
ul.trip select { width: 100px !important }
ul.trip input.iField { width: 85px !important; background: #CADEFF !important; border-color: #CADEFF !important; }
ul.trip img { margin: 5px 0 -5px 0 }

.formContact { float: left; margin-left: 10px }

ul.form-inquiry {
    width: 415px;
    /*float: left;*/
    margin: 0 auto;
    padding: 0;
    list-style-type: none !important;
	color: #4071CF;
}
ul.form-inquiry li {
    width: 100%;
    float: left;
    padding: 0 0 4px 0;
}
ul.form-inquiry label.desc {
	width: 85px;
    float: left;
    margin-right: 5px;
	padding-top: 3px;
    font-weight: bold;
	font-size: 10px;
    text-align: right;
}
ul.form-inquiry li.extra-height label.desc { padding-top: 18px }
ul.form-inquiry span { width: auto; float: left; margin-right: 5px }
ul.form-inquiry span label {
    width: inherit !important;
    display: block;
    margin-bottom: 1px;
	color: #9F9F9F !important;
	font-size: 9px;
}
ul.form-inquiry li.questions span label {
	width: 305px !important;
	line-height: normal;
	text-align: left !important;
}
ul.form-inquiry li.questions label.desc { padding-top: 32px }
ul.form-inquiry select, ul.form-inquiry input, ul.form-inquiry textarea {
	width: 150px !important;
	padding: 2px !important;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #666;
	text-align: left;
	background: #FFF;
	border: 1px solid #d9d9d9;
}
ul.form-inquiry select { width: 156px !important }
ul.form-inquiry textarea { width: 310px !important; height: 50px; overflow: auto }
ul.form-inquiry input.formBut {
	width: 150px !important;
	float: right;
	margin: 15px 8px 0 0;
	padding: 5px 2px !important;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF !important;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	background: #FF9897 !important;
	border: 1px solid #FD0600 !important;
}

div.inquiry-summary {
	width: 500px;
	position: relative;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: left;
	background: #CADEFF;
	border: 1px solid #4071CF;
	/*overflow : hidden; _height : 1%;*/
}
div.inquiry-summary ul {
    margin: 0;
    padding: 0;
	list-style-type: none !important;
	overflow : hidden; _height : 1%;
}
div.inquiry-summary li { width: 50%; float: left; margin: 2px 0 }
div.inquiry-summary li.title { width: 100%; float: left; margin: 2px 0 }
div.inquiry-summary li.title h4 {
    margin: 0 !important;
    font-size: 12px !important;
}
div.inquiry-summary label { 
	width: 76px;
	float: left;
    margin-right: 5px;
	padding-top: 0;
    font-weight: bold;
	font-size: 10px;
    text-align: right;
}
div.inquiry-summary select {
	width: auto !important;
	float: left;
	margin: -1px 5px -3px 0;
	padding: 2px !important;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color: #666;
	text-align: left;
	background: #FFF;
	border: 1px solid #d9d9d9;
}
div.inquiry-summary select.last { margin: -1px 0 -3px 0 }

div.inquiry-summary div.corner {
    width: 15px;
    height: 15px;
    position: absolute;
    float: none;
    margin: 0;
    background: top left no-repeat;
}
div.inquiry-summary div.corner.topleft { top: -5px; left: -5px; background-image: url(../images/forms/summary-topleft.gif) }
div.inquiry-summary div.corner.topright { top: -5px; right: -5px; background-image: url(../images/forms/summary-topright.gif) }
div.inquiry-summary div.corner.botright { bottom: -5px; right: -5px; background-image: url(../images/forms/summary-botright.gif) }
div.inquiry-summary div.corner.botleft { bottom: -5px; left: -5px; background-image: url(../images/forms/summary-botleft.gif) }