/********************************
* GENERAL CSS *
********************************/
body
{
    font-family: 'HelveticaNeue', Arial, sans-serif;
    font-size:11px;
    color:#505050;
    letter-spacing: 0px;
    overflow: hidden;
    /*
    background: url(../img/xrated_background.gif) repeat-x #fff;
    background-color: lightblue;
    */
}

a 
{ 
    text-decoration:none; 
    color:#eb4b71;
}

a:hover
{
    color:pink;
}



input, select, textarea 
{
    width:160px;
    padding-left:4px;
    font-size:11px;
    border:solid 1px #505050;
    color:#505050;
    /*
    color:#CC0066;
    background:transparent;
    opacity:0.5;
    moz-opacity:0.5;
    filter: alpha(opacity=50);
    */
}

select
{
    padding-left:0px;
    width:142px;
}

textarea
{
    height:118px;
}

.checkbox
{
    border-color:#505050;
    background-repeat:no-repeat;
    background-position:left top;
}

.floatLeft
{
    float:left; 
    overflow:hidden;
    display:inline;
    /*
    */
}
.floatRight
{
    float:Right; 
    overflow:hidden;
    display:inline;
    /*
    */
}

.bgImage
{
    background-repeat:no-repeat;
    background-position:left top;
    /*
    */
}

/*******************************
* TEMPLATE CSS *
*******************************/
#page,
#privacyWindow,
#termsWindow,
#distribWindow
{
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-475px;
    height:500px; 
    width:950px;
    background-color:white;
    border:solid 1px #CCCCCC;
    z-index:2;
    /*
    */
}

#privacyWindow,
#termsWindow,
#distribWindow
{
    z-index:4; 
    display:none; 
	overflow:auto;
    width:330px;
    height:355px;
    margin-left:114px;
    margin-top:-137px;
    border-color:pink;
    border-width:1px;
    background-color:#fff4f3;
    padding:15px;
}

#distribWindow
{
    width:230px;
    margin-left:214px;
}

#pageHolder
{
    overflow: hidden;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-475px;
    height:517px; 
    width:950px;
    z-index:1;
    /*
    */
}


#pageTop
{
    position:absolute;
    height:0px;
    width:950px;
    margin-left:0px;
    z-index:5;
    /*
    */
}
#pageLeft
{
    position:absolute;
    width:750px;
    height:100%;
    z-index:4;
    /*
    */
}
#left1,
#left2,
#left3
{
    position:absolute;
	height:100%;
	width:270px;
	margin-left:0px;
    z-index:2;
    background-repeat:no-repeat;
    background-position:bottom right;
    /*
    border:solid 1px;
    */
}
#left1
{
    padding-left:25px;
}

#left2
{   z-index:1;
    width:575px;
}

#pageRight
{
    float:right;
    overflow:hidden;
    display:inline;
    width:50%;
    height:100%;
    z-index:2;
    /*
    */
}
#pageRight div
{
    position:absolute;
    right:0px;
    bottom:0px;
    /*
    */
}

#pageFooter,
#gateFooter
{   
    font-size:11px;
    display:inline;
    width:98%; 
    left:1%;
    position:absolute;
    text-align:center;
    bottom:0px;
    color:grey;
}

.pageFooterLink
{
    color:#606060;
    cursor:pointer;
    margin-left:10px; 
    text-decoration:underline;
}

/***************************
    GENERAL PAGE 
 ***************************/
 
#pageTitle
{
    position:relative; 
    width:300px;
    height:50px;
}
 
#pageIntro
{
    letter-spacing: 0px;
    width:262px;
}
 
/***************************
    PROFILE SURVEY PAGE 
 ***************************/

#contentBox, 
#locatorBox, 
#surveyBox
{
    position:absolute;
    font: 12px Helvetica, Trebuchet-MS, sans-serif, monospace;
    top:120px;
    height:352px;
    width:525px;
    right:50px;
    /*
    */
}

#locatorBox, 
#contentBox 
{
    top:110px;
}

#locatorBox 
{
    right:60px;
}

/* survey specific items */
#surveyBox
{
    opacity:0;
    moz-opacity:0;
    filter: alpha(opacity=0);
    border:solid 1px pink;
    right:100px;
    /*
    */
}
#surveyLeft
{
    height:352px;
    width:80px;
    /*
    border:solid 1px blue;
    */
}
#surveyLeft
{
	background-position:center;
}

