/*
	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 ################################# */
/* ####################################################################### */

BODY {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color : #C7C7C7;
	margin-top : 0px;
}

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

FORM {
	margin : 0px;
}

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

A {
	text-decoration : none;
}

A:hover {
	text-decoration : underline;
}

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

/* page settings */
.page {
	margin-top : 8px;
	width : 975px;
	margin-left : auto;
	margin-right : auto;
	overflow : hidden;
}

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

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

/* boxes with rounded corners - thank fuck stylesheets came along and saved us from messy HTML huh...HAR DE HAR HAR */
.cb_t {
	background : url("images/BEBEBE.gif") repeat-x 0% 0%;
	background-color : white;
	width : 100%;	/* IE fix */
}

.cb_b {
	background : url("images/ABABAB.gif") repeat-x 100% 100%;
}

.cb_l {
	background : url("images/ABABAB.gif") repeat-y 0% 0%;
}

.cb_r {
	background : url("images/BEBEBE.gif") repeat-y 100% 100%;
}

.cb_tl {
	background : url("images/box_topleft.gif") no-repeat 0% 0%;
}

.cb_tr {
	background : url("images/box_topright.gif") no-repeat 100% 0%;
}

.cb_bl {
	background : url("images/box_bottomleft.gif") no-repeat 0% 100%;
}

.cb_br {
	background : url("images/box_bottomright.gif") no-repeat 100% 100%;
	padding : 3px;
}

/* why have one messy kludge when you can have two at twice the price? */
.cb2_t {
	background : url("images/D5D5D5.gif") repeat-x 0% 0%;
	background-color : white;
	width : 100%;	/* IE fix */
}

.cb2_b {
	background : url("images/D5D5D5.gif") repeat-x 100% 100%;
}

.cb2_l {
	background : url("images/D5D5D5.gif") repeat-y 0% 0%;
}

.cb2_r {
	background : url("images/D5D5D5.gif") repeat-y 100% 100%;
}

.cb2_tl {
	background : url("images/box2_topleft.gif") no-repeat 0% 0%;
}

.cb2_tr {
	background : url("images/box2_topright.gif") no-repeat 100% 0%;
}

.cb2_bl {
	background : url("images/box2_bottomleft.gif") no-repeat 0% 100%;
}

.cb2_br {
	background : url("images/box2_bottomright.gif") no-repeat 100% 100%;
	padding : 3px;
}

/* or three! */
.cb3_t {
	background : url("images/box3_top.gif") repeat-x 0% 0%;
	background-color : #A4A4A4;
	width : 100%;	/* IE fix */
}

.cb3_b {
	background : url("images/box3_bottom.gif") repeat-x 100% 100%;
}

.cb3_l {
	background : url("images/box3_left.gif") repeat-y 0% 0%;
}

.cb3_r {
	background : url("images/box3_right.gif") repeat-y 100% 100%;
}

.cb3_tl {
	background : url("images/box3_topleft.gif") no-repeat 0% 0%;
}

.cb3_tr {
	background : url("images/box3_topright.gif") no-repeat 100% 0%;
}

.cb3_bl {
	background : url("images/box3_bottomleft.gif") no-repeat 0% 100%;
}

.cb3_br {
	background : url("images/box3_bottomright.gif") no-repeat 100% 100%;
	padding : 5px;
}

/* 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 H1 {
	background-image : url("images/boxhead294pxwithtag.jpg");
	font-size : 12px;
	color : white;
	height : 18px;
	padding-left : 25px;
	padding-top : 3px;
}

.selectdest FORM {
	padding : 10px;
}

/* ditto for the available hotels search box */
.searchavailable H1 {
	background-image : url("images/boxhead294pxwithtag.jpg");
	font-size : 12px;
	color : white;
	height : 18px;
	padding-left : 25px;
	padding-top : 3px;
}

.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;
}

/* same with errors */

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

.error H1 {
	font-family : Times New Roman, Serif;
	font-weight : normal;
	font-size : 26px;
}

/* and text search box too */
#textsearchbox h1 {
	background-image : url("images/boxhead294pxwithtag.jpg");
	font-size : 12px;
	color : white;
	height : 18px;
	padding-left : 25px;
	padding-top : 3px;
}

#textsearchbox form {
	padding : 10px;
}

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

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

.header {
	background-color : black;
	width : 975px;
	margin-left : auto;
	margin-right : auto;
}

.header h1 {
	color : #B0B0B0;
	font-size : 10px;
	padding : 3px;
	padding-left : 10px;
	font-weight : bold;
	float : left;
}

.header .addthis {
	padding-top : 5px;
	margin-left : 845px;
}

.header .links {
	background-color : white;
	padding-top : 10px;
	padding-left : 3px;
	height : 28px;
}

.header .links A {
	display : block;
	width : 103px;
	height : 21px;
	padding-top : 7px;
	margin-left : 5px;
	float : left;
	text-align : center;
	background-image : url("images/head_link_normal.gif");
	font-weight : bold;
	color : #838383;
}

.header .links A.selected {
	background-image : url("images/head_link_selected.gif");
	color : white;
}

.header .date {
	clear : both;
	background-color : #59359A;
	color : white;
	text-align : right;
	font-weight : bold;
	font-size : 10px;
	padding : 3px;
	padding-right : 10px;
}

#breadcrumbs {
	width : 969px;
	margin-left : auto;
	margin-right : auto;
	background-color : #DBCDEA;
	padding : 3px;
	color : #59359A;
	font-weight : bold;
	font-size : 10px;
}

#breadcrumbs a, #breadcrumbs a:visited {
	color : #59359A;
}

#destinationsdropdown {
	width : 661px;
	height : 28px;
	background-image : url("images/marquee.gif");
	margin-bottom : 10px;
}

#destinationsdropdown .label {
	color : #59359A;
	font-weight : bold;
	float : left;
	padding-left : 20px;
	padding-top : 6px;
	width : 93px;
}

#destinationsdropdown form {
	margin-left : 120px;
	padding-top : 4px;
}

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

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

.footer .watermark {
	float : right;
}

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

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

.footer A {
	color : #474747;
}