@import "reset.css";

/* BODY STYLING
----------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../media/tile-bgd.jpg);
	background-repeat: repeat-x;
}

a:link {
	color:#79baee;
	text-decoration: underline;
}

a:visited {
	text-decoration:underline;
	color:#79baee
}

a:hover {
	text-decoration:none;
	color:#79baee
}

a:active {
	text-decoration:underline;
	color:#79baee
}

img {
	border-style: none;
	display: block;
}


em {
	font-style: normal;
}

strong {
	font-weight: bold;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.float-left {
	float: left;	
}
.float-right {
	float: right;	
}

abbr, acronym {
	cursor: help;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/* HEADER
----------------------------------------------- */
	
#header {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 954px;
	margin-top: 21px;
	background-image: url(../media/img-telephone-number.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}
#header-booking {
	width: 952px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 954px;
	margin-top: 21px;
	overflow: hidden;
}
#header-booking h2 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;	
}
#header-booking p {
	padding-bottom: 10px;
	font-size: 13px;
	color: #333;
}

#header-booking a {
	color: #FFF;
	font-size: 13px;
	background-color: #167ed3;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../media/bgd-link-left.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#header-booking a:hover {
	color: #FFF;
	font-size: 13px;
	background-color: #666;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	background-image: url(../media/bgd-link-left.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#branding {
	height: 74px;
	width: 183px;
	background-image: url(../media/seascape-holidays.png);
	background-repeat: no-repeat;
	margin-bottom: 41px;
	margin-top: 26px;
}



/* CONTENT
----------------------------------------------- */

#content {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	background-image: url(../media/tile-content.gif);
	background-repeat: repeat-y;
}
#content .results {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
	background-color: #2c2c29;
}


#content-luxury {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	background-image: url(../media/tile-luxury.gif);
	background-repeat: repeat-y;
}
#content-luxury .results {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
	background-color: #83806d;
}

#content-family {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	background-image: url(../media/tile-family.gif);
	background-repeat: repeat-y;
}
#content-family .results {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
	background-color: #4c8fc3;
}

#content-romantic {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	background-image: url(../media/tile-romantic.gif);
	background-repeat: repeat-y;
}
#content-romantic .results {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow: hidden;
	background-color: #96468b;
}

/* HEADERS
----------------------------------------------- */

h1 {
	margin: 0px;
	font-size: 27px;
	text-indent: -9999px;
	color: #252115;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}
#left-content h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 23px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-bottom: 5px;
	line-height: 23px;
}

/* HEADERS LEFT
----------------------------------------------- */

#seascape {
	text-indent: -9999px;
	background-image: url(../media/header-seascape.gif);
	background-repeat: no-repeat;
	height: 22px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#luxury-villas {
	text-indent: -9999px;
	background-image: url(../media/header-luxury-villas.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 283px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}

#family-spaces {
	text-indent: -9999px;
	background-image: url(../media/header-family-spaces.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 282px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#romantic-breaks {
	text-indent: -9999px;
	background-image: url(../media/header-romantic.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 326px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#late-accommodation {
	text-indent: -9999px;
	background-image: url(../media/header-late.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 260px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#promotions {
	text-indent: -9999px;
	background-image: url(../media/header-promotions.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 260px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#see {
	text-indent: -9999px;
	background-image: url(../media/header-see.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 158px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#newsletter {
	text-indent: -9999px;
	background-image: url(../media/header-newsletter.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 158px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#contact {
	text-indent: -9999px;
	background-image: url(../media/header-contact.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 246px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#terms {
	text-indent: -9999px;
	background-image: url(../media/header-terms.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 246px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#privacy {
	text-indent: -9999px;
	background-image: url(../media/header-privacy.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 246px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#thank {
	text-indent: -9999px;
	background-image: url(../media/header-thank.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 246px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#partners {
	text-indent: -9999px;
	background-image: url(../media/header-partners.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 246px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#sitemap {
	text-indent: -9999px;
	background-image: url(../media/header-site-map.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 246px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
}

/* DROP NAV
----------------------------------------------- */

#nav, #nav ul {  /* all lists */
	float: left;
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	background-color: #59A1DB;
	line-height: 1;
	margin: 0px;
	padding: 0px;
	width: 954px;
}

#nav a {
	display: block;
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	background-repeat: no-repeat;
	color: #FFFFFF;
}

#nav li a:hover {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}

#nav li a.on {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	color: #666666;
	background-color: #FFFFFF;
}
#nav li {  /* all list items */
	float: left;
	margin-right: 1px;
	background-image: url(../media/btn-off.gif);
	width: 189px;
	cursor: pointer;
}
/*

filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	
*/

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	width: 136px;
	w\idth: 187px;
	height: auto;
	font-weight: normal;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	margin: 0px;
	background-color: #559ED8;
	cursor: pointer;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #559ED8;
	border-left-color: #559ED8;
}

#nav li li {
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	text-align: center;
	width: 187px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-color: #559ED8;
}

#nav li ul a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	display: block;
	cursor: pointer;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	background-color: #559ED8;
	color: #000000;
	cursor: pointer;

}

#nav li:hover, #nav li.sfhover { /* lists nested under hovered list items */
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-image: url(../media/btn-hover-state.gif);
	color: #333333;
	background-color: #79BAEE;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-color: #559ED8;
}
#nav li li:hover, #nav li li.sfhover { /* lists nested under hovered list items */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	color: #666666;
	display: block;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-color: #559ED8;
}

#nav li li a.on-drop {
	background-image: none;
	color: #FFFFFF;
	background-color: #88c1ee;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0px;
}

/* STEPS
----------------------------------------------- */
#steps {
	background-color: #4d4d4d;
	color: #cccccc;
	font-size: 13px;
	border: 5px solid #000000;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}
#steps strong {
	font-size: 15px;
	color: #FFFFFF;
}
#steps ol {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 3px;
}
#steps li  {
	list-style-type: decimal;
	float: left;
	background-color: #818181;
	list-style-position: inside;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../media/li-step-off.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}
