/*
-----------------------------------------------------
Screen CSS file for [slh.com]
Media: screen, projection

Notes:	main stylesheet which includes all base styles.

Author's: Fazal Khan [ fazal dot khan at fortunecookie dot co dot uk ]

For: Client [ slh.com ]
-----------------------------------------------------
*/
/* 	The styles contained within this stylesheet are intended for demonstration purposes only.
	If certain page elements are not required, it is not necessary to include them in the final stylesheet. */

body{font-size:76%; margin:0; padding:0; color:#585858; background:#f3edd3 url(../../images/bg_body.jpg) top left repeat-x; text-align:center;} 
/* all subsequent fonts sized in ems ONLY. 
12px = 0.99em
11px = 0.91em
10px = 0.82em
9px = 0.74em
*/



/*LAYOUT*/
#page{width:995px;text-align:left;}
#header{}
#container{}
	#subnav{float:left;width:223px;padding:12px;margin:0;}/*247px because a 1px white border was added*/
	#content{float:right;width:747px;}
#footer{margin:1.0em 1.0em 0 1.0em;}

/*alternative grid method - based on 4-columns and 995px width for main. 76% font size = 12.13px/0.76em */
.span-1{width:248px;}/*248px*/
.span-2{width:499px;}/*499px*/
.span-3{width:747px;}/*747px*/
.span-4{width:995px;}/*995px*/



/*CONTENT INNER*/
#content-inner {margin-top:1em;}
#content-inner .span-1{width:228px;}/*248px*/
#content-inner .span-2{width:479px;}/*499px*/
#content-inner .span-3{width:727px;}/*747px*/
#content-inner .span-1,
#content-inner .span-2,
#content-inner .span-3{
	float:left;
	padding:0 10px;
}
#content-inner .span-3.no-padding .span-2.rhb { border-right:1px solid #decca9;width:478px!important;margin-top:0;}
#content-inner .span-2.rhb { border-right:1px solid #decca9;width:478px!important; margin-bottom:1em;}
/* with no padding*/
#content-inner .span-1.no-padding{width:248px;}
#content-inner .span-2.no-padding{width:499px;}
#content-inner .span-3.no-padding{width:747px;}
#content-inner .span-1.no-padding,
#content-inner .span-2.no-padding,
#content-inner .span-3.no-padding,
#content-inner .span-4.no-padding{padding:0;}
#content-inner .span-1.col{width:30.5%;float:left;}
#content-inner .span-1.slim{
	width:208px;
	padding-right:20px;
}
/* MASTHEAD SPAN FLOATS */

#masthead .span-1, 
#masthead .span-2, 
#masthead .span-3 { float:left;}

/* CONTENT INNER */
.inner-col-one{width:105px;float:left;}
.span-3 .inner-col-two{width:595px;float:left;margin-left:15px;}
.span-2.rhb .inner-col-two{width:358px;float:left;margin-left:15px;}





/* LAYOUT */
#page{margin:0 auto;padding:0;text-align:left;background:#fff url(../../images/bg_page.gif) top left repeat-y;}
#header{color:#000;background-color:#fff;clear:both;margin:0;height:184px;}
#footer{color:#785d30;background:transparent url(../../images/bg_dotted.gif) top left repeat-x;clear:both;margin:1em;}
#subnav{border-left:1px solid #fff;}
#subnav,
#additional{background:#f3eed4 url(../../images/bg_secondary.jpg) top left repeat-x;}
#content{background:#fff url(../../images/bg_content.jpg) top left repeat-x;}

/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.3em;}
img{border:0;}
small{font-size:0.91em;}


/* FORMAT > fonts */
body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}
select, input{color:#585858;font-size:0.91em;}


/* ANCHORS */
a{text-decoration:underline;color:#785d30;}
a:link{ }
a:visited{ }
a:hover{color:#000;}
a:active{ }


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;color:#585858;}
h1{font-size:1.81em;}
h2{font-size:1.65em;}
h3{font-size:1.32em;}
h4{font-size:0.99em;text-transform:uppercase;}
h5,.heading-five,h6{font-size:0.99em;text-transform:none;}

h2.h2-give-gift, 
h2.h2-weekend-break, 
h2.h2-promo {
	font-size:0.99em;
}
div.quote blockquote {
	font-size:0.91em;
	}
.content-module-2 h2.heading-four, 
h2.heading-four, 
.content-module-2 h3.heading-four, 
h3.heading-four {font-size:0.99em;text-transform:uppercase;}
.heading-four.normal{font-weight:normal;}

/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;}

dt{display:block;float:left;}
dd{margin-left:10em;}


/* FOOTER LINKS */
#footer{text-align:right;}	
	#footer ul{list-style-type:none;margin:0;padding:0.5em 0 0.5em 0;}
	#footer ul li{display:inline;margin:0;padding:0;text-align:center;}
	#footer ul li a{padding:0 1.0em 0 1.0em;color:#785d30;font-size:0.91em; text-decoration:none;margin:0;background:transparent url(../../images/bg_footer_a.gif) center right no-repeat;}
	#footer ul li a.last{padding-right:0;font-weight:bold;background-image:none;}
	#footer ul li a:hover{color:#000;}
	#footer p{font-size:0.82em;text-transform:uppercase;}
/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;width:100%;margin:0;border-left:1px solid #decbab;}
thead{background-color:#f4eed4;font-weight:bold;text-transform:uppercase;}
thead td{border-bottom:1px solid #decbab;border-top:1px solid #decbab;}
th{border-right:1px solid #decbab;border-bottom:1px solid #decbab;padding:2px 5px 2px 5px;background-color:#fff;color:#585858;}
td{border-right:1px solid #decbab;border-bottom:1px solid #decbab;padding:2px 5px 2px 5px;}
caption,
tfoot{
display:none;}
table.plain{
	border:none;
	margin-bottom:1em;
}
table.plain th{
	font-weight:bold;
	background:transparent url(../../images/bg_golden_ball.gif) 0 0.45em no-repeat;
	border:none;
	padding-left:10px;
	text-align:left;
	vertical-align: top;
}
table.plain td{
	border:none;
	vertical-align: top;
}
table.people th{
	font-weight:normal;
}
table.people td{
	font-weight:bold;
}

table.normal{border:0px;width:90%;margin:0;border-left:1px solid #decbab;border-top:1px solid #decbab;font-size:1em;border-collapse:collapse;}
table.normal thead{background-color:#f4eed4;font-weight:bold;text-transform:uppercase;}
table.normal thead td{border-bottom:1px solid #decbab;border-top:1px solid #decbab;}
table.normal th{border-right:1px solid #decbab;border-bottom:1px solid #decbab;padding:2px 5px 2px 5px;background-color:#F4EED4;color:#585858;}
table.normal td{border-right:1px solid #decbab;border-bottom:1px solid #decbab;padding:2px 5px 2px 5px;}
table.normal caption,
table.normal tfoot{
display:none;}
table.normal tr.alt{background-color:#F4EED4;}

table.normalnoborder{border:0px;width:90%;margin:0;border-left:0px solid #decbab;border-top:0px solid #decbab;font-size:1em;border-collapse:collapse;}
table.normalnoborder thead{background-color:#f4eed4;font-weight:bold;text-transform:uppercase;}
table.normalnoborder thead td{border-bottom:0px solid #decbab;border-top:0px solid #decbab;}
table.normalnoborder th{border-right:0px solid #decbab;border-bottom:0px solid #decbab;padding:2px 5px 2px 5px;background-color:#F4EED4;color:#585858;}
table.normalnoborder td{border-right:0px solid #decbab;border-bottom:0px solid #decbab;padding:2px 5px 2px 5px;}
table.normalnoborder caption,
table.normalnoborder tfoot{display:none;}
table.normalnoborder tr.alt{background-color:#F4EED4;}

/* FORMS */
form{margin:0;padding:0;}
fieldset{border:0px solid #fff;margin:1.5em 0 0 0;padding:1em;}
fieldset fieldset{padding:0;margin:0;border:0;}
legend{margin:0;padding:0;color:#333;display:none;}
fieldset h2{margin:0 0 10px 0;}
fieldset h3{font-family:Arial,Helvetica,sans-serif;font-size:1em;color:#545353;margin:0 0 3px 0;}

.field{position:relative;width:100%;padding:0 0 10px 0;}
.element{float:left;width:55%;}

.label{padding:0;margin:0;text-align:left;}
.input{padding:0 20px 0 0;margin:0;}
/*
.element .col div{padding:0 0 5px 0;}

.invalid label{color:#f00;}
.invalid .input{background:url(../../images/invalid.gif) top right no-repeat;}
.valid label{color:#00AF6A;}
.valid .input{background:url(../../images/valid.gif) top right no-repeat;padding:0 20px 0 0;}
*/	
	
	
label{color:#545353;display:block;font-weight:bold;padding:0 0 2px 0;font-size:1em;}
fieldset fieldset label{float:left;width:50%;padding:2px 0 0 0;margin:0 10px 0 0;padding:0;font-weight:normal;}

textarea{width:95%;font-size:100%;padding:0.2em;}
input.text{width:95%;padding:1px 3px;}
input.radio{display:block;float:left;margin:1px 5px 5px 0;padding:0;}
select{width:100%;}
.short{width:50% !important;}

.button-left{float:left;width:auto;}
.button-right{float:right;width:auto;}

input.submit{border:0;margin:0;padding:0;background:transparent;width:auto;}

.warnEmpty{display:none;}
.warn{clear:both;display:block;color:#f00;}

.highlight{color:#F00;}
.hide{display:none;}
.hidden{position:absolute;left:-500px;top:-500px;width:100px;}

/*POPUP HELP*/
/*.helpbutton{float:left;width:auto;padding:1px 4px;text-transform:uppercase;text-decoration:none;font-size:0.91em;margin:1.6em 0 0 20px;border:1px solid blue;background:#FFF;color:blue;}
.helpbutton:hover{color:blue;background:#ccf;}
*/

/*
.help{position:absolute;top:1.4em;right:0;width:30%;background:#ddd;border:1px solid #000;padding:0 0 5px 0;z-index: 10;}
.field-alt .help{position:absolute;right:0;;width:210px;background:#785D30;padding:0 0 5px 0;margin-top: 18px;}
.help h3, .help p{margin:5px 0 0 10px;font-size:0.91em;padding:0; width: auto;}
.help h3{font-weight:bold;}
.help ul, .help li{list-style-type:none;margin:0;padding:0;background:none;}
.help a{display:block;margin:5px 10px 0 10px;padding:1px 10px 5px 0;text-transform:uppercase;font-size:0.91em;text-decoration:none;border:0px;background:#DDD;color: #00f;}
.help a:hover{background:#DDD;color: #00f;}
*/

/*NON_JS HELP*/
#help{margin:12px;border-top:1px solid #CCBEA3;}
#help div{margin:0 0 15px 0;}
#help h2{margin:10px 0 10px 0;}
#help h3 span, .help h3 span, .error h3 span{display:block;float:left;width:auto;padding:0 7px 0 0;margin:0 5px 0 0;}
#help ul, #help li{list-style-type:none;margin:0;padding:0;background:transparent;}
#help a.jumper{display:block;float:left;width:auto;margin:0 0 10px 0;}
#help p{margin:0 0 5px 0;}

#help {
	margin:1em;
	}

/* SHORTCUTS */
#shortcuts{position:absolute;left:-500px;top:-500em;width:50%;}
#toplink{position:absolute;left:-500em;height:1px;overflow:hidden;width:50%;}

/* NAVIGATION */
#navigation{background:#e3d2a8 url(../../images/bg_main_menu.jpg) top left repeat-x;clear:both;margin:0;font-weight:bold;height:30px;border-top:1px solid #fff;}
	#navigation ul{list-style-type:none;margin:0;padding:0;}
	#navigation ul li{display:inline;margin:0;padding:0;}
	#navigation ul li a{color:#785d30;display:block;float:left;width:auto;text-decoration:none;margin:0;padding:0;line-height:1.1em;}
	#navigation ul li a:hover{color:#000;}
	#navigation ul li a.selected{color:#000;}
	#navigation ul li a img{display:block;margin:0}

/* IMAGES */
.image-left{float:left;display:block;width:auto;background-color:#ccc;margin:0 15px 10px 0;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-left img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.image-right{float:right;display:block;width:auto;background-color:#ccc;margin:0 0 10px 15px;padding:0 0 2px 0;border:1px solid #FFF;}
	.image-right img{display:block;border-bottom:1px solid #fff;margin:0 0 0 0;}

.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}

/* TWO COLUMN */
.col-one, .col-two {width:48%;}
.col-one {float:left;}
.col-two {float:right;}
.cols2 .col{float:left;width:48%;margin:0 1% 0 0;}
.cols3 .col{float:left;width:30%;margin:0 1% 0 0;}	
.span-3 .cols{padding-bottom:1.0em;}

	
/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

.padding{padding:10px;}

/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */
/* COMMON RULES */
h2.h2rule{
	border-top:1px solid #c6ab78;
}
.h3rule{
	border-top:1px solid #c6ab78;
	margin:0.3em 0 0.3em 0;
}
.h4rule{
background:transparent url(../../images/bg_dotted.gif) top left repeat-x;
	padding-top:10px;
	margin:0.3em 0 0.3em 0;
}
/* HEADER */
#logo-slh{
	background:#91742f url(../../images/bg_logo_slh.jpg) bottom left repeat-x;	
	float:left;
	height:152px;
	text-align:center;
	width:20.36em;
}
#logo-slh img{
	vertical-align:bottom;
}
#header div.span-3{
	float:left;
	text-align:center;
}
/* SEARCH FORM */
#search-form form{
	float:right;
}
#search-form form, #search-again form{
	padding:0;
	margin:0;
}
#search-form fieldset{border:0;margin:0;padding:0.5em 0 0.5em 0.5em;}
#search-again #fsearch-again {border:0;margin:1em 0;padding:0;}
#search-again fieldset{border:0;margin:0;padding:0.5em 0;}
#search-form label, #search-again label {position:absolute;left:-500px;top:-500px;}
#search-form input, #search-again input {float:left; margin-right:0.5em; font-size:0.91em; color:#585858;}
#search-form #fsearchinput, #search-again #fsearchinputagain {width:15em;padding:0.16em 0.16em 0 0.16em;;line-height:0.91em;}

/* SITE TITLE */
#slh-header{margin:53px 0 0 0;}

/* MASTHEAD */
#masthead{
	background:transparent url(../../images/bg_body.jpg) 0 -184px repeat-x;
	min-height:239px;	/*ie6*/
	padding:9px 0 6px 0;
	width:747px;
}

/* SIDENAV FORMS */
img#search-by-map{
	position:absolute;
	top:0.5em;
	right:0;
}
div.sidenav-form{
	position:relative;
	background:transparent url(../../images/bg_dotted.gif) repeat-x left top;
	padding:0.3em 0 0.3em 0;
}
div.no-bg{
	background:none;
}
div.sidenav-form h2.h2-subnav, 
div.content-form h2{
	margin-top:0;
}
div.sidenav-form fieldset, 
div.content-form fieldset{
	margin:0;
	padding:0;
}
div.sidenav-form label, 
div.content-form label {
	font-size:0.91em;
	font-weight:normal;
	padding:0.3em 0 0 0;
}
div.sidenav-form select, 
div.content-form select {
	width:80%;
}
div.sidenav-form div.input-button-right{
	margin:0.5em 0;
	text-align:right;
}

div.sidenav-form small, div.content-form small{
	display:block;
	padding:0.2em 0 0.2em 0;
}
div.pick-options {
	float:left;
	margin-right:1.0em;
}
div.pick-options input.pick-options-input-date {
	width:5.37em;
}
div.pick-options select{
	width:3.71em;
}
p#no-of-nights{
	font-size:0.91em;
	margin:0.5em 0 0 0;
	padding:0;
}
ul#additional-options {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0pt;
	clear:both;
}
ul#additional-options li {
	line-height:1.5em;
	margin-left:0pt;
}
ul#additional-options li a{
	padding-left:1.0em;
	display:block;
	color:#785d30;
	text-decoration:none;
	font-size:0.91em;
}
ul#additional-options a.arrow-icon {
	background:transparent url(../../images/bullet_arrow.gif) no-repeat scroll left center;
}
ul#additional-options a.phone-icon {
	background:transparent url(../../images/phone_icon_small.gif) no-repeat scroll left center;
}
/* LEFT HOTEL SUMMARY */
div.left-hotel-summary {
	position:relative;
	margin-bottom:1.0em;
	min-height:75px;
}
div.left-hotel-summary img{
	position:absolute;
	top:0;
	left:0;
	padding:1px;
	background-color:#fff;
	border:1px solid #decca9;
}
div.left-hotel-summary h3{
	margin-left:105px;
	font-size:0.91em;
	text-transform:uppercase;
}
div.left-hotel-summary p{
	margin:0 0 0 105px;
	padding-bottom:0;
	font-size:0.91em;
}
div.left-hotel-summary span{
	display:block;
	text-transform:uppercase;
}
div.left-hotel-summary a.medium-link{
	margin-left:105px;
}

/* PANEL-GIVE-GIFT-CERT */
div#panel-give-gift-cert, 
div.content-give-gift-cert, 
div.content-download-brochure{
	border:1px solid #decca9;
	background:#fff url(../../images/bg_give_gift_cert.gif) top left repeat-x;
	padding:0.4em;
	margin:	0.82em 0;
}

div#content-we-recommend {
	width:212px;
	}
div.content-give-gift-cert,
div.content-download-brochure {
	padding:5px;
	}
div#panel-give-gift-cert a, 
div.content-give-gift-cert a{
	background:transparent url(../../images/bullet_arrow.gif) 0 0.4em no-repeat;	
	color:#785d30;
	display:block;
	font-weight:bold;
	padding:0 0 2.0em 0.8em;
	position:relative;
	text-decoration:none;
}
div#panel-give-gift-cert a img, 
div.content-give-gift-cert a img{
	position:absolute;
	top:-1.5em;
	right:0;
}
div.content-download-brochure img{
	float:right;
	}


/* MASTHEAD CLUB LOGIN */

	#masthead-club {
		background:#000;
		margin:	0.82em 0;
		}
	#masthead-club form {
		margin:0 0.82em 0.82em 0.82em;
		}
	#masthead-club .logged-in {
		margin:0 0.82em 0 0.82em;
		}
	#masthead-club form, 
	#masthead-club .logged-in, 
	#masthead-club .details {
		padding:1px 0 0 0; background: transparent url(../../images/bg_dotted.gif) top repeat-x; 
		}
	#masthead-club .details {
		padding-top:0.5em;
		}
	#masthead-club fieldset,
	#masthead-club p {
		margin:0; padding:0;
		}
	#masthead-club .logged-in p {
		margin-top:1em;
		color:#a8a8a8;
		}
	#masthead-club .logged-in p span {
		font-weight:bold;
		text-transform:uppercase;
		color:#ffffff;
		}
	/*#masthead-club div div {
		width:45%;
		float:left;
		margin-right:1.5em;
		}*/
	#masthead-club label, 
	#masthead-club p {
		font-family:Arial, Helvetica, sans-serif; font-size:0.91em; color:#ffffff; font-weight:normal; 
		}
	#masthead-club .club-membership-number, 
	#masthead-club .club-password {
		width:95%;
		}
	#masthead-club a {
		font-family:Arial, Helvetica, sans-serif; font-size:0.82em; line-height:2em; text-decoration:none; color:#785d30;
		}
	#masthead-club a:link, 
	#masthead-club a:visited, 
	#masthead-club a:hover, 
	#masthead-club a:active {
		color:#d1ad68;
		}
	#masthead-club .logged-in p a {
		font-size:1em;
		padding-left:0.72em; margin-left:0.72em; padding-right:0.72em; border-left: 1px solid #6C532B; 
		}
	#masthead-club a:hover {
		text-decoration:underline;
		}
	#masthead-club .club-remember {
		width:98%;
		clear:both;
		}
	#masthead-club .club-remember label {
		width:60%;
		float:left;
		}
	#masthead-club .club-login {
		width:45px;
		float:right;
		}
	#masthead-club .logged-in ul {
		margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.25em;
		}
	#masthead-club .logged-in li {
		background: transparent url(../../images/bullet_arrow_black.gif) 0 0.5em no-repeat; padding-left:0.82em; margin:0; 
		}


