/*
	GLOBAL STYLE DEFINITIONS
	========================
*/
BODY
{
	margin: 0;
	padding: 0;

	background-color: #DDD; /* Plain Grey */

	font-family: Verdana, Sans-Serif;
	font-size: 0.75em;
}


DIV
{
	margin: 0;
	padding: 0;
	border: 0;
}

TABLE
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
}

TR,TH,TD
{
	vertical-align: top;
}

P
{
	text-align: left;
	margin-top: 0.25em;
	margin-bottom: 1em;
}

A
{
	color: #ec4e16;
	font-weight: bold;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}

IMG
{
	border: 0;
	padding: 0;
	margin: 0;
}

H1
{
	margin: 0;
	font-size: 1.5em;
	color: #F36523;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

H2
{
	margin-top: 1em;
	margin-bottom: 0.25em;

	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
}









/* 
	FRAME CONTROL - That which controls the outer structure of the website
	=============
*/
DIV#container
{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: White;
}





/*
	BODY
	====
	Description: This table style defines one, two and three column body sections (left and right columns both being optional).
	All columns have a white background, with the left amd right areas (where applicable) is 270px wide.  A shaded vertical line
	runs down the left edge of the main line
	This is compatible with the "shade" or "shadeindent" class styles.
*/
TABLE.body
{
	width: 980px;
	clear: both;
}

TABLE.body TD.body-left
{
	width: 268px;	/* 270px - 2px */
	background-color: white;
	text-align: center;
}

TABLE.body TD.body-main
{
	background-color: white;
}

TABLE.body TD.body-right
{
	width: 50px;	/* 270px - 2px */
	background-color: white;
}



/* leftsection appears inside TD.body-left to provide the appropriate padding */
DIV.left-padding
{
	padding: 11px 7px;
}

DIV.right-padding
{
	padding: 11px 7px;
	text-align: right;
	
}

DIV.main-padding
{
	padding: 11px 15px;
}





/*
	HEADER 
	======
*/
DIV#header
{
	background-color: White;
}
DIV#headerA
{
	text-align: center;
	padding-top: 19px;
	padding-bottom: 5px;
	margin: 0 18px;
}
DIV#headerB
{
	text-align: right;
	background-image: url(images/header2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 18px;
	padding-bottom: 18px;
	height: 29px;
}
DIV#headerB UL
{
	margin: 0;
	padding: 0;
	padding-top: 7px;
}
DIV#headerB LI
{
	list-style: none none inherit;
	display: inline;
	padding-right: 35px;
	font-size: 0.9em;
	font-weight: bold;
}
DIV#headerB LI A
{
	color: White;
	text-decoration: none;
}
DIV#headerB LI A:hover
{
	text-decoration: underline;
}

/* Headers for the remote servers flights nad hotels etc*/
DIV#headerX
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
DIV#headerY
{
	text-align: right;
	background-image: url(images/header2.png);
	width:1600px;
	background-repeat: no-repeat;
	background-position: center top; 
	
	padding-bottom: 18px;
	height: 29px;
}
DIV#headerY UL
{
	

	padding: 0;
	padding-top: 7px;
}
DIV#headerY LI
{
	
	list-style: none none inherit;
	display: inline;
	padding-right: 35px;
	font-size: 0.9em;
	font-weight: bold;
}
DIV#headerY LI A
{
	color: White;
	text-decoration: none;
}
DIV#headerY LI A:hover
{
	text-decoration: underline;
}





/*
	LEFT COLUMN 
	===========
	287 pixels content width
	18 pixel left margin to left edge
	12 pixel right margin to main content
*/

DIV#leftcolumn
{
	float: left;
	margin-left: 18px;
	margin-right: 12px;
	width: 287px;
/*	background-color: #F0F; /* pink template */
}






/*
	RIGHT COLUMN 
	============
	120 pixels content width
	12 pixel left margin to left edge
	18 pixel right margin to main content
*/

DIV#rightcolumn
{
	float: right;
	margin-left: 12px;
	margin-right: 18px;
	width: 120px;
/*	background-color: #F0F; /* pink template */
}






/*
	CENTER COLUMN 
	=============
*/

DIV#centercolumn
{
/*	background-color: #F0F; /* pink template */
	margin-left: 317px;
	margin-right: 153px;
}



/*
	FOOTER 
	======
*/
DIV#footer
{
	padding-top: 20px;
	clear:both;
	background-color: white;
	margin-bottom: 20px;
}
DIV#footerA
{
	font-size: 0.9em;
	text-align: center;
	color: #888;	
}
DIV#footerB
{
	text-align: right;
	background-color: #DDD;
	margin: 18px;
	height: 29px;
	background-image: url(images/footer2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
DIV#footerB DIV
{
	background-image: url(images/footer2r.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 29px;
}
DIV#footerB UL
{
	margin: 0;
	padding: 0;
	padding-top: 7px;
}
DIV#footerB LI
{
	list-style: none none inherit;
	display: inline;
	padding-right: 25px;
	font-weight: bold;
}
DIV#footerB LI A
{
	color: #ef6719;
	text-decoration: none;
}
DIV#footerB LI A:hover
{
	text-decoration: underline;
}
DIV#footerC
{
	text-align: center;
}
DIV#footerC A
{
	padding: 0 10px;
}

DIV#footerD
{
	text-align: center;
	margin: 16px;
	padding-bottom: 16px;
}
DIV#footerD A
{
	color: Black;
}



/*	ADVERT 120
	==========
	A vertical block of images 120 pixels wide.
	Typically situated in the Right Column.
*/
DIV.Advert120
{
}
DIV.Advert120 A
{
	display: block;
	margin: 0;
	margin-bottom: 10px;
}










/*
	ORANGE BOX
	==========
	Light Orange (#ffcc9a) table comprising of a two pixel dark orange (#F16621) border.
	Top and Bottom (including edges) is provided by a background image.
	The rest is made up of CSS styles.
*/
DIV.orangebox 
{
	width: 287px;
	margin-top: 7px;/* bring in line with main content first paragraph */
	background-color: #ffcc9a;
}
DIV.orangebox DIV.top
{
	height: 5px;
	background-image: url(images/orange-box-top.png);
	background-repeat: no-repeat;
}
DIV.orangebox DIV.middle
{
	border-left: solid 2px #F16621;
	border-right: solid 2px #F16621;
	padding: 5px 10px;
}
DIV.orangebox DIV.bottom
{
	height: 5px;
	background-image: url(images/orange-box-bottom.png);
	background-repeat: no-repeat;
}
DIV.orangebox H2
{
	margin: 5px 0;
	font-size: 1.1em;
	border-bottom: solid 1px black;
}
DIV.orangebox LABEL
{
	display: block;
	margin: 4px 0 2px 0;
	padding: 0;
	font-size: 0.9em;
}
DIV.orangebox P.strapline
{
	text-align: center;
	font-weight: bold;
	color: #036;
	margin: 0;
	padding: 0;
}


/*
	GREY BOX
	========
	A borderless grey box with rounded edges.
	HTML must specify as follows:

	<div class="greybox"><div><div><div>
		...insert-content-here...
	</div></div></div></div>
*/
DIV.greybox
{
	background-color: #E0E0E0;
	background-image: url(images/grey-box-tl.png);
	background-position: top left;
	background-repeat: no-repeat;
}
DIV.greybox DIV
{
	background-image: url(images/grey-box-tr.png);
	background-position: top right;
	background-repeat: no-repeat;
}
DIV.greybox DIV DIV
{
	background-image: url(images/grey-box-bl.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
DIV.greybox DIV DIV DIV
{
	background-image: url(images/grey-box-br.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 7px;
}
DIV.greybox DIV DIV DIV DIV
{
	/* restore these two things on any DIVs inside */
	background-image: none;
	padding: 0;
}







/*
	HOT DEALS
	==========
	Orange Headed 244px box
*/
DIV.hotdeals
{
	width: 244px;

}
DIV.hotdeals H3
{
	float: right;
	margin: 0;
	padding: 14px 8px 0;
	color: white;
	font-size: 0.9em;
	font-weight: normal;
	
}
DIV.hotdeals H2
{
	margin: 0;
	padding: 12px 8px;
	font-size: 1.25em;
	
	color: white;
	background-color: #f36523;
	background-image: url(images/hot-deals-header.png);
	background-position: top left;
	background-repeat: no-repeat;
}
DIV.hotdeals P
{
	width: 100%;
	background-color: White;
	margin: 0;
	padding: 0;
}
DIV.hotdeals DIV.bottom
{
	padding: 5px;
	padding-top: 19px;	/* Bring "Click here..." down in line with "Read more >" */
	padding-bottom: 7px;
	
	min-height: 5px;
	font-size: 0.9em;
	background-color: White;
	background-image: url(images/hot-deals-footer.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}



/*
	WHAT'S INCLUDED
	===============
	Dark Grey Headed 244px box
*/
DIV.whatsincluded
{
	width: 244px;
}
DIV.whatsincluded H2
{
	margin: 0;
	padding: 12px 8px;
	font-size: 1.25em;
	color: white;
	background-color: #919191;
	background-image: url(images/whats-included-header.png);
	background-position: top left;
	background-repeat: no-repeat;
}
DIV.whatsincluded DIV.bottom
{
	padding: 5px;
	min-height: 5px;
	color: White;

	font-size: 0.9em;
	background-color: #f36523;
	background-image: url(images/whats-included-footer.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
DIV.whatsincluded P
{
	margin: 0;
	padding: 2px 8px;
}
DIV.whatsincluded A
{
	color: White;
	text-decoration: none;
}
DIV.whatsincluded A:hover
{
	text-decoration: underline;
}
DIV.whatsincluded P.readmore
{
	/* Separate the Read More away from bullets */
	padding-top: 8px;
}




/*
	HOT DEAL LIST
	===============
	The table of items in the HOT DEALS section
*/
TABLE#HotDealList
{
	width: 100%;
}
TABLE#HotDealList TD
{
	background-color: white;
	font-size: 0.9em;
	font-weight: bold;
	padding: 2px 8px;
}
TABLE#HotDealList TD.c1
{
	width: 66%;
}
TABLE#HotDealList TD.c2
{
	width: 30%;
	text-align: right;
}
TABLE#HotDealList TR.alt TD
{
	background-color: #fff5eb;
}
DIV.hotdeals A
{
	text-decoration: none;
}
DIV.hotdeals A:hover
{
	text-decoration: underline;
}



A.nobold,
A.nobold:hover
{
	font-weight: normal;
}
DIV.inlineContent *
{
	display: inline;
}

DIV.inlineContent OPTION
{
	display: block;
}









/*
	===================================
	END OF NEW TEMPLATE (FEBRUARY 2009)
	===================================
*/







/* 
	Images styling for Modx content
	===============================
	
*/

.image-right

{
	float: right;
	margin-left: .75em;
	margin-bottom: .75em;
}


.image-left

{
	float:left;
	margin-right: .75em;
	margin-bottom: .75em;
}

/* 
	left column info area
	=====================
	
*/

div#infoarea
{
	border: solid 2px #FF9900;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 230px;
}

div#infoareatitle
{
	text-align: center;
	background-color: #FF9900;
	color: #000000;
	
}
div#infoarea ul
{
	border: none;
	text-align: left;
	list-style-type: disc;
	

}

div#infoarea P
{
	border: none;
	text-align: center;
	background-color: #FF9900;
	padding-bottom: 5px;
	margin-bottom: 0px;
	
}