/*

HFC Singapore
Last modified: 08 Dec 2010

01 GLOBAL RESET
02 GRID
03 GENERAL
	- nivoSlider
04 TYPO
05 LINKS
	A. Global Navigation
	B. Sub Navigation


*/


/*_____________________________________________________

01 GLOBAL RESET
_____________________________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*_____________________________________________________

02 GRID
_____________________________________________________*/

html, body { background: #FFF url(images/bg.jpg) repeat top center; font-family: Century Gothic, Verdana, Geneva, sans-serif; font-size: 12px; color: #666; line-height: 18px; overflow-y: auto; overflow-x: hidden; }

#wrapper { margin: 0 auto -60px auto; width: 1000px; min-height: 100%; height: auto !important; height: 100%; }
.header { width: 90%; margin: 0 auto; }

#content_start { width: 100%; height: 176px; margin: 0 auto; }
.content_start_details { width: 223px; padding: 64px 0 0 687px; }
.content_start_aboutus { width: 100%; height: 176px; background: url(images/c_header_aboutus.png) no-repeat; }
.content_start_rooms { width: 100%; height: 176px; background: url(images/c_header_rooms.png) no-repeat; }
.content_start_dining { width: 100%; height: 176px; background: url(images/c_header_dining.png) no-repeat; }
.content_start_facilities { width: 100%; height: 176px; background: url(images/c_header_facilities.png) no-repeat; }
.content_start_events { width: 100%; height: 176px; background: url(images/c_header_events.png) no-repeat; }
.content_start_location { width: 100%; height: 176px; background: url(images/c_header_location.png) no-repeat; }
.content_start_offers { width: 100%; height: 176px; background: url(images/c_header_offers.png) no-repeat; }
.content_start_gallery { width: 100%; height: 176px; background: url(images/c_header_gallery.png) no-repeat; }
.content_start_sitemap { width: 100%; height: 176px; background: url(images/c_header_sitemap.png) no-repeat; }
.content_start_uc { width: 100%; height: 176px; background: url(images/c_header_uc.png) no-repeat; }

#content { width: 820px; height: 100%; margin: 0 auto; padding: 0 90px; background: url(images/c_bg.png) repeat; float: left; }
.content_left { width: 577px; float: left; }
.content_right { width: 223px; float: left; }
.content_center { margin: 0 auto; }

.content_end { width: 100%; height: 150px; margin: 0 auto; background: url(images/c_end.png) no-repeat; }

.footer, .push { height: 60px; padding-top: 20px; }
.footer { background-color: #b5b5b5; font-size: 10px; color: #333; }
.footer a { color: #333; text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: none; }
#footer_table { margin: 0 auto; }

.photo-box img { border: 2px solid #fff; }

.offerspage img { margin-left: 100px; }


/*_____________________________________________________

03 GENERAL
_____________________________________________________*/

.divider { border-bottom: #ccc solid 1px; }
.divider_end { width:577px; height: 11px; background: url(images/divider_end.png) no-repeat; }
.divider_end_long { width:820px; height: 11px; background: url(images/divider_end_long.png) no-repeat; }
.dotted_divider_long { width: 820px; height: 5px; background: url(images/dotted_divider_long.png) no-repeat; margin: 20px 0;}
.flL { float: left; }
.flR { float: right; }
.txC { text-align: center; }
.vlM { vertical-align: middle; }
.clear { clear: both; }

.white_tape_bg { width: 222px; height: 27px; line-height: 25px; background:url(images/white_tape_bg.png) no-repeat; margin: 0 0 10px 0; }

.h_spacer { width: 100%; height: 20px; background: url(images/spacer.gif) repeat; }
.v_spacer { width: 20px; height: 100%; background: url(images/spacer.gif) repeat; float: left; }

#list { list-style: inside; list-style-type: disc; margin: 0 0 0 20px; }
#directions { list-style-position: outside; list-style-type: decimal; margin: 0 0 0 20px; }

a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #C90; }





/*----------- nivoSlider -----------*/

#slider-wrapper {
    background:url(images/slider/slider.png) no-repeat;
    width:900px;
    height:600px;
	margin: 0 auto;
}

#slider {
	position:relative;
    width:878px;
    height:428px;
	margin: 0 auto;
	top: 11px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position: relative;
	left: 377px;
	top: 450px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 3px 0 0;
	float: left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*_____________________________________________________

04 TYPO
_____________________________________________________*/

/* 
	Body Text: #666
	Header: #999
	Hover: #C93
*/

h1, h2, h3, h4 { font-family: Baskerville, Baskerville Old Face, Times, Times New Roman, serif; font-weight: lighter; }

h1 { font-size: 30px; font-style: italic; color: #999; }
h2 { font-size: 19px; font-style: italic; }
h2.small { font-size: 15px; font-style: italic; border-bottom: dotted 1px #BBB; padding-bottom: 15px; }
h3 { font-size: 12px; text-transform: uppercase; line-height: 11px; }
h4 { font-size: 14px; color: #333; line-height: 20px; display: inline; }
h4.center { display: block; text-align: center; }
h5 { font-family: Verdana, Geneva, sans-serif; font-size: 10px; display: inline; font-weight: 100; }


.display_inline { display: inline; }

.text_small { font-size: 10px; color: #666; line-height: 18px; }

.txt_dl { font-size: 11px; text-transform: uppercase; font-weight: bold; }

.txt_333 { color: #333; }

.txt_bookingengine { font-size: 10px; }
a.txt_book-link { font-size: 10px; color: #fff; text-decoration: none; padding-left: 10px;}
a.txt_book-link:hover { color: #333; }

#breadcrumbs-container { width: 100%; height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #999; float: left; margin: 10px 0 0 55px; }
a.breadcrumbs:link, a.breadcrumbs:visited { color: #999; text-decoration: none; }
a.breadcrumbs:hover { color: #c90; }

ul li.sitemap_title { font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #666; }
ul li a:link, ul li a:visited { color: #666; }
ul li a:hover { color: #C90; }
a.sitemap_title:link, a.sitemap_title:visited { font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #666; }
a.sitemap_title:hover { color: #C90; }
a.sitemap_small:link, a.sitemap_small:visited { color: #999; margin-left: 15px; }
a.sitemap_small:hover { color: #C90; margin-left: 15px; }






/*----- Request A Proposal Form -----*/
.title { width: 577px; padding: 5px 0 5px 0;background-color: #EEE; }
label { display: block; margin: 0 0 3px 0; }
input, select { width: 250px; height: 15px; background-color: #fff; border: dotted 1px #999; }
select { height: 18px; }
textarea { width: 300px; height: 50px; background-color: #fff; border: dotted 1px #999; vertical-align: top; }
.input_long { width: 430px; }
.input_short { width: 50px; }
.select_auto { width: auto; height: 15px; }
#additional_info label, #part2 label { display: inline; margin: 0 0 3px 0; }
#additional_info input, #part2 input { width: auto; height: 15px; background-color: transparent; border: none; }
.btn {
	width: 150px;
	height: 30px;
   border-top: 1px solid #888c8f;
   background: #6c7378;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e4447), to(#6c7378));
   background: -moz-linear-gradient(top, #3e4447, #6c7378);
   padding: 5px 10px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Baskerville, Baskerville Old Face, Times, Times New Roman, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.btn:hover {
   border-top-color: #ad851f;
   background: #ad851f;
   color: #ffffff;
   cursor: pointer;
   }
.btn:active {
   border-top-color: #d4ab64;
   background: #d4ab64;
   }
.errortxt { color: #C00; }

#eventStart_month, #eventStart_day, #eventStart_yr, #eventEnd_month, #eventEnd_day, #eventEnd_yr, #decisiondate_month, #decisiondate_day, #decisiondate_yr, #dateandtime_month, #dateandtime_day, #dateandtime_yr { width: 50px; }


/*_____________________________________________________

05 LINKS
_____________________________________________________*/



/*-- A. Global Navigation --*/

ul#navigation { list-style: none; width: 707px; height: 71px; float: right; }
ul#navigation li { float: left; }
ul#navigation li a { background-repeat: no-repeat; display: block; text-indent: -9000px; width: 101px; }
a.home { background-image: url(images/btn_home.png); width: 101px; height: 71px; }
a.home:hover { background-position: 0 -71px; }
a.rooms { background-image: url(images/btn_rooms.png); width: 101px; height: 71px; }
a.rooms:hover { background-position: 0 -71px; }
a.roomsselected { background-image: url(images/btn_rooms.png); width: 101px; height: 71px; background-position: 0 -71px; }
a.dining { background-image: url(images/btn_dining.png); width: 101px; height: 71px; }
a.dining:hover { background-position: 0 -71px; }
a.diningselected { background-image: url(images/btn_dining.png); width: 101px; height: 71px; background-position: 0 -71px; }
a.facilities { background-image: url(images/btn_blank.png); width: 101px; height: 71px; }
a.facilities:hover { background-position: 0 -71px; }
a.facilitiesselected { background-image: url(images/btn_faci.png); width: 101px; height: 71px; background-position: 0 -71px; }
a.events { background-image: url(images/btn_blank.png); width: 101px; height: 71px; }
a.events:hover { background-position: 0 -71px; }
a.eventsselected { background-image: url(images/btn_events.png); width: 101px; height: 71px; background-position: 0 -71px; }
a.offers { background-image: url(images/btn_offers.png); width: 101px; height: 71px; }
a.offers:hover { background-position: 0 -71px; }
a.offersselected { background-image: url(images/btn_offers.png); width: 101px; height: 71px; background-position: 0 -71px; }
a.gallery { background-image: url(images/btn_gallery.png); width: 101px; height: 71px; }
a.gallery:hover { background-position: 0 -71px; }
a.galleryselected { background-image: url(images/btn_gallery.png); width: 101px; height: 71px; background-position: 0 -71px; }

ul#navigation li a.legend { display: block; text-indent: 0px; padding-left:37px; }

body.history a.history, .hotel a.hotel, .fcp a.fcp, .surrounding a.surrounding, .battlebox a.battlebox, .deluxe a.deluxe, .garden a.garden, .premium a.premium, .preluxe a.preluxe, .suites a.suites, .glasshouse a.glasshouse, .gattopardo a.gattopardo, .tisettanta a.tisettanta, .thann a.thann, .gym a.gym, .pools a.pools, .golfing a.golfing, .functionroom a.functionroom, .corporate a.corporate, .weddings a.weddings, .map a.map, .form a.form, .offers a.offers, .gallery a.gallery, .celebrations a.celebrations, .floorplan a.floorplan, .proposal a.proposal { color: #333; }

/*-- B. Sub Navigation --*/

h3 a:link, h3 a:visited { text-decoration: none; color: #888; }
h3 a:hover { text-decoration: none; color: #333; }

h5 a:link, h5 a:visited { text-decoration:none; color: #BBB; }
h5 a:hover { text-decoration: none; color: #c93; }

a.sublink:link, a.sublink:visited { text-decoration:none; color: #BBB; }
a.sublink:hover { text-decoration: none; color: #c93; }

/*-- C. Offers, Online Booking and Gallery --*/

h2 a:link, h2 a:visited { text-decoration: none; color: #999; }
h2 a:hover { text-decoration: none; color: #C93; }

h2.gold a:link, h2.gold a:visited { text-decoration: none; color: #c93; }
h2.gold a:hover { text-decoration: none; color: #333; }


#content_start a:link, a:visited { text-decoration: none; color: #333; }
#content_start a:hover { text-decoration: none; color: #C93; }

.content_left a:link, a:visited { text-decoration: none; color: #333; }
.content_left a:hover { text-decoration: none; color: #C93; }












#booking-engine-wrapper {
	background-color: #c4c4c4;
	width : 900px;
	height: 30px; 
	margin : 15px auto;
	padding: 5px;
}

#dateinput { float: left; margin-top: 4px; }

#checkavailability {
	float: left;
	width: 145px;
	height: 18px;
	margin-left: 15px;
	margin-top: 6px;
}

#checkavailability a {
	padding : 0px;
}

#moreoptions { margin-top: 6px; }

#calendar-1, #calendar-2 {
	width : 150px;
	height : 18px;
	background-image : url(images/booking-engine-calendar.jpg);
	background-repeat : no-repeat;
	background-position : right center;
}

#ui-datepicker-div {
	z-index : 1500 !important;
	
}