@charset "UTF-8";
/* CSS Document */

/*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; background: #fff; margin: 0 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input, textarea { margin: 0; }
a { outline: none; text-decoration: none; color: #272f16}
a:hover { color: #000}

/*End Reset*/

/*Text*/
h1{font-size:20px; font-weight:bold; color:#272f16;}
h2{ font-size:14px; font-weight:bold; color:#272f16;}
h3{font-size:12px; font-weight:bold; color:#859234; text-transform:uppercase; margin-top:10px;}
h4{ font-size:18px; font-weight:normal; color:#272f16;}
h5{}
h6{}
p{ margin-bottom:15px; color:#333;}
.section_text{ padding:0px 20px 10px 20px}
.fact{ float:left;}
.fact span{ float:left; font-weight:bold}
.col{ float:left; width:550px; margin-left:5px;}
.span-2{width:175px; background-color:#e2e2e2; margin-left:10px; text-align:center; margin-bottom:2px;}
.span-1{width:380px;background-color:#e2e2e2;text-align:center; margin-bottom:2px;}
.host_link h2{ font-weight:normal; font-size:11px; margin-top:2px;}
.mid h2{ font-size:12px;}
/*End Text*/

#flashBoarder.home { width: 958px; height: 362px; float: left; padding-top: 4px; margin-left: 0px; display:block;}
#flashBoarder.deflateflash { width: 958px; height: 480px; float: left; padding-top: 4px; margin-left: 3px; }

/*Main*/

#flashBoarder.home { width: 958px; height: 362px; float: left; padding-top: 4px; margin-left: 0px; display:block;}
#flashBoarder.deflateflash { width: 958px; height: 480px; float: left; padding-top: 4px; margin-left: 3px; }
#container { width: 960px; margin: auto; position: relative; }
.section_header { margin-bottom: 10px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.content { float: left;/*margin-bottom:20px;*/ margin-top: 5px; }
.left { float: left}
.leftC { float: left; clear: left; margin: 0px 0px 5px 0px; font-weight: bold; text-transform: uppercase; width: 520px; }
.leftC input { padding-right: 10px; margin-right: 20px; }
.right { float: right; }
.content { width: 640px; border: solid 1px #e5e6d6; padding: 10px; background-color: #FFF}
.mocktail_content { height: 758px; display: block; margin-top: 5px; }
.mocktail_content.alt { height: 647px; display: block; margin-top: 5px; }
.point { width: 557px; padding-left: 47px; position: relative; margin-top: -20px; margin-bottom: 20px; }
.sizes { background: url(../images/fact_bg.jpg) no-repeat; height: 164px; width: 586x; padding: 15px 10px; }
.point p, .point h2, .point h4 { margin: 0px 10px; }
.top { background: url(../images/point_top.gif) no-repeat; height: 6px; }
.mid { background: url(../images/point_mid.gif) repeat-y; }
.btm { background: url(../images/point_bottom.gif) no-repeat; height: 6px; }
.clear { float: left; clear: left; height: 1em; display: block; }

/*End Main*/

/*Navigation*/
#header{ background:url(../images/header_bg.gif) no-repeat; width:958px; height:115px; float:left; padding-bottom:3px;}
.lcbo_logo{ padding-left:20px; float:left;}
.lcbo_slogan{ float:left; padding:35px 0px 0px 12px;}
.deflate{ float:left; padding-left:14px;}
#navigation{ background-color:#434b2c; width:957px; height:30px; float:left; margin-top:3px;}
#navigation ul{ display:inline; width:835px; height:35px;}
#navigation li{display:inline;  height:28px;}
#navigation li a{ margin-top:1px;float:left;}
#navigation li a.current{ background-position:0 100%}
#navigation .nav{ margin-left:65px; float:left;  }
.nav_home{ background:url(../images/home.jpg) no-repeat; height:28px;  width:75px; }
.nav1{ background:url(../images/deflate_the_elepant.jpg) no-repeat; height:28px;  width:159px; }
.nav2{ background:url(../images/be_a_great_host.jpg) no-repeat;  height:28px; width:179px;}
.nav3{ background:url(../images/risks.jpg) no-repeat; height:28px; width:152px;}
.nav4{ background:url(../images/send_to_a_friend.jpg) no-repeat; height:28px; width:145px;}
.nav5{ background:url(../images/mocktails.jpg) no-repeat; height:28px; width:259px;}
/*End Navigation*/

/*Side Navigation*/
/*End Side Navigation*/

/*Buttons*/
.btn{ text-indent:-9999px; display:block; cursor:pointer}
.btn:hover{ background-position:0 100%}
.digit{ background:url(../images/digits.gif) no-repeat; height:23px; position:relative; left:-28px; top:25px;}
.two{ background-position:0 -23px;}
.three{ background-position:0 -46px;}
.four{ background-position:0 -69px;}
.five{ background-position:0 -92px;}
.six{ background-position:0 -115px;}
.seven{ background-position:0 -138px;}
.eight{ background-position:0 -161px;}
.nine{ background-position:0 -184px;}
.ten{ background-position:0 -207px;}
.eleven{ background-position:0 -230px;}
.twelve{ background-position:0 -253px;}
.thirteen{ background-position:0 -276px;}
.fourteen{ background-position:0 -299px;}

.learn_more{ background:url(../images/learn_more.jpg) no-repeat; width:116px; height:26px; float:right}
.submit_tip{ background:url(../images/submit_tip.gif) no-repeat; width:97px; height:25px; float:left}
.deflate_btn{ background:url(../images/deflate_btn.gif) no-repeat; width:159px; height:25px; float:left}
/*End Buttons*/

.link{ font-weight:bold; margin-bottom:30px;}
.host_link{ background:url(../images/host_bg.gif) no-repeat; width:450px; height:26px; padding:2px 0px 2px 10px; float:left;}
.other_tips{ background-color:#fafdf2; width:585px; height:110px; padding:10px 0px 0px 25px;}
.other_tips li{ font-size:11px; list-style:none; clear:left;}
.other_tips a{ color:#98bd31;}
.other_tips a.current{ color:#000;}
.other_tips a:hover{ color:#000;}
.other_tips ul {overflow:visible;}
.other_tips ul span{float:left; display:block !important; overflow:visible; margin-left:-5px;}
.arrow{ background:url(../images/host_arrow.gif) no-repeat; width:4px; height:7px; margin-top:5px; margin-right:5px; float:left; display:block;}
.other_tips .arrow.current{ background:url(../images/host_arrow_current.gif) no-repeat;}
.banner_btn{ position:absolute; left:30px; bottom:5px; }
.pdf{ background:url(../images/pdf.gif) no-repeat; width:227px; height:46px; float:left;}
.attempt{ background:url(../images/attempt.gif) no-repeat; width:227px; height:35px; float:left;}
.subnav{ padding:0px 20px 10px 10px; clear:left; margin-top:10px;}
.point li{ margin:3px 15px 0px 25px}
.great_host{ background:url(../images/have_what_it_takes.gif) no-repeat; width:598px; height:95px; padding:5px 0px 0px 100px}
.download{ background:url(../images/download_it_here.gif) no-repeat; width:140px; height:38px; float:left;}
/*Footer*/

#footer ul li{display:inline;}
.links{ background:url(../images/footer_links.gif) no-repeat; width:435px; height:31px; margin-right:2px;}
.links ul{ margin:12px 0px 0px 24px; }
#footer{ font-size:10px; font-family:Arial, Helvetica, sans-serif; clear:left;}
#footer a{color:#272f16}
/*End Footer*/

/*Forms*/
.form{ float:left;   padding:23px 0px 0px 20px; margin:0px 20px; clear:left; width:597px}
input, textarea{ background-color:#f5f6ea;}
.field{ background-color:#f5f6ea; padding:0px 10px 2px 10px; margin:0px 20px; margin-bottom:10px; clear:left;}
.form_field{ font-weight:bold; float:left; margin-bottom:10px;}
.form_field input{ float:left;}
.form_field textarea{ float:left; clear:left}
.form_field div{ width:90px; float:left; text-align:right; margin-right:10px;}
/*End Forms*/
.ML{ float:right; margin-right:35px;}
.submit{ background:url(../images/submit_btn.gif) no-repeat; height:35px; float:left; margin-left:40px; width:90%;}
.btn a:Hover{ background-position:0 100%}
.info{ background:url(../images/info_bg.gif) no-repeat; width:597px; height:68px; margin-bottom:-20px;}
.info2{ background:url(../images/friend_bg.gif) no-repeat; width:597px; height:129px; margin-bottom:-20px;}
.friend{ background:url(../images/friend_bg.gif) no-repeat; width:597px; height:129px}
.comment{ background:url(../images/comment_bg.gif) no-repeat; height:321px; padding-top:12px;}



/*Banners*/
.banners { width: 298px; float: left; margin-top: 5px; }
.banners.home { width: 958px; height: 166px; margin-top: 6px; margin-bottom: 2px; margin-left: 0px; }
.push1 { background: url(../images/banner_push_1.gif) no-repeat; height: 317px; margin-left: 5px; margin-bottom: 15px; position: relative; }
.push2 { background: url(../images/banner_push_2.gif) no-repeat; height: 243px; margin-left: 5px; margin-bottom: 15px; position: relative; }
.push { margin-left: 5px; margin-bottom: 10px; position: relative; z-index: 1}
.banners.home .push { margin-bottom: 0px; width: 316px; display: block; padding: 0; margin-left: 5px; float: left; }
.banners.home .push.first { margin-left: 0px; }
.mocktail_content .push { margin-left: 46px; width: 550px; height: 68px; margin-top: 5px; }
.push.facebook { cursor: pointer; }
.text { padding: 20px; text-align: center; position: absolute; bottom: 40px; }
#countdown, #countdown_aug { width: 316px; height: 166px; display: block; }
#countdown_aug { background: url(../images/countdown_bg.jpg) no-repeat; }
/*End Banners*/

.flash{ margin-bottom:20px; }



.rowD{height:1px; width:100%; background-color:#d9e6b4; margin-bottom:10px;}

.top_c{ background:url(../images/pod_top.gif) no-repeat; width:291px; height:8px;}
.mid_c{ background:url(../images/pod_mid.gif) repeat-y; padding:0 22px; text-align:center}
.bot_c{ background:url(../images/pod_bot.gif) no-repeat; width:291px; height:8px;}
.print_r{ background:url(../images/print_mocktail_Red.gif) no-repeat; width:185px; height:33px;}
.print_p{background:url(../images/print_mocktail_pink.gif) no-repeat; width:185px; height:33px;}
.download_now_y{ background:url(../images/download_now_y.gif) no-repeat; width:165px; height:33px;}
.download_now_lb{ background:url(../images/download_now_lb.gif) no-repeat; width:165px; height:33px;}
.container{ margin-bottom:10px;}
.container p{ color:#666666; font-size:11px; text-align:left; line-height:14px;}
.container .btn{ margin:auto; }
.container_title{ float:left; padding:10px 0}



/* Mocktails */
#mocktail_left{width:245px; float:left; padding:20px 10px 0 20px ;}
#mocktail_right{width:365px; height:425px; float:right; position:relative}
#mocktail_right img{position:absolute; top:0px; left:0px;}

#mocktail_left h3{color:#666666; font-size:22px; font-weight:normal; text-transform:none;}
#mocktail_left p{color:#666666; font-size:12px; line-height:20px;}
#mocktail_left h2{font-size:32px; line-height:32px; padding:20px 0 17px 0;}
.mock_recipe_color{color:#505858; background:#FFFFFF;}

#mocktail_thumbnails{height:119px; overflow:hidden; padding:20px 0px 0 45px; }
.mocktail{float:left; overflow:hidden; width:112px; height:119px; padding:0 0px 0 0; cursor:pointer}
.mocktail_thumb{display:block; zoom:1; }
.watermelon{background:url(../images/watermelon_over.jpg) no-repeat top left;}
.rasberry{background:url(../images/rasberry_over.jpg) no-repeat top left;}
.orange{background:url(../images/orange_over.jpg) no-repeat top left;}
.ceasar{background:url(../images/ceasar_over.jpg) no-repeat top left;}
.blueberry{background:url(../images/blueberry_over.jpg) no-repeat top left;}
.mocktail_thumb img{}
.tooltip_content{display:none}
.mocktail_desc, .mock_title{display:none;}


#mock_pdf_link{background:url(../images/print_recipe_sprite.gif) no-repeat top left; width:150px; height:25px; display:block;}
#mock_desc{padding-bottom:20px;}
#mock_pdf_link:hover{background-position:0 100%;}

/*Tooltip*/
.tipsy {display:block !important; padding: 5px; font-size: 10px; position: absolute; z-index: 100000; background:url('../images/tool_tip_left.png') no-repeat top left; height:43px; padding:0 0 0 52px; }
.tipsy-inner { padding: 10px 15px 4px 8px; background:url('../images/tool_tip_right.png') no-repeat top right; color: #000000;  text-align: center; margin-left:-20px; height:31px; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-inner p {margin-left:-27px; display:block !important}
/* Mocktails End */


/*Polls*/
#poll_container {width: 491px; position: absolute; top: -225px; left: 15px; overflow:hidden;}
#poll_container_top{float:left;width: 491px; height: 30px; display: block; background:url('../images/poll_box_top.png') no-repeat; }
#poll_container_bottom{ float:left;width: 491px; height: 30px; display: block; background:url('../images/poll_box_bottom.png') no-repeat; }
#poll_container_middle { float:left;width: position:relative; 491px; display: block; padding:5px 12px 12px 35px; background:url('../images/poll_box_middle.png') repeat-y;}
#poll_container_content{float:left;width:419px; height: 220px; background:#f7f7f7; display:block;}
#poll_container h2 { color: #6E6F74; font-size: 16px; font-family: Arial; font-weight: normal; margin-bottom:5px;}
#poll_container h3{text-transform:none; color:#6E6F74; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:-10px; margin-top:-3px;}
#poll_container p { font-family: Arial; color: #333333; font-size: 13px; }
#animate_container {display: none; width: 600px; height: 349px; position: absolute; z-index: 100; top: -349px;  left: 11px; overflow: hidden}
#homepage_container { position: relative}
#answer_blurb {display: block; color: #6E6F74 !important; margin:0; padding:0;}
#cta_button{float:left; display:block; margin-top:10px; display:none; cursor:pointer;}
#polldaddy_container{float:left; display:block;}
#polldaddy_container_top, #polldaddy_container_middle, #polldaddy_container_bottom{float:left;display:block; margin:0; padding:0;}
#polldaddy_container_middle{padding-left:10px;}
#polldaddy_container{margin-top:5px;}
#flashcontent { position: absolute; z-index: 1; outline: none; }
#continue_button{float:right; display:block; margin-top:5px;}
#continue_button, #continue_button a{background:transparent}
#continue_button a:hover{color:#737824 !important;}
#cta_button{cursor:pointer};
/*Polls End*/

p sup{vertical-align:top; font-size:80%}
 */