/*
    pssst.css: SITE STYLES
    ------------
    Job:               Pssst HTML Build
    Produced by:       CN @ Mando Group
    Start date:        02/11/2006
    ------------
    COLOUR SPEC:
    Green:        	   #78d771
	Blue:			   #00acef
	Pink:			   #ff6ea3
	Red:			   #bb3838
    ------------
    TOC:
    1.	type selectors
	2.	structural
    3.	navigation
	4.	typographical
	5.  color specific elements
    6.	forms
    7.  tables
    8.	hacks
*/

/*	------------
=1. type selectors 
------------	*/

* 
{
margin:0px;
padding:0px;
}

html, body 
{
border-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

p
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background:inherit;
color:#000000;
margin:0px 0px 15px 0px;
}

h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background:#ff6ea3;
font-size:38px;
margin-bottom:10px;
}

h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background:#78d771;
font-size:20px;
margin-bottom:10px;
}

h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background:#00acef;
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}

a,img
{
border: none;
}

a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
color:#bb3838;
position:absolute;
text-decoration:none;
}

.subtitle
{
font-size:15px;
}

.bold
{
font-weight:bold;
}

.greyout
{
color:#999999;
}

.red
{
color:#bb3838;
}


/*------------
Bar
-------------*/

a#barquiz
{
width:120px;
height:140px;
left:52px;
top:41px;
z-index:1;
}

a:hover#barquiz
{
background:url(/_common/images/barquiz.jpg) no-repeat;
background-position:67px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:260px;
height:172px;
top:12px;
}

a#barhowmuch
{
width:106px;
height:67px;
left:0px;
top:265px;
z-index:2;
}

