/*
	created : 14 September 2007
	by : Jacob Carthew-Gabriel (floodedcodeboy@gmail.com)
	
*/

/*
	LAYOUT
	 - main & column structure
*/
body{
	margin:0;
	padding:0;
	/* formatting */
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
}

label {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	display:block;
}

#maincontainer {
	width: 935px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}

#header {
	margin: 0px;
	padding: 0px;
	/*Height of top section*/
	height: 128px;;
}

#contentwrapper {
	float: left;
	width: 100%;
}

#singlecontentcolumn {
	/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	margin: 0 0 0 0; 
	padding: 0px;
}

#contentcolumn {
	/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	margin: 0 314px 0 135px; 
	padding: 0px;
}

#leftcolumn{
	float: left;
	/*Width of left column in pixel*/
	width: 135px;
	/*Set margin to that of -(MainContainerWidth)*/
	margin: 0;
	padding: 0px;
	margin-left: -935px;
}

#rightcolumn {
	float: left;
	 /*Width of right column*/
	width: 314px;
	 /*Set left margin to -(RightColumnWidth)*/
	margin: 0;
	padding: 0px;
	margin-left: -314px;
}

#footer {
	clear:both;
	width: 100%;
	color: #0f839c;
	background: #acebfa;
	text-align: center;
	padding: 4px 0;
	margin: 10px;
}

.innertube {
	/*Margins for inner DIV inside each column (to provide padding)*/
	margin: 10px;
	margin-top: 0;
	padding: 0px;
	padding-top: 0px;
}

.lhsOuter {
	/* Margins & Borders for the inner div of the left hand side */
	margin-right: 13px;
	text-align: right;
}

.rhsOuter {
	/* Margins for the inner div of the right hand side - provides margins, borders */
	margin: 0;
	margin-left: 4px;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #abebf7;
	border-right: 1px solid #abebf7;
}

/*	PAGE ELEMENTS */
.headerLogo {
	margin-left: 64px;
	margin-top: 8px;
	margin-bottom: 9px;
	float:left;
}

.searchBox {
	margin:0px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0px;
	
	width: 315px;
	height: 86px;
	float: right;
	
	background: #fefefe;
	background-image: url(../images/search-cloud-bk.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

.innerSearch {
	text-align:right;
	padding-right: 17px;
}

.treemenu {
	margin: 0px;
	padding:0px;
	list-style:none;
}
/*
.treemenuclosed
{
	margin: 0px;
	padding:0px;
	padding-right: 18px;
	background-image: url(../images/tree-menu-down-arrows.gif);
	background-repeat: no-repeat;
	background-position: 100% 6px;
	list-style:none;
	
}
*/
.treemenu ul {
	list-style:none;
	margin: 0px;
	padding:0px;
}

.treemenu li a {
	display:block;
	padding:0;
	margin:0;
	margin-top:11px;
	padding-right: 4px;
	line-height:26px;
	height: 26px;
	text-decoration: none;
	border-bottom: 1px solid #b1e5f0;
}

.treemenu li ul li a {
	display:block;
	padding:0px;
	margin:0px;
	background-image: url(../images/tree-menu-dotted-bk.gif);
	border: none;
	height:23px;
	line-height:23px;

	color: #12829a;
	font-weight: bold;
}

.treemenu .endtree {
	padding: 0px;
	margin:0px;
	height: 0px;
	/*border-top: 1px solid #b1e5f0;*/
	border-bottom: 1px solid #b1e5f0;
}

.treemenu li ul li ul li a {
	display:block;
	padding:0px;
	margin:0px;
	padding-right: 15px;
	color : #00abcd;
	height:23px;
	line-height:23px;
	font-weight:normal;
	border:none;
}

.treemenu li {
	display:inline;
}

.tabTop {
	background-image: url(../images/blue-tab-whole.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 29px;
	width: 211px;
	padding: 0;
	text-align:center;
	float:left;
	margin-top: 12px;
	padding-top: 7px;
	margin-bottom: -7px;
}

.tabTopRight {
	float:right;
	background-image: url(../images/exclamation-tab.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 41px;
	width: 273px;
	padding: 0px;
	margin:0px;
	padding-top: 18px;
	margin-bottom: -18px;
	text-align:left;
}

/*	new type of tab... liquidtabs */
#liquidtabs {
	/*min-width: 211px;
	max-width: 211px;*/
	float:left;
	height:29px;
	/*padding:0px;*/
	margin:0px;
	margin-top: 12px;
	background:none;
	line-height:11px; /*line-height: 29px*/
}

#liquidtabs ul {
	margin:0;
	padding:0px;
	list-style:none;
}

#liquidtabs li {
	display:inline;
	margin:0;
	padding:0;
}

#liquidtabs p {
	float:left;
	background: url(../images/blue-tab-left-corner.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px; /* set the space that the left corner occupies */
	text-decoration:none;
}

#liquidtabs p span {
	height:29px;
	margin:0px;
	float:left;
	display:block;
	text-align:center;
	background: url(../images/blue-tab-right.gif) no-repeat right top;
	padding:5px 9px 0px 0px; /*set the space that the right corner occupies */
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#liquidtabs p span {float:none;}
/* End IE5-Mac hack */
/*
#liquidtabs p:hover span {color:#000;}
#liquidtabs p:hover {background-position:0% -42px;}
#liquidtabs p:hover span {background-position:100% -42px;}
*/


/*	new type of tab... liquidtabs */
#top_liquidtabs {
	/*min-width: 211px;
	max-width: 211px;*/
	float:left;
	height:29px;
	/*padding:0px;*/
	margin:0px;
	margin-top: 12px;
	background:none;
	/*line-height:11px; line-height: 29px*/
}

#top_liquidtabs ul {
	margin:0;
	padding:0px;
	list-style:none;
}

#top_liquidtabs li {
	display:inline;
	margin:0;
	padding:0;
}

#top_liquidtabs li a {
	text-decoration:none;
}

#top_liquidtabs p {
	float:left;
	background: url(../images/blue-tab-left-corner.gif) no-repeat left top;
	margin:0;
	padding:0 4px 0 7px; /* set the space that the left corner occupies */
	text-decoration:none;
}

#top_liquidtabs p span {
	width:144px;
	height:29px;
	margin:0px;
	float:left;
	display:block;
	text-align:center;
	background: url(../images/blue-tab-right.gif) no-repeat right top;
	padding:5px 0 0 0; /*set the space that the right corner occupies */
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top_liquidtabs p span {float:none;}


.contentbox {
	clear:both;
	border: 4px solid #57d9f3;
	padding-top: 8px;
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 4px;
}

.contentbox td {
	line-height: 14px;
}

.verticaldots {
	text-align:center;
	background-image: url(../images/verticle-dots.gif);
	background-repeat: repeat-y;
	margin-left: 8px;
	padding-right: 10px;
}

.blueTextBlock {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 6px;
	color: #10829A;
	text-align: center;
	background-color: #ABEAF9;
	line-height: 22px;
	height: 22px;
	display: block;
}

.mapList {
	padding: 0px;
	margin:0px;
	margin-bottom: 10px;
}

