/*===============================
=========== Contents ============
1..................Common Modules
	1.1............Search For Inn
	1.2............Search Results
	1.3......Latest Offers (mini)
	1.4............Tabbed Content
2........................Homepage
3..........................Search
4..........................Offers
5....................Offer Detail
6.............About Us & Weddings
7.....................Break Ideas
8.......................Functions
9.....................Inn Details
10.....................Contact Us
11.......................Bookings
12..................SWC Overrides
===============================*/

/*===============================
====== 1 - Common Modules =======
===============================*/

/*===============================
===== 1.1 - Search For Inn ======
===============================*/
/* Pages: Home, Search */
#search-for-inn {
	background:#181818;
	padding:10px;
	color:#CBCBCB;
	width:208px;
	float:left;
	margin:0 12px 0 0;
	clear:left;
}

#search-for-inn h2 span {background:url(../images/base/heading-sprite.gif) no-repeat 0 -27px;}

#search-for-inn input.text {float:left;width:131px;}

#search-for-inn input.button {float:right;}

#search-for-inn input.button {width:59px;padding:0;}

#search-for-inn img {margin-top:10px;}

.search-page #search-for-inn {
	background:#DDD4C0;
	color:#000;
	margin-bottom:20px;
	border:1px solid #c9bb9a;
}

.search-page #search-for-inn h2 {color:#000;}

.search-page #search-for-inn h2 span {background:url(../images/base/heading-sprite.gif) no-repeat 0 -135px;}

.search-page #search-for-inn input.text {
	float:none;
	width:202px;
}

.search-page #search-for-inn input.button {float:none;}

/*===============================
===== 1.2 - Search Results ======
===============================*/
/* Pages: Search, Offers, Functions
Weddings, Break Ideas, Offer Details */
#search-results h2, #search-results h3 {
	clear:both;
}

#search-results ul {
	margin:0;
	list-style:none;
	clear:both;
}

#search-results li {
	margin:0;
	background:#EBE4D6;
	padding:10px 10px 26px 238px;
	margin:0 0 12px;
	min-height:131px;
	position:relative;
}

#search-results li.even {background:none;}

#search-results li.last {margin:0;}

#search-results img {
	position:absolute;
	top:10px; left:10px;
	border:1px solid #DBD5C8;
}

#search-results h4 a {
	color:#89171A;
	font-weight:bold;
	text-decoration:none;
}

#search-results span {
	color:#444;
	font-size:0.65em;
	font-weight:normal;
	vertical-align:middle;
	padding:0 0 0 10px;
}

#search-results a.button {
	position:absolute;
	bottom:10px; right:10px;
	width:96px; 
}

#search-results label {
	display:inline;
	float:left;
	line-height:22px;
	margin-right:10px;
}

#search-results .field {}

#search-results input.text {
	float:left;
	width:100px;
}

#search-results input.button {
	margin:0 0 0 10px;
	float:left;
	border:1px solid #000;
}

/*===============================
== 1.3 - Latest Offers (mini) ===
===============================*/
/* Pages: all */
#latest-offers-mini {
	float:left;
	background:#181818;
	overflow:hidden;
	min-height:260px;
	padding:10px 3px 4px 4px;
	text-align:center;
	width:221px;
}

#latest-offers-mini h2 {
	margin-top:0;
	color:#FFF;
	text-align:left;
}

#latest-offers-mini h2 span {
	background:url(../images/base/heading-sprite.gif) no-repeat 0 -108px;
}

#latest-offers-mini a.offers-link {
	color:#CBA546;
	float:right;
	margin:0 7px 0 0;
}

#latest-offers-mini ul {
	position:absolute;
	width:9999em;
	left:0;
}

#latest-offers-mini ul, #latest-offers-mini li {
	margin:0;
	list-style:none;
}

#latest-offers-mini li {
	float:left;
	margin:0 0 3px;
}

