img#gift-cta { margin:0 0 4px 4px } /*--- Shell ------------------------------------------------------*/ body { font: 11px arial; color:#1e398d; background:#1e398d url(../img/bg.jpg) repeat-x; margin: 5px 0 0 0;} #shell { margin: 0 auto 0 auto; background:#fff; width: 978px; } a { text-decoration: underline; color:#4a68c6; outline:none;} a:hover { text-decoration: none;} input {outline:none;} p { line-height: 180%;} #forPrint { display: none;} h2 { clear: both; z-index:100} /*hr { clear:both; display: block; border: 0px; border-bottom: 1px solid #f4f2eb; height: 0px; margin: 15px 0;}*/ label {line-height:30px; margin-right:15px;} .cols2 {float:left; width:49%; padding:15px 0;} .cols3 {float:left; width:33%; padding:15px 0;} .imgright { float: right; margin: 0 0 5px 15px; } .imgleft { float: left; margin: 0 15px 5px 0; } .forPrint { position: absolute; margin-left: -2000px; } .noMargin {margin:0;} #back2top {border-top: 1px solid #D7E1F8; text-align: right; margin:15px 220px; padding:5px 0 0 0; display:none;} #diningPg #back2top, #attractionsPg #back2top, #wineriesPg #back2top{display:block;} /*--- location ------------------------------------------------------*/ #location {position:absolute; font:bold 13px/14px "Times New Roman", Times, serif; text-align:right;color: #18388C; width:955px; padding:11px 24px 0 0;} /*--- Head ------------------------------------------------------*/ #h_shell {background: url(../img/bw-slogan.gif) no-repeat; height:114px;} #home #squigg { position: absolute; top: 75px; margin: 0; background:url(../img/sqiugg.png) no-repeat; width:978px; height:18px; z-index:9999; } #squigg { position: absolute; top: 75px; margin: 0; background:url(../img/sqiugg.png) no-repeat; width:978px; height:18px; z-index:9999; } #titlebar { background:#9fcced; padding:30px 0 50px 0;} #logoimg { width: 143px; height: 79px; margin: 0 auto 15px auto;} #logoimg a { display: block; width: 100%; height: 100%; background: url(../img/logo.gif) no-repeat; } #byPacifica {font-size:9px; width: 143px; height: 23px; margin:-10px auto 10px auto; /*position:absolute; z-index:99;*/} #byPacifica a {display: block; width: 143px; height: 23px; text-decoration:none;/* background: url(http://www.pacificahotels.com/img/by-pacifica.gif) no-repeat;*/} /*--- Nav IDs ------------------------------------------------------*/ #navHome a{background-image: url(../img/nav-home.gif); width: 59px;} #navInformation a{ background-image: url(../img/nav-information.gif); width: 124px;} #navContact a{background-image: url(../img/nav-contact.gif); width: 138px;} #navReservations a{background-image: url(../img/nav-reservations.gif);width: 96px; background-position: 0 50%;} #navReservations a:hover {background-position: 0 bottom; color:#fff;} /*--- Nav ON States ------------------------------------------------------*/ #h_nav li a.current, #home #navHome a {background-position: 0 bottom; color:#fff;} #h_nav li a.current:hover, #home #navHome a:hover {background-position: 0 50%;color: #2C5490;} #f_nav li a.current, #f_navVert li a.current {font-weight:bold;color: #0099FF;} #f_nav li a.current:hover, #f_navVert li a.current:hover {text-decoration:underline;} #home #f_nav li a.current {color:#999999;} /* **************** AREA NAVIGATION ON LEFT BAR **************** */ #navShell {padding: 0 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; position:relative;} #navShell ul{ margin: 0px; padding: 0px; } #navShell li{ display: block; width: 203px; list-style: none; margin-bottom: 2px; } #navShell li a {color:#1E398D; text-decoration: none; display: block; height: 27px; width: 203px; } #navShell a:hover, #navShell a.current {background-position:left -27px;} #nav1 a {background-image: url(../img/nav/nav-rooms.gif); background-position:left top; background-repeat:no-repeat; } #nav2 a {background-image: url(../img/nav/nav-amenities.gif); background-position:left top; background-repeat:no-repeat; } #nav3 a {background: url(../img/nav/nav-area.gif); background-position:left top; background-repeat:no-repeat; } #nav4 a {background: url(../img/nav/nav-attractions.gif); background-position:left top; background-repeat:no-repeat; } #nav5 a {background: url(../img/nav/nav-events-cal.gif); background-position:left top; background-repeat:no-repeat; } #navGroup a {background: url(../img/nav/nav-group-accom.gif); background-position:left top; background-repeat:no-repeat; } #navCorpTravel a {background: url(../img/nav/nav-corp-travel.gif); background-position:left top; background-repeat:no-repeat; } #nav7 a {background: url(../img/nav/nav-groups.gif); background-position:left top; background-repeat:no-repeat; } #navShell ul ul { display:none; margin: 5px 0 10px 0;} #navShell ul ul a{ margin: 0px 0 0 23px; padding:0; height: auto; width:176px; background-image: none;} #navShell ul ul a:hover { text-decoration: underline;background-image: none; } #navShell li.current ul {display: block;} #nav .navCity {padding:3px 0 3px /*31*/0px; font-size:12px; font-weight:bold; line-height:10px; width:170px; margin:15px 0 3px 31px; /*border-top:1px solid #ADD4EF;*/ border-bottom:1px solid #ADD4EF; /*background-color:#E0EFF9;*/} /*new*/ #TA { background-image:url(../img/tripadvisorBox.jpg); background-repeat:no-repeat; background-position:center top; width:144px; height:117px;} #TA P { padding: 35px 5px 2px 5px; color:#000; line-height:2.5ex; text-align:center;} /* ACTIVE PAGE HIGHLIGHT CSS */ #navShell li li a.current { font-weight: bold; background: none;} #footernav a.current {font-weight: bold;} #mainnav {padding: 0px 0 0px 0px; margin: 0} #mainnav ul{ margin: 0px; padding: 0px; } #mainnav li{ float: left; list-style: none; margin-bottom: 5px; } #mainnav a { text-decoration: none; display: block; height: 31px;} #mainnav a:hover, #mainnav a.current {background-position:left bottom;} #vnav1 { background:none;width: 185px;height: 31px; text-align:center; font:bold 21px "Times New Roman", Times, serif; letter-spacing:-1px; line-height:30px; color:#21418C;} #vnav2 a {background-image: url(../img/nav/nav-gallery.gif); background-position:left top; background-repeat:no-repeat; width: 115px; } #vnav3 a {background-image: url(../img/nav/nav-packages.gif); background-position:left top; background-repeat:no-repeat;width: 152px; } #vnav4 a {background-image: url(../img/nav/nav-subscribe.gif); background-position:left top; background-repeat:no-repeat;width: 75px; } #vnav5 a {background-image: url(../img/nav/nav-weather.gif); background-position:left top; background-repeat:no-repeat;width: 84px; } #vnav6 a {background-image: url(../img/nav/nav-postcard.gif); background-position:left top; background-repeat:no-repeat;width: 132px; } #vnav7 a {background-image: url(../img/nav/nav-contact.gif); background-position:left top; background-repeat:no-repeat;width: 80px; } #vnav8 a {background-image: url(../img/nav/nav-freethingstodo.gif); background-position:left top; background-repeat:no-repeat;width: 130px; } #ctaShell {margin: 0 auto; width: 144px; padding-top:15px;} #ctaShell ul{ margin: 0px; padding: 0px; } #ctaShell li{ display: block; width: 144px; list-style: none; margin-bottom: 5px; } #ctaShell #cta1 a {background: url(../img/btn_intmap.gif); text-decoration: none; display: block; height: 33px; width: 144px; } #ctaShell #cta1 a:hover{ background: url(../img/btn_intmap2.gif); } #ctaShell #cta2 a { text-decoration: none; display: block; height: 130px; width: 144px; padding-top:10px; margin-top:100px } #ctaShell #cta2 a:hover{ } #ctaShell #cta3 a { text-decoration: none; display: block; width: 144px; margin-top: -30px;} #ctaShell img {border:0} .cta-img { border: 0;} #cta-colleft, #cta-colright { float: left; margin: 0 40px 0 0;} .cta-submit-left, .cta-submit-right { width: 144px;} .cta-col-title { font-size: 14px; font-weight: bold; padding: 0 0 10px 0;} #cta-list ul { margin: 0; padding: 0;} #cta-list li { float: left; list-style: none; margin: 0 20px 0 0;} #cta-submit-step1-top { clear: both;} #ctaShell2 {margin:0 auto; width: 144px; padding:120px 0 0 0;} #ctaShell2 ul{ margin: 0px; padding: 0px; } #ctaShell2 li{ display: block; width: 144px; list-style: none; margin-bottom: 5px; } #ctaShell2 #cta1 a {background: url(../img/btn_intmap.gif); text-decoration: none; display: block; height: 33px; width: 144px; } #ctaShell2 #cta1 a:hover{ background: url(../img/btn_intmap2.gif); } #ctaShell2 #cta2 {} #ctaShell2 #cta2 a { text-decoration: none; display: block; height: 130px; width: 144px; margin-top:0px; } #ctaShell2 #cta2 a:hover{ } .cta-img { border: 0;} /*--- Body ------------------------------------------------------*/ /* **************** CONTENT: LEFT COLUMN **************** */ #col-left, #col-mid, #col-right { float:left;} #col-left { width: 203px; margin: 25px 0 0 0; } a#backtoTop { display: block; border-top: 1px solid; padding: 5px;} /* **************** CONTENT: ECAL **************** */ #eCalPg #contentshell{height:1100px;} #eCalPg #ctaShell, #eCalPg #ctaShell2 {display:none;} #eCalShell {position:absolute; z-index:10; top:455px; margin:0 0 0 -218px; width:950px; padding:0 0 0 26px;} .iframe { width:925px; height:850px; } /* **************** CONTENT: MIDDLE COLUMN **************** */ #home #col-mid {width: 584px; margin: 0;} #home #col-mid p { margin: 15px 25px 15px 0px; text-align: left;} #col-mid {width: 584px; margin: 3px 0 15px 0; padding: 0;} #contentshell { padding: 0px 15px 0 15px;} #header { margin:0; padding:0; } #header img {display:block;} #col-mid { margin-top: 0px; padding:0;} #col-mid h1 { margin: 0px 0px 15px 0px; } #col-mid h2 { font-size: 14px; margin: 0px 0px 15px 0px; } #col-mid h3 { border-bottom: 1px solid #f4f2eb; color:#7f624e; font-size: 12px; margin: 0px 0px 15px 0px; } #col-mid h3.noMargin {margin:0;} #col-mid p { margin:0 0 15px 0; } #col-mid ul { padding: 10px 0px 15px 25px; margin: 0; line-height: 150%;} #col-mid ul.noIndent {margin-left: 0px; padding-left: 0px;} .floatleft { float: left;} #specoff .prop { font-size: 14px; color: #7F5F38; font-weight: bold;} #specoff dl {margin-top: 30px;} #specoff dt {margin: 5px 0px 5px 31px; font-size: 17px; color: #000066; font-weight: bold; font-style: italic;} #specoff dd {margin: 15px 0px 15px 55px;} #specoff dd a img {margin-bottom:-4px;} div.twoCols {width:44%; float:left;margin:15px 10px 20px 0px; } div.twoCols ul { margin: 0 0 0 33px; } div.twoCols dt { font-size: 12px; font-weight: bold; } div.twoCols dd { margin: 0 0 15px 0; } ul.twoCols {width:44%; float:left;display:block; padding: 0 0 0 25px; margin: 0; } .clearBoth {clear:both;} .colsMarginRight {margin-right:15px; padding: 0 15px 0 0; border-right: 1px solid #f4f2eb; } #flashtitle {position:absolute; top:323px; z-index:2;} #groups #flashtitle {position:absolute; top:355px; z-index:2;} /* **************** CONTENT: RIGHT COLUMN **************** */ .tooltip {position:relative; margin-left:20px;} #tooltip{ position:absolute; width:200px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:1px solid #333; background:#2b4592; padding:2px 5px; color:#fff; display:none; z-index:99; } #col-right { width: 191px; margin: 25px 0 0 0;} #subheaderfade { position: absolute; top: 182px; margin: 0 0 0 203px; background:url(../img/fader.png) no-repeat; width:584px; height:192px; z-index:1} #groups #subheaderfade { position: absolute; top: 225px; margin: 0 0 0 203px; background:url(../img/fader.png) no-repeat; width:584px; height:192px;} #home #subheaderfade, #photogallery #subheaderfade{ display: none;} #home #header {margin:0 0 18px 0;} #ibe { font: 9px Georgia;} #ibe h1{ margin: 0; padding: 0;} #ibeh1 h1{margin-left:15px; margin-bottom:10px;} #ibe form {margin: 0 auto; padding:0; width:160px; } form h1 { font: 9px normal; font-family: Georgia bold; margin: 0;} form h2 { font: 10px normal; font-family: Georgia; margin: 0; font-weight:bold; color:#000066; } form h3 { font: 10px normal; font-family: Georgia; margin-right: 10px; font-weight:bold; color:#000066; letter-spacing: -1px; line-height: .2em;} form select { font-size: 9px; font-family: tahoma; color:#1e398d; } form .form45 { width: 45px;} form h1 span { display: inline; } form#promo input{ font-size: 10px; margin: 10px 0 0 0; color:#1e398d; float: left;} .form_width_text { color:#333333; font-family:Times New Roman; font-size:11px; } #ibe select {margin:0px 1px 10px 0; font-weight:normal;} .resMonth {width:50px;} .resDay {width:40px;} .resYear {width:45px;} .resNights, .resRooms, .resAdults, .resKids {width:45px;} .resBtn {margin:0px 0 13px 0;} p.clearBoth {clear:both; margin: 0;} /* **************** CONTENT: Hotel PAGES **************** */ p#moreinfo { font-weight: bold; display: block; border: 1px solid #1e398d; background:#f4f2eb; text-align: center; padding: 5px;} #footerprop { color:#fff; text-align: center; margin: 10px 0; padding-bottom:10px;} #footerprop h1 { font-size: 13px;} #footerprop h2 a { font-size: 12px; color:#fff; margin-bottom: 0; padding: 0;} #footerprop a { font-size: 10px; color:#9fcced;} #footerprop p { margin: 0; padding: 0;} #footerprop ul { font-family: arial; font-size: 10px; padding:9px 0 0 0; margin: 0px 0px 10px 0px;} #footerprop li { display:inline; border-right: 1px solid #9fcced; margin: 0 9px 0 0; padding: 0 9px 0 0;} #footerprop li a { color:#9fcced; text-decoration: none;} #footerprop li a:hover { color:#9fcced; text-decoration: underline;} #footerprop .removeMargin {margin:0; border: none;} /* **************** CONTENT: Photo Gallery **************** */ #flashphotogallery { margin: 75px 0 0 25px; height:450px;} #photogallery #col-mid {width: 584px; margin: 0px 0 15px 0; padding: -250px 0 0 0; min-height: 545px; } #photogallery #flashtitle { margin: 18px 0px 25px 0; padding: 0 0 0 0px; top:87px;} /*--- Footer ------------------------------------------------------*/ #f_shell { height: 33px; background:#9fcced; border-bottom: 3px solid #102771; clear: both;} #footernav ul { font-family: georgia; font-size: 10px; padding:9px 0 0 0; margin: 0px 0px 0px 155px;} #footernav li { display:inline; border-right: 1px solid #1e398d; margin: 0 9px 0 0; padding: 0 5px 0 0;} #footernav li a { color:#1e398d; text-decoration: none;} #footernav li a:hover { color:#0e2469; text-decoration: underline;} #footernav .removeMargin {margin:0; border: none;} #footerlinks ul { font-family: arial; font-size: 10px; padding:9px 0 0 0; margin: 0px 0px 10px 0px;} #footerlinks li { display:inline; border-right: 1px solid #9fcced; margin: 0 9px 0 0; padding: 0 10px 0 0;} #footerlinks li a { color:#9fcced; text-decoration: none;} #footerlinks li a:hover { color:#9fcced; text-decoration: underline;} #footerlinks .removeMargin {margin:0; border: none;} #srsig {margin: 0 auto; width: 262px; padding: 3px;} /*--- Special Cases ------------------------------------------------------*/ #liesureTravel #contentshell ul.widget { font-family: georgia;font-size: 16px;margin:0;padding:0;font-weight: bold} #liesureTravel #contentshell .widget li { padding:0 8px; line-height: 180%; } #map #col-mid { height: 950px;} body#map_google { background:#fff;} #map_google h1{ margin: 15px 0 0 0; font-size: 14px;} #map_google h2{ margin-bottom: 15px; font-size: 14px;} #map #ctaShell { display: none;} #specialssignup #subheaderfade {display:none;} #specialssignup #contentshell {padding:55px 0 0 0;} #specialssignup h2 {font-size:22px;} /*--- eCalendar -----------------------------------------------------------------------------------------------------------------*/ #eCal #ctaShell { display: none;} #eCalendar {position:relative; left: -190px; z-index:10; margin:65px 0 0 0;} #eCal {overflow-x:hidden;} /*--- CMP ------------------------------------------------------*/ #cp #header {background: url(../img/headerfiller.jpg) no-repeat center 15px; width:584px; height:289px; z-index:1;} #cp #header h1 {position:absolute; margin:270px 0 0 15px; font-family:georgia; letter-spacing:-1px; font-size:29px; font-weight:normal; z-index:10;} #cp #header h2 {display: inline; float: left; clear: none;} #cp #contentshell { padding-top:15px; padding:left:15px; line-height:19px; margin:20px 0 0 0;} #cp #contentshell h2 {display: inline; clear: none;} #cp #cp_sectionlinks, #cp #cp_sectionlinkssupbpage {float: right; width: 175px; font:bold 10px/21px tahoma, sans-serif; min-height:17px; margin:0 0 20px 0; background-color:#E4F1FA; border:1px dotted #C9E3F4; padding:5px 3px;} #cp #cp_sectionlinks ul, #cp #cp_sectionlinkssupbpage ul {margin:0; padding:0;} #cp #cp_sectionlinks li, #cp #cp_sectionlinkssupbpage li { margin:0 7px 10px 0; list-style:none; } #cp #cp_sectionlinks li a, #cp #cp_sectionlinkssupbpage li a {text-decoration:none; padding:3px 5px; display: block; width: 150px; } #cp #cp_sectionlinks li a:hover, #cp #cp_sectionlinkssupbpage li a:hover {background:#C9E3F4; width: 150px;} /*--- New Text CTAs ------------------------------------------------------*/ #ctaShellNew { margin: 25px auto 0 auto; width: 156px; /*border-top:3px solid #d8d4cc;*/} #ctaShellNew ul{ margin: 0px 0 0 0; padding: 0px; border-top:3px solid #d8d4cc;} #ctaShellNew li {display: block; list-style-type:none; margin-bottom: 5px; border-bottom:3px solid #d8d4cc; height:79px;} #ctaShellNew a {display:block; width: 156px; height:79px;} #ctaShellNew #cta01 a {background: url(../img/cta/cta-auto-club.gif) no-repeat; } #ctaShellNew #cta02 a {background: url(../img/cta/cta-senior-discount.gif) no-repeat; } #ctaShellNew #cta03 a {background: url(../img/cta/cta-mclintocks.gif) no-repeat; } #ctaShellNew #cta04 a {background: url(../img/cta/cta-coastal-wine.gif) no-repeat; } #ctaShellNew #cta05 a {background: url(../img/cta/cta_CitySea.gif) no-repeat; } #ctaShellNew #cta07 a {background: url(http://www.pacificahotels.com/cta/img/CTA_tft08_left.gif) no-repeat; } #eCalPg #ctaShellNew {display:none;} #vizsig { margin: 0; } #vizsig span#text { float: middle; margin: 8px 0 0 5px;font-size: 11px; font-family: "Trebuchet MS"; } #vizsig span a { float: middle; margin: 8px 0 0 0; font-size: 11px; font-family: "Trebuchet MS"; } #vizsig span a:hover { text-decoration: none; } #vizsig img { float: middle; padding: 0; margin: 0 0 0 8px; /*border: 1px solid #000*/}