/*-- GLOBAL --*/
body {
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 12px;
	background-color: #9EDF30;
	background-image: url(../images/gaia-costa-rica-hotel-resort-background.jpg);
	background-repeat: no-repeat;
}
font
{size:10px}

/*this claas is for ie6 it fixes the png transparency issue */


.fb_iframe_widget iframe {
        margin-top: -30px;
        position: relative;
        vertical-align: top !important;
}

p{
margin:12px 0px 12px 0px;}


.table-highlite
{
font-size:12px;
}

.five-star
{
width:100%;
text-align:right;

}


.home-left-box
{
width:280px;
background-color: #ffffff;
text-align:left;
font-size:11px;
height:100%;
vertical-align:top;
padding-top:30px;
padding-bottom:10px;
padding-right:30px;
padding-left:30px;
}

.home-right-box
{
width:280px;
background-color: #ffffff;
text-align:left;
font-size:11px;
height:100%;
vertical-align:top;
padding-top:30px;
padding-bottom:10px;
padding-right:30px;
padding-left:30px;
}



h1
{
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 10px;
	font-weight:normal;
	color:#8F8F8F;
}

h2
{
color:#99ba23;
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 20px;
	font-weight:normal;

}
h3
{
color:#99ba23;
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 20px;
	font-weight:normal;
	margin-bottom:6px;

}
h4
{
color:#545454;
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 18px;
	font-weight:normal;
	margin-bottom:2;
	margin-top:0px;

}

div.description
{
	position:absolute;
	top:95px;
	left:280px;
	width:638px;
	text-align:right;
	padding-left:20px;
	z-index:99;
	
}

.green
{
color:#99ba23;
}


.roomrate
{
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 12px;
	vertical-align:top;
	
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	text-align:left;
}
.season-range
{
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-style:italic;
	font-size: 10px;
	vertical-align:top;
	padding:5px;
	font-weight: normal;
	
}

div.snapshot
{
	width:390px;
	z-index:10;
	vertical-align: top;
	position:absolute;
	top: 310px;
	left:20px;

}


div.luxury-hotel-awards
{
	z-index:10;
	vertical-align: top;
	position:absolute;
	top: 610px;
	left:50px;
}




.full-table
{
margin-top: 10px;
width: 520px;
text-align:justify;
font-size:12px;
vertical-align:top;
padding-top:30px;
padding-bottom:10px;
padding-right:40px;
padding-left:40px;
}



.left-table
{
margin-top: 10px;
width: 280px;
text-align:justify;
font-size:12px;
vertical-align:top;
padding-top:30px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;


}
.right-table
{

width: 236px;
text-align:left;
font-size:11px;
height:100%;
vertical-align:top;
padding-top:30px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;

}

UL.room {

	list-style-image: url(../images/bullet-leaf.jpg);
	font-size: 12px;
}


li
{
	padding-top: 7px;
}



div.home_main_header
{
width: 100%;
height:77px;
background-color: #fff;
background-image: url(../images/banner-bg.gif);
text-align:left;
}




div.main_header
{
width: 950px;
height:77px;
position:relative;
background-color: #fff;
background-image: url(../images/banner-bg.gif);
text-align:left;
}
.promocionesGif{
	position:absolute;
	right:10px;
	top:0; }
div.main_header_pagename
{
color:#99ba23;
width: 770px;
text-align:right;
font-size:26px;
height:77px;
position:absolute;
top:25px;
left:0px;
padding-right:12px;
}

td.field
{
background-repeat: repeat-y;
background-image: url(../images/field-fade.png);
width: 950px;
font-size:12px;


}

div.main-image
{
position:absolute;
top:120px;
left:147px;
height:228px;
margin:0px;

}


