/*======================================
      SUNCENTRE.NET STYLES
--------------------------------------
	   TurtleDesign 2008
======================================*/

/**************************************\
|------------PAGE ELEMENTS-------------|
\**************************************/

body {
	background : #fa9035;
	padding : 0;
	margin : 0;
}

.container h4 {
	display : inline;
	font-size : 1.2em;
	clear : none;
}

.container a.deleter, .container a.visitor {
	font-size : 0.8em;
	text-decoration : none;
}


.site_container {
	width : 760px;
	padding : 2px 0;
	padding-top : 2px;
	position : relative;
	background : #fff url(/css/container-background.jpg) no-repeat;
	min-height : 500px;
	border : 1px solid #444;
	border-top : 0;
}

#DestinationHome .site_container { padding-top : 26px; }

.page_content {
	width : 562px;
	float : right;
	margin-right : 15px;
}

.box_highlight, .box_general  {
	background-color : #fff;
	width : 200px;
	height : 299px;
	margin-top : 20px;
	border : 1px solid #CF9664;
	float : left;
	padding : 0 0 20px 5px;
	position : relative;
}

#DestinationHome .box_highlight {margin-top : 10px;}

.box_general {
	height : 100%;
	width : 100%;
	margin-bottom : 10px;
	margin-top : 20px;
	padding : 5px;
}


.box_highlight h3 {
	background : url(/css/box-header.png) no-repeat;
	height : 40px;
	width : 191px;
	position : relative;
	left : -6px;
	top : -15px;
	margin-bottom : -18px;
	padding : 8px;
	color : #ffa;
}

.box_general h1 {
	background : url(/css/page-header.png) no-repeat;
	height : 42px;
	width : 574px;
	position : relative;
	left : -6px;
	top : -20px;
	margin-bottom : -23px;
	padding : 8px;
	color : #ffa;
}

.box_highlight fieldset, .box_general fieldset {
	width : 80%;
	background : transparent;
}

.box_highlight .send_button {
	position : absolute;
	bottom : 5px;
	right : 5px;
	width : 4em;
}


.box_general td, .box_general th {
	padding : 2px 4px;
	border-right : 1px solid #666;
	border-bottom : 1px solid #666;
}

.hidden { display : none; }

/**************************************/
/*              GLOBALS               */
/**************************************/

br.abs { clear : both; }

.container h1, .container h2, .container h3, .container h4 {
	margin-top : 5px;
	clear : both;
}

.box_general h3 {
	color : #C9742B;
	border-bottom : 1px solid #a9540b;
	margin-right : 2%;
}


.lite {
	font-weight : normal;
	color : #444;
}

.headline_news {
	font-variant : small-caps;
	font-weight : bold;
	font-size : 1.1em;
}

.day { color : #555; }

.alternate, tr.standard td {
	background-color : #eee;
}

.standard, tr.alternate td {
	background-color : #ddd;
}

.container blockquote {
	color : #5689b0;
}

.help_here {
	color : green;
	font-size : 0.9em;
	border-bottom : 1px dotted green;
	cursor: help;
}

tr.highlight td {
	background-color : #fbb;
}

#messages {
	margin-top : 5px;
	float : left;
	width : 100%;
}

#messages p {
	margin-bottom : 2px;
}

.error {
	margin : 2px 2%;
}

.centers {
	text-align : center;
	margin-top : 10px;
}

.right {
	margin-right : 5px;
	margin-bottom : 8px;
	float : right;
}

#abta_geotrust {
	font-size : .9em;
	color : #666;
	border : 1px solid #888;
	background : #eee;
	width : 540px;
	padding : 3px;
	margin : 7px 0 10px 10px;
	float : left;
	opacity : .8;
	text-align : justify;
}

#Babel {
	clear : left;
	margin : 20px 0 0 18px;
	width : 140px;
}

/**************************************/
/*              HEADER                */
/**************************************/

.logo {
	margin : 2px 0 10px 0;
	height : 86px;
	width : 760px;
	border-bottom : 1px solid #444;
	border-top : 1px solid #444;
}

#Ibiza_logo { background : url(/img/Ibiza/logo.png) no-repeat; }
#Majorca_logo { background : url(/img/Majorca/logo.png) no-repeat; }
#Algarve_logo { background : url(/img/Algarve/logo.png) no-repeat; }
#Costa-Blanca_logo { background : url(/img/Costa-Blanca/logo.png) no-repeat; }
#Scotland_logo { background : url(/img/Scotland/logo.png) no-repeat; }
#Suncentre_logo { background : url(/img/Suncentre/logo.png) no-repeat; }
#Florida_logo { background : url(/img/Florida/logo.png) no-repeat; }

/**************************************/
/*             NAVIGATION             */
/**************************************/

.top_links {
	background : #444;
	opacity : 0.7;
	text-transform : uppercase;
	width : 755px;
	text-align : right;
	padding : 1px 0;
	padding-right : 5px;
	color : #ccc;
	position : absolute;
	top : 3px;
	left : 0;
}

.path {
	background : #fff;
	float : right;
	margin-right : 4px;
	padding-left : 8px;
	opacity : .8;
	border : 1px solid #ccc;
	width : 558px;
}

.container .top_links a, .top_links a:link {
	color : #ccc;
	text-decoration : none;
	font-size : .8em;
	background : none;
	padding : 0;
}

.container .top_links a:hover, .top_links a:link:hover {
	color : #ffc;
}


.menu {
	position : relative;
	padding-left : 10px;
	float : left;
	width : 175px;
	top : -10px;
	background : url(/css/menu-back.png) repeat-y;
	margin-bottom : 40px;
	margin-right : -5px;
	z-index : 1000;
}

#DestinationHome .menu { top : 10px; }

.menu-top {
	background : url(/css/menu-top.png) no-repeat;
	height : 18px;
	width : 172px;
	position : relative;
	margin-bottom : -18px;
	top : -10px;
	right : 10px;
}

.menu h3 {
	color : #C9742B;
	margin-top : 10px;
}

ul#location-menu {
	margin-bottom : 20px;
}

.menu ul, .menu ul li {
	padding : 0;
	margin : 0;
}

.menu ul li {
	padding : 2px 0;
	border-bottom : 1px solid #666;
	width : 150px;
}

.menu ul li ul li {
	border-bottom : 0;
	padding : 1px 0 1px 10px;
}

.menu li.toggle {
	background : url(/css/jq/6a9bbe_7x7_arrow_right.gif) no-repeat right .7em;
}

.menu li.inl {display : inline; }

li.wide a {
	display : block;
	width : 19%;
	padding-left : 1%;
	float : left;
	height : 3em;
}

a.map {
	height : 24px;
	line-height : 4em;
	padding : 2px;
	padding-left : 25px;
	background : url(/css/icons/globe.png) no-repeat;
}

.menu ul li a, .menu ul li a:link, .menu ul li a:visited {
	color : #888;
	text-decoration : none;
}

.menu ul li a:hover, .menu ul li a:link:hover {
	color : #88f;
	text-decoration : underline;
}

.menu-bottom {
	background : url(/css/menu-bottom.png) no-repeat;
	margin-top : 20px;
	height : 15px;
	width : 172px;
	position : relative;
	top : 10px;
	right : 10px;
}

.container a.forward_button, .container a.forward_button:link {
	display : block;
	width : 110px;
	line-height : 23px;
	height : 24px;
	padding-left  : 20px;
	background : url(forward-button.png) no-repeat;
	position : absolute;
	bottom : 5px;
	right : 5px;
	text-decoration : none;
	font-weight : bold;
	color : white;
}

.container a.forward_button:hover, .container a.forward_button:link:hover {
	background-position : bottom;
	color : #ffd;
	line-height : 20px;
}

.res_links {
	text-align : right;
	margin-right : 28px;
}

.res_links a {
	padding : 2px;
	padding-left : 22px;
	background : url(icons/key.png) 2px no-repeat;
}

p.abta {
	width : 150px;
	padding : 2px;
	margin : 8px 0;
	border : 1px solid #ccf;
	position : relative;
	left : -3px;
}

/**************************************/
/*                FORMS               */
/**************************************/

.form_wrapper {
	padding : 5px;
	background-color : #ffd;
	border : 1px solid #ff8;
	width : 450px;
	margin : 5px auto;
}

#booking_form .form_wrapper { width : 530px; }

.container form, .vf_form {
	margin : 0;
	display : block;
	width : 94%;
}

.vf_hidden, .vf_submit, .vf_button { display : none; }

.container #book_property form { width : 100%; }

.container fieldset {
	margin : 0;
	margin-bottom : 10px;
	padding-bottom : 5px;
	width : 100%;
	background-color : #fff;
}

label {
	display : block;
	margin-bottom : 5px;
	position : relative;
	width : 98%;
	padding-left : 10px;
	border-bottom : 1px dotted #ddd;
	line-height : 2.4em;
}

label.last {
	border-bottom : none;
}

label.double {
	padding-bottom : 2.4em;
}

label input, label select, .vf_val {
	position : absolute;
	right : 5px;
}

.vf_val {
	font-weight : normal;
	line-height : 1.5em;
	width : 40%;
	padding : 1px 2px 1px 5px;
	border-left : 1px solid #ccc;
	color : #445;
}

span.right {
	position : relative;
	display : block;
}

.inline {
	display : inline;
	position : relative;
	border-left : none;
}

input.positive {
	color : #008000;
}


/**************************************/
/*             FRONT PAGE               */
/**************************************/

#image_cycle {
	float : right;
	border : 2px solid black;
	background : black;
	width : 328px;
	height : 300px;
	padding : 0;
	margin-top : 10px;
	overflow : hidden;
}

#small_images {
	width : 322px;
	float : right;
	border : 2px solid #aaa;
	margin-top : 5px;
	padding : 2px;
	background : #eef;
}

#small_images img {
	margin : 0 2px;
}

#news_headlines {
	clear : both;
	padding : 4px;
	border : 1px solid crimson;
	position : relative;
	top : 15px;
	margin-bottom : 15px;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#gallery, #area_gallery {
	float : right;
	padding : 3px;
	border : 1px solid #ccc;
	background : #ddf;
	margin : 2px 2px 2px 5px;
}

#gallery {
	width : 330px;
	margin-bottom : 10px;
}

#gallery img, #area_gallery img  {
	border : 1px solid #222;
}

#gallery a {
	display : inline-block;
	text-align : center;
	margin : 4px;
	width : 100px;
}

#gallery img.mainimage {
	margin : 2px 2px 8px;
}

.listing, .small_listing {
	border-left : 1px solid #666;
	border-top : 1px solid #666;
}

.listing { width : 99%; }

.small_listing {
	width : 215px;
	margin-top : 40px;
}

fieldset .listing {
	color : black;
}

tr.table_header td, th {
	background : #4a7ea6;
	color : #fff;
	font-weight : bold;
}

th {	text-align : left; }


.notice {
	width : 500px;
	float : left;
	margin : 20px 0 0 25px;
}

#featured, #featured_hotels, #featured_villas {
	width : 180px;
	float : right;
	margin-left : 8px;
	background : #ffa;
	padding : 2px;
	border : 1px solid orange;
	clear : right;
}

#featured_hotels {
	margin-top : 10px;
}

#featured h4, #featured_hotels h4, #featured_villas h4 {
	text-align : center;
	color : crimson;
}

.feature {
	font-weight : bold;
	margin-bottom : 5px;
	text-align : center;
}

#datepicker {
	font-size : 0.8em;
	height : 174px;
}


/**************************************/
/*            LISTING PAGES           */
/**************************************/

.filter_options .tips {
	float : right;
	width : 36%;
	margin : 10px 3px 5px 0;
	background : #aaa;
	border : 2px solid #ccc;
	color : #eee;
	padding : 2px;
	display : none;
}

.filter_options  fieldset,  #reservation_form fieldset {
	width : 65%;
	padding-top : 5px;
	background : #eaeaff;
}

#reservation_form fieldset { width : 99%; }

.property_listing {
	width : 97%;
	margin : 5px 1px;
	border : 1px solid #F8D1A5;
	background : #FFFCED url(sun.png) top right no-repeat;
	padding : 5px;
	position : relative;
	padding-bottom : 20px;

}

.property_listing .thumb {
	width : 200px;
	float : left;
	min-height : 150px;
	text-align : center;
	margin-right : 4px;
}



.property_listing img {
	border : 1px solid #333;
	display : block;
	margin : 0 auto;
}

.property_listing .description {
	width : 335px;
	float : left;
	margin-left : 5px;
}


.min_listing .property_listing  { height : 102px; overflow : hidden; }
.min_listing .property_listing .thumb { width : 80px; }
.min_listing .property_listing .description { width : 440px; }
.min_listing .property_listing .description blockquote { margin-top : -16px; width : 280px; }

.property_listing .fancy {
	color : #D2792D;
}

.property_listing li {
	list-style-type : disc;
}

.pagination {
	text-align : center;
	padding : 3px;
	width : 50%;
	margin : 5px auto;
	border : 1px dashed #ccc;
	background : #eee;
}

/**************************************/
/*               Detail Page               */
/**************************************/

.features {
	clear : both;
	background : #FFFCED url(sun.png) top right no-repeat;
	margin-right : 2px;
	margin-bottom : 5px;
	padding : 5px;
	border : 1px solid #ccc;
}

.features li, #news_headlines li { list-style-image : url(bullet.gif); }

.tagline {
	font-size : 1.2em;
	text-align : center;
	margin-bottom : 10px;
}

.intro_prices {
	border-bottom : 1px dashed #ccc;
	color : #a88;
	text-align : right;
	width : 100%;
	padding-right : 6px;
	position : relative;
	top : -12px;
	left : -5px;
}

.intro_prices a:link { color : #99c; }
.intro_prices a:link:hover { color : red; }

#book_property {
	margin-left : 5px;
	border : 2px solid green;
	padding : 10px;
	background-color : #eec;
}

.price_notes {
	color : #5689b0;
	margin : 2px 2px 20px 5px;
	border-left : 1px solid #ccc;
	padding-left : 4px;
}

#reservation_form fieldset.book_box {
	background-color : #815c1b;
	padding-top : 10px;
	color : #eee;
	width : 95%;
}

#reservation_form legend {
	background-color : #b17d25;
}

/**************************************/
/*  RESERVATIONS & CHECKOUT   */
/**************************************/

.container a.deleter {
	position : absolute;
	top : 0px;
	right : 4px;
	color : #f88;
	padding-right : 18px;
	background : url(icons/cross.png) right 2px no-repeat;
	line-height : 1em;
}

.container a.deleter:hover {
	background-color : yellow;
}

.reservations h3 {
	margin-top : 15px;
}

.reservation_line, .booking_total, .deposit_line {
	margin : 0 10px 5px 5px;
	padding : 5px;
	border : 1px solid #ccc;
	position : relative;
}

.deposit_line {
	border : 1px solid #daa;
}

.booking_total {
	margin-top : 10px;
	background-color : #5D77A1;
	color : #dde;
	text-align : right;
	border : 1px solid #435674;
}

.grand_total {
	background-color : #435674;
	padding : 2px 4px;
	font-weight : bold;
}


.reservation_line ul {
	margin : 4px 4px 4px 20px;
}

.reservation_line li {
	list-style-type : disc;
}

.total, .deposit_line {
	text-align : right;
	font-weight : bold;
	color : navy;
}

.container a.cart_continue, .container a.cart_continue:link {
	display : block;
	float : right;
	margin-right : 5px;
	font-size : 1.4em;
	color : orange;
	font-weight : bold;
}

.container a.cart_continue:hover { color : red; }

/**************************************/
/*               FOOTER               */
/**************************************/

p.page_info {
	line-height : 1em;
	font-size : .8em;
	margin : 10px 10%;
	clear : both;
	background : #ddd;
	border : 1px solid #aaa;
	padding : 1px;
	color : #888;
	text-align : center;
}

#codeigniter_profiler {
	width : 750px;
	margin : 10px auto;
}

#codeigniter_profiler fieldset {
	width : 98%;
	clip : auto;
}