#steps .steps-previous  {
	background-color: #818181;
	color: #FFFFFF;
	background-image: url(../media/li-step-previous.gif);
	background-repeat: no-repeat;
	background-position: right center;
	
	
}
#steps .steps-selected  {
	background-color: #BFD238;
	color: #333333;
	background-image: url(../media/li-step-on.gif);
	background-repeat: no-repeat;
	background-position: right center;
	
}
#steps .steps-end  {
	background-color: #818181;
	color: #FFFFFF;
	background-image: url(../media/li-step-end.gif);
	background-repeat: no-repeat;
	background-position: right center;
	
}

#steps .steps-selected-end  {
	background-color: #BFD238;
	color: #333333;
	background-image: url(../media/li-step-on-end.gif);
	background-repeat: no-repeat;
	background-position: right center;
	
}

/* AVAILABILITY CHECKER
-------------------------------------------- */


#availability-checker {
	background-color: #34332F;
	margin: 0px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#availability-checker h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 17px;
	margin-left: 0px;
}

#advanced-search {
	background-image: url(../media/header-advanced-search.gif);
	background-repeat: no-repeat;
	height: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#booking-summary {
	background-image: url(../media/header-booking-summary.gif);
	height: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-top: 17px;
	margin-bottom: 17px;
}
#payment-details {
	background-image: url(../media/header-payment-details.gif);
	height: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-top: 17px;
	margin-bottom: 17px;
}

#booking-confirmation {
	background-image: url(../media/header-booking-confirmation.gif);
	height: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-top: 17px;
	margin-bottom: 17px;
}
#lblError {
	background-image: url(../media/bgd-warning.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 438px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
}
#lblError p {
	font-weight: bold;
	color: #343430;
	line-height: 70px;
}


.booking-form {
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	border: 1px solid #494945;
	font-size: 13px;
	color: #CCCCCC;
	margin-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.booking-form  strong{
	color: #FFFFFF;
}

.booking-form  form {
	margin: 0px;
	padding: 0px;
}

.booking-form  .float-paragraph {
	margin: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	color: #FFFFFF;
}
.booking-form  .float-paragraph-warning {
	margin: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	background-color: #ffcc00;
	color: #34332F;
	background-image: url(../media/img-cross.gif);
	background-repeat: no-repeat;
	background-position: right center;
	vertical-align: middle;
}
.label-availability {
	float: left;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.label-payment {
	float: left;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-right: 5px;
	display: block;
	width: 130px;
	color: #CCCCCC;
	background-color: #41413d;
	padding-right: 3px;
	padding-left: 3px;
}
.label-payment-alert {
	float: left;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-right: 5px;
	display: block;
	width: 130px;
	color: #CCCCCC;
	background-color: #9e1e1c;
	padding-right: 3px;
	padding-left: 3px;
}
#label-tick {
	display: block;
	float: left;
	text-align: left;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	width: auto;
	color: #FDD562;
	font-weight: normal;
}
.booking-form legend {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #525252;
	padding: 10px;
	margin-left: -1px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.booking-form input {
	padding: 2px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.booking-form select {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}


.booking-form input:focus{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.booking-form textarea:focus{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.booking-form select:focus{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.booking-form h2 {
	font-size: 17px;
	color: #BFD238;
	text-transform: none;
	margin: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-weight: bold;
}

.booking-form h3 {
	padding-right: 10px;
	padding-left: 15px;
	color: #BFD238;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 17px;
}
#shop-cart {
	width: 95%;
	margin-bottom: 10px;
	margin-right: 15px;
	margin-left: 15px;
}
#shop-cart th, #shop-cart .heading  {
	background-color: #525252;
	text-align: left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #FFF;
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #34342F;
	border-bottom-color: #34342F;
	font-size: 13px;
}

#shop-cart td {
	background-color: #3e3e3b;
	text-align: left;
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #34342F;
	border-bottom-color: #34342F;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#shop-cart tr {
	
}
#shop-cart .blank  {
	background-color: #34342F;	
}
#shop-cart .total  {
	background-color: #BFD33F;
	color: #34342F;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.txt-field {
	color: #333333;
	width: 240px;
	padding: 0px;
	margin: 0px;
	height: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8d8d8d;
	border-right-color: #cccccc;
	border-bottom-color: #e3e3e3;
	border-left-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}
.txt-field-alert {
	color: #333333;
	width: 146px;
	padding: 0px;
	margin: 0px;
	height: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8d8d8d;
	border-right-color: #cccccc;
	border-bottom-color: #e3e3e3;
	border-left-color: #cccccc;
	background-color: #FFCC33;
}



.txt-month-year {
	width: 74px;
}

.txt-field-dates-from {
	color: #333333;
	width: 120px;
	padding: 0px;
	margin: 0px;
	height: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8d8d8d;
	border-right-color: #cccccc;
	border-bottom-color: #e3e3e3;
	border-left-color: #cccccc;
	background-image: url(../media/bgd-calender.gif);
	background-repeat: no-repeat;
	background-position: 102px center;
}

.required {
	color: #FFCC33;
}






/* LEFT CONTENT
----------------------------------------------- */

#left-content {
	color: #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 671px;
	float: left;
	clear: left;
	line-height: 18px;
	padding-bottom: 10px;
}

