/* MAIN CSS DOCUMENT */

/************************************************************/
/************************************************************/
/*                 Override default elements                */
/************************************************************/
html, body {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	margin: 0;
	border: none;
	padding: 0;
	background: white;
}

.hotelSEOTitleText {
	font-weight:normal;
	color:black;
}

.hotelSEOTitleText a {
	font-weight: normal;
}

table {
	/* Font size not inherited properly in some browsers 
	font-size: 1em; */
}

/* Links */
a {
	text-decoration	: underline;
	color		: #2B3879;
	font-weight	: normal;
}

a.lightlink, a.plainlink, a.plainlink_nounderline {
	font-weight	: normal;
}

a.plainlink_nounderline {
	text-decoration	: none;
}

a:hover {
	color		: #FF7812;
	text-decoration	: underline;
}

/* Forms */
/* TODO: Does this do anything?
form {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
*/
label {
	font-weight: bold;
}

/* Lists */
ul, ol {
	margin: 0.2em 0.5em 0.2em 25px;
	padding: 0;
}

li {
	padding-left: 5px;
}

/* Headings */

h1 {
	color: #2B3879;
	font-size: 1.5em;
	margin: 0;
	padding: 0 0 5px;
	text-align: center;
}

h2 {
	color		: white;
	font-size	: 120%;
	margin		: 0;
	padding		: 2px;
	background	: #2B3879;
	border-bottom	: 2px solid #B9CBE3;
	font-weight	: normal;
}

h2 a {
	color: white;
	text-decoration: none;
}

h3 {
	color: #2B3879;
	border-bottom: 2px solid #8BAED6;
	font-size: 110%;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	background-color: #E9F0F8;
	padding: 2px;
}

/************************************************************/
/************************************************************/
/*                 Global styles                            */
/************************************************************/
.contenttable{
	width:750px;
	font-size: 110%;
}

.parabox {
	background-color: #F8FAFC;
	margin-left: 0;
	padding: 5px;
	border: 1px solid #DEE8F3;
	border-left: none;
}

.contentcell {
	border: none;
	border-right: 1px solid #D9D8D3;
	border-left: 1px solid #F2F2F0;
}

.footer {
	clear: both;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	background: #8BAED6;
	border: 2px solid #E9F0F8;
	border-right-color: #5488C2;
	border-bottom-color: #5488C2;
	color: white;
	padding: 5px 0;
}

.footer a {
	font-weight: normal;
}

.footer_links_homepage, .footer_links {
	clear: both;
	margin-top: 15px;
	background-color: #E9F0F8;
	text-align:center;
	padding: 5px 0 0 0;
	border-top: 2px solid #B9CBE3;
}

.footer_links {
	padding: 5px;
}

.footer_links a, .footer_links_homepage a {
	text-decoration: none;	
}

.innercontent {
	padding-right: 15px;
	padding-left: 10px;
	background: white;

}
.innercontentheader {
	padding: 0 15px 10px 0;
	background: white;
}

.hidden {
	display: none;
}

.searchformerror, td.searchformerror {
	background-color: red;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 2px;
}

/************************************************************/
/************************************************************/
/*                 Template specific styles                 */
/************************************************************/

/* Ecom booking templates - TODO: Pull this out into a seperate sheet */

table.borderedtable td {
	background	: #fff url( images/booking-gradient.png ) repeat-x bottom left;
}

/* specialoffers */
.hotelname {
	font-size: 100%;
	color: white;
	font-weight: bold;
	margin-top: 5px;
	font-style: normal;
	padding-left: 10px;
	background: #2B3879;
	border-bottom: 3px solid #B9CBE3;
}


.hotelrating {
	margin-top: 5px;
	padding-left: 10px;
}

.location {
	font-weight: bold;
	display: block;
	font-size: 12px;
	color: #2B3879;
	padding: 1px 0 1px 2px;
	margin-left: 10px;
	margin-top: 2px;
	border: none;
	border-bottom: 2px solid #B9CBE3;

}
.brochure {
	font-weight: normal;
	margin-left: 10px;
	font-size: 11px;
	color: #2B3879;
	padding: 2px;
	border: 1px solid #B9CBE3;
	border-top: none;
	border-bottom: 1px solid #CCC;
	background: #EDF3FA;
	line-height: 1.7em;
}
 
