body {
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#page {
	margin:0 auto;
	width:1000px;
}
.section {
	display:block;
	clear:both;
	width:940px;
	padding:0 20px;
	border-left:#000000 1px solid;
	border-right:#000000 1px solid;
}

/*header styles*/
.header {
	margin-top:10px;
	border-top:1px #000000 solid;
	padding-top:10px;
}
.topButton {
	float:right;
	background-repeat:no-repeat;
	height:27px;
	text-indent:-9999em;
}
.topButton.locator { 
	background-image:url(../images/header-locator.gif);
	width:112px; margin:0 10px 0 0;
}
.topButton.register {
	background-image:url(../images/header-register.gif);
	width:57px;
}
.header .logo {
	background-image:url(../images/site-logo.gif);
	background-repeat:no-repeat;
	display:block;
	height:67px;
	margin:10px auto;
	text-indent:-9999em;
	width:107px;
	cursor:pointer;
	cursor:hand;
}
.promoBadges {
	float:left;
	height:75px;
	margin-bottom:10px;
}
.promoBadges img {
	height:75px;
	margin:0;
}
.promoOne, .promoTwo { 	float:left; }
.promoOne img { width:120px; }
.promoTwo img { width:200px; }
.mainNav {
	background-image:url(../images/mainNav-background.gif);
	background-repeat:repeat-x;
	height:34px;
	display:block;
	clear:both;
	line-height:30px;
}
.mainNav a {
	background-repeat:no-repeat;
	background-position:top;
	height:34px;
	width:188px;
	float:left;
	text-indent:-9999em;
}
.mainNav a:hover,
.mainNav a.active { background-position:bottom; }

.mainNav a.tequila { background-image:url(../images/mainNav-tequila.gif); }
.mainNav a.story { background-image:url(../images/mainNav-story.gif); }
.mainNav a.recipes { background-image:url(../images/mainNav-recipes.gif); }
.mainNav a.planner { background-image:url(../images/mainNav-planner.gif); }
.mainNav a.events { background-image:url(../images/mainNav-events.gif); }

