/*
Site Name: Hermitage Booking Engine
Site URI: ---
Description: ---
Version: 1.0
Author: Design: Sara McGovern / HTML, CSS & Js: Adam Wright, Pat O'Callaghan / Development: Murray Roke
Author URI: www.terabyte.co.nz

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 08 Jun 2009
Last update made by: --- (---@domain.co.nz)

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 11px !important;}
#ie6 .small, #ie7 .small{ font-size: 10px !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.block                  { display: block; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.no-border				{ border: none !important; }
.hot					{ cursor:pointer; }
.print-only				{ display:none; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dashed; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Verdana, Arial, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background-color: #6e6e6a;
	color: #FFF;
}

body.no-bg {
    background-color: Transparent;
}

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, sans-serif; letter-spacing: 0px; margin-bottom: 0; }

h1 { font-size: 2.6em; margin: 0; color: #6d6d68; }
	h1 span { display: none; }
h2 { font-size: 2em; margin: 0; padding: 6px 0 11px 20px; color: #FFF; }
h3 { font-size: 1.6em; margin: 5px 0 0 0; color: #6d6d68; font-weight: bold; }
h4 { font-size: 1.4em; margin: 10px 0 0 0; color: #999; }
h5 { font-size: 1.2em; font-weight: bold; color: #1c1c1c; font-size: 12px; }

p { font-size: 1.3em; line-height: 1.3em; margin: 0 0 20px 0; }

a { color: #c8d677; text-decoration: none; }

a:hover, a:active { text-decoration: underline; }

/*img, .btn, td.hot-deal span, .datepicker-launch, #change-date-range a, .submit, .sml-submit, .btn-lrg { behavior: url(/js/iepngfix.htc) }*/
#ie6 .submit, #ie6 .sml-submit, #ie6 .btn-lrg, #ie6 #web-design a.terabyte,  #ie6 #back-to-top, #ie6 .btn-print span, #ie6 .print-img { behavior: url(/js/iepngfix.htc) }

ul li {
	list-style: disc;
}

ol li {
	list-style-type: decimal;
}

ul.no-markers li {
	list-style: none;
}

dl {
	font-size: 12px;
}

dt {
	float: left;
	clear: left;
	width: 150px;
	margin: 0 0 10px 0;
	color: #999;
}

dd {
	float: left;
	margin: 0 0 10px 20px;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#master {}

#header {
	width: 960px;
	margin: auto auto;
}

#page {
	width: 960px;
	margin: auto auto;
}

#footer-links {
	position:relative;
	width: 960px;
	margin: auto auto;
	text-align: center;
}

#phone-numbers {
	position: absolute;
	top: 0;
	right: 0;
}

#phone-numbers p { margin: 0 0 0 0; }

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* Buttons =============================================================*/
.btn,
.btn span,
.btn-form,
.btn-form span {
	display: inline-block;
	cursor: pointer;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
	background: url(/images/interface/common/btn-common.png) no-repeat;
}
.btn:hover 				{ /*background-position: top right;*/ }
.btn-sml 				{ background-position: 0 -268px; padding-left: 1px;}
	.btn-sml span		{ background-position: right -268px; padding: 6px 20px 8px 15px; margin-right: -6px;}
.btn-sml:hover			{ background-position: 0 -301px; }
	.btn-sml:hover span	{ background-position: right -301px; }
.btn-next, .btn-prev 	{ text-indent: -9999px; overflow: hidden; }
.btn-prev:hover 		{ background-position: top left; }

/* Misc layout extras ==================================================*/
.big-number {
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
}
	#ie6 .big-number, #ie7 .big-number  { line-height: 1em; }

.divider {
	border-bottom: 1px dashed #8da3a9;
	height: 1px;
}

.datepicker-launch {
	display: block;
	width: 37px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.tag-text {
	border: 1px solid #FFF;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 4px 13px 5px 13px;
	position: relative;
}

.tag-text span {
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	top: 7px;
	left: -8px;
}

.tag-right span {
	left: auto;
	right: -8px;
}

#start-over {
	position: absolute;
	bottom: -30px;
	left: 0;
	font-weight: bold;
	font-size: 11px;
}

#homepage-link #start-over {
	position: static;
	bottom: auto;
	left: auto;
}

.error-page #start-over {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
}

#start-over .submit {
	width: auto !important;
	height: auto !important;
	background: none;
	padding: none;
	font-size: 11px;
}
#start-over .submit:hover { text-decoration: underline; }
#ie6 #start-over .submit { background: none !important; }

.error-page #start-over .submit {
	color: #A3854E;
	font-weight: normal;
}

/* Header ==============================================================*/
#header { position: relative; }

#context-logo {
	/*text-indent: -9999px;*/
	overflow: hidden;
	width: 960px;
	margin: 0;
}

#prices-disclaimer {
	float: right;
	margin: 8px 0 9px 0;
	color: #c6c6bc;
	font-size: 1.1em;
	font-weight: bold;
}

#launch-travel-agent {
	position: absolute;
}
	#launch-travel-agent a {
		display: block;
		font-family: Arial;
		font-size: 0.9em;
		font-weight: bold;
	}

#homepage-link {
    font-size:1.1em;
    margin:8px 0 9px;
}

	#homepage-link li {
		float: left;
		display: inline;
		margin-right: 25px;
	}

    #homepage-link a {
        font-weight:bold;
        color: #ECEAB0;
    }

    #ie6 #homepage-link,
    #ie7 #homepage-link {
        float: left;
    }

#header h1 { color: #494c32; font-weight: bold;  position: absolute; top: 15px; margin: 25px 0 0 250px; font-size: 3.2em;}
#tagline {
	position: absolute;
	top: 0;
	left: 194px;
	width: 600px;
	height: 100px;
	margin: 0;
	background: url('/images/interface/main-site/bg-tagline.png') 0 0 no-repeat;
}
.booking #header h1 { margin-left: 200px; }
.booking #ie6 #header h1,
.booking #ie7 #header h1 { margin-left: 30px; }
#tagline .price { color: #981f32; font-size: 1.7em; margin:-5px 0 0 13px; }
#tagline .price span { color: #494c32; font-size: 0.35em; display: block; line-height: 1.1em; text-align: right; }
#ie6 #tagline .price span , #ie7 #tagline .price span { padding-top: 6px; }

/* Page ================================================================*/

/* Step Indicator -------------------------*/
#step-indicator {
	position: relative;
}

#step-indicator li {
	list-style: none;
	float: left;
	display: inline;
}

#ie6 #step-indicator {
	zoom:1;
}

/* Banner ---------------------------------*/
.banner {
	position: relative;
}
	#ie6 .banner { height: 50px; }
	.lrg-banner { min-height: 60px; }

