@charset "utf-8";

/* Page Layout */
body.main {
	margin: 0px;
	font-size: 9px;
	font-family: Arial,Verdana,sans-serif;
}
div.gradient {
}
div.pagewrap {
	width: 950px;
	margin: 0 auto;
	-moz-box-shadow: 0 0 15px #666666;
	-webkit-box-shadow: 0 0 15px #666666;
	box-shadow: 0 0 15px #666666;
	border: 1px solid #666666;
	border-top: none;
	background: url("http://iaways.com/image/headerpicture.png") no-repeat right top
}
table.header {color: white}

/* Menu */
div.menu {background: url('../image/Menu.png') center top repeat-x; height: 25px; font-size: 11px;}
	ul.menu {width: 708px; list-style: none; margin: 0px auto; padding: 0px; background-image: url('../image/Menu.png'); background-position:bottom; background-repeat: repeat-x}
		li.menu,
		li.menusel,
		li.menu:hover,
		li.menusel:hover {
			display: inline-block;
			background-image: url('../image/Menu.png');
			background-position: top;
			background-repeat: repeat-x;
			width: 100px;
			height: 25px;
			line-height: 25px;
			margin: 0px 1px 0px 0px;
			text-align: center;
			font-weight: bold;
			color: #FFFFFF;
		}
		li.menu:hover,
		li.menusel,
		li.menusel:hover {cursor: pointer; background-image: url('../image/Menu.png'); background-position: center}
		li.menusel {color: #fdd91e}
		a:link.menu,
		a:active.menu,
		a:visited.menu,
		a:hover.menu {color: inherit; text-decoration: none}

/* Content Layout */
div.leftcol,
div.rightcol {display: table-cell; vertical-align: top; background-color: #FFFFFF}
div.leftcol {width: 250px;}
div.rightcol {width: 700px;}

/* Bengine Styles */
table.benginewrapper {
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	width: 240px;
	-moz-box-shadow: 5px 5px 5px #999999;
	-webkit-box-shadow: 5px 5px 5px #999999;
	box-shadow: 5px 5px 5px #999999;
	padding-bottom: 5px;
	background-color: #FBFCF7; 
	margin-bottom: 10px;
}
	td.bengineheader {text-align: center; padding: 5px; color: blue; font-size:14px; font-weight: bold;}

/* left promo box styles */
div.leftbox {
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	width: 230px;
	-moz-box-shadow: 5px 5px 5px #999999;
	-webkit-box-shadow: 5px 5px 5px #999999;
	margin-bottom: 10px;
	margin-left: 10px;
}
	h2.leftbox {font-size: 12px}
	a:link.leftbox,
	a:active.leftbox,
	a:visited.leftbox,
	a:hover.leftbox {color: #F5874F; font-size: 11px; font-weight: bold; text-decoration: none}
	a:hover.leftbox {color: white}
	
/* Selected Destinations Styles */
h2.dest {font-size:14px; color: #FFFFFF; background-color: #5F9EA0; text-align:center; padding: 5px; margin: 0px}
div.dest {font-size: 11px; margin: 5px 30px 0px; font-weight: bold}
	ul.dest {padding: 0px 5px; margin-top: 2px; list-style-type: none; font-weight: normal}
		li.dest, li.dest:hover {background-image: url(../image/item.png); background-position: left center; background-repeat:no-repeat; padding-left: 12px}
		li.dest:hover {background-position: 2px center;}
	a:link.dest,
	a:active.dest,
	a:visited.dest,
	a:hover.dest {color: black; text-decoration: none}
	a:hover.dest {color: #999999}

/* Flash Banner styles */
div.flashbanner {position: relative; height:200px;}
	div.weblink {width: 200px; height: inherit; position: absolute; top: 0px; right: 0px; background-color: #4b95da; color: white; font-size: 13px}
		h3.weblink {text-align: center; font-size: 17px; margin: 20px 0px 15px; font-weight: normal}
		ul.weblink {padding: 0px; padding-left: 30px}
			li.weblink {padding-bottom: 10px; font-weight: bold}
	
/* Content Styles */
div.content {margin-left: 25px; margin-right: 21px}
	h1.content, h2.content {font-size: 14px; color: #003A60}
	h2.content {font-size: 12px}
	p.content, p.contenti {font-size: 11px}
	p.contenti {font-style: italic}
	ul.content {font-size: 11px}
		li.content {margin-bottom: 5px}
	
/* Gallery Button */
div.gallery,
div.gallery:hover {
	background-image: url('../image/Menu-Buttons.png');
	background-position: top;
	background-repeat: no-repeat;
	width: 90px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0px auto 10px;
}
div.gallery:hover {background-position: bottom; font-weight: bold; cursor: pointer;}

/* Subscribe banner */
form.subBanner {padding-left: 20px; background: url(/image/subscribe-banner.png) no-repeat; font-weight: bold;}
	div.sub1 {color: blue; font-size: 13px; padding-top: 5px;}
	div.sub2 {color: white; font-size: 16px; line-height: 35px; text-shadow: 1px 1px 2px #666666;}
		input.sub2 {margin-left: 10px; font-size: 11px; border: 1px solid #999999; width: 200px; margin-right: 25px;}

/* Promotions */
img.promos {border-bottom: 1px solid lightgray; padding: 5px 0}
	
/* Popup styles */
div.popupBg {
	background-color: #333333;
	left: 0;
	top: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: fixed;
	z-index: 1;
	display: none;
}
div.popup {
	position: fixed;
	z-index: 2;
	width: 750px;
	background-image: url(/image/popup/bgrad.png);
	background-image: -moz-linear-gradient(#1734A1, #378FCF);
	background-image: -webkit-linear-gradient(#1734A1, #378FCF);
	background-image: -o-linear-gradient(#1734A1, #378FCF);
	background-image: linear-gradient(#1734A1, #378FCF);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	color: white;
	font-weight: bold;
	font-family:'Times New Roman', Times, serif;
	overflow: hidden;
	display: none;
}
div.closebutton {
	font-size: 20px;
	position: absolute;
	right: 9px;
	top: 5px;
	color: #FFFFFF;
	background-image:url(/image/popup/close.png);
	background-position: right 5px;
	background-repeat: no-repeat;
	padding-right: 20px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}
div.popupinput {
	background-color:#FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid lightgrey;
	padding-left: 5px;
}
input.popupbutton {
	color: white;
	width: 85px;
	height: 22px;
	margin-top: 10px;
	margin-left: 10px;
	float: right;
	background-color: #8FC74C;
	background-image:url(/image/popup/Enter-Button.png);
	background-repeat:no-repeat;
	border: none;
	font: bold 12px/22px 'Times New Roman', Times, serif;
	padding-bottom: 3px;
	cursor: pointer;
}

/* Universal Styles */
a:link.xlink {color: blue; text-decoration: none}
a:active.xlink {color: blue; text-decoration: none}
a:visited.xlink {color: blue; text-decoration: none}
a:hover.xlink {color: firebrick; text-decoration: none}
img.universalsmap, div.universalsmaphandle {position: absolute; z-index: 1; top: 410px; left: 259px; cursor: pointer;}
div.universalsmap {visibility: hidden}

/* Footer */
div.footer {text-align: center; color: black; font-weight: bold; padding-bottom: 10px; margin-top: 10px;}
	span.footer {color: black; font-size: 10px}
		a:link.footer, a:active.footer, a:visited.footer {color: inherit; text-decoration: none}
		a:hover.footer {color: #000000; text-decoration: none}

/* Style for the city list box */
div.citylistwrap {position: absolute; right: 10px; z-index: 2}
	div.citylist,
	div.citysublist {color: black; width: 150px; background-color: white; border: thin solid darkgray}
	div.citysublist {width: 90px}
		div.citylistr, div.citylisth {background-color: white; cursor: pointer; font-size: 80%; line-height: 120%; padding: 1px; margin: 2px;}
		div.citylisth {background-color: lightgrey}

/***** JavaScript bookbox styles *****/
table.inputwrapper {border-collapse: collapse; table-layout: auto; width: 200px}
	td.inputtext {font-size: 10px; padding-left: 10px}
	td.inputtext2 {font-size: 10px; padding-left: 10px; padding-right: 10px}
	td.intertext {font-size: 10px; padding-right: 10px}
	input.usrinput, input.usrinputn {font-size: 9px; border: 1px solid dodgerblue}
	input.usrinputn {text-align: right}
	input.usrbutton {font-size: 9px;}
	select.usrinput {font-size: 9px; border: 1px solid dodgerblue}

/* New search buttons */
table.search {width: 180px; border: 5px solid darkgrey; border-top: none; background-color: darkgrey; border-collapse: separate; border-spacing: 0px; margin-bottom: 10px}
	td.searchtitle {color: #003A60; height: 20px; font-size: 13px; font-weight: bold; text-align: center}
	img.searchicon {position: absolute; top: 7px; left: 5px;}
	td.searchl,
	td.searchr,
	td.searchlhover,
	td.searchrhover {background-image: url(../image/searchribbon.png)}
	td.searchl {background-position: left top;}
	td.searchr, td.searchrhover {background-position: right top; text-align: center}
	td.searchlhover {background-position: left bottom;}
	td.searchrhover {background-position: right bottom;}
	input.search {font-size: 10px; margin-right: 0px; margin-top: 2px; margin-bottom: 2px; width: 110px; cursor: pointer}
	
	
	

div.seachboxwrap {border: 1px solid blue; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px; position: relative}
	div.searchboxhead {
		background-color: blue;
		color: white;
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		text-align: center;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0
	}
	label.searchtype, label.searchtypeSel {cursor: pointer; font-size: 15px; line-height: 25px}
	label.searchtypeSel {font-weight: bold}
	div.inputwrapper,
	div.inputwrapperL,
	div.inputwrapperR,
	div.searchwrapper {clear: both; font-size: 15px; line-height: 20px; margin: 5px 19px 5px 15px}
	div.inputwrapperL, div.inputwrapperR {text-align: left; width: 90px}
	div.inputwrapperL {clear: left; float: left; margin-right: 0}
	div.inputwrapperR {clear: right; float: right; margin-left: 0}
	div.searchwrapper {margin-right: 15px; text-align: right}
		input.search, input.search:active {
			background: url("/image/search.png") repeat center top;
			border: none;
			cursor: pointer;
			font-size: 15px;
			font-weight: bold;
			height: 24px;
			margin: 5px 0;
			padding: 0 0 1px;
			width: 100px
		}
		input.searchinput, input.searchinputn {width: 100%;}
		input.searchinputn {text-align: right}
	
	
	
	
/* Calendar Styles */
select.jscalHead {font-size: 10px; margin-top: 3px}
td.jscalHead {padding: 0px 0px; text-align: center; width: 180px}

td.jscalNow, 
td.jscalNow:hover{padding: 0px; text-align: center; vertical-align: middle; font-size: 9px; font-weight: normal}

table.jscalCells {margin-bottom: 3px; font-size: 10px; border-collapse: collapse; text-align: center; width: 95%}
td.jscalCells, 
td.jscalCells:hover,
td.jscalCellsExMonth, 
td.jscalCellsExMonth:hover,
td.jscalCellsWeekend, 
td.jscalCellsWeekend:hover,
td.jscalInputDate, 
td.jscalInputDate:hover,
td.jscalWeekNo, 
td.jscalWeek,
td.jscalCellsDisabled,
td.jscalCellsWeekendDisabled,
td.jscalCellsExMonthDisabled {font-weight: normal; vertical-align: middle; border: 1px solid darkgrey}

/* Blend the colors into your page here... */ 
/* Calendar background */ 
table.jscal, table.jscalStatic {border-collapse: collapse; table-layout: fixed; background-color: darkgray; width: 180px; font-size: 12px; font-weight: normal; display:block; text-align: center;}

/* Week day headings */ 
td.jscalWeek {font-size: 10px; text-align: center; font-weight: bold; color: white; background-color: gray;} 

 /* Enabled Days */ 
 /* Week Day */ 
td.jscalCells {background-color: white; color: #000000} 

/* Day matching the input date */ 
td.jscalInputDate {background-color: #FF9933; text-align: center; color: black}

/* Weekend Day */ 
td.jscalCellsWeekend {background-color: white; color: #CC6666;}

/* Day outside the current month */ 
td.jscalCellsExMonth {background-color: gainsboro; text-align: center; color: black;} 

/* Today selector */ 
td.jscalNow {background-color: dimgray; color: #FFFFFF} 

/* Active cells */ 
td.jscalCells:hover {background-color: #FFFF00; cursor: pointer; color: #000000;}

/* Day matching the input date */ 
td.jscalInputDate:hover {background-color: #FFFF00; cursor: pointer; color: #000000;}

/* Weekend cells */ 
td.jscalCellsWeekend:hover {background-color: #FFFF00; cursor: pointer; color: #000000;}

/* Day outside the current month */ 
td.jscalCellsExMonth:hover {background-color: #FFFF00; cursor: pointer; color: #000000;}

/* Today selector */ 
td.jscalNow:hover {color: lightgrey; cursor: pointer}

/* Disabled cells */ 
td.jscalInputDateDisabled {background-color: #FF0000; color: #000000;}
td.jscalCellsDisabled,
td.jscalCellsWeekendDisabled,
td.jscalCellsExMonthDisabled {background-color: #CCCCCC; color: #999999;}

div.tickets{border-right: 1px #999999 solid; border-left: 1px #999999 solid; border-bottom: 1px #999999 solid; width: 230px; -moz-box-shadow: 5px 5px 5px #999999; -webkit-box-shadow: 5px 5px 5px #999999; margin-bottom: 10px; background-color: #FFFFFF; margin-left:10px; font-size:11px}