/* only style mask when on homepage else through JS
(to prevent non-JS homepage from breaking page by
didplaying all offers in list) */
#main-content.home-page .mask {
	height:212px;
	overflow:hidden;
	position:relative;
}

#latest-offers-mini .mask {
	height:215px;
	overflow:hidden;
	position:relative;
}

#latest-offers-mini #next, #latest-offers-mini #prev {
	position:absolute;
	background:url(../images/base/offers-arrows.png) no-repeat 0 0; /*NOTE: switch for gif in IE6*/
	width:24px; height:24px;
	display:block;
	top:96px;
	cursor:pointer;
	text-indent:-9999px;
}

#latest-offers-mini #next {
	background-position:-24px 0;
	right:0;
}

#latest-offers-mini #prev.dis {background-position:0 -24px;}

#latest-offers-mini #next.dis {background-position:-24px -24px;}

#sidebar #latest-offers-mini {
	float:none;
	margin:0 0 12px;
}

/*===============================
===== 1.4 - Tabbed content ======
===============================*/
/* Pages: Break Ideas, Inns Details */
#tabs, #panels, #tabs li, #panels li {
	margin:0;
	list-style:none;
}

#tabs {
	position:relative;
	z-index:100;
	overflow:auto;
	background:url(../images/base/tabbed-content-bg-x.gif) repeat-x;
}

#tabs li {float:left;}

#tabs li a {
	float:left;
	font-size:1.5em;
	height:44px;
	line-height:33px;
	position:relative;
	text-align:center;
}

#tabs span {
	display:block;
	position:absolute;
	top:0; left:0;
	height:44px;
	cursor:pointer;
}

#panels {
	position:relative;
	top:-8px;
	min-height:275px;
}

#panels li {
	width:698px; min-height:275px;
	background:0 0 no-repeat #FFF6E9;
}

#panels .intro {
	width:208px; min-height:255px;
	padding:10px;
	float:right;
}

#panels .read-more-text {
	clear:both;
	background:url(../images/base/read-more-bg.jpg) no-repeat 0 0 #FFF6E9;
	min-height:185px;
	padding:20px 258px 20px 20px;
	position:relative;
}

#panels .read-more-text img {
	position:absolute;
	top:20px; right:20px;
}

#panels .read-more-text p {margin-top:0;}

#panels .read-more {
	font-weight:bold;
}

#panels .intro :first-child {margin-top:0;margin-bottom:0;}


#tabbed-content-fade #mask, #tabbed-content #mask {
	height:275px;
	overflow:hidden;
	clear:both;
	position:relative;
	top:-8px;
}

/*===============================
========== 2 - Homepage =========
===============================*/
html, body {
	height:100%;
}

#home-bg {
	width:100%;
	background:url(../images/base/home-bg-1.jpg) no-repeat center 141px;
	height:100%;
	position:absolute;
	top:0; left:0;
	z-index:-1000; /* prevents overlaying developers panel */
}

#strapline {
	color:#000;
	width:350px;
}

#content-container {position:relative;}

#main-content.home-page {
	position:absolute;
	bottom:0; left:0;
	float:none;
	width:708px;
	margin-right:12px;
}

#inn-thumbnails {
	overflow:hidden;
	padding:0 0 8px;
	width:100%;
	display:none;
}

#inn-thumbnails ul {
	margin:0;
	list-style:none;
	float:right;
}

#inn-thumbnails li {
	margin:0 0 0 3px;
	float:left;
}

#inn-thumbnails a {
	text-indent:-9999px;
	display:block;
	background:no-repeat;
	width:60px; height:61px;
}

#inn-thumbnails #thumb-1 {background-image:url(../images/base/home-thumb-1.png);}
#inn-thumbnails #thumb-2 {background-image:url(../images/base/home-thumb-2.png);}
#inn-thumbnails #thumb-3 {background-image:url(../images/base/home-thumb-3.png);}
#inn-thumbnails #thumb-4 {background-image:url(../images/base/home-thumb-4.png);}
#inn-thumbnails #thumb-5 {background-image:url(../images/base/home-thumb-5.png);}

