/* CSS Document */ body {margin:0; padding:0; color:#62412E; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/body_bg.gif) repeat-y center top #62412E;} #wrapper {width:797px; margin: 0px auto; padding:0;} .clear {clear:both; font-size:0; line-height:0px; height:0;} /* -------------- Header -------------- */ #header {width:797px; margin:0; padding:0; height:100px;} #header p {margin:10px 0 0 0; padding:0;} h1 {margin:0; padding:0} h1#lorrenslogo a { display:block; background: url(../images/lorrens_logo.gif); height:100px; width:199px; text-indent: -900em; float:left; quotes: Lorrens-Health-Hydro; } #contactdetails { width:570px; float:right; text-align:right; padding:0 10px 0 0; margin:0;} #header a:link {color:#62412E; text-decoration:none;} #header a:visited { color:#62412E; text-decoration:none;} #header a:active { color:#62412E; text-decoration:none;} #header a:hover { color:#62412E; text-decoration:underline;} h3 {font-size:14px; color:#B98D5E; margin:25px 0 0 0; padding:0; font-weight:100; line-height:18px;} h4 {font-size:12px; color:#62412E; margin:0; padding:0; font-weight:bold; line-height:18px;} h4.tariffheader {font-size:12px; color:#62412E; margin:0 0 5px 0; padding:2px 0 2px 4px; font-weight:bold; background-color:#D1AC84; height:16px; clear:both;} h2 {margin:17px 0 15px 0; padding:0} h2#daytimespecials {display:block; background: url(../images/titles/daytime_specials.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#daytimetariff {display:block; background: url(../images/titles/daytime_specials_tariff.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#termsconditions {display:block; background: url(../images/titles/terms.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#accommodation {display:block; background: url(../images/titles/accommodation.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#treatments {display:block; background: url(../images/titles/treatments.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#facilities {display:block; background: url(../images/titles/facilities.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#about {display:block; background: url(../images/titles/about.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#fitness {display:block; background: url(../images/titles/fitness.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#tariff {display:block; background: url(../images/titles/tariff.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#contact {display:block; background: url(../images/titles/contact.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#welcome {display:block; background: url(../images/titles/welcome.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#healthbreaks {display:block; background: url(../images/titles/health_breaks.gif) no-repeat top left; height:56px; width:404px; text-indent: -900em; float:left;} h2#relaxation {display:block; background: url(../images/titles/relaxation_breaks.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#findus {display:block; background: url(../images/titles/find_us.gif) no-repeat top left; height:29px; width:584px; text-indent: -900em; float:left;} h2#facial {display:block; background: url(../images/titles/facial_treatments.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#body {display:block; background: url(../images/titles/body_treatments.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#hands {display:block; background: url(../images/titles/hands.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#touches {display:block; background: url(../images/titles/touches.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#waxing {display:block; background: url(../images/titles/waxing.gif) no-repeat top left; height:30px; width:404px; text-indent: -900em; float:left;} h2#spabreaks {display:block; background: url(../images/titles/spabreaks.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} h2#hydrotreatments {display:block; background: url(../images/titles/hydro_treatments.gif) no-repeat top left; height:30px; width:404px; text-indent: -900em; float:left;} h2#guestbook {display:block; background: url(../images/titles/guest_book.gif) no-repeat top left; height:29px; width:404px; text-indent: -900em; float:left;} /* -------------- Navigation -------------- */ #menu { width:797px; margin:0; padding:0; height:30px; background:url(../images/nav_bg.gif) no-repeat top right #62422F;} ul#navigation {margin:0; padding:0; list-style:none; width:797px;} ul#navigation li {float:left; margin:0 0 0 14px; padding:0; height:30px;} /* -------------- Header Images -------------- */ #headerimages { width:797px; margin:8px 0 0 0; padding:0; clear:both;} #headerimagesmain {width:610px; float:left; margin:0; padding:0; height:179px;} #headerimagesm {width:180px; float:right; margin:0; padding:0; height:179px;} /* -------------- Main Content -------------- */ #maincolumn {width:797px; background:url(../images/flower_bg.jpg) bottom right no-repeat; margin:0; padding:0} #maincolumn2 {width:797px; background:url(../images/flower_lighter_bg.jpg) bottom right no-repeat; margin:0; padding:0} #leftcolumn {width:164px; margin:8px 24px 0 0; padding:0; float:left;} #leftcolumn img { margin:0 0 8px 0; padding:0;} #rightcolumn {width:609px; margin:8px 0 0 0; padding:0; float:left;} /* -------------- Main Content -------------- */ #rightpromobox {width:180px; float:right; background:url(../images/panels/right_bottom.gif) bottom no-repeat #62422F; margin:0; padding:0; color:#FFF;} .toprightpanel {width:180px; height:22px; background:url(../images/panels/right_top.gif) no-repeat top;} #rightpromo {margin:0; padding:0 0 0 52px; background:url(../images/titles/breaks_stays.gif) no-repeat top left; height:255px;} #dayspecialpromos {margin:0; padding:0 0 0 52px; background:url(../images/titles/daytime_specials_sub.gif) no-repeat top left; height:219px;} #tariffpromos {margin:0; padding:0 0 0 52px; background:url(../images/titles/tariff_sub.gif) no-repeat top left; height:219px;} #contactpromo {margin:0; padding:0 0 0 52px; background:url(../images/titles/contact_sub.gif) no-repeat top left; height:219px;} #contactpromo p {margin:0 0 15px 0; padding:0;} #contactpromo a:link {color:#FFF; text-decoration:underline;} #contactpromo a:visited { color:#FFF; text-decoration:underline;} #contactpromo a:active { color:#FFF; text-decoration:underline;} #contactpromo a:hover { color:#FFF; text-decoration:underline;} #widercolumn {width:584px; font-size:12px; float:left; margin:0; padding:0;} #widerncolumn p { line-height:18px; margin:10px 0 10px 0; padding:0;} #leftmaincolumn {width:404px; font-size:12px; float:left; margin:0; padding:0;} #leftmaincolumn p { line-height:18px; margin:10px 0 10px 0; padding:0;} #leftcolumntariff {width:404px; font-size:12px; float:left; margin:0; padding:0;} #leftcolumntariff p { line-height:16px; margin:0 0 10px 0; padding:0;} #leftmaincolumn a:link {color:#62412E; text-decoration:none;} #leftmaincolumn a:visited { color:#62412E; text-decoration:none;} #leftmaincolumn a:active { color:#62412E; text-decoration:none;} #leftmaincolumn a:hover { color:#62412E; text-decoration:underline;} /* -------------- Home Spa Promo Banner -------------- */ #spapromo {width:270px; background:url(../images/panels/white_bottom.gif) bottom left no-repeat #F0ECE9; margin:0 0 10px 0; padding:0 0 15px 0; clear:both;} .spapromotop { width:270px; background:url(../images/panels/white_top.gif) top left no-repeat #F0ECE9; height:24px; margin:0; padding:0;} #dayspadetails { width:197px; background:url(../images/titles/dayspa.gif) top left no-repeat; margin:0; padding:0 10px 0 63px;} #dayspadetails p { margin:0 0 10px 0; padding:0; line-height:18px;} #dayspadetails a:link {color:#62412E; text-decoration:none;} #dayspadetails a:visited { color:#62412E; text-decoration:none;} #dayspadetails a:active { color:#62412E; text-decoration:none;} #dayspadetails a:hover { color:#62412E; text-decoration:underline;} #giftvoucherdetails { width:197px; background:url(../images/titles/gift_vouchers.gif) top left no-repeat; margin:0; padding:0 10px 0 63px;} #giftvoucherdetails p { margin:0 0 10px 0; padding:0; line-height:18px;} #giftvoucherdetails a:link {color:#62412E; text-decoration:none;} #giftvoucherdetails a:visited { color:#62412E; text-decoration:none;} #giftvoucherdetails a:active { color:#62412E; text-decoration:none;} #giftvoucherdetails a:hover { color:#62412E; text-decoration:underline;} /* -------------- Gift Vouchers Promo Banner -------------- */ #giftvouchers { width:197px; background:url(../images/titles/gift_vouchers.gif) top left no-repeat; margin:0; padding:0 10px 0 63px;} #giftvouchers p { margin:0 0 10px 0; padding:0; line-height:18px;} #giftvouchers a:link {color:#62412E; text-decoration:none;} #giftvouchers a:visited { color:#62412E; text-decoration:none;} #giftvouchers a:active { color:#62412E; text-decoration:none;} #giftvouchers a:hover { color:#62412E; text-decoration:underline;} /* -------------- Home Spa Promo Banner -------------- */ #voucherpromo { width:197px; background:url(../images/titles/gift_vouchers_2.gif) top left no-repeat; margin:0; padding:0 7px 0 63px; height:155px;} #voucherpromo p { margin:0 0 7px 0; padding:0; line-height:18px;} #voucherpromo a:link {color:#62412E; text-decoration:none;} #voucherpromo a:visited { color:#62412E; text-decoration:none;} #voucherpromo a:active { color:#62412E; text-decoration:none;} #voucherpromo a:hover { color:#62412E; text-decoration:underline;} /* -------------- Breaks List -------------- */ ul#breakslist {margin:0; padding:0; list-style:none;} ul#breakslist li {margin:0 0 6px 0; padding:0;} ul#breakslist li a:link {color:#FFF; text-decoration:none;} ul#breakslist li a:visited { color:#FFF; text-decoration:none;} ul#breakslist li a:active { color:#FFF; text-decoration:none;} ul#breakslist li a:hover { color:#FFF; text-decoration:underline;} /* -------------- Footer -------------- */ #footer { width:777px; margin:0; padding:7px 10px 0 10px; height:18px; background:url(../images/footer_bg.gif) no-repeat top right #62422F; clear:both;} .copyright a:link {color:#FFF; text-decoration:none;} .copyright a:visited { color:#FFF; text-decoration:none;} .copyright a:active { color:#FFF; text-decoration:none;} .copyright a:hover { color:#FFF; text-decoration:underline;} .copyright {float:left; color:#FFF;} .createanet {float:right;} .createanet a:link {color:#62412E; text-decoration:none;} .createanet a:visited { color:#62412E; text-decoration:none;} .createanet a:active { color:#62412E; text-decoration:none;} .createanet a:hover { color:#62412E; text-decoration:underline;} /* -------------- Daytime Specials Tariff -------------- */ .specialtariff {text-align:left;width:400px; margin:0 0 15px 0; color:#62422F;} .specialtariff td {text-align:left; padding:0} .specialtariff .col1 {width:100px; font-weight:bold;} .specialtariff .col2 {width:100px;} .specialtariff .col3 {font-weight:bold; text-align:center;} .regtariff {text-align:left;width:400px; margin:0 0 15px 0; color:#62422F; clear:both;} .regtariff td {text-align:left; padding:0;} .regtariff .col1 {width:100px; font-weight:bold;} .regtariff .col2 {width:300px;} .smalltariff {text-align:left;width:400px; margin:0 0 15px 0; color:#62422F; clear:both;} .smalltariff td {text-align:left; padding:3px 0 3px 0;} .smalltariff .col1 {width:100px;} .smalltariff .col2 {width:300px; font-weight:bold;} .tariffterms {text-align:left;width:400px; margin:0 0 15px 0; color:#62422F; clear:both;} .tariffterms td {text-align:left; padding:3px 0 3px 0;} .tariffterms .col1 {width:100px;} .tariffterms .col2 {width:300px;} /* -------------- Enquiry Form -------------- */ .enquirytable {text-align:left;width:404px; margin:0; color:#62422F;} .enquirytable td {text-align:left; padding:0 0 3px 0;} .enquirytable .col1 {width:130px;} .enquirytable .col2 {width:274px;} .enquirytable .col3 {width:150px;} .enquirytable .col4 {width:254px;} .enquirytable .col5 {width:130px;} .enquirytable .col6 {width:254px;} .enquirytable input, select, textarea {text-align:left; width:264px; font-size:12px;} input.checkboxwidth {width:auto;} .form {margin:0; padding:0;} ul.error {margin:0 0 7px 0; padding:0; list-style:none;} ul.error li {margin:0; padding:0 0 0 16px; background:url(../images/error.gif) no-repeat top left;} ul.success {margin:0 0 15px 0; padding:0; list-style:none;} ul.success li {margin:0; padding:0; color:#0B8F16;} /* -------------- Location -------------- */ #locationdetails { width:197px; background:url(../images/titles/location.gif) top left no-repeat; margin:0; padding:0 10px 0 63px;} #locationdetails p { margin:0 0 10px 0; padding:0; line-height:18px;} #locationdetails a:link {color:#62412E; text-decoration:none;} #locationdetails a:visited { color:#62412E; text-decoration:none;} #locationdetails a:active { color:#62412E; text-decoration:none;} #locationdetails a:hover { color:#62412E; text-decoration:underline;} /* -------------- What we use -------------- */ #usetop {width:404px; margin:0; padding:0; height:23px; background:url(../images/panels/use_top2.gif) no-repeat top left; clear:both;} #usebottom {width:364px; margin:0; padding:0 20px 0 20px; height:auto; background:url(../images/panels/use_bottom3.gif) no-repeat bottom left #F0ECE9; color:#62422F; font-size:11px;} .brandlogos {width:70px; float:left; margin:0 0 20px 0; padding:0;} .branddescription {float:right; width:292px; margin:0 0 20px 0; padding:0;} /* -------------- Tarrif Main List -------------- */ ul.tariffmainlist {width:202px; margin:0 0 20px 0; padding:0; list-style:none; float:left;} ul.tariffmainlist li {margin:0; padding:0 0 0 15px; line-height:16px; background:url(../images/bullet_point.gif) no-repeat top left;} ul.tariffmainlist li a:link {color:#62412E; text-decoration:none;} ul.tariffmainlist li a:visited { color:#62412E; text-decoration:none;} ul.tariffmainlist li a:active { color:#62412E; text-decoration:none;} ul.tariffmainlist li a:hover { color:#62412E; text-decoration:underline;} /* -------------- Back to Top -------------- */ ul.backtotop {margin:10px 0 10px 0; padding:0 0 10px 0; list-style:none;} ul.backtotop li {margin:0; padding:0 0 0 20px; line-height:16px; background:url(../images/top_arrow.gif) no-repeat top left; font-size:11px;} ul.backtotop li a:link {color:#62412E; text-decoration:underline;} ul.backtotop li a:visited { color:#62412E; text-decoration:underline;} ul.backtotop li a:active { color:#62412E; text-decoration:underline;} ul.backtotop li a:hover { color:#62412E; text-decoration:underline;}