﻿@import url("nav.css");

/* global styles STARTS */
	body { background: #100404; color: #d2c4a3; font-family: Arial, Helvetica, sans-serif; font-size: 73%; margin: 0; padding: 0; }
	#wrap { width: 760px; margin: 0 auto; }
	#header { background: url(../images/bg-header.gif) no-repeat center top; text-align: center; margin: 20px 0 22px; }
	.clearboth { clear: both;}
/*global styles ENDS */


/* contentArea styles STARTS */
	#contentArea { min-height:469px; height:auto !important; height: 469px; font-size: 0.95em; line-height: 1.5em; float: right; width: 563px; background: url(../images/bg-contentArea.gif) repeat-y left; margin: 10px 0 30px 0; padding: 0 0 30px 0; }
	#contentArea h2  {font-size: 150%; margin-top: 30px;}
	#contentArea p { margin: 15px 20px 15px 28px; }
	#contentArea a, #termsPopup a { color: #fff; }
	
	#contentArea .history  { clear: left; padding: 10px 20px 0 28px; }
	#contentArea .bigChar { font-size: 3em; float: left; color: #fff1c9; padding: 8px 6px 5px 0; }
	
	#contentArea .imageContainer { float: left; font-style: italic; color: #c8ad72; padding: 0; margin: 0 13px 5px 0;}
	#contentArea .imageContainer img { border: #c8ad72 3px solid; }
	
	#contentArea .history h3 { font-size: 15px; font-weight: bold; margin: 30px 0 0 0; padding: 0 0 7px 0; }
	#contentArea .white { color: #FFF; }
	
	*html #contentArea { min-height:542px; height:auto !important; height: 542px; }
	
	#contentArea .email { background: url(../images/email.gif) no-repeat 0 3px; padding: 0 0 0 19px; }
	#contentArea .phone { background: url(../images/phone.gif) no-repeat 0 3px; padding-left: 19px; }
	#contentArea .caption { display: block; padding-left: 19px; margin-top: 10px; }

	#contentArea .experts { clear: left; padding: 10px 20px 0 28px; }
	#contentArea .experts p { padding: 0; margin: 0 0 30px 0; }
	#contentArea .experts h2 { margin: 0 0 5px 0; padding: 0; font-size: 1.5em; line-height: 1.3em;}
/* contentArea styles ENDS */

/* contentArea video listing STARTS */
	#contentArea ul#videos { padding: 0; margin: 30px 0 0 0; list-style-type: none;}
	#contentArea ul#videos li { float: left;}
	#contentArea ul#videos li a { display: block; width: 202px; height: 133px; text-indent: -5000px; margin-left: 60px;}
	#contentArea ul#videos li.vid1 a { background: url('../images/video01.gif') no-repeat;}
	#contentArea ul#videos li.vid2 a { background: url('../images/video02.gif') no-repeat;}
/* contentArea video listing  ENDS */

/* quizArea STARTS */
	.customHeader { background: #170b04; height: 54px; border-bottom: #20140b 1px solid; }

	#quizArea span.bigChar { font-size: 3em; float: left; color: #fff1c9; padding: 8px 6px 5px 0; }
	
	#quizArea { min-height:469px; height:auto !important; height: 469px; font-size: 0.95em; line-height: 1.5em; float: right; width: 563px; background: url(../images/bg-contentArea.gif) repeat-y left; margin: 10px 0 30px 0; padding: 0 0 30px 0; } 
	#quizArea h1 { background: url(../images/bg-headings.gif) no-repeat; height: 45px; margin: 0; padding: 22px 0 0 0; }
	#quizArea h1.quizHeader { background: url(../images/quiz/bg-headings-custom.gif) no-repeat #170b04; }
	#quizArea h1 span { height: 21px; display: block; text-indent: -6000px; margin: 0 0 0 28px; background-repeat: no-repeat; background-position: left top; padding: 0; }
	#quizArea h2.progress { background: url(../images/quiz/your-progress.gif) no-repeat 0px 11px; text-indent: -10000px; margin: 0px 0px 0px 30px; padding: 0px; }
	#quizArea ol#progressIndicator { list-style-type: none; margin: 12px 0px 0px 30px; padding: 0px; height: 0px; }
	#quizArea #progressIndicator li { float: left; text-indent: -10000px; height: 25px; background: no-repeat left top; margin: 0px; padding: 0px; }
	#quizArea #progressIndicator li.vx { background-image: url(../images/quiz/vx-active.gif); width: 91px; }
	#quizArea #progressIndicator li.reserve { background-image: url(../images/quiz/reserve.gif); width: 91px; }
	#quizArea #progressIndicator li.extra { background-image: url(../images/quiz/extra.gif); width: 92px; }
	#quizArea #progressIndicator li.yo { background-image: url(../images/quiz/21yo.gif); width: 133px; }
	#quizArea #progressIndicator li.complete { background-image: url(../images/quiz/complete.gif); width: 88px; }
	
	#quizArea #progressIndicator.level2 li.vx { background-image: url(../images/quiz/vx-complete.gif); }
	#quizArea #progressIndicator.level2 li.reserve { background-image: url(../images/quiz/reserve-active.gif); }
	
	#quizArea #progressIndicator.level3 li.vx { background-image: url(../images/quiz/vx-complete.gif); }
	#quizArea #progressIndicator.level3 li.reserve { background-image: url(../images/quiz/reserve-complete.gif); }
	#quizArea #progressIndicator.level3 li.extra { background-image: url(../images/quiz/extra-active.gif); }
	
	#quizArea #progressIndicator.level4 li.vx { background-image: url(../images/quiz/vx-complete.gif); }
	#quizArea #progressIndicator.level4 li.reserve { background-image: url(../images/quiz/reserve-complete.gif); }
	#quizArea #progressIndicator.level4 li.extra { background-image: url(../images/quiz/extra-complete.gif); }
	#quizArea #progressIndicator.level4 li.yo { background-image: url(../images/quiz/21yo-active.gif); }
	
	#quizArea #progressIndicator.level5 li.vx { background-image: url(../images/quiz/vx-quizcomplete.gif); }
	#quizArea #progressIndicator.level5 li.reserve { background-image: url(../images/quiz/reserve-quizcomplete.gif); }
	#quizArea #progressIndicator.level5 li.extra { background-image: url(../images/quiz/extra-quizcomplete.gif); }
	#quizArea #progressIndicator.level5 li.yo { background-image: url(../images/quiz/21yo-quizcomplete.gif); }
	#quizArea #progressIndicator.level5 li.complete { background-image: url(../images/quiz/complete-quizcomplete.gif); }
	
	#quizArea ol { clear: both; }
	
	#quizArea #preamble { margin-top: 30px; }
	#quizArea #preamble #productimg { width: 112px; height: 150px; float: left; margin: 0px 0px 0px 13px; }
	#quizArea #preamble .productimg1 { background: url(../images/quiz/productimg-vx.jpg); }
	#quizArea #preamble .productimg2 { background: url(../images/quiz/productimg-reserve.jpg); }
	#quizArea #preamble .productimg3 { background: url(../images/quiz/productimg-extra.jpg); }
	#quizArea #preamble .productimg4 { background: url(../images/quiz/productimg-21yo.jpg); }
	#quizArea #preamble .productimg5 { background: url(../images/quiz/medal.jpg) no-repeat 20px top;; }
	#quizArea #preamble #preamblebody { margin: 0px 30px 0px 150px; }
	
	#quizArea #quizcontainer { margin: 0px 18px 0 0; }
	#quizArea #quizquestions { list-style-type: none; margin-right: 18px; margin-top: 0; }
	#quizArea #quizquestions li { margin-bottom: 0px; margin-top: 0px; }
	/*#quizArea #quizquestions li { padding: 0px; }*/
	#quizArea #quizquestions h3 { margin: 65px 0px 0px 0px; padding-left: 50px; font-size: 11px; line-height: 18px; vertical-align: top; background: no-repeat 0px 4px; height: 40px; }
	#quizArea #quizquestions .question1 { background-image: url(../images/quiz/li1.gif); }
	#quizArea #quizquestions .question2 { background-image: url(../images/quiz/li2.gif); }
	#quizArea #quizquestions .question3 { background-image: url(../images/quiz/li3.gif); }
	#quizArea #quizquestions .question4 { background-image: url(../images/quiz/li4.gif); }
	#quizArea #quizquestions .question5 { background-image: url(../images/quiz/li5.gif); }
	#quizArea #quizquestions .question6 { background-image: url(../images/quiz/li6.gif); }
	#quizArea #quizquestions ul { margin-top: 0px; margin-bottom: 0; } 
	#quizArea #quizquestions ul li { list-style-image: none; list-style-type: none; margin: 0px 10px; padding: 0px; }

	#quizArea #wrong { width: 204px; height: 30px; background: #83170f; color: #FFFFFF; padding: 10px 83px 15px 83px; margin: 20px 0 0 160px; border: #5f100b 1px solid; }

	#quizArea .continue { margin-left: 89px; }
/* quizArea ENDS */


/* home styles STARTS */
	#estateBox { float: right; height: 210px; width: 493px; background: url(../images/home/bg-home-estate-logo.gif) no-repeat left top; }
	#estateBox .desc { font-size: 11px; width: 262px; height: 182px; float: right; background: url(../images/home/bg-home-estate-desc.gif) repeat-x right bottom; }
	#estateBox img.offerText { clear: right; margin: 0; padding: 0; }
	#estateBox h2 { margin: 0; width: 262px; height: 42px; text-indent: -6000px; background:url(../images/home/heading-home-estate.gif) no-repeat top left; }
	#estateBox p { margin: 5px 20px 10px 8px; line-height: 1.5em; }
	
	#home #leftBox { font-size: 11px; width: 91px; line-height: 1.5em; height: 140px; float: left; background: url(../images/home/leftBox_bg.jpg) no-repeat left 5px; margin-bottom: 30px; padding: 60px 148px 10px 15px; }
	#home, #home a { color: #fff; text-decoration: none; }
	
	#home #flashContainer { width: 760px; height: 370px; margin-bottom: 25px; }

	.locker { background: url(../images/locker.gif) no-repeat 0 0; padding-left: 12px; height: 11px; }
	div.error { margin: 5px 20px 5px 28px; color: #fff; font-weight: bold; padding: 3px 20px; background:#83170f; border: 1px solid #5f100b; }
/* home styles ENDS */


/* leftPanel styles STARTS */
	#leftPanel { width: 163px; background: #2B180F url(../images/bg-leftPanel.gif) repeat-x left top; float: left; margin: 10px 0 30px 0; padding: 22px 17px; }
	#leftPanel h1 span { text-indent: -6000px; display: block; background-repeat: no-repeat; background-position: left top; margin: 0; }
	#leftPanel h1 { margin: 0 0 10px 0; }
	#leftPanel #moreBtn { float: right; }
	#leftPanel h1 span.the-estate { background-image: url(../headings/the-estate-s.gif); height: 13px; }
	#leftPanel h1 span.cocktail-recipes { background-image: url(../headings/cocktail-recipes-s.gif); height: 37px; }
	#leftPanel div.leftPanel-1 { border-bottom: 1px solid #5c4930; padding: 0 0 0 0; margin: -27px 0 15px -17px; }
	#leftPanel p { font-size: 0.95em; }
/* leftPanel styles ENDS */


/* footer styles STARTS */	
	#footer { width: 760px; clear: both; background: url(../images/bg-footer.gif) no-repeat center top; height: 30px; padding: 40px 0 0 0; text-align: center; color: #9d6d5b; font-size: 0.9em; }
	#footer img { vertical-align: -55%; }
	#footer a, #ageCheckFooter a  { color: #9d6d5b; text-decoration: underline; }
	#footer a:hover, #ageCheckFooter a:hover { color:#f3e4b9; }
	/*#footer span { display: block;  text-align: center; line-height: 1.7em; margin: 0 220px 0 0; } margin: 0 220px 0 0;*/
	#footer img { float: right; margin: 5px 100px 0 0; }
/* footer styles ENDS*/	


/* contentArea h1 styles STARTS */
	#contentArea h1 { background: url(../images/bg-headings.gif) no-repeat; height: 45px; margin: 0; padding: 22px 0 0 0; }
	#contentArea h1 span { height: 21px; display: block; text-indent: -6000px; margin: 0 0 0 28px; background-repeat: no-repeat; background-position: left top; padding: 0; }
	#contentArea h2 { color: #fff; }
	#contentArea h2.indented { margin: 20px 0 0 28px; }
	
	h1 span.barTitle { background-image: url(../headings/bar.gif); }
	h1 span.partnerBarTitle { background-image: url(../headings/goldPartnerBars.gif); }
	h1 span.rangeTitle { background-image: url(../headings/range.gif); }
	h1 span.historyTitle { background-image: url(../headings/history.gif); }
	h1 span.accoladesTitle { background-image: url(../headings/accolades.gif); }
	h1 span.partyTitle { background-image: url(../headings/party.gif); }
	h1 span.barOfTheMonthTitle { background-image: url(../headings/barOfTheMonth.gif); }
	h1 span.bartenderOfTheMonthTitle { background-image: url(../headings/bartenderOfTheMonth.gif); }
	h1 span.recipesTitle { background-image: url(../headings/recipes.gif); }
	h1 span.becomeTitle { background-image: url(../headings/registration.gif); }
	h1 span.enjoyTitle { background-image: url(../headings/howToEnjoy.gif); }
	h1 span.expertsTitle { background-image: url(../headings/appletonExperts.gif); }
	h1 span.contactTitle { background-image: url(../headings/contactUs.gif); }
	h1 span.tellTitle { background-image: url(../headings/tellAFriend.gif); }
	h1 span.downloadTitle { background-image: url(../headings/downloads.gif); }
	h1 span.quizTitle { background-image: url(../headings/expertsQuiz.gif); }
	h1 span.loungeTitle { background-image: url(../headings/membersLounge.gif); }
	h1 span.updateTitle { background-image: url(../headings/updateProfile.gif); }
	h1 span.learnTitle { background-image: url(../headings/learn.gif); }
	h1 span.loginTitle { background-image: url(../headings/login.gif); }
	h1 span.termsTitle { background-image: url(../headings/terms.gif); height: 25px;}
	h1 span.prizeTermsTitle { background-image: url(../headings/prizeTerms.gif); }
    h1 span.merchandiseTitle { background-image: url(../headings/merchandise.gif); }
	h1 span.eventsTitle { background-image: url(../headings/events.gif); }
	h1 span.mixologyTitle { background-image: url(../headings/mixology.gif); }
	h1 span.bartendersRecipeTitle { background-image: url(../headings/bartendersRecipes.gif); }
	h1 span.tastingNotesTitle { background-image: url(../headings/tastingNotes.gif); }
/* contentArea h1 styles ENDS */


/* products (product rows) STARTS */
	#contentArea .products  { clear: both; padding: 10px 20px 0 28px; overflow: hidden; }

	.products img { float: left; padding: 21px 19px 0 0; }
	.products h2 { display: block; text-indent: -6000px; margin: 21px 0 0 141px; background: url(../images/range/estate.gif) no-repeat left top; padding: 0; }
	.products h3 { display: block; text-indent: -6000px; margin: 0 0 0 141px; background-repeat: no-repeat; background-position: left top; padding: 0; }
	#contentArea .products p { margin-left: 141px; }
	
	.products h3#product1 { background-image: url(../images/range/product_1_title.gif); }
	.products h3#product2 { background-image: url(../images/range/product_2_title.gif); }
	.products h3#product3 { background-image: url(../images/range/product_3_title.gif); }
	.products h3#product4 { background-image: url(../images/range/product_4_title.gif); }
/* products (product rows) ENDS */


/* rows styles STARTS */
	.rows { clear: both; overflow: hidden; margin: 21px 0 10px 28px; padding: 0 0 10px 0; }
	
	.rows .arrowBorder:hover { background-position: 111px 0; }
	.rows .arrowBorder:hover img { border: #baa97f 3px solid; }
	.rows .arrowBorder { display: block; float: left; background: url(../images/arrowBorder.gif) no-repeat right top; padding-right: 6px; margin: 0 -10px 0 0; }
	.rows .arrowBorder img { border: #e6d4a1 3px solid; }
	
	.rows h2 { display: block; text-indent: -6000px; background-repeat: no-repeat; background-position: left bottom; padding-top: 2px; margin: 0 0 10px 135px; }

	.rows h2#downloadsTitle { background-image: url(../headings/downloads-s.gif); }
	.rows h2#updateProfileTitle { background-image: url(../headings/updateProfile-s.gif); }
	.rows h2#enjoyTitle { background-image: url(../headings/howToEnjoy-s.gif); }
	.rows h2#aboutTitle { background-image: url(../headings/aboutRum-s.gif); }
	.rows h2#expertsTitle { background-image: url(../headings/appletonExperts-s.gif); }
	.rows h2#expertsQuizTitle { background-image: url(../headings/expertsQuiz-s.gif); }
	.rows h2#partnerBarsTitle { background-image: url(../headings/goldPartnerBars-s.gif); }
	.rows h2#competitionsTitle { background-image: url(../headings/competitions-s.gif); }
	.rows h2#welcomeLoungeTitle { background-image: url(../images/lounge/welcomeLounge_title.gif); }
	.rows h2#twelveYearWallpaperTitle { background-image: url(../headings/12yearOldwallpaper-s.gif); }
	.rows h2#vxWallpaper { background-image: url(../headings/appletonVXwallpaper-s.gif); }	
	.rows h2#barWallpaper { background-image: url(../headings/appletonBarWallpaper-s.gif); }	
	.rows h2#barTitle { background-image: url(../images/lounge/bar_title.gif); }
	.rows h2#eventsTitle { background-image: url(../images/party/events_title.gif); }	
	.rows h2#tikiTitle { background-image: url(../images/party/tiki_title.gif); }	
	.rows h2#drinksGenerator { background-image: url(../headings/drinksGenerator-s.gif); }		
	.rows h2#merchandiseStore { background-image: url(../headings/merchandiseStore-s.gif); }		

	#contentArea .rows p { margin: 0 0 0 135px; width: 370px; }
/* rows styles ENDS */


/* cols styles STARTS */
	.colgroup { margin-left: 28px; }

	.cols { float: left; width: 144px; margin-right: 25px; padding: 0px; } /* FIX needed for patch -> change margin-right: 32px; to 25px */
	.cols h2 { font-size: 1.5em; }
	/*
	.cols .arrowBorder:hover { background-position: 111px 0; }
	.cols .arrowBorder:hover img { border: #baa97f 3px solid; }
	.cols .arrowBorder { display: block; float: left; background: url(../images/arrowBorder.gif) no-repeat right top; padding-right: 6px; margin: 0 -10px 0 0; }
	.cols .arrowBorder img { border: #e6d4a1 3px solid; }
	*/
	.cols .arrowBorder { background: none; border: none }
	.cols .arrowBorder img { border: none; }
	#contentArea .cols p { margin-left: 0px; margin-right: 0px; }

/* cols styles ENDS */


/* recipe selection box STARTS*/
	#recipes #recipeBox { width: 515px; display: inline; float: right; margin: 0 20px 0 28px; background: url(../images/bg-recipe-selector.gif) repeat-y top left; overflow: hidden;}
	#recipes #selector { margin: 0; height: 53px; background-color: #FFF; }
	#recipes #selector .catTitle { display: block; font-size: 150%; margin: 0; padding: 18px 0 0 20px; color: #474747; }
	#recipes .drinkTitle { display: block; height: 44px; background-color: #e0d7cc; margin: 0; padding: 0; }
	#recipes .drinkTitle span { font-weight: bold; display: block; margin: 0; padding: 12px 0 0 20px; color: #413f3d; }
	#recipes .theRecipe { float: left; width: 230px;  background: #c9b9a5; color: #413f3d; padding: 12px 15px 15px 20px; margin: 0; }
	#recipes #recipeImg { float: right; padding: 0; margin: 0; width: 250px; }
	#recipes #catNav { margin: 0; padding: 0; height: 85px; background-image: url(../images/recipes/bg_logos.gif); }
	#recipes #catNav li { cursor: pointer; }
	#recipes #catNav a { display: block; width: 70px; height: 85px; }
	#recipes #catNav a:hover { background: url(../images/recipes/drinkNav_bottomArrow.gif) no-repeat bottom; }
	#recipes #catNav a.selected { background: url(../images/recipes/drinkNav_bottomArrow.gif) no-repeat bottom; }
	#recipes #catNav li { padding: 0; float: left; list-style:none; background-repeat: no-repeat; background-position: center; }
	#recipes select.drinkSelect{ font-size: 10px; float: right; margin: 14px 10px 0 0; }
	#recipes #catNav #cat0 { background-image: url(../images/recipes/drink_1.gif); }
	#recipes #catNav #cat1 { background-image: url(../images/recipes/drink_2.gif); }
	#recipes #catNav #cat2 { background-image: url(../images/recipes/drink_3.gif); }
	#recipes #catNav #cat3 { background-image: url(../images/recipes/drink_4.gif); }
	#recipes #catNav #cat4 { background-image: url(../images/recipes/drink_5.gif); }
/* recipe selection box ENDS*/

/* bartenders recipe box STARTS*/
	#recipes .recipeBox { width: 515px; display: inline; float: right; margin: 20px 20px 0 28px; background: url(../images/bg-recipe-selector.gif) repeat-y top left; overflow: hidden;}
	#recipes table.drinkTitle {font-weight: bold; margin: 0; padding: 12px 0 0 20px; color: #413f3d; height: 60px;}
	#recipes table.drinkTitle td {width: 120px;}
	#recipes .profile { float: right; padding: 0; margin: 0; width: 220px; color: #413f3d; padding: 0 15px 12px 15px;}
	#recipes .profile h3 {font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-top: 10px;}
	#recipes table.drinkTitle tr.labels {color: #AD9E8B;}
/* bartenders recipe box ENDS*/

/* form element styles STARTS */
	fieldset.formArea table input, 
	fieldset.formArea table select,
	fieldset.formArea table textarea { font-family: Arial, Helvetica, sans-serif; background: #40311f url(../images/input_bg.gif) repeat-x top left; font-size: 11px; color: #d2c4a3; width: 190px; border: #4c392c 1px solid; padding: 2px; }
	fieldset.formArea table textarea { height: 135px; }
	
	.formArea table textArea:focus , .formArea table input:focus, .formArea table select:focus { background: #302416; border-color: #6d5646;  }
	
	.formArea .formLbl, .formArea table label { height: 14px; font-size: 11px; color: #a38e66; }
	.formArea .checkbox { width: auto; }
	.formArea #checkbox { width: auto; }
	.formArea #submitBtn { width: 48px; height: 16px; border: none; }

	fieldset { border: none; margin: 0; padding: 0; }
	
	span.mandatory, label span { color: #81130c; }
	
	fieldset.formArea { padding: 0; margin: 10px 20px 0 28px; border: none; }
	.formArea td { padding: 5px 0 5px 0; margin: 0; border-bottom: #4c392c 1px solid; vertical-align: middle; vertical-align: top; }
	.formArea label { display: block; width: 150px; }
	
/* form element styles ENDS */


/* ageCheckForm STARTS */

	#ageCheckForm { margin: 4% auto 0 auto; width: 622px; font-size: 11px; }
	#ageCheckForm #agecheck_header { 
		background: url(../images/agecheck/age-check-1.jpg) no-repeat;
		height: 161px;
		text-align: center;
	}
	
		#ageCheckForm #agecheck_header h1 {
			margin: 90px 0 0 140px;
			font-size: 24px;
		}
		
		#ageCheckForm #agecheck_header p { 
			margin: 0 0 0 0;
		}
	
	#ageCheckForm #agecheck_middle_top {
		background: url(../images/agecheck/age-check-2.jpg) no-repeat;
		height: 113px;
	}
		#ageCheckForm #agecheck_middle_top h2 {
			margin: 0 0 0 40px;
				font-size: 16px;
		}
		
		#ageCheckForm #agecheck_middle_top p {
			margin: 4px 130px 0 130px;
			line-height: 16px;
		}
		
	#ageCheckForm #agecheck_middle_bottom {
		background: url(../images/agecheck/age-check-3.jpg) no-repeat;
		height: 111px;
	}
	
		#ageCheckForm #agecheck_middle_bottom p {
			margin:5px 140px 0 50px;
			line-height: 16px;
		}
	
	#ageCheckForm #agecheck_bottom {
		background: url(../images/agecheck/age-check-4.jpg) no-repeat;
		height: 98px;
		text-align: center;
	}

/*	
	#ageCheckForm { margin: 4% auto 0 auto; width: 522px; }
	#ageCheckForm h1 { text-indent: -6000px; padding: 0; margin: 0; height: 103px; background: url(../images/agecheck/header.gif) no-repeat top center; }
	#ageCheckForm table h2 { text-indent: -6000px; padding: 0; margin: 0; width: 100px; background: url(../images/agecheck/lblAgeCheck.gif) no-repeat left ; } /* 13px /
	#ageCheckForm #text { padding: 30px 75px 30px 75px; background: url(../images/agecheck/bg_top.gif); font-size: 11px; line-height: 18px; }
	
	#joinBox strong { margin: 0 0 22px 0; text-indent: -9999px; display: block; width: 185px; height: 12px; background: url(../images/heading-join-sml.gif) no-repeat top left; }
	#joinBox { margin: 20px 0 0 0; padding: 10px 16px 16px 16px; background: #a05d24 url(../images/bg-joinBox.gif) repeat-x  top left; }
	#joinBox img { float: left; }
	#joinBox p { margin: 0 0 0 77px; color: #fff; }
	
	
	#ageCheckForm #dynamicContent { padding: 8px 8px 0 8px; overflow: hidden; height: 85px; background-image: url(../images/agecheck/bg_middle.gif); text-align: center; }
	#ageCheckForm #dynamicContent table { width: 370px; margin: 20px 0 25px 75px; }
	#ageCheckForm label { color: #b77b5c; }
	#ageCheckForm #enterBtn { margin: 0; padding: 0;}
	#ageCheckForm #exitBtn { float: right; margin: 0; padding: 0;}
	#ageCheckForm select { height: 20px; background-color: #100404; color: #b77b5c; width: auto;  }
	#ageCheck #ageCheckFooter { padding: 15px 0 0 0; color: #b77b5c; font-size: 9px; margin: 0; background: url(../images/agecheck/bg_bottom.gif) no-repeat top center; }
	#ageCheck b { display: block; text-indent: -9999px; background: url(../images/agecheck/welcome.gif) no-repeat top left; width: 370px; height:22px;  margin: 0 0 0 0; font-size: 13px; }
	#ageCheck div.error { margin: 0 0 15px 0; }
	#ageCheck div#estateBorder { border: #400a07 solid 1px; width: 492px; margin: 0 auto; overflow: hidden; padding: 11px; }
	#ageCheck #estateBox { color: #fff; }
	
	#extendedFooter { margin: 0 auto; width: 522px; padding: 15px 0 0 0; color: #b77b5c; font-size: 9px; }
	#extendedFooter a { color: #b77b5c; }
*/
/* ageCheckForm ENDS */


/*events STARTS */
	#events #dynamicContent { padding: 10px 20px 0 28px; }
	#events p { margin-left: 0px; }
	#events .imageContainer { float: none; margin-bottom: 15px; }
	#eventArchive h3 {
		color: #FFF;
	}
	#eventArchive ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	#eventArchive li {
		padding: 4px 5px 20px;
		overflow: hidden;
	}
	#eventArchive li strong { font-weight: normal; display: block; font-size: 1.2em; margin: 10px; color:#fff; }
	#eventArchive li p { margin: 10px 10px 0; }
	#eventArchive li strong span { display: block; background: url(../images/square.gif) no-repeat 0 3px; padding-left: 19px; float: right; color: #9c8a55; font-size: 0.8em;}
	#eventArchive li.light { background-color: #34281e; }
	#eventArchive li.dark { background-color: #21140e; }
	#eventArchive .moreBtnFloatRight { float: right; margin: 0 10px 0 0; }
	
	#archive h3 { display: block; text-indent: -6000px; margin: 20px 0px 0px 0px; background-repeat: no-repeat; background-position: left top; padding: 0; background-image: url(../headings/archive.gif); }
	#contentArea .whiteArrow { background: url(../images/whiteArrow.gif) no-repeat 0 3px; padding-left: 19px; }
	
	#archive .moreBtnFloatRight { float: right; margin: 0 10px 0 0; }

	#archive li.light { background-color: #34281e; }
	#archive li.dark { background-color: #21140e; }
	#archive ul { margin: 0; padding: 0; list-style: none;}
	#archive ul li { margin: 0; padding: 0 0 20px 0; overflow: hidden; clear: both; width: 500px; float: left; }
	#archive li img.latestThb { float: left; border: #c8ad72 2px solid; margin: 10px 0 0 10px; }
	#archive li strong { font-weight: normal; display: block; font-size: 1.2em; margin: 10px 10px 0 85px; color:#fff; }
	#archive li p { margin: 10px 10px 0 85px; }
	#archive li strong span { display: block; background: url(../images/square.gif) no-repeat 0 3px; padding-left: 19px; float: right; color: #9c8a55; font-size: 0.8em;}
