/* SETUP */

/*
    CSS Defaults
    Copyright (c) 2005 Think Web Ltd.
*/
html { min-height:100.1%; margin:0; padding:0; }
body { color:#000; background-color:#FFF; font:62.5%/1.4em Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; }
p { margin:0 0 1em 0; padding:0; }
form { margin:0; padding:0; }
img { display:block; margin:0; padding:0; border:none; }
hr { padding:0; margin-top:0; line-height:5px; }
h1, h2, h3, h4, h5, h6 { margin-top:0; line-height:1em; padding:0; }
ul, ol, li { margin:0; padding:0; }
table { border-spacing:0; }
.clear { clear:both; height:1px; line-height:1px; font-size:1px; }
.hidden { display:none; }

#sitemap-list ul, #sitemap-list li { margin-left:10px; list-style-type:square; }
#wait { display:none; width:20em; position:absolute; right:20px; z-index:100; padding:10px; background-color:#900; color:#fff; font-size:1.5em; font-weight:bold; }
#wait img { display:inline; vertical-align:middle; }
/*
    CSS Form Defaults
    Copyright (c) 2005 Think Web Ltd.
*/

fieldset { display:inline; border-style:none; margin:0; padding:0; }

.form { text-align:left; width:440px; margin:20px auto; border:1px solid #ccc; background-color:#f5f5f5; }
.form .form-heading { margin:0; text-align:center; font-size:1.5em; font-weight:bold; color:#333; padding:5px; }
.form table { }
.form th { width:7em; color:#333; text-align:right; vertical-align:top; text-transform:capitalize; font:bold 1em Arial,sans-serif; padding:3px; }
.form td { vertical-align:top; padding:3px; }
.form .form-field-required {  }
.vTextField, .vEmailField, .vPasswordField, .vSelectField, .vLargeTextField, .vCheckboxField, .vCaptchaField { width:200px; border:1px solid #999; padding-left:2px; background:#fff url(/media/library/img/input_bg.gif) no-repeat top left; }
.vCheckboxField { width:15px; }
.vLargeTextField { width:325px; }
.form .form-buttons { margin-bottom:10px; }
.form .form-buttons input { border:1px solid #666; background-color:#666; color:#fff; font-size:1em; font-weight:bold; }
.form .form-buttons input:hover { cursor:pointer !important; cursor:hand; }
/*.form-error { margin:10px 0; padding:0; text-align:center; font-size:0.9em; font-weight:bold; color:#fff; background-color:#c00; }*/
.form-field-error { margin:0 0 5px 0; padding:0; font-size:0.9em; color:red; }
.form #captcha-img { margin:5px 0 3px; border:1px solid #369; }
#id_pictured_word-row th { vertical-align:bottom; }


/* Wufoo styled form */

.tw-form { margin:20px 0; padding:0 0 20px 0; -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 2px; -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 2px; }
.tw-form div.form-server-error-notice { margin-bottom:1em; padding:9px 5px 9px 9px; font-weight:bold; color:#fff; background-color:#ff4343; } /* CakePHP Validation notice */
.tw-form div.form-error-notice { display:none; margin-bottom:1em; padding:9px 5px 9px 9px; font-weight:bold; color:#fff; background-color:#ff4343; } /* jQuery Validate notice */
.tw-form .input { margin:0;	padding:9px 5px 9px 9px; clear:both; border-bottom:1px solid #fff; }
.tw-form label {	display:block; float:left; width:10em; margin:0px 15px 0 0; padding:0 0 3px 0; font-weight:bold;	color:#222;	line-height:150%;	border:none; }
.tw-form .req {	display:inline;	float:none;	color:red !important;	font-weight:bold;	margin:0;	padding:0; }
.tw-form input, .tw-form textarea, .tw-form select { font-family:Arial;	font-size:0.9em; }
.tw-form input, .tw-form textarea { border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background-color:#fff; }

.tw-form .submit { margin:0;	padding:9px 5px 9px 12em; clear:both; border-bottom:1px solid #fff; } /* the submit button row */
.tw-form .form-submit { background-color:#999; border:none; color:#fff; padding:10px; font-size:1.6em; } /* the submit button */
.tw-form .form-submit:hover { background-color:#666; }

.tw-form .focused {	background-color:#fff7c0;	border-bottom:1px solid #fff7c0; -webkit-box-shadow:rgba(0,0,0,.15) 1px 1px 2px; -moz-box-shadow:rgba(0,0,0,.15) 1px 1px 2px; }
.tw-form label.error { display:inline; float:none; margin-left:2em; color:#fff; background-color:#ff4343; padding:2px 5px; font-size:0.8em; }
.tw-form input.error, .tw-form textarea.error, .tw-form select.error { border:1px solid #ff4343; background-color:#fff; }
.tw-form .input .error-message { color:#fff; }

.tw-form div.error { background-color:#ff4343; } /* input rows */

body { font-family:Georgia, Arial, Sans-Serif; background-color:#003669; }
#container { width:701px; margin:0 auto; /*position:relative;*/ }
#foreground-layer { position:absolute; width:100%; top:0; left:0; }
#columnwrapcontainer { padding-left:3px; padding-right:3px; background:url(/media/img/bg_page.gif) repeat-y; background-color:#FFF;}
#leftcol { float:left; width:116px; overflow:visible !important; overflow:hidden; /* actual visual width (blue area): 119px */}

/* LINKS */

#columnwrap a { color:#00F; }
#columnwrap a:hover { color:#F00; }

/* HEADER */

#header {}
#background-layer { height:465px; background:url(/media/img/bg_ocean.png) repeat-x; background-position:0px 35px; }
#background-header-left { float:left; width:49%; height:35px; background:url(/media/img/bg_hill.png) repeat-x; }
#background-header-right { float:right; width:49%; height:35px; background:url(/media/img/bg_sky.png) repeat-x; }

/* NAV */

#nav-global { margin-top:20px; font:bold 1.2em Arial, sans-serif; letter-spacing:0.1em; }
#nav-global ul { padding:15px; padding-right:0; margin:0;}
#nav-global li { display:inline; list-style-type:none; margin:0; padding:0; }
#nav-global a { display:block; width:100%; white-space:nowrap !important; white-space:normal; text-decoration:none; color:#9CF; line-height:2em; }
#nav-global a:hover { color:#FFF; }
#homepage #nav-homepage a, #tours #nav-tours a, #bookings #nav-bookings a, #sealinfo #nav-sealinfo a, #akaroa #nav-akaroa a, #farmstay #nav-farmstay a, #contact #nav-contact a { color:#FFF; font-size:1.2em; }

#nav-global-aux { float:right; clear:both; padding-right:1em; margin:20px 1px 20px 0; color:#8BF; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E7F0FE; text-align:left; }
#nav-global-aux a { color:#03C; background-color:#E7F0FE; text-decoration:none; padding:0 5px 0 5px; }
#nav-global-aux a:hover { color:#006; text-decoration:underline; }

/* COLUMNS */

#columnwrap { float:right; width:573px; font-size:1.2em; line-height:1.5em; }
#content-main { float:left; width:320px; margin-left:20px; height:auto !important; height:20em; min-height:20em; }
#homepage #content-main { width:310px; }
#content-related { margin-left:370px; }

/* CONTENT */

h1 { margin:0 0 0.8em 0; padding:0; line-height:1.1em; font-size:1.3em; }
h2 { margin:1em 0 0.2em 0; font: bold 1em/1em Verdana, Arial, Helvetica, sans-serif; background-color:#eee; padding:3px; border:1px solid #ddd; }
#content-main h2 { margin:2em 0 1em; }


/* LISTS */

ul { padding-left:1.5em; }
li { margin-bottom:0.8em; margin-top:0.8em; }

/* FOOTER */

#footer { clear:both; font-family:Verdana, Arial, Helvetica, Sans-Serif; background:url(/media/img/bg_footer.png) no-repeat; height:32px; margin-bottom: 20px; }
#footer p { float:right; clear:left; width:520px; font-size:9px; }
#footer a { color:#000; text-decoration:underline; }
#footer a:hover { color:#C90; }

/*  CLEARFIX KLUDGE */

#columnwrapcontainer:after, #columnwrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#columnwrapcontainer, #columnwrap { display:inline-block; }
/* Hides from IE-mac \*/
* html #columnwrapcontainer, * html #columnwrap { height: 1%; }
#columnwrapcontainer, #columnwrap { display: block; }
/* End hide from IE-mac */

/* MISC */

#pg-title { position:absolute; left:-2000px; display:none; }
.align-middle { display:inline; vertical-align:middle; margin-left:10px; margin-right:10px; }
.right-imgs { text-align:right; }
.right-img { display:inline; border:1px solid #000; margin:0 20px 20px 0; }
.align-right { display:inline; margin-right:20px; margin-bottom:0; padding:0; }

#nzmap { position:relative; top:-40px; right:16px; }
#endorsements { position:relative; right:1em; margin-top:3em; text-align:center; width:210px; font:bold 1.1em Arial, sans-serif; color:#777; }
#screensaver { position:relative; left:-20px; }
#email-a-friend { margin-top: 4em; margin-left:10px; }

.quote { background:url(/media/img/quotes_top.gif) no-repeat; width:180px; margin-right:20px; }
.quote .text { position:relative; top:20px; left:20px; margin-right:30px; color:#666; font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; }
.quote .end-quote { height:32px; background:url(/media/img/quotes_bottom.gif) no-repeat; background-position:top right; }
.quote .who { font-size:1em; text-align:right; margin-right:20px; }

#columnwrap .highlight { font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; color:#000; letter-spacing:0.05em; background:#FC0 url(../img/box_bg.jpg) no-repeat; }
#columnwrap .highlight h1 { margin:5px 5px 5px 10px; font-weight:bold; font-size:1.2em; text-align:center; }
#columnwrap .highlight p { margin:5px 5px 5px 10px; font-size:1em; text-align:center; }
#columnwrap .highlight ul, #columnwrap .highlight ol { padding-left:1.5em; margin:0; }
#columnwrap .highlight li { padding:0; margin-left:0.3em; margin-bottom:0.8em; }
#columnwrap .highlight .row-label { font-weight: bold; }
#columnwrap .highlight a { color:#900; text-decoration:underline; }
#columnwrap .highlight a:hover { color:#900; }
#columnwrap .highlight table { border-spacing:0px; }
#columnwrap .highlight th { font:bold 12px Arial, sans-serif; padding:5px; vertical-align:top; text-decoration:underline; text-align:left; }
#columnwrap .highlight td { font:normal 12px Arial, Sans-Serif; padding:5px 5px 5px 15px; vertical-align:top; }

.flash-notice, .flash-error { border:1px solid #000; padding:1em; margin-bottom:1em; }
.flash-notice { background-color:#ffc; }
.flash-error { background-color:#ff4343; }


/* FORMS */

.form { border:none; width:100%; background-color:#def; font-family:Verdana, Arial, Helvetica, sans-serif; }
.vTextField, .vEmailField, .vSelectField, .vLargeTextField, .vCaptchaField { width:180px; border:1px solid #369; }
.form .form-buttons input { background-color:#369; }
#bookings #message-row, #contact #message-row { display:none; }