body {
padding:0px;
margin:0px;
background-color: #F5F5F5;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color: #555555;
}
.clearer{
clear:both;
height:1px;
display:block;
font-size:0px;
line-height:0px;
}
h1, h3 {
font-size:12px;
margin-bottom:3px;
margin-top:3px;
}
td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
}
a:link, a:active, a:visited {
color: #336699;
text-decoration: none;
}
a:hover {
color: #CC3300;
text-decoration: none;
}
p {
margin-top:6px;
}
/*------------------ New Layout ---------------------------*/
#newOuter{
position:absolute;
top:88px;
left:251px;
right:0;
}
#newInner{
width:500px;
margin:0 auto;
}
#newLeft{
width:250px;
background:#efefef;
border-right:1px solid #9A9A9A;
font-size:11px;
line-height:12px;
color:#666666;
border-right:1px solid #9A9A9A;
background-color:#efefef;
}
/*------------------ End of New Layout -------------------------*/
/*---------------------- new relative positioning (newest style) -----------------*/
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 251px solid #efefef; /*** This is the width and the color for our left column PLUS THE BORDER WIDTH OF CONTENT***/
}
.inner {
width: 100%;
min-width:500px;
}
.float-wrap {
float: left;
width: 100%;
margin-left: -251px; /*** Same length as .outer border-left but with negative value PLUS THE BORDER WIDTH***/
}
#left {
position:relative;
float:left;
left:0;
top:0px;
bottom:200px;
width: 250px;
}
#content {
float: right;
background-color:#f5f5f5;
margin-right: -251px; /*** Same length as .outer border-left but with negative value PLUS THE BORDER WIDTH ***/
width: 100%;
#position:relative;
border-left:solid 1px #9a9a9a;
z-index:1;
}
#mainContent {
width:500px;
margin:0 auto;
min-height:1050px;
/*#height:1050px; ** IE makes this act like min-height **/
}
/**************************
LEFT COLUMN
**************************/
#left {
position:relative;
float:left;
left:0;
top:0px;
bottom:200px;
width: 250px;
}
* html #left {
position: relative; /*** IE needs this ***/
height: 250px;
}
/*--------------- Sample of basic html for pages
*/
/* ------------- Page Formatting --------------- */
#pageholder {
background-color:#f5f5f5;
}
#pageholder.green {
background-repeat:repeat-x;
}
/* ------------- Generic Formatting --------------- */
#bggray {
background-color:#EEEEEE;
}
#bgwhite {
background-color:#F9F9F9;
}
#bodysmall {
font-size:11px;
line-height:12px;
}
#bullet,
#bullet a:link, #bullet a:visited, #bullet a:active {
color:#336699;
font-size:11px;
}
#bullet a:hover{
color:#CC3300;
font-size:11px;
}
#bullet p {
background-repeat:no-repeat;
background-position:0px 5px;
margin:0px;
padding-left:12px;
line-height:15px;
}
.button {
border:1px outset #CC6600;
background-color:#FFFFFF;
font-size:10px;
display:block;
}
.button a:link, .button a:visited {
border:1px outset #DDDDDD;
background-color:#EAEAEA;
font-size:10px;
display:block;
}
.button a:hover {
background-color:#FF9966;
}
.button a:active {
border:1px inset #DDDDDD;
background-color:#FF9966;
color:#FFFFFF;
}
.caption {
font-size:16px;
font-weight:bold;
color:#999999;
line-height:22px;
text-align:center;
padding:20px;
}
.cobrand {
font-size:11px;
padding:3px;
}
.dkgraysmall {
font-size: 9px;
line-height: 12px;
color:#666666;
}
.footer a:link,
.footer a:visited {
font-size:11px;
line-height:12px;
}
.footer a:hover {
color:#FF6633;
}
.formtable {
background-color:#eeeeee;
border:1px solid #dddddd;
border-bottom:0px;
}
.formtable td {
font-size:11px;
border-bottom: 1px solid #dddddd;
color:#666666;
padding:3px 3px 4px 10px;
}
.formtable .required {
color:#CC3333;
}
.gradhead {
font-size:12px;
font-weight:bold;
color:#545E7A;
padding: 3px 0px 3px 6px;
border:1px solid #CCC;
border-bottom:1px solid #666;
border-top:1px solid #E7E7E7;
background-position:center center;
background-repeat:repeat-x;
margin-top:0px;
}
/* Gradhead style used for creating tabs that look similar in style to table heads*/
.gradheadtab {
font-size:12px;
font-weight:bold;
color:#545E7A;
padding: 3px 0px 3px 6px;
border:1px solid #CCC;
border-bottom:1px solid #FFF;
border-top:1px solid #E7E7E7;
background-position:center center;
background-repeat:repeat-x;
margin-top:0px;
}
.gradheadtab_on{
font-size:12px;
font-weight:bold;
color:#CC0033;
padding: 3px 0px 3px 6px;
border:1px solid #CCC;
border-bottom:1px solid #FFF;
border-top:1px solid #E7E7E7;
background-position:center center;
background-repeat:repeat-x;
margin-top:0px;
}
/* Used to add shadow to gradhead item above it */
#gradheadtab_bottom {
border-top:1px solid #FFF;
background-position:top center;
background-repeat:repeat-x;
margin-top:0px;
}
.gradheadtable {
margin-bottom: 30px;
}
.gradheadtable strong {
color:#545E7A;
}
.gradheadtable #bggray {
padding-left:10px;
font-size:11px;
}
.gradheadtable #bgwhite {
padding-left:10px;
font-size:11px;
}
#highlightsection,
#highlightsection a:link, #highlightsection a:active, #highlightsection a:visited {
color:#336699;
}
#highlightsection a:hover {
color:#CC3300;
}
#highlightsection p {
background-position:0px 4px;
#background-position:0px 5px;
margin:0px;
padding-left:12px;
}
#highlightsection p.arrow {
}
.higlightsectionhead {
padding: 3px 3px 3px 0px;
font-size:12px;
color:#999999;
font-weight:bold;
}
#highlightblue /* Used mainly in the resorts homepages */ {
color:#666666;
font-size:11px;
}
#highlightblue p {
background-repeat:no-repeat;
background-position:0px 4px;
padding:0px 0px 0px 15px;
margin:0px;
line-height:15px;
}
.highlight /* Used mainly in the resorts subpages */ {
color: #336699;
font-size:11px;
line-height:13px;
}
.indent {
padding: 10px 15px 0px 10px ;
}
.locations a:link, .locations a:visited {
color:#FFFFFF;
size:12px;
font-weight:bold;
line-height:11px;
letter-spacing:.05em;
padding: 7px 6px 6px 18px;
display:block;
text-decoration:none;
}
.locations a:hover {
background-color:#66CCFF;
color:#006699;
}
#maincontent{
margin-top:20px;
}
#maincontent p a:link, a:visited {
color: #336699;
text-decoration:none;
}
#maincontent p a:hover. a:active {
color: #3366CC;
text-decoration:none;
}
#moreimagelink {
padding-right:20px;
}
#paddingaround {
padding:10px;
}
.quicklinks p{
background-position:15px 6px;
margin:0;
padding:4px 0 4px 30px;
}
.factlink{
background-position:17px 6px;
#background-position:15px 6px;
margin-left:4px;
#padding-left:28px;
}
#rst_facts p{
margin:0;
padding:4px 0 4px 20px;
}
#rst_facts .factA{
float:left;
width:115px;
}
#rst_facts .factB{
float:left;
width:85px;
#width:95px;
}
.redlink a:link,
.redlink a:visited {
color: #FF0000;
text-decoration: none;
}
.resortfeature {
border:1px solid #9A9A9A;
border-top:none;
border-bottom:none;
}
.spacerblue {
width:100%;
border-top:4px solid #DEEAF2;
border-bottom: 1px solid #CCC;
line-height:1px;
margin:0px 0px 0px 0px;
}
.spacergray {
width:100%;
border-top:1px solid #ffffff;
border-bottom:1px solid #dddddd;
line-height:1px;
margin:10px 0px 10px 0px;
}
#sectionbreak {
background-repeat:repeat-x;
background-color:#CCCCCC;
}
.subhead {
display: block;
line-height:15px;
padding-bottom:2px;
border-bottom:1px solid #336699;
font-weight:bold;
margin-bottom:3px;
}
.subhead_orange {
font-weight:bold;
color:#CC6600;
}
.subhead_faq {
display: block;
line-height:15px;
padding-bottom:2px;
padding-top:6px;
color:#669999;
font-weight:bold;
border-bottom:1px solid #336699;
margin-bottom:3px;
}
.tablecell {
padding: 3px 3px 3px 9px;
font-size:11px;
}
.tablehead {
font-size:12px;
font-weight:bold;
color:#545E7A;
padding: 3px 0px 3px 6px;
border:1px solid #CCC;
background-color:#F0F3FC;
margin-top:0px;
}
.textbox {
font-size: 10px;
border: 1px solid #666666;
}
.textboxDisabled {
font-size: 10px;
background-color: #F6F6F6;
border: 1px solid #999999;
}
.threethumbs {
margin:0px;
height:180px;
background-repeat:no-repeat;
margin-top:0px;
}
.threethumbs table {
margin-top:40px;
}
.FormButton {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: 6699CC;
background-color: #FFFFFF;
border: 1px solid #6699CC;
padding-top: 0px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 0px;
}
.DropdownMenuNoPadding {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
border: 1px solid #666666;
width: 250px;
}
.thumbs {
border:1px solid #999;
background-color:#FFFFFF;
}
.thumbshead {
background-color:#66CC33;
background-repeat:repeat-y;
}
.twocolumns p { /* Use to create padding between two columns, side-by-side */
width:95%;
}
.warning {
color:#CC0000;
}
.whitelink a:link, .whitelink a:visited {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.whitelink a:hover {
color:#FF0000;
}
.xtra-desc2{
margin:2px 0;
float:left;
width:240px;
padding-left:10px;
background-position:0 5px;
}
/* ------------- Left Menu ------------------- */
#leftcolumn {
font-size:11px;
line-height:12px;
color:#666666;
border-right:1px solid #9A9A9A;
background-color:#efefef;
}
/*#leftcolumn p {
padding-left:10px;
padding-right:10 px;
}*/
#leftcolumncontent {
margin-top:30px;
margin-bottom:30px;
}
#leftcolumncontent p {
margin-top:2px;
margin-bottom:2px;
line-height:14px;
}
#leftcolumncontent #highlightsection p {
margin-left: 10px;
padding-left:12px;
}
#leftcolumntable {
border-top:1px solid #cccccc;
border-bottom:1px solid #f5f5f5;
}
#leftcolumntable td {
line-height:13px;
}
#leftcolumntable #bullet {
padding:1px 5px 1px 12px;
}
#leftcolumntable #bullet p {
padding-left: 12px;
}
#leftcolumntable td h2 {
background-repeat:repeat-x;
font-size:11px;
line-height:15px;
padding:5px 10px 5px 0px;
margin-bottom:0px;
font-weight:bold;
text-indent:10px;
border-top:1px solid #FFF;
}
#leftcolumntable td {
font-size:11px;
color:#666666;
}
.leftmenuitem a:link,
.leftmenuitem a:visited {
width: 220px;
padding:5px 0px 5px 28px;
#padding:3px 0 0 28px;
#margin:0 0 -3px 0;
font-weight:bold;
display:block;
color:#545E7A;
}
.navOuter{
background-color:#dbdbdb;
padding:15px 0 10px 0;
}
.navInner{
}
.sideNavDivider{
/*nothing - here for future editing*/
}
#leftcolumn {
font-size:11px;
line-height:12px;
color:#666666;
border-right:1px solid #9A9A9A;
background-color:#efefef;
}
.leftmenuitem a:hover {
color:#cc6666;
}
.leftmenuitemon a:link,
.leftmenuitemon a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width: 220px;
padding:5px 0px 5px 28px;
#padding:3px 0 0 28px;
#margin:0 0 -3px 0;
background-position:9px 9px;
#background-position:15px 4px;
font-weight:bold;
display:block;
color:#CC6666;
}
.leftmenuitemopen2 a:link,
.leftmenuitemopen2 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width: 220px;
padding:5px 0px 5px 28px;
#padding:3px 0 0 28px;
#margin:0 0 -3px 0;
background-position:13px 9px;
#background-position:11px 6px;
font-weight:bold;
display:block;
color:#CC6666;
}
.leftmenusub {
width:250px;
font-size:11px;
padding-bottom:8px;
#padding:8px 0 0 0;
}
.leftmenusubitem a:link,
.leftmenusubitem a:visited {
width:230px;
line-height:16px;
margin:0 0 0 25px;
padding:1px 0 1px 13px;
}
.leftmenusubitem a:hover {
width:230px;
color:#CC6666;
}
.leftmenusubitemon a:link,
.leftmenusubitemon a:visited {
width:230px;
line-height:16px;
margin:0 0 0 25px;
padding:1px 0 1px 13px;
color:#cc6666;
}
#mediamenuholder {
background-color:#CCCCCC;
background-repeat:repeat-x;
}
.mediamenu a:link,
.mediamenu a:visited {
color:#666666;
font-weight:bold;
line-height:20px;
border-left:1px solid #666666;
border-right:1px solid #f5f5f5;
height:20px;
display:block;
}
.mediamenu a:hover,
.mediamenu a:active {
background-color:#F5F5F5;
background-image:none;
}
/*************************************************/
/*PullDown Items */
/*************************************************/
.pditem a:link,
.pditem a:visited {
width:100%;
line-height:14px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
text-decoration:none;
font-weight:normal;
margin: 1px 0px 1px 0px;
padding:1px 2px 1px 14px;
color:#545E7A;
display:block;
background-color:#FFF;
}
.pditem a:hover,
.pditem a:active {
color:#CC6600;
background-color:#F7F7F7;
}
.pditemOn {
height:20px;
background-color:#FF9900;
}
.topmenuitem a:link,
.topmenuitem a:visited {
border-left:1px solid #f5f5f5;
border-right:1px solid #999999;
display:block;
}
.topmenuitem a:hover {
border-left:1px solid #555555;
}
.pdmenuitem a:link,
.pdmenuitem a:visited {
width:220px;
line-height:14px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-decoration:none;
font-weight:bold;
padding:4px 4px 4px 25px;
color:#545E7A;
display:block;
background-color:#D3dbe3;
background-repeat:no-repeat;
background-position:top left;
}
.pdmenuitem a:hover {
color:#FF9900;
background-color:#F5F5F5;
}
.pdmenuitemOn {
width:126px;
height:20px;
background-color:#FF9900;
}
.mainMenuOption {
position:relative;
}
.pulldownMenu {
margin:0px;
padding:0px;
z-index:999;
}
.pulldownMenu div div {
/*background-color:#ebebeb;*/
list-style-type:none;
line-height:15px;
border-top:0px;
margin:0px;
padding:0px;
}
.pulldownMenu div a,
.pulldownMenu div a:link,
.pulldownMenu div a:active,
.pulldownMenu div a:hover,
.pulldownMenu div a:visited {
width:100%;
line-height:16px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
text-decoration:none;
font-weight:normal;
margin: 0px;
color:#333;
display:block;
background-color:#e4e4e4;
/*opacity: 0.9;*/
filter: alpha(opacity:94);
cursor:pointer;
}
.pulldownmenu_item a:link,
.pulldownmenu_item a:visited,
.pulldownmenu_item_spacer a:link,
.pulldownmenu_item_spacer a:visited,
.pulldownmenu_item_spacer a:hover,
.pulldownmenu_item_spacer a:active{
padding-left:10px;
}
.pulldownmenu_item a:hover,
.pulldownmenu_item a:active {
color:#e6514d !important;
background-color:#F5F5F5 !important;
overflow:hidden;
}
.pditemOn {
height:20px;
background-color:#FF9900;
}
td.mainmenu_item div { position:relative;}
.mainmenu_container {
border:1px solid #7a44c1;
border-right:none;
border-left:none;
background-repeat:repeat-x;
z-index:99999999;
visibility:visible;
}
.mainmenu_separator {
background-repeat:repeat-x;
border:1px solid #7a44c1;
width:1px;
border-right:none;
border-left:none;
width:1px;
}
.mainmenu_item {
background-repeat:repeat-x;
border:1px solid #7a44c1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}
.countryitem {
width:66px;
font-size:11px;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#545E7A;
height:14px;
##height:14px;
}
/***********************************************/
/* Main_menu-top tag */
/***********************************************/
.topmenulink a:link,
.topmenulink a:visited {
width: 124px;
height:20px;
background:#6A94B1;
display:block;
padding:4px 0px 3px 10px;
background-position:top;
background-repeat:repeat-x;
}
.topmenulink a:hover {
background-image:none;
background-color:#8DADC4;
display:block;
}
.topmenubar {
background-color:#FFFF99;
}
.submenu_container {
height:18px;
clear:both;
margin-right:10px;
float:right;
}
.submenu_item {
font-family:Verdadana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:9px;
font-weight:bold;
margin:0px 3px 0px 3px;
display:inline;
}
.submenu_item a:link, .submenu_item a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:10px;
font-weight:bold;
margin:0px 3px 0px 3px;
text-decoration:none;
display:inline;
cursor:pointer;
}
.submenu_item a:hover, .submenu_item a:active {
color:#FFF;
}
.supernav {
position:absolute;
top:0px;
right:10px;
width:395px;
}
.supernavlink a:link,
.supernavlink a:visited{
position:relative;
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#CCFFCC;
font-size:11px;
font-weight:bold;
width:40px;
height:18px;
display:block;
text-decoration:none;
padding:4px 0px 3px 0px;
margin-top:0px;
margin-right:-1px;
text-align:center;
float:right;
}
.supernav a:hover {
background-color:#66CC33;
}
.supernavon {
position:relative;
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
width:75px;
height:18px;
display:block;
text-decoration:none;
padding:4px 0px 3px 0px;
margin-top:0px;
margin-right:-1px;
text-align:center;
border-left:1px solid #55ACD7;
border-right:1px solid #55ACD7;
float:right;
background-color:#66CC33;
}
/***********************************************/
/* Floating Dollar Amount in */
/* Specials Page with url rst_code */
/* defined */
/***********************************************/
.rstpromoamount {
height:30px;
float:right;
margin-top:139px;
margin-right:18px;
font-size:24px;
line-height:30px;color:#FFFFFF;
}
/***********************************************/
/* HIDE/SHOW */
/***********************************************/
.showIt {
padding:0px 0px 0px 0px;
display: block;
}
.hideIt {
display: none;
}