/* HR RULES*/

div.hr-dotted {
	border:none;
	outline:none;
	background:transparent url(../../images/bg_dotted.gif) top left repeat-x;
	padding-top:0px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	height:1px;
	color:transparent;
	clear:both;
}
div.hr-dotted hr {
  display: none;
}
div.clearx, div.clearx hr {
	clear:both!important;
	display:none;
}
/* Logo */

#logo-slh {
	width:246px;
	height:152px;
	background:transparent url(../../images/logo_slh.jpg) top left no-repeat;
	}

#logo-slh-print {
	width:246px;
	height:0;
	display:none;
	}

/***HMS**/
div.cols.hms div.col-one,
div.cols.hms div.col-two{
	position:relative;
}
div.cols.hms div.col-one img,
div.cols.hms div.col-two img{
	position:absolute;
	top:28px;
	right:0;
}
div.cols.hms div.col-one p,
div.cols.hms div.col-two p{
	margin-right:100px;
}
div.col-one.dotted,
div.col-two.dotted{
	background:transparent url(../../images/bg_border_dotted.gif) top left repeat-x;
	margin-top:1.0em;
	padding-top:0.5em;
}
div.hms_box{
	border:1px solid #decca9;
	padding:0.8em;
	background:#FFF url(../../images/bg_secondary.jpg) repeat-x scroll left top;
	margin:0 1.0em 1.5em 0;
	text-align:center;
}
div.hms_box p,
div.hms_box a.large-link{
	text-align:left;
}
div.span-1.masthead-hms{
	padding-left:10px;
	width:235px;
}
div.login-left{
	width:45%;
	float:left;
	margin-right:10px;
}
div.login-left input,
div.login-right input{
	width:90%;
}
div.login-right{
	width:45%;
	float:left;
	margin-right:10px;
}

/* Homepage main content area layout styles */

#homepage-container {
/*	background: #f00; 
	color: #00f; */
}

#homepage-container h1 {
	padding: 0 5px 20px 20px;
}

#homepage-container p {
	padding: 0 5px 10px 20px;
}

/* */