* {margin:0; padding:0; outline:none}
img, form, fieldset, input {border:none; outline:none;}
body { font:14px/16px "Times New Roman", Times, serif; background:#9E260E url(../images/body-bg.jpg) 0 0 repeat; color:##F4D0BA;}
body.no-bg{ background:none;}
.fl {float:left}
.fr {float:right}
.cl {clear:both}
a{ text-decoration:none; color:#F4D0BA; outline:none;}
a:hover{ text-decoration:underline;}
.alr{ text-align:right;}
.no-bg{ background:none!important;}



/******************* layout starts ************************/
.layout {width:100%; height:655px; }

/******************* header starts ***********************/
.header-outer {width:100%; background:url(../images/header-bg.png) repeat-x 0 100%;}
.header-outer .header {margin:0 auto; width:1000px; position:relative; height:75px; z-index:2; }
.logo { bottom:-14px; width:314px; float:left; position:relative;}

.top-links {width:100%; position:absolute; top:0px; right:14%; width:925px; margin:0 auto; z-index:10;}
.top-links ul {width:auto; float:right; list-style:none; background:url(../images/toplinks-bg.png) no-repeat 0 0; min-height:28px;}
.top-links ul li {float:left; padding:8px 18px 0 17px; position:relative;}
.top-links ul li a {float:left;}

.mailbox{ border:#6b1200 6px solid; height:135px; width:190px; position:absolute; top:28px; left:0px; background:#000; padding:15px 10px; display:none;}
.mailbox h2{ padding:0 0px 0 4px; margin-bottom:10px;}
.mailbox input.textbox{ border:#3f352e 1px solid; padding:4px 3px 5px; width:180px; background:none; font-size:11px; color:#e7b79c; margin:2px 5px 2px 0px;}
.mailbox a.close-mail{ float:right; margin:-10px -5px 0 0; width:20px; height:20px; display:block; overflow:hidden;}
.mailbox input.submit{ margin:3px 0 0 116px;}


/* navigation ends */
.navigation { padding:39px 0 0 0px; width:670px; float:right;}
.navigation ul {width:auto; list-style:none;}
.navigation ul li {float:left; padding-left:1px}
.navigation ul li a {text-decoration:none; background-position:0 0; background-repeat:no-repeat; height:31px; float:left;}
.navigation ul li.history a {background-image:url(../images/history.png); width:70px}
.navigation ul li.history a:hover { background-image:url(../images/history-hover.jpg);}
.navigation ul li.history a.cur { background-image:url(../images/history-hover.jpg);}
.navigation ul li.cocktails a {background-image:url(../images/cocktails.png); width:87px}
.navigation ul li.cocktails a:hover {background-image:url(../images/cocktails-hover.jpg);}
.navigation ul li.cocktails a.cur {background-image:url(../images/cocktails-hover.jpg);}
.navigation ul li.events a {background-image:url(../images/events.png); width:64px}
.navigation ul li.events a:hover {background-image:url(../images/events-hover.jpg);}
.navigation ul li.events a.cur {background-image:url(../images/events-hover.jpg);}
.navigation ul li.gallery a {background-image:url(../images/gallery.png); width:70px}
.navigation ul li.gallery a:hover {background-image:url(../images/gallery-hover.jpg);}
.navigation ul li.gallery a.cur {background-image:url(../images/gallery-hover.jpg);}
.navigation ul li.media a {background-image:url(../images/media.png); width:54px}
.navigation ul li.media a:hover {background-image:url(../images/media-hover.jpg);}
.navigation ul li.media a.cur {background-image:url(../images/media-hover.jpg);}


.navigation ul li.blog a {background-image:url(../images/blog.png); width:44px;}
.navigation ul li.blog a:hover {background-image:url(../images/blog-hover.jpg);}
.navigation ul li.blog a.cur {background-image:url(../images/blog-hover.jpg);}

.navigation ul li.press a {background-image:url(../images/press.png); width:48px}
.navigation ul li.press a:hover {background-image:url(../images/press-hover.jpg);}
.navigation ul li.press a.cur {background-image:url(../images/press-hover.jpg);}
.navigation ul li.find-store a {background-image:url(../images/find-store.png); width:103px}
.navigation ul li.find-store a:hover {background-image:url(../images/find-store-hover.jpg);}
.navigation ul li.find-store a.cur {background-image:url(../images/find-store-hover.jpg);}
.navigation ul li.contact a {background-image:url(../images/contact.png); width:96px}
.navigation ul li.contact a:hover {background-image:url(../images/contact-hover.jpg);}
.navigation ul li.contact a.cur {background-image:url(../images/contact-hover.jpg);}
/* navigation ends */
.sound {float:right; margin-right:;}
/******************* header ends ************************/


/******************* main starts ***********************/
div.home .flash-container{height:380px;}
img.home-bottel{ float:right; margin-right:40px;}

.main-outer {width:100%; background:#000000; height:525px;}
.main-outer .main {margin:0 auto; width:955px; position:relative; z-index:0;  color:#f4d0ba}
.top-strip {width:952px; background:url(../images/top-gradient-strip.png) no-repeat 0 0; line-height:6px; height:6px; margin-bottom:5px; margin: 0 auto;}
/* flash starts */
.flash-container {width:925px; padding:0 15px; height:520px;}
#page_effect{display:none; padding:0 30px 0 60px;}
/* flash ends */

/******************* main ends ************************/




/********************************************************** history starts *****************************************************/
.main-outer.bg {background:#000000 url(../images/body-bg-repeat.jpg) repeat 0 0; overflow:hidden;}
.conjure-bottel {position:absolute; right:10px; top:22px; z-index:1;}
.content-container {width:820px; padding:20px 15px 10px; min-height:427px;}
.gallery-outer.content-section {width:410px; float:left; padding:0; padding-left:35px}
.ui-tabs-panel.top-padding {padding-top:20px;}
h2 {padding-bottom:25px; line-height:20px; font-size:22px; font-weight:normal;}
.left-video {float:left; padding:50px 0 0px 0; width:320px;}
.left-video .video-title {float:left; padding:10px 0; text-transform:uppercase;}
.imagine-possibilities {width:auto; float:left; padding-left:273px;}
/********************************************************** history ends *****************************************************/


/* ------------------------------ (Apr 19, 2010) --------------------------------*/
/**************** videos page starts *****************************/
.main-outer.bg1 {background:#000000 url(../images/body-bg-repeat1.jpg) no-repeat top center;}
.main-outer .main-inner {background:url(../images/videos-bg.jpg) no-repeat top center; min-height:520px;}
.gallery-outer.video-section {width:678px; padding:0; margin-left:80px}
.videos-container {background:url(../images/videos-black.png) repeat; width:678px;}
.videos-container .top-curve {width:678px;}
.videos-container .mid-container {width:618px; padding:25px 30px 15px}
ul.video-row {list-style:none; width:auto;}
ul.video-row li {padding:0px 0 12px; width:560px; border-bottom:1px solid #242424; clear:both; display:inline-block; margin-bottom:10px;}
ul.video-row li .pic {float:left; background:url(../images/thumb-gallery-pic-bg.png) no-repeat 0 0; width:166px; height:110px; padding:3px; margin-right:16px; overflow:hidden;}
ul.video-row li .pic a { display:block; height:110px; width:166px; overflow:hidden;}
ul.video-row li .details {float:left; width:365px; font-size:12px;}
ul.video-row li .details h3 {color:#F4D0BA; text-transform:uppercase; font-size:12px; font-weight:normal;}
ul.video-row li .details h4{ font-size:12px; margin-bottom:6px;}
ul.video-row li .details p {color:#f4d0ba; line-height:20px; padding:0 0 10px; font-size:14px;}
.flexcroll.video-scroll {height:335px !important;}
.content-container.no-padding {width:925px; padding:30px 15px 0;}

/************************ ends *****************************/

/************************ thumb gallery starts *****************************/
.gallery-outer.thumb-gallery-section {width:758px; padding:0; }
.flexcroll.thumb-gallery-scroll {height:373px;}
.thumb-gallery {width:738px; list-style:none;}
.thumb-gallery li {background:url(../images/thumb-gallery-pic-bg.png) no-repeat 0 0; width:166px; height:110px; margin:0 10px 10px 0; padding:3px; display:inline-block; float:left; overflow:hidden;}
.thumb-gallery li a{ display:block;width:166px; height:110px; overflow:hidden;}
.heading {width:719px; padding:5px 0 2px;}
.heading h3 {font-size:22px; color:#fff9e6; font-weight:normal; padding:4px 0 0; text-transform:uppercase; line-height:24px;}
/************************ ends *****************************/


/* ------------------------------ (Apr 20, 2010) --------------------------------*/
/********************* intro starts *****************************/
.layout.intro-bg {width:100%;}
.intro-bg div.footer-outer{ min-height:6px;}
.intro-bg .footer-outer .footer{ padding:0;}
.header-outer.no-bg {background:none; padding-top:5px; }
.main-outer.no-bg {background:none; min-height:628px}
.footer-outer.no-bg {background:none}
.logo1 { width:314px; margin:0 auto -40px;}
.flash-container1 {width:925px; padding:40px 15px 0; text-align:center}
.intro-copyright {float:left; width:auto; clear:both; padding:17px 0 0 49px}
.intro-copyright .copyright {float:left; border-right:1px solid #fdd6c0; margin-right:10px; padding-right:10px;}
.skip {float:left; background:url(../images/skip-intro.png) no-repeat 0 0; width:118px; height:54px; position:absolute; left:395px; top:-40px; padding:15px 0 0 20px}
.skip a {float:left; width:99px; height:34px; text-align:none; color:#bb2f16}
/********************* intro ends *****************************/

/********************* splash starts *****************************/
.main-outer.splash-bg {background:#000 url(../images/splash-bg.jpg) no-repeat top center; min-height:575px;}
.splash-container {text-align:center; padding:50px 0 0 0}
.splash-container .you-must {padding-bottom:40px;}
.splash-container .where {padding:14px 0 5px;}
.splash-container .dob { background:url(../images/dob-bg.png) no-repeat center 0; height:36px; padding-top:10px; margin-left:14px;}
.splash-container .dob input{ margin:0 4px 0 0; padding:3px; background:none; color:#f7d0ba; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center;}
.splash-container .dob input.small{ width:60px;}
.splash-container .dob input.large{ width:110px;}
.splash-container .condition{ text-transform:uppercase; margin-bottom:60px; line-height:15px; font-size:11px; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px; padding-left:15px;}
.splash-container .condition a{ color:#b32317; text-decoration:none;}
.splash-container .condition a:hover{ text-decoration:underline;}
.splash-container div.selectbox{ height:50px; width:270px; margin:0 auto;}
.copy-right{ margin-bottom:20px;}


/********************* splash ends *****************************/

/* ------------------------------ (Apr 22, 2010) --------------------------------*/


div.events ul.video-row li h2{ font-size:12px; color:#f9d1b9; text-transform:uppercase; padding-bottom:10px; line-height:15px;}
div.events ul.video-row li h2 span{ float:right; font-size:11px; color:#f9d1b9;}

div.event-details h2{ font-size:22px; line-height:24px; color:#fff9e6; font-weight:normal; text-transform:uppercase; padding:17px 175px 20px 0;}
div.event-details .left-video{ padding:0;}
div.event-details .ui-tabs-panel.top-padding{ padding:0;}

/* ---------------- gallery2---------------*/
div.gallery2 .main-outer .main-inner{ background:url(../images/gallery2-bg.jpg) 0 0 no-repeat;}
div.gallery2 .gallery-outer.video-section{ width:530px; margin-left:230px;}
div.gallery2 .videos-container .mid-container{ width:490px;}
div.gallery2 .videos-container{ width:535px;}
div.gallery2 ul.video-row li .details{ width:335px;}

/* ---------------- contact---------------*/
div.contact h2{ font-size:22px; color:#fff9e6; font-weight:normal; padding:5px 0 15px;}
div.contact p{ margin-bottom:40px; font-size:14px;}
div.two-column div.column{ float:left; width:300px; height:300px; border-right:#242424 1px solid; padding:5px 20px 15px 160px;}
div.two-column div.column p{ margin-bottom:25px;}
div.two-column div.column p a{ color:#ef4023;}
div.two-column div.contact-frm{ border:0; width:435px;}
div.contact-frm input.textbox{ background:none; padding:2px 3px 4px; border:#493e38 1px solid; color:#f4d0ba; width:264px;}
div.two-column div.contact-frm p{ margin-bottom:8px;}
div.contact-frm p{ display:inline-block;}
div.contact-frm p label{ width:115px; display:block; float:left; line-height:20px; }
div.contact-frm textarea{ border:#493e38 1px solid; color:#f4d0ba; width:264px; background:none; padding:3px; margin-bottom:5px; overflow:auto;}
div.contact-frm p small{ margin-right:6px; float:left; font-size:12px; padding-bottom:0px;}
div.contact-frm p.inquiry small{ width:105px;}
div.contact-frm p input.radio{ margin-right:5px;}
div.contact-frm p.buttons{ padding-left:114px;}
div.two-column div.contact-frm input.checkbox2{ margin:0px 5px 0 0; border:0; float:left;}


/* ------------------------------ (Apr 23, 2010) --------------------------------*/
ul.tab-strip li{ float:left; margin:0 5px 5px 0; list-style:none;}
ul.tab-strip li a{ display:block; width:110px; height:27px;}

ul.tab-strip li a.print{ background:url(../images/print.jpg) 0 0 no-repeat;}
ul.tab-strip li a.print:hover, ul.tab-strip li a.print.active{ background:url(../images/print-hover.jpg) 0 0 no-repeat;}
ul.tab-strip li a.web{ background:url(../images/web.jpg) 0 0 no-repeat;}
ul.tab-strip li a.web:hover, ul.tab-strip li a.web.active{ background:url(../images/web-hover.jpg) 0 0 no-repeat;}
ul.tab-strip li a.television{ background:url(../images/television.jpg) 0 0 no-repeat;}
ul.tab-strip li a.television:hover, ul.tab-strip li a.television.active{ background:url(../images/television-hover.jpg) 0 0 no-repeat;}

ul.tab-strip li a.video-tab{ background:url(../images/video-tab.jpg) 0 0 no-repeat;}
ul.tab-strip li a.video-tab:hover, ul.tab-strip li a.video-tab.active{ background:url(../images/video-tab-hover.jpg) 0 0 no-repeat;}
ul.tab-strip li a.press-kit-tab{ background:url(../images/press-kit-tab.jpg) 0 0 no-repeat;}
ul.tab-strip li a.press-kit-tab:hover, ul.tab-strip li a.press-kit-tab.active{ background:url(../images/press-kit-tab-hover.jpg) 0 0 no-repeat;}
ul.tab-strip li a.download-tab{ background:url(../images/download-tab.jpg) 0 0 no-repeat;}
ul.tab-strip li a.download-tab:hover, ul.tab-strip li a.download-tab.active{ background:url(../images/download-tab-hover.jpg) 0 0 no-repeat;}
ul.tab-strip li a.mp3-tab{ background:url(../images/mp3-tab.jpg) 0 0 no-repeat;}
ul.tab-strip li a.mp3-tab:hover, ul.tab-strip li a.mp3-tab.active{ background:url(../images/mp3-tab-hover.jpg) 0 0 no-repeat;}


/* ----------------- press -----------------*/
body.press .videos-container{ background:#000; width:732px;}
body.press .videos-container .mid-container{width:680px;}
div#press{ position:relative; padding-left:35px; padding-bottom:20px;}
div#press a.prev{ position:absolute; left:-22px; top:140px;}
div#press a.next{ position:absolute; right:-10px; top:140px;}
div#press ul li{float:left; margin-right:15px; position:relative; width:212px; height:284px; padding:5px 0 0 0; list-style:none; overflow:hidden; background:#000;}
div.inner-main{margin-left:50px; padding:0; width:750px; overflow:visible;}
div#press ul li div.overlay{ background:url(../images/prass/overlay.png) 0 0 no-repeat; width:202px; height:273px; position:absolute; left:3px; top:5px;  text-align:center; display:none; font-size:14px; color:#FFF; font-weight:bold; z-index:4; text-transform:uppercase;}
div#press ul li:hover div.overlay{ display:block;}
div#press ul li div.overlay a{ display:block; padding-top:120px; height:153px;}
div.press-page .main-outer .main-inner{background:url(../images/press-bg.jpg) 0 -20px no-repeat;}

body.press .videos-container .television{width:645px;}
div#press.television{ padding:50px 30px 10px 70px;}
div#press.television ul li{ margin-right:25px; width:278px; height:212px; padding:4px 0 0 0px; overflow:hidden;}
div#press.television ul li img{ z-index:1; position:relative; left:5px;}
div#press.television ul li div.frame{ background:url(../images/prass/frame2.png) 0 0 no-repeat; width:278px; height:216px; z-index:3;}
div#press.television .jcarousel-clip{ width:600px;}
div#press.television ul li div.overlay{background:url(../images/prass/overlay-2.png) 0 0 no-repeat; width:275px; height:212px; left:5px; top:4px;}
div#press.television ul li div.overlay a{ padding-top:90px; height:122px;}



div#press ul li img{ z-index:1; position:relative; left:3px;}
div#press ul li div.frame{ background:url(../images/img-frame.png) 0 0 no-repeat; width:212px; height:289px; list-style:none; position:absolute; letter-spacing:0; top:0; z-index:3; padding:0 0 0 3px;}

/* ------------------------------ (Apr 26, 2010) --------------------------------*/
div.store{background:#6b1200 url(../images/store-left.jpg) 0 0 no-repeat; height:80px; width:572px; margin-bottom:0px; padding:20px 22px 0 150px;}
div.store p{ margin-bottom:10px;}
div.store label{ width:163px; display:block; float:left; line-height:20px; color:#f4d0ba;}
div.store input.textbox{ border:#90422e 1px solid; padding:2px 3px 4px; background:#000; width:182px; color:#f4d0ba;}
div.store .go-btn{ float:right; margin-top:8px; margin-right:115px;}
div.store div.radio-wrapper{ float:right; width:124px; margin:10px 12px 0 0; }
div.store div.radio-wrapper input{ margin-right:5px; float:left;}
div.store div.radio-wrapper p{ margin-bottom:6px; color:#f4d0ba;}
div.store select{ color:#F7D0BA; font-size:12px; width:188px; background:#000;}
div.store select option{ text-transform:uppercase; font-family:"Times New Roman", Times, serif;}

/*----------------- result -------------*/
div.result{ padding-top:20px;}
div.result h2{ font-size:22px; color:#FFF9E6; font-weight:normal; margin-bottom:20px; padding:0;}
div.result h2 small{ font-size:12px;}
div.result div.map{ float:left; width:417px; background:#6b1200 url(../images/map-bg.jpg) 0 100% no-repeat; padding:8px 8px 38px 6px; height:225px;}
div.result .gallery-outer.content-section{ padding-left:15px; width:310px;}
div.result ul{width:280px;}
div.result ul li{ border-bottom:#242424 1px solid; padding-bottom:20px; float:none; margin-bottom:15px;}
div.result ul li h3{ font-size:12px; color:#fdd4bc; margin-bottom:0px;}
div.result ul li p{ margin-bottom:5px;}
div.result ul li a.button{ background:url(../images/button-bg.jpg) 0 0 repeat-x; height:22px; line-height:22px; border:#621101 1px solid; text-align:center; width:100px; display:block; font-size:12px; color:#fdd4bc; text-decoration:none;}
div.logo2{ top:0px; position:relative; text-align:center; margin-bottom:8px;}

/*------ share --------*/
div.share{ background:url(../images/color-box2.jpg) 0 0 no-repeat; width:581px; height:440px; padding:0 0 0 35px; margin-bottom:10px; position:relative;}
div.share .image{top:-30px; float:left; position:relative; width:174px; margin-right:10px;}
div.share div.form{ width:358px; float:left; padding-top:60px;}
div.share div.form label{ float:left; font-size:14px; color:#e7b79c; width:145px; text-align:right; line-height:20px; margin-right:20px;}
div.share div.form input.textbox{ border:#3f352e 1px solid; padding:2px 3px 4px; background:none; width:183px; color:#E7B79C;}
div.share div.form p{ margin-bottom:10px; width:358px; float:left;}
div.share div.form p.share label{ width:310px; text-align:left; padding-left:29px; margin-right:0;}
div.share div.form textarea{ border:#3f352e 1px solid; padding:2px 3px 4px; background:none; width:183px; color:#E7B79C; overflow:auto;}
.alr{ text-align:right;}
div.register .image{top:-35px;}
p.alert-msg{ position:absolute; color:#FF0000; font-weight:bold; top:10px; padding-bottom:20px; width:350px;}
div.share div.form h2{ padding-bottom:20px;}



/* drink page css starts  */
div.two-column .drinkimgcolume{width:282px; float:left; text-align:center; margin-right:12px;}
div.two-column .descripcolume{width:420px; float:left; padding-top:25px; height:275px;}
.descriptxt{padding:0px 0 15px 0px; margin:0px; overflow:auto;}
.descriptxt p{padding:0 0 15px 10px; margin:0px;}
.sliderarea{width:780px; padding:0px 0 0 40px;}
.topline{width:718px; padding:0px; background:url(../images/sliderdeviderline.png) center top repeat-x; line-height:0px!important; font-size:0px!important; height:8px;}
.sliderarea .sliderow{width:718px; padding:0px;}
.sliderarea .sliderow .thumbbox:hover a{color:#ee4023!important;}

.sliderarea .sliderow .thumbbox{width:122px; padding:0px 9px 0 9px; float:left;}
.sliderarea .sliderow .thumbbox .thumbimg{width:122px; background:#000000; padding:0px; height:85px; border:1px solid #3c2b23;}
.sliderarea .sliderow .thumbbox .thumbimg a{ display:block;}
.drinkname{color:#ffffff; padding:5px 0 0px 0px; text-align:center; font-size:11px;}
.drinkname a{color:#fff;padding:0px; text-decoration:none;}
.drinkname-active{color:#ee4023!important; padding:0px; text-decoration:none;}
.drinkname a:hover{color:#ee4023!important; padding:0px; text-decoration:none;}

.bottomline{width:718px; padding:0px; background:url(../images/sliderdeviderline.png) center bottom repeat-x; line-height:0px!important; font-size:0px!important; height:8px;}

div.two-column .detailarea{width:500px; padding:0px 0 12px 0px; float:left;}
div.two-column .drinkimgbig{width:282px; float:left; margin-right:10px;}
div.two-column .detailarea .detaiframe{width:500px; padding:0px;}
div.two-column .detailarea .detaiframe .topbg{width:500px; background:#6b1200 url(../images/bottombg2.png) left bottom repeat-x; padding:0px 0 20px 0px; margin-bottom:2px;}
.viewtab{width:492px; padding:0px; position: absolute; margin-top:-10px;}
.viewtab ul{width:auto; padding:0px; margin:0px; list-style-type:}
.viewtab ul li{display:block; float:right; padding:0px; margin-left:2px;}
.pageheading{font-size:20px; padding:0 0 10px 0px; color:#fff9e6; text-transform:uppercase;}
.recipearea{width:480px; padding:0 10px 0 10px;}
.recipearea .titletxt{padding:10px 0px 10px 0px;}
.recipearea .recipeinfo{width:480px; padding:0px;}
.recipearea .recipeinfo ul{padding:0px; margin:0px; list-style-type:none; width:460px; overflow:hidden;}
.recipearea .recipeinfo ul li{background:#000000; padding:5px 8px 5px 10px; color:#f4d0ba; margin-bottom:3px}
div.two-column .detailarea .detaiframe .bottbg{width:500px; background:url(../images/bottombg2.png) left top repeat-x; padding:0px; line-height:0px!important; font-size:0px!important; height:12px;}

div.column-wrapper{ height:320px; overflow:hidden;}

/* drink page css starts  */

/******************* footer starts ***********************/
.footer-outer {width:100%; min-height:60px; background:url(../images/footer-bg.png) repeat-x 0 0}
.footer-outer .footer {margin:0 auto; width:925px; padding-top:10px; position:relative;}
.footer .top-strip {top:-6px; left:0; position:absolute;}
.footer-text {float:left; padding-top:7px; padding-left:8px;}
.footer-text.left-padding {padding-left:50px; margin-right:8px;}
.footer-text.both-padding {padding:1px 7px 0 7px; margin-top:7px; border-right:1px solid #fff9e9; margin-right:2px;}
.social-media {float:left; width:98px; text-align:center}
/******************* footer ends ************************/
/********** layout ends *******************/
input.textbox{ font-family:"Times New Roman", Times, serif; font-size:14px;}



table.full{ width:100%; border:0; height:100%; }
table.full tr td{ height:100% !important; vertical-align:middle;}
html{ height:100%; }
html,body{ height:100%; padding:0; margin:0;}