/*

	@Version 0.1
	@Created by Martin Dingley (createanet)
	@03 April 2007

	//

	For a 2 colum layout cycle down this file and uncomment
	the styles in #main_content and #sub_content. It is also possible to shuffle the columns
	up, but for now im not explaining how ...

	//


*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
h4, h5, h6, pre, form, fieldset, input, p,
blockquote, th, td
{ margin : 0; padding : 0; }

h1,h2,h3,h4,h5,h6, input, textarea, select { font-size : 100%; }

h3 { font-size: 120%; }

ol,ul { list-style : none; }

table { border-collapse : collapse; border-spacing : 0; }
p { margin-bottom: 1.6em; }
a {
	color: #000;
	outline: none;
 }
a:hover { text-decoration: none; }
hr {margin:10px 0; background: #ccc; }
*{
	font-size: 100%;
}
th, td { padding: 5px 0 5px 0; }
th {
		background:#999999;

		margin: 0 0 .2em 0;
		color:#fff;
		text-align:left;
		}
table { }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Print Scheme Size   ////////////////////////////////////  */

html {
background:url(../images/backgrounds/page_bg.gif) no-repeat top center #f9f0df;

}

body {
	font:75%/140% Helvetica, Arial, Helvetica, sans-serif;
	background:url(../images/backgrounds/wrap_bg.gif) repeat-y top center;
	text-align:center;
	color:#333;
	padding:0px;
	margin:0px; }



/*/////////////////////////////////////////////////////////*/

 input, textarea, select { font-family:Helvetica, Arial, Helvetica, sans-serif; }

.hidden_navigation{
	width: 1px;
	position: absolute;
	left: -9999px;
}

img, div { behavior: url(http://www.luxury-lodges.co.uk/iepngfix.htc) }

/*\Template Variables /*\/*/

#wrap {background:#FFF; width:779px; margin:0 auto; text-align: left; position:relative; padding:0 1px 0 1px}

/*=Header
	-------------------------------------------------------*/

#header { margin:0px; padding:5px 10px 0 0; height:74px !important; background:url(../images/backgrounds/header_bg.gif) repeat-x bottom left #791400; color:#FFF; text-align:right; }

#header li {display: inline; }
#header span { font-size:180%; padding:0 10px 0 0;}

#contentwrap {background:url(../images/backgrounds/content_header.gif) repeat-x top left; margin:0; padding:0; position:relative; min-height:550px; height:auto !important; height:550px; z-index:9999; }

#mainmovie{ z-index:1; }

#topimage {
	z-index:1;
	position:relative;
	height:297px;
	width:779px;
	overflow:hidden;
	margin:0; padding:0;
	display:inline;
	background:url(../images/header_images/news.jpg) no-repeat top left;
}


#topimageint {
	height:297px;
	width:779px;
	overflow:hidden;
	margin:0; padding:0;
}

/*=Navigation
	-------------------------------------------------------*/

#nav, #nav ul { /* all lists */
	padding:0 0 22px 270px;
	margin:0;
	list-style: none;
	line-height: 1;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:9999;

}

#nav a {
	display: block;
	width: auto;
	color:#FFF;
	padding:4px;
	margin:0;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	margin:0 16px 0 0;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav li a:hover {}

#nav li ul { /* second-level lists */
	position: absolute;
	padding:0px 0 6px 0;
	margin:0;
	font-size:12px;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {width:90px; text-align:left; background:url(../images/backgrounds/subnav_point.gif) no-repeat 4px 7px #f98e3b; padding:0 0 0 10px; height:auto;}
#nav li ul li a {background-image:none;}
#nav li ul li a:hover {text-decoration:underline; color:#FFF; background-image:none;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover a, #nav li.sfhover a { background-color:#f98e3b;}
#nav li:hover a, #nav li.sfhover ul a { background-image:none;}


#lodges a:hover {background:url(../images/backgrounds/lodges_bg.gif) no-repeat top left; background-color:none;}

/*=Main Content
	-------------------------------------------------------*/

#main_content{ width: 540px; float: left; padding-left: 239px; margin-bottom: 10px;}

#main_content h1 {margin:0 0 25px 0; padding:0; width:539px; background:url(../images/titles/luxury_lodges.gif) no-repeat top left; height:49px; width:538px; text-indent:-9000px;}

#main_content h2 { font-size: 150%; margin-bottom: 15px; color:#791400; font-weight:100; line-height:20px; }
#main_content h3 { color:#791400; margin:0 0 15px 0; padding:0; font-size:140%; font-weight:100; }

#middle_col { width:381px; float:left; margin:0; padding:0;}
#right_col { width:149px; float:left; margin:0 0 0 10px; padding:0;}

#sub_content{
	width: 197px;
	background:url(../images/backgrounds/leftcol_bg.png) no-repeat top left;
	float: left; margin:0 0 0 23px;
	padding: 10px 0 0 10px;
	min-height:320px;
	position:absolute;
	top:-86px;
	left:0px;
	z-index:9999;
	display:block;
	
	}