#surveyContent
{
    height:335px;
    width:442px;
    margin-top:12px;
    /*
    */
}

#surveyHeaderObj
{
    margin-left:10px; 
}

#surveyHeader
{
    background-image:url(../img/xperiences_header.jpg);
    width:80%;
    height:85px;
    /*
    margin-top:10px;
    */
}

#surveyMeter
{
    font-size:1px;
    height:3px; 
    background-color:pink; 
    width:300px;
    border:solid 1px #FFF0F5;
    opacity:0.75;
    moz-opacity:0.75;
    filter: alpha(opacity=75);
    /*
    */
}

#surveyProgress
{
    background-color:#CC0066; 
    width:10%; 
    height:100%; 
    margin-left:2%;
    /*
    */
}


#surveyTitle
{
    margin-top:3px;
    height:60px;
    width:300px;
    background-image:url(../img/xperiences_quiz.jpg);
}


#questionObj
{
    color:#A8A8A8;
    text-transform:uppercase;
    font-size:17px;
    height:60px;
    margin-left:4%;
    width:80%;
    /*
    */
}

#surveyQuestionNum
{
    width:18px;
    height:100%;
}


.surveyOptLine
{
    width:100%;
    height:29px;
    margin-top:5px;
    cursor:pointer;
    color:#484848;
    /*
    */
}

.surveySelect
{
    height:100%;
    width:19px;
    background-image:url(../img/heart.jpg);
    /*
    */
}

.surveyResponse
{
	width:390px;
	height:100%;
	margin-top:1px;
    margin-left:22px;
    text-transform:uppercase;
    font-size:14px;
    /*
    */
}


/*
    profile specific 
*/

.pHeader,
.pDrinkIntro
{
	height:35px;
	width:60%;
    color:#CC0066;
    text-transform:uppercase;
    font-size:14px;
}
.pDrinkIntro
{
	height:21px;
	width:100%;
    font-size:12px;
    margin-top:7px;
}

.pImage
{
	padding-left:15%;
	
}

.pTitle,
.pText,
.pDrinkHeader
{
	width:90%;
    font-size:12px;
    color:grey;
}
.pDrinkHeader
{
	font-size:11px;
	margin-bottom:3px;
}
.pRecipe
{
    color:#686868;
	font-size:11px;
    margin-bottom:7px;
}
.pSend
{
    cursor:pointer;
    color:#CC0066;
}

/********************
    FORM OBJECTS
 ********************/
#formObj
{
	position:absolute;
	margin-top:20px;
	right:150px;
	height:100%;
	width:270px;
	
	/*
	border:solid 1px;
	*/
}

#formObj tr 
{
    margin:1px;
    color:grey;
}
#formHeader
{
    margin-top:5px;
    height:30px;
    width:210px;
    /*
    */
}

.contactHeader
{
    margin-right:-6px;
    margin-bottom:10px;
    background-position:top center;
}

#send_msg
{
	width:160px;
	font-size:10px;
	font-face: Arial;
	/*
	border:solid 1px;
	*/
}

#send_table
{
	font-size:11px;
}

#send_holder, 
#find_holder
{
    width:275px;
    text-align:center;
}

#send_submit,
#search_submit
{
    position:absolute;
    margin-top:-10px;
    padding:1px;
    right:0px;
	width:40px;
	color:#eb4b71;
    font-size:11px;
    border:solid 1px #eb4b71;
    text-align:center;
}


#send_submit:hover, 
#find_submit:hover, 
#search_submit:hover 
{
  background-color: pink;
}

/************************
    WHERE TO BUY
 ************************/

#find_holder
{
    position:absolute;
    z-index:13;
    width:220px;
    margin-left:75px;
    margin-top:35px;
}
 
#find input 
{
    height:11px;
    font-size:9px;
    width:55px;
}
 
#find_submit
{
    font-size:9px;
	color:#eb4b71;
    height: 12px;
    border:solid 1px #eb4b71;
    padding-left:1px;
    padding-right:1px;
    width:16px;
    padding-top:1px;
}
 
#storeList
{
    position:absolute;
    top:260px;
    right:-10px;
    bottom:38px;
}

#find_formBuffer
{
    overflow:hidden; 
    width:100px;
    height:20px;
}

/************************
    RECIPE SPECIFIC
 ************************/

#search_submit
{
    margin-top:-5px;
    padding:2px;
}

