/*============= General CSS ===============*/
body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
background: white url('../images/bg.jpg') center repeat-y;
}

img {
border: 0px;
}

h1, h2, h3 {
padding: 0px;
margin: 0px;
}

h1, h2, h3 {
color: #333;
font-weight: normal;
font-family: Georgia, "Lucida Grande", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

h1 {
font-size: 22px;
}

h2 {
font-size: 18px;
font-weight:normal;
font-family: Verdana, Helvetica, sans-serif;
}

h3 {
font-size: 14px;
font-weight:bold;
font-family: Verdana, Helvetica, sans-serif;
}

p {
text-align: justify;
}

a {
color: #666;
text-decoration: none;
}

ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.lFloat {
float: left;
}

.rFloat {
float: right;
}

.rAligned {
text-align: right;
}

.cAligned {
text-align: center;
}

.topSpacer {
margin-top: 15px;
}

.bolded {
font-weight: bold;
}

.underLine {
text-decoration: underline;
}

.white {
color: White !important;
}

.Clear {
clear: both;
line-height: 0px;
height: 0px;
font-size: 0px;
}

/*============= Layout CSS ===============*/
/*.BG {
background: white url('../images/bg4.gif') center no-reapeat;
height: 100%;
width: 100%;
}*/

#mainContainer {
width: 953px;
margin: 0 auto;
position: relative;
background: white;
}

#header {
height: 110px;
padding: 10px 0 0 10px;
}

.mainContents {
}
	.homeContentsContainer /*, .homeContentsContainerBG*/ {
    padding-top: 439px; 
    padding-bottom: 30px;
	width: 100%;
	background: transparent url(../images/trans-white-80.png)  0px 439px no-repeat;
	}
	/*.homeContentsContainerBG {
	background-color: #FFFFFF;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
    -khtml-opacity: 0.80;
    }*/
	.homeLeft {
	padding: 20px;
	width: 520px;
	}
	.homeRight {
	padding: 20px;
	width: 320px;
	}


#footer {
color: #999;
visibility: hidden;
/*position: absolute;
bottom: 0;
top: 1000px;*/
width: 953px;
height: 50px;
background: white url(../images/footer-bg.gif) left bottom repeat-x;
z-index: 90;
}

#footer .inner {
padding: 15px 15px;
}

	.footerLinks {
	float: left;
	}
	#footer a {
	color: #999;
	}
	#footer a:hover, #footer a.current {
	color: #666;
	}


/*===============================================================*/
.internalContentsContainer, .internalContentsContainerBG {
/*position: absolute;
top: 135px;
left: 0px;*/
padding-top: 220px;
display: block;
/*min-height: 400px;
!height: 400px;*/
width: 100%;
background: transparent url(../images/trans-white-80.png) 0px 220px no-repeat;
}
/*.internalContentsContainerBG {
background-color: #FFFFFF;
opacity:0.80;
-moz-opacity: 0.80;
filter:alpha(opacity=80);
-khtml-opacity: 0.80;
}*/

.internalContents {
padding: 20px 15px 30px;
}
.calculateBtn { width:79px; height:25px; display:block; background:url(../images/calculate-btn.gif) no-repeat top left; display:block; outline:none; }
/*================================  Page Backgrounds ===============================*/
.homeMainContentsBG {
background: white url(../images/home-contents-bg.jpg) left top no-repeat;
}

    /*Reception*/
    .newsMainContentsBG {
    background: white url(../images/news.jpg) left top no-repeat;
    }

    .faqMainContentsBG {
    background: white url(../images/faq.jpg) left top no-repeat;
    }

    .about-seychellesMainContentsBG {
    background: white url(../images/about.jpg) left top no-repeat;
    }

    .facilitiesMainContentsBG {
    background: white url(../images/facilities.jpg) left top no-repeat;
    }

    .locationMainContentsBG {
    background: white url(../images/location.jpg) left top no-repeat;
    }

    .linksMainContentsBG {
    background: white url(../images/links.jpg) left top no-repeat;
    }
    .spaMainContentsBG {
    background: white url(../images/internal-contents-bg-spa.jpg) left top no-repeat;
    }

