* { padding: 0px; margin: 0px; }

body 
{
	font: 11px Verdana, Arial, Helvetica, sans-serif, "L Frutiger Light";
}

#body 
{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

p { margin-bottom: 5px; list-style: disc url(none); }

a h1 { text-decoration: none; }
a h2 { text-decoration: none; }
a h3 { text-decoration: none; }

/* master styles */
#container { width:984px;border:none; vertical-align: top; margin-bottom: 5px; }
#containerleft { width:32px;height:100px;background-image:url(images/border_grad_left.jpg); background-position: bottom; }
#containercentral { width:920px; }
#containerright { width:32px;height:100px;vertical-align:top;background-image:url(images/border_grad_right.jpg); background-position: bottom; }

#containerbottomleft { height:32px;vertical-align:top;background-image:url(images/border_grad_left_corner.jpg); }
#containerbottomcentral { height:32px;vertical-align:top;background-image:url(images/border_grad_bottom.jpg); }
#containerbottomright { height:32px;vertical-align:top;background-image:url(images/border_grad_right_corner.jpg); }

#centralcell { position: relative; }

#bannermainmenu { width:920px;height:205px; background-image:url(images/badheader.jpg); background-position: top;}


#mainmenu { position: absolute; left: 20px; top: 172px; }
#mainmenu a { Color: #FFFFFF; text-decoration: none; Font-size: 13px; }
#mainmenu a:hover { color: #660000; }
#mainmenu .divider { font-weight: bold; font-size: 13px; color: #660000; padding-left: 20px; padding-right: 20px; }

#loginstatus { position: absolute; right: 20px; top: 232px; font-size: 10px; color: #000; width: 500px; font-size: 8pt;}
#loginstatus #username { width: 280px; float: left; text-align: right; padding-right: 20px; }
#loginstatus #options { width: 200px; float:left; text-align: right; }
#loginstatus #sysoptions { position: absolute; right: 0px; top: -20px; }
#loginstatus a img { border: none; }

#loginstatus a { color: #000; }
#loginstatus a:link { text-decoration: none; }
#loginstatus a:active { text-decoration: none; }
#loginstatus a:visited { text-decoration: none; }
#loginstatus a:hover { color: #cc0000; text-decoration: underline; }
#loginstatus .divider { font-weight: bold; font-size: 12px; color: #cc0000; padding-left: 2px; padding-right: 2px; }

#loginstatus #basket {  }

#content { width:920px;border:none; margin-bottom: 20px; }
#contentleft { width:20px;height:79px; }
#contentcentral { width:880px;vertical-align:top; }
#contentright { width:20px;height:50px; }


/* page content styles */
#pagetable { width:880px;border:none; }

#pagetitleleft {  vertical-align: top; width:660px;height:71px; background:url(images/widedot_660.jpg) no-repeat; background-position: 0px 50px; }
#pagetitlecentral { width:20px;height:31px; }
#pagetitleright { width:200px;height:31px;background:url(images/narrowdot_200.jpg) no-repeat; background-position: 0px 50px; }

#pagetitle h1 { font-weight: normal; font-size: 36px; color:#282775; margin-bottom: 10px; }

#pageleft { width:680px;height:71px; vertical-align:top; }
#pageright { width:200px;height:71px; vertical-align:top; background-color:#FFFFFF; }


.pagecontent h1 { font-weight: normal; font-size: 36px; color:#282775; margin-bottom: 10px; }
.pagecontent h2 { font-weight: normal; font-size: 12px; color:#CC0000; margin-bottom: 5px; }
.pagecontent h3 { font-weight: bold; font-size: 10px; color:#000; margin-bottom: 5px; }
.pagecontent h4 { font-weight: bold; font-size: 10px; color:#000; margin-bottom: 5px; }
.pagecontent h5 { font-weight: bold; font-size: 10px; color:#000; margin-bottom: 5px; }
.pagecontent h6 { font-weight: bold; font-size: 10px; color:#000; margin-bottom: 5px; }

.pagecontent p { line-height: 18px; }
.pagecontent table { font-size: 11px; margin-bottom: 5px;  }
.pagecontent table tr { vertical-align: top; }
.pagecontent th { font-weight: normal; text-align: left; color: #cc0000; }
.pagecontent ol { font-size: 11px; line-height: 16px; list-style-position: outside; margin-bottom: 5px; }
.pagecontent li { margin-left: 20px; }

tr#pagecontent { vertical-align: top; }
td#masthead  { vertical-align: top; }

.homegroupstable td { width: 150px; vertical-align: top; padding-right: 20px; padding-bottom: 10px; }
.homegroupstable h1 { font-weight: normal; font-size: 14px; color:#CC0000; margin-bottom: 5px; }
.homegroupstable img { margin-bottom: 10px; }
.homegroupstable p { }

.homegroupstable a { font-weight: bold; color: #0099ff; text-decoration: none; }
.homegroupstable a:hover { color: #003399;} 


#sidemenu 
{
	width:150px;
	font-size: 12px; line-height:22px; font-family: Arial, Helvetica, sans-serif;
	
	padding: 0px;
	vertical-align: top;
}

#sidemenu ul { list-style: none; background: #E9E9E9 url(images/sidebargrad.gif) no-repeat bottom; padding: 5px 0px; }
#sidemenu ul li { margin-left: 0px; height: 20px; overflow: hidden; }

#sidemenu #packagelist a { font-weight: bold; color: #0099ff; text-decoration: none; }
#sidemenu #packagelist a:hover { color: #003399;} 

#sidemenu a {
	color: #000000;
	font: 12px/22px;
	text-decoration: none;
	padding: 7px;
}


#sidemenu #packagelist ul a { color: #000; font-size: 11px; line-height: 20px; }
#sidemenu #packagelist ul a.selected { font-weight: bold; }
#sidemenu #packagelist ul a:hover { color: #CC0000; }

#sidemenu #packagelist li.package { color: #003597; font-weight: bold; padding-left: 7px; }




#spacerleft { width:20px;height:150px; } 

#pagemain { width:490px; height:83px; border:none; } 

#masthead h1 { font-weight: normal; font-size: 14px; color:#CC0000; margin-bottom: 5px; }
#mastpic { float:left;width:160px;height:160px; } 

#spacerright { width:20px;height:150px; }


#ticketlist  {  vertical-align: top; }
#ticketlist .package { padding-top: 20px; vertical-align: top; background-image: url(images/narrowdot_490.jpg); background-repeat: no-repeat; }
#ticketlist .packageoption { padding-top: 0px; vertical-align: top;  }
#ticketlist .packageline { vertical-align: top; background-position: bottom; background-image: url(images/narrowdotfade_490.jpg); background-repeat: no-repeat;  }
#ticketlist .packageline .status { width:380px; }
#ticketlist .packageline .buttons { text-align:right; padding-bottom: 5px; }
#ticketlist .shortdescription { width: 300px; vertical-align: top; padding-bottom: 5px; }

#ticketlist .options { width: 190px; }

#ticketlist h1 { font-size: 22px; font-weight: normal; color: #282775; margin-bottom: 0px; }
#ticketlist h2 { font-size: 18px; font-weight: normal; color: #53A4D3; margin-bottom: 0px; }
#ticketlist h2 a { text-decoration: none !important; }

#ticketlist .pricecell { width: 80px; text-align: right; height:18px; }
#ticketlist .price { color: #1F44AF; font-size: 11px; font-weight: bold;  }
#ticketlist .normal { color: #CC0000; font-size: 11px; font-weight: bold; }
#ticketlist .soldout { color: #cc0000; font-size: 11px; font-weight: bold; }
#ticketlist .test { color: #fff; font-size: 11px; font-weight: bold; background-color: #cc0000; padding: 2px 15px; }

#ticketlist .comingsoon { color: #1F44AF; font-size: 11px; font-weight: bold; }

#ticketlist td.packagestatus { width: 110px; text-align: right; }

#ticketlist a { text-decoration: none !important; }

/* #hotellist .item { width:390px; } */
#hotellist h2 img { margin: 0px; }

#packagedetail #pagemain { width: 390px; }

#sidemenu.packagedetail { width: 250px; }

#packagedetail h1 { font-size: 22px; font-weight: normal; color: #282775; margin-bottom: 5px; }
#packagedetail h2 { font-size: 16px; font-weight: normal; color: #53A4D3; margin-bottom: 5px; }
#packagedetail img { margin-bottom: 2px; } 

#packagedetail .packageimage { display:none; float:left; width:160px;height:160px; }
#packagedetail .pricecell { width: 80px; text-align: right; height:18px;  }
#packagedetail .price { font-size: 11px; font-weight: bold; color: #1F44AF; }
#packagedetail .normal { color: #CC0000; font-weight: bold; font-size: 11px; }
#packagedetail .comingsoon { color: #1F44AF; font-size: 11px; font-weight: bold; }

#packagedetail .buttons { text-align: right;  }
#packagedetail .statusline table { float: right; }
#packagedetail td.packagestatus { width: 110px; text-align: right; }

#packagedetail .divider { width: 390px; height: 16px; }

#hoteldetail h1 { font-size: 22px; font-weight: normal; color: #282775; margin-bottom: 5px; }
#hoteldetail h2 { font-size: 18px; font-weight: normal; color: #53A4D3; margin-bottom: 0px; }


ul#stepmenu  { width: 660px; list-style: none; }
ul#stepmenu li 
	{ float: left; width: 162px; height: 26px; background-image: url(images/step.jpg); background-repeat: repeat-x; 
		text-align: center; font-size: 12px; color: #aaa; font-weight:normal; 
		padding-top: 4px;
		margin-right: 3px;
	}

#stepmenu li.current { background-image:url(images/step_current.jpg); color: #fff; font-weight: bold; }

ul#stepstatus  { width: 660px; list-style: none; }
ul#stepstatus li  { float: left; width: 162px; height: 15px; 
		text-align: center; font-size: 11px; color: #70B9F0; font-weight:normal; 
		padding-top: 0px;
		margin-right: 3px;
	}

ul#stepstatus li a { color: #000; text-decoration: none; }
ul#stepstatus li a:hover { text-decoration: underline; }
	
#bookingpanel .inputlabel { font-weight: bold; font-size: 10px; }

#bookingpanel table { margin: 0px; }

.bookheader { background-color: #CEE3EB; padding: 5px; width: 530px; }
#bookpage h2 { display: block; width: 540px; height: 40px; font-size: 22px; font-weight: normal; color: #000066; margin-bottom: 0px; background: url(images/hatch1_31_540.jpg) no-repeat bottom; }
#bookpage h3 { font-size: 13px; font-weight: bold; color: #000; }
.bookheader p { font-size: 13px; }
.bookheader #bookingids { font-size: 11px; text-align: right; }

#bookingpanel {  }

.bookblock { padding-bottom: 10px; background-image: url(images/pricebar.png); background-repeat: repeat-y; background-position: 564px;}
.bookblock p { width: 350px; }
.nopricebar { background-image: none;}

.totalcol { color: #000; width: 86px; padding: 5px; text-align: center;  }
.pricedesc { font-size: 8px; text-align: center; }
.hotelsep { background: url(images/hatch1_31_540.jpg) no-repeat top left; height: 20px; }
.grandtotalcol { background-color: #000066; color: #fff; width: 86px; padding: 5px; text-align: center; font-weight: bold; font-size: 10px; }
.soldout { font-weight: bold; color: #f00; font-size: 9px; }
.stepmenu a { text-decoration: none; font-weight: bold; }

.price {  }
.packagestatus {  }


#sidebar { vertical-align: top; }
#sidebar h1 { font-weight: normal; font-size: 14px; color: #CC0000; margin-bottom: 5px; }
#sidebar h2 { font-weight: normal; font-size: 13px; color: #53A4D3; margin-bottom: 5px; background: none; }

#sidebar p { margin-bottom: 10px; }

#sidebar img { border: none; }

.reservationtable { width: 660px; }

#bookpage #wpi { height: 800px !important; }

.sitecredits { margin-bottom: 395px; text-align: center; }

.sitecredits a { color: #000; font-weight: bold; }
.sitecredits a:link { text-decoration: none; }
.sitecredits a:active { text-decoration: none; }
.sitecredits a:visited { text-decoration: none; }
.sitecredits a:hover { color: #cc0000; text-decoration: underline; }


#xsidemenu { width: 150px; }
#xpagemain { width: 490px; }

#version { position: absolute; right: 5px; top: 5px; border: solid 1px #cc0000; padding: 5px; background: #f00; color: #fff; font-weight: normal; text-align: right; }

#admintickets
{
	position: absolute; right: 5px; top: 70px; 
	text-align: right;
	background: #f00;
	border: solid 1px #cc0000; 
	color: #fff;
	padding: 5px;
}

#admintickets ul { list-style-type:  none; }
#admintickets ul .over { color: #00f; }
#admintickets ul li { margin: 0; }