#left-content .closest-match {
	color: #BFD238;
	font-weight: bold;
	font-size: 14px;	
}



/* LEFT COLUMNS
----------------------------------------------- */

#left-content div.left-columns {
	float: left;
	width: 210px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
	font-size: 12px;
	margin-top: 10px;
	background-color: #3B3B3B;
}
#left-content .left-columns h3 {
	font-size: 13px;
	padding-bottom: 5px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
#left-content .left-columns ul {
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#left-content .left-columns li {
	margin-bottom: 5px;
	background-image: none;
}
#left-content .left-columns li a {
	padding: 3px;
	background-color: #34342F;
}
#left-content .left-columns li a:hover {
	padding: 3px;
	background-color: #79baee;
	color: #3C3C3C;
}
#left-content .results h3{
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 10px;
}

#left-content .results hr {
	border: 0;
	height: 1px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-image: url(../media/overlay-white-30.png);
	background-repeat: repeat;
}
#left-content .results em{
	color: #FDD562;
}
#left-content .results strong{
	color: #FDD562;
}

#left-content .results .availability p a {
	background-image: url(../media/bgd-link.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #3B3B3B;
}


#left-content .results .availability p a:hover {
	background-image: url(../media/bgd-link-white.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #79baee;
	color: #FFFFFF;
}

/* RESULTS LUXURY FAMILY ROMANTIC
----------------------------------------------- */

#left-content .results-luxury {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #FFFFFF;
	background-color: #928f79;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#left-content .results-luxury h3{
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 10px;
}

#left-content .results-luxury hr {
	border: 0;
	height: 1px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-image: url(../media/overlay-white-30.png);
	background-repeat: repeat;
}

#left-content .results-luxury em{
	color: #FDD562;
}

#left-content .results-luxury strong{
	color: #FDD562;
}


#left-content .results-family {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #FFFFFF;
	background-color: #559ed8;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#left-content .results-family h3{
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 10px;
}

#left-content .results-family hr {
	border: 0;
	height: 1px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-image: url(../media/overlay-white-30.png);
	background-repeat: repeat;
}

#left-content .results-family em{
	color: #FDD562;
}

#left-content .results-family strong{
	color: #FDD562;
}



#left-content .results-romantic {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #FFFFFF;
	background-color: #a74e9b;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#left-content .results-romantic h3{
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 10px;
}

#left-content .results-romantic hr {
	border: 0;
	height: 1px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-image: url(../media/overlay-white-30.png);
	background-repeat: repeat;
}

#left-content .results-romantic em{
	color: #FDD562;
}

#left-content .results-romantic strong{
	color: #FDD562;
}


#left-content .left-box {
	width: 17%;
	float: left;
	display: block;
}
#left-content .left-box img{
	font-weight: bold;
	background-image: url(../media/overlay-white-40.png);
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	width: 93px;
	display: block;
	padding: 3px;
}
#left-content .right-box {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 17%;
	width: 81%;
}

#left-content .right-box strong{
	font-weight: bold;
	color: #FFFFFF;
}

#left-content .right-box ul{
	margin-bottom: 10px;
	margin-left: 15px;
}
#left-content .right-box li{
	padding-left: 15px;
	padding-right: 7px;
	display: inline;
	background-image: url(../media/bgd-results-tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#left-content .right-box  {
	clear: right;
}

#left-content .right-box img {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#left-content .right-box p img {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#left-content p {
	padding-bottom: 15px;
	margin: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
}

#content-luxury #left-content p {
	color: #dfded7;
}
#content-romantic #left-content p {
	color: #e5cae1;
}
#content-family #left-content p {
	color: #c4def2;
}

/* FLASH
----------------------------------------------- */

#flash {
	margin: 0px;
	padding: 0px;
	background-color: #433c36;
}
#left-content #flash p {
	font-size: 14px;
	font-weight: bold;
	color: #FDBC00;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-image: url(../media/bgd-flash-warning.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 65px;
	padding-right: 0px;
	overflow: hidden;
}

#left-content ul {
	margin-bottom: 20px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
}

#left-content li {
	background-image: url(../media/bgd-square-bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}

#left-content strong {
	color: #FFFFFF;
}

#left-content em {
	color: #FFFFFF;
	font-weight: normal;
}

#left-content .float-right-image {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 3px solid #4b4b48;
}

.map-image {
	margin-bottom: 10px;
	float: right;
	margin-right: 10px;
	margin-left: 20px;
	display: block;
}



/* BREADCRUMBS
----------------------------------------------- */
#breadcrumbs {
	top: 0px;
	background-color: #4d4d4d;
	color: #cccccc;
	font-size: 12px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