.banner .item-summary {
/*	float: right;*/
	position: absolute;
	top: 0;
	right: 170px;
}
	#ie6 .banner .item-summary, #ie7 .banner .item-summary { padding-bottom: 3px; }

/* Accordian List -------------------------*/
.accordian-list li {
	list-style: none;
	margin: 0 0 6px 0;
}

.accordian-list .accordian-list-content {
	padding: 0 10px 10px 10px;
}
	.js-enabled .accordian-list .accordian-list-content { display: none; }

.accordian-list .accordian-list-content-item {
	padding: 1px 0 0 0;
}

.accordian-list h5 { margin: 0; }

.accordian-list h5 a {
	margin: 0;
	display: block;
	width: 360px;
	height: 22px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 0 10px;
	cursor: pointer;
}
	.accordian-list h5 a:hover 		{ background-position: -5px -830px; }
	.accordian-list h5 a.selected 	{ background-position: -5px -804px; }
	.accordian-list h5 a:hover.selected 	{ background-position: -5px -804px; }

.accordian-list-content {
	background: #EEEEEB url(/Images/interface/common/bg-accordian-list-content.jpg) repeat-x bottom left;
	padding: 10px;
}

.accordian-list h6 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.accordian-list p {
	font-weight: 12px;
	color: #000;
}
	.accordian-list p a { font-weight: bold; }

.accordian-list img {
	float: right;
	margin: 0 0 0 20px;
}

.item-content {
	float: left;
	width: 800px;
	margin: 0;
	color: #333;
}

.summary .item-content{
	width: 400px;
}

.add-extra-result {
	position: relative;
	margin: 10px 0 0 0;
}

.add-extra-result p {
	padding: 7px 252px 0 100px;
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

#ie6 .add-extra-result P,
#ie7 .add-extra-result P {
	padding-right: 270px;
}

.add-extra-result .edit-buttons {
	position: absolute;
	top: -2px;
	right: 0px; /*70px;*/
	margin-left: 10px;
	width: 252px;
}
	#ie6 .add-extra-result .edit-buttons, #ie7 .add-extra-result .edit-buttons { right: 0; width: 270px; }
	#ie6 .add-extra-result .edit-buttons input.sml-submit {margin-top: 5px;}

.add-extra-result .edit-buttons .btn {
	float: left;
	margin: 0 10px 0 0;
}

.add-extra-result p strong { display: none; }

.add-extra-result .tag-text {
	position: absolute;
	width: 63px;
}

.add-extra-result .unconfirmed-indicator {
	/*float: right;*/
	width: 332px;
	background: #FFF;
	border: 1px solid #b5c3c6;
	padding: 7px 13px 6px 13px;
	font-weight: bold;
}

.add-extra-result .unconfirmed-indicator a { font-size: 11px; padding-left: 60px; }

.add-extra-item {
	border-bottom: 1px dashed #8da3a9;
	padding-bottom: 9px;
	margin-top: 20px;
	clear: both;
}

/* Slideshow ------------------------------*/
.slideshow {
	background: #ccc;
	width: 420px;
	height: 320px;
	float: right;
	position: relative;
	overflow: auto;
	overflow-y: hidden;
	-ms-overflow-y: hidden;
	margin: 0 0 10px 10px;
}

	.js-enabled .slideshow { overflow: hidden; }

.slideshow ul {
	position: absolute;
	top: 0;
	left: 0;
	height: 320px;
	width: 5000px;
}

.slideshow li {
	list-style: none;
	margin-left: 0;
	float: left;
}

.slideshow .slideshow-nav {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.slideshow .btn {
	width: 34px;
	height: 35px;
	text-indent: -9999px;
	float: left;
	padding: 0;
	overflow: hidden;
}

/* Footer ================================================================*/
#footer-links ul { margin-bottom: 15px; }
#footer-links li {
	list-style: none;
	float: left;
	margin: 0 8px;
}

#footer-links ul.text-links {
	margin: auto;
	padding:0 10px;
}

#footer-links ul.text-links li {
	margin-right: 32px;
}
	#footer-links ul.text-links li.last { margin-right: 0; float: right; }

#footer-links a {
	color: #879637;
	font-size: 1.1em;
}
	#footer-links a:hover { text-decoration: underline; }

/*To make the non-link copyright text look the same as links*/
#footer-links span {
	color: #c6c6bc;
	font-size: 1.1em;
}

#web-design { margin: 0px; color: #879637; margin-top: 1px; }
	#web-design { font-size: 1.1em; }
	#web-design a {
		font-size: 1em;
	}
     #web-design a.terabyte {
        background: url(/images/interface/common/bg-terabyte-logo.png) top left no-repeat;
        width: 80px;
        height: 11px;
        display: inline-block;
     }

     #web-design a.terabyte:hover { background-position: left -15px; }

/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/

form.inline{
	display:inline;
}

input, select, textarea {
	font-size: 12px;
	color: #1c1c1c;
	background: #FFF url(/Images/interface/common/bg-input.gif) no-repeat top right;
	border-top: 1px solid #909090;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #cecece;
}

label {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	display: block;
	float: left;
}

.checkbox input 							{ width: 10px !important; border: none !important; background: none !important; }
#ie6 .checkbox input, #ie7 .checkbox input	{ width: 14px !important; }
.radiobutton input 							{ width: 10px !important; border: none !important; background: none !important; }

.submit {
	border: none;
	cursor: pointer;
	width: 200px !important;
	padding: 0 !important;
	height: 34px !important;
}
input.submit { background-position: right -352px; padding-bottom: 4px !important; }
#ie6 input.lrg-submit { background: url(/Images/interface/common/ie6/btn-submit.gif) no-repeat top left; }
input.submit:hover { background-position: right -398px; }
.submit:hover { background-position: 100% 0; text-decoration: underline; }

.sml-submit {
	padding: 0 0 2px 0 !important;
	display: block;
	height: 27px !important;
	width: 80px !important;
	cursor: pointer;
	color: #FFF;
	border: 0;
	font-weight: bold;
	background: url("/images/interface/common/btn-common.png") no-repeat right -268px;
}
	#ie7 .sml-submit {
		height: 30px !important;
	}
	#ie6 input.sml-submit { background: url("/images/interface/common/ie6/btn-sml-submit.gif") no-repeat top right; }
	.sml-submit:hover { background-position: right -301px; text-decoration: underline; }

/* "Guests" form =========================================================*/

.guests-form .form-item-holder {
	float: left;
	margin: 0 10px 4px 0;
}

.guests-form label {
	font-weight: normal;
	display: inline;
	float: none;
	font-size: 12px;
}

