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

input, select, textarea 
{
    width:160px;
    padding-left:3px;
    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
{
    width:140px;
}

textarea
{
    height:118px;
}


a
{
    text-decoration:none;
    color:#505050;
    cursor:pointer;
}

.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,
#pageFooter
{
    overflow: hidden;
    position: relative;
//    top:50%;
    left:50%;
//    margin-top:-210px;
    margin-top:auto;
    margin-left:-400px;
    height:600px; 
    width:800px;
//    background-image:url(images/jmxoLogo.jpg);
 //   border:solid 1px #eeeeee;
//    z-index:2;
    /*
    background-color:white;
    */
}

#privacyWindow,
#termsWindow,
#distribWindow
{
    z-index:10; 
    display:none; 
	overflow:auto;
    width:462px;
    height:237px;
    margin-left:0px;
    margin-top:0px;
    border-color:pink;
    border-width:2px;
    background-color:#fff4f3;
    padding:5px;
}

#pageFooter
{   
    margin-top:10px;
    text-align:right;
    padding-right:6px;
    border:none;
}

.pageFooterLink
{
    margin-right:8px; 
}

#distribWindow
{
    width:250px;
    margin-left:212px;
}

#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:12;
    /*
    */
}
#pageLeft
{
    position:absolute;
    width:750px;
    height:100%;
    z-index:10;
    /*
    */
}
#left1,
#left2,
#left3
{
    position:absolute;
	height:100%;
	width:270px;
	margin-left:0px;
    z-index:1;
    background-repeat:no-repeat;
    background-position:bottom right;
    /*
    border:solid 1px;
    */
}
#left2
{
    width:575px;
}

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



/***************************
    GENERAL PAGE 
 ***************************/
 
#pageTitle
{
    color:black;
    position:relative; 
    font-size:3s0px; 
    height:50px;
}
 
#pageIntro
{
    letter-spacing: 0px;
    width:262px;
}

/********************
    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;
    background-position:center center;
}

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

#send_table
{
	font-size:11px;
}

#send_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, 
#search_submit:hover 
{
  background-color: pink;
}


 
/***************
    AGE GATE 
 ***************/
.ageGate
{
    overflow: hidden;
    position: absolute;
    height:600px;
    width:950px;
    top:50%;
    left:50%;
    margin-top:-300;
    margin-left:-475px;
    /*
    border:solid 1px;
    */
}

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

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

#age_submit
{
    margin-top:15px;
	font-size:16px;
	cursor:pointer;
    /*hovertext e0ebf5*/
}



.ageGateHeader, 
.ageGateFooter
{
    position:absolute;
	font-size:12px;
    text-align:center;
    width:100%;
}

.ageGateText
{
    bottom:62px;
}

.ageGateFooter
{
    font-size:9px;
    color:#cccccc;
    bottom:-16px;
    /*
    border:solid 1px;
    */
}

#age_RememberMe_display
{
    background-image:url(/jaf/img/xMark_bold_black.jpg);
}


#gateLogo
{
    background-image:url(/images/skyy_spirits.jpg);
    background-position:center top;
	height:80px;
}
#gate, 
#gate_buttons
{
    position: absolute;
	width:146px;
	margin-left:-97px; /*73 */
	margin-top:20px;
	left:50%;
}

#gate_buttons
{
    margin-top:12px;
    width:194px;
	bottom:35px;
    margin-left:-97px;
}

#preloadMarker
{
    position:absolute; 
    left:423px; 
    top:211px; 
    z-index:15; 
    height:107px; 
    width:105px;
}

.cBoxHolder
{
    margin-top:10px;
    margin-left:52px;
}