@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; }
.mid h2 { font-size: 12px; }

/*End Text*/


/*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: 5px; }
.lcbo_logo { padding-left: 24px; float: left; }
.lcbo_slogan { float: left; padding: 35px 0px 0px 35px; }
.deflate { float: left; padding-left: 14px; }
#navigation { background-color: #444b2c; width: 957px; height: 30px; float: left; margin: 5px 0; display: block; }
#navigation ul { display: inline; width: 700px; height: 30px; }
#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: 175px; float: left; }
.nav_home { background: url(../images/home.jpg) no-repeat; height: 28px; width: 73px; }
.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; width: 125px; height: 28px; }
.nav3 { background: url(../images/risks.jpg) no-repeat; height: 28px; width: 112px; }
.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: 142px; }

/*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: left}
.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: 152px; height: 25px; float: left}

/*End Buttons*/

#to_do p { color: #666666; font-size: 13px; line-height: 20px; }
.link { font-weight: bold; margin-bottom: 30px; }
.host_link { background: url(../images/host_bg.gif) no-repeat; width: 458px; height: 26px; padding: 2px 0px 2px 10px; float: left; }
.other_tips { background-color: #fafdf2; width: 585px; height: 88px; padding: 10px 0px 0px 25px;  overflow:visible;}
.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: 167px; height: 38px; float: left}

/*Footer*/

#footer ul li { display: inline; }
.links { background: url(../images/footer_links.gif) no-repeat; width: 293px; height: 31px; margin-right: 2px; }
.links ul { margin: 12px 0px 0px 22px; }
#footer { float: left; margin-top: 5px; 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; overflow: hidden; display: block; }
.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: 163px; height: 28px; }
.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: 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}
#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_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%}
 */