#inn-thumbnails .sel {background-position:0 -61px;}

ul#links {
	float:left;
	width:228px;
}

ul#links {
	float:left;
	margin:0 12px 0 0;
	list-style:none;
}

ul#links li {
	margin:0;
	list-style:none;
	padding:9px 0 0 0;
	background:#181818;
}

ul#links li#perfect-weddings {margin:0 0 13px;}

ul#links li h2 a.more {display: block; width: 23px; height: 22px; position: absolute; right: 5px; top: 0; z-index: 10; text-indent: -999em; background: url('../images/base/inns_more-btns.gif') 0px -27px no-repeat;}
ul#links li .content {position: relative;}
ul#links li .content .more {position: absolute; top: 0; left: 0; z-index: 500; background: #fff; width: 224px; border: 2px solid #181818; border-top: 0;}
ul#links li .content .more p {padding: 0 10px; margin: 0.8em 0; color: #333;}
ul#links li .content .more a.close {display: block; text-align: center; padding: 3px; color: #666; background: #EFEFEF; text-decoration: none;}


#weekend-breaks h2 span {background:url(../images/base/heading-sprite.gif) no-repeat 10px -54px ;}

#perfect-weddings h2 span {background:url(../images/base/heading-sprite.gif) no-repeat 10px -81px ;}

/*===============================
=========== 3 - Search ==========
===============================*/
.map {
	width:454px; height:276px;
	float:right;
	margin:0 0 20px;
	border: 1px solid #C9BB9A;
}

/*===============================
=========== 4 - Offers ==========
===============================*/
#main-content-offers {
	width:705px;
	margin:0 15px 20px 0;
	float:left;
	position:relative;
}	

#flash-intro {margin:0 0 12px;}

#main-content-offers #noflash {height: 1px; overflow: hidden; text-indent: -999em;}

#latest-offers-main {
	text-align:center;
	background:#DDD4C0;
	width:auto;
	float:none;
	padding:10px 11px;
	overflow:hidden;
}

#latest-offers-main .mask {
	height:212px;
	overflow:hidden;
	position:relative;
}

#latest-offers-main ul {width:693px;}

.js-enabled #latest-offers-main ul {
	width:9999em;
	position:absolute;
	left:0;
}

#latest-offers-main ul, #latest-offers-main li {
	margin:0;
	list-style:none;
}

#latest-offers-main li {
	margin:0 10px 0 0;
	float:left;
	cursor:pointer;
}

#latest-offers-main h2 {
	text-align:left;
	color:#181818;
	margin-bottom:0.8em;
}

#latest-offers-main h2 span {
	background:url(../images/base/heading-sprite.gif) no-repeat 0 -163px;
}

#latest-offers-main .numbers {
	margin:17px 0 0;
	display:inline-block;
}

#latest-offers-main .numbers li {
	margin:0 5px;
	zoom:1;
}

#latest-offers-main .numbers a {
	display:block;
	width:16px; height:16px;
	text-align:center;
	text-decoration:none;
}

#latest-offers-main .numbers a.active {background:#BEB7A4;}

#latest-offers-main li a.next, #latest-offers-main li a.prev {
	background:url(../images/base/offers-arrows-numbered.gif) no-repeat 0 0;
	width:20px; height:31px;
	margin-top:-8px;
	text-indent:-9999px;
	cursor:pointer;
}

#main-content-offers #latest-offers-main li a.next {background-position:-20px 0;}

#main-content-offers #latest-offers-main li.dis a.next {background-position:-20px -31px;}

#main-content-offers #latest-offers-main li.dis a.prev {background-position:0 -31px;}

