/* Coast Palms & Cycads - CSS v1 - 30/04/2008
   on6162.co.nz web design - Erwin Raaphorst */

html{ overflow-y:scroll; }

html, body { border:0; margin:0; padding:0; }

body {
 background:#dee1e3;
 font:76%/1.25 arial, helvetica, sans-serif;
 color:#333;
 text-align:center;
 min-width:790px;
 }

img { border:0; }
a { outline:none; }
a.codedirection { unicode-bidi:bidi-override; direction: rtl; }

p {
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 margin:0.7em 0 1em 0;
 padding:0;
 }

body#home p { font-size:1.2em; }

/* STRUCTURE */  

.wrap { 
 width:790px;
 text-align:left;
 margin:0 auto;
 }

#header {
 background:#2e7615 url(../images/bg/bgheader.png) top left repeat-x;
 height:105px;
 }

#navigation {
 background:#fff;
 border-bottom:1px solid #000;
 height:3.8em;
 }  

#container {
 background:#fff;
 width:790px;
 margin:0 auto;
 text-align:left;
 border:1px solid black;
 border-width:0 1px 0 1px;
 }

#content {
 background:#fff url(../images/bg/bgcontent.png) top left repeat-x;
 float:left;
 width:560px;
 padding:30px 30px 70px;
 border-right:1px solid #000;
 }

#home #content { padding:30px 30px 50px; }
body#contact #content { width:420px; padding-right:170px; } 

#contcont { overflow:hidden; }
 
#title { 
 color:#fff;
 height:160px;
 border-bottom:1px solid #000;
 }

body#home #title, body#contact #title, body#about #title { 
 background:#000 url(../images/bg/imgmain.jpg) 0 0 no-repeat; 
 }

body#contact #title { background-position:0 -162px; }
body#about #title { background-position:0 -324px; }

body#palms #title,body#cycads #title, body#natives #title, body#succulents #title, body#faq #title { 
 background:#000 url(../images/bg/imgmainsub.jpg) 0 0 no-repeat; 
 }

body#cycads #title { background-position:0 -162px; }
body#natives #title { background-position:0 -324px }
body#succulents #title { background-position:0 -486px; }
body#faq #title { background-position:0 -648px; }

#title h1 {
 background:url(../images/bg/titletxt.png) 0 0 no-repeat; /* title text home position */
 width:170px;
 height:160px;
 text-indent:-9000px;
 margin-left:620px;
 }

body#contact #title h1 { background-position:-170px 0; }
body#palms #title h1 { background-position:-340px 0; }
body#cycads #title h1 { background-position:-510px 0; }
body#natives #title h1 { background-position:-850px 0; }
body#succulents #title h1 { background-position:-680px 0; }
body#faq #title h1 { background-position:-1020px 0; }
body#about #title h1 { background-position:-1190px 0; }

#subnav {
 background:#fff;
 float:left;
 width:168px;
 padding:30px 0 0 0;
 }

#subcontact {
 background:#fff;
 float:left;
 width:130px;
 padding:30px 10px 0 20px;
 text-align:right;
 font-size:0.9em;
 }

#subcontact ul { padding-bottom:30px; }

.notice { padding-bottom:200px; }

/* FOOTER */

#footer {
 background:transparent url(../images/bg/bgfooter.png) top repeat-x;
 padding:20px 0 10px;
 clear:both;
 font-size:0.9em;
 overflow:hidden;
 }

#footcontact { float:right; }
#footaddress { float:left; width:180px; }
#footaddress li { text-align:right; }

#footphone {
 float:left;
 width:160px;
 margin:0 0 0 10px;
 padding:0 0 0 9px;
 border-left:1px solid #333;
 }

#copyright { float:left; }
#check { margin-left:100px; }

#footer a, #subcontact a { color:#333; text-decoration:none; }
#footer a:hover, #subcontact a:hover { text-decoration:underline; }

/* HEADINGS */

h1, h2 {
 font-family:"trebuchet MS", arial, helvetica, sans-serif;
 margin:0;
 padding:0;
 font-weight:normal;
 }

