@charset "UTF-8";
/*******************************************************
CSS File:	 screen.css

Site Title:	 ASA Alternative Accommodation (Version: 1.0)
Site URI:	 http://www.alternativeaccommodation.co.nz/

Author:		 Devize IT Ltd.
Author URI:	 http://www.devize.co.nz/

Description: Contains all css used to place, size & position
             the primary elements of the site.
*******************************************************/

/* YUI Reset CSS (v2.5.1): Removes & neutralizes the inconsistent default styling of HTML elements. */
html{color:#000;background:#F3F5E3;overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* YUI Base CSS (v2.5.1): Applies a consistent style foundation for common HTML elements. */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}

/* YUI Fonts CSS (v2.5.1): Offers cross-browser typographical normalization and control. */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Links */
a { color:#663; text-decoration:underline; }
a:hover { color:#663; text-decoration:none; }
a:active { color:#993; }

/* Useful Styles */
.border { border:1px solid red; }
.floatleft { float:left; }
.floatright { float:right; }

/* General Page Styles */
.clear { clear:both; }
.container { width:832px; margin:0 auto; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; }
p,h5,.instructables,.formError {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; line-height:2em; }
p.boldPara { font-weight:bold;}
.main {border-bottom: 4px solid #CFCEAE; background-color:#EBEAD0; }
.pageTitle {padding: 5px 300px 20px 25px; background: url(/_img/pageTitleBG.jpg) 0% 100% repeat-x #ceddaf; }
.pageTitle h2 {color:#FFF; font-size:1.9em; text-transform:uppercase; line-height: 0.5em;}
.pageTitle h4.pageIntro { color:#9A7817; font-size:1.15em; line-height:1.5em; margin:0; }
.mainContent {margin: 15px 0 30px 25px; width:430px;}
.mainContent h4 { color:#99a879; text-transform:uppercase; letter-spacing:2px; }
.instructables {  color:#B8B7A0; text-align:center; padding:6px; clear:left; text-transform:uppercase; }
.sidebar p.important { color:#000 !important; }

/* Header Styles */
h1 a { text-indent:-1000em; display:block; height:71px; width:323px; border: none !important; position:absolute; top:20px; margin:0; background:url(/_img/logo.gif) transparent no-repeat 0 0;}
.topPhoneNums { color:#6E7A54; font-size:1em; font-weight:bold; line-height:1.5em; height:71px; width:280px; display:block; position:absolute; top:25px; margin: 0 0 0 550px; text-align:right; }
.topPhoneNums strong { color:#99A879; display:block; float:left; width:90px; text-align:left; }

/* Image Styles */
.imgBorder,a.imgBorder,a.locMainImage,a.locMainThumb,a.locMap,a.miniLocLink { border: 1px solid #CFCEAE; background-color:#FFF; padding:5px; display:block; float:left; }
a.imgBorder:hover,a.locMainImage:hover,a.locMainThumb:hover,a.locMap:hover,a.miniLocLink:hover { background-color:#EEE; }
#About .imgBorder { float:right; margin: 15px; padding:15px 5px; }
#About .imgCaption { display:block; width:315px; margin:-5px 15px 0 15px; float:right; clear:right; text-align:center; color:#585852; font-size:0.85em; }
a.locMainImage { margin: 10px 0 0 0; }
a.locMainThumb { margin: 6px 3px 0 3px;}
a.miniLocLink {float:none; padding:4px;}

/* Main Navigation Styles */
.mainNav { margin: 112px 0 0 0;  }
.mainNav a {color:#3A3A3A; text-decoration:none; font-weight:bold;}
.mainNav a:hover { color:#9CA97E; }
.mainNav ul {padding:10px 20px 0 20px; margin:0; height:18px; background: url(/_img/mainNavBG.gif) repeat-x 0 0 #CFCBC4; display:block;border-bottom:1px solid #969685; text-transform:uppercase; font-size:0.7em;}
.mainNav ul li { margin: 0 30px 0 0px; display:inline; }
.mainNav ul li a {padding: 10px; display:inline; letter-spacing:3px;}
#Home a.mainNavHome,
#Home a.mainNavHome:hover,
#OnlineEnquiry a.mainNavOnlineEnquiry,
#OnlineEnquiry a.mainNavOnlineEnquiry:hover,
#Locations a.mainNavLocations,
#Locations a.mainNavLocations:hover,
.Locations a.mainNavLocations,
.Locations a.mainNavLocations:hover,
#About a.mainNavAbout,
#About a.mainNavAbout:hover,
#Contact a.mainNavContact,
#Contact a.mainNavContact:hover { color:#000; background: url(/_img/navActive.jpg) no-repeat 0% 100% #C0CDA5; border: 1px solid #000; border-color: #6b735a #dbe6c8 #dbe6c8 #777; padding: 8px 15px;}
#Home a.mainNavHome,#Home a.mainNavHome:hover { border-right-color:#F4F4F4; border-bottom:none; }
.switchLanguage {float:right; margin: -25px 10px 0 0; display:block; text-align:right; }
.switchLanguage a {color:#AAA;}

.sidebar {float:right; display: inline; width:310px; background:#dfdec2; padding: 0 15px 15px 15px; margin: 15px 15px 20px 0; border-bottom: solid 3px #c8c7ae; }
.sidebar h4 { height:18px; background:url(/_img/sidebarHeadingBG.gif) repeat-x 0 0; display:block; font-size:0.8em; margin: 0 -15px 15px -15px; padding: 10px 0 0 0; text-transform:uppercase; font-weight:normal; letter-spacing:3px; border-bottom: 1px solid #8f8e7c; text-align:center; }

/* Homepage Specific Styles */
#homeLocations { display:block; float:left; width: 308px !important; height: 210px !important; overflow:hidden;}
.homeSpecial { width:307px; height:228px; display:block; background: url(/_img/homeSpecialsBG.png) repeat-x 0 0 #DEE2BD; float:left; clear:left; border-top: 1px solid #EEE;border-right: 1px solid #98A779; }
.homeSpecial h4,.homeContent h4 { font-size:1.2em; margin: 20px 0 5px 20px; }
.homeSpecial p,.homeContent p { font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; line-height:1.3em; margin: 0 15px 1em 20px; color:#3a3a35; }
.homeContent h4 { margin-left:0; }
.homeContent p { margin-right:110px; margin-left:0; }
.homeSpecial .moreDetails { font-weight:bold; }
.homeSpecial .conditionsApply {color: #918f7d; font-size:0.75em; }
.homeWelcome { width:375px; height:193px; display:block; background: url(/_img/pageTitleBG.jpg) no-repeat 90% 100% #ceddaf; float:right; padding: 15px 125px 0 23px; border-width:1px 0 1px 0; border-style:solid; border-color:#EEE #555 #7B8462 #FFF; }
.homeWelcome h2 { color:#FFF; font-size:1.9em; text-transform:uppercase; }
.homeWelcome h3 { color:#88671A; font-size:1.15em; line-height:1.5em; margin:0 0 0 20px; }
.homeLocations { border-width:1px 1px 1px 0; border-style:solid; border-color:#CCC #555 #333 #CCC; }
.homeContent { width:453px; height:198px; display:block; background:#EBEAD0; float:right; padding: 0 30px 0 40px; border-top: 1px solid #FFF;border-left: 1px solid #FFF; }
/*.homeContent h4 { color:#797356 }
.homeContent p { margin-right:110px; font-size:0.85em; line-height:150%; } */
.homeContent .noSmokingPets { font-weight:bold; margin: 10px 0 0 0; }
.homeContent .noSmokingPets img { float:left; margin: 0 15px 0 0; }
.homeContent .noSmokingPets p { margin-right:40px; font-size:0.7em; }
img.tourismNZLogo { float:right; display:inline; margin:-95px 0 0 0; }

/* Online Enquiry Specific Styles */
.formLine,.formButs { display:block; clear:left;}
.formButs { margin-left:150px ; }
label { font-weight:bold; display:block; float:left; width:150px;text-align:right; font-size:0.85em; margin-top:12px; }
span.req {color:#F00;}
input[type=text],textarea,select,input.formError { margin: 9px 0 9px 5px; font-family:Verdana, Arial, Helvetica, sans-serif;width:180px;background-color:#FFF; color:#000; font-size:10px;line-height:1em; padding: 2px; }

.notRequired { width:180px;padding: 2px; }
input.required { width:160px; padding-right:20px; background:#FFFFFF url(/_img/valBlank.gif) 165px 50% no-repeat; }
select,select.required {padding: 0 0 0 0; width:186px; margin:11px 0 11px 5px; }
select.formError { color:#000; background-color:#FCC;}
.formError { color: #F00; }
.errorMessage { display:block; width:83px; font-size:0.75em; margin: 0 0 -2em 0; padding: 1px 0 0 0; line-height:1em; color: #F00; position:relative; left:350px; bottom:30px; }
input.formAccept { color:#000; background-color:#FFF; background-image: url(/_img/valAccept.gif); }
input.formError { color:#B03; background-color:#FCC; background-image: url(/_img/valError.gif); }
textarea#questions {line-height:1.5em;}
#formLineTerms {padding:0 0 20px 150px; width:200px }
#formLineTerms input { width:auto; }

.footnote {margin:20px 0 0 150px; color:#999; }

/* Location Page Specific Styles */
.sidebar p { color:#776; }
#Locations .mainContent { margin-left:20px; width:510px; }
#Locations .sidebar { width:250px;}
.location { width:150px; display:block; float:left; display:inline; margin: 0 15px 10px 0; }
.location .imgBorder { margin: 5px 0; }
.locationName { text-align:center; margin: 10px 0; }
#About .imgBorder {background:url(/_img/blank.jpg) no-repeat 50% 50% #FFF}
.Locations .sidebar h5 { text-transform:uppercase; color:#665; }
.pricing {line-height:1em;}
.ccNote { line-height:1.4em; font-size:0.7em;}
.miniLocationTitle,.miniLocation  { float:left; display:inline; text-align:center; margin: 0 0 5px 5px; }
.miniLocationTitle  { display:block; width:68px; }
.backLocations { clear:both; margin:0 0 1em 0; text-align:center; background-color:#D5D4BD; }
.location .mainContent h4 {margin: 10px 0 15px 0; display:block;}
.house_booked { width:158px; height:158px; display:block; text-indent:-5000px; font-size:1px; background: url(../_img/booked.gif) transparent no-repeat 0 0; float:left; position:relative; top:17px; margin:0 0 -158px 6px; }

/* Contact Page Specific Styles */
.contactUrgent { font-weight:bold; color:#848B61; }
#Contact label { width:100px; }
#Contact .formButs { margin-left:100px ; }
#Contact p strong { float:left; width:100px; }
#Contact p.postal strong { height:4.4em; }
#Contact p.postal { line-height:1.1em; }
.inlineError { color:#B03; background: url(/_img/valError.gif) no-repeat 10px 50% #FCC; padding: 5px 35px; margin-bottom:5px; border: solid 1px #F00;}
.inlineSent { font-weight:bold; }
.inlineSent img { margin-right:5px; }
.inlineSent h3 { font-size:2em; }

.payOnline { background:#A6B385; padding:5px 20px; border:1px #777 solid; }
.payOnline h3 { margin-bottom:0.4em; }
.payOnline p { line-height:1.3em; }

/* Footer Styles */
.footer { color:#AAA; clear:both; margin: 20px 0 35px 0; font-size:0.85em; }
.footer a { color:#777; }
.footerNav { float:left; }
.footerCards { margin: 0 auto; text-align:center; height:20px; padding:0 220px 0 0;}
.footerCopyright { float:right; text-align:right; margin: -20px 0 0 0; }