/* --- /// --- */

*
{
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	margin:0px;
	outline:none;
	padding:0px;
}

body
{
	height:100%;
	overflow:hidden;
	width:100%;
}

html
{
	height:100%;
	overflow:hidden;
	width:100%;
}

/* --- /// --- */

#canvas
{
	height:100%;
	left:0px;
	overflow:hidden;
	overflow-y:scroll;
	position:absolute;
	top:0px;
	width:100%;
}

/* --- /// --- */

#navigation
{
	height:220px;
	left:0px;
	position:absolute;
	top:0px;
	width:760px;
	z-index:9999;
}

#navigation .background
{
	background-image:url(../images/navigation.png);
	background-repeat:no-repeat;
	height:220px;
	width:760px;
}

#navigation .hover
{
	background-image:url(../images/navigation-hover.png);
	background-repeat:no-repeat;
	height:220px;
	width:760px;
}

/* --- /// --- */

#navigation h1
{
	height:109px;
	left:20px;
	overflow:hidden;
	position:absolute;
	top:18px;
	width:121px;
}

#navigation h1 a
{
	display:block;
	height:109px;
	text-indent:-9999px;
	width:121px;
}

#navigation ul
{
	left:138px;
	position:absolute;
	top:40px;
}

#navigation ul li
{
	display:inline;
	float:left;
	position:relative;
}

#navigation ul li a
{
	display:inline;
	float:left;
	height:20px;
	line-height:20px;
	text-indent:-9999px;
}

#navigation ul li ul
{
	display:none;
	height:22px;
	left:0px;
	padding:2px 0px;
	position:absolute;
	top:20px;
	width:593px;
}

#navigation ul li ul li a
{
	height:16px;
	line-height:16px;
	padding:0px 0px 6px 0px;
}

/* --- /// --- */

#navigation ul li.panel00 a
{
	width:134px;
}

#navigation ul li.panel08 a
{
	margin:0px 3px 0px 3px;
	width:142px;
}

#navigation ul li.panel04 a
{
	width:119px;
}

#navigation ul li.panel05 a
{
	margin:0px 8px 0px 28px;
	width:70px;
}

#navigation ul li.panel03 a
{
	width:96px;
}

#navigation ul li.panel02 a
{
	margin:0px 4px 0px 9px;
	width:58px;
}

#navigation ul li.panel06 a
{
	width:97px;
}

#navigation ul li.panel07 a
{
	margin:0px 3px 0px 26px;
	width:52px;
}

#navigation ul li.panel09 a
{
	width:81px;
}

#navigation ul li.panel11 a
{
	margin:0px 0px 0px 4px;
	width:57px;
}

/* --- /// --- */

#panels
{
	height:2400px;
	left:0px;
	position:absolute;
	top:0px;
	width:4080px;
	z-index:1;
}

#panels .panel
{
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:800px;
	position:relative;
	width:1020px;
}

#panels .panel h1
{
	display:none;
}

#panels .panel h2
{
	display:none;
}

#panels .panel p
{
	margin:0px 0px 12px 0px;
}

#panels .panel p big
{
	font-size:11px;
	font-weight:bold;
	line-height:12px;
}

#panels .panel table
{
	margin:0px 0px 12px 0px;
}

#panels .panel table tr th
{
	text-align:left;
	padding:0px 12px 0px 0px;
	white-space:nowrap;
}

#panels .panel table tr td
{
	padding:0px 12px 0px 0px;
	white-space:nowrap;
}

/* --- /// --- */

#panel01
{
	background-image:url(../images/panel01.jpg);
}

#panel01 .new
{
	left:792px;
	padding:66px 0px 0px 0px;
	position:absolute;
	text-align:center;
	top:75px;
	width:132px;
}


#panel01 #enter_now_link {
    display: block;
    height: 78px;
    left: 310px;
    position: absolute;
    text-indent: -9999px;
    top: 390px;
    width: 204px;
}


