/* ========================================================================== STYLE.CSS | CSS FRAMEWORK -------------------------- Main Project specific styles - The Ridge - author: Fueldesign.co.nz version: - 2.0 - Contents: -------------------------- 1 - Default Typography Sizing, Colours and Margins 2 - Global Stlyes for types 3 - Main Structural Divs 4 - Header styles 5 - Main body Styles 6 - Footer Styles 7 - Page Specific sty;es ========================================================================== */ @import url("base.css"); /*@import url("sifr.css");*/ /*@import url("forms.css");*/ /* ========================================================================== 1 - Default Typography Sizing, Colours and Margins ========================================================================== */ html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th, a:link, a:visited { /* For Nescape 4.0 and other inheritance intolerant browsers */ font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666; line-height: 1.5em; } body { font-size: 62.5%; } p, ul, ol, dl, form { font-size: 1.2em; margin-bottom: 1em; } h1 { font-size: 1.5em; font-weight: normal; text-transform: uppercase; margin-bottom: 1em; color: #7a1316; font-family: Arial, Helvetica, sans-serif;} h2 { font-size: 1.5em; font-weight: normal; margin-bottom: 1em; color: #7a1316; font-family: Arial, Helvetica, sans-serif; } h3 { font-size: 1.4em; margin-bottom: 1em; font-weight: normal; } h4 { font-size: 1.3em; margin-bottom: 1em; } h5 { font-size: 1.2em; margin-bottom: 1em; } /* ========================================================================== 2 - Global Styles for types ========================================================================== */ blockquote { background: #e3e3e3 url(../../images/bg/blockquote.gif) bottom right no-repeat; padding: 10px 10px 5px 10px; margin-bottom: 10px; } blockquote u { font-size: 1em; margin-top: -7px; color: #999; font-style: normal; text-decoration: none;} /* ========================================================================== 3 - Main Structural Divs ========================================================================== */ html, body { height: 100%; } body { background: #FFF url(../../images/bg/bg.gif) top left repeat-x; text-align: center; } body#noHeader { background: #FFF url(../../images/bg/bg2.gif) top left repeat-x; } div#container { width: 800px; margin-left: auto; margin-right: auto; text-align: left; } div#header { margin-top: 32px; height: 76px; width: 800px; position: relative; background: transparent url(../../images/bg/header.gif) top left no-repeat; } div#content { padding-top: 15px; width: 800px; background: transparent url(../../images/bg/content.gif) no-repeat scroll 0 -4px; } #noHeader div#content { background-image: url(../../images/bg/content2.gif); } div#primaryContent { padding-left: 35px; float: left; width: 508px; margin-bottom: 15px; } div#sidebar { float: left; width: 194px; margin-left: 25px; margin-bottom: 15px; } ul#footer { border-top: 1px solid #7a1316; clear: both; margin: 0 20px; } /* ========================================================================== 4 - Header styles ========================================================================== */ #logo { position: absolute; top: -25px; right: 35px; } #logo img { background: none; } ul#Nav { height: 29px; line-height: 29px; margin-left: auto; margin-right: auto; margin-bottom: 0; width: 754px; } #Nav li { display: inline;} #Nav a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 5px; padding-right: 5px; display: block; float: left; height: 29px; line-height: 29px; color: #FFF; text-transform: uppercase; border-left: 1px solid #7e2629; border-right: 1px solid #922b2e; } #Nav a:hover, #Nav a.current { background: transparent url(../../images/bg/navO.gif) top left repeat-x; } a.current { cursor: default; } em#phone { font-size: 1.3em; display: block; position: absolute; left: 35px; color: #594600; font-style: normal; bottom: 13px; } #flash img { display: block; padding: 0; } #flash { padding: 0 20px; } #flashStatic { padding: 0; } #flashSidebar { padding: 0,0,0,0 } #keywords,#krd { color: #7a1215; width: 500px; font-size: 10px; margin-left: 25px; vertical-align: bottom; padding-top: 37px; } /*#keywords { color: #EAE3D7; width: 550px; font-size: 9px; margin-left: 25px; vertical-align: bottom; }*/ /*#keywords span { position: absolute; height: 100%; width: 100%; background-color: #FFF; }*/ /* ========================================================================== 5 - Main content styles ========================================================================== */ h2.leadin { color: #594600; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } div#primaryContent ul {list-style-type: disc; margin-left: 20px;} div#primaryContent > h1 {display:none;} div#primaryContent.title > h1 {display:block;} #offers a,.offers a { text-indent: 5px; color: #FFF; display: block; width: 194px; height: 29px; line-height: 29px; background: #666 url(../../images/bg/offer.gif) top left no-repeat; } #offers a:hover,.offers a:hover { background: #666 url(../../images/bg/offerO.gif) top left no-repeat; } #offers li{ margin-bottom: 5px; } .offers a { text-transform:uppercase; text-align:left; } #sidebar img { margin-bottom: 10px; } #sidebar dl#contactDeets dt, #sidebar dl#contactDeets dd { display: inline; } dl#contactDeets dt, dl#contactDeets dd { display: inline; } #contactDeets dt { font-weight: bold; color: #7a1215;} .package { xborder: 1px solid #6a0f12; margin-bottom: 10px; } .package em { color: #6a0f12; font-style: normal; } .package h2 { background: #6a0f12; color: #FFF; padding-left: 10px; } .package li { padding-left: 15px; } .package p { padding: 0 10px;} .package ul { padding: 0 10px; list-style-type: none !important; margin-left: 0 !important;} .package strong { font-size: 1.2em; } a:link.bookNow, a:visited.bookNow { font-size: 1.1em; font-weight: bold; color: #7a1215; text-transform: uppercase; background-color: #EEE; display: block; height: 30px; padding: 5px; line-height: 30px; text-align: right; } #sitesOfInterest {font-size: 1.2em;} #sitesOfInterest table em {color: #7a1215; font-size: 1.1em;} #sitesOfInterest table a {color: #333; text-decoration: underline;} #sitesOfInterest table a:hover {color: #999; text-decoration: underline;} .uxurylodge {font-size: 0.9em;} #table { border:1px solid #999 !important; padding:3px; } #table tbody { padding:2px; !important} /* ========================================================================== 6 - Footer styles ========================================================================== */ /*#footer { padding-top: 15px; background: #FFF; padding-bottom: 15px; text-align:center; } #footer li { float: left; margin-left: 45px; } #footNav li { display: inline; color: #999; font-size: 0.9em; } #footNav a { color: #999; }*/ #footer { padding: 15px 0px; background: #FFF; text-align:center; } #footer li { display: inline; margin: 0px 5px; } #footNav li { display: inline; color: #999; font-size: 0.9em; } #footNav a { color: #999; } p#HCI { clear:left; width:100%; text-align:center; font-size: /*0.9em;*/ } /* ========================================================================== 7 - Page specific styles ========================================================================== */ ul#sitemap { } /* ========================================================================== 8 - Forms ========================================================================== */ input:focus, textarea:focus, select:focus { color: #6098D1; } form { padding-bottom: 12px; } form fieldset { margin-top: 20px; position: relative; display: block; border: none; padding: 0px 10px 0 10px; background: #FFF url(../../images/bg/grey_gradient.gif) top left repeat-x; } form input, form label, form select, form textarea { margin-bottom: 5px; vertical-align: middle; } input.field, select.field, textarea.field { border: 1px solid #CCC; background-color: #FFF; width: 260px; } form label { display: block; float: left; width: 130px; text-align: right; margin: 0 10px 0 0; } form fieldset div { padding-top: 5px; clear: both; border-top: 1px dotted #CCC; } form input.text, form label, form select, form textarea {width:303px !important;} label img { padding-bottom: 5px; } form div img, img.required { background: none; display: inline; vertical-align: top; margin:0;} input.button { margin-top: 5px; cursor: pointer; margin-left: 350px; width: 65px; } input.reset { margin-top: 5px; cursor: pointer; margin-left: 300px; } form p { margin-left: 140px;} form p input{ margin-left: 10px; } legend { margin-bottom: 10px; background: #FFF url(../../images/bg/grey_gradient.gif) top left repeat-x; padding: 5px; font-size: 1.3em; font-weight: bold; border: 2px solid #FFF;} form table { width: 100%; background: #FFF; } form td, form th { padding: 5px; border: 2px solid #EEE; } form th { background: #CCC; color: #FFF; font-weight: normal; } td.empty { border: none; } td.total { border: none; text-align: right; } form #MyCaptcha div, form fieldset div.middleColumn {border:0 none;} form fieldset div.middleColumn {padding:5px 10px;} form fieldset div.middleColumn.validationError {background-color:#fee;border:1px solid #c00;color:#c00;font-family:verdana;} .resbook_Calendar {} .resbook_Calendar .resbook_Notes1 {} .resbook_Calendar .availTableIndiTable {} form#avail_cal_frm {width:508px;} form#avail_cal_frm select#month_year_id {margin-left:10px;width:80px !important;} form#avail_cal_frm table {border:0 none !important;width:508px !important;} form#avail_cal_frm table td {border:0 none;font-size:0;margin:0;padding:0;} form#avail_cal_frm table td.availTableHeadCellBg {border-bottom:1px solid #ccc;border-top:1px solid #ccc;height:48px;} form#avail_cal_frm table td.availTableHeadCell {} form#avail_cal_frm table td.availTableHeadAjaxCell {} form#avail_cal_frm table td.availTableHeadCell {border-bottom:1px solid #ccc;border-top:1px solid #ccc;height:48px;width:20px;} form#avail_cal_frm table td.avTotalTD, form#avail_cal_frm table td.avAgentBookTD {border-bottom:1px solid #ccc;border-top:1px solid #ccc;height:40px;} form#avail_cal_frm div#availCalendar {width:300px;} form#avail_cal_frm div#availCalendar .availTableDateTxt {} form#avail_cal_frm div#availCalendar ol.calendar {} form#avail_cal_frm div#availCalendar ol.calendar .availTableHeadLi {height:48px !important;max-height:48px;min-height:48px;width:49px;} form#avail_cal_frm div#availCalendar ol.calendar .availTableCellLi {height:61px;width:50px;} form#avail_cal_frm div#availCalendar ol.calendar .availTableCellLi div {margin-top:8px;} form#avail_cal_frm div#availCalendar ol.calendar .availTableCellLi label {display:inline;float:none;margin:0;text-align:left;} form#avail_cal_frm table td.availTableRowStartCell {height:61px;} form#avail_cal_frm table td.availTableRowStartCell div.rmName {padding-left:0;width:200px !important;} form#avail_cal_frm table td.availTableRowStartCell div.rmName a {font-size:11px;white-space:normal !important;} form#avail_cal_frm table td.availTableRowStartCell div.rmDets {} form#avail_cal_frm table td.availTableRowStartCell div.rmDets div {padding-left:0;} form#avail_cal_frm fieldset, form#avail_cal_frm ol, form#avail_cal_frm input, form#avail_cal_frm select, form#avail_cal_frm table, form#avail_cal_frm td, form#avail_cal_frm th {line-height:normal;}