/* the beauty cafe;
   goodwebsites.co.nz - 2 March 2009 */

html, body, ol, ul, h1, h2, h3, h4, form, fieldset, img, p { border:0; margin:0; padding:0; }
body { background:#fff url(../bg/bg.png) 0 0 repeat-x; font:76%/1.25 arial, helvetica, sans-serif; color:#5e6f77; text-align:center; }
body#clubform { background:url(../bg/bgclub.png) 0 0 repeat; color:#fff; }
html{ overflow-y:scroll; } /* scrollbar FF */

a { outline:none; }
p { padding:0.5em 0; clear:both; }
 
.wrap {
 width:920px;
 margin:0 auto;
 text-align:left;
 word-spacing:0.05em;
 letter-spacing:0;
 line-height:1.4em;
 font-size:1em;
 position:relative;
 }

.header { background:url(../bg/bgheader.png) 0 31px no-repeat; height:308px; margin-bottom:82px; overflow:hidden; position:relative; }

.content { padding:0 30px 80px; overflow:hidden; }
.contbot { background:url(../bg/bgcontentbottom.png) bottom center repeat-x; }

.footer { background:#646c70 url(../bg/bgbottom.png) bottom center repeat-x; padding:0; text-align:center; color:#fff; overflow:hidden; }

.intro { font-size:1.2em; width:600px; }
 
.logo { width:360px; height:50px; text-indent:-9000px; background:url(../images/logo-trans.png) no-repeat; margin:140px 0 0 28px; }
.logo a { display:block; width:360px; height:50px; text-decoration:none; }

.onlinebeauty { background:url(../images/nourish-trans.png) 0 0 no-repeat; width:290px; height:55px; text-indent:-9000px; float:right; margin:-35px 60px 0 0; display:inline;  }

.header small { position:absolute; bottom:5px; right:70px; color:#b8bdc1; }

.onlineshop { width:420px; overflow:hidden; }

.imgbar { overflow:auto; margin:20px 0; }
.imgbar img { float:left; margin-right:1px; }

.products { width:710px; margin-top:40px; }

.products p { margin:0; padding-bottom:0; }

.divider { background:url(../bg/divider.png) 0 0 no-repeat; height:1px; display:block; margin:20px 0; }

.products div { height:1%; padding-left:120px; } /* IE hack */

#p1 { background:url(../bg/p1.jpg) 0 0 no-repeat; }
#p2 { background:url(../bg/p2.jpg) 0 0 no-repeat; }
#p3 { background:url(../bg/p3.jpg) 0 0 no-repeat; }
#p4 { background:url(../bg/p4.jpg) 0 0 no-repeat; }
#p5 { background:url(../bg/p5.jpg) 0 -10px no-repeat; }
#p6 { background:url(../bg/p6.jpg) 0 -70px no-repeat; }
#p7 { background:url(../bg/p7.jpg) 0 -70px no-repeat; }

.club { background:url(../bg/bgclub.png) center center repeat; padding:20px 20px 40px; color:#fff; overflow:auto; text-align:center; }
.clubwrap { background-color:#fff; border:1px solid #31434b; padding:5px; width:390px; }
.shadowclub { background:url(../bg/shadowclub.png) bottom center no-repeat; padding-bottom:10px; margin-top:60px; float:right; width:400px; }
.club p { margin-bottom:25px; }

a:link, a:visited { color:#31add4; text-decoration:none; }
a:hover { text-decoration:underline; }
.footer a:hover { color:#cf0; text-decoration:none; }

a.shopbutton, a:visited.shopbutton { background:#cddbe6 url(../bg/bgbutton.png) bottom left repeat-x; line-height:2.2em; display:block; color:#fff; text-decoration:none; padding:0 10px; border:1px solid #94a4ab; float:left; margin-top:15px; font-size:1.4em; }
a:hover.shopbutton { background:#bac7d2 url(../bg/bgbuttonhover.png) bottom left repeat-x; text-decoration:none; }
a.shopbutton span { background:url(../images/arrow.png) right 0.3em no-repeat; padding-right:25px; }

a.join { background:#efefef url(../bg/bgbuttonwhite.png) 0 0 repeat-x; line-height:20px; color:#31434b; text-decoration:none; border:1px solid #68696a; padding:5px 30px; margin:0 auto; font-size:1.4em; }
a:hover.join { background:#efefef url(../bg/bgbuttonwhitehover.png) 0 0 repeat-x; text-decoration:none; }

/* CONTACT DETAILS INLINE */

.contactdetails { position:absolute; left:535px; top:150px; z-index:100; }
.contactdetails h2 { background:url(../images/logosm-trans.png) 0 0 no-repeat; width:152px; height:24px; text-indent:-9000px; border-bottom:1px solid #fff; margin-bottom:10px; padding-bottom:5px; }

.thanks { padding:5em 0 15em; } 

/* HEADINGS */

h2, h3, li strong, a.shopbutton { font-family:Georgia, "Times New Roman", Times, serif; }

h1, h2, h3, h4 { font-weight:normal; }
h2 { font-size:1.6em; font-weight:bold; margin-bottom:0.1em; clear:both; }

h3 { background:url(../bg/shadow5px.png) bottom right no-repeat; padding-bottom:5px; float:left; font-size:1.4em; }
h3 span { display:block; border:1px solid #6eceec; padding:5px 10px 5px 5px; }

.hdhello, .hdthanksclub, .hdthanks, .hderror, .hdshop, .hdcontact, .club h2 { text-indent:-9000px; }
.hdhello, .hdthanksclub, .hdthanks, .hderror { background:url(../images/hdhello.png) 0 0 no-repeat; height:50px; width:470px; }
.hdthanksclub { background-position:0 -50px; }
.hdthanks { background-position:0 -100px; }
.hderror { background-position:0 -151px; }
.hdshop { background:url(../images/hdonlineshop.png) 0 0 no-repeat; height:50px; width:197px; }
.hdcontact { background:url(../images/hdcontact.png) 0 0 no-repeat; height:26px; width:228px; }
.club h2 { background:url(../images/hbclub-trans.png) 0 0 no-repeat; width:340px; height:60px; margin:0 auto;  }

h2.clubformh2 { padding-bottom:5px; border-bottom:1px solid #9dadba; text-align:center; }
h2.clubformh2 span { font-size:1.2em; }
 
/* LISTS */

ol, ul { list-style:none; }
.end { margin-bottom:1em; }

.productlist li { background:url(../images/bulletblue.png) 0 .6em no-repeat; padding:0 0 3px 1em; margin-left:2px; }
.productlist { margin:10px 0 20px; }
.productlist a { font-size:1.2em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }

.sublist li { background:url(../images/bulletgray.png) 0 .4em no-repeat; padding:0 0 3px 15px; margin-left:2px; }
.sublist { margin:3px 0; }

/* WEB CREDIT */

.copyright { background:url(../bg/bgcopyright.png) 0 0 no-repeat; height:252px; width:388px; position:absolute; bottom:2px; right:0; z-index:10; color:#878c8e; font-size:0.9em;  }

.credit { margin-bottom:10px; position:absolute; bottom:0; right:0; } 

.credit a:link, .credit a:visited {  background:url(../images/check.png) left 0.2em no-repeat; padding-left:1.5em; color:#878c8e; margin-left:10px; text-decoration:none; }
.credit a:hover { color:#cf0; }
.credit img { margin-right:3px; }

/* CONTACT/CLUB FORM */ 

.required { margin-bottom:2px; } 

.contactform, .clubform { display:inline-block; width:400px; margin:40px 0 60px 30px; } /* for IE6 bug */
  .clubform { width:auto; margin:0; text-align:left; }
.contactform fieldset { float:left; clear:left; width:100%; margin:1em 0 0; border-style:none; }
  .clubform  fieldset { margin:0; }
.contactform fieldset ol { float:left; clear:left; padding:1em 0 0; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }
  .clubform label { width:7em; }
.contactform label img { position:absolute; left:5.7em; top:0.5em; }  
.contactform .contactsubmit { float:none; width:auto; padding:0 0 2em 7em; }
  .clubform .contactsubmit { padding:0 0 1em 8em; }
.contactform input { width:19em; }
.contactform textarea { width:21em; height:5em; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; }
.contactsubmit input { width:auto; margin-right:10px; background:#e5e5e5; cursor:pointer; }
  .clubform .contactsubmit input { background:#5e6f77; color:#fff; }
.contactform input, .contactform textarea { border:1px #fff solid; padding-left:0.2em; background:#e5e5e5; }
  .clubform input { border:1px solid #9dadba; background:#f4f7f9; }
.contactsubmit input { border:1px #fff solid; padding:3px 7px 3px 5px; color:#5e6f77; font-size:1.2em; }
.contactsubmit input:hover { color:#fff; background-color:#31add4; }

.clubform fieldset fieldset { margin:0 0 -1em 0; border-style:none; }
.clubform fieldset fieldset legend { margin-left:0; font-weight:normal; color:#5e6f77; }
.clubform fieldset fieldset ol { position:relative; top:-1.5em; margin:0 0 0 7.8em; padding:0; display:inline; } /* display inline IE6 */
.clubform fieldset fieldset label { float:left; width:10em; margin-right:auto; }
.clubform fieldset fieldset input { width:auto; border:none; float:left; background:none; }
.clubform fieldset fieldset li { /*float:left; clear:none;*/ padding-bottom:.2em; }