*{padding:0; border: none; margin: 0;}
body,html{margin:0 auto; background:#000000; font-family:arial; font-size:14px;}
p{line-height:18px;}
body{height:100%;}
html{height:100%;}

/**/
.homepage{background:url(../images/en_bittersBg.jpg) no-repeat top center;}
.int{background:url(../images/en_int_bittersBg.jpg) no-repeat top center; min-height:600px;}

/**/
h1{margin:0px; padding:0px 0px 15px 0px; color:#dbac3b; background:url(../images/ui_h1.png) no-repeat bottom; width:610px; font-size:44px; line-height:44px; font-family:arial black, arial; font-weight:bold; text-transform:uppercase;}
h1 sup {height: 0; line-height: 1; vertical-align: top; _vertical-align: top; position: relative; font-size:14px;}
h2{text-transform:uppercase; color:#000000; background:#dbac3b; padding:0px 0px 0px 5px; font-family:arial black, arial; font-weight:bold; font-size:14px;}
h3{text-transform:uppercase; color:#e25749; font-family:arial black, arial; font-weight:bold; font-size:14px;}
.quote{font-size:18px; font-style:italic; text-align:center; color:#FFFFFF; line-height:24px;}

/*SHARED*/
.clear{margin:0; clear:both;}
.adjust20{height:20px;}
.adjust40{}
.yellow{color:#DBAC3B;}
.bold{font-weight: bold;}
.hide{display:none;}

a{outline:none;}
a:link, a:active, a:visited {color:#cc9933; text-decoration:underline;}
a:hover{text-decoration:none;}

.button a:link, .button a:active, .button a:visited{background:#e25749; color:#000000; padding:2px 5px 2px 5px; text-decoration:none; font-size:11px; font-family:arial black, arial; font-weight:bold; text-transform:uppercase;}
.button a:hover {background:#e25749; text-decoration:none; color:#FFFFFF;}

/*DOB*/
#dob{position:fixed; left:0; top:0; z-index:9000; background:url(../images/ui_75bg.png); color:#FFFFFF; height:100%; width:100%;}
#dobContainer{margin:0 auto; width:610px; height:260px; position: relative; top:20%; background:#000000; padding:10px 20px; border:3px double #666666; font-size:12px; text-align:center;}
#dob input.text{border: 1px solid #E2E2E2; float: left; margin-bottom: 5px; padding: 3px; color: #979797; background:#CCCCCC; font-size:60px; text-align:center;}
#dobMM{float:left; padding:0px 10px 0px 75px;}
#dobDD{float:left; padding:0px 10px 0px 0px;}
dobYYYY{float:left; padding:0px 10px 0px 0px;}
#dob p{margin: 15px 0 5px;}
#dobButton input{background:#e25749; color:#000000; padding:2px 5px 2px 5px; text-decoration:none; font-size:11px; font-family:arial black, arial; font-weight:bold; text-transform:uppercase; cursor:pointer;}
#dobButton input:hover{background:#e25749; text-decoration:none; color:#FFFFFF;}
div.validation-summary-errors{padding: 5px 0 0; position: relative;}
div.validation-summary-errors ul{}
div.validation-summary-errors ul li{list-style:none;}
#dobButton{bottom: 20px; display: block; position: absolute; width: 610px;}
#ageForm h3{font-size: 18px; margin: 140px 0;}

/*UI*/
#container{margin:0 auto; width:100%;}

/*HEADER*/dobContainer
#header{margin:0 auto; background:url(../images/ui_navBg.png) repeat-x; height:74px;}

/*NAV CONTAINER*/
#navContainer{margin:0 auto; width:1000px;}
#navLogo{float:left; padding:28px 0px 0px 0px; width:300px;}
#mainNav{float:right; text-align:right;}
#navUtilHolder{height:35px; font-size:10px; font-family: arial black, arial;}
#navMainHolder{height:25px; font-size:12px; font-family: arial black, arial; color:#CCCCCC;}

/*UTIL NAV*/
.navUtil{position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; height: 35px; list-style: none; text-transform:uppercase;margin-top: -84px;}
.navUtil li{float:right;}
.navUtil li a{float: left; display: block; color:#cc9933; text-decoration: none; padding:0 0 0 16px; height: 35px; line-height: 35px;	text-align: center;	cursor: pointer;}
.navUtil li.current a, .navUtil li a:hover{color: #FFFFFF;}

/*MAIN NAV*/
.navMain{position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; height: 40px; list-style: none; text-transform:uppercase;}
.navMain li{float:right;}
.navMain li a{float: left; display: block; color:#CCCCCC; text-decoration: none; padding:0 0 0 16px; height: 40px; line-height: 40px;	text-align: center;	cursor: pointer;}
.navMain li.current a, .navMain li a:hover{color: #FFFFFF;}

/*HOMEPAGE LOGO*/
#logoHomepage{margin:0 auto; width:960px; text-align:right;}

/*INTERIOR LOGO*/
#logoInt{margin-top:-20px; padding:0px 0px 10px 0px;}

/*HOMEPAGE ICONS*/
#homepageIcons{margin:0 auto; width:960px; padding:260px 0px 0px 0px;}

/*SOCIAL HOME*/
/*#socialHome{float:left; width:190px; color:#FFFFFF; padding:327px 0px 0px 0px;}*/
#socialHome{float:left;color:#FFFFFF; position: relative; right: 250px; margin-top: 300px;}
#facebookHome, #facebookHome2, #twitterHome{float:left;}

/*SOCIAL INT*/
#socialInt{float:left; width:190px; color:#FFFFFF; padding:15px 0px 0px 0px;}
#twitterInt{float:left;}
#facebookInt{float:left;}

#socialInt_New{float:right; width:212px; color:#FFFFFF; background:url(../images/napkins_New.png)  repeat-x; height:114px;}
#socialInt_LLB_New{float:right;margin-top: 77px; width:212px; color:#FFFFFF; background:url(../images/napkins_New.png)  repeat-x; height:114px;}
#socialInt_AMARO_New{float:right;margin-top: 45px; width:212px; color:#FFFFFF; background:url(../images/napkins_New.png)  repeat-x; height:114px;}
#socialInt_Facebook{position: absolute;margin-top: 55px;margin-left: 0px;width: 79px;}
#socialInt_Instagram{float:left; margin-top: 45px;margin-left: 85px;}
#socialInt_Twitter{float:left; margin-left: 5px;margin-top: 52px;}
#socialInt_Pinterest{float:left;margin-left: 5px;margin-top: 66px;}

#socialHome_Facebook{position: absolute;margin-top: 55px;margin-left: 0px;width: 79px;}
#socialHome_Instagram{float:left; margin-top: 46px;margin-left: 124px;}
#socialHome_Twitter{float:left; margin-left: 5px;margin-top: 66px;}
#socialHome_Pinterest{float:left;margin-left: 5px;margin-top: 66px;}

/*ICONS HOME*/
#home_storyBegins{position: absolute;margin-left: 30px;}
#home_cocktailRecipes{float:left; margin-top: 132px;width: 65px;padding-left: 0px;height: 179px;padding-top: 138px}
#home_cocktailChallenge{float:left; padding:120px 0px 0px 20px;}
#home_AMRO{float:left; padding-left: 58px;}
#home_bitters{float:left; padding:0px 0px 0px 80px;}
#home_orangeBitters{float:left; padding:0px 0px 0px 0px;}
#home_LLB{position: absolute;margin-left: 930px;}

/*SEARCH*/
#search{width:613px; height:84px; background:url(../images/ui_searchBg.png) no-repeat; color:#000000; font-weight:bold;  padding:0px 0px 0px 15px;}
#searchText{float:left; padding:30px 10px 0px 0px;}
#searchField{float:left; padding:25px 10px 0px 0px;}
#searchButton{float:left; padding:25px 0px 0px 0px;}

/*ARTICLES*/
.articleImage{margin:10px 0px 10px 0px; border-top:2px solid #dbac3b; border-bottom:2px solid #dbac3b;}

/*RECIPES*/
.recipe{margin:0px 0px 20px 0px;}
.recipeImage{float:left; width:175px; padding:0px 10px 0px 0px;}
.recipeText{float:left; width:400px;}
#recipeResults .recipe h2{margin: 0 0 15px;}
.recipeText ul{margin: 0 0 12px;}
.recipeText ul li{}
.recipeDialogCard{position: relative; padding: 30px 0; text-align: center;}
.recipeDialogCard img{width: 626px;}

#recipeResults, #RecipeForm {
    float: left;
    width: 100%;
}

#recipeResults h3, #recipeResults p {
    clear: none;
    float: left;
    margin: 0 0 5px 10px !important;
    width: 80%;
}

#recipeResults .recipeText p, #RecipeForm .recipeText p{ margin: 0 0 10px 0 !important;}

#recipeResults .recipe_page, #RecipeForm .recipe_page {
    width: 100% !important;
    margin-left: 0 !important;
}

#recipeResults a, #RecipeForm a {
    display: inline-block;
    color: #E25749;
    text-decoration: none;
    cursor: pointer;
}

#recipeResults a:hover, #RecipeForm a:hover {
    color: #CC9933;
    text-decoration: none;
}

#recipeResults .image_bounds, #RecipeForm .image_bounds {
    clear: none;
    display: block;
    float: left;
    height: 50px;
    overflow: hidden;
    width: 50px;
}

#recipeResults .image_bounds img, #RecipeForm .image_bounds img {
    width: 100%;
}

.recipe_block, #recipeResults h2, #RecipeForm h2 {
    clear: both;
    display: block;
    float: left;
    padding: 0 1%;
    width: 98%;
}

#recipeResults h2, #RecipeForm h2 {
    margin-bottom: 10px;
}

.recipe_block {
    border-bottom: 1px dotted #DBAC3B;
    margin-bottom: 15px;
    padding-bottom: 5px;  
}

.recipe_detail {
    float: left;
    margin-left: 102%;
    margin-top: -38px;
    width: 100%;
}

.recipe_page .next, .recipe_page .prev {
    float: right;
    width: 10px;
    height: 19px;
    background: url(../images/recipe_next_prev.png) no-repeat left top;
}

.recipe_page .next:hover {
    background-position: right top;
}

.recipe_page .prev {
    background-position: left -21px;
}

.recipe_page .prev:hover {
    background-position: right -21px;

}

/*NEWS*/
.newsItem{width:100%; border-top:1px dotted #666666; text-align:left; margin:10px 0px 0px 0px;}
.newsItemDate{float:left; width:40px; text-align:left; padding:10px 10px 0px 0px;}
.newsItemText{float:left; width:530px; padding:10px 0px 10px 0px;}
.schMonth {background:#dbac3b; font-weight:bold; width:40px; text-align:center;}
.schDate {background:#FFFFFF; font-size:18px; font-weight:bold; color:#000000; height:20px; line-height:20px; width:40px; text-align:center;}
.schYear {text-align: center; padding: 3px 0;}

/*EVENTS*/
.eventItem{width:100%; border-top:1px dotted #666666; text-align:left; margin:10px 0px 0px 0px;}
.eventItemDate{float:left; width:40px; text-align:left; padding:10px 10px 0px 0px;}
.eventItemText{float:left; width:530px; padding:10px 0px 10px 0px;}
.eventschMonth {background:#e25749; font-weight:bold; width:40px; text-align:center;}
.eventschDate {background:#FFFFFF; font-size:18px; font-weight:bold; color:#000000; height:20px; line-height:20px; width:40px; text-align:center;}


/*CONTENT CONTAINER*/
#contentWrapper{background:url(../images/ui_75bg.png); margin:30px 0px 0px 0px;}
#contentContainer{margin:0 auto; width:960px;}

/*INTERIOR CONTENT SECTION*/
#contentMain{float:left; width:610px; color:#EEEEEE; padding:20px 20px 20px 0px; overflow: hidden;}
#contentSecondary{float:left; width:300px; color:#FFFFFF; background:url(../images/image_bittersBottles.png) no-repeat; margin-top:-10px; min-height:450px;}
#LLB_contentSecondary{float:left; width:300px; color:#FFFFFF; background:url(../images/image_LLBBottles.png) no-repeat; margin-top:-10px; min-height:450px;}
#AMARO_contentSecondary{float:left; width:300px; color:#FFFFFF; background:url(../images/image_AMARO.png) no-repeat; margin-top:-10px;  min-height:450px;}

#contentMain .contentBlock{}
#contentMain .contentBlock h2{}
#contentMain .contentBlock p{margin: 10px 0;}
#contentMain .contentBlock span{}
#contentMain .contentBlock ul{padding: 0 0 0 40px; float: left; clear: both;}
#contentMain .contentBlock ul li{}

#contentSecondary #contentBlock{float:right; text-align:center; width:125px;}
#LLB_contentSecondary #contentBlock{float:right; text-align:center; width:125px;}
#AMARO_contentSecondary #contentBlock{float:right; text-align:center; width:125px;}

/*SUB FOOTER*/
#subFooterWrapper{background:url(../images/ui_subfooterBg.png) repeat-x; min-height: 300px;}
#subFooter{margin:0 auto; width:960px; font-size:12px; color:#FFFFFF; padding:10px 0px 10px 20px;}

/*SUB FOOTER CONTENT*/
.subFooterContent{width:280px; float:left; margin:10px 30px 10px 0px;}
.subHeader{width:280px; height:25px; line-height:25px; font-family:arial black, arial; font-weight:bold; text-transform:uppercase; background:url(../images/ui_subHeader.png) no-repeat; color:#000000; padding:0px 0px 10px 15px;}

ul.subHeaderList {width: 280px; margin:0px; padding:0px;}
ul.subHeaderList li {list-style: none;  text-align: left; margin: 0;}
ul.subHeaderList li a {display: block; border-bottom: 1px dotted #666666; padding:5px 0px 5px 0px;}
ul.subHeaderList li a:hover{background:#000000;}

.subHeaderButton{float:right; margin:10px 0px 5px 0px;}

/*GLOBAL COCKTAIL CHALLENGE GCC*/
.gcc_image{padding:0px 10px 10px 0px;}

/*FOOTER*/
#footer{margin:0 auto; width:960px;  height:50px; padding:15px 0px 10px 0px; font-size:10px; color:#999999; text-align:right;}

/*FORM*/
input.text{border:1px solid #E2E2E2; margin-bottom: 5px; padding: 3px; color: #979797; font-size:18px;}

/*MODAL*/
#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000000; display:none;}
.boxes .window {position:absolute; left:0; top:0; width:440px;height:200px;display:none; z-index:9999; padding:20px; color:#CCCCCC;}
.boxes .dialog {width:625px; padding:10px 20px 10px 20px; background:#000000; height:auto; border:4px double #666666;}
.boxes .dialog .dialogClose{float:right; z-index:5000; margin:-25px -25px 0px 0px;}
.dialogContentCopy{max-height: 250px; overflow: auto; margin: 10px 0;}
.boxes .news p{margin:10px 0;}

/*accordian*/
#accordion {width: 600px; margin-left: auto; margin-right: auto; border-bottom: 1px dotted #666666;}
.accordionButton {width: 600px; float: left; _float: none; border-top: 1px dotted #666666; cursor: pointer; padding:10px 0px 10px 10px; text-transform:uppercase; font-family:arial black, arial; font-weight:bold; color:#dbac3b;}
.accordionContent {	width: 600px;float: left; padding:0px 10px 10px; _float: none; /* Float works in all browsers but IE6 */}
.accordionContent h3{font-size: 18px; margin: 0;}
.accordionContent p{}
.accordionContent p a{color: #DBAC3B; text-decoration: underline;}
.on {background: #000000;}
.over {background: #e25749; color:#000000;}

/*angostura history*/
#angostura_history{}
.selector{position:relative; overflow: hidden; text-align: right;}
#selector_top{}
.selector a{font-family: arial black; font-size: 14px; font-weight: bold; text-decoration: none;}
.prev{margin-right: 10px; }
.next{}
#angostura_history_tab{position: relative; overflow: hidden; margin: 2px 0;}
#angostura_history_tab a{color: #FFFFFF; font-family: arial black; font-size: 16px; font-weight: bold; margin-right: 10px;  text-decoration: none;}
#angostura_history_tab a:hover,#angostura_history_tab a.selected{color: #DBAC3B;}
#angostura_history_tab a.last{margin-right: 0;}
#angostura_history_content{}
.angostura_history_single{}
.angostura_history_single h3{text-align: center; margin: 5px 0 0;}
.historyModal{position: relative;}
.historyModal h3{}
.historyModal .image{margin: 10px 0; text-align: center;}
.historyModal p{margin: 10px 0;}
.historyModal ul{padding-left: 40px;}
#rumAwards p{margin: 5px 0;}
.historyModalContent ul{}
.historyModalContent ul li{}
.historyModalContent ul li a{color: #cbcac9; margin-bottom: 5px; display: block;}
.single_competition{position:relative; overflow: hidden;}
.competition_info{float:left; width: 387px;}
.competition_info p{}
.competition_info ul{}
.competition_info ul li{}
.competition_medals{float:left; padding: 10px 0 0;}
.competition_medals img{height: 44px;}

/*timeline*/
#interior_body_content.timeline{position: relative;}
#interior_body_content.timeline h2{ text-align: center; color:#9E2E0C; margin: 20px 0 0;}
#timeline_container{position: relative; padding: 20px 0 60px;}
#timeline_top{background: url("../images/bg_timelinebar_top.png") no-repeat center 0 transparent; height: 3px;}
.timeline_century{position: relative; overflow: hidden;}
.centuryImg{position: absolute; top: 14px;}
.single_year{padding-bottom: 5px; padding-top: 20px;}
#interior_body_content .year p{color: #ffffff; font-size: 15px; font-weight: bold; font-style: italic; padding: 2px 8px; cursor: pointer;}
#interior_body_content .history_desc p{font-size: 14px; line-height: 18px; color:#cccccc;}
#interior_body_content .history_desc p a{color:#CC9933;}
#timeline_18{background: url("../images/bg_timelinebar_18.png") repeat-y center 0 transparent;}
#timeline_19{background: url("../images/bg_timelinebar_19.png") repeat-y center 0 transparent;}
#timeline_20{background: url("../images/bg_timelinebar_20.png") repeat-y center 0 transparent;}
#timeline_21{background: url("../images/bg_timelinebar_21.png") repeat-y center 0 transparent;}
#timeline_18 .centuryImg{}
#timeline_19 .centuryImg{}
#timeline_20 .centuryImg{}
#timeline_21 .centuryImg{}
#timeline_18 .single_year{}
#timeline_19 .single_year{}
#timeline_20 .single_year{}
#timeline_21 .single_year{}
/*.right_timeline{width: 285px; text-align:left; float: right; margin-top: 50px;}
.left_timeline{float: left; margin-top: 50px; text-align: right; width: 285px;}*/
.right_timeline{width: 285px; text-align:left; padding-left: 325px;}
.left_timeline{padding-right: 325px; text-align: right; width: 285px;}
.single_year.top{margin-top: 0;}
.year{overflow: hidden; position: relative;}
.right_timeline .year{}
.right_timeline .year p{float: left;}
.left_timeline .year{}
.left_timeline .year p{ float: right;}
#timeline_18 .year{}
#timeline_18 .year p{background: none repeat scroll 0 0 #CC9933;border: 1px solid #CCCCCC;}
#timeline_19 .year{}
#timeline_19 .year p{background: #676461; border: 1px solid #cccccc; }
#timeline_20 .year{}
#timeline_20 .year p{background: #e25749; border: 1px solid #cccccc;}
#timeline_21 .year{}
#timeline_21 .year p{background: #f37f20; border: 1px solid #cccccc;}
.history_desc{margin: 3px 0 0; position: relative;}
.right_timeline .history_desc{}
.left_timeline .history_desc{}
.timeline_separator{border-bottom: 1px dashed #cccccc;}
#timeline_bottom{background: url("../images/bg_timelinebar_bottom.png") no-repeat center 0 transparent; height: 2px;}
.left_timeline_container{float: left; width: 285px;}
.right_timeline_container{float: right; width: 285px;}


/* SEARCH */
#searchContainer{margin: 20px 0; overflow: hidden; /*position: relative;*/}
#searchContainer h2{margin: 0 0 15px;}
.searchColumn{float: left; margin-right: 5px; width: 195px;}
.food_recipe .searchColumn{margin-left: 70px;}
.searchColumn h3{text-align: center; margin-bottom: 10px;}
.searchColumn.last{margin-right: 0;}
.drinkFilter {
  margin: 0 1% 30px;
  width: 48%;
}

.drinkFilter select {
    width: 100%;
}

.drinkFilter option {
    padding: 5px 10px;
}

.single_category{float: left; margin-bottom: 5px; margin-right: 5px; overflow: hidden; position: relative; width: 90px;}
.single_category.right{margin-right: 0;}
.single_category input{float: left;  margin-right: 10px;  margin-top: 2px;}
#contentMain .contentBlock .single_category p{color: #CC9933; float: left; font-size: 14px; line-height: 16px;  margin: 0;}
#contentMain .contentBlock .single_category a{background: none repeat scroll 0 0 transparent; border: 1px solid #DBAC3B; display: block; padding: 5px 3px; text-align: center; text-decoration: none; font-weight: bold;}
#contentMain .contentBlock .single_category a:hover{background: #E25749; color: #000000; border: 1px solid #E25749;}
#contentMain .contentBlock .single_category a.clicked{background: #DBAC3B; color: #FFFFFF; border: 1px solid #DBAC3B;}

/*MAP*/
#map_content{position: relative; overflow: hidden;}
#map_content .location{height: 8px; position: absolute;  width: 8px;}
#map_content .location#map_uk{left: 276px; top: 96px;}
#map_content .location#map_il{left: 138px; top: 134px;}
#map_content .location#map_ga{left: 142px; top: 150px;}
#map_content .location#map_aus{left: 528px; top: 288px;}
#map_content .location#map_euro{left: 283px; top: 105px;}
#map_content .location#map_trinidad{left: 165px; top: 182px;}
#region_list{position:relative; overflow: hidden;}
#region_list .single_location{
    float: left;
    margin-bottom: 40px;
    margin-right: 5px;
    min-height: 200px;
    width: 300px;
}
#region_list .single_location h3{}
#region_list .single_location p{}
.modal-location p{padding: 5px 0 0 0;}
                
/*CONTACT US*/
#contact_form{position: relative; overflow: hidden; margin: 40px 0 0;}
#contact_form_content{float: left; position: relative;}
#contactResult{}
.single_input{position: relative; overflow: hidden; margin: 0 0 10px; padding: 0 10px 0 0;}
.single_input.message{}
.single_input .copy{float: left; width: 100px;}
#contentMain .contentBlock .single_input .copy p{margin: 0;}
.single_input .input{float: left;}
.single_input .input input{height: 20px;  width: 300px; border: 1px solid #FFFFFF;}
.single_input .input textarea{resize: none; width: 300px; border: 1px solid #FFFFFF;}
.single_input .input span{position: absolute; right: 0;}
#btn_submit{position: relative; margin: 10px 0 0; text-align: right; padding: 0 10px 0 0;}
#btn_submit input{background: none repeat scroll 0 0 #DBAC3B; color: #000000; font-size: 12px; font-weight: bold; padding: 3px 5px;}
#contact_form_validation{float: left; position: relative; margin-left: 15px;}
#contact_form_validation span{font-size: 11px;}
#contact_form_validation ul{}
#contact_form_validation ul li{font-size: 11px;}

#gcc2012{height: 500px; overflow: auto; margin-top: 10px;}
.modal_image{text-align: center; margin: 10px 0;}