/* ==================General================== */ body {background-image:url(/globals/img/bodyBG.jpg); background-repeat:repeat; background-position:left top; margin:0; font-size:0.7em;font-family:Arial, Helvetica, sans-serif; color:#666666;} td.sidenavRgt ul{ list-style-type: none; padding: 0; margin:5px 0 5px 0; padding-left: 0px;} td.sidenavRgt li{ background-image:url(/globals/img/leftnav_bullet.gif); background-position:0.01em 0.5em; background-repeat: no-repeat; padding-left: 10px; } div, tr{text-align:justify; vertical-align:top;} h1{ font-size:2em; color:#CFB489; font-family:"Times New Roman", Times, serif; font-variant:small-caps; font-weight:lighter;} h2{ font-size:1.5em; color:#CFB489; font-family:"Times New Roman", Times, serif; font-variant:small-caps; font-weight:lighter; line-height:0.9;} h3{ font-size:1.2em; color:#B5B475; font-family:"Times New Roman", Times, serif; font-variant:small-caps; font-weight:lighter; line-height:0.9;} .con_input1 {width:285px;} #padding10{padding:0 10px 0 10px;} #padding15{padding:15px;} /* ==================Tables================== */ table.columns{ width:100%;} table.hotexplore_home{ width:90%; margin-left:30px; border-left:#cfb489 1px solid;} table.hotexplore{ width:95%; margin-left:2%; border-top:#cfb489 1px solid;} /* ==================Cells================== */ td.sidenavLft{ width:185px; padding-top:55px; padding-left:10px;} td.sidenavRgt{ width:682px; padding-top:10px; padding-left:10px; padding-right:10px;} td.nosidenavLft{ width:331px; padding-top:55px; padding-right:10px;} td.nosidenavRgt{ width:585px; padding-top:10px;} table.hotexplore_home td{ width:25%; text-align:center; vertical-align:middle; padding:10px 0 10px 0; font-family:"Times New Roman", Times, serif; font-size:1.1em; font-variant:small-caps;} table.hotexplore td{ width:12%; text-align:center; vertical-align:middle; padding:10px 0 10px 0; font-family:"Times New Roman", Times, serif; font-size:1.1em; font-variant:small-caps;} table.rateslinks tr{vertical-align:middle; font-size:1.1em;} table.rateslinks td{ border-bottom:#CFB489 1px dashed; padding:5px 0 5px 0;} /* ==================Divs==================*/ /* Layout */ div.headerbg{background-image:url(/globals/img/headerBG.jpg); height:500px; position:relative; background-repeat:repeat-x; background-position:left 0px; margin-top:0px; margin-left:auto; margin-right:auto; padding-top:15px;} div.marble{width:952px; margin-left:auto; margin-right:auto; background-image:url(/globals/img/marblerepeat.jpg); background-repeat:repeat-x; background-position:943px top; height:94px; margin-top:0; text-align:left; background-color:#FFFFFF;} #seftonlogo{width:189px; height:142px; position:absolute; float:left; top:0px; margin-left:30px;} #content{background-color:#FFFFFF; width:952px; margin-left:auto; margin-right:auto;} #shadowlft{background-image:url(/globals/img/shadow_lft.gif); background-repeat:repeat-y; width:952px; background-position:left 10px;} #shadowrgt{background-image:url(/globals/img/shadow_rgt.gif); width:952px; background-repeat:repeat-y; background-position:right 10px;} #shadowbtm{background-image:url(/globals/img/shadow_btm.gif); background-position:bottom; background-repeat:repeat-x; height:32px; margin-left:3px; margin-right:3px; padding-top:10px;} #contentpadding{ padding:0px 20px 10px 20px;} #footer{ height:38px; width:952px;} #footercopyright{width:auto; float:left; margin-left:10px;} #footeraddress{width:auto; float:right; margin-right:20px;} #home_rgtpanel{ width:90%; margin-left:30px; padding-left:20px; border-left:#cfb489 1px solid;} div.rgtcolBigimgs{float:left; width:330px; margin-right:10px; position:relative; padding-bottom:10px; background-image:url(/images/gallerypics/frame_lrgimg.jpg); background-position:center top; background-repeat:no-repeat;} div.rgtcolcontent{width:330px; display:block; float:right;} div.padding10{padding:0 10px 0 10px;} /* Content */ #intropara_home{line-height:1.5em;} #hotlink_wedding{ text-align:left; background-image:url(/images/wedding_pic.jpg); width:100%; height:60px; background-position:right bottom; background-repeat:no-repeat; margin-top:5px;} #hotlink_suite{ text-align:left; background-image:url(/images/suites_pic.jpg); width:100%; height:60px; background-position:right bottom; background-repeat:no-repeat; margin-top:5px;} #hotlink_events{ text-align:left; background-image:url(/images/conference_pic.jpg); width:100%; height:60px; background-position:right bottom; background-repeat:no-repeat; margin-top:5px;} #hotlink_specialoffers{ font-size:1.1em;} #explorethesefton{font-variant:small-caps; font-family:"Times New Roman", Times, serif; color:#844035; width:470px; margin-left:30px; font-size:1.1em;} #explorethesefton_home{font-variant:small-caps; font-family:"Times New Roman", Times, serif; color:#844035; width:470px; margin-left:50px; border-bottom:#cfb489 1px solid; font-size:1.1em;} div.goldtxtTimes{color:#CFB489; font-family:"Times New Roman", Times, serif;} /* ==================Links================== */ p.extraimgs{margin-left:230px;width:680px; text-align:center;} /* ==================Links================== */ a:link{color:#844035; text-decoration:none; font-weight:bold; } a:visited{color:#844035; text-decoration:none; font-weight:bold;} a:hover{color:#cfb489; text-decoration:underline; font-weight:bold;} a.anchors:link{color:#cfb489; text-decoration:none; font-weight:bold;} a.anchors:visited{color:#cfb489; text-decoration:none; font-weight:bold;} a.anchors:hover{color:#cfb489; text-decoration:none; font-weight:bold;} /* Little Top Navigation */ #topnavsml{padding-top:18px; padding-right:30px; font-family:Times New Roman, Times, serif; font-size:0.8em; text-align:right;} #topnavsml a.inactive, a.active{padding:0 10px 0 10px; font-weight:normal;} #topnavsml a.inactive:link{color:#999999; text-decoration:none; font-weight:normal;} #topnavsml a.inactive:visited{color:#999999; text-decoration:none; font-weight:normal;} #topnavsml a.inactive:hover{color:#B4B4B4; text-decoration:underline; font-weight:normal;} #topnavsml a.active:link{color:#B4B4B4; text-decoration:underline; font-weight:normal;} #topnavsml a.active:visited{color:#B4B4B4; text-decoration:underline; font-weight:normal;} #topnavsml a.active:hover{color:#B4B4B4; text-decoration:underline; font-weight:normal;} /* Main Top Navigation */ #topnav{ width:auto; float:right; } #topnav ul { z-index:1; overflow:hidden; margin:32px 0 0 200px ;} #topnav li{ list-style-type:none; height:46px; float:left; top:-20px;} #homelink { width:61px;} #tourlink { width:0px;} #booklink {width:114px;} #rateslink { width:66px;} #conciergelink {width:100px;} #contactlink {width:122px;} #topnav a { width:122px; height:46px; color:transparent; text-decoration:none; padding-top:15px; padding-bottom:0px; letter-spacing:0px; font-size:0px; background:transparent; overflow:hidden; z-index:10; font-weight:normal;} * html #topnav a { height:122px; he\ight:80; font-weight:normal;} #topnav a#home { position:absolute; background:url(/globals/img/topnavInactive_home.jpg) no-repeat; font-weight:normal;} #topnav a#tour { position:absolute; background:url(/globals/img/topnavInactive_hoteltour.jpg) no-repeat; font-weight:normal; } #topnav a#book { position:absolute; background:url(/globals/img/topnavInactive_bookonline.jpg) no-repeat; font-weight:normal; } #topnav a#rates { position:absolute; background:url(/globals/img/topnavInactive_rates.jpg) no-repeat; font-weight:normal; } #topnav a#concierge { position:absolute; background:url(/globals/img/topnavInactive_concierge.jpg) no-repeat; font-weight:normal; } #topnav a#contact { position:absolute; background:url(/globals/img/topnavInactive_contact.jpg) no-repeat; font-weight:normal; } #topnav a#home:hover { position:absolute; background:url(/globals/img/topnavActive_home.jpg) no-repeat; font-weight:normal; } #topnav a#tour:hover { position:absolute; background:url(/globals/img/topnavActive_hoteltour.jpg) no-repeat; font-weight:normal; } #topnav a#book:hover { position:absolute; background:url(/globals/img/topnavActive_bookonline.jpg) no-repeat; font-weight:normal; } #topnav a#rates:hover { position:absolute; background:url(/globals/img/topnavActive_rates.jpg) no-repeat; font-weight:normal; } #topnav a#concierge:hover { position:absolute; background:url(/globals/img/topnavActive_concierge.jpg) no-repeat; font-weight:normal; } #topnav a#contact:hover { position:absolute; background:url(/globals/img/topnavActive_contact.jpg) no-repeat; font-weight:normal; } #topnav a#home_on { position:absolute; background:url(/globals/img/topnavActive_home.jpg) no-repeat; font-weight:normal; } #topnav a#tour_on { position:absolute; background:url(/globals/img/topnavActive_hoteltour.jpg) no-repeat; font-weight:normal;} #topnav a#book_on { position:absolute; background:url(/globals/img/topnavActive_bookonline.jpg) no-repeat; font-weight:normal;} #topnav a#rates_on { position:absolute; background:url(/globals/img/topnavActive_rates.jpg) no-repeat; font-weight:normal; } #topnav a#concierge_on { position:absolute; background:url(/globals/img/topnavActive_concierge.jpg) no-repeat; font-weight:normal; } #topnav a#contact_on { position:absolute; background:url(/globals/img/topnavActive_contact.jpg) no-repeat; font-weight:normal; } #hotlink_wedding a:link{ color:#844035; text-decoration:none;} #hotlink_wedding a:visited{ color:#844035; text-decoration:none;} #hotlink_wedding a:hover{ color:#844035; text-decoration:underline;} #hotlink_events a:link{ color:#844035; text-decoration:none;} #hotlink_events a:visited{ color:#844035; text-decoration:none;} #hotlink_events a:hover{ color:#844035; text-decoration:underline;} #hotlink_specialoffers ul{ margin-left:0px; padding-left:0;} #hotlink_specialoffers li{ float:left; margin-right:10px; list-style-type:none;} #hotlink_specialoffers li a:link{ color:#844035; text-decoration:none;} #hotlink_specialoffers li a:visited{ color:#844035; text-decoration:none;} #hotlink_specialoffers li a:hover{ color:#844035; text-decoration:underline;} table.hotexplore_home td a:link{ color:#666; text-decoration:none; font-weight:normal;} table.hotexplore_home td a:visited{ color:#666; text-decoration:none; font-weight:normal;} table.hotexplore_home td a:hover{ color:#333; text-decoration:none; font-weight:normal;} table.hotexplore td a:link{ color:#666; text-decoration:none; font-weight:normal;} table.hotexplore td a:visited{ color:#666; text-decoration:none; font-weight:normal;} table.hotexplore td a:hover{ color:#333; text-decoration:none; font-weight:normal;} /* Side Navigation */ #leftnav{ width:209px; color:#CFB489; font-family:"Times New Roman", Times, serif; font-size:1.2em; font-variant:small-caps; vertical-align:top;} #leftnavfalse{ display:none;} #leftnav ul { z-index:2; overflow:hidden; margin:0; padding:0; } #leftnav li{ list-style-type:none; width:179px; vertical-align:middle; text-align:left; margin:0; padding:4px 0 4px 0;} * html #leftnav a { height:15px; he\ight:0; margin:0; padding:0; padding-top:5px; } #leftnav a:link { width:179px; height:15px; color:#CFB489; text-decoration:none; vertical-align:middle; text-align:left; display:block; overflow:hidden; z-index:10; background-image:none; padding-top:5px; padding-left:10px; font-weight:normal;} #leftnav a:visited { width:179px; height:15px; color:#CFB489; text-decoration:none; vertical-align:middle; text-align:left; display:block; overflow:hidden; z-index:10; background-image:none; padding-top:5px; padding-left:10px; font-weight:normal;} #leftnav a:hover { width:179px; height:15px; color:#844035; text-decoration:none; vertical-align:middle; text-align:left; display:block; overflow:hidden; z-index:10; background-image:none; padding-top:5px; padding-left:10px; font-weight:normal;} #leftnav a.leftnavactive { width:179px; display:block; height:20px; color:#FFF; text-decoration:none; vertical-align:middle; text-align:left; overflow:hidden; z-index:10; background-image:url(img/leftnav_active.jpg); background-position:left 0px; background-repeat:no-repeat; padding-left:20px; padding-top:7px; font-weight:normal;} #contactsleftnav{ width:209px; color:#CFB489; font-family:"Times New Roman", Times, serif; font-size:1.2em; font-variant:small-caps;} #contactsleftnavfalse{ display:none;} #contactsleftnav ul { z-index:2; overflow:hidden; margin:0; padding:0; } #contactsleftnav li{ list-style-type:none; width:179px; vertical-align:middle; text-align:left; margin:0; padding:6px 0 6px 10px;} #contactsleftnav a:link {color:#CFB489; text-decoration:none; font-weight:normal;} #contactsleftnav a:visited {color:#CFB489; text-decoration:none; font-weight:normal;} #contactsleftnav a:hover {color:#844035; text-decoration:none; font-weight:normal;} #contactsleftnav a.contactsleftnavactive { width:179px; display:block; height:29px; color:#FFF; text-decoration:none; vertical-align:middle; text-align:left; overflow:hidden; z-index:10; background-image:url(img/leftnav_active.jpg); background-position:left 0px; background-repeat:no-repeat; padding-left:20px; padding-top:7px; font-weight:normal; } /* Side Navigation sub level */ #leftnavsub{ width:179px; color:#844035; font-family:"Times New Roman", Times, serif; font-size:0.8em; font-variant:small-caps; z-index:2; overflow:hidden; margin:0 0 0 20px; font-weight:normal;} #leftnavsubfalse{ display:none; font-weight:normal;} #leftnavsub ul{ margin:0; padding:0; font-weight:normal;} #leftnavsub li{ list-style-type:none; background-image:url(/globals/img/leftnav_bullet.gif); background-position:0.2em 0.9em; background-repeat:no-repeat; margin:0; padding:0px 0 5px 15px; width:160px; vertical-align:top; text-align:left; font-weight:normal;} #leftnavsub a:link { width:160px; padding:5px 0 0px 0; color:#844035; text-decoration:none; vertical-align:middle; text-align:left; overflow:hidden; z-index:10; font-weight:normal;} #leftnavsub a:visited { width:160px; padding:5px 0 0px 0; color:#844035; text-decoration:none; vertical-align:middle; text-align:left; overflow:hidden; z-index:10; font-weight:normal;} #leftnavsub a:hover { width:160px; color:#CFB489; text-decoration:none; vertical-align:middle; text-align:left; overflow:hidden; z-index:10; font-weight:normal;} #leftnavsub a.leftnavsubactive { width:160px; padding:5px 0 0px 0; color:#CFB489; font-weight:bold; text-decoration:none; vertical-align:middle; text-align:left; overflow:hidden; z-index:10; font-weight:normal;} /* ==================Span================== */ /* ==================Imgs================== */ img{border:none;} table.hotexplore_home td img{padding-bottom:5px;} .imgratesthumb{width:100px;padding-right:10px;} .img_thumb150px_pad10px{width:150px; padding:10px;} /* Image Gallery */ #container { position:relative; width:320px; height:326px; background:transparent; margin:13px auto;} #container a.pics {float:left; margin:10px 2px 5px 2px; display:inline; color:#fff; text-decoration:none; cursor:pointer;} #container a.pics img.thumb {display:block; border:0; width:100px;} #container a.pics span {display:none; border:0; width:320px; text-align:center; margin-left:14px;} #container a.pics span img {margin:5px;} #container a.pics:hover {white-space:normal;} #container a.pics:hover span {display:block; position:absolute; left:-15px; top:-5px; z-index:10;} #container a.pics:active {} #container a.pics:active span {display:block; position:absolute; left:-14px; top:-5px; z-index:5;} #container a.pics:focus { outline:0;} #container a.pics:focus span {display:block; position:absolute; left:-14px; top:-5px; z-index:5; outline:0;} #container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;} #container span.info a {color:#000;} #container span.info a:hover {text-decoration:none;} #containerstartimg{margin-bottom:10px; margin-left:9px;} /* Lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/globals/img/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/globals/img/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }