* { margin: 0; padding: 0; }
html { height: 100%; }
body { background-color: #fff; font: 11px/18px Tahoma, Arial, Helvetica, sans-serif; height: 100%; color: #666; }

#header { position: absolute; left: 0; top: 0; width: 100%; background: #f9f9f9 url( bg-header.png ) repeat-x left top; line-height: 32px; z-index: 9000; min-width: 740px; }
#header, [ei-ie] { position: fixed; }

#navi { list-style: none; float: left; padding: 0; margin: 0; border-right: 1px solid #e3e3e3; font-size: 13px; position: relative; z-index: 200; width: 660px; }
#navi li#logo { float: left; width: 100px; height: 44px;  background: url( bg-navi-logo.png ) no-repeat left top; text-indent: -999px; }
#navi li#logo a { width: 100px; height: 45px; float: left; display: block;  background: url( bg-navi-logo.png ) no-repeat left top; }
#navi li#logo a:hover { background-position: right top; }
#navi li.main { float: left; width: 140px; height: 44px; position: relative; background: #fff url( bg-menu-item.png ); }
#navi li.lihover {background: #fff }
#navi li.active { background: #fff url( bg-menu-item-hover.png ) no-repeat left top; }
#navi li.main a { float: left; width: 120px; padding: 12px 10px 0; height: 32px; line-height: 32px; text-align: center; text-decoration: none; color: #888; }

#navi li ul { opacity: .99; display: none; position: absolute; left: 0px; top: 44px; float: left; width: 171px; line-height: 30px; list-style: none; background: #fff; margin: 0; padding: 0; font-size: 11px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;  z-index: 100; }
#navi li ul li { display: inline; line-height: 30px; margin: 0; padding: 0; text-transform: none; }
#navi li.main ul a { display: block; float: none; line-height: 30px; padding: 0 12px; height: 30px; width: 160px; background: #fff url( bg-subnavi-item.png ) repeat left top; text-align: left; width: 145px; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #f7f7f7; position: relative; }
#navi li.main ul a.active { background-position: 0 -62px; color: #333; }
#navi li.main ul a:hover,
#navi li.main ul a.active:hover { background-position: 0 -31px; background-color: #acacac; color: #fff; border-left-color: #aaa; border-right-color: #aaa }

#navi li.main ul li:last-child a,
#navi li.main ul li:last-child a:hover { -moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; line-height: 30px; border-bottom: 1px solid #eee; }
#navi li.main ul li:last-child a:hover { border-bottom: 1px solid #aaa; }

#navi li.main ul li.last a:link,
#navi li.main ul li.last a:visited { border-bottom: 1px solid #eee; }

#help-navi { position: absolute; right: 0; top: 0; width: 300px; height: 22px; line-height: 18px; padding: 0; margin: 0; margin-top: 22px; list-style: none; font-size: 11px; color: #999; }
#help-navi li { display: inline; }
#help-navi a { width: auto; padding: 0; color: #999; text-decoration: none; padding: 0 13px 4px 11px; background: url( bg-help-navi.png ) no-repeat right;  float: right; }
#help-navi a:hover { color: #333; }

/* New */
#popupWindow {background:url(white.gif);display:none;position:fixed;top:0px;left:0px;right:0px;height:1px;z-index:9999;overflow:hidden}
#popupWindow td .inner {margin:0px auto 0px auto;height:564px;width:998px;background:url(popupWindow.png) top left no-repeat;}
#popupWindow td .right{float:right;height:564px;width:100px;}
#popupWindow td .left {float:left;height:564px;width:100px;}
#popupWindow td .close_button {height:40px;width:50px;float:right;cursor:pointer;margin-top:-20px}
#popupWindow td .right_button {margin-top:190px;margin-left:40px}
#popupWindow td .left_button {margin-top:250px;margin-left:30px}
#popupWindow td .slide_content_outer {float:left;height:564px;width:798px;}
#popupWindow td .slide_content_inner {height:564px;width:798px;}

ul.overlayNav {list-style: none;height: 32px;}
ul.overlayNav li {float: left;}
ul.overlayNav li a{margin-right: 15px;}

#frontpage-background-overlay {background:#dee8f4;top: -40px; z-index:10;position: relative; margin-top: 45px;}

#share {color:#000000;position: absolute; width: 420px; top: 50px; right: 0; bottom:0; margin-left: auto; margin-right: 20px;height:100px;}
#share .options {float:left;width:130px;height:100px;}
#share .options img {margin-right:4px;margin-bottom:-4px;}
#share .fb {border:0 pxnone; width:250px; height:45px; overflow:hidden; background: transparent;visibility:hidden;}

#carousel_outer {background:#ffffff;z-index:800;width:100%;height:280px;position:fixed;bottom:0px;}
#carousel_inner {height:210px;background:#ffffff}
	
#mycarousel {width:1000px;margin:auto}
#mycarousel .slide_box{width:285px;height:180px;margin-right:2px;border-right:solid 1px #eeeeee}
#mycarousel .title {padding-left:20px;margin-top:17px;font-size:12px;font-weight:bold;color#666666}
#mycarousel .body { padding-left:20px;height:110px;width:120px;line-height:16px;font-size:11px;color:#888888}
#mycarousel .more {padding-left:20px;}
#mycarousel .left {height:180px;width:70px;float:left;}
#mycarousel .left img {margin-top:60px;}
#mycarousel .right {height:180px;width:30px;float:right;margin-left:50px}
#mycarousel .right img {margin-top:20px;}	
#mycarousel .dots_container {text-align:center;margin-top:0px}
	
.popup_content {height:564px;width:798px; display:none;}
.popup_content li {font-size:11px;}
.overlay_content {overflow:auto;height:414px;width:798px; margin-bottom:5px;}
#main_background img {width:100%;max-height:1000px;background:#286b93}

/* New */

/* LAYOUT */
#aspnetForm { min-height: 100%; }
#content { float: left; width: 100%; height: 100%; position: relative; z-index: 2; }
#flash-holder { position: relative; z-index: 50; }
/*#content-block { height: 100%; padding: 20px; z-index: 3; }*/
#content-block { padding-top: 80px; width: 950px; height: 100%; margin: 0 auto; padding-bottom: 20px; z-index: 3; }
#flash-bottle { float: left; width: 245px; }

/* FRONTPAGE */
/*#frontpage-background { height:100%; z-index:3; background-repeat:no-repeat; background-position:top center; }*/
#frontpage-background { top: -40px; }
#frontpage-background #content-block { width:1000px; height:700px; padding-top:80px; }
#frontpage-background .banners { position:relative; margin-top:580px; }
#frontpage-background .banner { background-color:transparent; }
/*#frontpage-background .banner .button { position:absolute; top:90px; background:none; }*/
#frontpage-background .banner .button { background:none repeat scroll 0 0 transparent; position:absolute; top:90px; }
#frontpage-background .banner h3 { font-weight:bold; padding-top:10px; padding-left:10px; }
#frontpage-background .banner p { padding-left:10px; }

#touts .banners { position:relative; margin-top:580px; }
#touts .banner { background-color:transparent; }
/*#frontpage-background .banner .button { position:absolute; top:90px; background:none; }*/
#touts .banner .button { background:none repeat scroll 0 0 transparent; position:absolute; top:90px; }
#touts .banner h3 { font-weight:bold; padding-top:10px; padding-left:10px; }
#touts .banner p { padding-left:10px; }

#banner-wrapper {position:relative; width: 1100px; margin: auto;}

img.bg {Width: 100%; top: 0; left: 0; /*min-height:650px;	height:auto !important;	height:650px;*/ min-width: 1100px;}
img.bg-story {Width: 100%; top: 0; left: 0; /*min-height:660px;	height:auto !important;	height:660px;*/ min-width: 1225px;}
.tout {float: left; left: 0px; width: 310px; height: 130px; padding 0 10px; margin-left: 20px; overflow: visible; background-color: transparent;}
#touts {position: absolute; width: 1100px; bottom: 60px; left: 0; right: 0; margin-left: auto; margin-right: auto;}

.banner h3 {color:#666666; font-size:14px;}
.banner p {font-size:11px; line-height:16px; margin-bottom:10px; margin-top:5px;}


/* EVENTS */
.button  { background-image:url("button.png"); width:102px; height:24px; margin-top: 10px;}
.button p  { text-align: center; padding: 2px 0; color: #fff; height:20px; margin: 0;  }

	#events-home { height: 646px; margin: 10px auto;  }
	.image-row img { padding-right: 4px; }
	.image-row { padding-bottom: 4px; }
	.events-text-box-first { width: 412px; float:left; margin: 15px 0; }
	.events-text-box { width: 402px; border-left: 1px solid #e6e5e5; float:left; margin: 15px 0; padding-left: 10px; }
	.events-text-box-first h1, .events-text-box h1 { color: #515151; text-transform: none; font-size:36px; font-weight:lighter; }
	.events-text-box-first h3, .events-text-box h3 { font-size:14px; }
	.events-text-box-first .button, .events-text-box .button  { background-image:url("button.png"); width:102px; height:24px; margin-top: 10px;}
	.events-text-box-first .button p, .events-text-box .button p  { text-align: center; padding: 2px 0; color: #fff; height:20px; margin: 0;  }
	.events-text-box-first a, .events-text-box a { text-decoration: none; }

	/* MIDNIGHT SUN */
			
			/* SHARED */
			.midnightsun-content { padding-top: 20px; height: 646px; }
			#midnightsun-subnavi li { list-style:none; font-size: 20px; display: inline; padding-right: 10px; text-transform: uppercase;}
			#midnightsun-subnavi li a { text-decoration: none; color: #999999; }
			#midnightsun-subnavi li a.active { color:#000; }
			.midnightsun-content #left { float: left; padding-left: 20px; }
			.midnightsun-content .button { float: right; }
			#videoHolder { /*margin-left: 50%; margin-right: 50%;*/ margin-top: 70px; }
			#textHolder {  }
			#center-box { width:700px; margin: 0 auto; }
			.MS-section { color: #999999; }

			/* LANDING */
			#midnightsun-landing-content a { color: #fff;}
			#midnightsun-landing-content h1, #midnightsun-landing-content h3 { color: #fff; }
			#midnightsun-landing-content .midnightsun-subnavi { color: #fff;  }
			#midnightsun-landing-content .midnightsun-subnavi li .active { color: #959595; }

			/* MAGIC */
			#main-content-mdn-magic { background-color: #e8edfa; }
			#main-content-mdn-magic h1, #main-content-mdn-magic h3 { color: #959595;  }
			#main-content-mdn-magic p { color: #959595; font-size: 14px; padding-top: 15px; text-align:center; }
			#main-content-mdn-magic .midnightsun-subnavi { color: #9A9A9A;  }
			#main-content-mdn-magic .midnightsun-subnavi a { color: #9A9A9A; }
			#main-content-mdn-magic .midnightsun-subnavi li .active { color:#000; }
			.magic-center { text-align:center; }

			/* GALLERY */
			.jPaginate{ }
			.jPaginate a { color:#9a9a9a; }
			.jPaginate span { cursor:pointer; }
			ul.jPag-pages{ list-style-type:none; margin:0px 0px 0px 0px; padding:0px; }
			ul.jPag-pages li{ display:inline; padding:0px; margin:0px; }
			ul.jPag-pages li a{ padding:2px 5px; }
			span.jPag-current{ cursor:default; font-weight:normal; padding:2px 5px; }
			.jPag-pages li { font-size: 14px; }
			.jPag-current { text-decoration:underline; font-weight:bolder; }
			.jPag-pages li a:hover { text-decoration:underline; }
			.jPag-control-back, .jPag-control-front { display:none !important; }
			.image-gallery { width:745px !important; padding-top:70px; padding-bottom:100px; }
			#page-links { margin-top:10px; display:block; padding-left:3px; }
			#pages-text { float:left; font-size:15px; }
			#pagination { float:left; left:200px; }
			#gallery-title-and-guide { clear:both; width:400px; margin: 0 auto; text-align:center; }
			#gallery-title-and-guide .gallery-title { font-weight: bold; font-size: 15px; }
			#gallery-images a.thumb { margin:0px; }
			#gallery-images a.thumb img { width:100px; border:3px transparent solid; }
			#gallery-images a.thumb:hover img { border:3px #ccc solid; }
			
			/* SPELLS */
			.spells-center { width:890px !important; padding-top:60px; height:560px; }
			#contentwrapper{ float: left; width: 100%; }
			#contentcolumn{ margin: 0 40px 0 40px;  }
			#leftcolumn{ float: left; width: 40px; margin-left: -890px; padding-top:150px; display:table-cell;  }
			#rightcolumn{ float: left; width: 30px; margin-left: -40px; padding-top:150px; display:table-cell; padding-left:10px;  }
			.vcenter { vertical-align:middle; display:table-cell; }
			.spell-item { padding:20px; background-repeat:no-repeat; height:500px; }
			.spell-item-content{ background:transparent;  }
			.spell-header { font: 40px bold; padding-top:45px; padding-left:30px; text-transform: none; width:380px; }
			.spell-body-text { padding-left:30px; width:380px; font-size: 12px; }
			#spells-prev, #spells-next { display:block; height:60px; width:30px; }
			#spells-prev { background-image:url('spells-arrow-left.png'); }
			#spells-next { background-image:url('spells-arrow-right.png'); }
			#spells-prev:hover { background-image:url('spells-arrow-left-hover.png'); }
			#spells-next:hover { background-image:url('spells-arrow-right-hover.png'); }
			#spells .share { margin-left: -10px; position:absolute; top:400px; }

	/* FINNISHING SCHOOL */
		
		/* FS navigation */
		#finnishing-school-subnavi li { list-style:none; font-size: 20px; display: inline; text-transform: uppercase;}
		#finnishing-school-subnavi li a { text-decoration: none; color: #fff; }
		#finnishing-school-subnavi li a:hover { text-decoration: none; color: #ccc; }
		#finnishing-school-subnavi li span { color:#fff; }
		#finnishing-school-subnavi li a.active { color:#ccc; }
		#finnishing-school-main .main-title { color: #fff; }

		/* INFO PAGE */
		.finnishing-school-center { height:384px; width:810px !important; margin-top: 50px !important; margin-bottom:100px !important; }
		#finnishing-school-main { padding-top:50px; }
		.finnishing-school-center h1 { font-size:30px; color: #bb123b !important; text-transform:none; padding-top:10px; padding-left:20px; }
		p.body-text { padding-top:10px; padding-left:20px; width:340px; }
		#finnishing-school-main .share { top:70px; left:20px; } 
		#finnishing-school-main .fs-logo { position:absolute; z-index:4; right:50px; top:75px; }

		/* TRAINERS PAGE */
		.finnishing-school-center-trainers { width:890px !important; padding-top:60px; height:560px; }
		#finnishing-school-trainers { padding-top:50px; }
		#finnishing-school-trainers .main-title { color: #fff; }
		#finnishing-school-trainers .fs-logo { position:absolute; z-index:4; right:50px; top:75px; }
		#finnishing-school-trainers #contentwrapper{ float: left; width: 100%; }
		#finnishing-school-trainers #contentcolumn{ margin: 0 40px 0 40px;  }
		#finnishing-school-trainers #leftcolumn{ float: left; width: 40px; margin-left: -890px; padding-top:150px; display:table-cell;  }
		#finnishing-school-trainers #rightcolumn{ float: left; width: 30px; margin-left: -40px; padding-top:150px; display:table-cell; padding-left:10px;  }
		.vcenter { vertical-align:middle; display:table-cell; }
		#trainers-prev, #trainers-next { display:block; height:60px; width:30px; }
		#trainers-prev { background-image:url('spells-arrow-left.png'); }
		#trainers-next { background-image:url('spells-arrow-right.png'); }
		#trainers-prev:hover { background-image:url('spells-arrow-left-hover.png'); }
		#trainers-next:hover { background-image:url('spells-arrow-right-hover.png'); }
		.trainer { height:380px; } 
		.trainer-story { padding-left:20px; }
		.trainer ul { list-style-type:none; padding-left: 20px; padding-top:10px; }
		.trainer ul .label { margin-right: 10px; text-align:right; width:100px; display:block; float:left; }
		.trainer ul .label, .trainer ul li { font-weight:bold; }
		.trainer ul li { width:400px; }
		.trainer .share { margin-left:20px; margin-top:15px; }
		.trainer .trainer-story { width: 400px; }
		.trainer h1 { font-size:30px; text-transform:none; margin-top: -10px; padding-left: 20px; }
		.close-trainers-panel { float:right; margin:15px 15px 0 0; display:block; height:18px; width:18px; background-image: url('trainers-close-btn.png'); text-decoration:none; }
		.close-trainers-panel:hover { background-image: url('trainers-close-btn-hover.png'); }

.column { float: left; padding-bottom: 20px; }
	.left { width: 245px; min-height: 5px; }
	.middle { width: 415px; padding-right: 20px; }
	.right { width: 270px; padding-top: 40px; }
	
	.full { width: 100%; }
	
	.left-wide { width: 465px; padding-right: 10px; padding-bottom: 10px; }
	.right-wide { width: 465px; padding-left: 10px; padding-bottom: 10px; }
	
	.two3rd { width: 672px; padding-right: 28px }
	.one3rd { width: 250px; }

	.events-landing { width: 285px; padding: 0 15px; border-left: 1px solid #ccc; margin-bottom: 25px; }
	.firstcol { border: 0 none; }
	
	.half { width: 50%; }

/* TYPOGRAFY */
h1 { font: 46px/46px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 10px; color: #666; }
h2 { font: 30px/30px Tahoma, Arial, Helvetica, sans-serif; text-transform: none; margin-bottom: 20px; color: #666; }
h3 { font: 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 0px; color: #999; }
h4 { font: 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: none; margin: 10px 0; color: #666; }

.right h3 { margin-bottom: 20px; text-transform: none; }

p { font-size: 12px; margin: 18px 0; line-height: 18px; }
ol { margin: 18px 0 18px 25px; font-size: 12px; line-height: 18px; }

ul ul,
ul ol,
ol ol,
ol ul { margin-top: 0; }

img { border: 0; }
img.big { display: block; margin: 20px 0 20px; }

a:link,
a:visited { color: #666; }
a:hover { color: #c00; }

/* STORY */
#content-story-area { padding-top: 60px; width: 100%; float: left; height:730px; }
#content-story { background-image:url(bg-content.jpg); background-position: top left; background-repeat: no-repeat; height: 646px; margin: 10px auto; }
/*#content-block-story { height: 100%; margin: 0 auto; z-index: 3; }*/

#content-block-story {position:absolute; width: 1100px; top: 185px; left:0px;}
#story-content {position: absolute; width: 1100px; top: 0%; margin-top: -150px;}

#story-background { top: -40px; }
#story-background #content-block { width:1000px; height:700px; padding-top:80px; }


#story-banner-wrapper { margin: 0px auto 0 auto; width: 1002px; height: 70px; position:relative;  }
/* GLACIAL_WATER */
.content-story-water { background-image:url(glacier_water.jpg); background-position: top left; background-repeat: no-repeat; height: 646px; margin: 10px auto; color: #fff !important; }
/* BARLEY */
.content-story-barley { background-image:url(barley.jpg); background-position: top left; background-repeat: no-repeat; height: 646px; margin: 10px auto; color: #fff !important; }
/* MIDNIGHT SUN */
.content-story-sun { background-image:url(midnight_sun.jpg); background-position: top left; background-repeat: no-repeat; height: 646px; margin: 10px auto; color: #fff !important; }		

#story { margin: 0 20px 30px 100px; width: 500px; }
#story h1 {  padding: 20px 0; color: #fff !important; }
#story .white {color:#fff !important; margin-top: -18px;}
.story-column { float: none; background-color: #fff !important; color: #666 !important; padding: 15px; margin-top: 20px; height: 420px; }
.empty-column-spreader { height:480px;width:1px;float:right; }
hr { border: solid thin #666;} 

/* FLAVOR DRINKS */
.featured-drink { float: left; width: 100%; padding-bottom: 18px; }
.featured-drink table { float: right; width: 180px; }
.featured-drink th { text-align: left; font: 12px Tahoma, Geneva, sans-serif; }
.featured-drink td { color: #999; vertical-align: top; padding-right: 5px; width: 50% }
.featured-drink span { white-space: nowrap; }
.featured-drink .us { display: none; }
.measurements { clear: both; padding-left: 90px; padding-bottom: 30px; line-height: 14px; color: #999; }
.measurements a { color: #666; }

/* MIDNIGHT SUN SPELLS */

.spell { float: left; width: 100%; border-top: 1px solid #ccc; padding: 20px 0; }
.spell-image { float: left; width: 190px; }
.spell-text { float: right; width: 482px; }

.event-images img { display: block; border: 1px solid #eaebed; background: #f4f8fb; padding: 20px; width: 206px; height: 137px; margin-bottom: 17px; }

/* FOOTER */

#footerstory { float: left; width: 100%; position: relative; z-index: 10; border-top: 1px solid #fff; background: #fff url( bg-footer.png ) repeat-x left top; top: -42px;min-width: 1225px;}
#footerhome { float: left; width: 100%; position: relative; z-index: 10; border-top: 1px solid #fff; background: #fff url( bg-footer.png ) repeat-x left top; top: -42px;min-width: 1100px;}
/*
#footerstory { float: left; width: 100%; position: absolute; border-top: 1px solid #fff; background: #fff url( bg-footer.png ) repeat-x left top; top: -42px;min-width: 1225px;}
#footerhome { float: left; width: 100%; position: aboluste; z-index: 50; border-top: 1px solid #fff; background: #fff url( bg-footer.png ) repeat-x left top; top: -42px;min-width: 1100px;}
*/
#footer { float: left; width: 100%; position: relative; z-index: 10; border-top: 1px solid #fff; background: #fff url( bg-footer.png ) repeat-x left top;}
#footer a, #footerstory a, #footerhome a { text-decoration:underline !important; }
#footer p { font-size: 9px; line-height: 15px; }

#bottom-navi { font-size: 11px; width: 100%; float: left; position: relative; top: -42px;  z-index: 10; line-height: 25px; margin: 0; padding-top: 2px; width: 100%; background: #fff url( bg-bottom-navi.png ) repeat-x left top; border-top: 1px solid #fff; text-align: center; }
#bottom-navi li { display: inline; margin: 0 10px; }
#bottom-navi a { color: #999; text-decoration: none; }
#bottom-navi a.active { color: #333; }
#bottom-navi a:hover { color: #333; }
#bottom-navi .caps, #footer .caps { text-transform: uppercase; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }

#bottom-navi-events { font-size: 11px; width: 100%; float: left; position: relative; z-index: 10; line-height: 25px; margin: 0; padding-top: 2px; width: 100%; background: #fff url( bg-bottom-navi.png ) repeat-x left top; border-top: 1px solid #fff; text-align: center; }
#bottom-navi-events li { display: inline; margin: 0 10px; }
#bottom-navi-events a { color: #999; text-decoration: none; }
#bottom-navi-events a.active { color: #333; }
#bottom-navi-events a:hover { color: #333; }
#bottom-navi-events .caps, #footer .caps { text-transform: uppercase; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }

#footer .caps { font-size: 9px; }

#disclaimer { width: 820px; padding-left: 165px; margin: 13px auto; font-size: 9px; line-height: 12px; color: #999; background: url( hdr-keep-your-judgement.png ) no-repeat 0 2px; }
#disclaimer a:link,
#disclaimer a:visited { color: #999; text-decoration: none; padding: 0 2px; }
#disclaimer a:hover { color: #333; }


.hidden { display: none; }

/* SHARE THIS */
.share { float: left;position: relative; margin-left: 0; background: #f2f2f2 url( ../img/icon-share-this.png ) no-repeat right; padding: 0 10px; width: 100px; margin-top: 10px; text-transform: uppercase; font: 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; margin-right: 5px; }
.share-links { display: none; position: absolute; left: 0px; top: 17px; height: 20px; border-top: 1px solid #fff; background: #f2f2f2; z-index: 9999; width: 110px; padding: 5px 0 0 10px; line-height: 20px; }
.share-links img { margin-right: 6px; float: left; border: 0 none; }

.more-drinks { display: block; float: left; background: #f00; margin-top: 10px; background: #f2f2f2; padding: 0 10px; text-transform: uppercase; font: 10px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif}
.more-drinks a:link,
.more-drinks a:visited { color: #999; text-decoration: none; }


/* PURE FLAVOURS */

.pureflavours, #loading-drinks { font: 16px Arial, Helvetica, sans-serif; list-style: none; margin: 20px 0; color: #999; }
.pureflavours li { display: inline; }

.pureflavours a:link,
.pureflavours a:visited { text-decoration: none; color: #999; }
.pureflavours .active:link,
.pureflavours .active:visited { color: #333 }
.puredrinks { width: 756px; margin: 0 auto; }

.puredrinks a { text-decoration: none; }
.puredrinks span { visibility: hidden; display: block; text-align: center; color: #666; font-size: 16px; }

.drink-small { float: left; padding: 10px 0; width: 189px; height: 280px; }

#drink-card { position: absolute; left: 0; top: 0; height: 510px; width: 854px; z-index: 12; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #999; }
#drink-bg { position: absolute; left: 0; top: 0; background: #fff; opacity: .85; z-index: 11; width: 100%; }

#drink-card .measurements { padding: 0; }

.drink-info { float: left; width: 450px; padding-left: 20px; }
	.drink-info h2,
	.drink-info h3 { margin: 20px 0; }
img.drink-image { position: absolute; right: 0px; bottom: 0px; }

.drink-info table { margin: 10px 0; }
.drink-info table td.right { padding: 0; }
.drink-info .left { width: 80px; padding-right: 8px; }
#drink-card .close-card { position: absolute; right: 20px; top: 20px; cursor: pointer }

/* AGE-SCREENER & CONTACT */

.age-screener { background: #b3d1ee url( bg-age-screener-body.jpg ) repeat 50% 70%; height: 558px; width: 100%; float: left; }

.age-screener table { width: 760px; height: 90%; margin: 0px auto; }

#screener-wrapper { position: relative; width: 760px; height: 320px; background: #fff url( bg-age-screener-ie.png ) repeat-x left top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff; }
#screener-wrapper, [ei-ie] { background: url( bg-age-screener.png ) repeat-x left top; }
#screener-wrapper img.logo { position: absolute; left: 55px; top: 65px; }

#screener-wrapper .screener-form { position: absolute; left: 270px; top: 10px; }
#screener-wrapper .screener-form fieldset { float: left; width: 460px; border: 0 none; border-top: 1px solid #ccc; padding: 20px 0; color: #999; font: 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#screener-wrapper .screener-form label { float: left; width: 120px; background: url( bg-age-screener-input.png ) no-repeat left bottom; }
#screener-wrapper .screener-form input { width: 80px; padding: 10px; text-align: center; font-size: 32px; border: 0 none; background: transparent none; color: #f00; font: 32px/32px Tahoma, Geneva, sans-serif; }
#screener-wrapper .screener-form input.btn {float: left; width: auto; padding: 0; margin-top: 30px; }
#screener-wrapper .screener-form select { text-transform: uppercase; width: 200px; }
#screener-wrapper h1 { font-size: 24px; font-weight: normal; color: #999; }
#screener-wrapper p { margin: 10px 0; font-size: 13px; color: #999; }
#screener-wrapper .warning { clear: both; }
#screener-wrapper .warning p { color: #c03; font-size: 11px; }

.age-screener table.floater { width: 245px; float: left; margin: 5px 0 0; }
table.floater td { padding: 0 0 5px 0; }
table.floater input { width: 108px; padding: 0; border: 1px solid #ddd; border-top-color: #7c7c7c; border-left-color: #c3c3c3; border-right-color: #c3c3c3; padding: 2px 0; }
#screener-wrapper table.floater input.narrow, input.narrow { width: 50px; margin-right: 3px; }
table.floater input.wide,
table.floater select.wide,
table.floater textarea { width: 230px; padding: 2px 0; }
table.floater textarea { height: 90px; border: 1px solid #ddd; border-top-color: #7c7c7c; border-left-color: #c3c3c3; border-right-color: #c3c3c3; }
table.floater input.narrow { width: 80px; }
#screener-wrapper h3 { font-size: 16px; font-weight: normal; }
/*
.contact-error { width: 200px; float: right; padding: 5px 0; color: #c03; }
*/


/* BANNERS */
.banners { width: 100%; float: left; }
.banner { float: left; background-position: right bottom; background-repeat: no-repeat; height: 130px; padding: 0 10px; }
.columns-two { width: 830px; padding-left: 170px; }
.columns-one { width: 750px; padding-left:350px; }
.columns-three .banner { width: 310px; }
.columns-two .banner { width: 310px; }
.columns-one .banner { width: 310px; }
.banners h3 { color: #666; font-size: 14px; }
.banners p { line-height: 16px; margin-top: 5px; margin-bottom: 10px; font-size: 11px; }

/* PARTICIPANT FORMS */

.participant-form { background-repeat: no-repeat; background-attachment: fixed; background-position: center top; width: 100%; }

.vodkacup-form { background-image: url( bg-participant-form-vc.jpg ); }
.fs-form { background-image: url( bg-participant-form-fs.jpg ); }

#fs-logo { position: absolute; top: 60px; right: 40px; }

.fs-form h1 { color: #fff; }
.sub { font-size: 16px; text-transform: uppercase; }
.fs-form .sub { color: #fff; }
.sub a:link,
.sub a:visited { text-decoration: none; }
.fs-form .sub a:link,
.fs-form .sub a:visited { color: #fff; text-decoration: none; }
.fs-form .sub a:hover { color: #900; }

fieldset { border: 0; padding: 0; }



.participant-navi { margin-left: 20px; font-size: 16px; text-transform: uppercase; margin: 10px 20px 20px; color: #fff; }
.vc { color: #666; }
.participant-navi a { color: #fff; text-decoration: none; }
.vc a { color: #666; }
#participant-form { padding-top: 60px; width: 100%; float: left; }
#participant-form h1 { color: #fff; margin-left: 20px; margin-bottom: 0px; }
#participant-form h3 { color: #D30636; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 28px; padding: 5px 0; text-transform: none; }
.participant-form-bg { width: 1024px; margin: 0 auto; }
.participant-wrapper { float: left; width: 980px; padding: 10px 20px; border-bottom: 1px solid #ccc; }
.participant-25 { float: left; width: 25%; }
.participant-30 { float: left; width: 30%; }
.participant-40 { float: left;  width: 40%; }
.participant-45 { float: left;  width: 45%; }
.participant-50 { float: left; width: 50%; }
.participant-required {color:red; padding-right: 10px;}
.participant-norequired {padding-right: 10px;}
.participant-terms {border : solid 1px #efefef; padding : 4px; width : 440px; height : 90px; overflow : auto; }

#participant-form p,
.participant-40 p,
.participant-50 p { float: left; width: 100%; margin: 3px 0; }

.participant-25 label { float: left; width: 90px; text-align: right; }
.participant-30 label { float: left; width: 90px; text-align: right; }
.participant-50 label { float: left; width: 170px; text-align: right; }
.participant-45 label { float: left; width: 150px; text-align: right; }
.participant-40 label { float: left; width: 140px; text-align: right; }


#participant-form input.txt { width: 143px; padding: 1px 5px; border: 1px solid #e0e0e0; background: #f9f9f9; }
#participant-form input.file { width: 143px;}
#participant-form input.narrow { width: 37px; }
#participant-form select { border: 1px solid #e0e0e0; padding: 3px 5px; margin-right: 3px; width: 153px; background: #f9f9f9; } 
#participant-form textarea { border: 1px solid #e0e0e0; padding: 3px 5px; background: #f9f9f9; font: 11px/16px Arial, Helvetica, sans-serif; width: 420px; margin-bottom: 10px; }
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.error,
fieldset.participant input.error,
fieldset.participant select.error {border-color: #c00;}

.participationPlaces {position:absolute;}

.unsubscribe-checkboxlist { line-height:20px; vertical-align:middle; }
.unsubscribe-checkboxlist label { margin-left:10px; vertical-align:middle; }
.unsubscribe-checkboxlist input { vertical-align:middle; }

/*Tease page styles*/


#default_content_first
{
	top:43px;
    width: 100%;
    height:787px;
    position:absolute;
	background-position:left top;
	background-repeat: no-repeat;
	display: none;
	z-index:20;
}

#default_content_firstBG
{
	margin-top:43px;
	display: none;
	overflow:hidden;
}

#default_content_firstBG img { width: 1680px; height: auto }
#default_content_firstBG img.active { width: 100%; height: auto }


#default_content_second
{
	top:43px;
    width: 100%;
    height:787px;
    position:absolute;
	background-position:left top;
	background-repeat: no-repeat;
	display: none;
	z-index:20;
}

#default_content_secondBG
{
	margin-top:43px;
	display: none;
	overflow:hidden;
}

#default_content_secondBG img { width: 1680px; height: auto }
#default_content_secondBG img.active { width: 100%; height: auto }


#tease_click
{
	top:300px;
	position:relative;
	width:200px;
	left:150px;
	float:left;
}

#tease_text_first
{
	top:230px;
	position:relative;
	width:370px;
	left:200px;
	float:left;
}

#tease_text_second
{
	top:230px;
	position:relative;
	width:370px;
	left:400px;
	float:left;
}

#tease_container_first
{
	left: 280px;
	position:relative;
	width:600px;
}

#tease_container_first.active
{
	left: 16.6%;
	position:relative;
	width:600px;
}

#tease_container_second
{

	left: 280px;
	position: relative;
	width:600px;
}

#tease_container_second.active
{

	left: 16.95%;
	position: relative;
	width:600px;
}

#tease_button_text{color: Red;left:-10px; position:relative; font-weight:bold; font-size:16px; font-family: Georgia, Arial, Helvetica, sans-serif;}
#tease_title_text{font-size:20px; color:#000022; font-weight:bold; font-family: Georgia, Arial, Helvetica, sans-serif; text-transform: uppercase;}
#tease_content_text{font-size:14px; color:#000022; font-family: Arial, Helvetica, sans-serif;}