#search input
{
    width:135px;
}
#search 
{
    margin-left:-5px;
    font-size:12px;
}

.send_fieldHeader
{
    width:100px;
    text-align:right;
}

#recipeBox,
#recipeFeatures, 
#newsBox, 
#newsFeatures, 
#articlePreview, 
#partyBox,
#partyOptsList, 
#partyOption
{
    position:absolute;
    width:270px;
    top:210px;
    right:-20px; 
    height:200px;
	z-index:7;
	/*
	border:solid 1px;
	*/
}


#recipeFeatures,
#newsFeatures
{
    font-size: 10px;
    top:435px;
    height:25px;
    right:-10px; 
    /*
    border:solid 1px;
    */
}

/* specific feature item */
.recipeFeature, 
.recipeFeatureLeft, 
.newsFeature,
.partyFeature
{
    margin-top:2px;
    cursor:pointer;
    position: relative;
    overflow:hidden;
    display:inline;
    width:120px;
    padding-left:13px;
    color:#eb4b71;
    background-position:top left;
    background-repeat:no-repeat;
}

.recipeFeatureLeft
{
    width:90px;
}

#recipeScrollBox
{
    position:absolute;
    top:155px;
    margin-left:-15px;
}


/***************
    NEWS PAGE 
 ***************/
 
#newsScrollBox
{
    position:absolute;
    top:85px;
}

#newsBox
{
    top:170px;
    height:300px;
    width:375px;
    right:35px;
}

#newsBoxHeader,
#partyBoxHeader
{
    width:100%;
    color:pink;
    font-family:Helvetica;
    font-size:17px;
    height:35px;
}

#newsKey,
#partyKey
{
    position:relative; 
    font-size:12px; 
    height:15px;
}

#articlePreview
{
    position:relative;
    width:150px;
    top:0px;
    right:none;
    left:0px;
    height:220px;
    background-position:center left;
    background-repeat:no-repeat;
}

#articleSummary
{
    position:absolute;
    left:150px;
    top:35px;
    letter-spacing: 0px;
    z-index:100;
}

#newsFeatures
{
    top:450px;
    width:450px;
}

.newsFeature,
.partyFeature
{
    width:auto;
    margin-left:15px;
    padding-right:1px;
}


/***************
    PARTY PAGE 
 ***************/
 
#partyBox
{
    top:150px;
    height:350px;
    width:375px;
    right:15px;
}

#partyBoxHeader
{
    width:100%;
    color:pink;
    font-size:35px;
    height:38px;
}

#partyKey
{
    height:18px;
}
 
#partyOptsList, 
#partyOption
{
    position:relative;
    right:none;
    left:0px;
    top:0px;
    margin-bottom:10px;
    width:250px;
    height:65px;
}
#partyOption 
{
    height:190px;
}

#partyOptionHeader
{
    width:280px;
    font-family: 'Century Gothic', sans-serif;
    font-size:17px;
    text-transform:uppercase;
    /*font-variant:small-caps;*/
    color:#f2b0cb;
    margin-bottom:5px;
}

#partyOptions
{
    position:relative;
    z-index:11;
}

.partyFeature
{
    position:absolute;
    margin-left:0px;
    top:320px;
}
 
/***************
    AGE GATE 
 ***************/
#age, 
#gate
{
    height:100px;    
}


.ageGate
{
    overflow: hidden;
    position: absolute;
    height:700px;
    width:1100px;
    top:50%;
    left:50%;
    margin-top:-450px;
    margin-left:-500px;
    /*
    border:solid 1px;
    */
}

#gateKeeper
{
    position: absolute;
    height:300px; 
    width:400px;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    z-index:3;
    /*
    border:solid 1px;
    */
}

#age_0,
#age_1,
#age_2
{
    font-size:11px;
    text-align:center;
    width:50px;
    padding:2px;
    border: solid 1px;
    margin:4px;
}

#age_submit
{
    position:absolute;
	color:#CC0066;
	font-size:14px;
	top:38px;
    margin-left:-205px;
	width:200px;
	text-align:center;
	z-index:12;
	/*
	border:1px solid;
	*/
}
#ageFormHeader
{
	color:#CC0066;
	font-size:12px;
    text-align:center;
    width:100%;
}
#gateLogo
{
	height:170px;
}
#gate
{
    overflow: hidden;
    position: absolute;
	width:200px;
	margin-left:-100px;
	left:50%;
}