/*
  Gardenscape Papamoa Ltd
  base CSS v1 (last update:24 November 2008)
  Erwin Raaphorst - on6162.co.nz
  */

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

body {
 background-color:#000;
 font:80%/1.25 arial, helvetica, sans-serif;
 color:#fff;
 text-align:center;
 min-width:810px;
 }

img { border:0; }

p {
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 }

/* LINKS */

a {
 color:#333;
 text-decoration:none;
 outline:none;
 border-bottom:1px #ff8f26 solid;
 }

a:visited { color:#666; }

a:hover {
 color:#000;
 background-color:#ffbe7d;
 border-bottom:1px black solid;
 }

/* STRUCTURE */  

#wrap {
 background:#000 url(../images/bg/bgwrap.png) no-repeat bottom left;
 width:790px;
 margin:0 auto 20px;
 color:#333;
 text-align:left;
 padding:10px;
 }

#header { 
 height:120px;
 }

#image { margin-bottom:20px; }

#container {
 background:url(../images/bg/bgcontainer.png) repeat-y;
 padding:15px 30px;
 overflow:auto;
 }

#content {
 width:390px;
 background:transparent url(../images/bg/bgcontent.png) no-repeat top left;
 padding:20px;
 overflow:auto;
 }

#content2 {
 background:transparent url(../images/bg/bgcontent2.png) no-repeat top left;
 width:520px;
 padding:20px;
 overflow:auto;
 }
 
#contactcontent {
 width:390px;
 background:transparent url(../images/bg/bgcontent.png) no-repeat top left;
 padding:20px;
 float:left;
 overflow:auto;
 }

#visuals { float:right; }

#aboutpoints {
 float:right;
 text-align:right;
 margin-right:15px;
 }

#contactdetails {
 text-align:right;
 margin:20px 20px 0 440px;
 border-right:1px solid #999;
 padding-right:20px;
 }
 
#containerbottom {
 background:url(../images/bg/bgcontainerbottom.png) no-repeat;
 height:20px;
 clear:both;
 }

#logo {
 position:absolute;
 margin-top:-5px;
 }

.question { font-weight:bold; }

/* HEADINGS */

h1, h2 {
 margin:0;
 padding:0;
 font-weight:normal;
 }

h1 { font-size:1.4em; }

#home h1 { font-size:1.8em }
 
#subnav h2 {
 background:url(../images/bg/bgsubnav.png) no-repeat;
 height:30px;
 font-size:1.1em;
 padding:5px 0 0 10px;
 color:#eaeaea;
 }

#contactdetails strong { display:block; }
 
/* LISTS */

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

#contactdetails ul { margin:15px 0 20px 0; }

.contactend { margin-bottom:10px; }

.contactend2 { margin-bottom:25px; }
 
#productselect li {
 float:left;
 padding-bottom:15px;
 }

li.firstsel { padding-right:30px; }
 
#productselect strong {
 display:block;
 font-size:1.2em;
 margin-bottom:5px;
 }

#productselect img { display:block; }

#nextgallery { clear:left; }
 
#nextgallery li { display:inline; }
 
#prev {
 background:url(../images/previous.png) top left no-repeat;
 padding-left:18px;
 border-bottom:0;
 }

a#prev:hover { background-position:left -16px ; }
 
#next {
 background:url(../images/next.png) top right no-repeat;
 padding-right:18px;
 border-bottom:0;
 }

a#next:hover { background-position: right -16px; }

#visuals ul { margin-bottom:20px; }

#visuals li { display:inline; }

.first { padding-right:17px; }
 
.last { padding-right:6px; }
 
/* NAVIGATION */

#navigation {
 background:url(../images/bg/bgnav.png) no-repeat;
 height:4.7em;
 }

#navigation ul {
 padding:22px 10px 0;
 float:right;
 margin-right:10px;
 }

#navigation li {
 float:left;
 margin:2px 2px 0 1px;
 padding:0;
 text-align:center;
 width:96px;
 }