h1 { font-size:2em; font-weight:normal; }
h2 { font-size:1.2em }

#subcontact h2 { font-size:1.4em; font-weight:bold; }

body#faq h2 {
 background:url(../images/bulletguide.png) 0 0.2em no-repeat;
 padding-left:15px;
 font-size:1.2em;margin-top:1.4em;
 }

body#palms h2, body#cycads h2, body#natives h2, body#succulents h2 {
 clear:both;
 font-size:1.2em;
 border-top:1px solid #a8b9c4;
 margin-top:0.5em;
 padding-top:1em;
 }

body#palms h2.latin, body#cycads h2.latin, body#natives h2.latin, body#succulents h2.latin {
 color:#4b5e8a;
 border:none;
 margin:0;
 padding:0;
 }

.latinname { color:#4b5e8a; }

.enlarge {
 font-size:0.9em;
 color:#4b5e8a;
 }

/* LISTS */

ul {
 list-style:none;
 margin:0;
 padding:0;
 }

.bottomli { padding-bottom:20px; }

.bullet li { background:url(../images/bulletgreen.png) 0 .35em no-repeat; padding:0 0 .3em 1em; margin-left:2px; }
ul.bullet {  margin:-0.5em 0 1em 0;}

/* NAVIGATION */

#nav { width:100%; } 

#nav ul {
 float:right;
 list-style-type:none;
 margin:-2px 0 -5px 0;
 padding:0;
 position:relative;
 }

#nav li {
 float:left;
 margin:0;
 padding:0;
 text-align:center;
 }

#nav a {
 float:left;
 font-size:1.2em;
 color:#000;
 text-decoration:none;
 margin:0;
 padding:0 0 0 7px;
 }
 
#nav a span {
 float:left;
 display:block;
 cursor:pointer;
 padding:5px 15px 5px 5px;
 height:3em;
 }

#nav a:hover { background:url(../images/bg/bgtabl.png) bottom left no-repeat; }
#nav a:hover span { background:url(../images/bg/bgtabr.png) bottom right no-repeat; }
#current a { background:url(../images/bg/bgtabl.png) bottom left no-repeat; }
#current a span { background:url(../images/bg/bgtabr.png) bottom right no-repeat; }

#nav2 {
 float:right;
 margin:20px 15px 0 0;
 }

#nav2 li {
 margin:0;
 padding:10px 15px 10px 15px;
 float:left;
 }

#nav2 a {
 background:url(../images/bulletnav2.png) top left no-repeat;
 background-position:0 1px;
 padding-left:10px;
 color:#fff;
 text-decoration:none;
 }

#nav2 a:hover {
 color:#cf6;
 background-position:0 -12px;
 text-decoration:underline;
 }

#current2 a {
 background-position:0 -12px;
 color:#cf6;
 text-decoration:underline;
 }

#subnav ul { border-bottom:1px solid #c1ccd4; }

#subnav li { border-top:1px solid #c1ccd4; }

#subnav a {
 color:#333;
 text-decoration:none;
 border-left:6px solid #e0f0c8;
 padding:2px 15px 2px 15px;
 display:block;
 }

#subnav a:hover {
 border-left:6px solid #94dd27;
 background:#f6f6f6;
 }

/* IMAGES */

h1#logo {
 background:url(../images/logo.png);
 position:relative;
 margin:0 0 -15px -10px;
 height:120px;
 width:320px;
 text-indent:-9000px;
 }

#logo a { height:108px; width:298px; margin-left:10px; display:block; }

ul#imageselect {
 zoom:100%; /* HasLayout hack */
 }

#imageselect li {
 float:left;
 padding:30px 20px 0 0;
 text-align:center;
 }

#imageselect img {
 border:1px solid #fff;
 display:block;
 }

#imageselect a {
 padding:5px;
 background:#a8b9c4;
 border:1px solid #4b5e8a;
 display:block;
 }

body#palms #imageselect a, body#cycads #imageselect a, body#natives #imageselect a, body#succulents #imageselect a {
 width:122px;
 margin-bottom:3px;
 }

#imageselect a:visited {
 background:#d9d9d9;
 border:1px solid #4b5e8a;
 }

#imageselect a:hover {
 background:#94dd27;
 border:1px solid #09461f;
 }

body#contact div #imageselect { width:360px; }

.faqimage {
 float:right;
 padding:3px;
 margin:5px 5px 20px 20px;
 background:#a8b9c4;
 }

.contentimg { padding:3px; margin:10px 10px 10px 0; background:#a8b9c4; }

.map { border:1px solid black; }

/* CONTACT FORM */

#contactform { width:420px; }

#contactform fieldset {
 float:left;
 clear:left;
 width:100%;
 margin:0;
 padding:0;
 border-style:none;
 }

#contactform fieldset ol {
 float:left;
 clear:left;
 padding:0;
 list-style:none;
 margin:0;
 }

#contactform fieldset li {
 float:left;
 clear:left;
 width:100%;
 padding-bottom:1em;
 }

#contactform label {
 position:relative;
 float:left;
 width:6em;
 margin-right:1em;
 }

label img {
 position:absolute;
 left:5.7em;
 top:0.5em;
 }

#contactform #contactsubmit {
 float:none;
 width:auto;
 padding:0 0 1em 7em;
 margin:0;
 }

#contactform input {
 background:#fafafa;
 border:1px #4b5e8a solid;
 width:20em;
 }

#contactsubmit input {
 background:#ced7dc;
 }

#contactform textarea {
 background:#f8f8f8;
 border:1px #4b5e8a solid;
 width:20em;
 height:7em;
 font-family:arial, helvetica, sans-serif;
 font-size:1.1em;
 overflow:auto;
 }

#contactsubmit input {
 width:auto;
 margin-right:10px;
 }

/* LINKS */

#content a { color:#4b5e8a; }
#content a:visited { color:#666; }
#content a:hover{ color:#000; background-color:#b7f05f; }

/* TABLES */

.mb60 { margin-bottom:60px; }
.mb40 { margin-bottom:40px; } /* p extented when height tables overflow */
.mb20 { margin-bottom:20px; }

td strong { color:#990033; }

.tablewrap { /* set height and containing block for tablepos */
 height:135px;
 position:relative;
 margin-top:1em;
 }

.tablepos { /*position table vertical align bottom */
 position:absolute;
 bottom:0;
 margin-left:150px;
 padding-top:10px;
 }

table {
 background:#fafafa;
 border-bottom:1px solid #a8b9c4;
 font-size:0.9em;
 width:27em;
 }

caption {
 font-size:1.1em;
 text-align:left;
 padding-left:2px;
 }

.alt {
 background:#f0f0f0;
 }

th {
 background:#4b5e8a;
 color:#fff;
 padding:2px 25px 2px 5px;
 }

td {
 padding:5px 25px 5px 5px;
 }

.price {
 text-align:right;
 padding-right:5px;
 }

/* THUMBVIEWER */

#thumbBox { /* outermost DIV */
 position:absolute;
 left:0;
 top:0;
 width:auto;
 padding:10px;
 padding-bottom:0;
 visibility:hidden;
 z-index:10;
 cursor:hand;
 cursor:pointer;
 background:#f7f7f7;
 border:1px solid #999;
 }

#thumbBox .footerbar { /* footer DIV that contains "close" link */
 font:bold 12px arial, helvetica, sans-serif;
 letter-spacing:0.5px;
 line-height:1.1em;
 color:#333;
 padding:5px 0;
 text-align:right;
 }

#thumbBox #thumbImage { /* DIV that holds the enlarged image */
 background-color:#f7f7f7;
 font: 1.6em "Trebuchet MS", arial, helvetica, sans-serif;
 color:#4b5e8a;
 }

#thumbImage img { /* DIV that holds the enlarged image */
 border:1px solid #999;
 margin-bottom:5px;
 }

#thumbLoading { /* loading status */
 position:absolute;
 visibility:hidden;
 border:1px solid #4b5e8a;
 background-color:#f7f7f7;
 color:#333;
 padding:5px;
 z-index:5;
 }