a:hover#barhowmuch
{
background:url(/_common/images/barhowmuch.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:138px;
height:187px;
left:0px;
top:145px;
}

a#barweek
{
width:82px;
height:20px;
left:20px;
top:329px;
z-index:3;
}

a:hover#barweek
{
background:url(/_common/images/barweek.jpg) no-repeat;
background-position:0px 16px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:106px;
height:156px;
left:0px;
}

a#barnews
{
width:279px;
height:158px;
left:239px;
top:26px;
z-index:4;
}

a:hover#barnews
{
background:url(/_common/images/barnews.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:322px;
height:174px;
left:194px;
top:10px;
}

a#barmyths
{
width:210px;
height:459px;
left:100px;
top:141px;
z-index:5;
}

a:hover#barmyths
{
background:url(/_common/images/barmyth.jpg) no-repeat;
background-position:178px 34px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:344px;
}

a#baradvice
{
width:176px;
height:203px;
left:369px;
top:108px;
z-index:6;
}

a:hover#baradvice
{
background:url(/_common/images/baradvice.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:269px;
height:255px;
left:276px;
top:57px;
}

a#barregister
{
width:130px;
height:107px;
left:333px;
top:241px;
z-index:7;
}

a:hover#barregister
{
background:url(/_common/images/barregister.jpg) no-repeat;
background-position:43px 76px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:207px;
height:235px;
}

a#barabout
{
width:175px;
height:165px;
left:285px;
top:396px;
z-index:8;
}

a:hover#barabout
{
background:url(/_common/images/barabout.jpg) no-repeat;
background-position:133px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:249px;
height:236px;
top:325px;
}

a#barfindoutmore
{
width:39px;
height:92px;
left:526px;
top:249px;
z-index:9;
}

a:hover#barfindoutmore
{
background:url(/_common/images/barfindoutmore.jpg) no-repeat;
background-position:0px 84px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:135px;
height:246px;
left:494px;
top:249px;
}

a#barcontact
{
width:55px;
height:70px;
left:564px;
top:145px;
z-index:10;
}

a:hover#barcontact
{
background:url(/_common/images/barcontact.jpg) no-repeat;
background-position:50px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:198px;
height:119px;
top:108px;
}

a#barmocktails
{
width:156px;
height:253px;
left:643px;
top:249px;
z-index:11;
}

a:hover#barmocktails
{
background:url(/_common/images/barmocktails.jpg) no-repeat;
background-position:18px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:156px;
height:386px;
left:643px;
top:116px;
}

a#barlounge
{
width:67px;
height:42px;
z-index:12;
left:632px;
top:160px;
}

a:hover#barlounge
{
background:url(/_common/images/barlounge.jpg) no-repeat;
background-position:17px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:164px;
height:119px;
top:128px;
}

a#barstories
{
width:95px;
height:34px;
left:569px;
top:316px;
z-index:13;
}

a:hover#barstories
{
background:url(/_common/images/barstories.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:130px;
height:159px;
left:555px;
top:193px;
}

a#bartoilets
{
width:47px;
height:48px;
left:753px;
top:71px;
z-index:14;
}

a:hover#bartoilets
{
background:url(/_common/images/bartoilets.jpg) no-repeat;
background-position:0px 13px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:136px;
height:179px;
left:664px;
}

/*------------
Lounge
-------------*/

a#loungeabout
{
width:100px;
height:52px;
left:390px;
top:354px;
z-index:1;
}

a:hover#loungeabout
{
background:url(/_common/images/loungeabout.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:130px;
height:155px;
left:360px;
top:251px;
}

a#loungehowmuch
{
width:60px;
height:120px;
left:218px;
top:277px;
z-index:2;
}

a:hover#loungehowmuch
{
background:url(/_common/images/loungehowmuch.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:155px;
height:202px;
left:123px;
top:195px;
}

a#loungeweek
{
width:91px;
height:136px;
left:70px;
top:43px;
z-index:3;
}

a:hover#loungeweek
{
background:url(/_common/images/loungeweek.jpg) no-repeat;
background-position:17px 101px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:158px;
height:219px;
}

a#loungenews
{
width:185px;
height:145px;
left:510px;
top:145px;
z-index:4;
}

a:hover#loungenews
{
background:url(/_common/images/loungenews.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:298px;
height:195px;
left:397px;
top:110px;
}

a#loungeregister
{
width:94px;
height:40px;
left:470px;
top:367px;
z-index:5;
}

a:hover#loungeregister
{
background:url(/_common/images/loungeregister.jpg) no-repeat;
background-position:91px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:241px;
height:116px;
top:349px;
}

a#loungemyths
{
width:100px;
height:122px;
left:345px;
top:208px;
z-index:6;
}

a:hover#loungemyths
{
background:url(/_common/images/loungemyth.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:146px;
height:259px;
top:71px;
left:325px;
}

a#loungeadvice
{
width:100px;
height:51px;
left:465px;
top:484px;
z-index:7;
}

a:hover#loungeadvice
{
background:url(/_common/images/loungeadvice.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:123px;
height:143px;
left:442px;
top:392px;
}


a#loungequiz
{
width:104px;
height:49px;
left:314px;
top:335px;
z-index:8;
}

a:hover#loungequiz
{
background:url(/_common/images/loungequiz.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:145px;
height:180px;
left:310px;
top:204px;
}

a#loungefindoutmore
{
width:230px;
height:112px;
left:570px;
top:461px;
z-index:9;
}

a:hover#loungefindoutmore
{
background:url(/_common/images/loungefindoutmore.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:231px;
height:265px;
left:569px;
top:308px;
}

a#loungecontact
{
width:38px;
height:76px;
left:706px;
top:222px;
z-index:10;
}

a:hover#loungecontact
{
background:url(/_common/images/loungecontact.jpg) no-repeat;
background-position:0px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:131px;
height:229px;
left:665px;
top:69px;
}

a#loungebacktobar
{
width:100px;
height:60px;
z-index:11;
left:235px;
top:518px;
}

a:hover#loungebacktobar
{
background:url(/_common/images/loungebacktobar.jpg) no-repeat;
background-position:9px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:143px;
height:187px;
top:391px;
}

a#loungemocktails
{
width:122px;
height:50px;
left:326px;
top:390px;
z-index:12;
}

a:hover#loungemocktails
{
background:url(/_common/images/loungemocktails.jpg) no-repeat;
background-position:0px 34px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:157px;
height:148px;
left:291px;
top:390px;
}

a#loungestories
{
width:75px;
height:93px;
left:223px;
top:41px;
z-index:13;
}

a:hover#loungestories
{
background:url(/_common/images/loungestories.jpg) no-repeat;
background-position:63px 0px;
opacity:1;
filter: alpha(opacity=100);
-moz-opacity:1;
width:217px;
height:130px;
top:4px;
left:225px;
}



/*	------------ 
=2. structural 
------------	*/

#wrapper
{
margin:10px auto;
padding:0px;
width:800px;
color:#333333;
background:#ffffff;
}

div.main
{
position:relative;
width:800px;
height:600px;
color:#333333;
background:#ffffff;
border:1px solid #666666;
}

.floatleft
{
float:left;
margin:0px 10px 10px 0px;
}

.floatright
{
float:right;
margin:0px 0px 10px 10px;
}

div.bar
{
background:url(/_common/images/background01.jpg) #ffffff no-repeat;
}

div.lounge
{
background:url(/_common/images/background02.jpg) #ffffff no-repeat;
}

div.mocktails
{
background:url(/_common/images/backgroundmocktails.jpg) #ffffff no-repeat;
}

div.smoothies
{
background:url(/_common/images/backgroundsmoothies.jpg) #ffffff no-repeat;
}

div.advice
{
background:url(/_common/images/backgroundadvice.jpg) #ffffff no-repeat;
}

div.contact
{
background:url(/_common/images/backgroundcontact.jpg) #ffffff no-repeat;
}

div.register
{
background:url(/_common/images/backgroundregister.jpg) #ffffff no-repeat;
}

div.soundbytes
{
background:url(/_common/images/backgroundsoundbytes.jpg) #ffffff no-repeat;
}

div.myths
{
background:url(/_common/images/backgroundmyth.jpg) #ffffff no-repeat;
}

div.calories
{
background:url(/_common/images/backgroundcalories.jpg) #ffffff no-repeat;
}

div.calculator
{
background:url(/_common/images/backgroundcalculator.jpg) #ffffff no-repeat;
}


div.pagea
{
height:100%;
}

div.leftcolumn
{
width:560px;
color:#bb3838;
background:#ffffff;
padding:20px;
float:left;
}

div.leftcolumn a
{
color:#bb3838;
background:#ffffff;
position:relative;
font-weight:bold;
text-decoration:underline;
}

div.leftcolumn ul
{
margin:10px 0px 10px 15px;
}

div.leftbox
{
width:400px;
height:400px;
background:#656567;
clear:left;
margin-left:15px;
}

div.rightcolumn
{
width:160px;
background:#ffffff;
padding:20px;
float:right;
}

div.rightcolumn ul
{
list-style:none;
}

div.rightcolumn li
{
padding:10px 0px;
margin:5px 0px;
}

div.rightcolumn a
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
display:block;
position:relative;
text-decoration:underline;
}

div.rightcolumn img
{
margin-left:30px;
margin-bottom:40px;
}

div.centercolumn
{
width:760px;
color:#bb3838;
background:#ffffff;
padding:20px;
}

div.centercolumn a
{
color:#bb3838;
background:#ffffff;
position:relative;
font-weight:bold;
text-decoration:underline;
}

div.centercolumn ul
{
margin:10px 0px 10px 15px;
}

div.centercolumn img
{
display:block;
border:1px solid #000000;
margin-right:10px;
margin-bottom:5px;
}

div.download
{
width:150px;
height:10em;
padding:5px;
background:#78d771;
}

div.smoothiespage
{
position:absolute;
width:250px;
height:53px;
left:390px;
top:40px;
}

div.smoothiespage a
{
width:250px;
height:53px;
}

div.rightboxsmoothies
{
position:absolute;
color:#e79f30;
width:300px;
height:350px;
left:410px;
top:145px;
list-style-position:inside;
}

div.rightboxsmoothies h1
{
color:#e79f30;
background:none;
font-size:18px;
text-align:center;
}

div.rightboxsmoothies p
{
color:#e79f30;
font-size:12px;
}

div.rightboxsmoothies ul
{
font-size:12px;
margin-bottom:30px;
}

div.rightboxsmoothies img
{
margin:0px 5px 0px 5px;
}

div.rightboxsmoothies a
{
display:inline;
}

a#smoothieslinka
{
position:absolute;
width:33px;
height:110px;
left:55px;
top:440px;
}

a#smoothieslinkb
{
position:absolute;
width:33px;
height:110px;
left:98px;
top:440px;
}

a#smoothieslinkc
{
position:absolute;
width:33px;
height:110px;
left:140px;
top:440px;
}

a#smoothieslinkd
{
position:absolute;
width:33px;
height:110px;
left:184px;
top:440px;
}

a#smoothieslinke
{
position:absolute;
width:33px;
height:110px;
left:227px;
top:440px;
}

a#smoothieslinkf
{
position:absolute;
width:33px;
height:110px;
left:268px;
top:440px;
}

div.mocktailspage
{
position:absolute;
width:250px;
height:53px;
left:390px;
top:40px;
}

div.mocktailspage a
{
width:250px;
height:53px;
}

div.rightboxmocktails
{
position:absolute;
color:#e79f30;
width:300px;
height:350px;
left:410px;
top:145px;
list-style-position:inside;
}

div.rightboxmocktails h1
{
color:#e79f30;
background:none;
font-size:18px;
text-align:center;
}

div.rightboxmocktails p
{
color:#e79f30;
font-size:12px;
}

div.rightboxmocktails ul
{
font-size:12px;
margin-bottom:30px;
}

div.rightboxmocktails img
{
margin:0px 5px 0px 5px;
}

div.rightboxmocktails a
{
display:inline;
}

a#mocktailslinka
{
position:absolute;
width:30px;
height:85px;
left:61px;
top:205px;
}

a#mocktailslinkb
{
position:absolute;
width:30px;
height:85px;
left:108px;
top:205px;
}

a#mocktailslinkc
{
position:absolute;
width:30px;
height:85px;
left:153px;
top:205px;
}

a#mocktailslinkd
{
position:absolute;
width:30px;
height:85px;
left:194px;
top:205px;
}

a#mocktailslinke
{
position:absolute;
width:30px;
height:85px;
left:236px;
top:205px;
}

a#mocktailslinkf
{
position:absolute;
width:30px;
height:85px;
left:276px;
top:205px;
}

a#mocktailslinkg
{
position:absolute;
width:30px;
height:85px;
left:43px;
top:333px;
}

a#mocktailslinkh
{
position:absolute;
width:30px;
height:85px;
left:87px;
top:333px;
}

a#mocktailslinki
{
position:absolute;
width:30px;
height:85px;
left:130px;
top:333px;
}

a#mocktailslinkj
{
position:absolute;
width:30px;
height:85px;
left:176px;
top:333px;
}

a#mocktailslinkk
{
position:absolute;
width:30px;
height:85px;
left:234px;
top:333px;
}

a#mocktailslinkl
{
position:absolute;
width:30px;
height:85px;
left:277px;
top:333px;
}

a#tasteforhealthlink
{
position:absolute;
width:135px;
height:85px;
left:650px;
top:505px;
}

a#adviceboxlinka
{
position:absolute;
width:120px;
height:30px;
left:490px;
top:230px;
}

a#adviceboxlinkb
{
position:absolute;
width:265px;
height:40px;
left:430px;
top:300px;
}

a#adviceboxlinkc
{
position:absolute;
width:110px;
height:30px;
left:500px;
top:345px;
}

div.contactboxa
{
position:absolute;
text-align:center;
width:140px;
left:52px;
top:145px;
}

div.contactboxa a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxb
{
position:absolute;
text-align:center;
width:160px;
left:232px;
top:155px;
}

div.contactboxb a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxc
{
position:absolute;
text-align:center;
width:170px;
left:430px;
top:135px;
}

div.contactboxc a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxd
{
position:absolute;
text-align:center;
width:155px;
left:630px;
top:120px;
}

div.contactboxd a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxe
{
position:absolute;
text-align:center;
width:150px;
left:40px;
top:260px;
}

div.contactboxe a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxf
{
position:absolute;
text-align:center;
width:160px;
left:232px;
top:280px;
}

div.contactboxf a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxg
{
position:absolute;
text-align:center;
width:160px;
left:430px;
top:255px;
}

div.contactboxg a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxh
{
position:absolute;
text-align:center;
width:150px;
left:625px;
top:235px;
}

div.contactboxh a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxi
{
position:absolute;
text-align:center;
width:130px;
left:45px;
top:377px;
}

div.contactboxi a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxj
{
position:absolute;
text-align:center;
width:150px;
left:228px;
top:415px;
}

div.contactboxj a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxk
{
position:absolute;
text-align:center;
width:160px;
left:423px;
top:353px;
}

div.contactboxk span
{
display:block;
margin-bottom:-7px;
}

div.contactboxl
{
position:absolute;
text-align:center;
width:160px;
left:617px;
top:345px;
}

div.contactboxl span
{
display:block;
margin-bottom:-7px;
}

div.contactboxm
{
position:absolute;
text-align:center;
width:160px;
left:30px;
top:485px;
}

div.contactboxm a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxn
{
position:absolute;
text-align:center;
width:160px;
left:412px;
top:450px;
}

div.contactboxn a
{
position:relative;
font-weight:bold;
margin-bottom:5px;
}

div.contactboxo
{
position:absolute;
text-align:center;
width:160px;
left:610px;
top:485px;
}

div.contactboxo span
{
display:block;
margin-bottom:-7px;
}

div.registerbox
{
position:absolute;
width:200px;
left:375px;
top:190px;
}

div.registerinfo
{
position:absolute;
width:300px;
left:-40px;
top:-162px;
}

div.registerinfob
{
position:absolute;
width:230px;
left:-275px;
top:300px;
}

div.registerinfob p
{
font-size:10px;
color:#666666;
}



div.termsbox
{
padding:20px;
}

div.termsbox img
{
margin-bottom:30px;
}

div.header
{
width:770px;
height:180px;
padding:10px 20px 10px 10px;
}

div.headerb
{
width:770px;
height:100px;
background:none;
padding:10px 20px 10px 10px;
}

div.headercontact
{
background:url(/_common/images/headercontact.jpg) #ffffff no-repeat;
}


div.headerstories
{
background:url(/_common/images/headerlatestnews.jpg) #ffffff no-repeat;
}

div.headerabout
{
background:url(/_common/images/headerabout.jpg) #ffffff no-repeat;
}

div.headerquestionnaire
{
background:url(/_common/images/headerquestionnaire.jpg) #ffffff no-repeat;
}

div.headercrime
{
background:url(/_common/images/headercrime.jpg) #ffffff no-repeat;
}

div.headerhealth
{
background:url(/_common/images/headerhealth.jpg) #ffffff no-repeat;
}

div.headersafety
{
background:url(/_common/images/headersafety.jpg) #ffffff no-repeat;
}

div.headerterms
{
background:url(/_common/images/headerterms.jpg) #ffffff no-repeat;
}

div.back
{
width:40px;
height:40px;
float:left;
}

div.back a
{
width:40px;
height:40px;
}

div.logo
{
width:100px;
height:100px;
float:right;
padding:0px;
}

div.logo a
{
width:100px;
height:100px;
}

div.title
{
width:400px;
height:100px;
background:#895769;
margin-left:90px;
float:left;
clear:right;
}

div.latestnews
{
width:300px;
height:180px;
margin-right:30px;
float:right;
background:#908987;
}

div.latestnews ul
{
list-style:none;
}

div.latestnews li
{
padding:10px 0px;
margin:5px 0px;
background:#986786;
}

div.latestnews a
{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
display:block;
position:relative;
text-decoration:underline;
}

a#sound1
{
position:absolute;
width:100px;
height:150px;
left:6px;
top:300px;
}

a#sound2
{
position:absolute;
width:100px;
height:150px;
left:125px;
top:300px;
}

a#sound3
{
position:absolute;
width:100px;
height:150px;
left:244px;
top:300px;
}

a#sound4
{
position:absolute;
width:100px;
height:150px;
left:365px;
top:300px;
}

a#sound5
{
position:absolute;
width:100px;
height:150px;
left:487px;
top:300px;
}

a#sound6
{
position:absolute;
width:75px;
height:150px;
left:610px;
top:300px;
}

a#sound7
{
position:absolute;
width:115px;
height:480px;
left:685px;
top:120px;
}

div.soundhelp
{
position:absolute;
width:590px;
text-align:center;
left:50px;
top:520px;
}

a#mythslinka
{
position:absolute;
width:52px;
height:48px;
left:417px;
top:527px;
}

a#mythslinkb
{
position:absolute;
width:52px;
height:48px;
left:482px;
top:527px;
}

a#mythslinkc
{
position:absolute;
width:52px;
height:48px;
left:547px;
top:527px;
}

a#mythslinkd
{
position:absolute;
width:52px;
height:48px;
left:608px;
top:527px;
}

a#mythslinke
{
position:absolute;
width:52px;
height:48px;
left:673px;
top:527px;
}

a#mythslinkf
{
position:absolute;
width:52px;
height:48px;
left:738px;
top:527px;
}

div.mythsboxleft
{
position:absolute;
width:125px;
left:50px;
top:210px;
text-align:center;
}

div.mythsboxleft p
{
color:#00acef;
}

div.mythsboxright
{
position:absolute;
width:125px;
height:150px;
left:620px;
top:155px;
text-align:center;
}

div.mythsboxright p
{
color:#ff6ea3;
}

div.mythleftlinkf
{
top:190px;
}

div.mythrightlinkb
{
top:170px;
}

div.mythrightlinkd
{
top:150px;
}

div.mythrightlinke
{
top:150px;
}

div.mythrightlinkf
{
top:150px;
}

div.calorieinfo
{
position:absolute;
width:200px;
height:200px;
left:510px;
top:160px;
}


/*	------------
=3. navigation 
------------	*/

div.bottommenu
{
width:800px;
color:#333333;
background:#fff;
margin:0 auto;
text-align:center;
}

div.bottommenu ul
{
margin:5px auto 0px auto;
width:755px;
}

div.bottommenu li
{
list-style:none;
float:left;
padding-right:25px;
}

.listlast
{
padding:0px 0px 0px 0px !important;
}

div.bottommenu a
{
font-family:Arial, Helvetica, sans-serif;
position:relative;
background:#ffffff;
text-decoration:underline;
}

div.textextra
{
width:800px;
color:#333333;
font-size:10px;
background:#ffffff;
margin:0 auto;
}

div.textextra ul
{
margin:5px 0px 0px 100px;
background:#ffffff;
}

div.textextra li
{
list-style:none;
float:left;
background:#ffffff;
margin-right:80px;
}

div.textextra a
{
font-family:Arial, Helvetica, sans-serif;
position:relative;
color:#00acef;
background:#ffffff;
font-size:10px;
text-decoration:underline;
}


div.next
{
height:30px;
background:#ffffff;
float:right;
}

div.articlelistbox
{
width:760px;
color:#333333;
background:#ffffff;
padding:0px;
margin-bottom:10px;
clear:both;
}

div.articlelistbox p
{
margin:10px 0px 10px 0px;
}

div.articlelistdateheader
{
width:80px;
color:#ffffff;
background:#ff6ea3;
padding:2px 10px 2px 10px;
margin-right:10px;
float:left;
}

div.articlelistdateheader h3
{
margin:0px;
background:#ff6ea3;
}

div.articlelistheadlineheader
{
width:300px;
color:#ffffff;
background:#78d771;
padding:2px 10px 2px 10px;
margin-right:10px;
float:left;
}

div.articlelistheadlineheader h3
{
margin:0px;
background:#78d771;
}

div.articlelistsummaryheader
{
width:300px;
color:#ffffff;
background:#00acef;
padding:2px 10px 2px 10px;
float:left;
}

div.articlelistsummaryheader h3
{
margin:0px;
background:#00acef;
}

div.articlelistitem
{
width:760px;
color:#333333;
background:#ffffff;
padding:0px;
}

div.articlelistdate
{
width:90px;
color:#333333;
background:#ffffff;
padding:0px 10px 0px 10px;
border-top:1px solid #00acef;
float:left;
}

div.articlelistdate p
{
font-weight:bold;
}

div.articlelistheadline
{
width:310px;
color:#333333;
background:#ffffff;
padding:0px 10px 0px 10px;
border-top:1px solid #00acef;
float:left;
}

div.articlelistheadline a
{
color:#bb3838;
background:#ffffff;
}

div.articlelistsummary
{
width:300px;
color:#333333;
background:#ffffff;
padding:0px 10px 0px 10px;
border-top:1px solid #00acef;
float:left;
}

div.articlelistbottomborder
{
border-bottom:1px solid #00acef;
}

/* =5. forms */

div.question
{
background:#cfede4;
padding-bottom:10px;
border:1px solid #78d771;
margin-bottom:10px;
}

div.question p
{
padding-left:18px;
padding-right:18px;
padding-top:5px;
padding-bottom:0px;
margin:0;
}

input.radio
{
margin-top:5px;
margin-right:10px;
padding:10px;
}

input#textbox
{
margin:5px 0px;
padding:2px 5px 2px 5px;
display:block;
font-size:11px;
}

input#checkbox
{
margin-right:10px;
}

.questionnaire
{
list-style:none;
color:#000000;
padding-left:20px;
padding-top:5px;
padding-bottom:10px;
background:#ffffff;
width:710px;
border:1px solid #78d771;
}

.questionnaire li
{
padding-right:20px;
float:left;
}

#calculator
{
margin-top:110px;
margin-left:100px;
}

div.calculatorinfo
{
position:absolute;
left:220px;
top:190px;
}

#calculator label
{
padding-left:20px;
}

#calculator input
{
padding:0px 5px 0px 5px;
}

#calculator input#Gender
{
margin:0px 5px 0px 15px;
}

#calculator input#Drink1Amount
{
width:30px;
}

#calculator input#Drink2Amount
{
width:30px;
}

#calculator input#Drink3Amount
{
width:30px;
}

div.calculatorsect
{
padding:10px 0px 10px 0px;
}

div.calculatorresult
{
background:url(/_common/images/backgroundcalculatorreslg.jpg) #f8f7d8 no-repeat;
position:absolute;
width:800px;
height:506px;
left:0px;
top:94px;
}

div.calculatorresult p
{
position:relative;
left:270px;
top:140px;
font-size:140px;
font-weight:bold;
color:#78d771;
background:none;
}

div.calculatorresult p.maxdrinks
{
width:250px;
position:relative;
top:180px;
left:230px;
font-size:12px;
font-weight:100;
text-align:center;
color:#000;
background:none;
}

#errors
{
position:absolute;
left:134px;
top:430px;
color:#bb3838;
font-weight:bold;
}

.button
{
margin-top:10px;
margin-left:20px;
}

/* Front page form */

div.black
{
background-color:transparent;
color:#fff;
height:auto;
border:0;
}
div.black p
{
color:#fff;
/*background:#000;*/
}
div.black a
{
display:inline;
padding-left:5px;
text-decoration:underline;
}
div.black img
{
margin-bottom:32px;
}
div.flcolleft
{
float:left;
width:280px;
padding-top:15px;
padding-left:20px;
margin-right:40px;
}
div.flcolleft h2
{
background:none;
font-size:1.6em;
font-weight:bold;
}
div.flcolright
{
float:left;
padding-top:15px;
}
#validationMessage
{
display:none;
}
ul.formlist
{
list-style:none;
}
form#signup
{
width:435px;
padding-top:8px;
padding-left:8px;
background-color:#000;
border:1px solid #888;
}
form#signup p
{
margin-bottom:12px;
}
form#signup label
{
width:150px;
float:left;
color:#00acef;
/*background:#000;*/
}
form#signup input
{
width:220px;
color:#000;
background:#fff;
}
form#signup select
{
width:224px;
color:#000;
background:#fff;
}
form#signup input.inputopt
{
float:left;
width:auto;
color:#fff;
background:#000;
}
form#signup p.ques
{
width:150px;
float:left;
color:#00acef;
/*background:#000;*/
}
form#signup li.inputs
{
clear:left;
padding:5px 0 5px 0;
}
form#signup span.inputspan
{
display:block;
min-height:1px;
padding-left:150px;
}
*form#signup span.inputspan
{
border:1px solid black;
_height:1px;
_padding-left:152px;
}
form#signup li.inputs span.inputspan
{
padding-left:0;
margin-left:150px;
}
form#signup li.inputs p
{
margin-bottom:0;
}
form#signup li.inputs label
{
width:auto;
padding-left:8px;
padding-right:12px;
color:#fff;
background:#000;
}
*form#signup li.inputs label
{
padding-top:3px;
padding-left:5px;
}
form#signup li.inputs p
{
float:left;
}
form#signup li.last
{
clear:left;
padding-top:10px;
}
form#signup button
{
overflow:visible;
margin-bottom:5px;
padding:0 4px 0 4px;
}
form#signup .mb
{
margin-bottom:5px;
}
form#signup .mand
{
width:150px;
float:left;
}
form#signup .fl
{
float:left;
}
span.requiredstar
{
color:#78d771;
background:transparent;
font-weight:bold;
}
button#sendPack {
	background:#000 url(/_common/images/frontPageButton.gif) no-repeat top left;
	border:none;
	width:231px;
	height:42px;
	text-indent:-2000px;
	cursor:pointer;
	display:block;
}
button#noThanks {
	background:none;
	border:none;
	cursor:pointer;
	color:#ee0d55;
	font-size:1em;
}

/* =6. hacks */
.cf:after 
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}