#sub_content p {margin:0 0 7px 0; padding:0;}
#sub_content h3 {color:#f38733; margin:0 0 15px 0; padding:0; font-size:140%; font-weight:100;}
#sub_content a { color:#333; text-decoration:none;}
#sub_content a:hover { color:#f38733; text-decoration:none;}


#onecolumn {width: 520px; float: left; padding-left: 239px; margin-bottom: 10px; padding-right:0px;}
#onecolumn h1 {margin:0 0 25px 0; padding:0; width:539px; background:url(../images/titles/luxury_lodges.gif) no-repeat top left; height:49px; width:538px; text-indent:-9000px;}

#onecolumn h2 { font-size: 150%; margin-bottom: 15px; color:#791400; font-weight:100; line-height:20px; }
#onecolumn h3 { color:#791400; margin:0 0 15px 0; padding:0; font-size:140%; font-weight:100; }

#onecolumn a {color:#f38733; text-decoration:none; }
#onecolumn a:hover {color:#f38733; text-decoration:underline; }

/*=Side Panels
	-------------------------------------------------------*/

#right_col h5 {margin:0 0 14px 0; padding:0; }
h5#virtualtours a { background:url(../images/sidepanels/virtual_panels.gif) no-repeat; display:block; text-indent:-9000px; width:149px; height:112px;}
h5#lodgessale a { background:url(../images/sidepanels/lodges_sale.gif) no-repeat; display:block; text-indent:-9000px; width:149px; height:112px;}
h5#lodgesrent a { background:url(../images/sidepanels/lodges_rent.gif) no-repeat; display:block; text-indent:-9000px; width:149px; height:112px;}


/*=Virtual Tours
	-------------------------------------------------------*/
h4#tourslodges {background:url(../images/titles/virtual_tours.gif) no-repeat; display:block; text-indent:-9000px; width:149px; height:28px; margin:0;}
h4#specdetails {background:url(../images/titles/spec_details.gif) no-repeat; display:block; text-indent:-9000px; width:149px; height:28px; margin:0;}

#tourslist {width:139px; margin:0 0 14px 0; padding:5px 0 5px 10px; background:url(../images/backgrounds/tourslist_bg.gif) no-repeat bottom left #bbe567; color:#FFF; min-height:76px; height:auto !important; height:76px;}

#tourslist li {background:url(../images/backgrounds/bulletpoint.gif) no-repeat 0px 5px; padding:0 0 0 10px;}

#tourslist a { color:#FFF; text-decoration:none;}
#tourslist a:hover { color:#FFF; text-decoration:underline;}

/*=Lodge Spec
	-------------------------------------------------------*/
	
#speclist {width:139px; margin:0 0 14px 0; padding:5px 0 5px 10px; background:url(../images/backgrounds/spec_details.gif) no-repeat bottom left #f99f58; color:#FFF; min-height:76px; height:auto !important; height:76px;}

#speclist p {margin:0 0 5px 0; padding:0; line-height:normal;}


	
/*=Lodges List
	-------------------------------------------------------*/
	
#lodgeslist { margin:0 0 15px 0; padding:0; width:530px;}
#lodgeslist li { background:url(../images/backgrounds/offers_split.gif) repeat-x bottom left; padding:7px 0 7px 0; clear:both;}
#lodgeslist li a { text-decoration:none; color:#f98e3b;}
#lodgeslist li a:hover { text-decoration:underline; color:#f98e3b;}
#lodgeslist li p { margin:0; padding:0;}

.lodgedetails {width:455px; margin:0; padding:0; float:left;}		
	

/*=Special Offers Homepage
	-------------------------------------------------------*/

#offerslist { margin:0 0 15px 0; padding:0; width:380px;}
#offerslist li { background:url(../images/backgrounds/offers_split.gif) repeat-x bottom left; padding:7px 0 7px 0; clear:both;}
#offerslist li h4 a { text-decoration:none; color:#f98e3b;}
#offerslist li h4 a:hover { text-decoration:underline; color:#f98e3b;}
#offerslist li p { margin:0; padding:0;}

.offerssmpic { width:59px; height:59px; background:url(../images/backgrounds/offersbg_sm.gif) no-repeat top left; float:left; padding:9px 0 0 9px; margin:0 7px 0 0;}

.offerdetails {width:305px; margin:0; padding:0; float:left;}
.attractiondetails .location { margin:0 0 3px 0; padding:0 0 3px 0;}

/*=Attractions
	-------------------------------------------------------*/
	
