/*
Style sheet for XXX Guesthouse
Created: 24 Aug 2006
Author: Brett, Active Ice
Email: brett@activeice.co.za
*/

/** MAIN STRUCTURE: Start **********************************************/
body 
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#container 
{
	margin: 20px auto 0 auto;
	text-align: left;
	width: 768px;
	/*height: 400px;*/;
}

#content-area, #content-area-internal 
{
	border-top: none;
}

#left-content 
{
	float: left;
	width: 289px;
	padding: 0 0 30px 0;
}

#left-content-wide 
{
	float: left;
	width: 330px;
	padding: 0 0 30px 0;
	background: url(../images/global/left_content.gif);
}

#left-logo 
{
	margin: 15px 0 0 0;
	text-align: center;
}

#left-logo p 
{
	margin: 0;
	padding-bottom: 2px;
}

#left-logo-wide 
{
	height: 215px !important;
	height /**/: 241px;
	padding: 26px 0 0 0;
	text-align: center;
	background: url(../images/global/left_content.gif);
}

#left-logo-wide .copy 
{
	width: 266px;
	margin: 0 auto;
	text-align: left;
}

#left-large 
{
	margin: 10px 0 16px 0;
}

#left-info 
{
	padding: 0 30px 30px 30px;
}

#left-info-wide 
{
	padding: 10px 10px 0 30px;
}

#main-content 
{
	float: left;
	display: inline;
	width: 420px;
	margin: 0 0 0 30px;
	padding: 20px 0 30px 0;
}

#main-content-wide 
{
	float: left;
	display: inline;
	width: 436px;
	padding: 0 0 30px 0;
}

#main-content-wide-pad 
{
	padding: 8px 0 0 30px;
}

#footer 
{
	height: 33px !important;
	height /**/: 37px;
}

#footer p 
{
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
}

#copyright 
{
	text-align: center;
	padding: 6px 0 10px 0;
	font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;
}
/** MAIN STRUCTURE: End **********************************************/



/** MAIN NAVIGATION: Start **********************************************/





/** MAIN NAVIGATION: End **********************************************/


/** HOME PAGE: Start **************************************************/

#home-logo 
{
	float: left;
	display: inline;
	margin: 0 0 0 38px;
	width: 260px;
	text-align: center;
}

#home-logo p 
{
	margin: 0;
	padding-bottom: 2px;
}

#home-contact-details 
{
	float: right;
	display: inline;
	margin: 46px 0 0 0;
	width: 385px;
	height: 83px;
}

#home-contact-details p.tel 
{
	padding-left: 27px;
	font-weight: bold;
	background: url(../images/icons/tel.gif) no-repeat 0px 3px;
}

#home-contact-details p.email 
{
	padding-left: 27px;
	background: url(../images/icons/email.gif) no-repeat 0px 3px;
}

#home-image-bar 
{
	clear: both;
}

#home-info 
{
	float: left;
	display: inline;
	margin: 31px 0 0 28px;
	width: 295px;
}

#home-booking-form 
{
	float: right;
	display: inline;
	margin: 10px 0 0 0;
	width: 387px;
}

#home-booking-table 
{
	margin: 10px 0 0 0;
	width: 356px;
	border: 0;
}

#home-booking-table td 
{
	height: 30px;
}

/** HOME PAGE: End **********************************************/



/** INFO PAGE: Start **********************************************/

#info_thumbs a 
{
	float: left;
	display: inline;
	margin: 0 0 19px 4px;
}

#info-links a 
{
	display: block;
	margin-bottom: 4px;
}

/** INFO PAGE: End **********************************************/


/** ROOMS PAGE: Start **********************************************/

.rooms 
{
	width: 421px;
}

.room-content, .room-content-selected 
{
	width: 417px !important;
	width /**/: 421px;
	height: 67px !important;
	height /**/: 71px;
	cursor: pointer !important;
	cursor /**/: hand;
}

.room-thumb 
{
	float: left;
	width: 90px;
}

.room-features 
{
	float: right;
	width: 327px;
}

.room-features p 
{
	margin: 0;
	padding: 7px 15px 5px 13px;
}

.room-links 
{
	clear: both;
}

.arrow-r-divider
{
	float: right;
	display: inline;
	margin: 2px 0 0 0;
	width: 10px;
	text-align: center;
}

#sub-thumbs 
{
	margin: 16px 0 20px 0;
}

#sub-thumbs img 
{
	float: left;
	display: inline;
	width: 90px;
	height: 67px;
	margin: 0 7px 7px 0;
}

/** ROOMS PAGE: End **********************************************/


/** RATES PAGE: Start **********************************************/

#rates-table, #rates-calculator 
{
	width: 423px;
	border: 0;
}

#rates-table 
{
	margin: 8px 0 15px 0;
}

#rates-calculator 
{
	margin: 0 0 10px 0;
}

#rates-table td, th 
{
	vertical-align: top;
}

#rates-table td.rate, #rates-table th.rate 
{
	padding: 2px 2px 4px 10px;
}

#rates-table tr.rates-row 
{
	cursor: pointer !important;
	cursor /**/: hand;
}

#rates-calculator th 
{
	font-weight: normal;
}

#rates-calculator th 
{
	padding: 6px 0 6px 0;
}

#rates-calculator td.rates-calc-results 
{
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	padding-right: 75px;
}

#rates-calculator td.rates-calc-results a 
{
	font-weight: normal;
}

#xe 
{
	position: absolute;
	bottom: 178px;
	right: 155px;
}

#currency_converter 
{
	width: 388px;
	font: normal 11px Trebuchet MS, Trebuchet MS, Arial, Helvetica, sans-serif;
}

#currency_converter th 
{
	text-align: left;
	padding: 2px 0 2px 8px;
}

