

/* brTip */
div.brTip-box {
	background: #FFF;
	display: none;
	position: absolute;
	padding:2px;
	z-index:1000;
}
div.brTip-title {
	background: #6E92B6;
	color: #FFF;
	display: block;
	margin: 0;
	padding: 0px;
	text-align: center;
}
div.brTip-content {
	color: #333;
	margin: 0;
	padding: 0;
	font-size:11px;
	text-align: justify;
}

div#nyroModalFull {
	font-size: 12px;
	color: #000;
	font-family: Verdana;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {
	left: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {
	background: url(../img/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {
	right: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {
	background: url(../img/next.gif) right 20% no-repeat;
}


html, body, div, td, tr, form, p {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
	height:0px;
}
.fl { float:left; }
.fr { float:right; }
/*td, tr, table { border:none; }*/
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
img { border:0; }
a:active, a:focus { outline: none; }


/* ------------------------------------------------- Paging */
div.paging {
	float:right;
	margin-bottom:10px;
	margin-top:5px;
	clear:both;
	font:11px verdana;
}
* html div.paging { display: inline;}
div.paging div.disabled {
	display:none;
}
div.paging span {
	display:block;
	float:left;
	list-style-type: none;
	margin-left:2px;
	color:#fff;
	
}
div.paging a, div.paging span.current {
	padding:0px 3px 0px 3px;
	display: block;
	float:left;
	height:13px;
	font-weight:bold;
	line-height:13px;
	text-decoration:none;
	border:1px solid #893c20;
	font:11px verdana;
}
div.paging span.current {
	font-weight: bold;
}
div.paging span a:hover, div.paging span.current {
	background-color:#f1c8b9;
	color:#893c20;
}
/* ------------------------------------------------- End Paging */

/* ------------------------------------------------- Errors */
div#messagesOuter{
	position: fixed;
	z-index:10000;
	background-color: #26150e;
	border: 2px solid #F00;
	right: 7px;
	top: 90px;
	color: #fff;
}
div#messagesOuter .in{
	background: transparent;
	border-bottom: 1px solid #666;
}
div#messagesOuter a{
	display: block;
	width: 12px;
	height: 12px;
	color: #fff;
	line-height: 12px;
	padding: 5px;
	font-size: 16px;
	font-weight:bold;
	text-decoration: none;
}
div#messagesOuter a:hover{
	color: #F00;
}
* html div#messagesOuter{
	position: absolute; 
	top: expression(90+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); 
	right: expression(7+((e=document.documentElement.scrollRight)?e:document.body.scrollRight)+'px');} 
}
div#messages{
	padding: 5px;
}
div#messages div.errors p{
	padding: 5px;
	margin: 0px;
}
div.message {
	padding: 5px;
}
.form-error, div.error input, div.error textarea{
	border-color: #900;
	border-style: dotted;
	background-color: #f99;
}
.error {
	font-family: Courier, monospace;
	padding: 0;
	margin: 0;
}
p.error em {
	color: #000;
	font-weight: normal;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
}
.success {
	background-color: green;
	color: #FFF;
}
/* ------------------------------------------------- End Errors */

table.cake-sql-log{
	background: #fff;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.cake-sql-log td{
	border: 1px solid #000;
}

html, body {
/*	min-height:auto;
	height: 100%;
	width:100%; */
}
#sitewrapper {
	position: relative;
	width:997px;
	margin:0 auto;
	height: auto;
	min-height: 100%;
	border:8px solid #FFFFFF;
	width:975px;
}
* html #sitewrapper {
	height: 100%;
}

body {
	background:#0F385C url(../img/pattern.gif) repeat-x;
	margin:40px auto;
}



/* -------------------------------------------- Header */
#header {
	width:975px;
	position:relative;
	height:286px;
	padding-top:15px;
}
/* ------------------------------------------------- End Header */

/* ------------------------------------------------- Center */
#center {
	padding-bottom:80px;
	width:975px;
	position: relative;
	padding-top:25px;
}

/* ------------------------------------------------- End Center */

/* ------------------------------------------------- Footer */
#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
	color:#52ffff;
	font:12px arial;
	padding-top:4px;
	width:975px;
	height:19px;
	background-color:#1e70b9;
}

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


