@charset "utf-8";
@import url('http://lib.myharmony.co.uk/css/reset.css'); /* Delete this and die */

/* -------------------------------------- 
Zizz Hotels
Redesign by Harmony Internet Ltd 
http://www.harmony.co.uk/
SN & KD
---------------------------------------- */

body {

	background-image : 		url(../images/wallpaper-gradient.png);
	background-repeat : 	repeat-y;
	background-color : 		#964b8c;
	
	
	font-family : 			Verdana, Arial, Sans-Serif;
	font-size : 			12px;
}

#bodywrap {
	background-image : 		url(../images/wallpaper-overlay.png);
	background-repeat : 	repeat;
}

/* Many items need centering on the browser */
.auto {
	margin-left : 			auto;
	margin-right : 			auto;
}

/* SEO Brand name */
h1 {
	position : 				absolute;
	left : 					-9999px;
}

/* Page titles */
h2 {
	font-size :				20px;
	font-weight :			normal;
	font-style :			italic;
	line-height :			150%;
}

/* Subtitles and leading lines */
h3 {
	font-weight :			bold;
	font-size :				14px;
	line-height :			120%;
	margin-top :			10px;
}

.base-attention h3 {
	margin-top : 			0px;
}

p {
	line-height :			120%;
	margin-top :			10px;
	margin-bottom :			10px;
	text-align : 			justify;
}

#internal-content ul {
	margin-top :			10px;
	margin-bottom :			10px;
	margin-left : 			20px;
}

#internal-content ul li {
	list-style-type : 		disc;
	line-height :			120%;
}

#internal-content a, 
#internal-content a:link, 
#internal-content a:visited, 
#internal-content a:hover, 
#internal-content a:active {
	color :					#6c326f;
} 

/* --------------------------------------------------------- */
/* Feature Box */
/* --------------------------------------------------------- */

#featwrap {
	padding-top : 			40px;
	padding-bottom : 		20px;
}

#feattop, #featbase {
	width : 				920px;
}

#feature {
	background-image : 		url(../images/feature-background.png);	
	background-position : 	top right;
	background-repeat : 	repeat-y;	
	height : 				461px;
	width : 				920px;
}

#feature-photo {
	background-image : 		url(../images/feature-photo.jpg); 
	float : 				left;
	height : 				461px;
	margin-left : 			10px;
	width : 				663px; 
}

/* --------------------------------------------------------- */
/* Internal Content Box */
/* --------------------------------------------------------- */

/* This is the left hand wide block */
#internal-content {
	background-color :		#fae2b0;
	border-right : 			2px solid #fbe8c4;
	float : 				left;
	margin-left : 			0px;
	width : 				660px; 
}

/* To ensure indentation on both sides under the header image */
#internal-content p, 
#internal-content h2, 
#internal-content h3, 
#internal-content form, 
#internal-content ul, 
#internal-content ol {
	margin-right : 			20px;
	margin-left : 			20px;
}

#internal-content ol {
	list-style-type : 		decimal;
}

/* This is vertically expanding content unlike the home page */
#feature-internal {
	background-image : 		url(../images/feature-background.png);	
	background-position : 	top right;
	background-repeat : 	repeat-y;
	color :					#6c326f;	
	width : 				920px;
	
}

/* On internal pages, this surrounds the content and navigation*/
#nav-back {
	background-color : 		#f0d292;
	width : 				900px;
}


/* Logo on the internal pages at the top of the page */
#zizz-top-logo {
	position : 				absolute;
	margin-top : 			-40px;
	margin-left : 			-30px;
}

	/* --------------------------------------------------------- */
	/* Navigation stylings */
	/* --------------------------------------------------------- */

	.menu {
		float : 			right;
		line-height : 		180%;
		margin-top : 		30px;
		margin-right : 		20px;
	}
	
	.menu ul {
		margin-top : 		10px;
	}
	
	.menu li {
		color : 			#6c326f;
		border-bottom : 	1px dotted #6c326f;	
	}
	
	.menu li:first-child {
		border-top : 		1px dotted #6c326f;
	}
	
	.menu li#bookonline:first-child {
		border-top : 		0px dotted black;
	}
	
	.menu li#bookonline img {
		margin-left : 		20px;
	}
	
	.menu a, 
	.menu a:link, 
	.menu a:visited, 
	.menu a:hover, 
	.menu a:active {
		color : 			#6c326f;
		text-decoration : 	none;
	}
	
	.menu a:hover {
		color : 			#906882;
	}
	
	.menu h2 {
		color : 			#6c326f;	
		font-size : 		20px;
		font-weight : 		bold;
		margin-top : 		20px;
	}

	/* --------------------------------------------------------- */
	/* Navigation on Homepage */
	/* --------------------------------------------------------- */
	#homenavi {
		margin-top : -10px;
		margin-left : 		-20px;
		}
		
	.menu h2 {
		margin-top : 		10px;
	}
			
	/* Zizz Logo on the home page */
	#zizz-logo {
		position : 			absolute;
		margin-top : 		20px;
		margin-left : 		-200px;
	}
	
	/* --------------------------------------------------------- */
	/* Navigation on Internals for now */
	/* --------------------------------------------------------- */
	#navi {
		margin-left : 		0px;
		}

