/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

body, .text { font-size: 12px} 
html, body, p, .text { font-family: Arial, Helvetica, sans-serif; color: #555; }
#main_body { padding: 0px; margin: 0px; background: #617423;; }
#mainBG{background: url(../images/bg.gif) repeat 0 0;padding-bottom:15px;float:left;width:100%}
#main_body_home { padding: 0px; margin: 0px; background: #617423 url(../images/home/bg.jpg) repeat-x center top; }
#main_container { width: 980px; margin-right: auto; margin-left: auto; }
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}
.FTPTable td { padding:5px 0;}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.65em}
h1 {font-size: 1.85em; line-height: 1em; color: #2d510b; font-weight: normal; margin:0px 0px 10px 0px; }
h2 {font-size: 1.42em; line-height: 1.2em; color: #2d510b; font-weight: normal; margin:20px 0px 5px 0px; }
h3 {font-size: 1.35em; line-height: 1.2em; color: #2d510b; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.35em; line-height: 1.2em; color: #2d510b; font-weight: normal; margin:5px 0px 10px 0px; padding-top:5px; border-top: solid 1px #c0c7a7; }
h5 {font-size: 1.2em; line-height: 1.2em; color: #2d510b; font-weight: normal; margin:0px 0px 0px 0px; }
.textColor {color: #2d510b}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; margin-top: 0px; padding-left: 18px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; margin-left: 15px; }

a:link, a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color: #f37422; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #617423; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #c0c7a7; border-right: 0px; border-bottom: 0px; border-left: 0px; }

.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #c0c7a7; font-size: 11px; line-height:13px; color: #666666;background: url(../images/formboxBG.gif) no-repeat 0 0; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#fff}
.formtextarea { padding: 2px 0px; background-color:#fff}
.formselect { padding: 0; }
.formselect option {padding:0 3px; background:#fff;}
.formbutton { padding: 2px 3px; background: #f37422; cursor:pointer; border:none; color:#fff; font-weight:bold; }

.nobr { white-space: nowrap }
td { empty-cells:show;}
.topImage { float:right; margin:-87px -60px 10px 20px; clear:right}
.photoright { float:right; margin:0px 0px 10px 20px; clear:right }
.photoleft { float:left; margin:0px 20px 10px 0px; clear:left}
.phototreatment {}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:630px; overflow:hidden; padding:53px 60px 0 30px; background:url(../images/content_bg.gif) no-repeat 0 23px; }
.header { padding-right:13px;}
.mainTD { padding:0 0 0 30px; }
.mainTD_home { padding:0 0 0 45px; }
.leftNav { width:200px; float:left; margin-right:30px; padding-top:25px; }
.contentContainer { width:720px; float:left;}

/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { float:right; clear:right; width:378px; height:41px; text-align:right; line-height:12px; background:url(../images/t0_bg.gif) no-repeat right top; padding:15px 23px 0 0 }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#617423; }
/* ON */.Tier0 a:hover, .Tier0 a:active { color:#f47521 }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#f47521;}
.Tier0 a.cart{background:url(../images/icons/inline/cart_orange.gif) no-repeat 0 3px;padding-left:14px}
.Tier0 a.login{background:url(../images/icons/inline/login_orange.gif) no-repeat 0 2px;padding-left:11px}


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { width:743px; float:right; clear:right; margin-top:9px;z-index:700; font-size:0; line-height:0;}


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px; padding: 0px;margin: 1px 0 0 0;border: none;position: absolute;z-index: 800;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #617423;background: #fff;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}


/*----- SIDE NAVIGATION ELEMENTS -----*/
.tier2Top { width:200px; height:25px; float:left; background: url(../images/navigation/tier2_top.gif) no-repeat 0 0; font-size:0; line-height:0;}
.tier2bottom { width:200px; height:25px; float:left; background: url(../images/navigation/tier2_bottom.gif) no-repeat 0 0; font-size:0; line-height:0; }

/* ul */.SideNav { list-style-type: none; margin:0; padding:0; background:url(../images/navigation/Tier2_rep.gif) repeat-y 0 0; float:left;}
.SideNav li { margin:0; display:inline;}
.SideNav li ul li { background:none; }
.SideNav li ul { margin-top:5px; float:left;}

/* OFF li */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { width:150px;padding:7px 32px 13px 18px; float:left;text-decoration:none;color:#fff;display:block;background: #f37422; font-size: 13px; line-height: 15px;}
/* OFF HOVER li */.Tier2_Inactive a:hover, .Tier2_Inactive a:active { background:url(../images/navigation/nav.gif) no-repeat 0 0;}
/* ON li */.Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active { width:150px;padding:7px 32px 0 18px; float:left; display:block;background:url(../images/navigation/nav.gif) no-repeat 0 -100px; }
/* ON li */.Tier2_Active { text-decoration:none; padding:0 0 13px 0; color:#617423;background:url(../images/navigation/tier3_bottom.gif) no-repeat left bottom; font-size: 13px; line-height: 15px;}
.Tier2_Inactive { padding:0; float:left;}
.SideNav li.Tier2_Active {display:block; float:left;}

/* OFF li */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:143px;padding:4px 24px 4px 33px; float:left;text-decoration:none;color:#617423;display:block;background:url(../images/navigation/nav.gif) no-repeat 0 -200px; font-size: 11px; line-height: 13px; font-weight:normal;}
/* OFF HOVER li */.Tier3_Inactive a:hover, .Tier3_Inactive a:active { background:url(../images/navigation/nav.gif) no-repeat 0 -300px; font-weight:normal;}
/* ON li */.Tier3_Active a:link, .Tier3_Active a:visited { width:143px;padding:4px 24px 4px 33px; float:left;text-decoration:none;color:#f37422;display:block;background:url(../images/navigation/nav.gif) no-repeat 0 -300px; font-size: 11px; line-height: 13px; font-weight:normal; }


/*----- PAGE ELEMENTS -----*/

.ShareLinks { margin-top:60px; clear:both; }

.FooterContainer_home { background:#617423;}
.FooterContainer { border-top:47px solid #f37422; background:#617423;float:left;width:100%;padding-bottom:20px}
.FooterContainer table, .FooterContainer_home table { width:980px; }
.Footer { color: #ffd965; font-size: 11px; line-height: 16px; padding:8px 0 40px 25px;}
.Footer p{color:#ffd965; font-size:11px; line-height:16px;margin-bottom:5px}
.Footer a:link, .Footer a:visited, .AuthorizeNetSeal a:link, .AuthorizeNetSeal a:visited { color: #fff; text-decoration:none; }
.Footer a:hover, .Footer a:active, .FooterContainer a:hover, .FooterContainer a:active, .AuthorizeNetSeal a:hover, .AuthorizeNetSeal a:active { color: #f37422; text-decoration:none; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:none; color:#f37422;}
.fatFooter{margin-top:12px;width:950px;margin-left:auto;margin-right:auto}
.fatFooter td{ vertical-align:top}
.contact, .offerings{padding-top:8px}
.offerings{border-right:1px solid #89975a;padding-right:10px}
.contact{color:#ffd965;font-size:11px;line-height:14px;}
.contact .title, .offerings .title{color:#fff;font-size:14px;line-height:16px;padding-bottom:5px;display:inline-block}
.contact a{color:#fff}
.offerings ul li{display:inline;background:none;padding:0;margin:0;}
.offerings ul li a{display:block;background:url(../images/footer_arrow.gif) no-repeat 0 4px;padding:2px 0 2px 13px;font-size:11px;line-height:13px;color:#ffd965}
.social{padding:23px 0 0 40px}
.ws{padding-top:23px; text-align:right}

.AuthorizeNetSeal { width:90px; height:72px; background: url(//verify.authorize.net/anetseal/seal.js)}

.home_buttons { position:absolute; margin:497px 0 0 510px; width:420px; }
.home_buttons img{ float:left; margin-right:33px; }


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */
.applicationNotes { border-top:1px solid #99aec9; border-bottom:1px solid #99aec9; clear:both; margin:3px 0 20px 0; }
.applicationNotes .odd { background:#efefef;}
.applicationNotes .even { background:#ffffff;}
.applicationNotes a:link, .applicationNotes a:visited { width:575px; padding:7px 20px 7px 35px; background-repeat:no-repeat; background-position:10px 5px; display:block; font-size:12px; line-height:15px; text-decoration:none;}
.applicationNotes a:link em, .applicationNotes a:visited em { font-size:11px; line-height:15px; color:#000; }
.applicationNotes a:hover, .applicationNotes a:active { width:575px; padding:7px 20px 7px 35px; background-repeat:no-repeat; background-position:10px 5px; background-color:#666666; color:#fff; display:block; font-size:12px; line-height:15px; text-decoration:none;}
.applicationNotes a:hover em, .applicationNotes a:active em { font-size:11px; line-height:15px; color:#fff;}

.nutritionTable { margin:0 0 10px; width:80%; clear:both}
.nutritionTable td { vertical-align:top}
.nutritionLeft { width:1%; padding:0 30px 0 0}

.topImage em, .getRipe { float:left}
.getRipe {margin-left:32px}
.topImage em {font-size:.9em; margin:10px 0 0 10px}

.recipeList a{display:block;cursor:pointer;padding:15px 10px 15px 10px;width:610px;border-bottom:1px solid #dfe3d3}
.recipeList a .thumb{width:120px;height:120px;overflow:hidden;display:block;margin-right:15px;float:left;background-position:center center;background-repeat:no-repeat}
.recipeList a .title{color:#2d510b;font-size:15px;line-height:17px;text-transform:uppercase;background:url(../images/icons/16x16/bullet.gif) no-repeat -2px 12px;padding:12px 0 8px 16px;display:inline-block}
.recipeList a:hover, .recipeList a:active{background:url(../images/category_highlight.gif) repeat-y 0 0}
.recipeList a .clear{width:630px;display:block;clear:both;height:1px}

.videoIMG{width:320px;float:left;margin-right:25px;overflow:hidden}
.mixingInstructions{margin-top:35px;margin-bottom:40px;background:#e7eade url(../images/mixing_instructions_top.gif) no-repeat 0 0;width:630px;}
.mixingInstructions .bottom{width:580px;padding:20px 30px 10px 20px;background: url(../images/mixing_instructions_bottom.gif) no-repeat 0 bottom;}
.mixingInstructions .title{font-size:17px;line-height:19px;color:#2d510b;}
.mixingInstructions ol{padding-left:20px}
.mixingInstructions ol li{color:#f37422;margin-bottom:15px;line-height:15px}
.mixingInstructions ol li span{color:#555}

.recipeIntro{margin:25px 0 30px 0}
.perfectMix{width:285px;float:left}
.perfectMix table{margin:10px 0 15px 0}
.equipment, .glass{text-align:right;padding-right:10px;padding-left:12px;font-size:13px;line-height:17px}
.equipmentList, .glassType{font-size:13px;line-height:17px;text-transform:uppercase;color:#f37422}
.perfectMix ul{border-bottom:1px solid #dfe3d3;}
.perfectMix ul li {display:block;border-top:1px solid #dfe3d3;background:url(../images/ingredient_arrow.gif) no-repeat 10px 8px;padding:5px 10px 5px 26px;font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:15px;color:#000}

.homeLeft{width:300px;margin-right:30px;float:left}
.homeRight{width:613px;float:left;margin-right:-20px;margin-bottom:20px}
.featuredRecipeTop{width:613px;height:345px;overflow:hidden;position:relative}
.featuredRecipe{padding:0 50px 30px 68px;background:url(../images/home/featured_recipe_bg.png) no-repeat 7px bottom}
.featuredRecipe .title{font-size:20px;color:#2d510b;text-transform:uppercase;font-weight:bold;display:block;margin-bottom:15px}
.featuredRecipe .right .title{font-size:17px;color:#2d510b;text-transform:none;font-weight:bold;display:block;margin-bottom:5px;padding-left:8px}
.featuredRecipe .left p, .featuredRecipe .left{font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:22px;color:#000}
.buttons{margin-top:22px;margin-left:-5px}
.featuredRecipe .left{width:295px;float:left;margin-right:30px;}
.featuredRecipe .right{width:170px;float:left;background:url(../images/home/line_bg.gif) repeat-y 0 0;min-height:200px}
.featuredRecipe .right ul li{font-family:Verdana, Geneva, sans-serif;font-size:13px;line-height:24px;color:#000;margin:0 0 1px 0;background:url(../images/ingredient_arrow.gif) no-repeat 7px 8px;padding-left:25px}
.overlay{width:613px;position:absolute;left:0;top:0;z-index:600;}
.videoStill{width:300px;height:200px;position:absolute;left:33px;top:79px;z-index:500;display:block}
.videoLink{width:304px;height:172px;position:absolute;left:39px;top:105px;z-index:700;display:block}
.welcome{padding:37px 0 10px 13px}
.welcome h1{font-size:12px;color:#333;font-weight:bold;margin:0 0 5px 0;}
.largeTitle{color:#284d06;font-size:17px;line-height:26px;font-weight:bold;margin-bottom:20px;display:block}
.largeTitle span{color:#f37422}

.drinkMixes{margin-bottom:-44px;width:985px;margin-left:auto;margin-right:auto}
a.margarita{width:169px;height:41px;display:block;background:url(../images/home/agave_margarita.gif) no-repeat 0 0;float:right}
a.margarita:hover, a.margarita:active{background:url(../images/home/agave_margarita-hover.gif) no-repeat 0 0}
a.bloodyMary{width:242px;height:41px;display:block;background:url(../images/home/bloody_mary.gif) no-repeat 0 0;float:right}
a.bloodyMary:hover, a.bloodyMary:active{background:url(../images/home/bloody_mary-hover.gif) no-repeat 0 0}
a.agaveSour{width:162px;height:41px;display:block;background:url(../images/home/agave_sour.gif) no-repeat 0 0;float:right}
a.agaveSour:hover, a.agaveSour:active{background:url(../images/home/agave_sour-hover.gif) no-repeat 0 0}
a.mojito{width:145px;height:41px;display:block;background:url(../images/home/agave_mojito.gif) no-repeat 0 0;float:right}
a.mojito:hover, a.mojito:active{background:url(../images/home/agave_mojito-hover.gif) no-repeat 0 0}

.homeFooterTop{width:100%;height:44px;background:#f37422;padding-top:3px;}
.facebook{background:url(../images/home/facebook_bg.png) no-repeat 0 0;width:320px;height:300px;padding:10px 0 20px 10px}

.facebookLike{float:right;margin:0 0 30px 40px}


/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */