/* *******************************************************
J  a  v  a  c  a  t  z
Filename:   baan_kilee.css
Purpose:    This file is created to hold CSS styles of
            Chai Talay Baan Kilee site-specific.
            Please do not put other styles in this file.
Created by: KY 2008.05.28
******************************************************* */
@import "header.css";
@import "mainContent.css";
@import "topnav.css";
@import "sidenav.css";
@import "main.css";
@import "footer.css";

html, body, form#formpage {
	color: #727171;
	background-color: #E5E5E5;
	background-image: url(../img/bg/bg_body.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 0;
	margin: 0;
}
body {
	margin: 0 auto;
}



#page {
	background-color: #fff;
	width: 824px;
	margin: 0 auto;
	padding: 0;
}
#page #page_inner {
	margin: 0;
	padding: 0;
	text-align: left;
}



/* *** Disable Layer *** */
#layer_disable_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	z-index: 500;
}
* html #layer_disable_overlay {
	position: absolute;
}
.layer_overlay {
	display: none;
	position: fixed;
	color: #6E6E6E;
	background-color: #fff;
	font-size: 12px;
	width: 300px;
	z-index: 900;
	text-align: left;
}
* html .layer_overlay {
	position: absolute;
}
.layer_overlay .layer_overlay_padding {
	padding: 10px;
	margin: 1px;
}
.layer_overlay h3 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 1em;
}
#layer_forgotpassword {
	width: 350px;
}
#layer_forgotpassword label {
	min-width: 100px;
}
* html #layer_forgotpassword label {
	width: 100px;
}



/* *** KY Slidemenu *** */
.ky_slidemenu {
}
#main .ky_slidemenu_remove {
	display: none;
}
.ky_slidemenu .slideitem {
}
.ky_slidemenu .slideitem .title {
	font-weight: bold;
	margin-top: -1px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.ky_slidemenu .slideitem .title a {
	display: block;
	text-decoration: none !important;
	padding: 3px 5px;
}
.ky_slidemenu .slideitem .title a:hover {
	background-color: #fbf5e0 !important;
}
.ky_slidemenu .slideitem.current .title {
	background-color: #fbf5e0;
	font-size: 120%;
	border: 1px solid #ddd;
}
.ky_slidemenu .slideitem.current .title a {
	color: #2C2C2C !important;
	padding: 3px 4px;
}
.ky_slidemenu .slideitem .description {
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
}



/* *** Header Banner *** */
#header_banner {
	display: block;
	float: left;
	clear: none;
	background-image: url(../img/header/header_subtitle.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 10px 100%;
	width: 612px;
	height: 382px;
	margin: 0 0 5px 0;
}
#header_banner .header_bannerPadding {
	margin: 0;
	padding: 0 0 0 10px;
}
#header_banner #header_banner_slide {
	background-color: #fff;
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	width: 602px;
	height: 248px;
	overflow: hidden;
}
#header_banner #header_banner_slide #header_banner_slide_loading {
	background-color: #fff;
	text-align: center;
	padding: 20px 10px 8px 10px;
	width: 582px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
#header_banner #header_banner_slide h4#header_page_section {
	display: block;
	position: absolute;
	color: #fff;
	background-image: url(../img/header/header_section_shade.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	text-align: right;
	width: 538px;
	height: 39px;
	padding: 10px 32px 5px 32px;
	margin: 194px 0 0 0;
}
* html #header_banner #header_banner_slide h4#header_page_section {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/header/header_section_shade.png", sizingMethod="scale");
}
#header_banner #header_banner_thumbs {
	background-color: #CECECE;
	margin: 6px 0 0 0;
	padding: 7px 1px 8px 1px;
	width: 600px;
	height: 59px;
}
#header_banner #header_banner_thumbs #header_banner_carousel_prev,
#header_banner #header_banner_thumbs #header_banner_carousel_next {
	display: block;
	float: left;
	clear: none;
	width: 12px;
	height: 59px;
	margin: 0 2px;
}
#header_banner #header_banner_thumbs #header_banner_carousel {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 564px;
	height: 59px;
	overflow: hidden;
}
#header_banner #header_banner_thumbs #header_banner_carousel .thumbList {
	width: 5000px;
}
#header_banner #header_banner_thumbs #header_banner_carousel .thumb {
	display: block;
	float: left;
	clear: none;
	background-color: #E4D8C8;
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	margin: 3px 3px;
	width: 88px;
	height: 59px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
}
#header_banner #header_banner_thumbs #header_banner_carousel a.thumb:hover,
#header_banner #header_banner_thumbs #header_banner_carousel .thumb.current {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
}