@charset "UTF-8";
/* CSS Document */

/* ---------- STRUCTURE */

body { margin:0; padding:0; position:relative; background:#fded1b url(gfx/strip2.png) repeat-x; }

.clear { clear:both} 
.hide { display:none}
.fl { float:left}
.fr { float:right} 

.mgl {margin-left:10px}
.mgt {margin-top:10px}
.mga {margin:auto}
.m10 {margin:10px}

.fff {  background:#fff}
.ooo { background:#000}
.green {background:#036e3a;}

.w100 { width:100px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w500 { width:500px;}
.w520 { width:520px;}
.w550 { width:550px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w750 { width:750px;}
.w800 { width:800px;}
.w820 { width:820px;}
.w900 { width:900px;}
.w920 { width:920px;}
.w940 { width:940px;}
.wmax { width:100%;}

.h335 { height:335px}
.h400 { height:400px}

.schedcol { position:relative; float:left; margin:10px; width:200px; }

.sched { border:solid 1px #333}

/* ---------- TEXT STYLES */


body { font-family:Arial, Helvetica, sans-serif; font-size:12px;  }

.gray  {color:#333; line-height:1.4em}


.myh1 { font-size:16px; font-weight:bold; color: #FFFF00}

.myh2 { font-size:14px; font-weight:bold; color:#FF6600}

.myh4 { font-size:12px; font-weight:bold; color:#FF6600}
.myh5 { font-size:12px; font-weight:bold; color:#000}

a:link, a:visited { color:#006699; font-weight:bold; text-decoration:none}
a:hover { color:#33CCCC; font-weight:bold;}

.byline { position:relative; font-size:10px; font-style:italic; font-family:"Times New Roman", Times, serif; color: #009933  ; margin-right:10px }



/* ---------- BOXES */


.inboxb { width:98%; margin-left:5px;}

.hrow { border-bottom:solid 1px #CC3300; width:100%; height:2px}

.box { position:relative; border:solid 1px #CC3300;}
.box10 { position:relative; margin-top:10px; border:solid 1px #CC3300;}




.p10 { padding:10px}

.greenbox { width:100%; border-bottom:solid 1px #CC3300; background:#036e3a; }


.b1 { position:relative; margin-top:10px; width:400px; height:auto; border:solid 1px #CC3300; background:#fff; float:left}

.b2 { position:relative; width:500px; height:auto; margin-left:10px; }

.b3 { position:relative; margin-top:10px;  border:solid 1px #CC3300; background:#fff; float:left;  width:475px; height:auto; margin-left:15px; }

.b4 { position:relative; width:400px; height:auto; border:solid 1px #CC3300; background:#8bc53f; float:left}

.b5 { position:relative; margin-top:10px;  border:solid 1px #CC3300; background:#fff; float:left;  width:475px; height:271px; margin-left:15px; }

.homebandslide {  border-top:solid 1px #CC3300;  border-bottom:solid 1px #CC3300;}


/* navigation */



.nav, .nav ul {position:relative; top:-35px;}


.nav a {display: block;  }

.nav li { float:left; padding:0px 5px 0px 5px; border-right:solid 1px #cc3300;  list-style:none;  text-align:center; margin-top:10px; }

li .noborder  {border-right:solid 9px #ff3300}
.borderleft {border-left:solid 1px #cc3300;}


 
 
 a#button_schedule:link, a#button_schedule:visited  { position:relative; text-indent:-9999px; overflow:hidden; width:500px; height:50px; display:block;   background:url(gfx/button_schedule.png) no-repeat 0px 0px;}
a#button_schedule:hover,  #current a#button_schedule:link { position:relative; text-indent:-9999px; overflow:hidden; width:500px; height:50px; display:block;  background:url(gfx/button_schedule.png) no-repeat 0px -50px;}




a#news { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:50px;}
a#news:link, a#news:visited  { background:url(gfx/menugfx/news.png) no-repeat 0px 0px; }
a#news:hover,  #current a#news:link { background:url(gfx/menugfx/news.png) no-repeat 0px -14px;} 


a#show { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:93px;}
a#show:link, a#show:visited  { background:url(gfx/menugfx/show.png) no-repeat 0px 0px; }
a#show:hover,  #current a#show:link { background:url(gfx/menugfx/show.png) no-repeat 0px -14px;} 


a#resorts { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:118px;}
a#resorts:link, a#resorts:visited  { background:url(gfx/menugfx/resorts.png) no-repeat 0px 0px; }
a#resorts:hover,  #current a#resorts:link { background:url(gfx/menugfx/resorts.png) no-repeat 0px -14px;} 


a#superinclusive { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:238px;}
a#superinclusive:link, a#superinclusive:visited  { background:url(gfx/menugfx/superinclusive.png) no-repeat 0px 0px; }
a#superinclusive:hover,  #current a#superinclusive:link { background:url(gfx/menugfx/superinclusive.png) no-repeat 0px -14px;} 


a#book { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:123px;}
a#book:link, a#book:visited  { background:url(gfx/menugfx/book.png) no-repeat 0px 0px; }
a#book:hover,  #current a#book:link { background:url(gfx/menugfx/book.png) no-repeat 0px -14px;} 


a#travel { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:64px;}
a#travel:link, a#travel:visited  { background:url(gfx/menugfx/travel.png) no-repeat 0px 0px; }
a#travel:hover,  #current a#travel:link { background:url(gfx/menugfx/travel.png) no-repeat 0px -14px;} 


a#activities { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:94px;}
a#activities:link, a#activities:visited  { background:url(gfx/menugfx/activities.png) no-repeat 0px 0px; }
a#activities:hover,  #current a#activities:link { background:url(gfx/menugfx/activities.png) no-repeat 0px -14px;} 


a#facebook { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:90px;}
a#facebook:link, a#facebook:visited  { background:url(gfx/menugfx/facebook.png) no-repeat 0px 0px; }
a#facebook:hover,  #current a#facebook:link { background:url(gfx/menugfx/facebook.png) no-repeat 0px -14px;} 


a#faq { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:34px;}
a#faq:link, a#faq:visited  { background:url(gfx/menugfx/faq.png) no-repeat 0px 0px; }
a#faq:hover,  #current a#faq:link { background:url(gfx/menugfx/faq.png) no-repeat 0px -14px;} 


a#myspace { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:81px;}
a#myspace:link, a#myspace:visited  { background:url(gfx/menugfx/myspace.png) no-repeat 0px 0px; }
a#myspace:hover,  #current a#myspace:link { background:url(gfx/menugfx/myspace.png) no-repeat 0px -14px;} 


a#mailing { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:112px;}
a#mailing:link, a#mailing:visited  { background:url(gfx/menugfx/mailing.png) no-repeat 0px 0px; }
a#mailing:hover,  #current a#mailing:link { background:url(gfx/menugfx/mailing.png) no-repeat 0px -14px;} 


a#contact { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:83px;}
a#contact:link, a#contact:visited  { background:url(gfx/menugfx/contact.png) no-repeat 0px 0px; }
a#contact:hover,  #current a#contact:link { background:url(gfx/menugfx/contact.png) no-repeat 0px -14px;} 


a#terms { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:59px;}
a#terms:link, a#terms:visited  { background:url(gfx/menugfx/terms.png) no-repeat 0px 0px; }
a#terms:hover,  #current a#terms:link { background:url(gfx/menugfx/terms.png) no-repeat 0px -14px;} 


a#banners { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:80px;}
a#banners:link, a#banners:visited  { background:url(gfx/menugfx/banners.png) no-repeat 0px 0px; }
a#banners:hover,  #current a#banners:link { background:url(gfx/menugfx/banners.png) no-repeat 0px -14px;} 

a#twitter { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:80px;}
a#twitter:link, a#twitter:visited  { background:url(gfx/menugfx/twitter.png) no-repeat 0px 0px; }
a#twitter:hover,  #current a#twitter:link { background:url(gfx/menugfx/twitter.png) no-repeat 0px -14px;} 


a#login { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:14px; width:54px;}
a#login:link, a#login:visited  { background:url(gfx/menugfx/login.png) no-repeat 0px 0px; }
a#login:hover,  #current a#login:link { background:url(gfx/menugfx/login.png) no-repeat 0px -14px;} 

 

a#token { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:45px; width:325px;}
a#token:link, a#token:visited  { background:url(gfx/menugfx/token.png) no-repeat 0px 0px; }
a#token:hover,  #current a#token:link { background:url(gfx/menugfx/token.png) no-repeat 0px -45px;} 

a#readytogo { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:45px; width:325px;}
a#readytogo:link, a#readytogo:visited  { background:url(gfx/menugfx/readytogo.png) no-repeat 0px 0px; }
a#readytogo:hover,  #current a#readytogo:link { background:url(gfx/menugfx/readytogo.png) no-repeat 0px -45px;} 

a#userlogin { position:relative; text-indent:-9999px; overflow:hidden; display:block; color:#fff; height:45px; width:325px;}
a#userlogin:link, a#userlogin:visited  { background:url(gfx/menugfx/userlogin.png) no-repeat 0px 0px; }
a#userlogin:hover,  #current a#userlogin:link { background:url(gfx/menugfx/userlogin.png) no-repeat 0px -45px;} 




a#onsalenow { position:relative;text-indent:-9999px;  overflow:hidden; display:block; color:#fff; width:398px; height:70px;}
a#onsalenow:link, a#onsalenow:visited  { background:url(gfx/btn_onsalenow.png) no-repeat 0px 0px; }
a#onsalenow:hover { background:url(gfx/btn_onsalenow.png) no-repeat 0px -70px;}


a#retusers { position:relative;text-indent:-9999px;  overflow:hidden; display:block; color:#fff; width:398px; height:40px;}
a#retusers:link, a#retusers:visited  { background:url(gfx/btn_retusers.png) no-repeat 0px 0px; }
a#retusers:hover { background:url(gfx/btn_retusers.png) no-repeat 0px -40px;}











/* -------------   OLD CSS */




.b12 {font-size:12px; font-weight:bold}

h1 {color:#036e3a}
h2 {color:#036e3a;}

.subh4 {margin-top:3px} 
 
.f11 { font-size:12px; letter-spacing:1px; line-height:120% } 
 
.htg { position:relative; float:right; top:20px; right:0px; }

.stg { position:relative; float:left; top:35px; left:10px; }

.ftg { position:relative; float:right; top:25px; right:30px; }

.clear { clear:both}

.topad { padding-top:10px}



#topper { position:relative; background:url(graphics/top245.jpg); width:840px; height:245px; margin-left:auto; margin-right:auto; margin-top:10px;}
#foot {position:relative;  background:url(graphics/fauxfoot.gif) no-repeat; width:840px; height:80px; margin-left:auto; margin-right:auto;  }

#container {position:relative;margin-left:auto; margin-right:auto; width:840px; background:url(graphics/fauxbak.gif)  }


#menubody {position:relative;  float:right; width:300px; background:url(graphics/menubdy.jpg) repeat-y;}
#menufoot {position:relative; width:300px; height:30px; background-image:url(graphics/menuft.jpg);}

.inbox { margin-left:20px;  margin-right:20px; width:auto;  }


.button {width:278px; background:url(graphics/button30px.jpg); text-align:center; margin-left:auto; margin-right:auto; border-top:solid 1px #CBFF00;}

.firstbutton { margin-top:10px;}
.lastbutton { border-bottom:solid 1px #CBFF00;}


.menubtmbtns { text-align:center; margin-top:10px}

.menubtmbtns li  { display:inline; padding:5px}

.menubtmbtns a:link, .menubtmbtns a:visited { color:#6C9931; font-size:14px; text-decoration:none;}
.menubtmbtns a:hover { color:#BE0000; font-size:14px; text-decoration:none;}





/* resorts */ 



#header {
    float:right;
    width:100%;
    background:#fff url("graphics/tab/bg.gif")
      repeat-x bottom;
    font-size:93%;
    line-height:normal;

    }

  #header ul { float:right;
   margin:0;
    padding:10px 40px 0;
    list-style:none;
    }
  #header li {
    float:left;
	background:url("graphics/tab/norm_right.gif")
      no-repeat right top;
    margin:0;
    padding:0;
    }	

  #header a {
    display:block;
	background:url("graphics/tab/norm_left.gif")
      no-repeat left top;
	  color: #6C9931; font-size:18px; text-decoration:inherit;
    padding:5px 15px; text-decoration:none;
    }
	
		
#header #current {
    background-image:url("graphics/tab/norm_right_on.gif");
    }
  #header #current a {
    background-image:url("graphics/tab/norm_left_on.gif");
	color:#BE0000;
		
    }

#header a {
    display:block;
    background:url("graphics/tab/norm_left.gif")
      no-repeat left top;
	  
    padding:5px 15px 4px;
    }
  #header #current a {
    background-image:url("graphics/tab/norm_left_on.gif");
    padding-bottom:5px;
    }	


#contentarea {width:819px; margin-left:11px;}



/* resorts rooms */ 



.room {float:left; width:388px; height:192px; margin:5px; font-size:11px}

.room .image {float:left; display:block}

.room .inner {float:left; padding-left:5px; width:175px;height:180px; border-bottom: solid 1px #663333;  }

.inner h3 { color:#000; margin-top:5px;}

.inner p { margin-top:5px}

.inner .rmcnt { font-size:90%; color:#333333}


.inner a.flrpln { color:#BE0000;  margin-top:10px; font-size:10px;  font-weight:bold; text-decoration:none }
.inner a.flrpln:hover {  color:#6C9931; font-size:10px;  font-weight:bold; text-decoration:none; }



.brezroom {float:left; width:388px; height:auto; margin:5px; border-bottom:solid 1px #999; background:#FFF}

#brz2 { height:185px}

.brezroom .image {float:left; display:block}

.brezroom .brep {margin:5px; }

.brezroom .inner {float:left; padding-left:5px; width:136px; height:154px;  background:#FFF  }

.brezroom .inner h3 { color:#000; margin-top:5px;}

.brezroom .inner p { margin-top:5px}

.brezroom .inner .rmcnt { font-size:90%; color:#333333}

.brezroom.inner a.flrpln { color:#BE0000;  font-weight:bold; text-decoration:none }
.brezroom .inner a.flrpln:hover {  color:#6C9931; font-weight:bold; text-decoration:none; }

.brezroom .inner a.flrpln { color:#BE0000;  margin-top:10px; font-size:10px;  font-weight:bold; text-decoration:none }
.brezroom.inner a.flrpln:hover {  color:#6C9931; font-size:10px;  font-weight:bold; text-decoration:none; }







/* resorts dining */ 

.restlist { width:480px; float:left}

.brestlist { width:800px; float:left; margin-left:20px;}

.restdesc { width:250px; float:left; border:solid 1px #CBFF00; margin:10px; padding:10px}

.restline { border-bottom:dashed 1px #CBFF00; height:5px; margin-bottom:5px; width:90%; margin-left:auto; margin-right:auto; }

.restrnt {float:left; width:inherit; height:198px; margin:10px; }

#brestrnt { width:750px}

.restrnt .image {float:left; display:block}

.restrnt .inner {float:left; padding-left:5px; width:175px; height:186px; border-bottom: solid 1px #663333;  }


#binner { width:400px; height:146px;}


.inner h3 { color:#000; margin-top:5px;}

.inner p { margin-top:5px;  text-decoration:none; }

.inner .rmcnt { font-size:90%; color:#333333}

/* resorts activities */ 


.activs {position:relative; float:left; width:700px; height:164px; margin:10px; margin-left:10px }

.activs .image {position:relative;  float:left; display:block}



.activs .inner { position:relative; top:0px; float:left; padding-left:5px; width:400px; height:150px; border-bottom: solid 1px #663333;  }

.activs #bactinner {height:220px; }

.inner h3 { color:#000; margin-top:5px;}

.inner p { margin-top:5px}

.inner .rmcnt { font-size:90%; color:#333333}

.inner a { color:#BE0000; font-size:12px; font-weight:bold; text-decoration:none }

.inner a:hover { text-decoration:none; color:#6C9931}

.scubabox {margin-left:20px;  margin-right:20px; width:auto; }

.brscubabox {margin-left:20px;  margin-right:20px; width:auto; }

.scubabox ul { list-style:none}

.brscubabox ul { list-style: disc ; list-style-position:inside; width:auto }

.brscubabox ul li { list-style: disc ; list-style-position:inside; padding:3px; l }


/* book a cabin */ 


.ratecard { float:left; position:relative; width:500px; margin-left:5px;  }


.rateblock { width:250px; float:left}

.rateblock table { width:auto;  }

.rateblock table td { height:20px; margin:330px; padding:5px}



.inputcard { float:left; position:relative; margin-left:5px; width:100%;  }

.inputblock { width:425px; float:left}

.inputblock table { width:auto;  }

.inputblock table td { height:20px; margin:330px; padding:5px}

.inputblock .cn input { width:275px}
.inputblock .cp input { width:50px}


#hedo  {  }
#brez  {  }


.rbtitle { font-size:16px; color:#6C9931; margin:0px;  border-bottom:solid 1px #CBFF00; }

.cn { font-weight:bold; border-bottom:solid 1px #CBFF00;   }


.cp { color:#EB0000;  border-bottom:solid 1px #CBFF00;  text-align:right}

.tp {  border-top:solid 1px #CBFF00; }

#book h5 { color:#EB0000; font-size:12px; margin:5px 0 3px 0}


.bkdate {font-size:14px; font-weight:bold; color:#EB0000}
.bksub { font-weight:bold}

.bkitem { width:auto; border-top: solid 1px #CCC; margin-top:3px; }

.bkitem p {margin:5px 0px 5px 0px; font-size:11px; }

.bkneeds { position:relative; width:260px; float:left; margin-right:20px; font-size:11px;   border-right:solid 1px #CCC;}

.bkin { margin:0 10px 5px 5px; width:auto;}

.bkneeds ul { list-style:none;font-weight:bold; color:#EB0000; margin:8px 0 8px 0 }

.bkneeds ul li { margin:3px 0px 3px 0px;  } 

.pdbrd { margin-left:5px; width:490px; border-bottom:solid 1px #Ccc; }


.subh4 {color:#666}

.whatineed { position:relative; width:260px;  font-size:11px;  }



.whatineed ul { list-style:none;font-weight:bold; color:#EB0000; margin:5px 0 8px -40px }

.whatineed ul li { margin:3px 0px 3px 0px;  } 

/* others */ 

.cntitle { font-size:12px; font-weight:bold; letter-spacing:1px; color:#6C9931 ; }
.cntaddy {color: #CC3300;  }

.activs #superin {height:135px; border:none}

.alls { font-size:16px;  color: #BE0000}


.allul { list-style:none;}
.allul li { list-style:none; padding:5px; font-size:11px; }


.gallery {}

.gallery .galimage { float:right; margin:5px; border:solid 1px #333; display:inline; }


.contact { border-top:solid 1px #ccc;   width:200px; height:100px;  padding:15px; float:left }


.bannerdivider {margin:20px 0px 30px opx; border-top:solid 1px #333; width:700px}

.bannerp {font-size:10px; color:#333}

.pblnk {float:right; position:relative; top:15px; right:20px}


/* faq list */

.faqlist  { position:relative; top:10px; left:10px; display:inline; height:30px; list-style-type: none; list-style-position:inside;  }

.faqlist li { padding-right:10px; display:inline; }


.faq { list-style:none;font-weight:bold; color:#EB0000; margin:8px 0 8px 0 }

.faq li { margin:3px 0px 3px 0px;  } 

/* prebook */


.pbwrap {border:solid 1px #CCC; width:auto}
.pbbox {width:auto; padding:10px;  }

.pbitem { font-size:11px; margin-bottom:3px; margin-top:5px}

.txt, .txtarea, .sel { 
    font-size:1.1em;
    line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:url(graphics/fieldbg.gif) repeat-x top #fff;
}


/* news */


	
	.cdheadline{	
		
		font-size: 1.4em;
		line-height:120%;
		color: #999900 ;
		padding-top:5px;
	}
	
	.cddate{	
		
        
		font-size: 0.8em;
		line-height:130%;
		color: #339900;
		font-style:italic;
		padding:0px 3px 0px 0px;
	}
	
	.cdentry{	
		
		font-size: 1.0em;
		line-height:130%;
		
	}
	
	.cdbtmline{
	
	padding-bottom:10px; border-bottom:dotted 1px #CCC; width:450px; margin-left:auto; margin-right:auto;
	}
	
	/* forms */
	
	
input.textbox, input.text, textarea, select{ width:400px
    font-size:1.1em;
    line-height:1.3em; 
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(gfx/fieldbg.gif) repeat-x top;
}


/* activities */

.required { color:#FF0000; font-weight:bold} 

.activ img { float:left; border:solid 1px #990000; margin:0px 5px 5px 5px; padding:5px}

.activ .hrow { border-bottom:solid 1px #ccc}


.themes { float:left; border:none; margin-right:5px; padding:0px}



/* single tickets */

.singletixform label {margin:0 20px 0 20px; font-size:1.1em; color:#333 }

.datecheck {}

.singletixform .hrow {margin:10px 0 10px 0; border-bottom:solid 1px #ccc; width:100%; height:2px}

.singleprice {margin:0 0 0 20px; font-size:10px; color:#FF0000}

.box2 { position:relative; border:solid 1px #ccc; background:#fff;}


#divPage { background:#fff;}


/* extended tickets */

.xtendtixform label {margin:0 20px 0 20px; font-size:1.1em; color:#333 }

.datecheck {}

.xtendtixform .hrow {margin:10px 0 10px 0; border-bottom:solid 1px #ccc; width:100%; height:2px}

.singleprice {margin:0 0 0 20px; font-size:10px; color:#FF0000}

.box2 { position:relative; border:solid 1px #ccc; background:#fff;}




.str { text-decoration:line-through; color:#999; font-weight:normal}

.set-list { position:relative; left:0px; list-style:none; color:#fff; font-size:1.3em; font-weight:bold; width:305px; margin-left:0px }

.set-list li {margin-left:-20px; margin-top:3px}


a.setinfo:link, a.setinfo:visited {font-size:0.7em; font-style:italic; color:#fffb7c; }
a.setinfo:hover {font-size:0.7em; font-style:italic; color: #FFCC33; }

.lillipp { font-size:.8em}


.bandwrap { float:left; width:300px}
.bandwrapb { float:left; width:450px}

 a.yello:link, a.yello:visited {color:#fffb7c; }
a.yello:hover {color: #FFCC33; }
 


.tkndivs {float:left; color:#333; font-size:.8em; margin-right:14px }

.lngth1 { width:200px}

.lngth2 { width:100px}

.lngth3 { width:50px}

.lngth4 { width:20px}

.lngth5 { width:150px}