/*events ENDS */
	




/* bar of the month styles STARTS */
	/*h1 span.barOfTheMonthTitle { background-image: url(../headings/barOfTheMonth.gif); }	*/
	#bar a.arrowBorder:hover { background-position: 111px 0; }
	#bar a.arrowBorder:hover img { border: #baa97f 3px solid; }
	#bar .arrowBorder { display: block; float: left; background: url(../images/arrowBorder.gif) no-repeat right top; padding-right: 6px; margin: 0 10px 0 0; }
	#bar .arrowBorder img { border: #e6d4a1 3px solid; }
	#contentArea .barOfTheMonth  { clear: left; margin: 21px 0 0 28px; }
	#contentArea .barOfTheMonth .qa { clear: left; padding-top: 20px; font-family: Arial, Helvetica, sans-serif; }
	#contentArea .barOfTheMonth .qa .question { background: url(../images/barOfTheMonth/question.gif) no-repeat 0 3px; padding: 0 0 7px 27px; color: #fff; }
	#contentArea .barOfTheMonth .qa .answer { background: url(../images/barOfTheMonth/answer.gif) no-repeat 0 3px; padding: 0 0 25px 27px; }
	#contentArea .barOfTheMonth .arrowBorder { display: block; float: left; background: url(../images/arrowBorder.gif) no-repeat right top; padding-right: 6px; margin: 0 10px 0 0; }
	#contentArea .barOfTheMonth .arrowBorder img { border: #e6d4a1 3px solid; margin-bottom: 20px; }
	#contentArea .barOfTheMonth p {
		clear: both;
		margin: 0px;
	}
	#contentArea .barOfTheMonth h5 {
		font-size: 1em;
		font-weight: bold;
	}
	#contentArea .barOfTheMonth li {
	line-height: 12px;
	}
	#contentArea .barOfTheMonth ul {
	padding: 0px;
	margin: 0 0 0 20px;
	}
	
	