/* "Add Extras" form =====================================================*/
.add-extras-form .title {
	margin: 0 0 13px 0;
	font-weight: bold;
}

.add-extras-form li {
	list-style: none;
	margin-left: 0;
	position: relative;
}
	#ie6 .add-extras-form li, #ie7 .add-extras-form li { zoom: 1; }

.add-extras-form .item-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

.add-extras-form .form-item-holder {
	margin: 0 0 5px 100px;
}

#ie6 .add-extras-form .form-item-holder { display: inline;}

/* See Pat - IE7 ONLY hack. It's not pretty but it's necessary. I couldn't target the #ie7 div because this is also triggered when hitting IE8.*/
html>body #ie7 .add-extras-form .form-item-holder { *display: inline; }

.add-extras-form select, .add-extras-form .price, .add-extras-form .special {
	float: left;
	margin-bottom: 5px;
}

.add-extras-form select {
	width: 40px;
}
	.no-specials .add-extras-form select { width: 60px; }

.add-extras-form label {
	font-size: 12px;
	font-weight: normal;
	float: left;
	width: 80px;
	padding: 0 5px 0 10px;
}
	.no-specials .add-extras-form label { width: 120px; }
	.add-extras-form label.long { width: 200px; }

.add-extras-form .radio-buttons input, .add-extras-form .radio-buttons label {
	float: left;
}
.add-extras-form .radio-buttons input													{ margin: 5px 0 0 0; background: none; border: none; }
#ie6 .add-extras-form .radio-buttons input, #ie7 .add-extras-form .radio-buttons input	{ margin: 0 0 0 0; background: none; border: none; }
.add-extras-form .radio-buttons label 													{ width: auto; padding: 0 5px 0 5px; margin: 0 10px 0 0; }

.add-extras-form .price, .add-extras-form .special {
	font-size: 11px;
	color: #1c1c1c;
}

.add-extras-form .price 				{ width: 75px; padding: 0 5px 0 5px; }
.no-specials .add-extras-form .price	{ width: 150px; }

