/*  
File Info: Hermitage Booking Engine - Hermitage specific CSS

See Default.css in same folder for core styles

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

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

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

Modifier styles for site skin. No structural Code should be included here

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

Numbers start at 3 to match core stylesheet
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/
p { color: #1c1c1c; }
#ie6 .btn,#ie6 td.hot-deal span, #ie6 .datepicker-launch, #ie6 #change-date-range a { behavior: url(/js/iepngfix.htc) }

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
#master {
	background: white;
	color: #1c1c1c;
}

#page {
	background: #fff;
	z-index: 2;
	position: relative;
}

#footer {
	z-index: 1;
	position: relative;
	margin: -50px 0 0 0;
	padding: 290px 0 10px 0;
	background: #000 url(/images/interface/hermitage/bg-footer.jpg) no-repeat;
	background-size: contain;	
}

#footer-links {
	/* background: #0e0e0e url(/images/interface/hermitage/bg-footer-logos.jpg) repeat-x; */
}

#phone-numbers p {
	color: #6e8f98;
	font-family: Georgia, Times New Roman, Times, serif;
}

#phone-numbers{
	top: -70px;
	right: 20px;
}

#phone-numbers span {
	color: #FFF;
	font-size: 18px;
}

#phone-numbers p {
	margin-bottom: 5px;
}

#phone-numbers span.small {
	font-size: 14px !important;
}

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

/* Buttons =============================================================*/
.btn, .submit {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #FFF;
	padding-right: 5px;
	position: relative;
}

.btn-lrg, .submit {
	background: url(/images/interface/hermitage/btn-33deep.png) no-repeat right -43px;
	height: 34px;
	width: 80px;
	font-size: 13px;
	text-align: center;
	padding-top: 11px;
	color: #ffffff;
}
.btn-lrg:hover, .submit:hover {
	color: #ffffff;
}
.btn-lrg.sec,
.submit.sec { 
	border-left:1px solid #c0b39a;
	color:#a3854e;
	background: url(/images/interface/hermitage/btn-33deep-sec.png) no-repeat right -48px;
}
.btn-lrg.sec:hover, .submit.sec:hover { 
	border-left:1px solid #816736;
	background-position:right -5px;
}

#ie6 #feedback .btn-lrg, #ie6 #feedback .submit { background: url(/images/interface/hermitage/btn-33deep.gif) no-repeat bottom right; }
	
.btn-sml, .sml-submit {
	font-family: Arial, Verdana, sans-serif;
	background: url(/images/interface/hermitage/btn-23deep.png) no-repeat bottom right;
	height: 25px;
	width: 70px;
	font-size: 11px;
	text-align: center;
	padding-top: 8px;
}
.btn-sml:hover, .sml-submit:hover {
	color: #ffffff;
}
.btn-lrg.sec {
	height:27px; 
	padding-top:6px;
}
.btn-sml.sec,
.sml-submit.sec { 
	border-left:1px solid #b0a48d;
	color:#a3854e;
	background: url(/images/interface/hermitage/btn-23deep-sec.png) no-repeat right -38px;
}
.btn-sml.sec:hover,
.sml-submit.sec:hover { 
	border-left:1px solid #816736;
	background-position:right -5px;
}

.btn-next, .btn-prev {
	padding: 0;
	width: 35px;
	height: 35px;
}

.btn-next {
	background: url(/images/interface/hermitage/btn-next-prev.png) no-repeat bottom right;
}

.btn-prev {
	background: url(/images/interface/hermitage/btn-next-prev.png) no-repeat bottom left;
}

/*.submit {
	width: 200px !important;
	padding: 0 !important;
	height: 43px;
}
	.submit:hover { background-position: 100% 0; }*/

/* Misc layout extras ==================================================*/
.tag-text {
	background: #6d8f98;
}
	.tag-text span 	{ background: url(/images/interface/hermitage/ind-tag-text-left.gif) no-repeat; }
	.tag-right span { background: url(/images/interface/hermitage/ind-tag-text-right.gif) no-repeat; }

/* Header ==============================================================*/
#context-logo { 
	background: url(/images/interface/hermitage/hdg-header.jpg) no-repeat;
	height: 140px;
	position: relative;
}

#context-logo a{ 
	height: 87px;
	width: 165px;
	position: absolute;
	top: 25px;
	left: 30px;
}

#launch-travel-agent {
	top: 76px;
	right: 19px;
	color: #ccaa6a;
	font-family: Clarendon, Georgia, Times New Roman, Times, serif;
	font-size: 15px;
}
	#launch-travel-agent a { color: #ccaa6a; text-align: right; }

/* Page ================================================================*/	
#step-indicator {
	padding: 22px 19px 0 19px;
	border-bottom: 1px dashed #adbbbf;
	margin: 0 0 2px 0;
}

#step-indicator ul {
	top: 35px;
	right: 0px;
}

#step-indicator li {
	color: #b5b5b5;
	padding-right: 25px;
	margin-right: 40px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
}
	#step-indicator li.selected {
		color: #63828a;
		background: url(/images/interface/hermitage/ind-selected-step.gif) no-repeat right 8px;
	}
	
.banner {
	background: #5e7a82 url(/images/interface/hermitage/bg-banner.jpg) repeat-x bottom left;
}

.banner h2 a {
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	padding-left: 18px;
}
.lrg-banner h2 { padding-top: 13px; padding-bottom: 15px; }