/* --------------- Header ---------------- */

.top_menu .top_menu_inner a {
	display:block;
	float:left;
	background: url(../img/links_bg.jpg) repeat-x;
	padding:6px 9px 0px 9px;
	height:35px;
	color:#26557f;
	text-align: center;
	text-decoration:none;
	font:10px verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin-right:1px;
/*	line-height:20px;*/
	margin-top:7px;
}
.top_menu a.logo {
	margin:0;
	padding:0;
	display:block;
	width:255px;
	height:48px;
	background:url(../img/costa_logo_transparent.png) no-repeat;
	float:left;
	text-decoration: none;
	cursor: pointer;
}

* html .top_menu a.logo { 
	background-image:none;
}

.top_menu a.logo span {
	visibility: hidden;
}

.top_menu .top_menu_inner {
	float:right;
}
.top_menu .top_menu_inner a:hover,
.top_menu .top_menu_inner a.active {
	background: url(../img/links_bg_hover.jpg) repeat-x;
}

.slideshow {
	border:3px solid #fff;
	border-left:none;
	width:765px;
	height:232px;
	float:left;
	background-color:#00acec; 	
}

.search_menu {
	width:189px;
	height:197px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	float:left;
	padding:35px 9px 0px 9px;
}

/* --------------- Header EOF ---------------- */


/* --------------------- Footer ------------------- */
#footer a {
	display:block;
	width:30px;
	height:16px;
	background:url(../img/fixar_logo.png) no-repeat;
	float:left;
	text-decoration: none;
	cursor: pointer;
	margin-top:1px;
	margin-left:5px;
}
* html #footer a { 
	background-image:none;
}


#footer a span {
	visibility: hidden;
}

#footer .text {
	float:left;
}
#footer .center {
	margin:0 auto;
	width:220px;
}
/* --------------------- Footer EOF ------------------- */

#center_news {
	padding-top:5px;
	width:946px;
	height:18px;
	background-color:#1e70b9;
	padding-left:29px;	
	position:relative;		
	font:11px verdana;
	font-weight: normal;
	color:#fff;
	overflow:hidden;
}
#center_news a {
	color:#54ffff;
	text-decoration: none;
	font-weight: bold;	
}
#center_news img {
	vertical-align: middle;
	margin-bottom:2px;
}

#center_news a:hover,
.content a:hover,
.center a:hover {
	color:#ffedbd;
}

#center_news .box {
	margin-bottom:10px;
}

.lang_menu {
	position:absolute;
	top:5px;
	right:25px;
}
.lang_menu a img {
	border:1px solid #000;
}
.lang_menu a.active img,
.lang_menu a:hover img {
	border-color:#1bceff;
}
.lang_menu a {
	margin-left:7px;
}
.search_menu form input,
.search_menu form select {
	width:189px;
	height:18px;
	border:1px solid #969b9f;
	font:10px verdana;
	color:#969b9f;
	margin-bottom:3px;
}
.search_menu form input{
	height: 14px;
}
.search_menu form .small input,
.search_menu form .small select {
	width:86px;
	float:left;
}
.search_menu form .small.right input,
.search_menu form .small.right select {
	width:86px;
	float:right;
}
.find .light_blue.small .input.submit input,
.search_menu form .input.submit input {
	background:none;
	border:none;
	font:11px verdana;
	font-weight:bold;
	color:#54ffff;
	text-transform:uppercase;
	float:right;
	padding:0;
	margin-top:5px;
	cursor: pointer;
}


h2 {
	border-bottom:3px solid #20CCFF;
	color:#FFFFFF;
	font:13px verdana;
	font-weight:bold;
/*	height:20px; */
	padding-bottom: 2px;
	margin-bottom:10px;
	padding-left:9px;
	text-transform:uppercase;
}
h2.small {
	border-bottom:3px solid #20CCFF;
	color:#FFFFFF;
	font:12px verdana;
	font-weight:bold;
/*	height:20px;*/
	margin-bottom:10px;
	text-transform:uppercase;
	padding:0;
}
.title {
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	display:block;
	font:14px verdana;
	font-weight:bold;
	padding:3px 9px 4px;
	text-decoration:none;
	margin-top:20px;
	margin-bottom:10px;
}
a.border img{
	border:5px solid #20CCFF;
}