.add-extras-form .special 			{ width: 100px; color: #981f32; line-height: 1em; background: url(/images/interface/common/bg-star.gif) no-repeat; padding: 0 0 0 25px; margin: -2px 0 0 5px; }
	#ie6 .add-extras-form .special 	{ margin: 0; }

.add-extras-form .total {
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
}

.add-extras-form .number {
	font-size: 14px;
	font-weight: bold;
	float: none;
	display: inline;
}

.add-extras-form .btn {
	margin: 4px 0 0 0;
}

.datepicker .tag-text												{ display: none; }
	.js-enabled .datepicker .tag-text								{ display: inline; }
.add-extras-form .datepicker-launch, .add-extras-form .tag-text 	{ float: left; }
.add-extras-form .datepicker-launch									{ margin: 0 5px 0 0; display: none; }
	.js-enabled .add-extras-form .datepicker-launch					{ display: block; }
.add-extras-form .tag-text 											{ margin: 0 0 0 8px; }
.add-extras-form .selected-date										{ margin: 3px 0 0 0; padding: 5px; }
.js-enabled .add-extras-form .selected-date							{ background: none; border: none; width: 300px; }

.add-extras-form .date-unconfirmed {
	background: #FFF;
	border: 1px solid #bccacd;
	padding: 5px;
	position: relative;
	margin-top: 5px;
}

.add-extras-form .date-unconfirmed span {
	display: block;
	width: 13px;
	height: 8px;
	background: url(/Images/interface/common/ind-unconfirmed-top.gif) no-repeat;
	position: absolute;
	top: -8px;
	left: 20px;
}

/* "Add Another Room" form ===============================================*/
.add-another-room-form 			{ padding: 20px; }
.add-another-room-form label 	{ font-size: 12px; margin: 0 10px 0 0; float: left }
.add-another-room-form select 	{ float: left; }
.add-another-room-form .btn 	{ float: left; margin: -6px 0 0 10px; }
.add-another-room-form .small	{ color: #1c1c1c; width: 175px; margin-top: -3px; }

/* "Guest details" form ==================================================*/
.guests-details-form 					{}
.guests-details-form .section 			{ border-bottom: 1px dashed #91a7ad; padding: 20px 20px 9px 20px; position: relative; }
.guests-details-form .final-section		{ padding-bottom: 24px;}
#ie6 .guests-details-form .section { zoom: 1; }

.guests-details-form li {
	list-style: none;
	margin: 0 0 11px 0;
	clear: both;
	position: relative;
}

.guests-details-form label 			{ width: 140px; line-height: 1.1em; }
.guests-details-form label .light	{ font-weight: normal; color: #7f7f7f; }

.guests-details-form .psudeo-label {
	width: 140px;
	line-height: 1.1em;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	float: left;
}

.guests-details-form input, .guests-details-form textarea 		{ width: 320px; padding: 5px; }
.guests-details-form input.small-input							{ width: 80px; vertical-align:top;}
.guests-details-form select.country								{ width: 332px; }
.guests-details-form textarea									{ height: 100px; width: 460px; }
.guests-details-form li .small									{ color: #1c1c1c; font-weight: normal; line-height: 1em; }
.trans-error h3,
.trans-error p {
	color: #fff;
}
.form-error {
	background: #c20000;
	color: #FFF;
	padding: 6px 10px 6px 10px;
	font-size: 12px;
	position: relative;
	margin-left: 9px;
	zoom: 1;
	display: inline-block;
	width: 280px;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.form-error span {
	display: block;
	width: 7px;
	height: 14px;
	background: url(/Images/interface/common/ind-form-error.gif) no-repeat;
	position: absolute;
	top: 7px;
	left: -7px;
}

.guests-details-form .input-validation-error{
    border:solid 1px #C20000;
}

.full-width-error {
	display: block;
	width: auto;
	clear: both;
	width: 632px; /*615px;*/
	margin: 40px 0 0 0;
}
	#ie6 .full-width-error, #ie7 .full-width-error { margin-top: 5px; }

.full-width-error span {
	width: 15px;
	height: 7px;
	background: url(/Images/interface/common/ind-form-error-up.gif) no-repeat;
	top: -7px;
	left: 10px;
}

	.guests-details-form .cc-error { margin-top: 70px; }
	.guests-details-form .trans-error {
		margin: 20px 0 0 140px;
	}
	.guests-details-form .trans-error h3 {
		color: #FFF;
	}
	.guests-details-form .trans-error p {
		color: #efefef;
		font-size: 12px;
		margin: 5px 0 10px 0;
		padding: 10px 0 0 0;
		border-top: 1px dashed #f05b5b;
	}

.guests-details-form .item-holder {
	float: left;
	width: 780px;
}
/*.guests-details-form .item-holder p 	{ color: #1c1c1c; }*/

.guests-details-form .checkbox 			{ float: left; }
.guests-details-form .chkbx-txt 		{ float: left; margin: 0 0 0 10px; font-size: 11px; font-weight: bold; }
#ie6 .guests-details-form .chkbx-txt, #ie7 .guests-details-form .chkbx-txt { padding-top: 3px; }
.guests-details-form .chkbx-txt span 	{ color: #a3854e; }

.credit-card-list li {
	list-style: none;
	margin: 0 10px 0 0;
	float: left;
	clear: none;
}

.credit-card-list .radiobutton {
	float: left;
	margin-right: 5px;
}
.credit-card-list label {
	float: left;
	display: block;
	width: 68px;
	padding: 49px 0 0 0;
}
	.credit-card-list label.visa 			{ background: url(/Images/interface/common/ico-visa.gif) no-repeat; }
	.credit-card-list label.mastercard 		{ background: url(/Images/interface/common/ico-mastercard.gif) no-repeat; }
	.credit-card-list label.amex 			{ background: url(/Images/interface/common/ico-amex.gif) no-repeat; }
	.credit-card-list label.dinersclub 		{ background: url(/Images/interface/common/ico-dinersclub.gif) no-repeat; }
	.credit-card-list label.jcb		 		{ background: url(/Images/interface/common/ico-jcb.gif) no-repeat; }

.guests-details-form .security-img { position: absolute; top: -10px; left: 400px; }
#ie6 .guests-details-form .security-img { position: absolute; top: -10px; left: 250px; }

.guests-details-form .dps-logo { position: absolute; top: 33px; right: 20px; }

.security-code-error 				{ margin-left: 120px; }
.security-code-error .form-error 	{ width: 245px; }

.purchase-summary {
	background: #E6E8E8 url(/Images/interface/common/bg-dark-grey-grad.jpg) repeat-x bottom left;
}

.purchase-summary table {
	color: #1c1c1c;
	float: right;
	margin: 20px 170px 20px 0;
}

.purchase-summary table th, .purchase-summary table td 	{ text-align: right; line-height: 1em; font-weight: bold; }
.purchase-summary table th 								{ font-size: 12px; padding: 0 100px 5px 0; }
.purchase-summary table td 								{ font-size: 14px; padding: 0 0 5px 0; vertical-align: bottom; }

.purchase-summary .total th 		{ font-size: 18px; padding-top: 10px; }
.purchase-summary .total th span 	{ font-size: 11px; font-weight: normal; display: block; }
.purchase-summary .total td 		{ font-size: 26px; font-family: "Helvetica", Arial, Verdana, sans-serif; }

.green-msg, .progress-msg {
	background: #3f9854 url(/Images/interface/common/ind-green-tick.gif) no-repeat 10px 12px;
	color: #FFF;
	padding: 6px 10px 6px 30px;
	font-size: 12px;
	position: relative;
	margin-left: 17px;
	zoom: 1;
	display: inline-block;
	width: 180px;
	font-weight: bold;
}

.green-msg span, .progress-msg span {
	display: block;
	width: 7px;
	height: 14px;
	background: url(/Images/interface/common/ind-green-msg.gif) no-repeat;
	position: absolute;
	top: 7px;
	left: -7px;
}

#discount-savings{
	padding: 6px 10px 6px 30px;
	font-size: 12px;
	zoom: 1;
	display: inline-block;
	font-weight: bold;
	position: absolute;
	left: 250px;
	top: 0;
}

.progress-msg {
	color: #000000;
	background: none;
	padding: 6px 10px 6px 37px;
	margin-left: 4px;
}

.progress-msg span {
	background: #FFFFFF url(/images/colorbox/loading.gif)  center 0 no-repeat;
	width: 32px;
	height: 32px;
	top: 0px;
	left: 0px;
}

#promo-code-validation{
	height:21px;
	width:500px;
	display:inline-block;
	position: relative;
}

.down { margin: 0; }

.down span {
	background: url(/Images/interface/common/ind-green-msg-down.gif) no-repeat;
	width: 14px;
	height: 7px;
	top: auto;
	bottom: -7px;
	left: 10px;
	zoom: 1;
}
	#ie6 .down span { bottom: -14px; }

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* Matrix ================================================================*/
#matrix {
	position: relative;
	background: url(/Images/interface/hermitage/bg-banner.png) repeat-x bottom left;
}

#matrix-instructions {
	float: right;
	padding: 13px 10px 12px 10px;
	margin: 0px 20px 0 0;
	display: none;
	width: 662px;
	text-align: center;
	font-size:1.1em;
}
#ie6 #matrix-instructions { margin-right: 10px; }
.js-enabled #matrix-instructions { display: block; }

/* Room Types -----------------------------*/
#room-types {
	padding: 0;
}
	.js-enabled #room-types 		{ float: left; width: 258px; padding: 10px 0 0 0; }
	.js-enabled #ie6 #room-types,
	.js-enabled #ie7 #room-types 	{ padding: 5px 0 0 0; }
	.js-enabled #ie8 #room-types 	{ padding: 13px 0 0 0; }
	.js-enabled #room-types.safari 	{ padding: 11px 0 0 0; }

#room-types li {
	list-style: none;
	margin: 0;
	position: relative;
	min-height: 80px;
	border-top: 1px solid #FFF;
	background: #FFF url(/Images/interface/common/bg-grey-grad.jpg) repeat-x bottom left;
}
#room-types li:last-child {
  border-bottom: 1px solid white;
}
	#ie6 #room-types li { height: 80px; }

#room-types li img {
	position: absolute;
	top: 0;
	left: 0;
}

#room-types li h4 {
	margin: 0 5px 0 129px;
	padding: 5px 0 0 0;
	font-weight: bold;
}

#room-types li p.standard-rate {
	font-size: 11px;
	margin: -4px 10px 0 129px;
	color: #333;
}

#room-types li p.msg {
	font-weight: bold;
	font-size: 11px;
	margin: 10px 10px 0 129px;
	display: none;
}
	.js-enabled #room-types li p.msg { display: block; }

#room-types li p.rollover-detail { display: none; }

#room-types .book-room-form {
	position: absolute;
	top: 40px;
	right: 0;
}
	.js-enabled #room-types .book-room-form { display: none; }

#room-types .book-room-form li {
	min-height: 0px;
	margin: 0 !important;
	padding: 0 !important;
	border-top: none;
	background: none;
	float: left;
}

#room-types .book-room-form label 		{ margin: 0 10px 0 0;}
#room-types .book-room-form input 		{ margin: 0 20px 0 0; padding: 2px; width:6em; }
#room-types .book-room-form select 		{ margin: 0 20px 0 0; }
#room-types .book-room-form .submit		{ width: 100px !important; margin: -16px 20px 0 0; }

