﻿/*****Reset*****/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body
{
	line-height: 1.5;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
table, td, th
{
	vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
a img
{
	border: none;
}
.colLeft, .colLeft
{
	float: left;
}

/*****Basic Elements*****/
body
{
	font-size: 62.5%;
	color: #c1c1c1;
	background: #000 url(../imgs/bg.gif) repeat-x 0 0;
	font-family: georgia, "times new roman" ,times,serif;
}
body.agegate
{
	background: #000 url(../imgs/agegate/bg.jpg) no-repeat top center;
}
body.agegatelegal
{
	background: #000;
}
h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}
h1
{
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0.5em;
	color: #bca45e;
}
h2
{
	margin-bottom: 0;
}
.productDetail h2
{
	font-size: 2.2em;
	margin: 10px 0 0 0;
	width: 480px;
	float: left;
	color: #bca45e;
}
.productDetail h2.break
{
	margin: -3px 0 0 0px;
	font-size: 22px;
	text-transform: uppercase;
}
.productDetail h3
{
	font-size: 11px;
	color: #bca45e;
	margin: 8px 0 -8px 0;
	text-transform: uppercase;
}
.box .productDetail h2, .box .productDetail h3
{
	width: 300px;
}
.recipeDetail h2
{
	font-size: 1.5em;
	margin: 16px 0 5px 0;
	padding-left: 3px;
	width: 480px;
	float: left;
}
.recipeDetail h3
{
	font-size: 5.5em;
	margin: 0 0 13px 0;
	color: #bca45e;
}
.recipeDetail h3 span
{
	margin-bottom: -6px;
}
h3
{
	font-size: 1.6em;
	line-height: 1;
	margin-bottom: 0;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
	margin: 0;
}
p
{
	margin: 0 0 1.8em;
	line-height: 17px;
}
.legal p span, .privacy p span
{
	color: #bca45e;
	font-weight: bold;
}
.legal p span.title, .privacy p span.title
{
	font-size: 1.3em;
	font-weight: bold;
}
.privacy p.title
{
	margin: 38px 0 1.5em 0;
}
a
{
	overflow: hidden;
	outline: none;
}
a
{
	color: #BCA45E;
	text-decoration: none;
}
a:hover
{
	color: #CF0000;
}
a.backtotop
{
	font-size: 1.3em;
	font-weight: bold;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}
li ul, li ol
{
	margin: 0;
}
.legal .content ol, .agegatelegal .content ol
{
	padding-left: 30px;
}
.legal .content ol li, .agegatelegal .content ol li
{
	color: #bca45e;
}
.legal .content ol li span, .agegatelegal .content ol li span
{
	color: #fff;
}
.legal .content ul, .agegatelegal .content ul
{
	padding-left: 60px;
}
.legal .content ul li, .agegatelegal .content ul li
{
	background: url(../imgs/bullet.gif) no-repeat 0 8px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.legal .content li, .agegatelegal .content li
{
	margin-bottom: 24px;
}
.legal .content li.last, .agegatelegal .content li.last
{
	margin-bottom: 30px;
}
.legal .content li:before, .agegatelegal .content li:before
{
	color: Red;
}
ul, ol
{
	margin: 0;
}
ul
{
	list-style-type: none;
}
.hide
{
	display: none;
}
.first
{
	margin-left: 0;
	padding-left: 0;
}
.last, .footer li.last, .footer .settwo li.last
{
	margin-right: 0;
	padding-right: 0;
}
.top
{
	margin-top: 0;
	padding-top: 0;
}
.bottom
{
	margin-bottom: 0;
	padding-bottom: 0;
}
div.navBody ul li.bottom
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.hidden
{
	visibility: hidden;
}
input
{
	font-family: Georgia;
}
.print
{
	float: left;
	margin-top: 5px;
}
.print a
{
	background: url(../imgs/printbtn.gif) 0 0 no-repeat;
	background-position: 0 0;
	display: block;
	width: 96px;
	height: 26px;
}
.print a:hover
{
	background: url(../imgs/printbtn.gif) 0 0 no-repeat;
	background-position: 0 -26px;
}
.left
{
	float: left;
}
.clear
{
	clear: both;
}
.selected
{
	display: block;
}
.hide
{
	display: none;
}
.show
{
	display: block;
}

/*****Basic Layout*****/
.container
{
	width: 974px;
	margin: 0 auto;
}
.nav
{
	width: 157px;
	margin: 12px 25px 0 0;
}
.content
{
	width: 754px;
	margin-top: 55px;
	color: #9E9E9E;
}
.agegate .content
{
	margin-top: 424px;
	width: 100%;
}
.content .heading
{
	width: 406px;
	margin: 0 auto;
}
.home div.content
{
	width: 950px;
	height: 839px;
	margin-top: 0px;
}
.homepage div.content
{
	width: 950px;
	height: 580px;
	margin-top: 0px;
}
.fourofour div.content
{
	margin-top: 0px;
}
.home div.content, .homepage div.content
{
	position: relative;
}
.legal .content
{
	font-size: 1.3em;
	width: 569px;
}
#flashcontent, .flash, .recipeSelector, .homepagehero
{
	outline: none;
	overflow: hidden;
}
.homepagehero
{
	height: 533px;
	background: #000;
}
.content .holder
{
	height: 674px;
}
.contactholder
{
	height: 550px;
}

.home .flash, .homepage .flash
{
	margin-bottom: 0px;
}
.media .flash
{
	margin-bottom: 50px;
}
.last, div.last
{
	margin-right: 0;
}

.agegatelegal .container
{
	width: 728px;
	margin: 0 auto;
	font-size: 12px;
}
.agegatelegal .content
{
	background: url(../imgs/legal/bg.gif) repeat-y 0 0;
	width: 653px;
	margin: 0;
	padding: 28px 38px 0 37px;
}
.agegatelegal .content.terms p
{
	margin-left: 29px;
}
.agegatelegal .content.terms p.title
{
	margin-left: 0;
}
.agegatelegal p.title
{
	color: #BCA45E;
	font-size: 1.7em;
}
.agegatelegal .content span
{
	color: #BCA45E;
	font-weight: bold;
}
.agegatelegal .content a
{
	font-weight: bold;
}
.agegatelegal .container .footer
{
	background: url(../imgs/legal/footerbg.gif) no-repeat 0 0;
	width: 653px;
	margin: 0;
	padding: 28px 38px 0 37px;
	height: 107px;
}
.agegatelegal .container .footer p
{
	margin: 0;
	padding: 0;
}

.shellTop, .shellBtm
{
	width: 974px;
}
.shellTopLft, .shellTopMiddle, .shellTopRt, .shellBtmLft, .shellBtmMiddle, .shellBtmRt, .shellTop, .shellBtm, .nav, .content, .recipeSelector, .adUnit
{
	float: left;
}
.shellTop .shellTopLft
{
	background: url(../imgs/shell/top-lft.gif) no-repeat 0 0;
	width: 12px;
	height: 12px;
}
.shellTop .shellTopMiddle
{
	background: url(../imgs/shell/top-middle.gif) no-repeat;
	width: 950px;
	height: 12px;
}
.shellTop .shellTopRt
{
	background: url(../imgs/shell/top-rt.gif) no-repeat;
	width: 12px;
	height: 12px;
}
.shellBtm .shellBtmLft
{
	background: url(../imgs/shell/btm-lft.gif) no-repeat;
	width: 12px;
	height: 12px;
}
.shellBtm .shellBtmMiddle
{
	background: url(../imgs/shell/btm-middle.gif) no-repeat;
	width: 950px;
	height: 12px;
}
.shellBtm .shellBtmRt
{
	background: url(../imgs/shell/btm-rt.gif) no-repeat;
	width: 12px;
	height: 12px;
}
.shellBody
{
	background: url(../imgs/shell/bg.gif) repeat-y;
	width: 500px;
	padding: 0 0 50px 23px;
	float: left;
}
.home .shellBody, .homepage .shellBody
{
	width: 962px;
	padding: 0 0 0 12px;
}

/*------------NAVIGATION---------------*/
.logo
{
	position: relative;
	top: 52px;
	left: 4px;
	width: 159px;
}
.home div.nav, .homepage div.nav
{
	position: absolute;
	z-index: 3000;
	left: 11px;
	top: 0;
}
.home div.navTop, .homepage div.navTop
{
	background: url(../images/JC_logo.jpg) no-repeat 0 0;
}


div.navTop
{
	background: url(../imgs/nav/top.gif) no-repeat 0 0;
	width: 157px;
	height: 125px;
}
div.navBody
{
	background: url(../imgs/nav/bg.gif) repeat-y 0 0;
	width: 157px;
	text-align: center;
}
div.navBody ul
{
	padding-left: 11px;
	width: 135px;
}
div.navBody li.navproducts a, div.navBody li.larojena a, div.navBody li.cocktails a, div.navBody li.media a, div.navBody li.facts a
{
	display: block;
	width: 135px;
	height: 22px;
	text-indent: -9999px;
}
div.navBody li.navproducts a
{
	background: url(../imgs/nav/products.gif) no-repeat 0 0;
	background-position: 0 0;
	margin-bottom: 2px;
}
div.navBody li.navproducts a:hover
{
	background-position: 0 -22px;
}
div.navBody li.navproducts a.active
{
	width: 135px;
	height: 29px;
	background-position: 0 -44px;
}
div.navBody li.larojena a
{
	background: url(../imgs/nav/larojena.gif) no-repeat 0 0;
	background-position: 0 0;
	margin-bottom: 2px;
}
div.navBody li.larojena a:hover
{
	background-position: 0 -22px;
}
div.navBody li.larojena a.active
{
	width: 135px;
	height: 29px;
	background-position: 0 -44px;
}
div.navBody li.cocktails a
{
	background: url(../imgs/nav/cocktails.gif) no-repeat 0 0;
	background-position: 0 0;
	width: 135px;
	margin-bottom: 2px;
}
div.navBody li.cocktails a:hover
{
	background-position: 0 -22px;
}
div.navBody li.cocktails a.active
{
	background-position: 0 -44px;
}
div.navBody li.media a
{
	background: url(../imgs/nav/media.gif) no-repeat 0 0;
	background-position: 0 0;
	height: 22px;
}
div.navBody li.media a:hover, div.navBody li.media a.active
{
	background: url(../imgs/nav/media.gif) no-repeat 0 0;
	background-position: 0 -22px;
}
div.navBody li.facts a
{
	background: url(../imgs/nav/tequilafacts.gif) no-repeat 0 0;
	background-position: 0 0;
}
div.navBody li.facts a:hover
{
	background-position: 0 -22px;
}
div.navBody li.facts a.active
{
	background-position: 0 -44px;
}
div.navBody .subnav
{
	margin-top: 4px;
}
div.navBody .subnav ul
{
	padding-left: 0px;
	margin-bottom: 8px;
	width: 135px;
}
div.navBody .subnav li
{
	font-size: 1.2em;
	margin: 0 0 3px 0;
}
div.navBody .subnav li.div
{
	background: url(../imgs/nav/divider.gif) no-repeat 0 0;
	width: 135px;
	height: 1px;
	margin: 4px 0;
}
div.navBody .subnav li a
{
	color: #7e7e7e;
}
div.navBody .subnav li a.active
{
	color: #BCA45E;
}
div.navBody .subnav li a:hover
{
	color: #BCA45E;
	text-decoration: underline;
}
div.navBottom
{
	background: url(../imgs/nav/bottom.gif) no-repeat 0 0;
	width: 157px;
	height: 96px;
	margin-bottom: 6px;
}
.nav div.facts
{
	padding-left: 2px;
}

/*--------------------------AGE GATE---------------------------*/
div.error
{
	float: left;
	color: #d50000;
	font-size: 1.1em;
	width: 100%;
	margin-top: 17px;
}
div.error p
{
	margin: 0;
	padding: 0;
	text-align: center;
}
div.forms
{
	margin-left: 290px;
	width: 425px;
}
div.dropdown, div.dob
{
	float: left;
}
div.dropdown
{
	margin-right: 40px;
	font-size: 13px;
}

span.select
{
	position: absolute;
	width: 180px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 26px;
	padding: 8px 0 0 8px;
	color: #fff;
	background: url(../imgs/agegate/select.gif) no-repeat;
	overflow: hidden;
}
.dob input.month, .dob input.day, .dob input.year
{
	border: none;
	float: left;
	height: 29px;
	padding: 5px 0 0 2px;
	font-size: 20px;
	margin: 0;
	font-family: Georgia;
}
.dob input.month.disabled, .dob input.day.disabled, .dob input.year.disabled
{
	background-color: #CCCCCC;
}
.dob input.month, .dob input.day
{
	width: 41px;
	margin: 0 5px 0 0;
}
.dob input.year
{
	width: 70px;
}
.enter
{
	width: 130px;
	float: left;
	padding-left: 427px;
	margin: 20px 0;
	overflow: hidden;
}
.enter a
{
	display: block;
	background: url(../imgs/agegate/enter.gif) no-repeat 0 0;
	background-position: 0 0;
	width: 130px;
	height: 40px;
	text-indent: -3000px;
}
.enter a:hover
{
	background: url(../imgs/agegate/enter.gif) no-repeat 0 0;
	background-position: 0 -40px;
	height: 40px;
}

ul.rememberme
{
	background: url(../imgs/agegate/remembermebg.gif) no-repeat 0 0;
	width: 742px;
	height: 38px;
	float: left;
	margin: 14px 0 0 100px;
}
ul.rememberme li
{
	margin: 11px 0 0 342px;
}
ul.rememberme li a.btn-radio-large
{
	background: transparent url(../imgs/agegate/remembermebtn.gif) no-repeat scroll left 2px;
	clear: both;
	display: block;
	float: left;
	height: 12px;
	padding: 0 0 2px 18px;
	color: #545454;
}
ul.rememberme li a:hover
{
	color: #bca45e;
}
ul.rememberme li a.btn-radio-large.selected
{
	background: transparent url(../imgs/agegate/remembermebtn-select.gif) no-repeat scroll left 2px;
}
.agegate div.copy
{
	width: 480px;
	margin: 0 auto;
}
.agegate div.copy p
{
	float: left;
	text-align: center;
	font-size: 1.1em;
	color: #545454;
}

/* Tabs
----------------------------------*/
.ui-tabs
{
	width: 736px;
	font-size: 1.2em; /*margin-top:50px*/
}
.recipes .otherdrinks .item .copy p
{
	font-size: 1.2em;
}
.ui-tabs .ui-tabs-nav
{
	float: left;
}
.ui-tabs .ui-tabs-nav li
{
	float: left;
	border-bottom: 0 !important;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ui-tabs .ui-tabs-nav li a
{
	display: block;
	width: 184px;
	height: 61px;
}
.ui-tabs .ui-tabs-nav li a.originsbtn, .ui-tabs .ui-tabs-nav li a.productionbtn
{
	width: 367px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
	padding-bottom: .1em;
	border-bottom: 0;
}
.ui-tabs .ui-tabs-panel
{
	display: block;
	border: 0;
	background: none;
	float: left;
	padding-top: 10px;
	font-size: 1.0em;
}
.ui-tabs .ui-tabs-panel.about, .ui-tabs .ui-tabs-panel.tastingnotes, .ui-tabs .ui-tabs-panel.facts, .ui-tabs .ui-tabs-panel.origins, .ui-tabs .ui-tabs-panel.production
{
	padding: 10px 0 0 20px;
}
.ui-tabs .ui-tabs-hide
{
	display: none !important;
}
#heritage-container .ui-tabs .ui-tabs-hide
{
	position: absolute;
	left: -10000px;
}
.ui-tabs .ui-tabs-panel.origins, .ui-tabs .ui-tabs-panel.production
{
	width: 730px;
	padding: 10px 0 0 0;
}

.ui-state-default a.aboutbtn, .ui-widget-content .ui-state-default a.aboutbtn
{
	background: url(../imgs/tabs/about.gif) no-repeat 0 0;
	background-position: 0 0;
}
.ui-state-hover a.aboutbtn, .ui-widget-content .ui-state-hover a.aboutbtn
{
	background: url(../imgs/tabs/about.gif) no-repeat 0 0;
	background-position: 0 -61px;
}
.ui-state-default a.tastingnotesbtn, .ui-widget-content .ui-state-default a.tastingnotesbtn
{
	background: url(../imgs/tabs/tastingnotes.gif) no-repeat 0 0;
	background-position: 0 0;
}
.ui-state-hover a.tastingnotesbtn, .ui-widget-content .ui-state-hover a.tastingnotesbtn
{
	background: url(../imgs/tabs/tastingnotes.gif) no-repeat 0 0;
	background-position: 0 -61px;
}
.ui-state-default a.recipesbtn, .ui-widget-content .ui-state-default a.recipesbtn
{
	background: url(../imgs/tabs/recipes.gif) no-repeat 0 0;
	background-position: 0 0;
}
.ui-state-hover a.recipesbtn, .ui-widget-content .ui-state-hover a.recipesbtn
{
	background: url(../imgs/tabs/recipes.gif) no-repeat 0 0;
	background-position: 0 -61px;
}
.ui-state-default a.factsbtn, .ui-widget-content .ui-state-default a.factsbtn
{
	background: url(../imgs/tabs/facts.gif) no-repeat 0 0;
	background-position: 0 0;
}
.ui-state-hover a.factsbtn, .ui-widget-content .ui-state-hover a.factsbtn
{
	background: url(../imgs/tabs/facts.gif) no-repeat 0 0;
	background-position: 0 -61px;
}
.ui-state-default a.factsbtn, .ui-widget-content .ui-state-default a.originsbtn
{
	background: url(../imgs/tabs/origins.gif) no-repeat 0 0;
	background-position: 0 0;
}
.ui-state-hover a.factsbtn, .ui-widget-content .ui-state-hover a.originsbtn
{
	background: url(../imgs/tabs/origins.gif) no-repeat 0 0;
	background-position: 0 -61px;
}
.ui-state-default a.factsbtn, .ui-widget-content .ui-state-default a.productionbtn
{
	background: url(../imgs/tabs/production.gif) no-repeat 0 0;
	background-position: 0 0;
}
.ui-state-hover a.factsbtn, .ui-widget-content .ui-state-hover a.productionbtn
{
	background: url(../imgs/tabs/production.gif) no-repeat 0 0;
	background-position: 0 -61px;
}

.ui-state-default a
{
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
{
}
.ui-state-hover a
{
}
.ui-state-active a.aboutbtn, .ui-widget-content .ui-state-active a.aboutbtn
{
	background: url(../imgs/tabs/about_active.gif) 0 0 no-repeat;
}
.ui-state-active a.tastingnotesbtn, .ui-widget-content .ui-state-active a.tastingnotesbtn
{
	background: url(../imgs/tabs/tastingnotes_active.gif) 0 0 no-repeat;
}
.ui-state-active a.recipesbtn, .ui-widget-content .ui-state-active a.recipesbtn
{
	background: url(../imgs/tabs/recipes_active.gif) 0 0 no-repeat;
}
.ui-state-active a.factsbtn, .ui-widget-content .ui-state-active a.factsbtn
{
	background: url(../imgs/tabs/facts_active.gif) 0 0 no-repeat;
}
.ui-state-active a.recipesbtn, .ui-widget-content .ui-state-active a.originsbtn
{
	background: url(../imgs/tabs/origins_active.gif) 0 0 no-repeat;
}
.ui-state-active a.factsbtn, .ui-widget-content .ui-state-active a.productionbtn
{
	background: url(../imgs/tabs/production_active.gif) 0 0 no-repeat;
}
.ui-state-active a
{
}

.ui-icon
{
	width: 20px;
	height: 20px;
}
.ui-widget-content .ui-icon
{
	background-image: url(images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}
.ui-widget-header .ui-icon
{
	background-image: url(images/ui-icons_222222_256x240.png) /*{iconsHeader}*/;
}
.ui-state-default .ui-icon
{
	background-image: url(../imgs/btns/plus.gif) /*{iconsDefault}*/;
}
.ui-state-active .ui-icon
{
	background-image: url(../imgs/btns/minus.gif) /*{iconsActive}*/;
}
.ui-state-highlight .ui-icon
{
	background-image: url(images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
{
	background-image: url(images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

.ui-accordion .ui-accordion-header
{
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	
}
.ui-accordion .ui-accordion-li-fix
{
	display: inline;
}
.ui-accordion .ui-accordion-header-active
{
	border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a
{
	display: block;
	margin-left: 5px;
	padding: 5px .5em .5em 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon
{
	position: absolute;
	left: .5em;
	top: 9px;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content
{
	border-top: 0;
	margin-top: 10px;
	position: relative;
	top: 1px;
	padding-left: 41px;
	overflow: auto;
	display: none;
}
.ui-accordion .ui-accordion-content-active
{
	display: block;
}


.factsTop
{
	background: url(../imgs/nav/factsTop.gif) no-repeat 0 0;
	width: 152px;
	height: 19px;
}
.factsBottom
{
	background: url(../imgs/nav/factsBottom.gif) no-repeat 0 0;
	width: 152px;
	height: 19px;
	margin-bottom: 15px;
}
.factsBody p
{
	font-size: 1.9em;
	color: #BCA45E;
	text-align: center;
	padding: 0 0 0 15px;
	width: 127px;
	margin: 11px 0 24px 0;
}
.factsBody a
{
	margin: 0 0 2px 22px;
}
.factsBody li
{
	list-style-type: none;
	color: #fff;
}

body.reserva .productDetail
{
	background: url(../imgs/products/reserva/reserva.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.margaritas .productDetail
{
	background: url(../imgs/products/margaritas/margaritas.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.especial .productDetail
{
	background: url(../imgs/products/especial/especial.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.clasico .productDetail
{
	background: url(../imgs/products/clasico/clasico.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.tradicional .productDetail
{
	background: url(../imgs/products/tradicional/tradicional.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.black .productDetail
{
	background: url(../imgs/products/black/black.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.platino .productDetail
{
	background: url(../imgs/products/platino/platino.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.drymartini .recipeDetail
{
	background: url(../imgs/fpo/test.jpg) no-repeat 3px 0;
	width: 757px;
	height: 822px;
}
body.reserva.box .productDetail
{
	background: url(../imgs/products/reserva/2009.jpg) no-repeat 0 0;
	width: 754px;
	height: 822px;
}
body.product .productDetail
{
	width: 754px;
	height: 674px;
}
body.box .productDetail
{
	width: 754px;
	height: 822px;
}
body.drymartini .recipeDetail
{
	background: url(http://localhost:1619/cuervo-new/imgs/recipes/dry_martini_test.jpg) no-repeat 0 0;
	width: 757px;
	height: 822px;
}
body.recipe .recipeDetail
{
	background: no-repeat 3px 0;
	width: 757px;
	height: 822px;
}

.productDetail .productinfo, .recipeDetail .recipeinfo
{
	float: left;
	width: 606px;
	margin-top: 6px;
}
.box .productDetail .productinfo
{
	float: left;
	width: 300px;
}
.recipeinfo .recipeinfoback a
{
	background: url(../imgs/backtorecipes.gif) no-repeat 0 0;
	background-position: 0 0;
	height: 14px;
	display: block;
	text-indent: -3000px;
	margin-bottom: 13px;
}
.recipeinfo .recipeinfoback a:hover
{
	background: url(../imgs/backtorecipes.gif) no-repeat 0 0;
	background-position: 0 -14px;
}
.box .productinfo a
{
	width: 300px;
}
.box .productinfo p
{
	margin-top: 65px;
	width: 245px;
	font-size: 1.4em;
	line-height: 21px;
}
.productDetail .viewboxes
{
	float: left;
	width: 124px;
	height: 26px;
	margin: 20px 0 0 0;
}
.box .productDetail .viewboxes
{
	margin: 41px 0 0 35px;
}
.productDetail .viewboxes a
{
	background: url(../imgs/products/viewallboxes.png) no-repeat 0 0;
	background-position: 0 0;
	display: block;
	width: 124px;
	height: 26px;
}
.productDetail .viewboxes a:hover
{
	background: url(../imgs/products/viewallboxes.png) no-repeat 0 0;
	background-position: 0 -26px;
}
.box .productDetail .viewboxes a
{
	background: url(../imgs/products/backtoproductdetail.png) no-repeat 0 0;
	background-position: 0 0;
	display: block;
	width: 124px;
	height: 26px;
}
.box .productDetail .viewboxes a:hover
{
	background: url(../imgs/products/backtoproductdetail.png) no-repeat 0 0;
	background-position: 0 -26px;
}
.productDetail .selectyear
{
	width: 254px;
	float: left;
	margin-top: 41px;
}
.selectyear ul.arrow
{
	float: left;
	margin-top: 1px;
}
.selectyear li.lft a
{
	background: url(../imgs/products/selectyear-lft.gif) no-repeat 0 0;
	background-position: 0 0;
	display: block;
	width: 22px;
	height: 26px;
	margin-right: 16px;
}
.selectyear li.lft a:hover
{
	background: url(../imgs/products/selectyear-lft.gif) no-repeat 0 0;
	background-position: 0 -26px;
	display: block;
}
.selectyear li.rt a
{
	background: url(../imgs/products/selectyear-rt.gif) no-repeat 0 0;
	background-position: 0 0;
	display: block;
	width: 22px;
	height: 26px;
}
.selectyear li.rt a:hover
{
	background: url(../imgs/products/selectyear-rt.gif) no-repeat 0 0;
	background-position: 0 -26px;
	display: block;
}
.recipeinfo p
{
	font-size: 1.2em;
	width: 300px;
	text-transform: uppercase;
	margin-bottom: 19px;
	line-height: 20px;
}
.recipeinfo p.heading
{
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0;
	color: #BCA45E;
	font-weight: bold;
}

.recipeinfo ul
{
	font-size: 1.1em;
	background: url(../imgs/hor-rule.gif) no-repeat 0 20px;
	height: 31px;
	margin-bottom: 8px;
}
.productinfo ul, .box .productinfo ul
{
	font-size: 1.1em;
	background: url(../imgs/hor-rule.gif) no-repeat 0 20px;
	height: 29px;
}
.recipeinfo li a, .productinfo li a
{
	color: #fff;
}
.recipeinfo li a:hover, .productinfo li a:hover, .box .productinfo li a:hover
{
	color: #fff;
}
.recipeinfo li a:hover, .productinfo li a:hover, .box .productinfo li a:hover
{
	color: #cf0000;
}
.recipeinfo li, .productinfo li, .box .productinfo li
{
	display: inline;
}
.recipeinfo li div
{
	display: inline;
	float: left;
}
.recipeinfo li ul
{
	font-size: 1em;
	background: none;
	padding: 0;
	margin: 0;
	display: inline;
}
.recipeinfo li.dash
{
	margin-right: 10px;
	position: relative;
	top: -1px;
}
.recipeinfo li.previous a, .productinfo li.previous a, .box .productinfo li.previous a
{
	background: url(../imgs/previous.gif)no-repeat 0 3px;
	width: 4px;
	height: 7px;
	padding: 0 10px 0 10px;
}
.recipeinfo li.previous a:hover, .productinfo li.previous a:hover, .box .productinfo li.previous a:hover
{
	background: url(../imgs/previous-hover.gif)no-repeat 0 3px;
}
.recipeinfo li.next a
{
	background: url(../imgs/next.gif)no-repeat 80px 3px;
	width: 4px;
	height: 7px;
	padding: 0 20px 0 0;
}
.recipeinfo li.next a:hover
{
	background: url(../imgs/next-hover.gif)no-repeat 98px 3px;
}

.otherdrinks
{
	width: 732px;
}
.otherdrinks .header, .otherdrinks .header img, .otherdrinks .viewdrinks, .otherdrinks .item, .otherdrinks .item img, .otherdrinks .item .copy
{
	float: left;
}
.otherdrinks .header
{
	margin-bottom: 20px;
}
.otherdrinks .viewdrinks a
{
	background: url(../imgs/viewallbtn.gif) no-repeat 0 0;
	width: 91px;
	height: 26px;
	background-position: 0 0;
	display: block;
	text-indent: -3000px;
}
.otherdrinks .viewdrinks a:hover
{
	background: url(../imgs/viewallbtn.gif) no-repeat 0 0;
	background-position: 0 -26px;
}
.otherdrinks .item
{
	width: 244px;
}
.search .otherdrinks .item
{
	margin-bottom: 30px;
}
.otherdrinks .item img
{
	margin-right: 2px;
}
.otherdrinks .item.last
{
	margin-right: 0;
}
.otherdrinks .item .copy
{
	margin-top: 35px;
	width: 142px;
}
.otherdrinks .item .copy p
{
	font-size: 1.3em;
	margin: 16px 0 0 0;
}
.otherdrinks .item .copy p a
{
	color: #BCA45E;
	font-weight: bold;
}
.otherdrinks .item .copy p a:hover, .otherdrinks .item .copy p a:hover
{
	color: #CF0000;
}

.recipes .more a
{
	text-align: center;
	text-decoration: underline;
	color: #808080;
	font-weight: bold;
	background: url(../imgs/tabs/more_bg.gif) no-repeat 0 3px;
	float: left;
	width: 730px;
	margin-top: 23px;
}
.recipes .more a:hover
{
	color: #BCA45E;
}
.search .flash
{
	height: 655px;
}
.search ul.browse
{
	background: url(../imgs/recipes/search/searchbg.jpg) no-repeat 0 0;
	width: 644px;
	height: 41px;
	padding: 12px 0 0 90px;
	margin: 4px 0 0 0;
}
.search ul.browse li, .box ul.browse li
{
	display: inline;
	margin-right: 13px;
	float: left;
}
.search ul.browse li .links li, .box ul.browse li .links li
{
	float: none;
}
.search ul.browse li.products, .search ul.browse li.drink, .box ul.browse li.drink
{
	position: relative;
}
.search ul.browse li.apply
{
	margin-right: 27px;
}
.search ul.browse li.apply a
{
	background: url(../imgs/recipes/search/apply.gif) no-repeat 0 0;
	background-position: 0 0;
	width: 67px;
	height: 27px;
	display: block;
	text-indent: -3000px;
}
.search ul.browse li.apply a:hover
{
	background: url(../imgs/recipes/search/apply.gif) no-repeat 0 0;
	background-position: 0 -27px;
}
.search ul.browse li.view a
{
	background: url(../imgs/recipes/search/viewall.gif) no-repeat 0 0;
	background-position: 0 0;
	width: 87px;
	height: 27px;
	display: block;
	text-indent: -3000px;
}
.search ul.browse li.view a:hover
{
	background: url(../imgs/recipes/search/viewall.gif) no-repeat 0 0;
	background-position: 0 -27px;
}
.search ul.browse li.last
{
	margin-right: 0;
}
.search div.productsdropdown, .search div.drinkdropdown, .box div.drinkdropdown
{
	position: absolute;
	top: 0;
}
.search div.drinkdropdown, .box div.drinkdropdown
{
	right: 0px;
}
.search div.productsdropdown .links
{
	background: url(../imgs/recipes/search/recipe-dropdown.png) no-repeat 0 0;
	width: 244px;
	position: relative;
	z-index: 1;
}
.search div.productsdropdown div.dropdownfooter
{
	background: url(../imgs/recipes/search/recipe-dropdown-footer.png) no-repeat 0 0;
	width: 244px;
	height: 14px;
}
.search div.drinkdropdown .links, .box div.drinkdropdown .links
{
	background: url(../imgs/recipes/search/drink-dropdown-bg.png) no-repeat 0 0;
	width: 177px;
	position: relative;
	z-index: 1;
}
.dropdownfooter
{
	background: url(../imgs/recipes/search/drink-dropdown-bottom.png) no-repeat 0 0;
	width: 177px;
	height: 12px;
}
.search a.pref-text, .box a.pref-text
{
	width: 162px;
	height: 23px;
	display: block;
	padding: 4px 0 0 15px;
	color: #a7a7a7;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	z-index: 100;
}
.search ul.browse li.products a.pref-text, .box ul.browse li.products a.pref-text
{
	width: 228px;
	height: 23px;
	display: block;
	padding: 4px 0 0 15px;
	color: #a7a7a7;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	z-index: 100;
}
.search a.closed, .box a.closed
{
	background: url(../imgs/recipes/search/btn.gif) no-repeat 0 0;
	width: 228px;
	height: 21px;
	display: block;
	padding: 6px 0 0 15px;
	color: #a7a7a7;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	z-index: 100;
}
.search ul.browse li.drink a.closed
{
	background: url(../imgs/recipes/search/drinksbtn.gif) no-repeat 0 0;
	width: 162px;
	height: 23px;
	display: block;
	padding: 4px 0 0 15px;
	color: #a7a7a7;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	z-index: 100;
}
.box ul.browse li.drink a.closed
{
	background: url(../imgs/recipes/search/drinksbtnbox.gif) no-repeat 0 0;
	width: 162px;
	height: 21px;
	display: block;
	padding: 6px 0 0 15px;
	color: #a7a7a7;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	z-index: 100;
}
span.class
{
	position: absolute;
	z-index: 2000;
	top: 3px;
}
li.products div.productsdropdown .links ul, li.drink div.drinkdropdown .links ul
{
	padding: 35px 0 0 14px;
	font-size: 1.2em;
}
li.products div.productsdropdown .links ul a, li.drink div.drinkdropdown .links ul a
{
	color: #a7a7a7;
}
li.products div.productsdropdown .links ul a:hover, li.drink div.drinkdropdown .links ul a:hover
{
	color: #BCA45E;
}
li.products div.productsdropdown .links ul li, li.drink div.drinkdropdown .links ul li
{
	border-bottom: 1px solid #3A3A3A;
	display: block;
	padding: 2px 0;
	width: 215px;
}
li.drink div.drinkdropdown .links ul li
{
	width: 145px;
}
li.products div.productsdropdown .links ul li.last, li.drink div.drinkdropdown .links ul li.last
{
	border-bottom: none;
}


/*----------------SEARCH RESULTS-------------------------*/
.search .resultstext p
{
	font-size: 1.5em;
	margin-top: 16px;
}
.search .resultstext p span
{
	color: #bb9f58;
}
.search .pagination
{
	width: 533px;
	float: left;
	padding-left: 200px;
}
.search .pagination li
{
	display: inline;
	float: left;
}
.search .pagination li a
{
	padding: 5px;
	font-size: 14px;
	color: #fff;
}
.search .pagination li a:hover
{
	text-decoration: none;
	color: #bca45e;
}
.search .pagination li a.current
{
	color: #bca45e;
}
.search .pagination li a img
{
	padding: 0;
}
.search .paginationlft, .paginationrt
{
	float: left;
	margin: 8px 3px 0 0;
}
.search .paginationrt
{
	margin-left: 3px;
}
.search .paginationlft a
{
	background: url(../imgs/recipes/search/pagination-arrow-lft.gif) no-repeat 0 0;
	width: 6px;
	height: 8px;
	background-position: 0 0;
	display: block;
	float: left;
}
.search .paginationlft a:hover
{
	background: url(../imgs/recipes/search/pagination-arrow-lft.gif) no-repeat 0 0;
	background-position: 0 -8px;
}
.search .paginationrt a
{
	background: url(../imgs/recipes/search/pagination-arrow-rtt.gif) no-repeat 0 0;
	width: 6px;
	height: 8px;
	background-position: 0 0;
	display: block;
	float: left;
}
.search .paginationrt a:hover
{
	background: url(../imgs/recipes/search/pagination-arrow-rtt.gif) no-repeat 0 0;
	background-position: 0 -8px;
}

.about p, .facts li
{
	font-size: 1.2em;
	line-height: 21px;
}
.about p
{
	width: 550px;
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 1.8em;
}
.about p.last
{
	margin-right: 0;
}

.facts li
{
	width: 540px;
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 1.8em;
	display: block;
	background: url(../imgs/bullet.gif) no-repeat 0 8px;
	padding: 0 0 0 10px;
}
.facts li.last
{
	margin-right: 0;
}

.tastingnotes .item, .tastingnotes .item .img, .tastingnotes .item .copy, .media .item, .media .item .img, .media .item .copy
{
	float: left;
}
.tastingnotes .item
{
	margin-bottom: 15px;
	margin-right: 0px;
	float: left;
}
.tastingnotes .item.last, .media .item.last
{
	margin-right: 0px;
}
.tastingnotes .item .img img
{
	border: 1px #3e3e3e solid;
}
.tastingnotes .item .copy
{
	width: 235px;
	padding-left: 10px;
	margin-right: 56px;
}
.tastingnotes .item .copy p
{
	margin: 0;
	font-size: 1.2em;
}
.tastingnotes .item .copy p span, .media .item .copy p span
{
	color: #bca45e;
	font-weight: bold;
}
.media .item
{
	margin-bottom: 33px;
	margin-right: 59px;
}
.media .item img
{
	margin-right: 14px;
}
.media .item .copy
{
	font-size: 1.1em;
	font-weight: bold;
	width: 182px;
}
.media .item .copy p
{
	font-weight: normal;
	margin: 0;
}
.media .item .copy a
{
	color: #bca45e;
	font-weight: bold;
}

.tequilafacts .content p, .contactus .content p
{
	width: 635px;
	font-size: 1.3em;
	line-height: 22px;
}
.tequilafacts p span
{
	font-size: 16px;
	color: #bca45e;
	text-transform: uppercase;
}

.agegate .footer p
{
	margin: 3px 30px 0 0;
}
.agegate .footer .footercopy
{
	background: url(../imgs/footer/agegatefooter.gif) no-repeat 0 0;
	width: 666px;
	height: 86px;
	padding: 7px 0 0 12px;
	margin: 0;
}
.agegate .footer .footerBtn
{
	background: url(../imgs/footer/agegatefooterbr-btn.gif) no-repeat 0 0;
	float: left;
	height: 67px;
}
.agegate .footer .footerBtn li.sites div.dropdown
{
	bottom: 27px;
}
.footer
{
	width: 974px;
	position: relative;
	float: left;
	margin: 21px 0 21px 0;
	font-size: 1em;
	color: #767676;
}
.footer div.setone
{
	background: url(../imgs/footer/footer-links-bg.gif) no-repeat 0 0;
	width: 975px;
	height: 36px;
	float: left;
}
.footer div.settwo
{
	background: url(../imgs/footer/settwobg.gif) no-repeat 0 0;
	width: 673px;
	height: 36px;
	float: left;
}
.footer ul
{
	padding: 11px 0 0 18px;
}
.footer li
{
	display: inline;
	list-style-type: none;
	padding: 0 26px 0 0;
}
.footer li a
{
	color: #767676;
	text-decoration: none;
}
.footer li a:hover
{
	color: #767676;
	text-decoration: underline;
}
.footer .footercopy
{
	background: url(../imgs/footer/copybg.gif) no-repeat 0 0;
	width: 635px;
	height: 82px;
	float: left;
	padding: 10px 26px 0 17px;
}
.footer .footercopy p
{
	font-size: 10px;
	margin-bottom: 0;
}
.footer .footerBtn
{
	background: url(../imgs/footer/sitesbg.gif) no-repeat 0 0;
	width: 270px;
	height: 66px;
	float: left;
	padding: 26px 0 0 26px;
}
.footer .footerBtn ul
{
	padding: 0;
}
.footer .footerBtn li.sites div.dropdown
{
	position: absolute;
	bottom: 26px;
	right: -14px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	/* Safari 3.0 and Chrome rules here */
	.footer .footerBtn li.sites div.dropdown
	{
		right: -15px;
	}
}
.footer .setone li.newsletter div.dropdown
{
	position: absolute;
	bottom: 89px;
	left: -2px;
}
.footer .setone li.newsletter.error div.dropdown
{
	position: absolute;
	bottom: 76px;
	left: -2px;
}
.footer .footerBtn li.sites div.dropdown .links
{
	background: url(../imgs/footer/joseCuervoSitesOverlay.png) no-repeat 0 0;
	width: 247px;
	height: 151px;
}
.footer .setone li.newsletter div.dropdown .links
{
	background: url(../imgs/footer/newsletteroverlay.png) no-repeat 0 0;
	width: 273px;
	height: 146px;
	padding: 13px 13px 0 11px;
}
.footer .setone li.newsletter.error div.dropdown .links
{
	background: url(../imgs/footer/newsletteroverlay-error.png) no-repeat 0 0;
	width: 273px;
	height: 179px;
	padding: 13px 13px 0 11px;
}
.footer .setone li.newsletter div.dropdown .links .title, .footer .setone li.newsletter div.dropdown .links .close
{
	float: left;
}
.footer .setone li.newsletter div.dropdown .links .close a
{
	background: url(../imgs/footer/close.gif) no-repeat 0 0;
	width: 18px;
	height: 18px;
	background-position: 0 0;
	display: block;
}
.footer .setone li.newsletter div.dropdown .links .close a:hover
{
	background: url(../imgs/footer/close.gif) no-repeat 0 0;
	background-position: 0 -18px;
}
.footer .setone li.newsletter div.dropdown .links .title
{
	margin-right: 157px;
}
.footer .setone li.newsletter div.dropdown .links p
{
	margin: 10px 0 20px 2px;
	float: left;
}
.footer .setone li.newsletter div.dropdown .links .form input
{
	width: 195px;
	height: 18px;
	padding: 3px 2px;
	float: left;
	border: none;
	margin: 1px 3px 0 0;
}
.footer .setone li.newsletter div.dropdown .links .form .submit a
{
	background: url(../imgs/footer/submit.gif) no-repeat 0 0;
	width: 69px;
	height: 29px;
	background-position: 0 0;
	display: block;
	float: left;
	text-indent: -3000px;
}
.footer .setone li.newsletter div.dropdown .links .form .submit a:hover
{
	background: url(../imgs/footer/submit.gif) no-repeat 0 0;
	background-position: 0 -29px;
}
.footer div.error
{
	margin-top: 10px;
	font-weight: bold;
}
li.sites div.dropdown .links ul
{
	padding: 13px 0 0 17px;
}
li.sites div.dropdown .links ul li
{
	border-bottom: 1px #3a3a3a solid;
	display: block;
	width: 210px;
	padding: 2px 0;
}
li.sites div.dropdown .links ul li.last
{
	border-bottom: none;
}

li.newsletter div.dropdown .links ul
{
	padding: 13px 0 0 17px;
}
li.newsletter div.dropdown .links ul li
{
	border-bottom: 1px #3a3a3a solid;
	display: block;
	width: 210px;
	padding: 2px 0;
}
li.newsletter div.dropdown .links ul li.last
{
	border-bottom: none;
}

div.border
{
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid #eee;
}
div.colborder
{
	padding-right: 24px;
	margin-right: 25px;
	border-right: 1px solid #eee;
}

.contactus div.content
{
	width: 542px;
}
.contactus p span
{
	color: #bca45e;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.contactus .phone
{
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}

hr
{
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}
hr.space
{
	background: #fff;
	color: #fff;
}
.hr-larojena
{
	background: url(../imgs/larojena_div.gif) no-repeat scroll 0 0;
	clear: both;
	float: left;
	height: 1px;
	width: 725px;
	margin: 10px 0 10px 0;
}
.hr-larojena hr
{
	display: none;
}
.clearfix:after, .container:after
{
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clearfix, .container
{
	display: block;
}
.clear
{
	clear: both;
}

p.full
{
	width: auto;
}
p.bold
{
	font-weight: bold;
}

.agegatelegal .content .privacy ol, .legal .content .privacy ol
{
	padding-left: 0px;
	list-style-type: none;
}

li a.minus
{
	background: url(../imgs/btns/minus.gif) no-repeat 0 0;
	display: block;
	padding: 0 0 0 28px;
	outline: none;
}
li a.plus
{
	background: url(../imgs/btns/plus.gif) no-repeat 0 0;
	display: block;
	padding: 0 0 0 28px;
	outline: none;
}

.toggle ul
{
	padding-left: 20px;
}
.toggle li
{
	float: left;
}
.toggle li a span
{
	font-size: 14px;
	margin-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.toggle div.showhide
{
	float: left;
	padding-left: 53px;
	margin: 10px 0 0 0;
}
div.col
{
	float: left;
	margin-right: 33px;
	width: 300px;
}
div.col.text
{
	width: 323px;
	font-size: 13px;
}
div.last
{
	margin-right: 0;
}


#heritage-container div.flash
{
	width: 300px;
}

.ui-widget .acc-holder
{
	width: 730px;
	float: left;
}
.accordion-setone h3, .accordion-settwo h3
{
	font-size: 14px;
	margin-left: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