.banner h2 .small { color: #c4c8c9; padding: 0; font-family: Arial, Verdana, sans-serif; position: absolute; top: 16px; left: 309px; }

.banner .item-summary {
	color: #c4c8c9;
	font-size: 14px;
	font-weight: bold;
	margin: 17px 0 0 0;
}
	.banner .item-summary strong { color: #FFF; }
	.banner .item-summary .small { font-size: 12px !important; font-weight: bold; font-family:"Helvetica",Arial,Verdana,sans-serif; }
	
.banner .btn, .banner .submit {
	float: right;
	margin: 7px 15px -2px 20px;
}

.banner .btn-sml {
	float: none;
	position: absolute;
	top: 5px;
	left: 200px;
}

.accordian-list h5 { color: #aa3854; }
.accordian-list h6 { color: #6d8f98; }

/* Slideshow ------------------------------*/
.slideshow .next-img {	background: url(/images/interface/hermitage/btn-next-prev.png) no-repeat bottom right; }
.slideshow .prev-img {	background: url(/images/interface/hermitage/btn-next-prev.png) no-repeat bottom left; }

.slideshow .next-img:hover { background-position: 100% 0; }
.slideshow .prev-img:hover { background-position: 0 0; }

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

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/
/* Matrix ================================================================*/
#matrix-instructions {
	background: #FFF url(/images/interface/hermitage/bg-matrix-instructions.gif) no-repeat top right;
	color: #FFF;
}

#matrix .banner 				{ background: #5e7a82; }
#matrix .banner h2 				{ padding: 12px 0 10px 26px; }

#room-types 										{ background: #1c1c1c url(/images/interface/hermitage/bg-banner.jpg) repeat-x top left; }
#matrix-table 										{ background: #1c1c1c url(/images/interface/hermitage/bg-banner.jpg) repeat-x top left; }
#matrix-table td:hover, #matrix-table td.hover 	{ background: #efeade; color: #a88a52; }
#matrix-table td.selected							{ background: #bb9c63 !important; color: #FFF; }
#matrix-table td.start-end							{ background: #a88d58 !important; color: #FFF !important; }
#matrix-table #month-start th p						{ color: #FFF;}
#calendar 	 										{ background: #3b464a url(/images/interface/hermitage/bg-banner.jpg) repeat-x top left; }
#calendar #feedback 								{ border: 1px solid #1c1c1c; }
#calendar #feedback span 							{ background: url(/images/interface/hermitage/ind-feedback-left.gif) no-repeat; }
#calendar #feedback.reverse-feedback span 			{ background: url(/images/interface/hermitage/ind-feedback-right.gif) no-repeat; }
#calendar #selection-summary 						{ border: 1px solid #1c1c1c; }
#calendar #selection-summary span.ind 				{ background: url(/images/interface/hermitage/ind-feedback-top.gif) no-repeat; }
#calendar #selection-summary.reverse span.ind 		{ background: url(/images/interface/hermitage/ind-feedback-bot.gif) no-repeat; }

#change-date-range a.nav-btn-lrg, #change-date-range a.nav-btn-sml 	{ height: 38px; }
#change-date-range a.nav-btn-lrg 									{ width: 69px; }
#change-date-range a.nav-btn-sml 									{ width: 39px; }
#change-date-range #back7 											{ background: url(/images/interface/hermitage/btn-7days-left.png) no-repeat bottom left; }
#change-date-range #back1 											{ background: url(/images/interface/hermitage/btn-1day-left.png) no-repeat bottom left; }
#change-date-range #fwd7 											{ background: url(/images/interface/hermitage/btn-7days-right.png) no-repeat bottom left; }
#change-date-range #fwd1 											{ background: url(/images/interface/hermitage/btn-1day-right.png) no-repeat bottom left; }
#change-date-range a:hover 											{ background-position: top left !important; }

/* Accordian Lists ==============================================*/
.accordian-list h5 a { background: url(/images/interface/hermitage/bg-accordian-list-title.jpg) no-repeat bottom left; }

/* Datepicker customisation ==============================================*/
.datepicker-launch 													{ background: url(/images/interface/hermitage/bg-datepicker.png) no-repeat; }
.datepickerContainer 												{ padding: 5px; }
div.datepicker thead tr 											{ background: #c3ad84 url(/images/interface/hermitage/bg-datepicker.jpg) repeat-x bottom left; }
div.datepicker thead a, div.datepicker thead a:hover				{ background: none !important; }
div.datepicker thead tr.datepickerDoW 								{ background: none; color: #1c1c1c; }
div.datepicker thead tr.datepickerDoW th, div.datepicker thead tr.datepickerDoW td { color: #1c1c1c; }
/*.datepickerWeek { display: none; }*/
.datepickerGoPrev *, .datepickerMonth *, .datepickerGoNext * 		{ color: #FFF !important; }
div.datepicker table td { 
	border: 1px solid #e2e5e5 !important;
	text-align: center !important;
	font-size: 12px !important;
}

div.datepicker a { 
	font-size: 12px !important; 
	color: #a3854e !important;
	background: #feffff url(/images/interface/hermitage/bg-datepicker-cell.jpg) repeat-x bottom left !important;
	padding: 2px;
	cursor: pointer !important;
}
div.datepicker a:hover { 
	color: #FFF !important; 
	background: #a3854e !important; 
}

div.datepicker .datepickerSelected a		{ background: #a3854e !important; color: #FFF !important; }

div.datepicker * 			{ font-family: Arial,Verdana,sans-serif; font-weight: bold; }
td.datepickerNotInMonth a 	{ color: #b5b6b6 !important; }


#start-over .submit { color: #a3854e; }

/* package booking ===========================================*/
.package-booking form { display: inline-block; }
.package-booking .summary-item { padding-left: 0; }
.package-booking .item-content { width: auto; }
.package-booking input { clear: left; }

/* payment details summary ===========================================*/
div.paymentdetailssummary div.row p.paymentinfo
{
    color: #000000;
}

div.paymentdetailssummary div.row p.big-number {
    color: #000000;
    width: 200px;
}

.promo-narrow {
	width: 215px;
	margin: 0 auto 20px;
}
.promo-narrow iframe {
	width: 215px;
	height: 450px;
}
.promo-iframe {
	width: 300px;
	height: 250px;
	margin: 0 auto;
    margin-bottom: 30px;
}