#breadcrumbs strong {
	font-weight: bold;
	color: #FFFFFF;
}

#breadcrumbs a {
	color: #d9d0ae;
}

#breadcrumbs a:hover {
	color: #d9d0ae;
}


/* VILLAS
----------------------------------------------- */

#villas {
	background-color: #928f79;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(../media/bgd-luxury-corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#villas p {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#villas strong{
	font-size: 14px;
	color: #FFFFFF;
}

#villas img {
	margin-left: 10px;
	display: block;
}

#villas .border {
	background-color: #d3d0b6;
	padding: 1px;
	border: 3px solid #b3b1a1;
	margin-bottom: 10px;
}

/* FAMILY
----------------------------------------------- */

#family {
	background-color: #559ed8;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(../media/bgd-family-corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#family p {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#family strong{
	font-size: 14px;
	color: #FFFFFF;
}

#family img {
	margin-left: 10px;
	display: block;
}

#family .border {
	background-color: #c8dce6;
	padding: 1px;
	border: 3px solid #6eacde;
	margin-bottom: 10px;
}

/* ROMANTIC
----------------------------------------------- */

#romantic {
	background-color: #a74e9b;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(../media/bgd-romantic-corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#romantic p {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#romantic strong{
	font-size: 14px;
	color: #FFFFFF;
}

#romantic img {
	margin-left: 10px;
	display: block;
}

#romantic .border {
	background-color: #d68bdc;
	padding: 1px;
	border: 3px solid #b971af;
	margin-bottom: 10px;
}

/* FEATURES
----------------------------------------------- */

#features {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 20px;
	color: #d9d0ae;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 338px;
	border: 1px dashed #494945;
	overflow: hidden;
	background-color: #2c2c29;
	background-image: url(../media/overlay-black-15.png);
}

#features h3 {
	margin-left: 10px;
	font-size: 15px;
	margin-bottom: 10px;
	color: #fed668;
	font-weight: bold;
	padding-top: 10px;
}

#features h4 {
	margin-left: 10px;
	font-size: 15px;
	margin-bottom: 10px;
	color: #bed92b;
	font-weight: bold;
	padding-top: 5px;
}

#features hr {
	border: 0;
	height: 1px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(../media/overlay-white-30.png);
	background-repeat: repeat;
}

#features p {
	padding-bottom: 0px;
}

#features ul {
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 0px;
}

#features li {
	background-image: url(../media/bgd-results-tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
}
#features strong {
	color: #d9d0ae;
}

/* SLIDESHOW
----------------------------------------------- */

#slideshow {
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	color: #FFFFFF;
	width: 288px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: right;
	background-color: #4B4B48;
	display: inline;
}
#slideshow .slideshow-img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
}
#slideshow .slideshow-btn {
	margin-top: 10px;
	margin-left: 10px;
	cursor: pointer;
	top: 0px;
}


/* NEWSLETTER LEFT
----------------------------------------------- */

#newsletter-left {
	background-color: #525252;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url(../media/bgd-newsletter-corner.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#newsletter-left strong{
	font-size: 14px;
	color: #FFFFFF;
}

#newsletter-left img {
	margin-left: 10px;
	display: block;
}

#latest-news {
	text-indent: -9999px;
	background-image: url(../media/header-news-middle.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 125px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}


/* PAGING NAV
----------------------------------------------- */
#paging-nav {
	color: #333333;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 15px;
	overflow: hidden;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../media/overlay-white-40.png);
	background-repeat: repeat;
}
#paging-nav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
}
#paging-nav li {
	margin-right: 0px;
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#paging-nav strong {
	color: #333333;
	font-size: 15px;
}
div #page {
	font-weight: bold;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-image: none;
}

#paging-nav li a{
	color: #666666;
	text-decoration: none;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	padding: 9px;
	background-repeat: repeat;
	background-color: #FFFFFF;
}
#paging-nav li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	font-size: 12px;
	background-color: #5CACEC;
	font-weight: bold;
	padding: 9px;
}
#paging-nav li .on-paging {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	font-size: 12px;
	background-color: #5CACEC;
	font-weight: bold;
	padding: 9px;
}


/* NEWS LIST
----------------------------------------------- */
#news {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
} 



#news li {
	background-color: #2c2c29;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 0px;
	background-image: none;
	list-style-image: none;
	list-style-type: none;
}

#news li a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin: 0px;
	background-image: url(../media/bgd-news-off.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

 * html #news li a {  /* make hover effect work in IE */
	width: 621px;
}

#news li a:hover {
	background-image: url(../media/bgd-news-roll.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #262624;
}
#news strong {
	font-weight: bold;
	line-height: 14px;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0px;
}

#news a em {
	color: #CCCCCC;
	display: block;
	font-style: normal;
	margin: 0px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 18px;
}

#news a span {
	line-height: 300%;
	text-decoration: none;
}

.feed-news a{
	display: inline;
	color: #FFFFFF;
	background-color: #4b4b48;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 29px;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	float: right;
	margin-right: 15px;
	margin-top: -19px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.feed-news a:hover{
	display: inline;
	color: #FFFFFF;
	background-color: #5f5f5c;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 29px;
	float: right;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin-right: 15px;
	margin-top: -19px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* TABS
----------------------------------------------- */

#tabby {
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#tabby .tabs {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	width: 100%;
}

#tabby .tabs li {
	float: left;
	margin-right: 1px;
	width: 143px;
	background-color: #34332F;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #494945;
	border-right-color: #494945;
	border-left-color: #494945;
	background-image: none;
	padding: 0px;
}

