/*
	This is where styles that apply to all pages go, although there's still a bunch of page-specific
	stuff there that ought to be shifted to their own files, but I'll do that as it becomes needed.
*/

/* ####################################################################### */
/* ########################### HTML TAGS ################################# */
/* ####################################################################### */

html {
	height : 100%;
}

body {
	height : 100%;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color : #b8d4e0;
	margin-top : 0px;
}

H1, H2, H3, H4 {
	margin : 0px;
}

FORM {
	margin : 0px;
}

INPUT, TEXTAREA, OPTION, SELECT {
	font-size : 11px ;
}

A {
	text-decoration : none;
	color : #3a66dd;
}

A:hover {
	text-decoration : underline;
}

/* ####################################################################### */
/* ########################### MISC STUFF ################################ */
/* ####################################################################### */

/* page settings */
.page {
	padding-top : 8px;
	padding-left : 10px;
	padding-right : 10px;
	width : 955px;
	margin-left : auto;
	margin-right : auto;
	overflow : hidden;
	background-color : white;
	color : black;
}

.leftcol {
	width : 661px;
	float : left;
}

/* all-round warning mesages */
.warn {
	font-weight : bold;
	color : red;
}

/* there's advert boxes on a bunch of pages, this says what they look like */
.advertisement {
	margin-top : 10px;
}

.advertisement H1 {
	color : white;
	font-size : 10px;
	text-align : center;
	font-weight : normal;
}

.advertisement IMG {
	border : 0px;
}

/* the "select destination" box appears in a bunch of places too */
.selectdest FORM {
	padding : 10px;
}

/* ditto for the available hotels search box */
.searchavailable FORM {
	padding : 10px;
}

.searchavailable .category, .searchavailable .arrive {
	float : left;
	margin-right : 10px;
}

.searchavailable INPUT, .searchavailable SELECT {
	margin-top : 2px;
	margin-bottom : 8px;
	vertical-align : middle;
}

.subheader {
	background-image : url("images/subheaderbackground.gif");
	background-repeat : no-repeat;
	background-position : 6px 0px;
	font-size : 14px;
	font-weight : normal;
	background-color : #3082af;
	color : white;
	height :21px;
	line-height : 21px;
	padding-left : 25px;
}

/* same with errors */

.error {
	color : red;
	padding : 10px;
}

.error H1 {
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 26px;
}

/* and text search box too */
#textsearchbox form {
	padding : 10px;
}

#textsearchbox input {
	margin-top : 2px;
	margin-bottom : 8px;
	vertical-align : middle;
}

/* ####################################################################### */
/* ########################## HEADER STUFF ############################### */
/* ####################################################################### */

.header {
	background-color : white;
	width : 975px;
	padding-top : 10px;
	margin-left : auto;
	margin-right : auto;
}

.header h1 {
	color : black;
	font-size : 10px;
	font-weight : bold;
	float : left;
	margin-left : 10px;
}

.header .hotline {
	color : black;
	font-size : 12px;
	font-weight : bold;
	float : right;
	padding-right : 10px;
}

.header .addthis {
	margin-top : 15px;
	float : right;
	padding-right : 10px;
}

.header .facebook {
	padding-top : 10px;
}

.header .logo {
	margin-left : 10px;
	margin-bottom : 10px;
}

.header .links {
	background-image : url("images/buttonbarbackground.gif");
	background-color : #3da5de;
	height : 40px;
	margin-left : 10px;
	margin-right : 10px;
}

.header .links a {
	display : block;
	height : 40px;
	float : left;
	font-weight : bold;
	padding-left : 15px;
	padding-right : 15px;
	line-height : 40px;
	color : white;
	border-right : 1px solid #205775;
	border-left : 1px solid #46bdff;
}

.header .links a:hover {
	text-decoration : none;
	background-color : #3da5de;
}

#breadcrumbs {
	background-color : white;
	width : 945px;
	padding : 5px;
	padding-left : 15px;
	padding-right : 15px;
	margin-left : auto;
	margin-right : auto;
	font-weight : bold;
	font-size : 10px;
}

#breadcrumbs a:visited {
	color : #3a66dd;
}

#destinations_dropdown {
	display : none;
	z-index : 100;
	position : absolute;
	background-color : #b8d4e0;
	padding : 10px;
	border-top : 1px solid #46bdff;
	border-left : 1px solid #46bdff;
	border-right : 1px solid #205775;
	border-bottom : 1px solid #205775;
}

#destinations_dropdown td {
	font-size : 10px;
	vertical-align : top;
}

#destinations_dropdown b {
	margin-top : 3px;
	text-decoration : underline;
}

#destinations_dropdown a {
	margin-left : 5px;
	color : black;
}


/* ####################################################################### */
/* ######################### FOOTER STUFF ################################ */
/* ####################################################################### */

.footer {
	background-color : white;
	padding-top : 20px;
	width : 975px;
	color : #474747;
	margin-left : auto;
	margin-right : auto;
	clear : both;
	overflow : hidden;
}

.footer .watermark {
	float : right;
}

.footer .logo {
	float : left;
	margin : 20px;
	border : 0px;
}

.footer .twitter {
	float : right;
	border : 0px;
}

.footer .facebook {
	float : right;
	margin-right : 20px;
	border : 0px;
}

.footer .links {
	margin-top : 20px;
	padding-left : 20px;
	line-height : 150%;
	height : 57px;
}

.footer A {
	color : #474747;
}