@charset "UTF-8";
/* CSS Document */

html, body, ht, td { padding: 0; margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

body {
	background: black url(../images/background-fade.png) top repeat-x ;
}

a { color: #fc3; text-decoration: none; }
a:hover { text-decoration: underline; }


div#wrapper {
	width: 900px;
	padding: 0; margin: 10px auto 0 auto;
	background: none;
}

div#header {
	/*background: url(../images/header-background.png) repeat-x;*/
	position: relative;
	}
	
div#nav_wrapper {
	margin-top: -15px;
	}

	div#banner { margin: 0; padding: 0; 
		border-top: 4px solid #fc3;
		border-bottom: 1px solid #fc3;
		background: #000;
		}
	/* Controls */
	div#controls { 
		position: relative; height: 20px; margin-top: -21px; padding: 0 20px;
		color: #fff; font-size: 12px; line-height: 20px;
		background: url(../images/dark-blue-70.png);
	}
	div#controls img.left { float: left; margin-right: 20px; }
	div#controls img.right { float: right; margin-left: 20px; }


/* --------  Content --------  */

div#left_col { width: 630px; float: left; padding-bottom: 10px; margin-right: 20px; background: #fff; }

div#content {
	background: none;
	margin-top: 20px;
	}
	
div#content img.boxed { border: 1px solid #ccc; background: #fff; padding: 10px; margin: 0 0 20px 0; }

div#content img.right { float: right; margin-left: 20px; }
div#content img.boxedRight { float: right; border: 1px solid #ccc; background: #fff; padding: 10px; margin-left: 20px; }

div#content img.left { float: left; margin-right: 20px; }
div#content img.boxedLeft { float: left; border: 1px solid #ccc; background: #fff; padding: 10px; margin-right: 20px; }

div#content table.rates { border: 0; margin: 0; padding: 0; width: 575px; border-spacing: 0; margin-top: 10px; }
div#content table.rates th { padding: 2px 5px; border-bottom: 1px solid #000; text-align: left; background-color: #fc3; }
div#content table.rates td { padding: 2px 5px; text-align: left; vertical-align: top; }
div#content table.rates td.td_0 { width: 190px; }
div#content table.rates td.td_1 { width: 310px; color: #666; }
div#content table.rates td.td_2, div#content table.rates th.th_2 { width: 75px; text-align: right; }
div#content table.rates tr.tr_0 td { background-color: #eee; }
div#content table.rates tr.tr_1 td { background-color: #ddd; }
div#content table.rates td ul { padding: 0; margin: 0; padding-left: 10px; }
div#content table.rates td ul li { padding: 0; margin: 0; margin-left: 5px; padding-left: 5px; }
div#content table.rates td p { padding: 0; margin: 0; }
div#rate_tables { display: none; clear: both; }
div#content .tabber_subhead { font-size: 14px; font-weight: bold; border-bottom: 1px solid #fc3; padding-bottom: 2px; }

/* Custom Classes */
div#content .inlineLarge { color: #039; font-size: 150%; font-weight: bold; }
div#content fieldset { padding: 10px; border: 1px solid #aaa; overflow: auto; }
div#content fieldset form input[type='submit'] { float: right; }
div#content legend {
  padding: 2px 4px;
  background-color: #ccc;
  border: 2px solid #aaa;
  border-bottom-width: 0; border-top-width: 0;
  color:#036;
  font-size:125%;
  font-weight: bold;
  text-align:left;
  }
div#content fieldset label { float: left; width: 100px; font-weight: bold; color: $036; }
/* Price Tables */

.pricingTable, .imagePricingTable, .horizPricingTable { margin-bottom: 16px;  }
.imagePricingTable td { text-align: center; border-bottom: 1px solid #aaa; padding: 1px 4px; }
.pricingTable td { text-align: center; border-bottom: 1px solid #aaa; padding: 1px 4px; }
.horizPricingTable td { text-align: right; border: 1px solid #aaa; border-left-width: 0; border-right-width: 0; padding: 1px 4px; }
.priceHeader, .pricingTable td.priceHeader, .horizPricingTable td.priceHeader { background-color: #def; }
.pricingTable td.priceHeader, .horizPricingTable td.priceHeader { border-top: 1px solid #aaa; }
.horizPricingTable td.priceHeader { text-align: left; }


/* --------  Right Column --------  */

div#right_col div.sidebar_text { padding: 10px; margin-top: 0; }

div#right_col h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 10px 0;
	color: #fff;
	background: url(../images/dark-blue-50.png);
	opacity: .7;
	}
div#right_col p { color: #fff; font-size: 12px; line-height: 16px; }
div#right_col { width: 250px; float: left;  background: url(../images/background-fade.png) repeat-x; color: #fff; }

div#right_col div.quicklook { margin-bottom: 20px; }
div#right_col div.quicklook h2 {
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: -18px 0 0 0;
	color: #fff;
	background: url(../images/dark-blue-50.png);
	opacity: .7;
	}
div#right_col div.quicklook p { margin: 0; padding: 0; line-height: 18px; background: url(../images/quicklook-background.gif) repeat-x; }
div#right_col div.quicklook p a { display: block; padding: 10px; margin: 0; padding-left: 65px; }

div#right_col ul { width: 220px; margin: 0 0 20px 0; padding: 0 0 0 25px; font-size: 12px; }
div#right_col ul h3 { padding: 0; margin: 6px 0; margin-left: -20px; border-bottom: 1px solid #fff; font-size: 14px; }
div#right_col  ul li { margin: 0; padding: 0 0 0 10px; width: 170px; }
div#right_col  ul li  ul li { margin: 0; padding: 0 0 0 10px; width: 170px; }

div#right_col div#site_list p { padding: 0; margin: 0; font-size: 10px; line-height: 15px; }
div#right_col div#site_list p a { padding: 0 10px; display: block; }
div#right_col div#site_list h1 { padding: 0; margin: 0; margin-bottom: 5px; font-size: 14px; border-bottom: 1px solid #aaa;}

/* --------  HOME: Resort Services --------  */

.resort_services h2 {
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: -18px 0 10px 0;
	color: #fff;
	background: url(../images/dark-blue-50.png);
	opacity: .7;
	}

.resort_services  p { margin: 0; padding: 0 20px 4px 20px; font-size: 13px; line-height: 14px; }

/* --------  Footer --------  */

div#footer {
	width: 900px;
	padding: 0; margin: 0 auto 20px auto;
	background: none;
	color: #fff;
	}
div#footer p {
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

/* --------  Global Classes --------  */


div.clearer { clear: both; height: 1px; line-height: 1px; font-size: 1px; color: none; margin-top: -1px; }
.new { font-weight: bold; color: #3CF; }
.noUnderline { text-decoration: none !important; }
.clear { clear: both; }

div#testimonial { border: 1px solid #369; padding: 10px; margin: 30px 0 0 0; }
div#testimonial p { color: #fff; font-size: 12px; line-height: 16px; padding: 0; margin: 0; }
div#testimonial p.title { font-size: 14px; font-weight: bold; color: #0cf; margin: 0 0 5px 0; padding: 0; }
div#testimonial p.quote { font-style: italic; margin: 3px 0; font-size: 10px; padding: 0; }
div#testimonial p.by { font-size: 10px; text-align: right; }
div#testimonial p.date { font-size: 9px; color: #ccc; text-align: right; }


div.detailIcons img { border: 1px solid #eee; padding: 5px; background: none; margin: 6px; }
div.detailIcons img:hover { background: #feb; color: #bbb; }
div.detailIcons a { color: #bbb; }

/* SPECIAL STYLES*/

div#guaranteed_mantas { padding: 10px; border: 1px dashed #F90; margin-bottom: 20px; }
div#guaranteed_mantas h1 { font-size: 24px; margin: 10px 0; }
div#content div#right_col div#guaranteed_mantas p { font-size: 12px; font-weight: normal; }

div#package_subs { padding: 10px; border: 1px dashed #F90; margin-bottom: 20px; }
div#package_subs h2 { margin: 0 0 10px 0; }
div#content div#right_col div#package_subs p { font-size: 12px; font-weight: normal; }

#language-selector {}
div#lang_sel {}
#language-selector div#lang_sel li {color: #FFCC33;}
#language-selector div#lang_sel a {color: #FFCC33; background-color: #000;}
#language-selector div#lang_sel a:hover {{text-decoration: underline; background-color: #000;}