#column_left,
#column_right {
	width:181px;
	float:left;
	margin-left:24px;
}
* html #column_left,
* html #column_right {
	margin-left:14px;
}

.content.inner_page {
	width:472px;
	float:left;
	margin-left:22px;
	font:12px verdana;
	font-weight: normal;
	color:#fff;
}

.gallery {
	margin:20px 0px 20px 0px;
}

.gallery a img {
	border:2px solid #1bceff;
	margin:0px 0px 2px 2px; 
}

.left_menu {
	padding-top:4px;
	*padding-top:0px;
	padding-bottom:20px;
}
* html .left_menu {
	padding-top:4px;
}
.left_menu ul {
	padding:0;
	margin:0;
}
.left_menu ul ul {
	padding-left:23px;
}
.left_menu ul ul ul {
	padding-left:18px;
}
.left_menu ul li {
	list-style: none;
}
* html .left_menu ul li {
	height:0;
}
.left_menu ul li a {
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	font:12px verdana;
	color:#fff;
	font-weight: bold;
	border-bottom:3px solid #1bceff;
	margin-bottom:5px;
	padding-bottom:2px;
	padding-left:10px;
}
.left_menu ul li ul li ul li a,
.left_menu ul li ul li a {
	padding-left:0;	
	text-transform: none;
	font:11px verdana;
	font-weight: bold;
}
.left_menu ul li a:hover {
	color:#034988;
}

.left_gallery .box {
	padding:0px 0px 5px 13px;
}

.left_gallery .box img {
	border:2px solid #1bceff;
}
.left_gallery .box a.heading {
	text-decoration:none;
	display:block;
	font:11px verdana;
	color:#fff;
	font-weight: bold;
	margin-bottom:12px;
	padding-top:10px;
}
.left_gallery .box a.heading:hover {
	color:#034988;
}

.content.inner_page .gallery a:hover img, 
.left_gallery .box a:hover img {
	border-color: #fffeda;
}
#column_right h2 a {
	text-decoration:none;
	color:#fff;
}
#column_right h2 a:hover {
	color:#034988;
}
#column_right .box {
	font:11px verdana;
	padding-left:10px;
	margin-bottom:15px;
}
#column_right .box span {
	color:#fce1d7;
}

#column_right .box a {
	font-weight: bold;
	text-decoration: none;
	color:#fff;
}
#column_right .box a:hover {
	color:#fff8d6;
}






/* pink */

.pink #sitewrapper {
	background-color:#e89b7f;
}

.pink .content a, .pink .center a,
.pink #center_news a {
	color:#832e11;
}

.pink .content a:hover, .pink .center a:hover,
.pink #center_news a:hover {
	color:#fffeda;
}

.pink .top_menu .top_menu_inner a {
	background:url(../img/links_bg_pink.jpg) top left repeat-x;
}
.pink .top_menu .top_menu_inner a.active,
.pink .top_menu .top_menu_inner a:hover {
	background:url(../img/links_bg_hover_pink.jpg) top left repeat-x;
}

.pink #footer,
.pink #center_news {
	background-color:#d88b6f;
}
.pink #footer {
	color:#832e11;	
}
.pink #center_news a {
	color:#832e11;
}

.pink #center_news a:hover {
	color:#fffeda;
}

.pink .left_menu ul li a,
.pink h2 {
	border-color:#f2ccbf;
}


.pink #column_right h2 a:hover,
.pink .left_gallery .box a.heading:hover,
.pink .left_menu ul li a:hover,
.pink .left_menu ul li a.active {
	color:#832e11;
}

.pink .content.inner_page .gallery a img, 
.pink .left_gallery .box a img {
	border-color:#f2ccbf;
}

.pink .content.inner_page .gallery a:hover img, 
.pink .left_gallery .box a:hover img {
	border-color:#fef3d1;
}

.pink .slideshow {
	background-color:#e89b7f;
}


/* default */

.default #sitewrapper {
	background-color:#00acec;	
}

/* blue */

.blue #sitewrapper{
	background-color:#61b7d0;
}