#tabby .tabs li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-left: 34px;
	color: #FFFFFF;
	line-height: 35px;
	text-decoration: none;
}

#tabby .tabs li a:hover {
	text-decoration: none;
	display: block;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../media/bgd-arrow-down.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #3e3e3b;
}

#tabby .tabs .selected {
	text-decoration: none;
	display: block;
	font-size: 13px;
	background-color: #3e3e3b;
	font-weight: bold;
	background-image: url(../media/bgd-arrow-down.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #494945;
	border-right-color: #494945;
	border-left-color: #494945;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3e3e3b;
}
#tabby #lates a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-left: 34px;
	line-height: 35px;
	text-decoration: none;
	color: #B6CC00;
}

.visible {
	margin: 0px;
	padding: 0px;
}

#tabby .list-features{
	margin-left: 15px;
}
#tabby .list-features li{
	padding-left: 15px;
	padding-right: 7px;
	background-image: url(../media/bgd-results-tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 180px;
	display: inline-block;
}

/* FACILITIES CONTENT
----------------------------------------------- */

#facilities-content {
	background-color: #3e3e3b;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	color: #dddddd;
	border: 1px solid #494945;
	margin-top: -1px;
}


#facilities-content h3{
	color: #d9d0ae;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: normal;
}

.availability {
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #4b4b4b;
	display: none;
}

.availability img {
	margin-left: 10px;
	margin-bottom: 5px;
}

#left-content .availability p {
	padding-bottom: 10px;
}

#facilities-content .availability a {
	background-image: none;
	padding: 0px;
}


#facilities-content .availability a:hover {
	color: #FFFFFF;
	padding: 0px;
	background-image: none;
}
#facilities-content .availability p a {
	background-image: url(../media/bgd-link.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #3B3B3B;
}


#facilities-content .availability p a:hover {
	background-image: url(../media/bgd-link-white.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #79baee;
	color: #FFFFFF;
}



/* ACTIVITIES CONTENT
----------------------------------------------- */

#activities-content {
	background-color: #3e3e3b;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #dddddd;
	border: 1px solid #494945;
	margin-top: -1px;
}


#activities-content h3{
	color: #d9d0ae;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: normal;
}
#activities-content h4{
    color: #FFFFFF;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-weight: bold;
}

#activities-content img {
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	background-color: #666666;
	padding: 1px;
	border: 3px solid #34332F;
}

#activities-content ul{
	padding-left: 15px;
	padding-bottom: 20px;
}

#activities-content li{
	background-image: url(../media/bgd-results-tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 0px;
}

#activities-content hr {
	color: #666666;
	background: #666666;
	border: 0;
	height: 1px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#activities-content a {
	background-image: url(../media/bgd-link.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #3B3B3B;
}

#activities-content a:hover {
	background-image: url(../media/bgd-link-white.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #79baee;
	color: #FFFFFF;
}


/* LOCATION CONTENT
----------------------------------------------- */

#location-content {
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: -1px;
	background-color: #3E3E3B;
	color: #dddddd;
}


#location-content h3{
	color: #d9d0ae;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: normal;
}
#location-content a {
	background-image: url(../media/bgd-link.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #3B3B3B;
}

#location-content a:hover {
	background-image: url(../media/bgd-link-white.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-top: 3px;
	padding-right: 26px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-color: #79baee;
	color: #FFFFFF;
}

#location-content hr {
	border: 0;
	height: 1px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	background-image: url(../media/overlay-white-30.png);
	background-repeat: repeat;
}

/* LATE CONTENT
----------------------------------------------- */

#late-content {
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: -1px;
}


#late-content h3{
	color: #d9d0ae;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: normal;
}

#late-content .right-box h3{
	font-size: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	margin: 0px;
	color: #FFFFFF;
}

#late-content .right-box a {
	background-color: transparent;
	background-image: none;
	padding: 0px;
	margin: 0px;
}


#late-content .right-box a:hover {
	background-color: transparent;
	background-image: none;
	padding: 0px;
	margin: 0px;
}

/* EXTRAS CONTENT
----------------------------------------------- */

#extras-content {
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: -1px;
}

#extras-content h3{
	color: #d9d0ae;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: normal;
}
#extras-content  .results h3{
	color: #ffffff;
}
#extras-content  .results p{
	color: #dddddd;
}

#extras-content .results strong{
	color: #FFFFFF;
	font-weight: bold;	
}



/* HIDDEN CONTAINER
----------------------------------------------- */

#hidden-tabby-data {
	display: none;
}


/* RIGHT CONTENT
----------------------------------------------- */

#right-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 263px;
	float: right;
	clear: right;
	color: #CCCCCC;
}

#right-content p {
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#right-content strong {
	font-weight: bold;
	color: #FFFFFF;
}
#right-content hr{
	margin-left: 20px;
	margin-right: 20px;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-top-color: #999999;
}

/* QUICK SEARCH
----------------------------------------------- */