/* Used on the information pages, where we need 2 cols */
.left-col {
	width : 				49%; 
	float : 				left;
}
.right-col {
	width : 				49%; 
	float : 				right;
}

/* Quote box on the why page */
.quote {
	background-image : 		url(../images/quotes-open.gif);
	background-repeat : 	no-repeat;
	background-position : 	top left;
	margin-left : 			auto; 
	margin-right : 			auto;
	width : 				80%;
}

.quote2 {
	background-image : 		url(../images/quotes-closed.gif);
	background-repeat : 	no-repeat;
	background-position : 	bottom right;	
	margin-top : 			20px;
	margin-bottom : 		20px;
	margin-left : 			20px;
	padding-right : 		20px;
	text-align : 			center;
}

.quotetxt {
	font-style : 			italic;
	font-weight : 			normal;
}

.testimonial {
	font-weight : 			bold;
}

/* --------------------------------------------------------- */
/* Forms */
/* --------------------------------------------------------- */

input.box, textarea.box {
	font-family : 			Verdana;
	margin-top : 			5px;
	margin-bottom : 		5px;
	width : 				250px;
}

input.box:focus, textarea.box:focus {
	border : 				2px solid #964b8c;
}

select.box {
	font-family : 			Verdana;
	margin-top : 			5px;
	margin-bottom : 		5px;
}

fieldset {
	margin-top : 			10px;
	margin-bottom : 		10px;
}

label, legend {
	font-weight : 			bold;
}

legend {
	margin-left : 			-5px;
}

.base-attention {
	background-color : 		#F0D292; 
	border :				1px solid #DFC48B; 
	font-weight :			bold;
	margin-left : 			auto; 
	margin-right : 			auto; 
	padding : 				10px 0px 10px 0px; 
	width : 				95%;
}
.booking-attention {
	background-color : 		#F0D292; 
	border :				1px solid #DFC48B; 
	margin-left : 			auto; 
	margin-right : 			auto; 
	padding : 				10px 0px 10px 0px; 
	width : 				90%;
}

/* --------------------------------------------------------- */
/* Additional Content */
/* --------------------------------------------------------- */
#additional-content {
	margin-bottom : 		20px;
	width : 				900px;	
}

#additional-content p {
	color : 				white;
	font-size : 			80%;	
}

#additional-content p a, 
#additional-content p a:link, 
#additional-content p a:visited, 
#additional-content p a:hover, 
#additional-content p a:active {
	color : 				white;
}

.addressline {
	line-height : 			120%;
	text-align : 			center;
}

/* controls all images in gallery */
img.gallery {
	border : 				1px solid white;
}

/* Cancels out IE underlining */
p.gallery a, 
p.gallery a:link, 
p.gallery a:visited, 
p.gallery a:hover, 
p.gallery a:active {
	text-decoration : 		none;
	border : 				0px solid red;
}


/* --------------------------------------------------------- */
/* Results Page of Booking Search */
/* --------------------------------------------------------- */

/* A result container */
.zizz-result {	
	border : 				1px solid #F0D292;
	margin-bottom : 		10px;
	margin-left : 			auto; 
	margin-right : 			auto; 		
	width : 				95%; 
}
	
/* Result details */			
#internal-content ul.result-detail li {
	float : 				left;
	list-style :			none;
	line-height : 			100%;
	margin-top : 			-10px;
}

/* Lining up the input and image in the details */				
#internal-content ul.result-detail li img, 
#internal-content ul.result-detail li input {
	margin-top : 			10px;
}
	
/* Room description paragraph */			
#internal-content ul.result-detail li p.result-desc {
	font-size : 			11px;
	width : 				220px;
}

.room-confirmation {	
	background-color : 		#FAE2B0;
	border : 				1px solid #F0D292;
	margin-bottom : 		10px;
	margin-left : 			auto; 
	margin-right : 			auto; 	
	padding-bottom :		10px;	
	width : 				95%; 
}

#confirmation-wrap {
	background-color : 		#F0D292;
}

#internal-content .room-confirmation ul li {
	float : right;
	list-style :			none;
}
#internal-content .room-confirmation ul li:first-child {
	float : left;
}

p.total-paid {
	text-align : 			right;
	font-weight : 			bold;
}


/* --------------------------------------------------------- */
/* Footer */
/* --------------------------------------------------------- */
#footer {
	background-image : 		url(../images/footer-background.png);
	background-repeat : 	repeat-x;
	padding-top : 			20px;
}

#footer p {
	color : 				white;
	line-height : 			150%;
	text-align : 			justify;
}

#footer p a, 
#footer p a:link, 
#footer p a:visited, 
#footer p a:hover, 
#footer p a:active {
	color : 				white;
	line-height : 			150%;
}

#footer-content {
	width : 				900px;
	
}

.footer li {
	float : 				left;
	width : 				30%;
	padding-left : 			10px; 
	padding-right : 		10px;
}

.footer li.borders {
	border-left: 			1px solid #906882; 
	border-right : 			1px solid #906882;
}

.subnote {
	font-size : 			85%;
}

.bottomline {
	font-size : 			70%;
}