/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.celebrityattractions.com/
   TEMPLATE NAME:  Celebrity Attractions
   DATE:           June-08th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 


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

html, body { 
margin: 0;
padding: 0px;
height: 60%;
font: 10pt 'century gothic';
background: #085294 url('/images/bg.jpg') repeat-x; 
} 

img {
border: none}

.aqua10bold {
font: bold 10pt 'century gothic';
color: #10b1df;      
padding: 0px 0px 0px 0px;
}

.error{
	color:red;
	font-weight:bold;
}

.aqua12bold {
font: bold 12pt 'century gothic';
color: #10b1df;      
padding: 0px 0px 0px 0px;
}

.blue {
font: 10pt 'century gothic' bold;
color: #0860b0;      
padding: 0px 0px 0px 0px;
}

.blue8 {
font: 8pt 'century gothic';
color: #0860b0;      
padding: 0px 0px 0px 0px;
}

.blue10bold {
font: bold 10pt 'century gothic';
color: #0860b0;      
padding: 0px 0px 0px 0px;
}

.blue12bold {
font: bold 12pt 'century gothic';
color: #0860b0;      
padding: 0px 0px 0px 0px;
text-align: left;

}

.blue14bold {
font: bold 14pt 'century gothic';
color: #0860b0;      
padding: 0px 0px 0px 0px;
text-align: left;

}

.ltblue8 {
font: 8pt 'century gothic';
color: #10b1df;      
padding: 0px 0px 0px 0px;
text-align: left;
}

.ltblue10 {
font: 10pt 'century gothic';
color: #10b1df;      
padding: 0px 0px 0px 0px;
text-align: left;
}

.ltblue14bold {
font: bold 14pt 'century gothic';
color: #10b1df;      
padding: 0px 0px 0px 0px;
}


.bold {
font:  bold 10pt 'century gothic';
color: #000;      
padding: 0px 0px 0px 0px;
}

.contactinfo {
font: 10pt 'century gothic';
color: #000;      
padding: 0px 0px 0px 0px;
margin-left: 10px;

}

.black12bold {
font: bold 12pt 'century gothic';
color: #000;      
padding: 0px 0px 0px 0px;
text-align: left;
}

.black8 {
font: 8pt 'century gothic';
color: #000;      
padding: 0px 0px 0px 0px;
}

.note {
font: 10pt 'century gothic';
font-style: italic;
color: #928f8f;      
padding: 0px 0px 0px 0px;
text-align: left;

}

.bluenote {
font: bold 10pt 'century gothic';
font-style: italic;
color: #0860b0;      
padding: 0px 0px 0px 0px;
text-align: left;

}

.blacknote {
font: 10pt 'century gothic';
font-style: italic;
color: #000;      
padding: 0px 0px 0px 0px;
text-align: left;

}


.spaced {
font: 10pt 'century gothic';
line-height: 12em;
color: #000;      
padding: 0px 0px 0px 0px;
}

.grey8bold {
font: bold 8pt 'century gothic';
color: #928f8f;    
padding: 0px 0px 0px 0px;
}

.grey10 {
font: 10pt 'century gothic';
color: #928f8f;      
padding: 0px 0px 0px 0px;
}


.red10bold {
font: bold 10pt 'century gothic';
color: #ff0d0d;      
padding: 0px 0px 0px 0px;
}

.yellow10bold {
font: bold 10pt 'century gothic';
color: #f4ad05;      
padding: 0px 0px 0px 0px;
}

.white8 {
font: 8pt 'century gothic';
color: #fff;      
padding: 0px 0px 0px 0px;
}

.white10bold {
font: bold 10pt 'century gothic';
color: #fff;      
padding: 0px 0px 0px 0px;
}

.emergency {
font: bold 12pt 'century gothic';
color: #fff;      
padding: 5px 5px 5px 5px;
}



.aquabg {
font: bold 10pt 'century gothic';
color: #fff;      
padding: 0px 0px 0px 0px;
background: #10b1df; 
text-align: left;

}


.calendarmonth {
font: bold 12pt 'century gothic';
color: #fff;      
padding: 4px 4px 4px 4px;
background: #10b1df; 
text-align: center;

}


.calendarheader {
font: bold 12pt 'century gothic';
color: #fff;      
padding: 2px 2px 2px 2px;
background: #0166c2; 
text-align: center;

}

.bluetableheader {
font: bold 12pt 'century gothic';
color: #fff;      
padding: 0px 0px 0px 0px;
background: #0166c2; 
text-align: left;

}

.bluetablenote {
font: bold 8pt 'century gothic';
color: #fff;      
padding: 0px 0px 0px 0px;
background: #0166c2; 

}

.greytableheader {
font: bold 10pt 'century gothic';
color: #fff;      
padding: 0px 0px 0px 0px;
background: #a8a8a9; 
}

.caption {
font: 8pt 'century gothic';
color: #928f8f;      
padding: 0px 35px 0px 35px;

}




/* ----------Centered Container Or the Layout--------------------- */

#container { 
width: 893px;

} 


/* --------------HEADER------------- */
 
 
#header {
height:164px;
background: url(/images/header.jpg);
}

.login {
float: right;
width: 175px;
padding: 0px 0px 25px 0px;
font: 10pt 'century gothic';
color: #0f7bab; 
text-align: center;
}

.login ul{
font: 10pt 'century gothic';
color: #0f7bab;    
padding-top: 100px;  
}

.login li{
font: 10pt 'century gothic';
color: #0f7bab;      
display: block;
list-style-type:none;
padding: 0px 0px 0px 5px;
}

.login li a {
font: 10pt 'century gothic';
color: #0f7bab;      

}


 
/* --------------LOGO IN HEADER *always use this*------------- */
.logolink {
float: left;
height: 164px;
width: 423px;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif);  width: 423px;  height: 164px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */
 

/* --------------TOPNAV------------- */

#topnav {
background: url(/images/navbg.jpg);
height: 81px; width: 893px;}



.suckertreemenu {
background: url(/images/navbg.jpg);
width: 587px;
}

.suckertreemenu img { border: none;}

.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
z-index: 5;
}

/*Top level list items*/
.suckertreemenu ul li{ position: relative; display: inline; float: left; z-index: 5;
 }

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
font: 10pt 'century gothic', Sans-serif;
color: #FFF;
text-decoration: none;
z-index: 5;

}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-top: -4px;
border-right: 1px solid #013668;
border-left: 1px solid #013668;
border-top: 1px solid #013668;
z-index: 5;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
z-index: 5;
background-color: #0062bd; 


}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
margin: 0px;
z-index: 5;

}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
text-align: left;
font: 9pt 'century gothic', Sans-serif;
color: #fff;
text-decoration: none;
padding: 5px 3px 5px 3px;
border-bottom: 1px solid #b1cae0;
background-color: #013668; 
width: 130px;
z-index: 5;

}

.suckertreemenu ul li a:hover { color: #2e63ba;}

.suckertreemenu ul li ul li a:hover{
background-color: #0062bd;
text-decoration:none;
font: 9pt 'century gothic', Sans-serif;
color: #fff;

}

.suckertreemenu ul li ul li a:visited{
color: #fff;
text-decoration: none;
font: 9pt 'century gothic', Sans-serif;
}


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* --------------LOCATION------------- */

#topdiv {
	position: relative;
	background: url(/images/cityidbg.gif);
	height: 26px;
	color: #dc0000;
	font: 12pt 'Century Gothic', Helvetica, Tahoma, Sans-Serif;
	text-align: left;
	padding: 3px 0px 0px 10px;
}

#location {
position: absolute;
top: 0;
left: 0;
padding: 0 0 0 10px;
}

#backButton {
position: absolute;
top: 0;
right: 0;
padding: 0 10px 0 0;
}