/*footer styles*/
.footer {
	text-align:center;
	margin-bottom:10px;
	border-bottom:1px #000000 solid;
	padding-bottom:10px;
}
.footer a { color:#A2A2A3; }

.footer a:hover { color:#000000; }

.responsibility {
	text-transform:uppercase;
	font-size:1.1em;
	color:#646464;
	font-weight:bold;
	display:block;
	padding:35px 0 2px 0;
}
.responsibility p { padding:0; }
.copyright {
	color:#A2A2A3;
	display:block;
	margin:0 auto;
	width:710px;
	padding:2px 0 0 0;
}
.footerNav { margin:5px 0; }

.footerNav a {
	text-transform:uppercase;
	border-right:1px solid #A2A2A3;
	padding:0 10px;
	text-decoration:none;
}
.footerNav a.last { border-right:none; }

.footerImg { width:95.5px; height:46.5px; }

a { outline:none; }

/*master container styles*/
.content { float:left; }

.mainContent {
	background-repeat:no-repeat;
	background-position:left top;
	padding:190px 0 0 85px;
	width:940px;
	float:left;
	position:relative;
}

	/*background imagery*/
	.mainContent.allProducts,
	.mainContent.products { background-image:url(../images/background-tequila.gif); }
	
	.mainContent.story { background-image:url(../images/background-story.gif); }
	
	.mainContent.planner { background-image:url(../images/background-planner.gif); }
	
	.mainContent.recipe,
	.mainContent.allRecipes { background-image:url(../images/background-recipes.gif); }
	
	.mainContent.events,
	.mainContent.eventGallery { background-image:url(../images/background-events.gif); }
	
	.mainContent.age,
	.mainContent.underage,
	.mainContent.prohibited,
	.mainContent.exit { background-image:url(../images/background-age.gif); }
	
	.mainContent.legal, 
	.mainContent.locator { background-image:url(../images/background-legal.gif); }
	
	.mainContent.contact,
	.mainContent.sendToFriend,
	.mainContent.register { background-image:url(../images/background-contact.gif); }

.mainContent .subNav,
.mainContent .content { float:left; }

.mainContent .subNav { width:100px; margin:12px 10px 0 0; }

.subNav a { 
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	color:#000000;
	text-decoration:none;
	padding:5px 0;
	width:100px;
	line-height:14px;
}
.subNav a:hover,
.subNav a.active { color:#8a8888; }

.subNav a.first { padding-top:15px; }

.mainContent .content {
	width:700px;
	font-size:1.4em;
}
h1.title, .title h1 { text-indent:-9999em; }
img.title, .title img {
	position:absolute;
	top:20px;
	left:323px;
	float:none;
}
input, select, textarea {
	background-color:#000000;
	color:#FFFFFF;
	border:1px solid #000000;
}
a { color:#000000; }
p { padding-bottom:15px; }
em { font-style:italic; }
strong { font-weight:bold; }
h3 { text-transform:uppercase; font-size:1.4em; font-weight:bold; padding:0 0 5px 0; }
ul {
	margin:0 40px;
	list-style-type:disc;
	list-style-position:outside;
	padding:0 0 15px 0;
}
ul ul {
	list-style-type:circle;
	padding:0;
}
ol {
	margin:0 0 0 40px;
	list-style-type:decimal;
	list-style-position:outside;
	padding:0 0 15px 0;
}
ol ol {
	list-style-type:upper-alpha;
	padding:0;
}
ol ul {
	list-style-type:disc;
	padding:0;
}
ul ol {
	list-style-type:upper-alpha;
	padding:0;
}


/*content styles*/
.mainContent.legal,
.mainContent.contact,
.mainContent.age,
.mainContent.underage,
.mainContent.exit,
.mainContent.prohibited,
.mainContent.register,
.mainContent.sendToFriend,
.mainContent.planner { padding-left:0; }

.mainContent.home { padding:0; }

.mainContent.home .content { width:940px; }

.mainContent.legal .content,
.mainContent.contact .content,
.mainContent.register .content,
.mainContent.sendToFriend .content,
.mainContent.age .content,
.mainContent.exit .area,
.mainContent.prohibited .area {
	padding:0 160px;
	width:620px;
}
.mainContent.legal .content.locator {
	padding:0 135px;
	width:693px;
}
.mainContent.planner .content,
.mainContent.thanks .content {
	padding:0 114px;
	width:712px;
}
.mainContent.events .content {margin-top:-40px; }

	/*forms*/
	span.required { 
		display:block;
		padding-bottom:20px;
		text-transform:uppercase;
	}
	.formField {
		width:270px;
		padding:0 80px 20px 0;
		float:left;
		text-transform:uppercase;
	}
		/*column two form fields*/
		.formField.lastName,
		.formField.gender,
		.formField.addressTwo,
		.formField.addressSuite,
		.formField.state,
		.formField.country,
		.formField.emailConfirm,
		.formField.comments,
		.formField.smsOptIn,
		.formField.emailOptIn,
		.formField.postOptIn,
		.formField.occupation,
		.formField.heardFrom,
		.formField.toLinking,
		.formField.linkToUrl,
		.formField.submit,
		.mainContent.legal .formField.phone,
		.mainContent.register .formField.phone.cell { padding-right:0; }
		
	.formField label,
	span.label {
		display:block;
		padding-bottom:5px;
		font-size:0.9em;
	}
	.formField.radio span label,
	.formField.social span label  { display:inline; padding:0 15px 0 5px; }
	.formField.lda label,
	.formField.sendCopy label { display:inline; padding:0 15px 0 0; }
	
	.formField.radio span input,
	.formField.social span input,
	.formField.lda input,
	.formField.sendCopy input { width:15px; margin-top:5px; background-color:#FFFFFF; border:none; }
	
	.formField input {
		width:270px;
	}
	.formField.birthday input.year,
	.formField.birthdate input.year { width:50px; }
	
	.formField.gender select,
	.formField.state select,
	.formField.country select {
		width:270px;
	}
	.formField.comments,
	.formField.smsOptIn,
	.formField.emailOptIn,
	.formField.postOptIn,
	.formField.occupation,
	.formField.heardFrom,
	.formField.captcha,
	.formField.submit,
	.formField.sendCopy,
	.formField.social { width:620px; clear:both; }
	
	.formField.comments input {
		width:620px;
		height:150px;
	}
	.formField.linkingAgree { width:620px; }
	
	input.checkbox { width:20px; float:left; }
	label.checkbox { display:inline; padding:0 20px 0 0; float:left; }
	input.button.submit { width:65px; clear:both; display:block; }
	
		/*contact us form*/
		.mainContent.contact .intro {
			text-indent:-9999em;
			height:124px;
		}
		.mainContent.contact .contactLegal { text-transform:none; }
		.mainContent.contact .contactLegal a:hover { color:#A2A2A3; }
		
		/*age form*/
		.mainContent.age .formField {
			width:165px;
			padding:0;
		}
		.mainContent.age .formField.birthday {
			width:205px;
		}
		.form.lda {
			padding-top:20px;
			margin:0 auto;
			width:565px;
			text-align:center;
		}
		.form.lda .language,
		.form.lda .birthday { margin-left:15px; }
		
		.form.lda .country select,
		.form.lda .language select { width:165px; }
		
		.mainContent.age .submit { width:565px; }
		
		.mainContent.age .submit span {
			display:block;
			padding:20px 0;
			text-transform:uppercase;
			font-weight:bold;
			font-size:1.2em;
		}
		.mainContent.age .submit img { 
			margin:0 auto;
			padding-bottom:40px;
		}
		.form.lda .ldaErrors { padding-bottom:10px; }
		
		/*linking form*/
		.mainContent.linking .formField.phone { padding-right:0; }
		
		/*Product Locator*/
		.locator #mapDataForm
        {
	        font-family:Arial;
	        font-size:12px;
        }
		.locator .locatorIntro {
			text-indent:-9999em;
			width:284px;
			height:83px;
			float:left;
		}
		.locator .locatorImg { float:left; padding-right:10px; }
		.locator .form { width:285px; float:left; padding-top:15px; }
        .locator .locationSearchLink { padding-top:5px; }
		.locator .locationSearchLink,
		.locator .buyNowLink { display:block; }
        .locator .errorValGroup { color:Red; }
		.locator .formField input, .locator .formField select {
			width:200px;
			float:left;
		}
		.locator .formField { padding-bottom:5px; }
		.locator .formField label,
		.locator span.label {
			display:inline;
			padding-bottom:0;
			font-size:0.9em;
			width:60px;
			float:left;
		}
		.locator span.formOr { padding-left:150px; padding-bottom:5px; display:block; }
		.locator span.buttonOr { padding-left:85px; }
		.locator .mapContent { padding:0; }
		
		/*register*/
		.mainContent.register .intro {
			text-indent:-9999em;
			height:162px;
		}
		
		/*send to a friend*/
		.mainContent.sendToFriend .intro {
			text-indent:-9999em;
			height:125px;
		}
		.friendForm .area { clear:both; }
		.friendForm .area.addFriend h3 { padding-bottom:15px; text-decoration:underline; }
		.friendForm .button.submit { margin-top:20px; display:block; }
		.friendForm .area.submit a { padding:0 15px 0 0; }
		.friendForm .formField.lda { width:620px; }

	/*Exit*/
	.mainContent.exit .exitCopy { font-size:1.4em; padding:100px 0; }
	
	/*prohibited*/
	.mainContent.prohibited .prohibitedCopy { font-size:1.4em; padding:100px 0; }

	/*Product Landing*/
	.allProductsCopy p {
		padding:150px 0 0 0;
		width:275px;
		float:left;
	}
	.allProductsImg { float:left; }
	
	/*Products*/
	.mainContent.products .allImages  { float:right; margin-right:10px; }
	.mainContent.products .productImage { width:287px; clear:both; }
	.mainContent.products .productImage h3 {
		text-align:center; 
		padding:0 0 10px; 
		font-size:1.8em;
		font-weight:bold;
	}
	.mainContent.products .productImage img {
		padding-bottom:40px;
	}
	
	.mainContent.products .productDetails {
		padding-top:65px;
		padding-right:176px;
		font-size:1.4em;
	}
	.mainContent.products .productDetails,
	.mainContent.products .locatorLink {
		width:357px;
		float:right;
		position:
	}
	.mainContent.products .locatorLink img { float:right; margin:0; }
	.mainContent.products span { 
		float:right;
		padding:15px 0 30px 0;
		font-weight:bold;
		text-align:right;
	}
	.mainContent.products .recipeButton {
		background-repeat:no-repeat;
		height:27px;
		text-indent:-9999em;
		background-image:url(../images/header-locator.gif);
		width:112px;
		float:right;
		margin:30px 0;
	}
	
	/*Recipe Landing*/
	.mainContent.allRecipes .subNav { width:100px; }
	
	.mainContent.allRecipes .content { width:758px; }
	
	.recipeLanding a {
		background-repeat:no-repeat;
		background-position:top;
		height:307px;
		text-indent:-9999em;
		float:left;
	}
	.recipeLanding a:hover { background-position:bottom; }
	.recipeLanding a.palomas { background-image:url(../images/recipes-land-paloma.jpg); width:191px; }
	.recipeLanding a.margaritas { background-image:url(../images/recipes-land-margarita.jpg); width:236px; }
	.recipeLanding a.classics { background-image:url(../images/recipes-land-classic.jpg); width:171px; }
	.recipeLanding a.mexican { background-image:url(../images/recipes-land-mexican.jpg); width:160px; }
	
	/*Recipes*/
	.mainContent.recipe .subNav { }
	.mainContent.recipe .content { width:550px; padding-top:50px; }
	.mainContent.recipe .recipeDetail { width:225px; float:left; padding:0 30px 0 5px; }
	.recipeDetail .ingredient { font-weight:bold; padding-top:5px; display:block; }
	.mainContent.recipe .instructions { padding:15px 10px 50px 0; }
	.mainContent.recipe .recipeImage { width:288px; float:left; }
	.mainContent.recipe .recipeImage img { }
	.mainContent.recipe .tertiaryNav { 
		width:174px; 
		float:left; 
		margin:50px 0 0 0; 
		padding:10px;
	}
	.tertNavLink { padding-bottom:10px; height:35px; }
	.tertNavLink img { height:35px; float:left; }
	.tertNavLink a { text-transform:uppercase; font-weight:bold; font-size:1.1em; text-decoration:none; display:block; padding-left:35px; }
	.tertNavLink a:hover,
	.tertNavLink a.active { color:#8a8888; }
	.mainContent.recipe a.recipeLink { display:block; padding:0 100px 10px 0; }
	
	/*Story Pages*/
	.mainContent.story .imagery, .mainContent.story .details {
		float:left;
	}
	.mainContent.story .imagery { width:224px; }
	.mainContent.story .details { width:400px; padding:10px 0 0 20px; }
	.mainContent.story  #myGallery{
      position:relative;
      width:225px; /* Set your image width */
      height:330px; /* Set your image height */
      margin-bottom:50px;
    }
    .mainContent.story #myGallery img{
      display:none;
      position:absolute;
      top:0;
      left:0;
    }
    .mainContent.story #myGallery img.active{
      display:block;
    }
	.mainContent.story a.storyLink { margin:10px auto; display:block; }
	.mainContent.story a.storyLink.tv { width:195px; }
	.mainContent.story a.storyLink.art { width:138px; }
	
	/*age and underage pages*/
	.page.age .content {
		margin-top:10px;
		border-top:1px #000000 solid;
		padding-top:10px;
	}
	.mainContent.age .welcomeCopy {
		text-indent:-9999em;
		height:109px;
		width:619px;
		margin:20px auto;
	}
	.mainContent.age .formField.submit { padding-bottom:50px; }
	.mainContent.underage .underageCopy {
		text-indent:-9999em;
		height:152px;
		width:622px;
		padding-bottom:50px;
		margin:20px auto;
	}
	
	/*Party Planner*/
	/* .mainContent.planner .plannerTemp {
		width:712px;
		height:178px;
		text-indent:-9999em;
		padding-bottom:100px;
	} */
	.mainContent.planner .content {
		padding-top:335px;
		padding-bottom:80px; 
	}
	.mainContent.planner a.plannerRegister {
		width:57px;
		display:block;
		margin:0 auto;
	}

	
	/*Thank You*/
	.mainContent.thanks .thankYou {
		width:712px;
		height:220px;
		text-indent:-9999em;
		padding-bottom:100px;
	}
	
	/*Events*/
	.eventListing { border-bottom:1px solid #000000; float:right; width:650px; margin-bottom:20px; margin-right:50px; }
	.eventDetails { width:485px; float:right; }
	.eventThumb { float:right; padding:0 20px 0 0; }
	.galleryLink { padding-bottom:20px; float:right; }
	.eventDetails span { text-transform:uppercase; display:block; font-size:0.8em; }
	.eventLocation { font-style:italic; padding-bottom:15px; }
		/*Event Placeholder*/
		.mainContent.events .content.eventsPlaceholder img { float:left; padding-top:20px; }
		.mainContent.events .content.eventsPlaceholder h3,
		.mainContent.events .content.eventsPlaceholder p { float:left; width:400px; padding-top:20px; }
		
		/*Event Gallery*/
		.mainContent.eventGallery .photoGallery { width:700px; }
		.mainContent.eventGallery .galleryTitle { display:block; margin:0 0 10px 0; }
		.mainContent.eventGallery .galleryDate { text-transform:uppercase; font-weight:bold; }
		.mainContent.eventGallery .galleryImage { width:545px; margin:0 5px 5px 0; float:left; text-align:center; }
		.mainContent.eventGallery .galleryThumbs { width:150px; float:left; }
		.mainContent.eventGallery .galleryThumbLink { 
			cursor:pointer; 
			cursor:hand; 
			font-weight:bold; 
			text-transform:uppercase; 
			width:30px; 
		}
		.mainContent.eventGallery .galleryLinks { display:block; clear:both; }
		.mainContent.eventGallery .forwardLink { float:right; }
		.mainContent.eventGallery .galleryBackButton { 
			text-decoration:underline;
			font-weight:bold;
		}
		.mainContent.eventGallery .galleryCaption { display:block; clear:both; }
	
	/*news*/
	.newsListing { border-bottom:1px solid #000000; float:right; width:650px; margin-bottom:20px; margin-right:50px; }
	.newsDetails { width:485px; float:right; }
	.newsThumb { float:right; padding:0 20px 10px 0; }
	.articleLink, .ringtoneLink { padding-bottom:20px; float:right; }