#matrix-table {
	box-sizing: border-box;
}

/* Date Range -----------------------------*/
#change-date-range { padding: 0 0 11px 21px; position: relative; }

#change-date-range li {
	list-style: none;
	margin: 0 0 5px 0;
	float: left;
	background: none;
	border: none;
	min-height: 1px;
}
	#ie6 #room-types #change-date-range li { height: 1px; }
	#ie6 #room-types #change-date-range li a { zoom: 1; }

#change-date-range a.nav-btn-lrg, #change-date-range a.nav-btn-sml {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#change-date-range label {
	color: #FFF;
	float: left;
	padding: 0 10px 0 5px;
}

#change-date-range select {
	float: left;
	width: 168px
}

#change-date-range #button-cover {
	width: 110px;
	height: 40px;
	background: #1C1C1C url(/Images/interface/hermitage/bg-banner.png) repeat-x 0 -3px;
	position: absolute;
	top: 0;
	left: 20px;
}
#ie6 #change-date-range #button-cover, #ie7 #change-date-range #button-cover {
	background-position: 0 -6px;
}

/* Calendar -------------------------------*/
#calendar {
	float: left;
	background: #999;
	border-left: 1px dashed #5e686b;
	width: 701px; /* 702 + 1px border on left */
	height: 600px;
	position: relative;
	overflow: hidden;
	display: none;
}
	.js-enabled #calendar { display: block; }

#matrix-table {
	background: #d9d9d9;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
}

#matrix-table caption {
	display: none;
}

#matrix-table tfoot th { background: url(/Images/interface/hermitage/bg-banner.png) repeat-x bottom left; }

#matrix-table th {
	text-align: center;
}
#matrix-table td {
	text-align: center;
	background: #FFF url(/Images/interface/common/bg-grey-grad.jpg) repeat-x bottom left;
	border: 1px solid #cecece;
	font-size: 13px;
	font-family: "Helvetica", Arial, Verdana, Sans-serif;
	font-weight: bold;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	color: #879735;
}
	#matrix-table th.weekend 		{ background: #3e3d3b; }
	#matrix-table th.highlighted 	{ background: #f0f0f0; }

	#matrix-table td:hover, #matrix-table td.hover 	{ background: #999; }
	#matrix-table td.selected							{ background: ##AFBF56 !important; color: #FFF; }
	#matrix-table td.start-end							{ background: #c0aa81 !important; color: #FFF !important; }

#matrix-table #month-start th {
	text-align: left;
	padding: 5px 0 5px 5px;
	/*border-left: 1px dashed #aeaeae;*/
	position: relative;
	height: 29px;
}
	#matrix-table #month-start th p {
		position: absolute;
		top: 7px;
		font-size: 12px;
		padding: 0;
		margin: 0;
		font-weight: bold;
	}

#matrix-table td.month-start, #matrix-table th.month-start {
	border-left: 1px dashed #5e686b;
}

#matrix-table th a {
	display: block;
	width: 50px; /* sets width of the cells in the table */
	text-align: center;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	line-height: 1em;
	margin: auto auto;
	padding: 10px 0 10px 0;
	cursor: default;
}
	#matrix-table th a span { font-size: 10px; display: block; color: #a4acad; text-transform: uppercase; }

#matrix-table td.not-available,
#matrix-table td.sold,
#matrix-table td.not-available:hover,
#matrix-table td.sold:hover {
	color: #afb0b0;
	font-family: Arial, Verdana, Sans-serif;
	cursor: default;
	text-transform: uppercase;
	font-size: 10px;
	background: #FFF url(/Images/interface/common/bg-grey-grad.jpg) repeat-x bottom left;
}

#matrix-table td.deal,
#matrix-table td.hot-deal {

}

#matrix-table td.hot-deal img {
	margin: -20px auto 0 auto;
}
	#ie6 #matrix-table td.hot-deal img, #ie7 #matrix-table td.hot-deal img { margin-top: 0; }
	#matrix-table td.hot-deal:hover {

	}

#matrix-table td.hot-deal .deal-text {
	font-size: 9px;
	text-transform: uppercase;
	display: block;
	margin: 0 0 -16px 0;
	color: #8ca7ad;
}
	#ie6 #matrix-table td.hot-deal .deal-text, #ie7 #matrix-table td.hot-deal .deal-text { margin: 0 0 6px 0; }
	#matrix-table td.selected .deal-text, #matrix-table td.start-end .deal-text { display: none; }

#matrix-table .av { display: none; }

#matrix-table .range-ind {
	display: block;
	color: #413a20;
	font-family: Arial, Verdana, Sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: -16px;
}

/* Feedback Messages ----------------------*/
#calendar #feedback {
	position: absolute;
	top: 150px;
	left: 50px;
	background: #FFF;
	padding: 12px 20px 15px 20px;
	width: 250px;
	display: none;
}
	#calendar #feedback span {
		display: block;
		width: 13px;
		height: 25px;
		position: absolute;
		top: 40%;
		left: -13px;
		zoom: 1;
	}
	#calendar #feedback.reverse-feedback span {
		left: auto;
		right: -13px;
	}

	#calendar #feedback h5, #calendar #selection-summary h5 	{ font-size: 18px; font-family: Arial, Verdana, sans-serif; margin: 0 0 0 0; color: #6d6d68; font-weight: bold; }
	#calendar #feedback.bad-feedback h5							{ color: #c20000; }
	#calendar #feedback p 										{ margin: 0; color: #1c1c1c; font-size: 13px; }
	#calendar #feedback a 										{ margin: 5px 0 0 0; }

/* Rollover Detail ------------------------*/
#calendar #display-rollover-detail {
	background: #FFF;
	border: 1px solid #6d6d68;
	padding: 5px;
	color: #000;
	position: absolute;
	top: 200px;
	left: 100px;
	max-width: 300px;
	display: none;
}

#calendar #display-rollover-detail p { margin: 0; padding: 0; font-size: 11px; }

/* Selection Summary ----------------------*/
#calendar #selection-summary {
	position: absolute;
	top: 150px;
	left: 50px;
	background: #FFF;
	padding: 7px 10px 8px 10px;
	text-align: center;
	display: none;
	width: 300px;
}

	#calendar #selection-summary span.ind {
		display: block;
		width: 24px;
		height: 13px;
		position: absolute;
		top: -13px;
		left: 45%;
	}
	#calendar #selection-summary.reverse span.ind {
		top: auto;
		bottom: -13px;
	}

	#calendar #selection-summary h5					{ text-align: center; }
	#calendar #selection-summary p 					{ margin: 0; font-size: 13px; color: #1c1c1c; text-align: center; }
	#calendar #selection-summary p.date-summary 	{ margin: 0; }

	#calendar #selection-summary .calculated-price {
		margin-top: 10px;
	}
		#ie6 #calendar #selection-summary .calculated-price { padding: 0 0 8px 0; }

	#calendar #selection-summary .calculated-price fieldset {
		float: left;
		margin-top: 5px;
	}
		#ie6 #calendar #selection-summary .calculated-price fieldset { margin-top: 3px; }

	#calendar #selection-summary .calculated-price fieldset option.sold { color: #999; }

	#calendar #selection-summary .calculated-price p {
		font-size: 13px;
		margin: 3px 0 10px 5px;
		float: left;
		padding-bottom: 4px;
	}
	#calendar #selection-summary .calculated-price .big-number {
		font-size: 22px;
		color: #1c1c1c;
	}
	#calendar #selection-summary .btn {
		float: left;
	}

#calendar #selection-summary .availability-message {
	font-size: 11px;
	color: #999;
	margin: 0 0 5px 0;
}
	#ie7 #calendar #selection-summary .availability-message { padding-top: 10px; }

#calendar #selection-summary .buttons {
	width: 250px;
	margin: auto auto;
}

#calendar #selection-summary .buttons a {
	font-weight: bold;
}

/* Matrix Loader --------------------------*/
#matrix-loader {
	/*background: #1c1c1c;*/
	position: absolute;
	top: 2px;
	left: 0px;
	z-index: 10;
}
#webkit #matrix-loader { top: 6px; }
#ie7 #matrix-loader { top: 7px; }
#ie8 #matrix-loader { top: 12px; }
#matrix-loader p {
	margin: 64px 0 0 26px;
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	background: #FFF url(/Images/colorbox/loading.gif) no-repeat 15px 0;
	padding: 7px 0 7px 50px;
	width: 159px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
	#ie6 #matrix-loader p { margin: 66px 0 0 26px; width: 156px; }

/* Matrix Detail Popups -------------------*/
#cboxTitle, #cboxClose { display: none !important; }
#cboxLoadedContent 		{ margin: 0 !important; /*background: url(/Images/interface/common/bg-grey-grad.jpg) repeat-x bottom left;*/ }

.matrix-detail {
	width: 920px;
	position: relative;
	padding: 20px;
}

.matrix-detail .lb-close { float: right; margin: -5px 5px 0 0; display: none; }
.js-enabled .matrix-detail .lb-close  { display: block; }

.matrix-detail .thumb {
	position: absolute;
	top: 18px;
	left: 18px;
}

.matrix-detail h4 {
	margin: -5px 5px 0 129px;
	padding: 0 0 0 0;
	font-weight: bold;
	color: #6d6d68;
}

.matrix-detail .subtitle {
	margin: 0 5px 58px 129px;
	font-size: 11px;
	color: #333;
}
	.package-detail .subtitle { margin: 20px 5px 38px 129px; }

.matrix-detail .number {
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
}

.matrix-detail .description			{ width: 250px; float: left; margin: 0 0 0 0; }
.package-detail .description		{ width: auto; float: none; }
.matrix-detail .description p 		{ color: #333; font-size:1.2em; }
.matrix-detail .package-features 	{ margin: 0 0 20px 0 }
.matrix-detail .description li 		{
	font-size: 12px;
	color: #333;
	list-style: square;
	margin: 0 0 0 15px;
}
.matrix-detail .description .list-title {
	margin-bottom: 0 !important;
	font-weight: bold;

}

.matrix-detail .features		{ width: 200px; float: left; margin: 0 0 0 20px; }
.matrix-detail .features li 	{
	list-style: none;
	margin-left: 0;
	padding: 2px 0 3px 40px;
	width: 160px;
	border-bottom: 1px dashed #c4c4c4;
	font-size: 11px;
	color: #777;
}
	.matrix-detail .features li				{ background: url(/Images/interface/hermitage/ico-features-white.png) no-repeat; }
	.matrix-detail .features li.bath 		{ background-position: 2px -62px; }
	.matrix-detail .features li.shower 	    { background-position: 2px -1255px;  }
	.matrix-detail .features li.beds 		{ background-position: 2px -214px; }
	.matrix-detail .features li.binoculars 	{ background-position: 2px -303px; }
	.matrix-detail .features li.coffee 		{ background-position: 2px -403px; }
	.matrix-detail .features li.fridge		{ background-position: 2px -1087px; }
	.matrix-detail .features li.kitchen		{ background-position: 2px -707px; }
	.matrix-detail .features li.guests 		{ background-position: 2px -615px; }
	.matrix-detail .features li.fiveguests 	{ background-position: 2px -511px;  }
	.matrix-detail .features li.phone 		{ background-position: 5px -996px; }
	.matrix-detail .features li.safe 		{ background-position: 2px -1179px; }
	.matrix-detail .features li.tv 			{ background-position: 2px -1337px; }
	.matrix-detail .features li.aircon		{ background-position: 2px -1480px;  }
	.matrix-detail .features li.bathrobes 	{ background-position: 2px -144px;  }
	.matrix-detail .features li.minibar 	{ background-position: 2px -802px;  }
	.matrix-detail .features li.view 		{ background-position: 2px -1417px;  }
	.matrix-detail .features li.patio 		{ background-position: 2px -903px;  }
	.matrix-detail .features li.balcony 	{ background-position: 2px 0;  }

/* Rooms & Activities summary ============================================*/
.room {
	margin: 0;
	border-bottom: 1px dashed #91a7ad;
}

.room .summary {
	background: #e6e8e8 url(/Images/interface/common/bg-dark-grey-grad.jpg) repeat-x bottom left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}
	#ie6 .room .summary,
	#ie7 .room .summary, #ie7 .room { zoom: 1; }

.room h3 { padding: 10px 20px 0 20px; margin: 0; }

.room .glacier-none-selected { margin: 0; padding: 20px 20px 0 20px; font-weight: bold; }

.room .abstract {
	font-weight: bold;
	color: #000;
	font-size: 12px;
	margin: 0 20px 20px 20px;
}

.summary .summary-item	{ margin: 5px 0 0 0; padding: 0 20px 0 20px; }
.summary-item 			{ margin: 5px 0 0 0; padding: 3px 20px 14px 20px; }

.summary-item h4 {
	float: left;
	width: 100px;
	color: #333;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}

.price-summary {
	position: absolute;
	bottom: 19px;
	right: 170px;
	color: #000;
	font-size: 11px;
}

.price-summary th { font-weight: normal; padding-right: 10px; }

.price-summary td {
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	line-height: 1em;
}

.price-summary .sub-total th, .price-summary .sub-total td 	{ font-weight: bold; }
.price-summary .sub-total td 								{ font-size: 14px; }

.summary-actions {
	position: absolute;
	bottom: 16px;
	right: 15px;
}

.summary-actions .btn, .summary-actions .sml-submit { float: left; }
#ie6 .summary-actions .btn, .summary-actions .sml-submit { margin-left: 5px; }

/* Activities Listing ====================================================*/
.activities-listing li {
	list-style: none;
	margin: 0;
	position: relative;
	min-height: 80px;
	border-top: 1px solid #FFF;
	background: #eeeeeb url(/Images/interface/common/bg-brown-grad.png) repeat-x bottom left;
	padding-bottom: 10px;
}
	#ie6 #room-types li 							{ height: 80px; }
	.js-enabled .activities-listing li.js-hidden 	{ display: none; }

.activities-listing li img {
	position: absolute;
	top: 0;
	left: 0;
}

.activities-listing li h4 {
	margin: 0 8px 0 139px;
	padding: 10px 0 0 0;
	font-weight: bold;
}

.activities-listing li p {
/*	color: #1c1c1c;*/
	margin: 0 5px 10px 139px;
	width: 650px;
	line-height: 1.3em;
}

.activities-listing li .price {
	/*float: right;*/
	margin: 26px 20px 0 20px;
	position: absolute;
	top: 0;
	right: 0;
}

.activities-listing li .price p {
	width: auto;
	margin: 0;
}

.activities-listing li .price p.small { text-align: right; padding-top: 5px; }

.activities-listing li .number {
	font-family: "Helvetica", Arial, Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	width: 130px;
}

/* Activities Detail =====================================================*/
.activity .summary {
	background: #FFF url(/Images/interface/common/bg-grey-grad.jpg) repeat-x bottom left;
	border-top: 1px solid #FFF;
}

.activity .slideshow {
	margin: 0 0 0 20px;
}

.activity .summary h3 {
	padding: 10px 20px 0 20px;
	margin: 0;
}

/*.activity p 				{ color: #1c1c1c; }*/
.activity .summary p 		{ padding: 0 20px 0 20px; }
.activity .summary p.intro 	{ font-size: 13px; }

.activity .details {
	margin: 0 20px 0 20px;
	padding: 20px 0 13px 0;
	border-bottom: 1px dashed #91a7ad;
	position: relative;
}

.activity .details p { margin-bottom: 10px; }

.activity .abstract {
	padding: 20px 20px 10px 20px;
}

.activity .abstract .col {
	width: 400px;
	float: left;
	margin: 0 20px 20px 0;
	border-right: 1px dashed #91a7ad;
}

.activity .abstract .col li {
	list-style: square;
	margin-left: 15px;
	font-size: 12px;
	color: #1c1c1c;
}
/* Agents Page ===========================================================*/
#agent {
	/*background: #ccc;*/
	width: 422px;
	padding: 20px;
}

#agent li { zoom: 1; }

#agent h2 {
	font-size: 18px;
	color: #6d6d68;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}

#agent h4 {
	font-size: 1.1em;
	color: #000;
	font-weight: bold;
	margin-top: 50px;
}

/*#agent p 			{ color: #1c1c1c; }*/
#agent .section 	{ padding: 0 0 0 0; margin: 0 0 20px 0; }
#agent input 		{ width: 270px; }
#ie6 #agent input 	{ width: 260px; }
#agent .item-holder { width: 270px; }

#agent .checkbox-label {
	width: auto;
	float: left;
	font-weight: normal;
	padding: 0 30px 0 10px;
}