#navigation a {
 display:block;
 background:url(../images/tabhover.png) no-repeat right top;
 padding:8px 0px 2px;
 color:#eaeaea;
 text-decoration:none;
 font-weight:bold;
 border-style:none;
 font-size:1em;
 }

#navigation a:hover {
 background-position:-6px -48px;
 color:#333;
 padding-bottom:3px;
 }

#navigation #current a {
 background-image:url(../images/tabactive.png);
 padding-bottom:3px;
 color:#333;
 }

#navigation #current a:hover {
 background-position: -6px 0;
 }

/* SUB NAV */ 

#subnav {  
 float:left;
 width:160px;
 }

#subnav ul {
 list-style:none url(../images/arrowright.png);
 margin:5px 0 0 20px;
 padding:0;
 }

#subnavcurrent {
 list-style:none url(../images/arrowdown.png);
 }

#subnav li {
 margin:10px 0 0 0;
 padding:0;
 }

#subnav a {
 color:#333;
 text-decoration:none;
 border-style:none;
 }

#subnav a:hover {
 color:#333;
 text-decoration:underline;
 background:none;
 }

ul#subsubnav {
 list-style-image:url(../images/bullettoggle.png);
 margin:0 0 0 15px;
 padding:0;
 text-transform:lowercase;
 }

/* IMAGES */ 

#haslayout { zoom:100%;} /* has layout hack only with links in the product details block */

#content2 a {
 color:#333;
 text-decoration:none;
 }

.productimage {
 float:right;
 text-align:right;
 margin-left:10px;
 }

.productimage img { display:block; }

.productimage em {
 font-style:normal;
 font-size:0.8em;
 margin-top:5px;
 }

.productdetails {
 padding:15px 0;
 width:100%;
 margin-bottom:10px;
 border-bottom:1px solid gray;
 overflow:hidden;
 }

.productdetails p {
 width:350px;
 }
 
#gallery li {
 float:left;
 margin:0 25px 20px 0;
 }

.gallerypics img, .productimage img, #productselect img, #contactdetails img {
 border:1px solid white;
 }

.gallerypics a, .productimage a, #productselect a, #imageclick a {
 padding:5px;
 background:#c7c7c7;
 border:1px solid #666;
 display:block;
 }

.gallerypics a:visited, .productimage a:visited, #productselect a:visited, #imageclick a:visited {
 background:#ddd;
 border:1px solid #999;
 }

.gallerypics a:hover, .productimage a:hover, #productselect a:hover, #imageclick a:hover {
 background:#ff8f26;
 border:1px solid #000;
 }

#gallery p {
 width:550px;
 }

#map { 
 border:1px solid #c7c7c7;
 margin:20px 0 0 20px;
 float:left;
 }

#imageclick {
 width:162px;
 margin-left:82px;
 } /*due to display:block */

#imageclick em {
 font-style:normal;
 font-size:0.8em;
 padding-top:7px;
 display:block;
 }

/* FOOTER */

#footer {
 font-size:0.85em;
 color:#c7c7c7;
 text-align:center;
 padding:10px 5px 0;
 }

#copyright { float:left; }
 
#footer ul { float:right; }
 
#footer li {
 display:inline;
 margin-left:5px;
 }

#footer a {
 color:#c7c7c7;
 text-decoration:none;
 border-style:none;
 background:none;
 }

#footer a:hover {
 text-decoration:underline;
 }

/* CONTACT FORM */

#contactform { width:390px; }

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

#contactform fieldset ol {
 float:left;
 clear:left;
 padding:1em 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 { 
 width:19em;
 border:1px #999 solid;
 }

#contactform textarea {
 width:19em;
 height:10em;
 border:1px #999 solid;
 }

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

/* THUMBVIEWER */

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

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

#thumbBox #thumbImage{ /* DIV that holds the enlarged image */
 background-color:#b6b6b6;
 color:#000;
 }

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

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