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
This is the left nav
This is the main content
*/ /* ------------- 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; }