.offer {
	border: 1px solid #2B3879;
	color: white;
	font-weight: bold;
	margin: 0;
	padding: 1px 20px;
	background: #6D93C5 url(../siteimages/special.gif) repeat-y center top;
	text-align: center;
	font-size: 12px;

}
.accom {
	font-weight: bold;
	color: #2B3879;
	background-color: #E4E4E4;
	display: block;
	margin-left: 10px;
	padding-left: 2px;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #B9CBE3;
	border-top: none;
	border-bottom-color: #CCC;
}
.offerbody {
	color: #000000;
	margin-left: 10px;
	background-color: #F5f5f5;
	padding: 2px;
	border: 1px solid #B9CBE3;
	border-top: none;
	border-bottom-color: #CCC;

}
.price {
	font-size: 12px;
	font-weight: bold;
	background-color: #B9CBE3;
	border: 0 none #CCCCCC;
	padding: 2px;
	margin-left: 10px;
	color: #2B3879;
	margin-bottom: 15px;
}

.photo, .hotelphoto, .smallhotelphoto {
	border: 1px solid #2B3879;
}

.photo {
	height: 100px;
	width: 100px;
	margin-bottom: 5px;
}

.hotelphoto {
	height: 144px;	/*125*/
	width: 170px;
	background-color: #B9CBE3;
	z-index:200;
	margin-bottom: 5px;
}

.homepageBanner {
	background-color: #2B3879;
}

.smallhotelphoto{
	height: 110px; /*80*/
	width: 110px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.listsep {
	border-bottom: 1px solid #DBD9D2;
}

.listsepdark {
	border-bottom: 1px solid #C8DAF0;
	background: #EDF3FA;
}

.minibrochure {
	background: url(../siteimages/brochureshadow.gif) no-repeat left top;
	padding-right: 6px;
	padding-bottom: 16px;
	width: 1px;

}
.brochuretitle {
	font-size: 11px;
	font-weight: bold;
	color: white;
	border-bottom: 2px solid #B9CBE3;
	margin: 0;
	padding: 2px;
	background: #2B3879;
	text-align: center;
}

.bookingtitle {
	color: #031B8C;
	font-size: 16px;
	background: #C4D2EC;
	font-weight: bolder;
	border-bottom: 2px solid #7885C1;
	text-align: center;
}

.bookingtable {
	background: white;
	border: 1px solid #031B8C;

}

.bookingtabletitle {
	background: #031B8C;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-align: center;
	border-bottom: 1px solid #FFCC33;
	padding: 2px;
}

.bookingtablecaption {
	background: #C4D2EC;
	font-size: 12px;
	font-weight: bold;
	color: #031B8C;
	margin-left: 5px;
	border: 1px solid white;
}

a:hover .hardlink{
	 background-color: #E4E4E4;
}

h4 {
	font-weight: bold;
	color: #2B3879;
	border-bottom: 1px solid #8BAED6;
	margin: 10px 0 0 10px;
	padding: 0;
	border-top: 0 solid;
	border-right: 0 solid;
	border-left: 0 solid;
	font-size: 12px;
}

.opinion {
	margin-left: 10px;
	font-style: italic;
	border: 0 solid #8BAED6;
	background: #EDF3FA;
	padding: 4px;
}

.bonus {
	border: 1px solid #8BAED6;
	border-top: none;
	background: #EDF3FA;
	font-weight: normal;
	margin-left: 10px;
	padding: 2px;
}

.framelesspara {
	margin-left:10px;
	line-height: 125%;

}

.tablepairleft {
	font-weight: bold;
	color: #2B3879;
	text-align: left;
	padding-right: 3px;
	border: none;
}

.tablepairright {
	font-weight: normal;
	border: 0 none #8BAED6;
	margin: 0;
	padding: 0 30px 0 15px;
}

.featuretable {
	margin: 0;
	width: 100%;
	border: 1px solid #8BAED6;
	border-top: none;
}

.featuretabletitle {
	font-size: 1em;
	font-weight: bold;
	color: #2B3879;
	padding: 1px;
	border: 0 solid #8BAED6;
	margin-bottom: 0;
}

.breadcrumbs {
	border: none;
	border-bottom: 2px solid #B9CBE3;
	padding: 0;
}

table.borderedtable td {
	border: 1px solid #2B3879;
	background: white;
	margin: 0;
	padding: 2px;
}

table.borderedtable td.borderedtabletitle, table.borderedtable th {
	font-weight: bold;
	border: 1px solid #2B3879;
	vertical-align: baseline;
	text-align: left;
	color: #2B3879;
	background: #B9CBE3;
}

.bookinstructions {
	background: #F0F3F9;
	border: 0 solid #B9CBE3;
	font-weight: bold;
	color: #2B3879;
	margin: 10px 5px 5px;
	padding: 3px;
}

.borderedtable {
	border-collapse:collapse;
	background: #F0F3F9;
	border: 2px solid #B9CBE3;
}

.borderedtable caption {
	border: 2px solid #B9CBE3; 
	padding:5px;
	font-size:1.2em;
	background: #F0F3F9;
}

.borderedtable .empty{
	background: #F0F3F9;
	border: none;
}

.borderedtable TD.selector{
	background: #66CCFF;
}

.borderedtable tr.altrow td {
	background: #F0F3F9;
}

.calendar {
	border-collapse: collapse;
	background: #F0F3F9;
	border: 2px solid #B9CBE3;
	text-align: center;
}

.calendartable .empty{
	background: #F0F3F9;
	border: 0;
}

.calendartable TD.selector{
	text-align: center;
	background: #FFCC33;
}

.panel {
	background: url(../siteimages/homepanelframe.gif) no-repeat left top;
	padding: 2px 6px 6px 2px;
}

.largepanel {
	background: url(../siteimages/homepanelframe_large.gif) no-repeat left top;
	padding: 2px 6px 6px 2px;
}

.caveat {
	font-size: 9px;
	line-height: 9px;
	color: #999;
}

.marqcontent{
	font-size: 16px;
	font-weight: bold;
	color: #2B3879;
}

/***************************
Static content
***************************/

#static_content {
	margin: 20px;
}

#static_content .listing {
	width		: 80%;
	margin-top	: 10px;
}

#static_content .listing caption {
	width		: 80%;
}

#static_content .listing td {
	vertical-align	: top;
}

#static_content .listing th {

}
	
#static_content .listing ul {
	list-style	: none;
	margin		: 0;
	padding		: 0;
}

#static_content .listing a {
	text-decoration	: none;
	font-weight	: normal;
}

#static_conent .listing td.region_name, .listing tr.altrow td.region_name {
	background: #fff;
}

#static_conent .listing td.region_name_alt, .listing tr.altrow td.region_name_alt {
	background: #F0F3F9;
}


/******************************
*  Hotels
*******************************/

.relatedInfo {
	text-align:left;
	margin:15px 10px 10px 10px;
	border:2px solid #6D93C5;
	background-color: #fff;
}

.relatedInfo ul {
	list-style:none;
	margin:10px;
	padding:0;
}

.relatedInfo h3 {
	background-color: #fff;
	margin:5px 0 10px 0;
	text-align:center;
	padding:0;
}

.relatedInfo a {
	font-weight: normal;
	line-height: 1.4em;
}


.hotelbreadcrumbs {
	padding: 5px 0 7px 200px;
}

.buttons .add_ebrochure {
	margin-top: 40px;
}

.hotelphoto {
	display: block;
	text-align: center;
}

/*************************
*  New Navigation
**************************/

div#main_nav {
	text-align		: left;
	width			: 750px;
	height			: 55px;
	margin			: 0 auto;
	padding			: 20px 0 0 10px;
	background		: #fff url(/siteimages/headers/new_header.jpg) no-repeat center top;
}

div#main_nav ul {
	font-family		: Arial;
	font-size		: 120%;
	max-width		: 750px;
	padding			: 0;
	margin			: 5px 0 0 0;
	list-style		: none;
	vertical-align		: center;
}

#main_nav li {
	float			: left;
	padding			: 0;
	margin			: 0;
	background		: transparent url(/siteimages/headers/bullet.gif) no-repeat left center;
}

#main_nav li a {
	font-family		: Tahoma, Arial, san-serif;
	display			: block;
	color			: #2B3879;
	text-decoration		: none;
	font-weight		: bold;
	margin			: 0 10px 0 14px;
	padding			: 0;
}

#main_nav li.first {
	background		: none;	
}

#main_nav li.first a {
	margin			: 0 10px 0 0;
}

#main_nav li a:hover {
	/*text-decoration		: underline;*/
	color			: #000;
}

#telephone_number {
	font-family		: Verdana;
	float			: right;
	width			: 200px;
	color			: #fff;
	font-size		: 130%;
	text-align		: center;
	padding-right		: 80px;
	line-height		: 110%;
}

#telephone_number strong {
	display			: block;
	font-size		: 150%;
	font-weight		: normal;
	line-height		: 100%;
}


/* Selecting each of the nav tabs depending on which page we are on, sort of a you are here type thing */
.home_section #button_home,
.destination_section #button_destinations,
.brochures_section #button_brochures,
.holidaysearch_section #button_holidaysearch,
.bargains_section #button_bargains {
}