#panel01 .new p big
{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

#panel01 .new p big a
{
	color:#ffffff;
	font-size:10px;
	line-height:12px;
}

#panel01 .new a.logo
{
	height:65px;
	left:4px;
	position:absolute;
	text-indent:-9999px;
	top:0px;
	width:113px;
}

#panel01 .flavorscope
{
	left:785px;
	padding:59px 0px 0px 0px;
	position:absolute;
	text-align:center;
	top:214px;
	width:156px;
}

#panel01 .flavorscope p big
{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

#panel01 .flavorscope p big a
{
	color:#ffffff;
	font-size:10px;
	line-height:12px;
}

#panel01 .flavorscope a.logo
{
	height:52px;
	left:5px;
	position:absolute;
	text-indent:-9999px;
	top:0px;
	width:149px;
}

#panel01 .facebook
{
	height:124px;
	left:744px;
	position:absolute;
	text-align:center;
	top:360px;
	width:129px;
}

#panel01 .facebook p big
{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

#panel01 .facebook p big a
{
	color:#ffffff;
	font-size:10px;
	line-height:12px;
}

#panel01 .facebook p big small
{
	color:#ffffff;
	font-size:8px;
	line-height:12px;
}

#panel01 .facebook a.logo
{
	bottom:0px;
	height:41px;
	position:absolute;
	text-indent:-9999px;
	right:0px;
	width:42px;
}

/* --- /// --- */

#panel02
{
	background-image:url(../images/panel02.jpg);
}

#panel02 .content
{
	left:93px;
	position:absolute;
	top:195px;
	width:306px;
}

#panel02 .content p
{
	color:#ffffff;
}

#panel02 .content big
{
	color:#ffe50d;
}

#panel02 .content table tr th
{
	color:#ffffff;
}

#panel02 .content table tr td
{
	color:#ffffff;
}

/* --- /// --- */

#panel03
{
	background-image:url(../images/panel03.jpg);
}

#panel03 .content
{
	left:102px;
	position:absolute;
	top:300px;
	width:552px;
}

#panel03 .content p
{
	color:#fa0449;
}

#panel03 .content big
{
	color:#fea100;
}

#panel03 .content table tr th
{
	color:#fa0449;
}

#panel03 .content table tr td
{
	color:#fa0449;
}

#panel03 .content .left
{
	display:inline;
	float:left;
	width:276px;
}

#panel03 .content .right
{
	display:inline;
	float:right;
	width:252px;
}

/* --- /// --- */

#panel04
{
	background-image:url(../images/panel04.jpg);
}

#panel04 .controls
{
	height:463px;
	left:71px;
	overflow:hidden;
	padding:104px 0px 0px 0px;
	position:absolute;
	top:96px;
	width:286px;	
}

#panel04 .controls p
{
	color:#ffffff;
	margin:0px 12px 12px 12px;
	text-align:center;
}

#panel04 .controls p.label
{
	height:12px;
	overflow:hidden;
}

#panel04 .controls p strong
{
	color:#82f3e3;
	display:block;
	font-size:15px;
}

#panel04 .controls p label
{
	color:#f7ffc1;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

#panel04 .controls div.wheel
{
	height:184px;
	margin:0px 0px 12px 0px;
	overflow:hidden;
	width:286px;
}

#panel04 .controls div.wheel img
{
	left:0px;
	position:absolute;
	top:187px;	
}

#panel04 .controls p select
{
	margin:0px 12px;
	padding:1px 3px;
}

#panel04 .controls p select option
{
	padding:0px 12px 0px 0px;
}

#panel04 .controls p button
{
	background:none;
	border:none;
	cursor:pointer;
	height:47px;
	left:248px;
	position:absolute;
	text-indent:-9999px;
	top:367px;
	width:57px;
}

#panel04 .controls p small
{
	font-size:10px;
}

#panel04 .controls ul
{
	background-image:url(../images/flavorscope-icons.png);
	height:35px;
	left:0px;
	list-style:none;
	overflow:hidden;
	padding:18px 19px;
	position:absolute;
	top:432px;
	width:248px;
}

#panel04 .controls ul li
{
	display:inline;
	float:left;
	height:35px;
	overflow:hidden;
	width:41px;
}

#panel04 .controls ul li a
{
	display:inline;
	float:left;
	height:35px;
	padding:0px 3px;
	text-indent:-9999px;
	width:35px;
}

#panel04 .data
{
	background-image:url(../images/flavorscope-data.jpg);
	background-repeat:no-repeat;
	height:555px;
	right:0px;
	position:absolute;
	top:96px;
	width:644px;	
}

#panel04 .data p.horoscope
{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	left:324px;
	line-height:24px;
	position:absolute;
	top:264px;
	width:296px;
}

#panel04 .data p.facebook a
{
	background-image:url(../images/flavorscope-facebook.jpg);
	display:none;
	height:35px;
	left:324px;
	position:absolute;
	text-indent:-9999px;
	top:426px;
	width:131px;
}

/* --- /// --- */

#panel05
{
	background-image:url(../images/panel05.jpg);
}

#panel05 .content
{
	left:336px;
	position:absolute;
	top:300px;
	width:504px;
}

#panel05 .content p
{
	color:#ff3000;
}

#panel05 .content big
{
	color:#ff7900;
}

#panel05 .content table tr th
{
	color:#ff3000;
}

#panel05 .content table tr td
{
	color:#ff3000;
}

#panel05 .content .left
{
	display:inline;
	float:left;
	width:264px;
}

#panel05 .content .right
{
	display:inline;
	float:right;
	width:234px;
}

/* --- /// --- */

#panel06
{
	background-image:url(../images/panel06.jpg);
}

#panel06 .content
{
	left:276px;
	position:absolute;
	top:252px;
	width:612px;
}

#panel06 .content p
{
	color:#ffffff;
}

#panel06 .content big
{
	color:#ff3a76;
}

#panel06 .content table tr th
{
	color:#ffffff;
}

#panel06 .content table tr td
{
	color:#ffffff;
}

#panel06 .content .left
{
	display:inline;
	float:left;
	margin:144px 0px 0px 0px;
	width:276px;
}

#panel06 .content .right
{
	display:inline;
	float:right;
	width:300px;
}

/* --- /// --- */

#panel07
{
	background-image:url(../images/panel07.jpg);
}

#panel07 .content
{
	left:120px;
	position:absolute;
	top:270px;
	width:492px;
}

#panel07 .content p
{
	color:#ffffff;
}

#panel07 .content big
{
	color:#f4a9ff;
}

#panel07 .content table tr th
{
	color:#ffffff;
}

#panel07 .content table tr td
{
	color:#ffffff;
}

#panel07 .content .left
{
	display:inline;
	float:left;
	width:240px;
}

#panel07 .content .right
{
	display:inline;
	float:right;
	width:240px;
}

/* --- /// --- */

#panel08
{
	background-image:url(../images/panel08.jpg);
}

#panel08 .content
{
	left:360px;
	position:absolute;
	top:240px;
	width:636px;
}

#panel08 .content p {

	color:#a82c00;
	font-size:11px;
	line-height:12px;

}

#panel08 .content big {

	color:#fe4200;

}

#panel08 .content .left
{
	display:inline;
	float:left;
	width:294px;
}

#panel08 .content .right
{
	display:inline;
	float:right;
	width:312px;
}

/* --- /// --- */

#panel09
{
	background-image:url(../images/panel09.jpg);
}

#panel09 .content
{
	left:330px;
	position:absolute;
	top:160px;
	width:216px;
}

#panel09 .content p
{
	color:#ffffff;
}

#panel09 .content big
{
	color:#622c00;
}

#panel09 .content table tr th
{
	color:#ffffff;
}

#panel09 .content table tr td
{
	color:#ffffff;
}

/* --- /// --- */

#panel10
{
	background-image:url(../images/panel10.jpg);
}

/* --- /// --- */

#panel11
{
	background-image:url(../images/panel11.jpg);
}

#panel11 .content
{
	left:120px;
	position:absolute;
	top:220px;
	width:630px;
}

#panel11 .content p
{
	color:#3d0b00;
}

#panel11 .content big
{
	color:#ffffff;
}

#panel11 .content table tr th
{
	color:#3d0b00;
}

#panel11 .content table tr td
{
	color:#3d0b00;
}

#panel11 .content .left
{
	display:inline;
	float:left;
	margin:110px 0px 0px 0px;
	width:300px;
}

#panel11 .content .right
{
	display:inline;
	float:right;
	width:300px;
}

/* --- /// --- */

#panel12
{
	background-image:url(../images/panel12.jpg);
}

/* --- /// --- */

#footer
{
	bottom:6px;
	left:6px;
	position:absolute;
	z-index:9999;
	width:768px;
}

#footer .background
{
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	padding:3px 6px;
	width:768px;
}

#footer p
{
	color:#ffffff;
	font-size:9px;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
}

#footer p a
{
	color:#ffffff;
	font-size:9px;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
	text-decoration:none;
}

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

/* --- /// --- */

#popups
{
	background-image:url(../images/background.png);
	background-repeat:repeat;
	left:0px;
	position:absolute;
	top:0px;
	z-index:99999;
	width:100%;
}

#popups .popup
{
	height:800px;
	margin:24px auto 0px auto;
	overflow:hidden;
	position:relative;
	width:970px;
}

#popups .background
{
	background-image:url(../images/popup.png);
	height:800px;
	overflow:hidden;
	width:970px;
}

#popups .popup h2
{
	background-repeat:no-repeat;
	height:65px;
	left:120px;
	position:absolute;
	text-indent:-9999px;
	top:84px;
	width:540px;
}

#popups .popup .content
{
	border-top:1px solid #721000;
	bottom:220px;
	height:399px;
	left:120px;
	overflow-y:scroll;
	padding-top:15px;
	position:absolute;
	width:540px;
}

#popups .popup .content p
{
	color:#711000;
	font-size:12px;
	line-height:13px;
	margin:0px 12px 12px 0px;
}

#popups .popup .content p a
{
	color:#711000;
	font-size:12px;
	line-height:13px;
}

#popups .popup .content p strong
{
	color:#711000;
	font-size:12px;
	line-height:13px;
}

#popups .popup .content ul li
{
	color:#711000;
	font-size:12px;
	line-height:13px;
	margin:0px 0px 12px 33px;
}

#popups .popup .image
{
	background-position:center center;
	background-repeat:no-repeat;
	bottom:240px;
	height:399px;
	position:absolute;
	right:42px;
	width:268px;
}

#popups .popup .link
{
	position:absolute;
	right:195px;
	top:105px;
	width:268px;
	z-index:99999;
}

#popups .popup .link p
{
	margin:0px 0px 12px 0px;
}

#popups .popup .close a
{
	height:83px;
	line-height:83px;
	position:absolute;
	text-indent:-9999px;
	top:24px;
	left:36px;
	width:84px;
}

/* --- /// --- */

#popups .register h2
{
	background-image:url(../images/popup-register-h2.png);
}

#popups .signin h2
{
	background-image:url(../images/popup-sign-in-h2.png);
}

#popups .register .image, #popups .signin .image
{
	background-image:url(../images/popup-register-image.png);
}

#popups .register .content table
{
	border-collapse:collapse;
	margin:12px 0px 0px 0px;
}

#popups .register .content table tr td
{
	color:#711000;
	padding:0px 12px 12px 0px;
}

#popups .register .content table tr td label
{
	color:#711000;
	display:block;
	margin:0px 0px 3px 0px;
}

#popups .register .content table tr td input.text
{
	border:#711000 solid 1px;
	padding:3px;
	width:204px;
}

#popups .register .content table tr td select
{
	border:#711000 solid 1px;
	padding:1px 1px;
}

#popups .register .content table tr td select option
{
	padding:0px 12px 0px 0px;
}

#popups .register .content table tr td button
{
	background:none;
	background-color:#ff3000;
	border:none;
	color:#711000;
	cursor:pointer;
	display:inline;
	float:left;
	font-weight:bold;
	height:24px;
	line-height:24px;
	margin:0px 12px 0px 0px;
	text-transform:uppercase;
	width:90px;
}

/* --- /// --- */

#popups .company h2
{
	background-image:url(../images/popup-company-h2.png);
}

#popups .company .image
{
	background-image:url(../images/popup-company-image.png);
}

/* --- /// --- */

#popups .faqs h2
{
	background-image:url(../images/popup-faq-h2.png);
}

#popups .faqs .image
{
	background-image:url(../images/popup-faq-image.png);
}

#popups .faqs p.dist-locations {
	padding-left:10px;
}

/* --- /// --- */

#popups .privacy h2
{
	background-image:url(../images/popup-privacy-h2.png);
}

#popups .privacy .image
{
	background-image:url(../images/popup-privacy-image.png);
}

/* --- /// --- */

#popups .terms h2
{
	background-image:url(../images/popup-terms-h2.png);
}

#popups .terms .image
{
	background-image:url(../images/popup-terms-image.png);
}

/* --- /// --- */

#popups .accessibility h2
{
	background-image:url(../images/popup-accessibility-h2.png);
}

#popups .accessibility .image
{
	background-image:url(../images/popup-accessibility-image.png);
}

/* --- /// --- */