/* bar of the month styles ENDS*/

/* bar styles STARTS */
	#party #contentArea #barlist h2 { font-size: 12px; margin-left: 30px; }
	#party #contentArea li { margin: 10px; }
	#party #contentArea a { color: #d2c4a3; }
/* bar styles ENDS*/

/* prizeTerms styles STARTS */
	#prizeTerms #contentArea ol { padding: 10px 20px;}
	#prizeTerms #contentArea ol li { margin: 0 0 5px 20px; line-height: 1.5em; }
/* prizeTerms styles ENDS */

/* termsPopup & terms styles STARTS */
	#termsPopup h1 span { background: url(../headings/termsPopup.gif) no-repeat left top; text-indent: -9999px; display: block; height: 45px; width: 327px; }
	#termsPopup { background: #1F120A; padding: 10px 20px; }
	#termsPopup p { font-size: 0.95em; margin: 0; padding: 0; line-height: 1.5em; }
	#termsPopup ul { font-size: 0.95em; }  
	#termsPopup h2, #terms h2 { font-size: 1.5em; margin: 25px 0 10px 0; color: #FFF; }
		
	#termsPopup h3, #terms h3{ font-size: 1.2em; margin: 25px 0 10px 0; color: #FFFFFF; }
	#terms h2, #terms h3 { margin-left: 28px; margin-right: 20px; }
/* termsPopup & terms styles ENDS */

/* survey form */
.survey_forms
{
	margin: 30px 0;
}

.survey_forms td input
{
	width: 100px;
}
	

.survey_forms br
{
	clear: both;
}

.survey_forms label
{
	width: 260px;
	float: left;
	margin: 6px 0;
}

.survey_forms legend
{
	font-size: 14px;
	font-weight: bold;
	color: #D2C4A3;
	margin: 0 0 10px 0;
}

.survey_forms input
{
	width: 160px;
	border: 0 none;
	float: left;
	margin: 6px 0;
}

.survey_forms .radio_buttons
{
	float: left;
	width: auto;
	margin: 6px 0;
}
.survey_forms .radio_buttons input
{
	width: auto;
	float: none;
	margin: 0;
}

.survey_success_message
{
	font-weight: bold;
	font-size: 14px;
	margin: 95px auto;
	width: 260px;
}