.overviewMainContentsBG {
background: white url(../images/rooms-overview.jpg) left top no-repeat;
}
    /*Room Types*/
    .oceanviewMainContentsBG{
    background: white url(../images/accommodation/ocean-view.jpg) left top no-repeat;
    }
    .jacuzzioceanviewMainContentsBG {
    background: white url(../images/accommodation/jacuzzi-ocean-view.jpg) left top no-repeat;
    }
    .deluxjacuzziMainContentsBG {
    background: white url(../images/accommodation/delux-jacuzzi.jpg) left top no-repeat;
    }
    
    
    /*Dining*/
    .ocean-view-barMainContentsBG {
    background: white url(../images/ocean-view-bar.jpg) left top no-repeat;
    }

    .palms-restaurantMainContentsBG {
    background: white url(../images/palms-restaurant.jpg) left top no-repeat;
    }
    
    /*Spa*/
    .aboutMainContentsBG {
    background: white url(../images/internal-contents-bg.jpg) left top no-repeat;
    }

    .basicsMainContentsBG {
    background: white url(../images/internal-contents-bg.jpg) left top no-repeat;
    }

    .treatmentMainContentsBG {
    background: white url(../images/internal-contents-bg.jpg) left top no-repeat;
    }

    /*Romance*/
    .honeymoonMainContentsBG {
    background: white url(../images/honeymoon.jpg) left top no-repeat;
    }

    .weddingsMainContentsBG {
    background: white url(../images/weddings.jpg) left top no-repeat;
    }

.excursionsMainContentsBG {
background: white url(../images/excursions.jpg) left top no-repeat;
}

.galleryMainContentsBG {
background: white url(../images/gallery.jpg) left top no-repeat;
}

.contactMainContentsBG {
background: white url(../images/contact.jpg) left top no-repeat;
}


/*================================  Pages CSS ===============================*/

/*=======================  Accommodation =======================*/
.accLeftCol {
width: 250px;
}

.accRightCol {
width: 630px;
padding: 10px;
}

.reflectedCont {
float: left;
width: 190px !important;
/*height: 120px;*/
text-align: center;
margin-right: 15px;
}
    .firstLeft {
    margin-left: 15px;
    _margin-left: 7px;
    }
    .reflectedCont a {
    text-decoration: underline; 
    }
    
.accRoundMe {
padding: 10px 15px;
margin-top: 40px;
border: #fff 1px solid;
background: #adadad;
}

p.roomType {
color: #fff;
padding-left: 20px;
background: url(../images/i-icon.gif) 0px 3px no-repeat;
}
/*=======================  RoomDetails =======================*/
.roomLeftCol {
width: 500px;
}

.roomRightCol {
width: 370px;
}

.roomRatesTable td, .roomRatesTable th {
padding: 4px 10px;
text-align: center;
}

.roomRatesTable td.left, .roomRatesTable th.left {
text-align: left;
}

.roomRatesTable th {
font-size: 14px;
font-family:Georgia,"Lucida Grande","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
}

.roundedBtn {
position: relative;
width: 260px;
height: 50px;
background: transparent url(../images/rounded-btn.png) left top no-repeat;
display:block;
margin-left: 55px;
}

.roundedBtn a {
float: left;
display: block;
color: #fff;
text-decoration: none;
font-size: 14px;
line-height: 45px;
text-align: center;
cursor: pointer;
font-family:Georgia,"Lucida Grande","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
width: 100%;
font-weight: bold;
}

.roundedBtn a img {
position: absolute;
right: 30px;
top: 15px;
}

/*=======================  FAQ =======================*/
.faqCol {
width: 48%;
}


/*====================== News ====================*/
.newsCont {z-index:1000;
}

.newsCont img {
float: left;
margin: 5px 5px 5px 0;
border: 2px solid #bbb;
}

.newsCont .newsDate {
font-size: 10px;
}

.newsCont p a {
color:#333333;
font-size:11px;
font-weight:bold;
}
/*====================== Palm Resturants ====================*/
#themedNights td {
vertical-align: top;
}
/*====================== Links ====================*/
h1.linkGroupTitle {
border-bottom:1px dotted #CCCCCC;
}
/*====================== Gallery ====================*/
.root {
position:relative;
}

.thumb {
position: absolute;
cursor: pointer;
}
.up, .dn {
position: absolute;
}
.ScrollBarContainer {
 width: 100%;
}
.scrollContainer { 
position: absolute; 
left: 0px; 
top: 0px; 
overflow: auto; 
}
.scrollContent { 
position: absolute; 
left: 0px; 
top: 0px;
}

.galLeftCol {
width: 170px;
}

.galRightCol {
width: 650px;
padding: 10px;
}

.galReflectedCont {
width: 140px !important;
text-align: center;
}

.galScroller {
height: 475px;
width: 200px;
_z-index:-10;
background: transparent url(../images/gallery-scroller-bg.png) right top no-repeat;
}

.galThumbs img {
border: 1px solid #999999;
margin: 0 10px 10px 0;
}
/*====================== Contact Us ====================*/
.contRoundMe {
padding: 10px 15px;
margin-bottom: 30px;
border: #eee 1px solid;
background: #eee;
}
/*============ FORMs ===============*/
.cssForm {
/*padding: 20px 20px 0 0;*/
}

.cssForm p {
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 110px; /*width of left column containing the label elements*/
height: 1%;
}

.cssForm label {
float: left;
font-size: 14px;
margin-left: -110px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-right: 10px;
text-align: left;
color: #444;
}

.cssForm input { 
width: 300px;
}

.cssForm select { 
width: 304px;
}

.cssForm textarea {
width: 300px;
height: 120px;
}

p.btnsCont {
padding-right: 79px;
}

input.formBtn {
float: right;
width: 79px !important;
margin: 3px;
}

/*========= Popups =========*/
.bookingReqCont, .infoReqCont {
width: 460px;
padding: 20px;
margin: 40px;
background-color: #ccc;
}

.infoReqCont {
}

.bookingReqCont .smallCol {
width:49%;
float: left;
}

.bookingReqCont .smallCol input {
width: 88px;
}

.bookingReqCont p.btnsCont, .infoReqCont p.btnsCont {
margin-left:65px;
margin-bottom: 20px;
padding-bottom: 20px;
padding-right:0 !important;

}

.bookingReqCont input.formBtn, .infoReqCont input.formBtn {
float: left;
width: 79px !important;
margin: 3px;
}

.popupRoundMe {
padding: 15px 15px;
margin-bottom: 70px;
border: #5C5C5C 5px solid;
background: #eee;
}
/*========= Alerts =========*/
.alertContainer {
width: 500px;
}

.alertMessage {
width: 420px;
margin-top: 5px;
}

.alertIcon {
width: 40px;
height: 40px;
margin-right: 10px;
/*background: #666 url(../images/popup/blank-bg2.gif) top left no-repeat;*/
}

.loading {
background: #eeeeee url(../images/loading2.gif) center center no-repeat;
}

.success {
background: #666 url(../images/success.gif) top left no-repeat;
}

.error {
background: #666 url(../images/error.gif) top left no-repeat;
}

.alertRoundMe {
padding: 15px 15px;
margin-bottom: 70px;
background: #eee;
}

.hand {
 cursor: pointer;
 }

/* ================ SPA ============== */
.spaServices
{
    padding: 10px 0px 10px 30px;
    font-size: 13px;
}
.spaServices li { list-style:disc outside; !display:inline-block; }
.spaServices li b { float:left; font-weight:normal; }
.spaServices li span { width:115px; float:right; font-size:11px; }


/* ================  ============== */
.agentsLnk {
_width: 80px;
}

.agentsLnk a {
background: url(../images/yellowlock.png) 8px center no-repeat;
padding-left: 26px !important;
}