#ie6 #agent .checkbox-label, #ie7 #agent .checkbox-label { padding-top: 4px; }

#agent .buttons { clear: both; padding: 10px 0 0 0;}

#ie6 #agent .buttons, #ie7 #agent .buttons { *display: inline; /* '*' needed so IE8 doesn't get rule*/}

#agent .buttons .btn, #agent .buttons .submit {
	float: left;
	margin-right: 5px;
}

#agent .buttons .submit { width: 150px !important; }

#agent label { font-size: 12px; }

/* Booking Confirmation Page =============================================*/

.btn-print {
	/*width: 110px !important;
	margin-right: 0 !important;
	padding-left: 10px !important;*/
	text-align: left !important;
}
#ie6 .btn-print span,
#ie7 .btn-print span { width: 80px !important; text-align: left; }

.btn-print .print-img {
	/*position: absolute;
	top: 9px;
	right: 10px;*/
	float: right;
}

#ie6 .btn-print .print-img ,
#ie7 .btn-print .print-img {
	position: absolute;
	top: 5px;
	right: 0px;
}

.btn-print span {
	padding-left:20px !important;
	padding-right:15px !important;
}

.booked-abstract {
	background: #E6E8E8 url(/Images/interface/common/bg-dark-grey-grad.jpg) repeat-x bottom left;
	padding: 20px 20px 0 20px;
}

/*.booked-abstract p 			{ color: #1c1c1c; }*/
.booked-abstract .green-msg { margin: 0 0 20px 0; }

.booked-guest {
	padding: 0 20px 20px 20px;
	border-bottom: 1px dashed #8da3a9;
}

.booked-guest h4, .booked-room-activity h4, .booked-summary h4 {
	width: 100px;
	margin: 0 10px 0 0;
	clear: both;
	float: left;
	font-size: 12px;
	color: #1c1c1c;
	font-weight: bold;
}

.booked-summary-termsconditions h4 {
	width: 100px;
	margin-bottom: 10px;
	clear: both;
	font-size: 12px;
	color: #1c1c1c;
	font-weight: bold;
}

.booked-summary h4 {
	margin-bottom: 10px;
}

.booked-guest .col, .booked-room-activity .col, .booked-summary .col {
	width: 350px;
	margin: 0 10px 0 0;
	float: left;
	font-size: 12px;
	color: #1c1c1c;
}

.booked-guest p {
	font-size: 11px;
/*	color: #1c1c1c;*/
	padding: 20px 0 0 0;
}

.booked-guest .number {
	font-size: 14px;
	width: 550px;
}

.booked-guest span { display: block; }

.booked-guest .guest-name 		{ font-weight: bold; font-size: 14px; padding: 0 0 10px 0; }
.booked-guest .phone-number 	{ padding: 0 0 10px 0; }
.booked-guest .arrival-time		{ padding: 0 0 10px 0; }

.booked-room-activity {
	padding: 0 20px 20px 20px;
	border-bottom: 1px dashed #8da3a9;
	position: relative;
}

.booked-room-activity h3 {
	margin-top: 20px;
}