/*===============================
======= 5 - Offer Detail ========
===============================*/
#offer-detail {
	margin:0 0 20px 0;
	position:relative;
	padding:10px 10px 10px 230px;
	min-height:222px;
}

#offer-detail img {
	float:left;
	position:absolute;
	top:10px; left:0;
}

/*===============================
==== 6 - About Us & Weddings ====
===============================*/
#main-content.about-page, #main-content #weddings-page {
	position:relative;
	padding:0 228px 0 0;
	width:470px;
}

#main-content.about-page h1, #main-content #weddings-page h1 {margin-top:0;}

#main-content.about-page h3, #main-content #weddings-page h3 {font-size:1.3em;}

#main-content.about-page img, #main-content #weddings-page img {
	position:absolute;
	top:40px; right:0;
}

/*===============================
======= 7 - Break Ideas =========
===============================*/
.break-ideas-page #tabs span {background:url(../images/base/break-ideas-tabs.gif) no-repeat;}

#tab-1 {width:122px;}
.break-ideas-page #tab-1 span {background-position:0 0;width:122px;}
.break-ideas-page #tab-1.sel span {background-position:0 -44px;}

#tab-2 {width:135px;}
.break-ideas-page #tab-2 span {background-position:-122px 0;width:135px;}
.break-ideas-page #tab-2.sel span {background-position:-122px -44px;}

#tab-3 {width:150px;}
.break-ideas-page #tab-3 span {background-position:-257px  0;width:150px;}
.break-ideas-page #tab-3.sel span {background-position:-257px -44px;}

#tab-4 {width:123px;}
.break-ideas-page #tab-4 span {background-position:-407px 0;width:123px;}
.break-ideas-page #tab-4.sel span {background-position:-407px -44px;}

#tab-5 {width:168px;}
.break-ideas-page #tab-5 span {background-position:-530px 0;width:168px;}
.break-ideas-page #tab-5.sel span {background-position:-530px -44px;}

/*===============================
======== 8 - Functions ==========
===============================*/
.functions-info {
	position:relative;
	padding:0 228px 10px 0;
	min-height:265px;
}

.functions-info img {
	position:absolute;
	top:10px; right:0;
}

/*===============================
======= 9 - Inn Details ========
===============================*/
.inn-details-page #tabs span {background:url(../images/base/inn-details-tabs.gif) no-repeat;}

#tabs span {
	display:block;
	position:absolute;
	top:0; left:0;
	height:44px;
	cursor:pointer;
}

#tab-Welcome {width:125px;}
.inn-details-page #tab-Welcome span {background-position:0 0;width:125px;}
.inn-details-page #tab-Welcome.sel span {background-position:0 -44px;}

#tab-FoodAndDrink {width:155px;}
.inn-details-page #tab-FoodAndDrink span {background-position:-125px 0;width:155px;}
.inn-details-page #tab-FoodAndDrink.sel span {background-position:-125px -44px;}

#tab-Functions {width:137px;}
.inn-details-page #tab-Functions span {background-position:-280px  0;width:137px;}
.inn-details-page #tab-Functions.sel span {background-position:-280px -44px;}

#tab-Weddings {width:133px;}
.inn-details-page #tab-Weddings span {background-position:-417px 0;width:133px;}
.inn-details-page #tab-Weddings.sel span {background-position:-417px -44px;}

#tab-ThingsToDo {width:148px;}
.inn-details-page #tab-ThingsToDo span {background-position:-550px 0;width:148px;}
.inn-details-page #tab-ThingsToDo.sel span {background-position:-550px -44px;}

.inn-details-page h1 span, .inn-details-page h2 span {
	color:#444444;
	font-size:0.7em;
	vertical-align:middle;
	margin:0 0 0 10px;
}

.inn-details-page h4 {
	margin-top:0;
	font-weight:bold;
}

.inn-details-page .book-inn-button {margin:10px 0 20px;}

.inn-details-page .inn-details-map {
	float:left;
	margin:0 0 12px;
	display:inline;
}