#currency_converter td 
{

}

#currency_converter .input 
{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}

#currency_converter a.green 
{
	text-decoration: none;
}
#currency_converter a.white 
{
	font-size: 10px;
}

#currency_converter a.submit_button 
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 9px 0 18px 90px;
}

/** RATES PAGE: End **********************************************/


/** GALLERY PAGE: Start **********************************************/

#gallery_thumbs 
{
	width: 423px;
	height: 400px;
	border: 0;
}

#gallery_thumbs a 
{
	float: left;
	display: inline;
	margin: 0 0 19px 4px;
}

#gallery_thumbs a 
{
	display: block;
	margin-bottom: 4px;
}

/** GALLERY PAGE: End **********************************************/

#gallery_thumbs 
{
	width: 423px;
	height: 400px;
	border: 0;
}

/** GUESTBOOK PAGE: Start **********************************************/

#guestbook-form 
{
	width: 285px;
	border: none;
}

#guestbook-form td 
{
	height: 26px;
}

.gb-heading 
{
	margin: 17px 0 7px 0;
}

/** GUESTBOOK PAGE: End **********************************************/


/** SPECIALS PAGE: Start **********************************************/

#specials-subscribe 
{
	width: 340px;
	border: 0;
	margin: 22px 0 0 0;
}

.specials-submit 
{
	text-align: right;
	padding: 8px 6px 0 0;
}

/** SPECIALS PAGE: End **********************************************/


/** ENQUIRY PAGE: Start **********************************************/

#enquiry-table 
{
	width: 405px;
	border: 0;
	margin: 15px 0 0 0;
}

#enquiry-table td 
{
	vertical-align: top;
	padding: 3px 0 5px 0;
}

.specials-submit 
{
	text-align: right;
	padding: 8px 6px 0 0;
}

a.radio-email-link 
{
	float: left;
	padding: 0 0 0 22px;
	background: url(../images/enquiry/icon_email.gif) no-repeat 0px 3px;
}

a.radio-tel-link 
{
	float: left;
	padding: 0 0 0 20px;
	background: url(../images/enquiry/icon_tel.gif) no-repeat 0px 3px;
}

* html a.radio-email-link, * html a.radio-tel-link 
{
	padding: 2px 0 0 22px;
	background-position: 0px 4px;
}

a:hover.radio-email-link, a:hover.radio-tel-link 
{
	text-decoration: none;
}

.radio-float 
{
	float: left;
	display: inline;
	margin: 3px 20px 0 5px;
}

* html .radio-float 
{
	margin: 0 20px 0 5px;
}

.enq-textbox 
{
	width: 275px;
	height: 73px;
}

.enq-select 
{
	width: 165px;
}

#google_loader 
{
	width: 283px !important;
	width /**/: 287px;
	height: 115px !important;
	height /**/: 209px; 
	padding: 90px 0 0 0;
	text-align: center;
	border: 2px solid #8b7d72;
}

/** ENQUIRY PAGE: End **********************************************/


/** FORMATTING: Start **********************************************/

body, th, td 
{
	font-size: 11px;
	font-family: Trebuchet MS, Trebuchet MS, Arial, Helvetica, sans-serif;
}

th 
{
	text-align: left;
}

p 
{
	margin: 0;
	padding: 0 0 4px 0;
}

h1 
{
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 14px;
}

h2 
{
	margin: 0;
	padding: 0;
	font-size: 14px;
}

h3 
{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 11px;
}

h4 
{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
}

h5 
{
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 12px;
}

h6 
{
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 11px;
}

#footer 
{
	clear: both;
}

#footer p, #footer a 
{
	text-decoration: none;
}

#footer a.selected 
{
	font-weight: bold;
}

input, select, textarea 
{
	font-size: 11px;
	font-family: Trebuchet MS, Trebuchet MS, Arial, Helvetica, sans-serif;
}

.dd 
{
	width: 45px;
}

.dd_month 
{
	width: 83px;
}

.dd_year
{
	width: 58px;
}

.dd_room 
{
	width: 160px;
}

.input, .select-gb 
{
	width: 151px !important;
	width /**/: 165px;
	padding: 2px 10px 2px 4px;
}

.select-gb 
{
	width: 175px;
	padding: 0;
}

.textarea-gb 
{
	width: 282px;
	height: 75px;
}

.required 
{
	text-align: right;
	padding-right: 8px;
}

.submit-row 
{
	text-align: right;
	padding: 8px 2px 0 0;
}

.enq-submit-row 
{
	text-align: right;
	padding: 8px 50px 0 0;
}

.submit 
{
	border: none;
	font-weight: bold;
	cursor: pointer !important;
	cursor /**/: hand;
}

/** FORMATTING: End **********************************************/


/** GENERAL: Start **********************************************/

a:hover 
{
	text-decoration: underline;
}

a.arrow, a.arrow-r-align 
{
	display: block;
	padding: 3px 0 0 12px;
	background: url(../images/global/link_arrow.gif) no-repeat 0px 8px;
	color:#f7a308;
}

a.arrow-r-align 
{
	float: right;
}

ul 
{
	margin: 8px 0 10px 0;
	padding: 0;
	list-style: none;
}

ul li 
{
	padding: 0 0 0 14px;
	background: url(../images/global/li_arrow.gif) no-repeat 0px 4px;
}

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

form 
{
	margin: 0;
}

input.submit 
{
	font-weight: bold;
	border: none;
	cursor: pointer !important;
	cursor /**/: hand;
}

img 
{
	border: none;
}

.grey-line, .grey-line-heading 
{
	margin: 8px 0 4px 0;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.grey-line-heading 
{
	margin: 8px 9px 11px 0;
}

/** GENERAL: End **********************************************/