.booked-room-activity .abstract {
	color: #1c1c1c;
	font-weight: bold;
}

.booked-room-activity h4 {
	font-size: 11px;
	line-height: 1.1em;
}

.booked-room-activity .col {
	width: 570px;
	line-height: 1.1em;
	margin-bottom: 5px;
}

.booked-room-activity .price-summary {
	top: 40px;
	right: 40px;
}

.booked-summary {
	padding: 20px 20px 45px 20px;
	position: relative;
	border-bottom: 1px dashed #8da3a9;
}

.booked-summary .col {
	margin-bottom: 7px;
}

.booked-summary .purchase-summary {
	background: none;
	position: absolute;
	top: 19px;
	right: 20px;
}

.booked-summary .purchase-summary table {
	margin: 0 20px 0 0;
}

.booked-summary-termsconditions {
	padding: 20px;
	position: relative;
}

.participant span { display: block; padding: 0 0 10px 0;}

/* Feature Rotator =============================================*/
.rotator {
	position: relative;
	height: 287px;
}
.rotator--small {
	width: 470px;
	height: 216px;
}
.rotator-content {
	overflow: hidden;
}
.rotator-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 630px;
	height: 287px;
}
.rotator-item.is-selected {
	display: block;
}
.rotator--small .rotator-item {
	width: 470px;
	height: 216px;
}
.rotator img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.rotator-btn {
	display: block;
	position: absolute;
	top: 121px;
	z-index: 2;
	width: 22px;
	height: 45px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(/images/interface/main-site/btn-rotator.png) no-repeat 0 0;
}
.rotator--small .rotator-btn {
	top: 85px;
}
.rotator-next {
	right: 0;
}
.rotator-previous {
	left: 0;
	background-position: -23px 0;
}

/* Promotional Tiles =============================================*/
#promo-tiles {
	position: absolute;
	top: 33px;
	right: 0;
}

#ie6 #promo-tiles { right: 20px; }

#promo-tiles img { float: left; margin-left: 8px; }

/* Error Pages =============================================*/
.error-page {
	padding: 6px 0 30px 20px;
}

.error-page h2 {
	color: #333;
	padding: 6px 0 10px 0;
}

.error-page ul li {
	font-size: 12px;
	color: #1C1C1C;
	margin-left: 14px;
}


/* T&C and lightbox stuff =============================================*/
.terms-box .lb-close,
.terms-box h4 { display: none; }
.js-enabled .terms-box .lb-close,
.js-enabled .terms-box h4 { display: none; }
.tnc-body, #cboxLoadedContent .guests-details-form .tnc-body
{
	height:100px;
	overflow:auto;
	border:solid 1px #ccc;
	padding:10px;
	width:auto;
	clear: both;
}

.js-enabled .terms-box .lb-close { cursor: pointer; }

#cboxLoadedContent .tnc-body {
	width: 600px;
	height: 220px;
}

#updating img { display: inline; vertical-align: middle; line-height:54px; }
#updating p { font-weight: bold; color:#6d6d68; font-size: 140%;  display: inline; vertical-align: middle; line-height:54px; }

/* *08: *Print Styles ----------------------------------------------------------------------------------------------------------*/
@media print {

	/* Util Classes ----------------------------------------------------------------------------------------------------------*/

	.print-only				{ display:block; }


	/* Typography, Colour ----------------------------------------------------------------------------------------------------*/

	body { background-color: #FFF; }

	body,
	.form ol li p,
	.form ol li label,
	h1, h2, h3, h4, h5, p,
	p.image-caption,
	p.required-note,
	p.contact, p.contact span {
		color: #000;
	}

	p.required-note span,
	.form ol li label em, form ol li p em {
		color: #F00;
	}

	a,
	.form .instructions a {
		color: #585854;
		text-decoration: underline;
	}


	/* Structure -------------------------------------------------------------------------------------------------------------*/

	#master,
	fieldset.form,
	#map-holder.homepage {
		background-color: #FFF;
		background-image: none;
	}

	#header,
	#footer,
	#sidebar,
	#main-nav,
	#footer-pods,
	#secondary-nav,
	#main-col #rotator,
	#featured-quotes-facts {
		display:none;
	}

	#page {
		width:100%;
	}

	/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

	#step-indicator,
	.banner .btn {
		display:none;
	}

	#step-indicator ul {
		position: relative;
		overflow:hidden;
		top:0;
		right:auto;
	}

	#step-indicator li {
		margin-right:10px;
	}

	.body-text .comment blockquote div.large-quote { background-image: none; }

	p.image-caption { background-color: #FFF; }

	div.video,
	ul.downloads { display: none; }

	/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

	#featured-pod, #blog,
	div.pagination, div.filter,
	.homepage-pods .right-back,
	.homepage-pods .center-back,
	.homepage-pods .left-back,
	.page-child-pods .right-back,
	.page-child-pods .center-back,
	.page-child-pods .left-back,
	ul.level-1 li a {
		background-color: #FFF;
		background-image: none;
	}

	.body-text table th {
		background-color: #DEDEDE;
		color: #000;
	}

	.body-text table td {
		border-color: #DEDEDE;
	}

	#step-indicator,
	.booked-abstract,
	.booked-guest,
	.booked-room-activity,
	.booked-summary {
		padding-right:0;
		padding-left:0;
	}

	.booked-abstract h4,
	.booked-guest h4,
	.booked-room-activity h4,
	.booked-summary h4 {
		width:15%;
		clear:left;
	}

	#ie.booked-abstract h4,
	.booked-guest h4,
	.booked-room-activity h4,
	.booked-summary h4 {
		width:15%;
		clear:left;
		margin-right:1%;
	}

	.booked-abstract .green-msg {
		background:none;
		padding:0;
	}

	.booked-guest .col {
		margin-right:0;
		width:40%;
	}

	.booked-guest .number {
		margin-right:0;
		width:80%;
	}


	.booked-room-activity .col {
		margin-right:0;
		margin-left:16%;
		width:60%;
		float:none;
	}

	.booked-room-activity .price-summary{
		position:static;
		top:auto;
		right:auto;
		float:right;
	}

	.booked-summary .purchase-summary {
		position:static;
		top:auto;
		right:auto;
		float:right;
		width:43%;
	}

	.booked-summary .col {
		margin-right:0;
		width:35%;
	}

	.booked-summary .purchase-summary table {
		margin-right:0;
	}

	.purchase-summary table th {
		padding-right:30px;
	}

	#start-over, #make-another { display: none; }

	#breadcrumbs {
		padding-left: 20px;
	}

	#breadcrumbs span {
		font-size:15px;
	}

}
.visuallyhidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px; width: 1px;
	margin: -1px; padding: 0; border: 0;
}