#inn-offers,
#download-menus,
#facilities, #nearby-inns {
	background:#EBE4D6;
	width:210px;
	float:right;
	margin:0 117px 12px 0;
	padding:10px;
	display:inline;
}

#download-menus, #facilities, #nearby-inns {clear:right;}

#facilities {margin-bottom:0;}

#inn-offers li, #inn-offers ul,
#download-menus li, #download-menus ul,
#facilities li, #facilities ul,
#nearby-inns li, #nearby-inns ul {
	list-style:none;
	margin:0;
}

#inn-offers li,
#download-menus li,
#facilities li,
#nearby-inns li {
	margin:0 0 7px 0;
}

.inn-details-page a.pdf-link {margin-top:20px;}

/*===============================
======== 10 - Contact Us ========
===============================*/
#feedback-options, #feedback-options li {
	margin:0;
	list-style:none;
}

#feedback-options li {
	background:#DDD4C0;
	border:1px solid #C9BB9A;
	width:348px;
	margin:0 0 10px;
	height:89px;
	padding:10px 10px 10px 109px;
	position:relative;
	float:left;
}

#feedback-options li img {
	position:absolute;
	top:10px; left:10px;
}

#feedback-options .odd {margin-right:10px;}

#feedback-options li h3 {margin-top:0;}

#feedback-options li h3 a {color:#89171A;}

#contact-form fieldset {
	background:#DDD4C0;
	padding:10px;
	border:1px solid #C9BB9A;
	margin:0 0 12px 0;
}

#contact-form fieldset#details {
	margin:0;
}

#contact-form label {
	float:left;
	display:inline;
	width:170px;
	margin:0 10px 0 0;
	line-height:21px;
	text-align:right;
}

#contact-form .text  {width:300px;}

#contact-form select {width:auto;}

#contact-form #FirstName,
#contact-form #LastName,
#contact-form #Telephone
{width:190px;}

#contact-form #DateVisited {width:135px;}

#contact-form #HowManyPeople {width:40px;}

#contact-form .buttons {margin-left:180px;}

#contact-form h3 {margin-top:0;}

/*===============================
========= 11 - Bookings =========
===============================*/
.booking h2 {margin:1.5em 0 0.5em 0;}

.booking h3 {margin-top:1.8em;}

.booking ol {
	margin:0;
	background:url(../images/base/booking-progress-bar.gif) 0 0 no-repeat;
	height:21px;
	color:#FFF6E9;
	list-style:none;
}

.booking ol li {
	display:inline;
	margin:0;
	line-height:21px;
}

.personal-info ol {background-position:0 -21px;}
.payment ol {background-position:0 -42px;}
.confirmation ol {background-position:0 -63px;}

ol li#accommodation {margin:0 36px 0 6px;}
ol li#personal-info {margin:0 38px 0 0;}
ol li#payment {margin:0 61px 0 0;}

.inn-info,
#login,
#booking-details,
#accommodation-details {
	/*width:469px;*/
	background:#DDD4C0;
	padding:10px;
	overflow:auto;
	position:relative;
	margin:0 0 1px 0;
}

#paymentDetails,
#viewDetails {
	float:left;
	width:330px;
}

#paymentDetails,
#viewDetails li {
	margin: 0 0 10px 0;
}

.inn-info h3,
#login h3,
#accommodation-details h3
{margin-top:0;}

.inn-info h3 span {
	color:#444;
	font-size:0.65em;
	font-weight:normal;
	padding:0 0 0 10px;
	vertical-align:middle;
}

#accommodation-details .field  {
	float:left;
	margin-right:10px;
}

#accommodation-details select {width:48px;}
#accommodation-details .text {width:100px;}

#accommodation-details .buttons,
#login .buttons
{clear:left;}

/*#rooms {width:489px;}*/

#rooms {
	width:100%;
	margin-bottom:12px;
}

#rooms table {margin-bottom:20px;clear:left;}

#rooms th {
	padding:8px;
	font-size:0.9em;
}

#rooms #type {width:223px;}
#rooms #price, #rooms #total-price {width:155px;}
#rooms .total-price {
	width:100px;
	font-weight:bold;
	font-size:1.3em;
}
#rooms .select-room {text-align:center;}

#rooms td {
	border:1px solid #FFF6E9;
	padding:8px;
	background:#DDD4C0;
}

#rooms .button {
	float:right;
	margin-top:12px;
}

#rooms select {width:45px;}

#rooms fieldset {
	background:#DDD4C0;
	margin:12px 0 0 0;
	padding:10px;
}

#rooms fieldset .field {
	float:left;
	margin:0 10px 0 0;
}

#rooms fieldset h3 {
	margin-top:0;
}

.inn-info .button {
	position:relative;
	float:right;
	overflow:auto;
	width:96px;
}

.inn-info-left {
	float:left;
}

.inn-info-right {
	float:right;
}
	.inn-info-right img{
	border:1px solid #C9BB9A;
}

.booking .map {
	height:242px; width:695px;
	margin:20px 0;
	float:none;
	border: 1px solid #DDD4C0;
}

#login .field {
	float:left;
	margin-right:12px;
	overlfow:auto;
}

#login .text, #login .password {width:208px;}

#login .button {
	float:left;
	margin-right:10px;
}

/*.booking-form {width:489px;}*/

.booking-form .field label {
	display:inline;
	float:left;
	width:150px;
	text-align:right;
	line-height:21px;
	margin:0 10px 0 0;
}

.booking-form select {width:auto;}

.booking-form textarea, .booking-form .text {width:208px;}

.booking-form textarea {height:60px;}

.booking-form .fields, .booking-form .buttons {margin-left:160px;}

.booking-form span {
	color:#470A0A;
	display:block;
	margin:5px 0 0 160px;
}

.booking-form h3 {margin-bottom:1.9em;} 

.payment h3 {margin-top:0;}

.booking-form #IssueNumber, .booking-form #SecurityCode {width:25px;}

.confirmation h2 {margin-bottom:0;}

#booking-ref {
	margin-top:0;
	color:#480A0A;
}

#booking-details td {padding:5px 10px;}

#booking-details .title {
	text-align:right;
	font-weight:bold;
	width:150px;
	vertical-align:top;
}

#booking-details address {margin:0;}

#booking-details em {
	font-size:1.3em;
	font-weight:bold;
	font-style:normal;
}

#booking-details .button {
	position:absolute;
	right:10px;
	bottom:10px;
	width:100px;
}

.booking_confirmation {
	float:left;
	width:500px;
}

.tooltip-container {
	width:350px;
	padding:15px;
}

/*===============================
==== 12 - forward to friend =====
===============================*/
#friendInvite {
	padding:12px 185px 12px 12px;
	background:#DDD4C0;
	border:1px solid #C9BB9A;
}

#friendInvite .field {
	float:left;
	margin-right:12px;
	overflow:hidden;
	clear:left;
}

#friendInvite .field input {width:200px;}

#friendInvite .email {clear:none;}

#friendInvite .email input {width:250px;}

#friendInvite .buttons {clear:left;}

/*===============================
====== 12 - SWC Overrides =======
===============================*/
/* cannot be reverted back to original browser default style!!
#search-for-inn input {
	background-color:#F1F1F1;
	border:1px solid #CCCCCC;
	font-family:Arial,Tahoma,sans;
	font-size:8pt;
	padding:2px;
}


.swc_Input {
	background-color:#F1F1F1;
	border:1px solid #CCCCCC;
	font-family:Arial,Tahoma,sans;
	font-size:8pt;
	padding:2px;
}
*/

#swc_Popup401 {
	width:600px;
	margin-top: 380px;
}