html{background:#02334a url("/images/bg-html.gif") repeat-x}
body{margin:0; font:15px "Lucida Grande", "Lucida Sans", Arial, sans-serif; color:#fff; height:100%; min-height:1059px; min-width:960px}
body.homepage{min-height:0}
body.page{background:url("/images/bg-page.jpg") no-repeat 50% 0}
body.page2{background:url("/images/bg-page2.jpg") no-repeat 50% 0}
body.page3{background:url("/images/bg-page3.jpg") no-repeat 50% 0}
body#downloads-page{background:url("/images/bg-downloads.jpg") no-repeat 50% 0}
body#drink-recipe{background:url("/images/bg-page2.jpg") no-repeat 50% 0}
form, fieldset{margin:0; padding:0; border:0}
img{border:0}
a{color:#2b5b9d; text-decoration:none}
#wrapper{width:961px; margin:0 auto; overflow:hidden}
/* header */
#header{overflow:hidden; width:100%; padding:0 0 14px}
#header .logo{display:block; width:276px; height:97px; background:url("/images/page-logo.png") no-repeat; margin:6px 0 0; overflow:hidden; text-indent:-9999px}
#header .logo a{height:100%; display:block}
.homepage #header .logo{width:330px; height:114px; background:url("/images/logo.gif") no-repeat; margin:17px auto 0}

/* menu */
#menu{float:right; width:687px; background:url("/images/bg-menu.png") no-repeat; margin:34px -12px 0; padding:5px 0 18px 14px; list-style:none; overflow:hidden}
#menu li{float:left; background:url("/images/bg-menu-li.gif") no-repeat 0 50%; padding:0 2px 0 7px}
#menu li:first-child{background:none}
#menu a{float:left; display:block; text-indent:-9999px; height:22px; overflow:hidden; position:relative}
#menu .enrollment{width:99px; background:url("/images/bg-enrollment.gif") no-repeat 0 -22px}
#menu .gallery{width:67px; background:url("/images/bg-gallery.gif") no-repeat 0 -22px}
#menu .fab{width:131px; background:url("/images/bg-fab.gif") no-repeat 0 -22px}
#menu .quiz{width:41px; background:url("/images/bg-quiz.gif") no-repeat 0 -22px}
#menu .store{width:50px; background:url("/images/bg-store.gif") no-repeat 0 -22px}
#menu .recipes{width:62px; background:url("/images/bg-recipes.gif") no-repeat 0 -22px}
#menu .downloads{width:93px; background:url("/images/bg-downloads.gif") no-repeat 0 -22px}
#menu .about{width:53px; background:url("/images/bg-about.gif") no-repeat 0 -22px}
#menu a:hover, #menu li.active a, #menu a.hover{background-position:0 0}


/* content */
#content{overflow:hidden; height:1%}
#content h1{background-position:100% 0; background-repeat:no-repeat; margin:18px 0 22px; text-indent:0; line-height:28px; text-indent:-9999px}
h1.enrollment{background-image:url("/images/tl-enrollment.gif");}
h1.gallery{background-image:url("/images/tl-gallery.gif");}
h1.quiz{background-image:url("/images/tl-quiz.gif");}
h1.photo-gallery{background-image:url("/images/tl-photo-gallery.gif");}
h1.downloads{background-image:url("/images/tl-downloads.gif");}
h1.about{background-image:url("/images/tl-about.gif");}
h1.recipes{background-image:url("/images/tl-recipes.gif");}
h1.fab{background-image:url("/images/tl-fab.gif");}
div.fb-btn { margin: -20px 0 12px 0; }

#content h2.gallery-city { font: bold 22px/22px Arial, sans-serif; margin: 0 0 -12px 8px; padding: 0; }

.container{overflow:hidden; height:561px; background:url("/images/bg-container.jpg") no-repeat 50% 0; position:relative;}
.enter-form{ background:url("/images/bg-enter-form.png") no-repeat; font-size:14px; left:275px; margin:151px auto 0 auto; padding:0 13px 0 0; position:absolute; text-align:center; overflow:hidden; width:412px; z-index: 2; }
#content .enter-form p{margin:7px 0 8px 0; }
.enter-form label{font-size:11px}
.enter-form label, .enter-form input, .enter-form select{vertical-align:middle; position:relative; z-index: 500; }
.enter-form select{margin:0 10px 0 0}
.enter-form input, .enter-form select{font:11px/11px "Lucida Grande","Lucida Sans", Lucida, Arial, sans-serif;}
.enter-form .text{width:37px; padding:3px 5px; border:0; background:#ccc}
#verify #errors{background:url("/images/bg-error-trans.png"); border:0; font-size:13px; left:180px; padding:12px; position:absolute; text-align:center; top:45px; text-align:left; width:562px}
#verify #errors h2{ font-size:18px; margin:0; padding:0}
#verify #errors ul{ margin:0 0 0 18px; padding:0}
div.enrollment-preview { margin: 0 auto; width: 450px; }

#verify .enter-form div.country, #verify .enter-form div.birthday { float:left; padding:0 0 0px 25px; text-align:left; width:138px;}
#verify .enter-form div.country label, #verify .enter-form div.birthday label{ color:#ccc; display:block; margin:0 0 0px 0; }
#verify .enter-form div.birthday { padding-left:4px; width:230px; }
#verify .enter-form div.birthday p { margin:2px 0 12px 0; padding:0; }
#verify .enter-form div.birthday p label{ display:inline; }


.btn-enter{margin:-4px 0 0}
.top-holder, .bt-holder{height:5px; overflow:hidden; background:url("/images/bg-top.png") no-repeat; }
.bt-holder{background:url("/images/bg-bt.png") no-repeat}
.holder{background:url("/images/bg-holder.png"); overflow:hidden; height:1%; padding:10px 30px 0 20px; min-height:454px; }
	#fab .holder{background:url("/images/bg-holder.png"); overflow:hidden; height:1%; padding:0 30px 12px 20px; min-height:454px; }
.image{float:left; margin:20px 33px 0 0}
.image img{display:block}
	#about-page .image { margin-top:100px;}
	#about-page .holder{ min-height:354px}
	
.shadowed{width:465px; background:url("/images/bg-shadowed.png") no-repeat; padding:0 0 23px; margin:88px 0 0}
.col{overflow:hidden; padding:18px 0 0; position:relative}
#errors { border:1px solid red; position:absolute; top:0;}


/*downloads */
#downloads-page #content { height:380px;}
#downloads-page .column-inner{float:left; margin-left:20px; width:470px;}
#downloads-page .column-inner ul{list-style:none; margin:20px 0 0 0px; padding:0}
#downloads-page .column-inner ul li{display:block; float:left; list-style:none; margin:0 28px 28px 0; padding:0; position:relative}
#downloads-page .column-inner ul li img{border:4px solid #fff; position:relative}
#downloads-page #phone{width:380px}
#downloads-page #phone ul li a:hover img{border:4px solid #000}

#downloads-page #desktop ul li a{background:url("/images/downloads/desktop-over-fourteen40.png") no-repeat; display:none; left:4px; height:24px; position:absolute; text-indent:-9999px; top:4px; width:98px; z-index:999}
#downloads-page #desktop ul li a.twelve80{background:url("/images/downloads/desktop-over-twelve80.png") no-repeat; top:28px;}
#downloads-page #desktop ul li a.ten24{background:url("/images/downloads/desktop-over-ten24.png") no-repeat; top:52px;}
#downloads-page #desktop ul li:hover a{display:block; }
#downloads-page #desktop ul li a:hover { background-color:#000;}

#downloads-page .column-inner h3{background-image:url("/images/desktop-wallpapers.gif"); font-size:23px; height:20px; margin:30px 0 0 0; text-indent:-9999px; width:293px}
#downloads-page #phone h3{background-image:url("/images/phone-wallpapers.gif"); width:280px}

#downloads-page #share-this { background:url("/images/bg-holder.png") repeat; padding:9px 0; position:relative; top:0px; margin-bottom:3px; text-align:center; width:250px;	}
#downloads-page #share-this span#sharethis_0 a{ background-position: 0 3px !important; color:#fff; }
#downloads-page #share-this span#sharethis_0 a:hover { color:#F72F96;	}

/* Enrollment ordered ul */
.ordered{margin:0 0 15px; padding:0; list-style:none}
.ordered li{ overflow:hidden; display:block; background:url("/images/bg-ordered.gif") repeat-x 0 100%; padding:12px 0; font-size:16px}
.ordered .num{float:left; width:26px; line-height:26px; margin:0 10px 0 0; background:url("/images/bg-num.gif") no-repeat; font-size:16px; text-align:center}
#content p{margin:0 0 12px 0; }
#content .ordered p{margin:0 0 7px 36px; padding:2px 0 0}
.ordered span{ color:#aaa; display:block; font-size:11px; margin:0 0 0 36px;}
.ordered p span{margin:0;}
.ordered label{ width:85px; float:left; font-size:12px; margin:0 7px 0 0; text-align:right}
.ordered input, .ordered select{border:0; font:12px "Lucida Grande", "Lucida Sans", Arial, sans-serif; vertical-align:middle}
.ordered input{padding:2px 5px; /*width:36px*/}
.ordered .connect-prompt { margin:-6px 0 0 0;}
#content div.connect-prompt p { color: #3085ac; margin: -10px 0 0 0; }
.ordered .upload-holder input{ background:#fff; position:relative;}
.ordered #text1{width:175px}
.ordered #text2{width:215px}
.ordered #text3{width:275px}

.citymap{background:url("/images/bg-citymap.png") no-repeat; height:338px; padding:25px 20px 0; width:930px;}
.btn-enroll{margin:0 0 0 -10px}
#content h2{margin:0; font-size:22px}


/* city tags */
.items{margin:0; padding:8px 0 0 20px; list-style:none; }
.items li{ display: block; float: left; padding:20px 0 0 20px; height: 57px; overflow:hidden; width:195px; }
.items a{ display: block; width:195px; line-height:57px; overflow:hidden; text-align:center; font-size:20px; color:#fff; background:url("/images/bg-item.gif") 0 0 no-repeat; position:relative}
.items a:hover { background-position:0 -57px; color:#111; }

/* quiz box */
.box p{font-size:15px; line-height:21px;}
.box p strong{font-size:19px}
.box p a { color:#64c3ee; }
.box ul{margin:7px 0 0; padding:0; list-style:none; overflow:hidden; height:1%}
.box li{overflow:hidden; height:1%; margin:12px 0}
.box ul label{font-size:17px; overflow:hidden; width:392px; float:left}
.box ul input{float:left; margin:2px 12px 0 0; padding:0; width:16px; height:15px}
.btn-nextquest{float:right}
.choose-form{float:left; margin:15px 0 0 9px; display:inline}
.choose-form fieldset{display:inline}
.choose-form select{font:12px "Lucida Grande", "Lucida Sans", Arial, sans-serif}
.holder p.quiz-detail { color:#3085AC; width:400px; }
	.holder p.quiz-detail em{ color:#6FBCDF; }
.flash-holder{overflow:hidden; width:961px; height:626px}

/* DEFINITION LIST PROGRESS BAR */
#quiz-page dl, #quiz-page dt, #quiz-page dd{ margin:0;padding:0; }
#quiz-page dl { position:relative; }
#quiz-page dt { color:#888; position:absolute; font-size:11px; text-transform:uppercase; right:160px; top:5px; z-index:99;}
#quiz-page dt strong { color:#fff; font-weight:bold; }
#quiz-page dd{ background:#fff; height:25px; margin-bottom:25px; position:relative; width:200px; }
#quiz-page dd span{ background:url("/images/bar.gif") no-repeat 0 0; display:block; height:25px; left:0px; position:absolute; overflow:hidden; top:0px; text-indent:-8000px; width:200px; }
#quiz-page dd em{ background:url("/images/bg_cover.gif") repeat-x; display:block; height:25px; position:absolute; top:0; width:200px;}
#quiz-page .progressBar{ height:41px; position:relative; width:216px; }
#quiz-page .progressBar span{ background:url("/images/bar.gif") no-repeat 0 0; display:block; height:25px; left:8px; position:absolute; overflow:hidden; top:8px; text-indent:-8000px; width:200px; }
.progressBar em{ background:url("/images/bg_cover.gif") repeat-x 0 0; display:block; height:25px; position:absolute; top:0; width:200px; }


/* fab */
span.fb-instructions { color:#aaa; display:block; font-size:11px; }

/* footer */
#footer{ overflow:hidden; height:1%; color:#87c5cf; font-size:11px; text-align:right; padding:0px 0px 0px 0; margin:30px 0 15px 0; background:url("/images/bg-footer.png") no-repeat; }
#footer a{color:#d2edf3; position:relative}
#footer a:hover{color:#eee; text-decoration:underline;}
#footer ul{ margin:0; padding:0px; list-style:none}

#footer ul#footer-logos{ float:left; width:380px; }
#footer ul#footer-logos li{ border-left:1px solid #296884; display:block; height:49px; float:left; }
#footer ul#footer-logos li.hq-logo { border-right:1px solid #296884; height:57px; padding:10px 20px 0 20px; }
#footer ul#footer-logos li.twdw { height:53px; padding:14px 20px 0px 20px; }
#footer ul#footer-logos li.fb-fan { padding:18px 20px 0px 20px; }

#footer ul#site-info { float:left; text-align:right; margin:17px 15px 0 0; width:517px;}
#footer ul#site-info li{ display:block; float:right; padding-right:14px; }
#footer ul#site-info li.copy{ clear:both; float:none; }
#footer ul#site-info li.copy p{ margin:0; padding:4px 0 0 0;  }

#verify #footer { background:none;}
#verify #footer ul#footer-logos li, #verify #footer ul#footer-logos li.hq-logo{ border:0; }


/* CLEAR FIX*/
.clearfix:after, #inner-wrapper:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, #inner-wrapper{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix, * html #inner-wrapper{height:1%}
.clearfix, #inner-wrapper{display:block}
/* End hide from IE-mac */

body#fab object#fv { display: block; margin: 0 auto; width: 468px; }
body#fab object#fv-home { display: block; margin: 0 auto; width: 620px; }