.background-home
{
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 12px;
	background-color: #212328;
	text-align: center;
	background-image: url(../images/background-storm.jpg);
	margin-top: 20px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

.left-header
{
padding-left:12px;
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #FFFF38;
}










A:Link {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: underline;
	color: #99ba23;
	
	font-size:12px;
	
}
A:Visited {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #99ba23;
	
	font-size:12px;
}
A:Hover {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #4D7800;
	
	font-size:12px;
}



A.rooms:Link {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #99ba23;
	padding-left:14px;
	font-size:16px;
	
}
A.rooms:Visited {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #99ba23;
	padding-left:14px;
	font-size:16px;
}
A.rooms:Hover {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #4D7800;
	padding-left:14px;
	font-size:16px;
}

.roomCell
{
border: 1px solid #cccccc;
width: 250px;
padding:2px;
}




.page-name
{
	color: #250062;
	height: 36px;
	text-align: left;
	padding-top:15px;
	font-size: 18px;
	width: 391px;
	background-image: url(../images/page-name-bg.png);

}




td.box-home {
	
	color: #F1F1F1;
	height: 129px;
	text-align: center;
	padding-top:10px;
	font-size: 16px;
	width: 300px;
	background-image: url(../images/box-aviation-marine-liferaft.png);
}



.leftnav {

font-size: 11px;
color: #666769;
background-color: #D1D3D4;
width:110px;
line-height:20px;
padding-top:110px;
padding-left:12px;
padding-right:12px;

}

a.nav {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Color: #666769;
	text-decoration: none;
	
}
a.nav:hover {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	text-decoration: none;
	Color: #BF3226;
}




/*-- FOOTER --*/
.footer {
	
	text-align: center;
	color: #ffffff;
	vertical-align: bottom;
	font-size: 10px;
/*	width:950px;
	padding:55px;*/
}


A.footer:Link {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #ffffff;
	padding-left:7px;
	padding-right:7px;
	font-size:12px;
	z-index:55;
	
}
A.footer:Visited {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: none;
	color: #ffffff;
	padding-left:7px;
	padding-right:7px;
	font-size:12px;
}
A.footer:Hover {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	Text-Decoration: underline;
	color: #99ba23;
	padding-left:7px;
	padding-right:7px;
	font-size:12px;
}




/*-- dhtml tooltip   ---*/

#dhtmltooltip{
position: absolute;

width: 150px;
border: 1px solid #65831E;
padding: 20px;
color:#fff;
background-color:  #8FAD1E;
visibility: hidden;
z-index: 100;
text-align:center;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



/*-- COPYRIGHT --*/
td.copyright {
	padding: 5px 5px 4px 5px;
	color: #4C4C4C;
}

td.copyright {font-size: 11px;}
td.copyright a {
	color: #4C4C4C;
	font-size: 11px;
	text-decoration: none;
}
td.copyright a:hover {color: #1068AD;}


/*--------------------------------new styles from Scottie-------------------------------------------*/
#showimage { 
     position:absolute; 
     visibility:hidden; 
     border: 1px solid gray; 
     background-color: #FFFFFF;
     z-index:1000;
}

.form 
{
     color: #7da000;
     text-align: right;
     font-size: 12px;  
} 
 .value { 
     font-size: 12px; 
     text-align: left; 
} 
 
.ASPCal 
{ 
	background-color:#f0ffff; 
	padding: 2px 2px 2px 2px ; 
	width: 520px;
    text-align:center; 
    font-size: 11px; 
} 
.ASPCal_DayNum 
{ 
    border-style:solid; 
    border-width:1px; 
	border-color:#91BA00; 
    width:73px; 
    color:#7da000; 
} 
.ASPCal_DayNumStay 
{ 
     border-style:solid; 
     border-width:1px; 
     border-color:#91BA00; 
     background-color: #91BA00; 
     color:#ffffff; 
     width:73px; 
     vertical-align:top;
} 
.ASPCal_DayNumStayNumber 
{ 
     background-color: #91BA00; 
     color:#ffffff; 
} 

.ASPCal_RoomAvailable 
{ 
     background-color: #3083cF; 
     color:#9Ed3FF; 
} 

.ASPCal_RoomNotAvailable 
{ 
     background-color: #ffffcF; 
     color:#3Ea3cF; 
} 

.ASPCal_month 
{ 
	background-color: #91BA00; 
    border-style:solid; 
    border-width:1px; 
    border-color:#91BA00; 
    font-weight: bold; 
    color:#ffffff;
} 

.ASPCal_DOW 
{ 
     border-style:solid; 
     border-width:1px; 
     border-color:#7da000; 
     color:#7da000; 
}

.RoomHeading
{
     color:#fff; 
	 background-color: #91BA00;
     font-size: 22px; 
	 font-weight:bold;
	 padding:8px;
	 text-align:center;
}

.Roomrate
{
     color:#000; 
	 background-color: #fff;
     font-size: 12px; 
	 font-weight:normal;
	 padding:4px;
}

.room_desc
{
     color:#000; 
	 background-color: #fff;
     font-size: 12px; 
	 font-weight:normal;
	 padding:8px;
     border-style:solid; 
     border-width:1px; 
     border-color:#D4D5D9; 
}
.room_descb
{
     color:#000; 
	 background-color: #fff;
     font-size: 12px; 
	 font-weight:normal;
	 padding:8px;

}

.roomtable
{
     border-style:solid; 
     border-width:3px; 
     border-color:#91BA00; 
	 width:540px;
}
.roomtableb
{

	 width:500px;
}
.roomReserve
{
width:120px;
color:#000000; 
font-size: 10px; 
}

.RoomSeason
{
     color:#000; 
     font-size: 12px; 
     border-bottom-style:solid; 
     border-bottom-width:1px; 
     border-bottom-color:#D4D5D9; 
}

 
 
.RoomRange
{
     color:#000; 
     font-size: 12px; 
	     border-bottom-style:solid; 
     border-bottom-width:1px; 
     border-bottom-color:#D4D5D9
}


.RoomPrice
{
     color:#000; 
     font-size: 12px; 
	      border-bottom-style:solid; 
     border-bottom-width:1px; 
     border-bottom-color:#D4D5D9
}

.RoomNotes
{
     color:#000; 
     font-size: 10px; 

}



.RoomItin
{
     color:#000; 
	 text-align:right;
     font-size: 12px; 
	 width: 250px;

}

.RoomItinNum
{
     color:#000; 
	 text-align:left;
     font-size: 12px; 

}

.RoomThumb
{
text-align:center;
padding:12px;}


.gallery
{
	vertical-align:top;
	text-align: center;
}

.GalleryImageCell
{
	padding: 0px 4px 30px 0px;
	vertical-align:top;
	text-align: center;
}
.GalleryImage
{
	padding: 0px 4px 30px 0px;
	vertical-align:top;
	border: 1px solid #91d52a;
	text-align: center;
}

.package_prices_heading
{
	 font-size: 14px; 
}

.package_prices
{
	 font-size: 12px; 
}

TABLE.testimonials {
	Font-Family: Arial, Helvetica, MS Sans Serif;
	font-size: 12px;
	vertical-align:top;
}

TABLE.testimonials TD.middle_col
{

}
TABLE.testimonials TR {
	vertical-align:top;
}
TABLE.testimonials TD.date {
	text-align: left;
	font-weight: bold;
}
TABLE.testimonials TD.name_location 
{
	text-align: right;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 20px;
}
TABLE.testimonials TD.spacer 
{
	border-top: 1px solid #91d52a;
}
TABLE.testimonials TD.MT_Source
{
	font-weight:bolder;
	padding-bottom:5px;
	margin-bottom:5px;
}
TABLE.testimonials TD.testimonial_text
{
	width:48%;
}

.manp_table
{
	background-color: #ffffff;
}	

#inline-sample-content{
	color:#FFFFFF;
	text-align:justify;
}