.mapList th {
	margin:0;
	color: #ff0000;
	font-weight: bold;
	text-align:left;
	line-height: 24px;
	background-image: url(../images/blue-dots-horizontal.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-left: 10px;
}

.mapList td {
	margin:0;
	color: #00a8cd;
	font-weight: normal;
	text-align:left;
	line-height: 22px;
	background-image: url(../images/light-blue-dots-horizontal.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-left: 10px;
}

.horizontalDots {
	margin:0px;
	padding:0px;
	height:1px;
	background-position: bottom-left;
	background-image: url(../images/blue-dots-horizontal.gif);
	background-repeat: repeat-x;
}

.destinations th {
	padding: 0px;
	margin:0px;
	text-align:left;
	padding-left: 5px;
	height: 30px;
	line-height: 14px;
	color: #f12300;
	font-weight: bold;
	background-position: bottom left;
	background-image: url(../images/blue-dots-horizontal.gif);
	background-repeat: repeat-x;
}

.destinations td {
	padding-left: 5px;
	color: #01a9ce;
	line-height: 18px;
	height: 18px;
	background-image: url(../images/light-blue-dots-horizontal.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

/* .destinations td:hover { background: #ABEAF9; } */

.hotelsblock tr { height: 16px; }

.hotelsblock tr:hover .nohover { background: none; }

.hotelsblock tr:hover .liteblue {
	background: #ABEAF9;
	text-decoration:none;
	display:block;
}

.hotelsblock tr:hover {
	background: #ABEAF9;
	text-decoration:none;
}

.hotelsblock tr:hover a {
	color: #000000;
	text-decoration:none;
}


.hotelsblock tr:hover a {
	color: #000000;
	display:block;
	background: #ABEAF9;
	text-decoration:none;
}

.destinations td:hover {
	color: #10829A;
	background: #ABEAF9;
}

.destinations td a {
	display:block;	
	color: #01a9ce;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
	height: 18px;
}

.destinations td a:hover {
	color: #10829A;
	background: #ABEAF9;
}

.gradientBox {
	padding:0px;
	padding-left: 9px;
	padding-right:9px;
	padding-top: 11px;
	height: 292px;
	background-image: url(../images/gradient-box-bk.gif);
	background-position: left;
	background-repeat: repeat-x;
}

.dots {
	clear:both;
	background-image: url(../images/blue-dots-horizontal.gif);
	background-position: left;
	background-repeat: repeat-x;
	height:1px;
	padding-top: 15px;
	margin-top: 0px;
	margin-bottom:0px;
}

.dotsflat {
	clear:both;
	background-image: url(../images/blue-dots-horizontal.gif);
	background-position: left;
	background-repeat: repeat-x;
	height:1px;
	margin-top: 7px;
	margin-bottom:7px;
}

.availability {
	padding:0px;
	margin:0px;
	padding-bottom: 7px;
}

.affLogos {
	text-align:center;
	padding-top: 3px;
}

.textblock {
	padding-bottom: 0px;
}

.srctextblock {
	padding-bottom: 0px;
	padding-left: 0px;
}

.destinationsDropDown {
	height:21px;
	background-color: #57d9f3;
	padding:0px;
	margin-bottom: 5px;
	text-align:center;
	background-image: url(../images/blue-dots-horizontal.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.contentbox {	
	height: 100%;
}

.boxbottom {
	clear:both;
	background-image: url(../images/blue-dots-horizontal.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
	padding: 8px 0px 8px 0px;
	height: 15px;
}

.headertext {
	background-image: url(../images/verticle-dots.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 10px;
	border: none;
	float: right;
	text-align: left;
	width:315px;
	line-height: 14px;
	min-height:120px;
	margin-bottom: 10px;
}

.headertext2 {
	padding-left: 0px;
	border: none;
	float: right;
	text-align: left;
	width:100%;
	line-height: 14px;
	min-height:120px;
	margin-bottom: 10px;
}

/* FORMATTING */

h1 {
	padding: 0px;
	margin: 0px;
	margin-top: 11px;
	color: #f12300;
	font-size: 11px;
	font-weight:bold;
}

h3 {
	color: #f12300;
	font-weight:bold;
	font-size: 10px;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
}

.tabText {
	color: #FFFFFF;
	font-weight: bold;
	display:block;
	font-size: 10px;
	margin:0px;
	padding:0px;
}

.rightTabText {
	margin:0px;
	padding:0px;
	padding-left: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display:inline;
}

.textblock { line-height: 13px; }

em { color: red; }

#header h1 {
	margin: 0;
	padding: 0;
	padding-top: 15px;
}

#footer a {
	color: #0f8498;
	height: 28px;
}

.bluebold {
	color: #00aacd;
	font-weight: bold;
	text-decoration:none;
}

.bluebold:link, .bluebold:active, .bluebold:visted, .bluebold:hover {
	color: #02a8d0;
	font-weight: bold;
	text-decoration: none;
}

.bluebold a:link, .bluebold a:active, .bluebold a:visited {
	color: #02a8d0;
	font-weight: bold;
	text-decoration:none;
}

.bluebold a:hover { text-decoration:underline; }

.bluboldlink:link, .bluboldlink:active, .bluboldlink:visited {
	color: #02a8d0;
	font-weight: bold;
	text-decoration:none;
	padding: 4px;;
}

.bluboldlink:hover { background: #d5f3f9; }

.blutxt {
	margin: 0;
	color: #02a8d0;
	font-weight: normal;
	text-decoration:none;
	padding: 4px;
	padding-left: 0px;
	padding-right:0px;
}

.blulink:link, .blulink:active, .blulink:visited {
	margin: 0;
	color: #02a8d0;
	font-weight: normal;
	text-decoration:none;
	padding: 4px;
	padding-left: 4px;
	padding-right:4px;
}

.blulink:hover { background: #b7e4f3; }

.blulinkbold:link, .blulinkbold:active, .blulinkbold:visited {
	margin: 0;
	color: #02a8d0;
	font-weight: bold;
	text-decoration:none;
	padding: 4px;
	padding-left: 4px;
	padding-right:4px;
}

#tipcontainer {
	background: #EFFBFF;
	padding:10px;
	border-bottom: 1px solid #B7E4F3;
	margin-bottom: 7px;
}

.blulinkbold:hover { background: #b7e4f3; }

.darkbluebold, .darkbluebold:link, .darkbluebold:active, .darkbluebold:visited, .darkbluebold:hover {
	color : #148299;
	font-weight: bold;
	text-decoration: none;
}

.red {color: #f12300;}

.redbold, .redbold:link, .redbold:active, .redbold:visited, .redbold:hover {
	color: #f12300;
	font-weight:bold;
	text-decoration: none;
}

.white{color: #FFFFFF;}

.whitebold, .whitebold:link, .whitebold:active, .whitebold:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.redbold, .redbold:link, .redbold:active, .redbold:visited{
	color: #F12300;
	font-weight: bold;
	text-decoration: none;
}

.searchText {
	display:block;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25px;
	height: 24px;
}

.searchField {
	float:right;
	padding: 0;
	margin: 0;
	font-size:12px;
	height: 14px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 189px;
}

.footer {
	color: #0f819b;
	font-weight: normal;
}

.footerbold {
	color: #0f819b;
	font-weight: bold;
}

.liteblue, .liteblue:link, .liteblue:active, .liteblue:visited {
	color: #00aaca;
	font-weight: normal;
	text-decoration:none;
	line-height:14px;
}

.liteblue:hover {
	color: #00aaca;
	font-weight: normal;
	text-decoration:underline;
}

.litebluebold  {
	color: #c6f2fb;
	font-weight: bold;
	line-height:14px;
}

.litebluebold a {
	color: #c6f2fb;
	font-weight: bold;
}

/* error styles */
#error {
	font-size: 10px;
	color: #ff0000;
	margin: 0px;
	margin-bottom: 8px;
	background: #ABEAF9;
	border: 1px dashed #10829A;
	padding: 5px;
	font-weight: bold;
}

.error_cause {
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #10829A;
}

#error ul {
	margin-left: 4px;
	margin-bottom: 3px;
	margin: 0px;
	font-weight: normal;
}

#error li  {
	list-style-type: none;
	list-style-image: none;
	margin-left: -25px;
}

.error_info {
	font-size: 10px;
	padding: 3px; 
}

.googleads iframe{
	font-weight:normal;
	text-decoration:none;
	line-height:14px;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;

}