.blue .content a,
.blue .center a,
.blue #center_news a {
	color:#fffffe;
}

.blue .content a:hover, .blue .center a:hover,
.blue #center_news a:hover {
	color:#fff8d6;
}

.blue .top_menu .top_menu_inner a {
	background:url(../img/links_bg_blue.jpg) top left repeat-x;
}

.blue .top_menu .top_menu_inner a.active,
.blue .top_menu .top_menu_inner a:hover {
	background:url(../img/links_bg_hover_blue.jpg) top left repeat-x;
}

.blue #footer,
.blue #center_news {
	background-color:#328aa3;
}
.blue #footer {
	color:#ffedd6;
}

.blue .left_menu ul li a,
.blue h2 {
	border-color:#ffffff;
}

.blue #column_right h2 a:hover,
.blue .left_gallery .box a.heading:hover,
.blue .left_menu ul li a:hover,
.blue .left_menu ul li a.active {
	color:#0f657d;
}

.blue .content.inner_page .gallery a img, 
.blue .left_gallery .box a img {
	border-color:#addbe8
}

.blue .content.inner_page .gallery a:hover img, 
.blue .left_gallery .box a:hover img {
	border-color:#358ca5;
}


/* brown */

.brown #sitewrapper {
	background-color:#daaa72;
}

.brown .content a,
.brown .center a,
.brown #center_news a {
	color:#fffffe;
}

.brown .content a:hover, 
.brown .center a:hover,
.brown #center_news a:hover {
	color:#fff8d6;
}

.brown .top_menu .top_menu_inner a {
	background:url(../img/links_bg_brown.jpg) top left repeat-x;
}

.brown .top_menu .top_menu_inner a.active,
.brown .top_menu .top_menu_inner a:hover {
	background:url(../img/links_bg_hover_brown.jpg) top left repeat-x;
}

.brown #footer,
.brown #center_news {
	background-color:#a97e4a;
}
.brown #footer {
	color:#ffedd6;
}

.brown .left_menu ul li a,
.brown h2 {
	border-color:#ffdeb2;
}

.brown #column_right h2 a:hover,
.brown .left_gallery .box a.heading:hover,
.brown .left_menu ul li a:hover,
.brown .left_menu ul li a.active {
	color:#8c6639;
}

.brown .content.inner_page .gallery a img, 
.brown .left_gallery .box a img {
	border-color:#ffdeb2;
}

.brown .content.inner_page .gallery a:hover img, 
.brown .left_gallery .box a:hover img {
	border-color:#aa7f4b;
}



/* green */

.green #sitewrapper {
	background-color:#abbe4c;
}

.green .content a,
.green .center a,
.green #center_news a {
	color:#fffffe;
}

.green .content a:hover, 
.green .center a:hover,
.green #center_news a:hover {
	color:#fff8d6;
}

.green .top_menu .top_menu_inner a {
	background:url(../img/links_bg_green.jpg) top left repeat-x;
}

.green .top_menu .top_menu_inner a.active,
.green .top_menu .top_menu_inner a:hover {
	background:url(../img/links_bg_hover_green.jpg) top left repeat-x;
}

.green #footer,
.green #center_news {
	background-color:#788d16;
}
.green #footer {
	color:#ffedd6;
}

.green .left_menu ul li a,
.green h2 {
	border-color:#fff;
}

.green #column_right h2 a:hover,
.green .left_gallery .box a.heading:hover,
.green .left_menu ul li a:hover,
.green .left_menu ul li a.active {
	color:#536501;
}

.green .content.inner_page .gallery a img, 
.green .left_gallery .box a img {
	border-color:#dbe5ac;
}

.green .content.inner_page .gallery a:hover img, 
.green .left_gallery .box a:hover img {
	border-color:#7b9019;
}

/* galleries */

.inner_gallery {
	position:relative;
}

.inner_gallery a img {
	border:2px solid #1BCEFF;
	margin-left:1px;
}

.inner_gallery a:hover img {
	border:2px solid #FFFEDA;
}

.inner_gallery .big img{
	margin-top:30px;
}

#bigImageCont {
	margin-top:20px;
}