/* MEDIALAB */

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden; } 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

.alignCenter { text-align: center !important; }
.alignRight { text-align: center !important; }
.alignLeft { text-align: center !important; }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }

table.defaultTable { border-collapse: collapse; }

table.defaultTable td { 
	border: 1px solid #999;
	padding: 3px;
	text-align: center; }
	
table.defaultTable thead td { font-weight: bold; }	

/* HOME */

td#linksHome a { margin: 0px 7px; }

div.tourVirtual {
	left: 30px;
    position: absolute;
    top: 625px;
    vertical-align: top;
    z-index: 10; }

div.tourVirtualInterna { left:15px !important; }

div.promotionHome { top: inherit !important; }
div.promotionHome span { 
	float: right;
    margin: 30px 10px 0 0; }  
    
/* SIDEBAR - PHOTO SLIDE */

div#photoSlide {
	left: 30px;
    position: absolute;
    top: 625px;
    vertical-align: top;
    z-index: 10; }  
    
/* SIDEBAR - TRIP ADVISOR */

div#tripAdvisor {
	left: 100px;
    position: absolute;
    top: 850px;
    vertical-align: top;
    z-index: 10; }

/* GUEST PROFILE FORM */

form#profileForm input.invalid { border: 1px solid #999;  }
form#profileForm table td { font-size:14px; }
form#profileForm table table td { font-size: 11px; }

/* CONTACT US FORM */

form#contactForm { 
	margin: 30px auto 0;
	width: 500px; }

form#contactForm p {
	color: #000;
	font-size: 12px; }
	
form#contactForm h3 { 
	font-size: 18px;
    margin: 0 0 20px !important;
    text-align: center; } 
	
form#contactForm .form-row { margin: 0 0 10px 0; }
form#contactForm .form-row span.invalid {
    color: #99BA23 !important;
    font-size: 12px;
    float: left;
    margin:5px 0 0 180px;
    width: 240px; }

form#contactForm label {
	color: #000;  
	float: left; 
	font-size: 12px;
	text-align: left; 
	width: 180px; }
	
form#contactForm input.text {
	border: 1px solid #CCC;
	float: left;
	padding: 3px 5px;
	width: 240px; 
}
	
form#contactForm select { 
	float: left;
	font-size: 12px;
	width: 255px; }

form#contactForm textarea { 
    border: 1px solid #CCCCCC;
    float: left;
    font: 12px Arial,Helvetica,'MS Sans Serif';
    padding: 3px;
    width: 245px; 
}


#table-form {font-size: 11px;}
#table-form tr td {color: #595959; min-height: 35px;}
/*#table-form input[type="checkbox"] {border: #CCC solid 1px;}*/
#table-form input[type="text"] {
    border: #CCC solid 1px;
    background:url(bg-field.png) 0 0 repeat-x;
    height: 25px;
}

#table-user td {font-size: 11px;}
#table-user tr td:first-child {
    text-align: right;
    width: 170px;
    height: 35px;
}

.videoI{
	float: left;
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: center;
    vertical-align: top;
    width: 300px;
    z-index: 10; }

.videoII{
	float: left;
    padding-left: 29px;
    padding-right: 39px;
    padding-top: 15px;
    text-align: center;
    vertical-align: top;
    width: 308px;
    z-index: 10; }