body,html{margin:0 auto; font-family:arial; font-size:14px; background:url(../images/ui_bg.jpg) no-repeat top center #000204; color:#FFFFFF;}

/**/
a{outline:none;}
img{border: none;}
.clear{clear:both;}
.hide{display: none;}
.bold{font-weight: bold;}

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

/*HEADER*/
#header{width: 960px; height:115px; margin:0 auto; text-align:center; padding:20px 0px 0px 0px;}
#navLeft{float:left; width:340px; text-align:left; padding:70px 0px 0px 0px;}
#navRight{float:left; width:450px; text-align:left; padding:70px 0px 0px 0px;}
#logo{float:left; width:150px;}

/*NAV*/
.navItem{float:left; text-indent:-9000px;}
.navItem a{display: block; height: 26px;}
.navItem a:hover{background-position: 0 -26px !important; }

#navLeft .navItem{margin-right: 25px;}
#navLeft .navItem.last{margin-right: 0;}

#navRight .navItem{margin-left: 25px;}
#navRight .navItem.last{margin-left: 0;}

#navOurbrands a{background: url(../images/tab_ourbrands.png); width: 103px;}
#navOurbrands a:hover{}

#navAwards a{background: url(../images/tab_awards.png); width: 63px;}
#navAwards a:hover{}

#navCocktails a{background: url(../images/tab_cocktails.png); width: 89px;}
#navCocktails a:hover{}

#navRummanufacturing a{background: url(../images/tab_rummanufacturing.png); width: 174px;}
#navRummanufacturing a:hover{}

#navWheretobuy a{background: url(../images/tab_wheretobuy.png); width: 123px;}
#navWheretobuy a:hover{}

#navContact a{background: url(../images/tab_contact.png); width: 78px;}
#navContact a:hover{}



/*WRAPPER*/
#wrapper{width:100%;}
#wrapperTop{height:15px; background:url(../images/ui_wrapperBgTop.png) repeat-x;}
#wrapperContainer{background:url(../images/ui_wrapperBg.png); }
#wrapperBot{height:15px; background:url(../images/ui_wrapperBgTop.png) repeat-x;}

/*CONTENT*/
#content{width:960px; margin:0 auto; padding:15px 0px 15px 0px;}
#contentHomepage{width:860px; margin:0 auto; padding:15px 0px 15px 0px;}
#contentInt{width:860px; margin:0 auto; padding:15px 0px 15px 0px;}
#contentIntImage{float:left; width:330px; text-align: center;}
#contentIntText{float:left; width:530px; padding:50px 0px 0px 0px;}

/*CONTENT FONT STYLES*/
#contentInt .red{color:#b06940; font-size:18px;}
#contentInt p {font-size:14px; color:#FFFFFF;}
.contentIntTitle{border-bottom:1px solid #d6c273; border-top:1px solid #d6c273;  padding:10px 0px 10px 0px;}

/*PRODUCTS HOMEPAGE & INTRO*/
#products{float:left; width:327px; height:520px; margin:0px 0px -60px 0px; overflow:hidden;}

#intro{float:left; width:455px; text-align:center;}
#introText{padding:50px 0px 0px 0px; color:#b06940;}
#introText p{padding:10px 0px 20px 0px;}

.productImage{margin:20px 0px 0px 0px;}
.productLogos{text-align:center; height:85px;}
.product {opacity:.5;}
.product.active {opacity:1;}

/*SUB FOOTER*/
#subFooter{margin:0 auto; width:960px; padding:25px 0px 20px 0px;}
.subFooterContent{float:left; padding:10px; width:300px; text-align:center;}
.subFooterContent p{font-size:11px;}

/*FOOTER*/
#footer{margin:0 auto; text-align:center; width:960px; padding:20px 0px 20px 0px;}

/*DOB*/
#dob{position:fixed; left:0; top:0; z-index:9000; color:#FFFFFF; height:100%; width:100%;}
#dobContainer{margin:0 auto; width:610px; height:370px; 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 h1{border-bottom: 4px double #FFFFFF; color: #D6C273; font-size: 44px; line-height: 44px; margin: 10px 0; padding-bottom: 5px;}
#dob p{margin: 10px 0 5px;}
#dobButton{bottom: 20px; display: block; position: absolute; width: 610px; }
#dobButton input{background: none repeat scroll 0 0 #D6C273; color: #000000; font-size: 14px; font-weight: bold; padding: 5px 10px; text-decoration: none; border: none; cursor: pointer;}
#dobButton input:hover{color:#FFFFFF;}
div.validation-summary-errors{padding: 10px 0 0; position: relative;}
div.validation-summary-errors ul{margin:0}
div.validation-summary-errors ul li{list-style:none;}
#ageForm h3{font-size: 18px; margin: 140px 0;}

/*COCKTAILS*/
#cocktails_container{margin: auto; position: relative; width: 960px; overflow: hidden;}
#cocktails_container_instructions{position: relative; overflow: hidden; float: left; width: 380px;}
#cocktails_tips{margin-bottom: 30px;}
#homebarkit{}
.single_cocktail_content{float: left; margin-bottom: 30px; border: 2px solid #FFFFFF; margin-right: 26px; margin-bottom: 26px;}
.single_cocktail_content p{color: #B06940; font-size: 14px; font-weight: bold; margin: 0; padding: 10px; text-align: center; width: 230px;}
.cocktails_singleContainer{background:url("../images/img_darktransparent.png") repeat transparent; float: left; position: relative; padding: 0 15px 15px; width: 338px;}
.cocktails_singleContainer h3{color:#b06940; margin: 0;}
.cocktails_singleContainer p{}
.cocktails_singleContainer ul{}
.cocktails_singleContainer ul li{}
.cocktails_singleContainer ul li p{}
#cocktails_container_content{position: relative; overflow: hidden; width: 560px; float: left;}
#cocktails_container_content h3{color:#b06940; margin: 0 0 10px;}
#cocktails_content{position: relative; overflow: hidden; width: 665px;}
#cocktails_content a{ display: block; height: 335px; border-bottom: 1px solid #FFFFFF;}
#cocktails_content a.last{margin-right: 0;}



#mask{background: #000000; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";	filter: alpha(opacity60); position: fixed; top: 0; left; 0; width: 100%; height: 100%; z-index: 10;}
#modalContainer{position: absolute; width: 500px; min-height: 350px; background: #000000; border: 5px solid #d6c273; z-index: 100; }
#modalContainer #close{position: absolute; right: 15px; top: 15px; z-index: 10;}

.single_recipe{padding: 0 20px; position: relative;}
.single_recipe h3{color:#b06940;}
.single_recipe p{}
.single_recipe ul{}
.single_recipe ul li{}
.single_recipe ul li p{}
.cocktail_image{text-align:center;}
.cocktail_image img{border: 2px solid #FFFFFF;}

/*COLLECTIONS*/
#collection_tabs{background:url(../images/bg_doubleline_landing.png) no-repeat; position: relative; text-align: left;}
#collection_tabs a{}
#collection_tabs a.thecollection{margin-left: 83px;}
#collection_tabs a.trinidadianjewels{margin-left: 67px;}

/*Trinidadian Jewels*/
#product_trinidadianjewels{}
#product_trinidadianjewels .product{}
#product_trinidadianjewels .product a{}
#trinidadianJewelsBottles{height: 486px;}

/*AWARDS*/
#awards_container{position: relative; width: 960px; margin: auto;}
#awards_container h1{margin: 0; padding: 10px 0; text-align: center; font-size: 0;}
#years{padding: 10px 0 20px; position: relative; text-align: center;}
#years a{color:#ffffff; font-size: 24px; font-weight: bold; text-decoration: none; margin-right: 20px;}
#years a:hover{color:#d6c273;}
#years a.active{color:#d6c273;}
#years a.last{margin-right: 0;}
#awards_container table{width: 100%;}
#awards_container table h3{color:#d6c273; font-size: 18px; line-height: 20px; margin: 5px 0;}
#awards_container table p{color:#ffffff; font-size: 14px; line-height: 20px; margin: 5px 0;}
#awards_container table p .tournament{color: #B06940; font-size: 14px; font-weight: bold;}
.medals{position: relative; margin: 20px 0;}
.medals img{height:56px;}
.medals.small img{}
.single_brand_awards{position: relative; overflow: hidden;}
.award_content{float: left;width:300px;}
.award_copy{float:left;padding: 0 0 0 50px; width: 550px;}
.award_copy ul{padding: 0; list-style:none;}
.award_copy ul li{}

/*CONTACT US*/
#contact_container img{padding: 20px 0 0;}
#contact_container{width: 960px; margin: auto;}
#contact_container a{color:#FFFFFF;}
#contact_form{position: relative; overflow: hidden; margin: 40px 0 0;}
#contact_form_content{float: left; position: relative;}
#contact_form_content p{margin: 0;}
#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 #DABC67; border: medium none; 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;}

/*RUM MANUFACTURING*/
#rumManufacturing_container{position: relative; width: 960px; margin: auto; padding: 20px 0;}
#rumManufacturing_container img{margin-bottom: 10px;}
#rumManufacturing_container h3{color:#b06940; font-size: 18px; margin-top: 0;}
#rumManufacturing_container p{margin: 18px 0 0;}
.video_container{position: relative;}
.video_container img{}
.video_container a{left: 50%; margin-left: -31px;  margin-top: -30px; position: absolute;  top: 50%;   z-index: 2;}


/* WHERE TO BUY */
#wheretobuy_container{margin: auto; position: relative;  width: 960px; padding: 10px 0 0;}
#map_content{position: relative; text-align:center;}
#map_content img{}
.location{height: 11px; position: absolute; width: 11px;}
.location#map_uk{top: 115px; left: 450px;}
.location#map_il{left: 273px; top: 163px;}
.location#map_ga{left: 278px; top: 184px;}
.location#map_aus{left: 771px; top: 360px;}
.location#map_euro{left: 459px; top: 126px;}
.location#map_trinidad{left: 307px; top: 225px;}
#region_list{position:relative; overflow: hidden;margin: 10px 0 0;}
#region_list .single_location{float: left; height: 260px; margin-right: 15px;  width: 310px;}
#region_list .single_location.last{margin-right: 0;}
#region_list .single_location h3{}
#region_list .single_location h3 p{}
#region_list .single_location a{color:#FFFFFF;}
.modal-location{padding: 50px 25px;}
.modal-location h2{}
.modal-location p{}
.modal-location a{color:#FFFFFF;}

.landing_legacy{margin: 20px 0 0;}
.landing_legacy a{opacity: 0.5;}
.landing_legacy a:hover{opacity: 1;}