.bigImage {
	position:relative;
	width:430px;
	height:322px;
	display:block;
	margin:0 auto;
}


div.loading {
	position: absolute;
	z-index: 20;
	width:430px;
	height:322px;
	top:2px;
	left:3px;
	*top: 22px;
	*left: 3px;
	background: #fff url(../img/ajaxLoader.gif) no-repeat;
	background-position: center;
}

.find .light_blue {
	padding-left:10px;
	padding-top:8px;
	background-color:#1bceff;
	margin-bottom:12px;
	zoom: 1;
}
div.find div.input.text,
div.find div.input.select {
	float:left;
	margin-right:14px;
	margin-bottom:14px;
	display: inline;
	*width:140px;
}

div.find div.input.text label, 
div.find div.input.select label {
	display:block;
	height:14px;
	margin-bottom:2px;
}

div.find div.input.select select {
	width: 140px;
}
.find .light_blue.small .fr,
.find .light_blue.small .fl {
	width:230px;
}
.find .light_blue.small .input.text,
.find .light_blue.small .input.select {
	width:99px;
}
.find .light_blue.small .input.text input,
.find .light_blue.small .input.select select {
	width:95px;
}

.find .light_blue.small .input.submit input {
	margin-top:25px;
	margin-right:13px;
	color:#fff;
}

.content a {
	text-decoration:none;
	color:#54f2ff;
	font:14px verdana;
	font-weight: bold;
}

.content {
	padding:24px;
	padding-top:0px;
	color:#f8f8f8;
	font:12px verdana;
	font-weight: bold;
}
.news .box {
	margin-bottom: 15px;
	font:11px verdana;
}
.news_view a.big_img img,
.news .box a img {
	float:left;
	border:2px solid #f2ccbf;
	margin-right:7px;
}
.news_view a.big_img:hover img,
.news .box a:hover img {
	border-color: #fff8d6;
}

.news .box .text a {
	font:11px verdana;
	font-weight: normal;
}
.news .box .text h4 {
	margin-bottom:10px;
}
.news .box .text h4 a {
	font:12px verdana;
	font-weight: bold;
	color:#ffffff;

}

.news_view h2 {
	font:12px verdana; 
	font-weight: bold;
	text-transform: none;
}

div.inner_page div.sections{
	text-align: center;
	margin-top: -5px;
	margin-bottom: 20px;
}
div.inner_page div.sections a{
	font-size: 11px;
	color: #fff;
}
div.inner_page div.sections a:hover,
div.inner_page div.sections a.active{
	color: #893c20 !important;
}
div.properties table{
	border: 1px solid #344f6d;
	border-collapse:collapse;
	width: 470px;
	font-size: 11px;
	background-color: #fff;
}
div.properties th,
div.properties td{
	border: 1px solid #344f6d;
	text-align: center;
	padding: 4px;
}
div.properties th{
	background-color: #344f6d; 
}
div.properties td a{
	font-size: 11px;
	color: #2169e1 !important;
	text-decoration: underline;
}
div.properties td a span{
	color: #35a90d;
}
div.properties td a:hover{
	text-decoration: none;
}
div.properties td{
	color: #000;
}
div.properties td.bold{
	font-weight: bold;
}
div.properties tr.sold td{
	color: #e10000;
	background-color: #ffdcd9;
}
div.properties tr.switch th{
	height: 16px;
	margin-bottom: 1px;
	background-color: #ffb79a;
	border: 1px solid #893c20;
	color: #344f6d;
	padding: 0 0 2px 0;
}
div.properties tr.switch th a{
	color: #344f6d;
	font-size: 11px;
}
div.properties div.download a img{
	vertical-align: middle;
}
div.properties div.download{
	text-align: right;
}

div.floorplans table{
	border: 1px solid #344f6d;
	border-collapse: collapse;
	width: 470px;
	background-color: #fff;
}
div.floorplans th,
div.floorplans td{
	border: 1px solid #344f6d;
	text-align: center;
	padding: 4px;
}
div.floorplans th{
	background-color: #344f6d; 
}
div.floorplans td a{
	font-size: 11px;
	color: #2169e1 !important;
	text-decoration: none;
}
div.floorplans td a:hover{
	color: #35a90d !important;
}