#attractionslist { margin:0 0 15px 0; padding:0; width:530px;}
#attractionslist li { background:url(../images/backgrounds/offers_split.gif) repeat-x bottom left; padding:7px 0 7px 0; clear:both;}
#attractionslist li h4 {color:#791400;}
#attractionslist li a { text-decoration:none; color:#f98e3b;}
#attractionslist li a:hover { text-decoration:underline; color:#f98e3b;}
#attractionslist li p { margin:0 0 5px 0; padding:0;}

.attractionslogo { width:95px; height:75px; float:left; padding:0; margin:0;}

.attractiondetails {width:435px; margin:0; padding:0; float:left;}

/*=Events List
	-------------------------------------------------------*/

.eventslist { margin:0 0 15px 0; padding:0; width:530px;}
.eventslist li { background:url(../images/backgrounds/offers_split.gif) repeat-x bottom left; padding:7px 0 7px 0; clear:both;}
.eventslist li h4 {color:#791400; margin:0; padding:0;}
.eventslist li a { text-decoration:none; color:#f98e3b;}
.eventslist li a:hover { text-decoration:underline; color:#f98e3b;}
.eventslist li p { margin:0; padding:0;}


/*=Side Pictures
	-------------------------------------------------------*/

#sidepictures { margin:0; padding:0;}
#sidepictures li {width:167px; height:133px; background:url(../images/backgrounds/sidepic_bg.gif) no-repeat top left; padding:10px 0 0 10px; margin:0 0 10px 0;}

/*=Footer
	-------------------------------------------------------*/

#footer { background:url(../images/backgrounds/footerbg.gif) no-repeat top left #f9f0df; width:791px; margin:0 auto; padding: 17px 0 20px 0; clear:both; color:#9e8a60; font-size:100%; text-align:left;}

#footer a {color:#9e8a60; text-decoration:none;}
#footer a:hover {color:#9e8a60; text-decoration:underline;}

#footer p { margin-bottom: 0; }
#footer ul {width:600px; float:right; margin:0; padding:0; text-align:right;}
#footer li { display: inline; }

/* ------------------------Tidy Form Styles------------------------ */

.tidyForm label { float: left; width: 180px; padding-top: 5px; min-height: 1px; font-weight:bold; }
.tidyForm p { clear: left; }
	
.tidyForm fieldset { border: none; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding:0;}
.tidyForm legend { margin: 0 0 10px 0; font-weight: bold; font-size:120%; color:#972c8f; padding:0;}
	
.tidyForm div.error { margin-left: 0px; font-size:90%; color:#952b2b; }
	
.tidyForm input { margin-bottom:0; width:300px; }
.tidyForm textarea { margin-bottom:0; width:300px; }
	
ul.error { border:1px solid #cb2026; background:#f6cbca; padding:10px 10px 10px 20px; color:#cb2026; margin:0;  }
ul.success { background:#cee6c3; border:1px solid #359545;padding:10px 10px 10px 20px; color:#359545; margin-left:0; }

.requiredfields {color:#990000; font-weight:bold; font-size:14px;}

/*=Tariff
	-------------------------------------------------------*/
	
.tarifftable { width:530px; margin:0 0 15px 0; padding:0;}
.tarifftable td {margin:0; padding:3px 0 3px 0; border-bottom:1px dashed #CCC;}
.tarifftable .col1 { width:110px; text-align:center; background:#fae3d1;}
.tarifftable .col2 { width:110px; text-align:center;}
.tarifftable .col3 { width:110px; text-align:center; background:#fae3d1;}
.tarifftable .col4 { width:200px; text-align:left;}

.tarifftable .tableheader {background:#791400; color:#FFF; text-align:left; font-weight:bold; padding:2px 0 2px 3px;}
.tarifftable .spandate {color:#791400; text-align:left; padding:2px 0 2px 3px;}


#premium {display:none;}
#superior { }

#tarifftabs { width:220px; height:20px; margin:0; padding:0;}
#tarifftabs li { float:left; margin:0 2px 0 0;}
#tarifftabs li a { width:107px; height:17px; color:#FFF; text-align:center; background:url(../images/backgrounds/tab_off.gif); display:block; padding:3px 0 0 0;}
#tarifftabs li a:hover { background:url(../images/backgrounds/tab_on.gif); text-decoration:none; color:#FFF;}

body #tarifftabs li.current a {background:url(../images/backgrounds/tab_on.gif);}


/*=Terms List
	-------------------------------------------------------*/
	
.termslist {margin:0; padding:0;}
.termslist li {margin:0 0 10px 0; padding:0;}

/*=Breadcrumb Trail
	-------------------------------------------------------*/
#page_slugs {  margin-bottom: 10px; }
#page_slugs li { display: inline; font-size: 85%;}



#offers .category #offer_thmb { float: left; margin: 0 10px 10px 0; }
#offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; }
#categorylisting li { border-bottom: 1px solid #ccc; padding: 20px 0 0 0; }
#categorylisting li a { }
#categorylisting p { margin-bottom: 0; }
.category_thumb { float: left; margin: 0 10px 10px 0; }

#categorylisting li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#recentnews li { margin-bottom: 10px; }


.clearleft { clear: left; }
.paging { margin-bottom: 10px;}


/*=Download
	-------------------------------------------------------*/
.download {
	background: #fffeef;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	}
	.download a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		padding: .2em .8em;
		padding-left: 20px;
	}
	div.download span {
		font-size: 90%;
	}
	.pdf a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		display: block;
	}
	.swf a {
		background: url(../images/swf.gif) 0 2px no-repeat;
		display: block;
	}
/*=Gallery
	-------------------------------------------------------*/

	.filter  { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 0px;}

#gallerylisting li{
	width: 172px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 8px;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	margin: 5px;
}

#gallerylisting li a span{
/*\*/
	position: absolute;
	left: -9999px;

}

#gallerylisting li a:hover span{
	top: 8px;
	left: 8px;
	width: 172px;
	background: #FFF;
	color: #999;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	font-size: 80%;
	border: 1px solid #EEE;
	border-width: 0 0 5px 0;
	filter: alpha(opacity=100);
/**/
}


#gallerylisting img{
	border: 1px solid #EEE;
}

/*=Error Mesages
	-------------------------------------------------------*/
	ul.error,ul.success { list-style: disc; margin-left: 20px; margin-bottom: 10px; }
	.error { color: #990000; font-weight: bold; }
	em.error  { display: block; }
	ul.success {
		display: block;
		list-style: none;
		background: #006633;
		color: #fff;
		padding: 2px;
	}
/*=Links
	-------------------------------------------------------*/
.links li { padding: 5px; }

/*=Brochure request form
	-------------------------------------------------------*/
form.brochureForm fieldset {
	padding: 5px 20px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}
form.brochureForm legend {
	text-transform: capitalize;
	font-weight: bold;
	color: #039;
	padding: 0 5px;
}
form.brochureForm ol {
	list-style: none;
}
form.brochureForm ol li {
	margin: 5px 0;
}
	form.brochureForm ol li ol li {
		display: inline;
	}
	form.brochureForm ol li ol label {
		display: inline;
	}
form.brochureForm em {
	font-weight: bold;
	color: #E00;
}
form.brochureForm label {
	display: block;
	text-transform: capitalize;
}
form.brochureForm label.radio {
	display: inline;
	padding-left: 5px;
}







/*=Tidy Forms
	-------------------------------------------------------*/



fieldset {
	border: 0;
}
.field {
	float: left;
	clear: both;
	padding-bottom: 12px;
}
.field .inline_field {
	float: left;
	padding-right: 18px;
}
.input_text {
	background: #fff;
	padding: 2px 2px;
	border: 1px solid #ccc;
	border-color: #333 #ccc #ccc #333;
}
.field .input_text, .field select,  .field  .input_submit {
	font-size: 12px;
	line-height: 1.4;
}

.input_submit, .submit {
		padding: 5px 10px
	}
select {
	background: #fff;
}
legend { display: none; }
option {
	font-size: 1em !important;
}
.field label {
	display: block;
	padding: 0 0 2px;
	color: #333;
}

#type_select {
	float:left;
	width:100%;
	/*background:#DAE0D2 url("../images/bg.gif") repeat-x bottom; */
		border-bottom:1px solid #333;
	margin:0 0 10px 0;
	line-height:normal;
}

#type_select ul {
	margin:0;
	padding:0;
	list-style:none;
	padding:10px 10px 0 0;

}
#type_select li {
	float:left;
	/*background:url("../images/tab_right.gif") no-repeat right top;*/
		border: 1px solid #333; border-bottom: none; border-right: none;
	margin:0;
	padding:0;
}
#type_select a {
	display: block;
	text-decoration: none;
	/*background:url("../images/tab_left.gif") no-repeat left top;*/

	padding:5px 15px 4px;

}
#type_select ul li.bookend { border-right:1px solid #333;}

#type_select #current {
	/*background-image:url("../images/tab_right_on.gif");*/
}
#type_select #current a {
	/*background-image:url("../images/tab_left_on.gif");
	padding-bottom:5px;*/
		background: #333; color: white;

}
#type_select a:hover { color: white; 	background:#333; }







/*=Icons
	-------------------------------------------------------*/

.event_icon{ }
.notice_icon { }





/*=Archives
	-------------------------------------------------------*/

ol.archive_list ol {
	padding:0 0 0 20px;
	list-style:disc;
}
ol.archive_list ol li { margin-bottom: 10px; }
ol.archive_list ol p { margin-bottom:0; }

ol.archive_list ol span { display: block; font-size: 90%; font-weight: normal; }






/*=Fixes
	-------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */