/*
---------------------------------------------------------------
Cocokey - text
Elise Georgeson
2.10.2008
---------------------------------------------------------------*/

/* TEXT */

body {
	font-size: 11px;
	color: #333333;
	line-height: 1.4em;
	background-color: #D3B66E;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%
}

a:link { text-decoration: none; color: #EE2822; }

a:visited { text-decoration: none; color: #EE2822; }

a:active { text-decoration: none; color: #EE2822; }

a:hover { text-decoration: none; color: #68771F; }

p {
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.location { 
	color: #ffffff;
	font-weight: bold;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin-left: 5px;
	letter-spacing: 0px;
	text-align: left;
}
.location a, .location a:hover,.location a:active,.location a:visited {color:#fff;}


h1 {
	font-size: 18px;
	color: #484848;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	letter-spacing: 0px;
	text-align: left;
	}
h1.location2 { 
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin:0 0 0 20px;
	letter-spacing: 0px;
	text-align: left;
	padding-top:7px;
	width:400px;
	float:left;
	display:inline
}
h2.location2 {font-size:16px; color:#fff; 
             margin:0 0 0 195px;
             line-height:normal;
             padding-top:5px;float:left; display:inline}
.location2 a, .location2 a:hover,.location2 a:active,.location2 a:visited {color:#fff; display:block;margin:0; padding:0}	
.location2 a span {font-weight:normal; font-size:12px; text-decoration:underline; color:#fff}	
h2 {
	font-size: 16px;
	color: #333333;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: 0px;
	text-align: left;
	}
h2.location {font-size:24px; color:#fff; 
             margin:0 0 0 195px; 
             padding:15px 0 0 0;
             line-height:normal}

h2.location a:link{text-decoration:none; color:#fff;}
h2.location a:visited{text-decoration:none; color:#fff;}
h2.location a:active{text-decoration:none; color:#fff;}
h2.location a:hover{text-decoration:none; color:#fff;}
h2.after-p{margin: 15px 0 5px 0}
h3 {
	font-size: 14px;
	color: #484848;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	letter-spacing: 0px;
	text-align: left;
	padding:0;
	}

	
h4 {
	
	font-size: 11px;
	color: #333333;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	text-align: left;
	}
	h8 {
	
	font-size: 11px;
	color: #FF0000;
	font-family:  Arial, Verdana, Helvetica, sans-serif;


	}
	.BuyDayPassLink {
    position:relative;
    top:257px;
    left:-40px;
    font-weight:bold;
}
/*
.tertiaryNav ul {
	margin: 3px 0 0 0px;
	padding: 0 0 0 0px;
	padding-left: 0;
	list-style: none;
}

.tertiaryNav li {
	font-size:11px;
	width: 123px;
	font-weight: bold;
	color: #333333;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
}

.tertiaryNav ul li ul {
	margin: -2px 0 0 8px;
	padding: 0;
	padding-left: 0;
	list-style: none;
}

.tertiaryNav ul li ul li {
	font-size:11px;
	width: 115px;
	font-weight: bold;
	color: #333333;
	margin-top: 0px;
	padding: 2px 0 2px 0;
	border-bottom: solid 1px #F2F6D6;
} 




.tertiaryNav ul li ul li ul {
	display:none;
	
}

.tertiaryNav li A:active {color: #333333; text-decoration: none;}
.tertiaryNav li A:link {color: #333333; text-decoration: none;}
.tertiaryNav li A:visited {color: #333333; text-decoration: none;}
.tertiaryNav li A:hover  {color: #808D39; text-decoration: none;}
.tertiaryNav li .AspNet-Menu-Selected a {color: #808D39; text-decoration: none;}

.TertiaryNavBtn {
	font-size:11px;
	background: url(images/TertiaryBtn.gif) no-repeat;
	background-position: 0 .13em;
	line-height: 30px;
	font-weight: bold;
	color: #808D39;
	margin-top: 0px;
	padding-left: 27px;
	text-align: left;
}

.TertiaryNavBtn a:active {color: #808D39; text-decoration: none;}
.TertiaryNavBtn a:link {color: #808D39; text-decoration: none;}
.TertiaryNavBtn a:visited {color: #808D39; text-decoration: none;}
.TertiaryNavBtn a:hover  {color: #ffffff; text-decoration: none;}
*/

#Cocolinks ul {
	margin: 0 0 0 -2px;
	padding: 0 0 5px 0px;
	color: #9BCDE5;
	list-style: none;
	float:right
}
#Cocolinks div {float:right; width:130px}
#Cocolinks li {
	line-height: 12px;
	color: #9BCDE5;
	margin-top: 2px;
	padding-left: 15px;
}
#Cocolinks li a {color: #fff; text-decoration: none;font-size:11px !important;}
#Cocolinks li a:active {color: #ffffff; text-decoration: none;}
#Cocolinks li a:visited {color: #ffffff; text-decoration: none;}
#Cocolinks li a:hover  {color: #1075B4; text-decoration: none;}

.funstuffTitle{
color: #277DB3;
}
.Calenderdates {
	margin: 0 10px;
	padding-left: 0px;
	color: #333333;
	list-style: none;
}

.Calenderdates li {
	font-size:11px;
	padding: 0px 0px 2px 0px;
	font-weight: bold;
	line-height: 14px;
	color: #333333;
}

.Calenderdates.special li {color: #F15D51; text-decoration: none;}
.Calenderdates li A:active {color: #F15D51; text-decoration: none;}
.Calenderdates li A:link {color: #F15D51; text-decoration: none;}
.Calenderdates li A:visited {color: #F15D51; text-decoration: none;}
.Calenderdates li A:hover  {color: #000000; text-decoration: none;}

.Calenderdates li A.date:active {color: #000; text-decoration: none;}
.Calenderdates li A.date:link {color: #000; text-decoration: none;}
.Calenderdates li A.date:visited {color: #000; text-decoration: none;}
.Calenderdates li A.date:hover  {color: #000; text-decoration: none;}


.quote {
	font-style: italic;
	text-align: right;
	color: #000000;
}

.CoCoMailLogin{
	font-size:10px;
	padding: 0px 2px 0px 4px;
}

.bonus{
	color: #CC0000;
	font-weight: bold;
}


.areaattr{
	margin: 20px 0px 20px 10px;
}


.txtlft{
	text-align: left;
}




.marquee{
	font-size:11px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	font-weight:bold;
}

.marquee a:active {color: #283891; text-decoration: underline;}
.marquee a:link {color: #283891; text-decoration: underline;}
.marquee a:visited {color: #283891; text-decoration: underline;}
.marquee a:hover  {color: #000000; text-decoration: underline;}

.faq {
	
	font-size: 12px;
	color: #333333;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}
	
.dining {
	
	font-size: 12px;
	color: #333333;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}

.postCardText 
{
    margin: 10px 0px 15px 10px;
}

.slideshowLink {
    font-weight: bold;   
}

.Listlink{
    font-weight: bold;   
}

	
.boldheader {
	font-size: 12px;
	color: #333333;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}
	
.termsbodyred, .termsbodyred a:link, .termsbodyred a:hover, .termsbodyred a:visited {
	font-size: 10px;
	color: #cc0000;
	font-weight: bold;
}

.termssmall
{
	font-size: 10px;
}

.birthday {
	font-size: 16px;
	color: #0066CC;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0px;
	text-align: left;
}

.birthdayPass {
    font-size: 16px;
	color: #cc0000;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0px;
	text-align: left;
}

.bookLinkText 
{
    font-size: 13px;
    font-weight: bold;
}

.dealsheader {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 18px;
	padding: 0px;
	color:#EE2827;
}


.fineprint { 
	font-size: 9px;
	color: #333333;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 5px;
	letter-spacing: 0px;
	
}

#footer { 
	font-size: 9px;
	color: #6A6346;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 0px;
	text-align: center;
	width:100%
}

#footer a:active {color: #6A6346; text-decoration: underline;}
#footer a:link {color: #6A6346; text-decoration: underline;}
#footer a:visited {color: #6A6346; text-decoration: underline;}
#footer a:hover  {color: #333333; text-decoration: underline;}
#footerNav {margin:10px; clear:both; text-align:center}
#footerNav2 {margin:10px; clear:both}
#footerNavLocations{ margin:10px; clear:both; text-align:center}
#footer ul {display:block; margin:0 auto}
#footerNavLocations ul {margin:0 auto; width:370px; display:block}
#footer ul li {display:inline; list-style:none; padding:0 5px}
#footerNav2 ul li {padding:0 2px}
#footer p {text-align:center}
li #daypassesFunPack {
    line-height: 14px;
}

li #companydiscount {
    line-height: 14px;
}

ul #portalTermsList
{
    text-align: left;
}

li #portalTermsList
{
    text-align: left;
}

.goinggreen{ 
	color: #008135;
	margin-top: 10px;
}


.jingle{ 
	color: #006C95;
	margin-top: 10px;
}

.schoolsOut{ 
	color: #006C95;
	margin-top: 20px;
	font-size: 13px;
}

.cyber{ 
	color: #CC0000;
	font-weight:bold;
	margin-top: 20px;
	font-size: 13px;
}

.jingleheader 
{
    font-size: 16px;
	color: #006C95;
	margin-top: 25px;
}

ul.attractions li
{clear:  both;
border-bottom: dotted 1px #d4b979;
list-style-type: none;
margin-top: 5px;
padding-bottom: 5px;
}
.left{text-align: left;}

ul.attractions2 li
{clear:  both;
border-bottom: dotted 1px #d4b979;margin-right:20px;
list-style-type: none;
margin-top: 5px;
padding-bottom: 5px;
padding-right:6px;
}
.left{text-align: left;}

/*modal boxes*/
.basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {width:300px; color:#bbb; background-color:#FCFDE0; border:4px solid #A6BC12; padding:12px;}
#simplemodal-container h2 {color:#333; font-size:20px; border-bottom:dotted 1px #a6bc12; padding-bottom:5px}
#simplemodal-container a {color:#ff1717; display:block; width:125px; float:left; font-weight:bold; font-size:13px; padding:5px;  margin-right:5px}
#simplemodal-container a:hover {color:#fff; background-color:#ff1717}
#simplemodal-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:27px; height:24px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container .basic-modal-content {padding:8px;}
#socialLinkWrapper {background-color:#FCFDE0; margin:10px 5px 10px 0; width:700px; clear:both; float:right}
#socialLinks {padding:9px 7px 6px 7px; background-color:#81D3EB; color:#fff; margin:0 0 0 5px}
#socialLinks .socialTitle {margin:0 20px 0 0}
#socialLinks .socialLine {margin:0 10px}
/*promo slides*/
#promoSlideWrapper {position:relative; z-index:0 !important}
#promoSlides {width:695px; height: 331px; overflow:hidden; margin:8px 4px 0 0; z-index:0}
#promoSlides ul {list-style:none !important; margin:0; padding:0}
#promoSlides ul li {margin:0;padding:0; list-style:none !important}
#slidesNav {position:absolute; z-index:999; right:20px; bottom:0px; background:url(/images/slideNavBg.png) no-repeat 0 1px ; width:186px; height:25px; padding:25px 0 0 10px; text-align:left}
#slidesNav a {background-color:#81D3EB; color:#fff; padding:1px 5px; margin:0 0 0 4px; border:1px solid #fff}
#slidesNav a.activeSlide {background-color:#fff; color:#81D3EB}
/*
#slidesNav ul {list-style:none; margin:0; width:auto; padding:0 0 0 0}
#slidesNav ul li {list-style:none; height:54px; margin: 5px 5px 0 0}
#slidesNav ul li.activeLI {padding:5px; background: #ff8 } */
#mainimage {position:relative}
.freelegal{float:left; margin-top:20px; line-height:16px;}

.occupantsBlock{float: left; padding-left: 14px;}
.roomsBlock{float: left;}
.labels .guests, .room .guests{float: left;}
.labels .children{float: left; padding-left: 20px;}
.children-text { padding-left: 12px;}
.room .children{float: left; padding-left: 12px;}
.room.jqRoom{ float: left;}
.widgetTitle{font-weight: bold; font-size: 14px;}
.calendar-image { background-image: url('images/calendar.png');width: 24px;height: 24px;float: left;margin: 0 0 0 4px;}
.dateInput { float: left;}