/* KOOLINABEACHVILLASRESORT.COM REVISED ELIGIO CORPUZ */ /* --- CSS Reset --- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;font: 63% helvetica, arial, verdana, sans-serif;background: #8B5E40 url('http://koolinabeachvillasresort.com/images/main/pagebg.png') top left repeat;} ol, ul {list-style: none;} ul, ol, dl {position: relative;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} td {vertical-align: top;} .clear {clear: both;} strong {font-weight: bold;} img { -ms-interpolation-mode: bicubic;} img.floatleft {float: left;display: block;position: relative;margin: 0 10px 10px 0;} img.floatright {float: right;display: block;position: relative;margin: 0 0 10px 10px;z-index: 500;} img.noshadow {padding: 5px;border: 1px solid #837E7B;background: #9C6843;} /* --- Main Structure --- */ .backgroundwrap {background: url('http://koolinabeachvillasresort.com/images/main/topbg.png') top left repeat-x;} .contentwrap {margin: 0 auto;display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/main/bg.png') top left repeat-y;width: 1010px;} .header {margin: 0 auto;display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/main/header.png') -1px 0 no-repeat;width: 1010px;height: 21px;} .leftcolbgwrap {background: transparent url('http://koolinabeachvillasresort.com/images/main/leftcolbg.png') no-repeat -3px 190px;margin-left: 18px;} .interior .leftcolbgwrap {background: transparent url('http://koolinabeachvillasresort.com/images/interior/leftcolbg.png') 0 190px no-repeat;margin-left: 18px;} #leftcol { display: block;position: relative;width: 234px;float: left;} #rightcol {display:block;float:right;margin-right:33px;position:relative;width:725px;} h1.logo a {display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/main/logo.png') top left no-repeat;width: 243px;height: 196px;text-indent: -9999px;} .interior h1.logo a {background: url('http://koolinabeachvillasresort.com/images/interior/logo.png') no-repeat scroll top left;width: 246px;height: 196px;} /* --- Links --- */ a:link, a:visited, a:hover {color:#000;text-decoration: underline;} a:hover {color: #A04119;} a.iconfb, a.icontwit, a.iconsubsc {text-decoration:none; padding: 0 0 0 20px;} /* --- Navigation --- */ #nav {display: block;position: relative;list-style: none;margin: 0 -5px 0 1px;background: url('http://koolinabeachvillasresort.com/images/nav/homebg.png') no-repeat scroll top left;width: 736px;height: 44px;} #nav li {float: left;height: 36px;position: relative;display: block;} #nav li, #nav li a, #nav li a:link {text-indent: -9999px;text-decoration: none;position: relative;display: block;background: transparent;background-position: top left;margin: 2px 0 0 0;height: 20px;top: 5px;} #nav li.home a {background: transparent url('http://koolinabeachvillasresort.com/images/nav/home.png') top center no-repeat;width: 85px;margin: -6px 0 0 20px;height: 20px;} #homepage li.home a {background-position: bottom center !important;} #nav li.resort a {background: transparent url(../images/nav/resort.png) top center no-repeat;width: 130px;} #nav li.villas a {background: transparent url(../images/nav/villas.png) top center no-repeat;width: 127px;} #nav li.cuisine a {background: transparent url(../images/nav/cuisine.png) top center no-repeat;width: 100px;} #nav li.leisure a {background: transparent url(../images/nav/leisure.png) top center no-repeat;width: 92px;} #nav li.reservations a {background: transparent url(../images/nav/reservations.png) top center no-repeat;width: 147px;} #nav a:hover {background-position: center -30px !important;} #nav a.on, #nav a.on:hover {background-position: bottom center !important;} /* Subnav */ .subnav { background: url('http://koolinabeachvillasresort.com/images/main/subnav.png') no-repeat scroll top left;width: 246px;height: 364px;margin-bottom: 20px;display: block;position: relative;} .subnav ul {font-family: "palatino", georgia, "times new roman", serif;width: 200px;display: block;position: relative;top: 12px;margin: 0 0 25px 20px;} .subnav li {border-bottom: 1px solid #612A17; font-size: 1.6em;padding: .4em;margin: 0;} .subnav li a {color: #9D734A;text-decoration: none;width: 246px;display: block;position: relative;} .subnav a:hover {color: #c2a084;} .subnav a.on {color: #dbb57d;} .subnav .callnow, .subnav .callnow a {background: url('http://koolinabeachvillasresort.com/images/nav/callnowlink.png') no-repeat scroll top left;width: 204px;height: 37px;display: block;position: relative;text-indent: -9999px;border: none;padding: 0;margin-top: -1px;} .subnav .callnow a:hover {background-position: bottom left !important;} /* ----------------- Footer ----------------- */ #footer {background: transparent url('http://koolinabeachvillasresort.com/images/main/footer.png') 1px bottom no-repeat;width: 1009px;height: 71px;display: block;position: relative;margin: 0 auto;z-index: 1;} #footer ul {margin:17px 0 0 35px;width: 400px;display: block;position: relative;} #footer ul, #footer li { margin-right: 10px;display: block;position: relative;float: left;z-index: 300;} #footer li, #footer a {text-indent: -9999px;display: block;position: relative;} li.share, li.share a {text-indent: 0 !important;display: block;position: relative;width: 125px;height: 18px;margin-top: 1px;} li.twittericon, li.facebookicon {width:26px;height: 24px;margin-top: -3px;} #footer ul li.twittericon a, #footer ul li.facebookicon a {text-indent: 0;display: block;position: static;} li.call a {background: url('/images/buttons/buttons-all.png') no-repeat top left;width: 106px;height: 18px;} #footer .call a:hover {background-position: 0 -20px !important;} li.print a {background: url('/images/buttons/buttons-all.png') no-repeat -108px 0;width: 105px;height: 22px;} #footer .print a:hover {background-position: -108px -25px !important;} #footer p {text-align: right;display: block;position: relative;width: 515px;float: right;padding-top: 18px;margin: 0 40px 0 0;font-size: 1.1em;z-index: 100;} #footer p, #footer a:link, #footer a:hover, #footer a:visited {color: #d4be86;text-decoration: none;} #footer p a {padding: 0 5px;display: inline;} #footer a:hover {text-decoration: underline;color: #fff;} address {padding-bottom: 30px;font-style: normal;width: 975px;z-index: 50000;margin: -10px auto 20px;font-weight: bold !important;text-align: left;color: #230c06;font-size: 8px;} address p.left {float: left;text-align: left;} address p.right {float: right;text-align: left;} address a {color: #230c06 !important;} /* ----------------- Modules ----------------- */ .module {display: block;position: relative;margin: 5px auto 15px 16px;} .modulecontent {display: block;position: relative;margin: 5px auto 15px 16px;} /* --- Reservation Bar --- */ #reservationbar { background: url('http://koolinabeachvillasresort.com/images/main/reservationbar.png') no-repeat scroll top left;width: 738px;height: 61px;left: 2px;display: block;position: relative;} #reservationbar h3 { background: url('http://koolinabeachvillasresort.com/images/headlines/reserveyourdates.png') no-repeat scroll top left;width: 176px;height: 12px;margin: 20px 5px 0 10px;float: left;} #reservationbar label {font-weight: bold;color: #f5eedd;float: left;margin: 22px 5px 0 ;} #reservationbar input {background-color: #E5E0C2;color: #403E37;float: left;height: 14px;width: 135px;font-size: .9em;padding: 4px 3px 0 4px;margin: 15px 5px 0 ;border: 0;} #reservationbar input.button {display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/buttons/continue.png') top left no-repeat;width: 75px;height: 18px;padding: 0;cursor:pointer;float: left;} input.button, a.custom {text-indent: -9999px;display: block;position: relative;font-size: 0px;display:block;line-height: 0px;} input.button:hover, a.custom:hover {background-position: bottom left !important;} #reservationbar .callnow {background: url('http://koolinabeachvillasresort.com/images/buttons/reservation-callnow.png') no-repeat scroll top left;width: 43px;display: block;position: relative;height: 61px;float: left;text-indent: -9999px;margin-left: 2px;} #reservationbar .callnow a {width: 43px;display: block;position: relative;height: 61px; } #reservationbar label {color:#F5EEDD;float:left;font-weight:bold;margin:22px 5px 0 2px;} #reservationbar input {background-color:#E5E0C2;border:0 none;color:#403E37;float:left;font-size:0.9em;margin:15px 5px 0 0;padding:4px 3px 0 4px;width:80px;} #reservationbar select {float:left;color:#403E37;float:left;font-size:11px;margin:15px 0 0 0;width:47px;background-color:#E5E0C2;border:0 none;color:#403E37;} #reservationbar input#DateIn {font-size:10px;} /* --- New left nav ihotelier Reservation --- */ div.reserveyihotelier {background:transparent url(http://koolinabeachvillasresort.com/images/boxes/reservedatesbg.png) no-repeat scroll left top;height:144px;width:212px;} div.reserveyihotelier h3 {background:transparent url(http://koolinabeachvillasresort.com/images/headlines/reserveyourdatessmall.png) no-repeat scroll left top;display:block;height:12px;margin:5px 15px 30px;position:relative;top:15px;width:176px;} div.reserveyihotelier form {display:block;margin:15px 10px;position:relative;} div.reserveyihotelier label {color:#F5EEDD;display:block;float:left;font-size:10px;font-weight:bold;height:20px;left:0;margin:0 5px 0 0;padding:6px 0 0;width:40px;white-space:nowrap;} div.reserveyihotelier input {background-color:#E5E0C2;border:0 none;color:#403E37;font-size:12px;height:18px;margin:0 5px 5px 5px;padding:2px 5px 1px 4px;width:105px; float:left;} div.reserveyihotelier select {float:left;color:#403E37;float:left;font-size:11px;background-color:#E5E0C2;border:none;color:#403E37;margin:2px 2px 0 5px;width:35px;} div.reserveyihotelier input.button {background:transparent url(http://koolinabeachvillasresort.com/images/buttons/continue.png) no-repeat scroll left top;display:block;float:right;height:18px;margin-top:0;padding:0;position:relative;width:75px;cursor:pointer;} div#ui-datepicker-div {z-index:7;} /* --- Local Time --- */ .localtime { width: 205px; } .localtime h3 { text-indent: 0; font-weight: bold; font-size: 1.1em; margin-bottom: .3em; color: #be8a5e; } .localtime .modulecontentwrap { border: 1px solid #83462c; padding: 5px; } .localtime h4 { color: #be8a5e; font-weight: bold; font-size: 1.3em; } /* --- Special Offer Box --- */ .specialoffer { background: url('http://koolinabeachvillasresort.com/images/boxes/specialoffer/bg.png') top left repeat-y; width: 210px; } .specialoffercontent {width: 210px;float:right;margin: 0 20px 0 0;} .specialoffer .headerwrap { background: url('http://koolinabeachvillasresort.com/images/boxes/specialoffer/header.png') no-repeat scroll top left; width: 210px; } .specialoffercontent .headerwrap { background: url('http://koolinabeachvillasresort.com/images/boxes/specialoffer/header.png') no-repeat scroll top left; width: 210px; } .specialoffercontent .headerwrap h3 {padding: 5px 0 0 10px;height: 35px;} .specialoffer .footer { background: url('http://koolinabeachvillasresort.com/images/boxes/specialoffer/footer.png') no-repeat scroll top left; width: 210px; height: 35px; } .specialoffercontent .footer { background: url('http://koolinabeachvillasresort.com/images/boxes/specialoffer/footer.png') no-repeat scroll top left; width: 210px; height: 35px; } a.learnmore { background: url('http://koolinabeachvillasresort.com/images/buttons/learnmore.png') no-repeat scroll top left; width: 79px; height: 13px; text-indent: -9999px; float: right; margin: 9px 15px 0 0; display: block; position: relative; } .specialoffer img { margin: 0 0 0 5px; } .specialoffercontent img { margin: 0 0 0 5px; } .specialoffer h3 { background: transparent url('http://koolinabeachvillasresort.com/images/headlines/specialoffer.png') no-repeat scroll top left; width: 116px; height: 12px !important; display: block; top: 15px; position: relative; margin: 20px auto 25px auto !important; } .specialoffercontent h3 { background: transparent url("http://koolinabeachvillasresort.com/images/headlines/specialoffers.png") no-repeat 15px 10px; display: block; margin: 10px 0 0 0; text-indent:0; font-weight:normal; text-align:center; padding: 15px 0 10px 0; letter-spacing: 1px; font-size:17px;color:#4F0A01; text-transform:uppercase; font-family:'Copperplate Light','Copperplate Gothic Light',serif; text-indent:-9999px; } .specialoffercontent h3 a:link, .specialoffercontent h3 a:visited, .specialoffercontent h3 a:hover, .specialoffercontent h3 a:active { text-decoration:none;font-size:17px;color:#4F0A01; display:block;} .specialoffer p { color: #4f0a01; margin: 5px 15px; font-size: 1.4em; display: block; position: relative; text-align: center; } .specialoffercontent p { color: #4f0a01; margin: 5px 15px; font-size: 12px; display: block; position: relative; text-align: center; line-height:18px; } .specialoffercontent p strong {font-size: 14px;} /* --- Reserve Your Dates Box --- */ .reserveyourdates { background: url('http://koolinabeachvillasresort.com/images/boxes/reservedatesbg.png') no-repeat scroll top left; width: 212px; height: 144px; } .reserveyourdates h3 { background: url('http://koolinabeachvillasresort.com/images/headlines/reserveyourdatessmall.png') no-repeat scroll top left; width: 176px; height: 12px; top: 15px; display: block; position: relative; margin: 5px 15px 30px 15px; } .reserveyourdates form {margin: 15px 10px;display: block;position: relative;} .reserveyourdates p {font-size: 10px;color: #f5eedd;clear: both;display: block;position: relative;left: 15px;width: 100px;top: -20px;} .reserveyourdates label {font-weight: bold;color: #f5eedd; float: left;display: block;position: relative;width: 40px;height: 20px;padding: 6px 0 0 0;margin: 0 5px 0 0;left: 5px;font-size: 10px;cursor:pointer;} .reserveyourdates input {background-color: #E5E0C2;color: #403E37;float: left;height: 18px;width: 125px;float: right;font-size: .9em;padding: 4px 3px 0 4px;margin: 0 5px 5px 0;border: 0;} .reserveyourdates input.button {display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/buttons/continue.png') top left no-repeat;width: 75px;height: 18px;padding: 0;margin-top: 7px;float: right;} /* --- Facebook and Twitter--- */ .facebooktwitter {background: url('http://koolinabeachvillasresort.com/images/boxes/travelbg.png') no-repeat scroll top left;padding: 20px;width: 212px;height: 144px;} .twitter a {background: url('http://koolinabeachvillasresort.com/images/buttons/Twitter-icon.png') scroll top left no-repeat;width: 48px;height: 48px;display: block;left: 40px;position: relative;float: left;} .facebook a {background: url('http://koolinabeachvillasresort.com/images/buttons/FaceBook-icon.png') scroll top left no-repeat;width: 48px;height: 48px;display: block;left:20px;position: relative;float: left;} /* --- Travel Advisor Box --- */ .traveladvisor {background: url('http://koolinabeachvillasresort.com/images/boxes/travelbg.png') no-repeat scroll top left;width: 212px;height: 146px;} .traveladvisor h3 {background: url('http://koolinabeachvillasresort.com/images/headlines/traveladvisor.png') no-repeat scroll top left;width: 181px;height: 12px;top: 15px;display: block;position: relative;margin: 5px 15px 30px 15px;} .traveladvisor p {font-size: 11px; width: 170px; margin: 10px auto; font-weight: bold; color: #f5eedd; clear: both; display: block; position: relative;} .traveladvisor a.readreviews {display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/buttons/readreviews.png') top left no-repeat;width: 163px;height: 23px;padding: 0;margin: 0 auto;} .traveladvisor a.readreviews:hover {background-position: 0 -27px !important;} /* --- Newsletter Signup --- */ .joinlist {background: url('http://koolinabeachvillasresort.com/images/boxes/emailbox.png') no-repeat scroll top left;width: 212px;height: 119px;} .joinlist form {width: 215px;margin: 10px 0 0 0;left: 18px;display: block;position: relative;} .joinlist input {background-color: #e8dec3;border: 1px solid #de8b4b;color: #000;float: left;padding: 1px 3px;font-size: 10px;width: 127px;height: 15px;margin-right: 7px;} #leftcol .joinlist a.join {width: 141px;height: 18px;border: none;margin: 0 auto;display: block;} #leftcol .joinlist a.join {background: url('/images/buttons/join-the-newsletter.png') no-repeat 0 0;} #leftcol .joinlist a.join:hover {background: url('/images/buttons/join-the-newsletter.png') no-repeat 0 -19px;} .joinlist p {color: #854526;display: block;margin: 0 15px 15px;width: 140px;font-size: 1.3em;line-height: 1.3em;padding: 10px 0 0 35px; text-align:right;} /* --- Text Area --- */ .text {width: 671px;font-size: 1em;} /* --- Three Column Page --- */ .leftinteriorcolumn {width: 387px;float: left;display: block;position: relative;} .rightinteriorcolumn {float: right;display: block;position: relative;margin-right: -00px;} .tabbedwrap {clear: both;display: block;position: relative;} .tabbedwrap .leftinteriorcolumn {width: 350px;float: left;display: block;position: relative;margin-left: 15px;} .tabbedwrap .rightinteriorcolumn {float: left;display: block;position: relative;margin-right: 5px;} .tabbedwrap p {color: #631d0b;font-size: 1.1em;} /* ----------------- Pages ----------------- */ /* Index Page */ #homepage #flash {background: transparent;width: 738px;height: 359px;margin: 0;padding: 0;display: block;position: relative;} #indexcontent {background: url('http://koolinabeachvillasresort.com/images/main/indexcontentbg.png') no-repeat scroll top left;width: 737px;margin-left: 1px;} #indexcontent .text {color: #e5e2db;width: 430px;margin: 0 30px;} .postcard {background: transparent url('http://koolinabeachvillasresort.com/images/main/postcard.png') bottom right no-repeat;padding-bottom:175px;} .postcardtext {display: none;} /* Interior Pages */ #resortflash, #leisureflash { background:transparent url('http://koolinabeachvillasresort.com/images/interior/flash.png') no-repeat scroll top left; width: 687px; height: 332px; display: block; position: relative; margin: 0; left: -6px; } #resortflash object, #leisureflash object { top: 5px !important; left: -1px; padding: 0 !important; margin: 0 auto !important; border: 0 !important; display: block; position: relative; } #interiorcontent { background: transparent url('http://koolinabeachvillasresort.com/images/interior/interiorbg.png') 0 453px repeat; width: 723px; display: block; position: relative; left: 12px; } #interiorcontent .headerwrap {background: transparent url('http://koolinabeachvillasresort.com/images/interior/interiorheader.png') top left no-repeat;width: 723px;} #interiorcontent .footerwrap {background: transparent url('http://koolinabeachvillasresort.com/images/interior/interiorfooter.png') bottom left no-repeat;width: 723px;min-height: 1200px;} #interiorcontent .text {color: #59200a;line-height: 1.4em; padding: 20px;} .fontsize {display: block;position: relative;float: right;width: 50px;height: 31px;z-index: 1200;} .fontsize ul {margin: 10px 0 0 0 !important;padding: 0;display: block;position: relative;} .fontsize li {float: left;height: 31px;display: block;position: relative;text-indent: -9999px;} li.larger a {background: url('http://koolinabeachvillasresort.com/images/icons/fontsize/larger.png') no-repeat scroll top left;width: 23px;height: 31px;display: block;position: relative;} li.smaller a {background: url('http://koolinabeachvillasresort.com/images/icons/fontsize/smaller.png') no-repeat scroll top left;width: 23px;display: block;position: relative;height: 31px;} .divider {display: block;position: relative;background: transparent url('http://koolinabeachvillasresort.com/images/other/divider.png') top left no-repeat;width: 664px;padding-top: 10px;} .narrowdivider {display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/other/narrowdivider.png') no-repeat scroll top left;width: 387px;height: 2px;margin: 15px auto;} /* Events */ .eventsbymonth { } .eventsbymonth h3 { font-family: "palatino", georgia, "times new roman", serif; font-style: italic; color: #6D3423; font-size: 1.7em; text-indent: 0; height: 20px; padding-top: 10px; padding-bottom: 10px; width: 400px; float: left; padding-left: 40px; background: transparent url('http://koolinabeachvillasresort.com/images/icons/eventdate.png') top left no-repeat; } .eventsbymonth .list { margin-top: 50px; display: block; position: relative; } .restaurants h3 { font-family: "palatino", georgia, "times new roman", serif; font-style: italic; color: #6D3423; font-size: 1.7em; text-indent: 0; height: 20px; padding-top: 15px; padding-bottom: 10px; width: 400px; float: left; padding-left: 40px; background: transparent url('http://koolinabeachvillasresort.com/images/icons/restaurants.png') top left no-repeat; } .activities h3 { font-family: "palatino", georgia, "times new roman", serif; font-style: italic; color: #6D3423; font-size: 1.7em; text-indent: 0; height: 16px; padding-top: 10px; padding-bottom: 10px; width: 400px; float: left; padding-left: 30px; background: transparent url('http://koolinabeachvillasresort.com/images/icons/activities.png') top left no-repeat; } .culture h3 {font-family: "palatino", georgia, "times new roman", serif; font-style: italic;color: #6D3423;font-size: 1.7em; text-indent: 0;height: 16px;padding-top: 10px;padding-bottom: 10px;width: 400px;float: left;padding-left: 30px;background: transparent url('http://koolinabeachvillasresort.com/images/icons/culture.png') top left no-repeat;} /* Contact Us */ .contactform {background: url('http://koolinabeachvillasresort.com/images/boxes/contactform/bg.png') top left repeat;width: 662px;display: block;position: relative;} .contactform .headerwrap {background: url('http://koolinabeachvillasresort.com/images/boxes/contactform/header.png') top left no-repeat !important;width: 662px;} .contactform .footer {background: url('http://koolinabeachvillasresort.com/images/boxes/contactform/footer.png') bottom left no-repeat;width: 662px;display: block;position:relative;} .contactform form {padding: 10px 10px 30px 10px;display: block;position:relative;width: 600px;top: 10px;margin: 0 15px 30px 15px;} .contactform label {font-weight: bold;width: 150px;margin: 0;vertical-align: bottom;padding: 5px 0 0 0;height: 20px;float: left;clear: left;font-size: 1.2em;color: #7D503E;} .contactform input, .contactform textarea {color: #EBE9DA;border: 1px solid #D6C6B0;color: #7D503E;margin: 0 0 5px 0;width: 250px;height: 25px;clear: right;display: block;position:relative;} .contactform textarea {width: 400px;height: 250px;} .contactform p {color: #814e3b;font-size: 1em;margin-left: 150px;float: left;width: 150px;} .contactform input.button {display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/buttons/sendmessage.png') top left no-repeat;width: 119px;height: 23px;padding: 0;float: right;border: 0;margin-right: 47px;text-indent: -9999px;} .contactform input.subscribe {background: url('http://koolinabeachvillasresort.com/images/buttons/subscribe.png') top left no-repeat;height: 20px;margin-right: 155px;} /* Additional Contact Form Styles */ .contactform select {width: 150px;margin-bottom: 15px;} .contactform .hidden {display: none;} .contactform .radiowrap {display: block;position: relative;width: 250px;float: left;clear: right;} .radiowrap .radioitem {display: block;position: relative;height: 15px;padding: 0 !important;margin: 0 0 0 0 !important;clear: both;} .radiowrap label {font-weight: normal;width: 150px;padding: 6px 0 0 0 !important;margin: 0 !important;display: block;position: relative;float: none;clear: none;} .radiowrap input {float: left;padding: 0 !important;clear: none;width: 15px;margin-right: 10px;} .contactform .selectwrap {display: block;position: relative;float: left;clear: right;} /* Flash Areas */ #indexflash {display: block;position: relative;top: 18px;margin: 0 0 0 14px;} /* Room Types */ .features h3 {background: url('http://koolinabeachvillasresort.com/images/headlines/features.png') no-repeat scroll top left;width: 110px;height: 24px;margin: 0 0 0 10px;} .features ul {display: block;position: relative;padding: 15px;margin: 0 20px !important;} .features li {list-style:disc !important;color: #631d0b;font-size: 1em;} #roomtypes .buttons {width: 100%;clear: both;height: 25px;margin: 10px 0;display: block;position: relative;} /* Management Services */ .ownerlogin h3 {background: url('http://koolinabeachvillasresort.com/images/headlines/ownerlogin.png') no-repeat scroll top left;width: 135px;height: 26px;display: block;position: relative;margin: 0 15px;top: 5px;} .ownerlogin p, .ownerlogin a {font-size: .95em;display: block;position: relative;left:40px;margin-top: 5px;float: left;} .ownerlogin a {text-decoration: underline;} .ownerlogin form {width: 230px;display: block;position: relative;margin: 15px 12px;} .ownerlogin label {font-weight: bold;width: 50px;float: left;color: #7D503E;height: 20px;font-size: 1.3em !important;padding: 6px 0 0 0;margin: 0 5px 0 5px ;font-size: 10px;} .ownerlogin input {color: #EBE9DA;border: 1px solid #D6C6B0;color: #7D503E;width: 200px;clear: right;float: right;font-size: .9em;padding: 4px 3px 0 4px;margin: 0 0 5px 0;border: 0;height: 18px;width: 145px;} .ownerlogin input.button {display: block;position: relative;background: url('http://koolinabeachvillasresort.com/images/buttons/login.png') no-repeat scroll top left;width: 64px;height: 23px;padding: 0;display: block;position: relative;margin: 0 0 15px 20px;border: 0;} /* Book Your Reservation */ .specialoffers h3 {background: url('http://koolinabeachvillasresort.com/images/headlines/specialoffers.png') no-repeat scroll top left;width: 147px;height: 27px;display: block;position: relative;margin: 10px 0;} .specialofferscontent h3 {background: url('http://koolinabeachvillasresort.com/images/headlines/specialoffers.png') no-repeat scroll top left;width: 147px;height: 27px;display: block;position: relative;margin: 10px 0;} .buttons a {float: left;margin-right: 3px;} a.booknow {background: url('http://koolinabeachvillasresort.com/images/buttons/booknow.png') no-repeat scroll top left;width: 77px;height: 18px;} a.moreinformation {background: url('http://koolinabeachvillasresort.com/images/buttons/moreinformation.png') no-repeat scroll top left;width: 131px;height: 18px;} a.viewvideotour {background: url('http://koolinabeachvillasresort.com/images/buttons/viewvideotour.png') no-repeat scroll top left;width: 114px;height: 18px;} a.callnow {background: url('http://koolinabeachvillasresort.com/images/nav/callnowlink.png') no-repeat scroll top left;width: 204px;height: 37px;text-indent: -9999px;border: none;margin:0 0 0 20px;} /* Amenities Page */ .twocoltable {margin: -30px 0 0 0 !important;padding: 0 !important;} .twocoltable td {padding: 10px;width: 300px;} .twocoltable ul, .twocoltable dl {margin: .3em 0 !important;padding: 0 !important;list-style-position: inside;list-style: disc !important;} .twocoltable ul {margin-left: 10px !important;} .twocoltable dt {font-weight: bold;margin-top: 15px;margin-bottom: 5px;font-size: 1.5em;} .twocoltable dt:first-child {margin-top: 0;} .twocoltable li, .twocoltable dd {line-height: 1.5em !important;margin: .3em 0 !important;padding: 0 !important;} /* ----------------- Headlines ----------------- */ h2, h3 {text-indent: -9999px;display: block;position: relative;background: transparent;} h2 {margin: 10px 0 2em 0;} h3.subhead {border-bottom: 1px solid #59200a;padding-bottom: 3px;margin: 2em 0 .5em 0;font-weight: bold;font-size: 1.4em;text-indent: 0;z-index: 100;color: #59200a;} h3.subhead2 {font-weight: bold;font-size: 1.4em;text-indent: 0;z-index: 100;color: #59200a;} h3.contactussmall {background: url('http://koolinabeachvillasresort.com/images/headlines/contactussmall.png') no-repeat scroll top left;width: 124px;height: 18px;display: block;position: relative;margin: 10px 0;} h3.aboutthisroom { background: url('http://koolinabeachvillasresort.com/images/headlines/aboutthisroom.png') no-repeat scroll top left;width: 173px;height: 30px;display: block;position: relative;margin: 0 0 10px 0;} #homepage h2, h2.index {background: url('http://koolinabeachvillasresort.com/images/headlines/homepage.png') no-repeat scroll top left;width: 435px;height: 49px;margin: 0;} h2.events {background: url('http://koolinabeachvillasresort.com/images/headlines/events.png') no-repeat scroll top left;width: 82px;height: 26px;} h2.specialoffers {background: url('http://koolinabeachvillasresort.com/images/headlines/email_optin.png') no-repeat scroll top left;width: 610px;height: 37px;} #interiortemplate h2 {background: url('http://koolinabeachvillasresort.com/images/headlines/interiorheadline.png') no-repeat scroll top left;width: 123px;height: 39px;} #contactus h2, h2.contactus {background: url('http://koolinabeachvillasresort.com/images/headlines/contactus.png') no-repeat scroll top left;width: 140px;height: 26px;} h2.privacy {background: url('http://koolinabeachvillasresort.com/images/headlines/privacy.png') no-repeat scroll top left;width: 93px;height: 36px;} #management h2, h2.managementservices {background: url('http://koolinabeachvillasresort.com/images/headlines/management.png') no-repeat scroll top left;width: 275px;height: 37px;} h2.reservations {background: url('http://koolinabeachvillasresort.com/images/headlines/bookreservation.png') no-repeat scroll top left;width: 292px;height: 26px;} #photogallery h2, h2.gallery {background: url('http://koolinabeachvillasresort.com/images/headlines/photogallery.png') no-repeat scroll top left;width: 176px;height: 36px;} #roomtypes h2, h2.thevillas {background: url('http://koolinabeachvillasresort.com/images/headlines/roomtypes.png') no-repeat scroll top left;width: 152px;height: 39px;} h2.dining {background: url('http://koolinabeachvillasresort.com/images/headlines/dining.png') no-repeat scroll top left;width: 247px;height: 36px;} h2.discoverkoolina {background: url('http://koolinabeachvillasresort.com/images/headlines/discover-koolina.png') no-repeat scroll top left;width: 240px;height: 36px;} h2.promotionoff {background: url('http://koolinabeachvillasresort.com/images/headlines/promotion-35-off.gif') no-repeat scroll top left;width: 310px;height: 30px;} h2.specialoffersheadline {background: url('http://koolinabeachvillasresort.com/images/headlines/specialoffers_large.png') no-repeat scroll top left;width: 459px;height: 43px;} h2.thankyou {background: url('http://koolinabeachvillasresort.com/images/headlines/thankyou.png') no-repeat scroll top left !important;width: 300px !important;height: 36px !important;} h2.sitemap {background: url('http://koolinabeachvillasresort.com/images/headlines/sitemap.png') no-repeat scroll top left;width: 116px;height: 36px;} h2.sitesecurity {background: url('http://koolinabeachvillasresort.com/images/headlines/sitesecurity.png') no-repeat scroll top left;width: 160px;height: 37px;} h2.travelprofessionals {background: url('http://koolinabeachvillasresort.com/images/headlines/travelprofessionals.png') no-repeat scroll top left;width: 248px;height: 39px;} h2.leisure {background: url('http://koolinabeachvillasresort.com/images/headlines/leisureoverview.png') no-repeat scroll top left;width: 278px;height: 26px;} h2.culturalactivities {background: url('http://koolinabeachvillasresort.com/images/headlines/culturalactivities.png') no-repeat scroll top left;width: 230px;height: 26px;} h2.activities {background: url('http://koolinabeachvillasresort.com/images/headlines/activities.png') no-repeat scroll top left;width: 335px;height: 36px;} h2.activitiescontactform {background: url('http://koolinabeachvillasresort.com/images/headlines/activitiescontactform.png') no-repeat scroll top left;width: 335px;height: 36px;} h2.golf {background: url('http://koolinabeachvillasresort.com/images/headlines/golf.png') no-repeat scroll top left;width: 61px;height: 36px;} h2.fitness {background: url('http://koolinabeachvillasresort.com/images/headlines/fitness.png') no-repeat scroll top left;width: 85px;height: 26px;} h2.spa {background: url('http://koolinabeachvillasresort.com/images/headlines/spa.png') no-repeat scroll top left;width: 321px;height: 38px;} h2.amenities {background: url('http://koolinabeachvillasresort.com/images/headlines/amenities.png') no-repeat scroll top left;width: 451px;height: 27px;} h2.location {background: url('http://koolinabeachvillasresort.com/images/headlines/location.png') no-repeat scroll top left;width: 171px;height: 26px;} h2.resort {background: url('http://koolinabeachvillasresort.com/images/headlines/resort.png') no-repeat scroll top left;width: 268px;height: 36px;} h2.careers {background: url('http://koolinabeachvillasresort.com/../images/headlines/careers.png') no-repeat scroll top left;width: 508px;height: 26px;} h2.newsletter {background: url('http://koolinabeachvillasresort.com/images/headlines/news.png') no-repeat scroll top left;width:524px;height: 36px;} h2.driving {background: url('http://koolinabeachvillasresort.com/images/headlines/driving-directions.png') no-repeat scroll top left;width:231px;height: 35px;} h2.probowl {background: transparent url('http://koolinabeachvillasresort.com/images/headlines/header-probowl.gif') no-repeat 0 0;width:450px;height: 35px;} /* --- Typography --- */ p, li, dd {font-size: 1.3em;line-height: 1.5em;margin-bottom: 1.4em;} p.callout {background-color: #E2D7C2;border: 1px solid #A99B87;padding: 5px;color: #5F2315;margin: 10px 0;} .text ul {margin: 20px 30px;} .text li {list-style: disc;margin-bottom: .3em;} p.nomargin {margin-bottom: 0;} /* List Layout */ .list {background-color: #DACAAF;border: 1px solid #C1A88B;display: block;position: relative;margin-bottom: 25px;} .listitem {border-bottom: 1px solid #C3A68D;padding: 10px;display: block;position: relative;width: 630px;margin: 0 auto;} .listitem h4 {color: #361810;font-weight: bold;font-size: 1.3em;width: 350px;margin: 0;padding: 0;float: left;display: block;position: relative;} .listitem h5 {color: #582014;font-weight: bold;font-size: 1.1em;text-align: right;display: block;margin: 0;padding: 0;position: relative;float: right;width: 280px;padding-top: 3px;} .listitem p {color: #7d3a1c;line-height: 1.5em;display: block;position: relative;margin: 15px 0;padding-top: 5px;clear: left;} .listitem img {float: right;padding: 5px;border: 1px solid #361810;margin: 10px 0 15px 20px;background-color: #785F4B;} select.dropdown {float: right;display: block;position: relative;margin: 5px 0 15px 0;} .list .callout {width: 470px;padding: 5px;} .nobullet li { margin-left: -10px !important;list-style: inside; padding-left: 0; list-style: none !important;} /* Tabs */ #tabs {width: 663px;padding: 0 !important;margin: 0 !important;} ul.tabnav {list-style: none;} .tabnav li {font-family: "palatino", georgia, "times new roman", serif;height: 28px;width: 129px;font-size: 13px !important;list-style: none;} .tab {background: transparent url('http://koolinabeachvillasresort.com/images/boxes/tabs/bg.png') top left repeat-y !important;width: 663px;display: block;position: relative;padding: 0 !important;margin: 0 0 25px 0!important;} .tab .footer {background: url('http://koolinabeachvillasresort.com/images/boxes/tabs/footer.png') bottom left no-repeat;width: 663px;padding: 0 !important;margin: 0 !important;} .tabcontentwrap {padding: 10px;} /* --- Small Panel Module --- */ .smallpanel { background: transparent url('http://koolinabeachvillasresort.com/images/boxes/smallpanel/bg.png') 0 0 repeat-y !important;width: 258px !important;display: block;margin: 0 0 10px 10px !important;padding: 0;position: relative;} .smallpanel .headerwrap {background: transparent url('http://koolinabeachvillasresort.com/images/boxes/smallpanel/header.png') 0 -5px no-repeat !important;width: 263px !important;display: block;position: relative;} .smallpanel .footer {background: transparent url('http://koolinabeachvillasresort.com/images/boxes/smallpanel/footer.png') bottom left no-repeat !important;width: 263px !important;padding: 0;bottom: -7px;display: block;position: relative;} /* --- Datepicker --- */ .datepicker {background: url('http://koolinabeachvillasresort.com/images/icons/calendar.png') 95% center no-repeat;} /* --- Sitemap --- */ .pager { border:#894E2E 1px solid;padding:3px;text-align:center;font:normal 12px verdana;} .lhead { border-bottom:#894E2E 1px solid;padding:3px;margin-bottom: 5px;font:bold 14px verdana;} .lpart { padding-bottom:25px;} .lpage { font:normal 12px verdana;} .lcount { display: none;} .sitemaplist {margin: 20px !important;} .sitemaplist dt {margin-top: 20px !important;} .sitemaplist dd {margin-left: 30px !important;} .sitemaplist a {text-decoration: none;}