#quick-search {
	background-image: url(../media/header-quick-search.gif);
	height: 20px;
	width: 157px;
	text-indent: -9999px;
	margin-top: 17px;
	margin-bottom: 17px;
	display: none;
}
.quick-submit {
	background-image: url(../media/btn-quick-search.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 74px;
	display: block;
	background-position: 0px 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	text-indent: -9999px;
}
.quick-view {
	background-image: url(../media/btn-quick-view-results.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 73px;
	display: block;
	background-position: 0px 0px;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	text-indent: -9999px;
}


#search {
	border: 2px solid #73756a;
	margin-right: 10px;
	background-image: url(../media/tile-quick-search.gif);
	background-repeat: repeat-x;
	background-color: #eaeaea;
	padding-top: 17px;
	display: none;
}
#search strong{
	color: #333333;	
}
#Quicksearchajax1_cmdQuick {
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 15px;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search fieldset {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#search fieldset p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#search label {
	width: 119px;
	display: block;
	float: left;
	text-align: left;
	color: #999999;
	font-size: 17px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#search select {
	font-size: 14px;
	background-color: #FFFFFF;
}

#search input:focus, textarea:focus, select:focus{
	font-size: 14px;
}

.txt-field-day {
	color: #333333;
	width: 100px;
	padding: 0px;
	margin: 0px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.txt-field-date {
	color: #333333;
	width: 100px;
	padding: 0px;
	margin: 0px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8d8d8d;
	border-right-color: #cccccc;
	border-bottom-color: #e3e3e3;
	border-left-color: #cccccc;
	background-image: url(../media/bgd-calender.gif);
	background-repeat: no-repeat;
	background-position: 80px center;
}

#results {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #73756a;
	border-bottom-color: #73756a;
	border-left-color: #73756a;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	height: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: none;
}

#results p.yes {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(../media/img-search-tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 23px;
	display: block;
	width: 129px;
	float: left;
	color: #FFF;
}

#results .float-right-img {
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}


/* CONTACT DETAILS
----------------------------------------------- */

#contact-details {
	background-image: url(../media/header-contact-details.gif);
	height: 16px;
	width: 154px;
	text-indent: -9999px;
	margin-top: 17px;
	margin-bottom: 17px;
	background-repeat: no-repeat;
}
#payments {
	background-image: url(../media/header-payment-details-small.gif);
	height: 16px;
	text-indent: -9999px;
	margin-top: 17px;
	margin-bottom: 17px;
	background-repeat: no-repeat;
}

#google-map {
	height: 300px;
	margin-top: 10px;
	margin-right: 10px;
	border: 2px solid #73756a;

}

/* NEWS ARCHIVE
----------------------------------------------- */

#other-news {
	background-image: url(../media/header-other-news.gif);
	height: 16px;
	width: 199px;
	text-indent: -9999px;
	margin-top: 22px;
	margin-bottom: 17px;
	background-repeat: no-repeat;
}

#blog-news {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#blog-news ul{
	margin: 0px;
	padding: 0px;
}

#blog-news li{
	font-size: 13px;
	font-weight: bold;
	display: inline;
	line-height: 16px;
}
#blog-news li a{
	padding-right: 10px;
	padding-left: 25px;
	background-color: #323232;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../media/bgd-blog-off.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;	
}
#blog-news li a:hover{
	padding-right: 10px;
	padding-left: 25px;
	background-color: #2B2B2B;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../media/bullet-news.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	display: block;
	background-image: url(../media/bgd-results-tick.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#blog-news .on-blog{
	padding-right: 10px;
	padding-left: 25px;
	background-color: #2B2B2B;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	display: block;
	background-image: url(../media/bgd-results-tick.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}


.blog-feed a{
	display: inline;
	color: #FFFFFF;
	background-color: #4b4b48;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.blog-feed a:hover{
	display: inline;
	color: #FFFFFF;
	background-color: #5f5f5c;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	float: right;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/* LATE AVAILABILITY
----------------------------------------------- */

#late-availability {
	background-image: url(../media/header-late-availability.gif);
	height: 16px;
	width: 171px;
	text-indent: -9999px;
	margin-top: 17px;
	margin-bottom: 17px;
	background-repeat: no-repeat;
	display: none;
}

#late {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #CCCCCC;
	
} 

#late ul {
	list-style-type: none;
} 

#late li {
	background-color: #323232;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	color: #CCCCCC;
	margin-left: 0px;
	padding: 0px;
}

#late li a {
	color: #CCCCCC;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	background-image: url(../media/bgd-zoom-late-off.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

 * html #late li a {  /* make hover effect work in IE */
	width: 231px;
}

#late li a:hover {
	background-repeat: no-repeat;
	background-color: #2B2B2B;
	background-image: url(../media/bgd-zoom-late-roll.gif);
	background-position: right bottom;
}
#late strong {
	font-weight: bold;
	line-height: 20px;
	font-size: 13px;
	color: #FFFFFF;
}

#late a em {
	display: block;
	font-style: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 16px;
}
.grading-5 {
	color: #79baee;
	background-image: url(../media/img-star-05.png);
	background-repeat: no-repeat;
	background-position: 30% top;
}
.grading-4 {
	color: #79baee;
	background-image: url(../media/img-star-04.gif);
	background-repeat: no-repeat;
	background-position: 30% top;
}
.grading-3 {
	color: #79baee;
	background-image: url(../media/img-star-03.gif);
	background-repeat: no-repeat;
	background-position: 30% top;
}
.grading-2 {
	color: #79baee;
	background-image: url(../media/img-star-02.gif);
	background-repeat: no-repeat;
	background-position: 30% top;
}
.grading-1 {
	color: #79baee;
	background-image: url(../media/img-star-01.gif);
	background-repeat: no-repeat;
	background-position: 30% top;
}
.grading-0 {
	color: #79baee;
	background-image: url(../media/img-star-00.gif);
	background-repeat: no-repeat;
	background-position: 30% top;
}

#late a span {
	text-decoration: none;
	color: #CCCCCC;
}
#late img {
	float: right;
	border: 2px solid #555555;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
}

.feed-late a{
	display: none;
	color: #FFFFFF;
	background-color: #4b4b48;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.feed-late a:hover{
	display: inline;
	color: #FFFFFF;
	background-color: #5f5f5c;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	float: right;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* SPECIAL PROMOTIONS
----------------------------------------------- */

#special-promotions {
	background-image: url(../media/header-special-promotions.gif);
	height: 16px;
	width: 199px;
	text-indent: -9999px;
	margin-top: 17px;
	margin-bottom: 17px;
	background-repeat: no-repeat;
}

#special {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #CCCCCC;
} 

#special ul {
	list-style-type: none;
} 

#special li {
	background-color: #323232;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 0px;
	color: #CCCCCC;
}

#special li a {
	color: #CCCCCC;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	background-image: url(../media/bgd-zoom-offers-off.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-decoration: none;
}

 * html #special li a {  /* make hover effect work in IE */
	width: 231px;
}

#special li a:hover {
	background-image: url(../media/bgd-zoom-offers-roll.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #2B2B2B;
}
#special strong {
	font-weight: bold;
	line-height: 16px;
	font-size: 13px;
	color: #FFFFFF;
	width: 85%;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
}

#special a em {
	display: block;
	font-style: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 16px;
	width: 85%;
	color: #79baee;
	text-decoration: underline;
}
#special a:hover em {
	display: block;
	font-style: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 16px;
	width: 85%;
	color: #79baee;
	text-decoration: none;
}

#special a span {
	text-decoration: none;
	color: #CCCCCC;
}
#special img {
	float: right;
	border: 2px solid #555555;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
}

.book-now {
	color: #c4bc83;
}

.feed-special a{
	display: inline;
	color: #FFFFFF;
	background-color: #4b4b48;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.feed-special a:hover{
	display: inline;
	color: #FFFFFF;
	background-color: #5f5f5c;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 29px;
	float: right;
	background-image: url(../media/img-rss.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	clear: both;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#other-accommodation {
	background-image: url(../media/header-other-accommodation.gif);
	height: 16px;
	width: 214px;
	text-indent: -9999px;
	margin-top: 17px;
	margin-bottom: 17px;
}

/* VILLAS RIGHT
----------------------------------------------- */

#villas-right {
	background-color: #928f79;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	background-image: url(../media/bgd-luxury-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#villas-right p {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#villas-right strong{
	font-size: 14px;
	color: #FFFFFF;
}

#villas-right img {
	margin-left: 10px;
	display: block;
}

#villas-right .border {
	background-color: #d3d0b6;
	padding: 1px;
	border: 3px solid #b3b1a1;
	margin-bottom: 10px;
}

/* FAMILY
----------------------------------------------- */

#family-right {
	background-color: #559ed8;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(../media/bgd-family-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#family-right p {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#family-right strong{
	font-size: 14px;
	color: #FFFFFF;
}

#family-right img {
	margin-left: 10px;
	display: block;
}

#family-right .border {
	background-color: #c8dce6;
	padding: 1px;
	border: 3px solid #6eacde;
	margin-bottom: 10px;
}

/* ROMANTIC
----------------------------------------------- */

#romantic-right {
	background-color: #a74e9b;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	margin-right: 10px;
	background-image: url(../media/bgd-romantic-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#romantic-right p {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#romantic-right strong{
	font-size: 14px;
	color: #FFFFFF;
}

#romantic-right img {
	margin-left: 10px;
	display: block;
}

#romantic-right .border {
	background-color: #d68bdc;
	padding: 1px;
	border: 3px solid #b971af;
	margin-bottom: 10px;
}

/* NEWSLETTER RIGHT
----------------------------------------------- */

#newsletter-right {
	background-color: #525252;
	margin-left: 0px;
	margin-right: 10px;
	background-image: url(../media/bgd-newsletter-right.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #CCCCCC;
	margin-top: 14px;
	padding-right: 0px;
	padding-left: 0px;
}
#newsletter-right p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}

#newsletter-right strong{
	font-size: 14px;
	color: #FFFFFF;
}

#newsletter-right img {
	margin-left: 10px;
	display: block;
}

/* CONTACT DETAILS
----------------------------------------------- */

#company-details {
	background-color: #234251;
	font-size: 11px;
	color: #999999;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000000;
}
#company-details strong{
	color: #FFFFFF;
	font-weight: bold;
}
#company-details em{
	color: #ccc;
}
#company-details a{
	color: #79baee;
}
#company-details a:hover{
	color: #79baee;
	text-decoration: none;
}
#company-details ul {
	padding-bottom: 15px;
	padding-left: 0px;
	margin-left: 10px;
	padding-top: 15px;
}
#company-details li {
	display: inline;	
}

#compliancy a{
	background-image: url(../media/bgd-valid-tick.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	color: #79baee;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#compliancy a:hover{
	background-image: url(../media/bgd-valid-tick.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	color: #79baee;
	background-color: transparent;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
	text-decoration: none;
}

/* AREAS
----------------------------------------------- */
div.footer-col {
	float: left;
	text-align: left;
	width: 286px;
	padding: 10px;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	display: inline;
}

#cottages-area {
	background-color: #234251;
	color: #999999;
	clear: both;
	font-size: 12px;
	text-align: left;
	background-image: url(../media/tile-footer.gif);
	background-repeat: repeat-y;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #234251;
	width: 954px;
	margin-right: auto;
	margin-left: auto;
}
#cottages-area ul {
	padding: 0px;
	width: 100%;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#cottages-area li {
	background-image: url(../media/bgd-arrow-footer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#cottages-area h6{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}
#cottages-area a{
	color: #CCCCCC;
	text-decoration: underline;
	background-color: #395562;
	padding: 4px;
	margin: 0px;
}
#cottages-area a:hover{
	color: #2B4A5A;
	text-decoration: none;
	background-color: #79baee;
	margin: 0px;
	padding: 4px;
}


/* TWIST
----------------------------------------------- */

#twist {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	color: #dddddd;
	font-size: 12px;
	margin-top: 20px;
}
#twist p{
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 3%;
}
#twist a{
	color: #aaaaaa;
	background-color: #34342F;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
}
#twist a:hover{
	color: #333333;
	background-color: #FDBB00;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
}

/* - - - - - - - - - - - - - - - - - - - - -

FORM

- - - - - - - - - - - - - - - - - - - - - */


#formFields input, select, textarea{
	font-size: 16px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#formFields input:focus, select:focus, textarea:focus{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.instruct{
	position:absolute;
	left:105%;
	z-index:1000;
	width:30%;
	color:#343430;
	font-weight: bold;
	margin: 0px;
	font-size: 106%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 37px;
	background-image: url(../media/bgd-instruct.gif);
	background-repeat: no-repeat;
	top: 0px;
	text-align: center;
	height: 38px;
	padding-top: 0px;
}
#formFields {
	margin-bottom: 15px;
	width: 100%;
	margin-top: 0px;
	margin-left: 15px;
	padding-top: 10px;
	margin-right: 0px;
}

#legal a {
	padding: 3px;
	background-color: #3C3C3C;
}
#legal a:hover {
	padding: 3px;
	background-color: #79baee;
	color: #3C3C3C;
}


#formFields ul{
	list-style-type:none;
	width:100%;
	font-size:100%;
	background-image: none;
	background-color: #0099FF;
}
#formFields li{
	position:relative;
	width:65%;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	list-style-type: none;
	list-style-image: none;
	border-bottom-color: #34342F;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #3e3e3b;
	background-image: none;
}

/* ----- INSTRUCTIONS ----- */

#formFields li.focused{
	background-color: #71716e;
}
#form li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

#form li, .buttons{display: inline-block;}
* html #form li, * html .buttons{height: 1%;}
#form li, .buttons{display: block;}

* html form li div{
	display:inline-block;
}
#form li div, #formFields li span{
	color:#FF0000;
	margin-top: 0px;
	margin-right: 4px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	margin-bottom: 8px;
	list-style-type: none;
}
#form li div.left .medium, #form li div.right .medium{
	width:100%;
}

#form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:12px;
	line-height:9px;
	color:#444;
	display:block;
}
.button{
	clear:both;
	margin-top:0px;
}
.large-button {
	margin-right: 5px;
	font-size: 200%;
	margin-left: 15px;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
	line-height:150%;
	border:none;
	color:#FFFFFF;
	display:block;
	font-size:120%;
	font-weight:bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
input.text, input.file, textarea.textarea, select.select{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
}
input.text, textarea.textarea, .firefox select.select{
	font-family: Arial, Helvetica, sans-serif;
}
input.text, input.file{
	padding:3px;
	color: #000000;
}

input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
	height:13px;
}
textarea.textarea{
	font-family: Arial, Helvetica, sans-serif;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
	margin:1px 0;
}

input.small, select.small{
	width:25%;
}
input.medium{
	width:98%;
	background-image: url(../media/input-grad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px;
}
select.medium{
	width:100%;
}
textarea.medium{
	background-image: url(../media/input-tile-big.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 100%;
	height: 150px;
	padding: 3px;
}
input.large, select.large, textarea.textarea{
	width:98%;
}


/* ----- ERRORS ----- */

#errorLi{
	width:99%;
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	text-align:center;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
}
#errorMsgLbl{
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#errorMsg{
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#errorMsg strong{
	background-color: #FFCC00;
	padding:2px 3px;
	color:red;
}
form li.error{
	background-color: #FCD300 !important;
	margin:3px 0;
}
form li.error label{
	color:#FF0000 !important;
}
form p.error{
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:0 0 5px 0;
	clear:both;
}

/* ----- REQUIRED ----- */

form .req{
	float:none;
	color:red;
	font-weight:bold;
}
form .instruct small{
	font-size:105%;
}
#formFields li.focused .instruct, #formFields li:hover .instruct{
	visibility:visible;
}