/* --------------MEMBERNAV------------- */

.navbarcontainer {
padding: 0px 0px 0px 20px;
margin: 0px;
}

.membernav ul{
width: 203px; /* Width of Menu Items */
font: 10pt 'century gothic';
background: #ebebeb;
border-bottom: 1px solid #d5d5d5;

}
	
/* Sub level menu links style */
.membernav ul li a{
color: #00376b;
text-decoration: none;
background: #ebebeb;
padding: 3px 8px;
border-bottom: 1px solid #d5d5d5;
}

.membernav ul li a:hover{
background-color: #d5d4d4;
color: #00376b
}

.membernav ul li a:hover{
background-color: #d5d4d4;
color: #00376b
}

.membernav .subfolderstyle{
background: url(/images/arrownav.gif) no-repeat center right;
}
	




/* --------------MAIN CONTENT----------------*/

div.scroll {
height: 250px;
width: 220px;
overflow: auto;
border: 0px;
padding: 8px;
}

#main {
background: #FFF; 
}

.content {
padding:12px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #fff;
font: 10pt 'century gothic';
text-align: left;
}

.content a{
font: 10pt 'century gothic';
color: #0b73d2;      
}

.loginpage {
padding:12px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: #fff url('/images/loginbg.jpg') no-repeat; 
font: 10pt 'century gothic';
}

.memberloginpage {
padding:12px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: #fff url('/images/memberareabg.jpg') no-repeat; 
font: 10pt 'century gothic';
}


.list ul {
padding: 0px 0px 0px 0px;

}

.list li {
display: block;
}

.list li a {
color: #0860b0;      
background: url(/images/arrowgrey.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
}

.photoborder {
border: 1px solid #928f8f;
}

.photoborderdk {
border: 1px solid #414040;
}

.navlist {
margin: 0px;
background-color: #fff;

}


.navlist a{
margin: 0px;
background-color: #fff;
font: bold 12pt 'century gothic';
color: #10b1df;    
  
}

.nowshowing {
margin: 0px;
font: bold 10pt 'century gothic';
color: #10b1df;    
  
}

.lgblue a{
margin: 0px;
font: 10pt 'century gothic';
font-weight: bold;
color: #0064c2;    
  
}


.middle {
width: 8px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #fff
}


.middlerow {
height: 8px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #fff
}

.middle12 {
width: 12px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #fff
}


.pad10 {
padding: 10px;
margin: 0px;
background-color: #000;
font: 8pt 'century gothic';
color: #fff;
}

.pad8 {
padding: 8px;
margin: 0px;
background-color: #000;
font: 8pt 'century gothic';
color: #fff;
}

.welcome {
font: 12pt 'century gothic' bold;
color: #10b1df;      
padding: 0px 0px 0px 0px;
}

.aquanote {
font: bold 10pt 'century gothic';
color: #10b1df;      
text-align: left;
padding: 10px 0px 10px 0px;
}


.aquanote a{
font: bold 10pt 'century gothic';
color: #10b1df;      
}


.blueheader {
height: 38px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: url('/images/blueheaderbg.gif'); 
text-align: left;

}


.blueheader a{
font: 8pt 'century gothic';
color: #fff;
height: 38px;
padding: 10px 10px 0px 0px;
}


.aquaheader {
height: 38px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: url('/images/aquaheaderbg.gif'); 
text-align: left;

}


.aquaheader a{
font: 8pt 'century gothic';
color: #fff;
height: 38px;
padding: 10px 10px 0px 0px;
background: url('/images/aquaheaderbg.gif'); 
}

.silvercell {
margin: 0px;
margin-left: 0px;
margin-right: 0px;
background: #fff url(/images/silverbg.gif) repeat-x;
min-height: 170px; 
}

.seasontickets{
height: 157px;
width: 276px;
padding: 0px 35px 35px 35px;
background: #fff url(/images/seasonticketsbottom.jpg) no-repeat;
min-height: 157px; 
}


.regular {
font: 10pt 'century gothic';

}

#main .navleft {
float:left; 
width: 200px;
margin: 0px;
padding: 0px;
background-color: #65e03f;
}


.infotable {
width: 97%;
font: 10pt 'century gothic';

}

.infotable td {
padding: 3px;
}

.information {
text-align: left;
}


.icontable {
width: 600px;
}

#icontable td {
padding: 8px;
}

.bordertable {
width: 100%;
border: 1px solid #ebebeb;

}

#bordertable td {
padding: 3px;
border: 1px solid #ebebeb;

}

.pad5table {
width: 95%;
}

#pad5table td {
padding: 5px;
}

.pad1table {
width: 95%;
}

#pad1table td {
padding: 1px;
}

.pad3table {
}

#pad3table td {
padding: 3px;
}

.pad10table {
width: 95%;
}

#pad10table td {
padding: 5px;
}

#registertable {
width: 85%;
float: left;
}


#registertable td{
padding: 3px;
}

h5{
font: 12pt 'century gothic';
font-weight: bold;
color: #fff;      
padding: 6px 5px 5px 5px;
height: 36px;
background: url('/images/memberboxbg.gif') repeat-x; 
margin-top: 15px;
}


#memberboxleft {
margin: 0px;
width: 200px;
float: left;
background-color: #fff;
}

#memberboxleft .header{
font: 12pt 'century gothic';
font-weight: bold;
color: #fff;      
padding: 6px 5px 5px 5px;
height: 36px;
background: url('/images/memberboxbg.gif') repeat-x; 
}

#memberboxleft .content{
padding: 5px;
}

#memberboxright {
margin: 0px;
width: 200px;
float: right;
background-color: #fff;

}
#memberboxright .header{
font: 12pt 'century gothic';
font-weight: bold;
color: #fff;      
padding: 6px 5px 5px 5px;
height: 36px;
width:100%;
background: url('/images/memberboxbg.gif') repeat-x; 
}

#memberboxright .content{
padding: 5px;
}

#memberboxcenter {
margin-left: 11px;
width: 200px;
float: left;
background-color: #fff;
}

#memberboxcenter .header{
font: 12pt 'century gothic';
font-weight: bold;
color: #fff;      
padding: 6px 5px 5px 5px;
height: 36px;
background: url('/images/memberboxbg.gif') repeat-x; 
}

#memberboxcenter .content{
padding: 5px;
}


#memberComment {
margin-left: 17px;
width: 204px;
float: left;
background-color: #fff;
}

#memberComment .header{
font: bold 12pt 'century gothic';
color: #0860b0;      
padding: 0px;
height: 39px;
background: url('/images/commentsheader.gif'); 
}

#memberComment .content{
padding: 5px;
background-color: #ebebeb;
}

#touring {
padding: 0px 5px 0px 25px;
background: url('/images/touringbg.gif');
text-align: left;
}

#touring .content{
font: 10pt 'century gothic';
color: #928f8f;      
background-color: #ebebeb;

}

#touring a{
font: bold 12pt 'century gothic';
color: #10b1df;   
background-color: #ebebeb;
   
}



#greybox {
margin: 15px 15px 5px 15px;
padding: 0px;
width: 246px;
float: left;
background-color: #ebebeb;
}

#greyboxtable{
padding: 0px;
}

#greyboxtable td{
padding: 3px;
}






/* --------------COMING ATTRACTIONS----------------*/


.cacell {
padding: 5px;
margin: 0px;
font: 8pt 'century gothic';
color: #fff;
}

.ca {
padding: 2px;
margin: 0px;
background-color: #929293;
font: bold 8pt 'century gothic';
color: #fff;
}

.caicons {
padding: 2px;
margin: 0px;
font: 8pt 'century gothic';
color: #fff;
}

.cabottom {
padding: 2px;
margin: 0px;
background-color: #929293;
}

#calocation {
padding: 8px 0px 0px 0px;
margin: 0px;
font: bold 11pt 'century gothic';
color: #71e6f6;
float: left;
text-align: left;
}

#calocation a{
font: bold 11pt 'century gothic';
color: #71e6f6;
text-decoration:underline;
}


.cainfoicon {
padding: 0px;
margin: 0px;
float: left;
width: 35px;
text-align: center;
}

#navicon img{
margin-right: 10px;
}



/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
width: 893px;
margin: 0 auto; 
} 

#footer {
background-color: #000;
height: 100px;
height: auto;
font: 8pt 'century gothic';
color: #fff;
text-align: center

}

.bottom { 
width: 893px; 
height: 57px;
margin: 0 auto; 
position: relative; 
background: url('/images/footerbottom.gif'); 


}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
color: #fff;

}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #fff;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 8pt 'century gothic';
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #fff;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt 'century gothic';
}

/* ----- CITY SELECT ---------- */
#cityselect{
width: 200px;
font: 8pt 'century gothic';
color: #0860b0;
background: white;
}

#cityselect a{
font: 8pt 'century gothic';
color: #0860b0;
}

#cityselect a:hover{
font: 8pt 'century gothic';
color: #10b1df;
text-decoration:underline;
}

#cityname{
font: bold 12pt 'century gothic';
color: #fff; 
vertical-align:middle; 
text-align: left;
padding-bottom: 6px;    
}

#cityname a{
font: bold 12pt 'century gothic';
color: #fff;    
text-decoration:none;  
}

#cities{
width: 190px;
height: 75px;
padding: 0px;
padding-top: 5px;
float: left;
}

#citiesholder{
width: 190px;
}

#citiesholder td{
padding: 0px;
}


#mainContent{background-color: #F3EF14;height: auto; min-height: 200px; height: 100%}

#mainContent .header{
height: 38px;
background: #F3EF14 url('/images/aquaheaderbg.gif') repeat-x top left; 
font: 13pt 'century gothic';
text-transform:uppercase;
color: #fff;    
padding: 10px 0px 0px 10px;
font-weight:500;}

#subContent{ background-color: #F3EF14; padding: 0px;height: auto; min-height: 200px; height: 100%}
#mainContent .boxHeader{font: bold 11pt 'century gothic'; color: #10b1df;}
#mainContent .boxDescription{font: 10pt 'century gothic'; color: black;}
#mainContent .LocationName{font: bold 11pt 'century gothic'; color: #10b1df;}
#mainContent img{float: left;margin-right: 10px; border: 3px #929293 solid;}
#box1Content{	float: left;	width: 273px; background-color: White;background-image:url('images/yellowgradient.jpg'); background-repeat:repeat-x; padding: 10px;}
#box2Content{	float: right;	width: 274px; background-color: White;background-image:url('images/yellowgradient.jpg'); background-repeat:repeat-x; padding: 10px;}



#isc { border-collapse:collapse; padding: 0px;background-color: #fff;width: 100%}
#isc th{background: url('/images/blueheaderbg.gif');height: 38px;text-align: left; }
#isc td{padding: 10px; font: 10pt 'century gothic'; color: #000;text-align: left; vertical-align:top;}
#isc .map{border-right: 1px #0759a3 solid;}


.aquamainheader{
height: 38px;
background: url('/images/aquaheaderbg.gif') repeat-x top left; 
font: 13pt 'century gothic';
text-transform:uppercase;
color: #fff;    
padding: 10px 0px 0px 10px;
font-weight:500;}

.aquaborderright{
	border-right: 1px #10b1df solid;
	margin-right: 20px;
}

#brochuretable td{
	padding: 10px;
}

#formtable td{
	padding: 0px;
}


.announcements .text{ float: left;width: 300px;}
.announcements .starimg{ float: right;width: 100px;}

/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }