/* ================================================
Filename: default.css
For: MEDEA Vodka
Site: http://www.medeaspirits.com
Author: Chris Schmitz
Contact: chris@beperceived.com
Date Created: 10/23/2009
Media: Screen
-----------------------------------------------
Notes:

Colors:

	Blue:			#273270
	Silver:			#878787
	Lighter Gray:	#c3c3c3
============================================================== */


/* Fonts */
@font-face {
    font-family: 'KnockoutMedium';
    src: url('css/fonts/knockout-htf29-juniorliteweight-webfont.eot');
    src: url('css/fonts/knockout-htf29-juniorliteweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/knockout-htf29-juniorliteweight-webfont.woff') format('woff'),
         url('css/fonts/knockout-htf29-juniorliteweight-webfont.ttf') format('truetype'),
         url('css/fonts/knockout-htf29-juniorliteweight-webfont.svg#KnockoutMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

p.gray {
	color: #878787;
	line-height: 1.5em;
}

#age-verification {
	background: #3b487d;
	background: rgba(30, 37, 68, .85);
	display: none;
	font-family: 'KnockoutMedium';
	line-height: 1em;
	text-transform: uppercase;
	position: fixed;
		top: 0; right: 0; bottom: 0; left: 0;
	z-index: 100000;
}
	#age-verification-content {
		color: #fff;
		margin: -35px 0 0 -250px;
		position: absolute;
			top: 40%; left: 50%;
		width: 550px;
	}
		#age-verification-content h2 { 
			color: #fff; 
			font-size: 30px; 
			font-weight: normal;
			margin-bottom: 45px;
			text-align: center; 
		}
		#age-verification-content p { 
			display: inline-block; 
			line-height: .75em;
			width: 42%;
		}
			#age-verification-content p a {
				border-bottom: 4px solid;
				color: #fff;
				font-size: 60px;
			}
			#age-verification-content p a:hover { color: #000; } 
				#age-yes { float: left; text-align: right; }
				#age-no { float: right; text-align: left; }
				
/* =Special Announcement */
#special-announcement {
	font-family: 'KnockoutMedium';
	font-size: 24px;
	position: absolute;
		top: 600px; right: 100px;
}

/* =Sidebar Facebook */
#like-btn {
	background: url('/images/sidebar-facebook.png') no-repeat;
	height: 60px;
	margin: 0 0 15px -102px;
	position: absolute;
		left: 50%; top: 400px;
	width: 204px;
}
	#like-btn iframe { 
		position: absolute;
			bottom: 7px; left: 8px; 
	}

/* =Landing Page */
#landing #top-logo {
	display: block;
	margin: 35px auto;
}

#landing #legal {
	font-family: 'KnockoutMedium';
	text-align: center;
	text-transform: uppercase;
}
	#landing #legal h2 { font-size: 24px; font-weight: normal; margin: 25px 0 35px; }
	#landing #legal a {
		border-bottom: 3px solid;
		display: inline-block;
		font-size: 46px;
		padding-bottom: 10px;
		-webkit-transition: all .5s;
		-khtml-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	#landing #legal a:hover { color: #000; }
	#landing #legal .yes { float: left; text-align: right; width: 450px; }
	#landing #legal .no { float: right; text-align: left; width: 450px; }

/* =Wall */
.wall .row { display: block; }
	.wall .row .thumb {
		background: url(../images/wall/sprite-wall.png) 0 0;
		display: block;
		float: left;
		height: 100px;
		margin-bottom: 15px;
		width: 96px;
		-webkit-transition: all .5s;
		-khtml-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.wall .row .thumb:hover { opacity: .7; }
	
	.wall #wall-1 { background-position: 0 0; }
	.wall #wall-2 { background-position: -93px 0; }
	.wall #wall-3 { background-position: -186px 0; }
	.wall #wall-4 { background-position: -279px 0; }
	.wall #wall-5 { background-position: -372px 0; }
	.wall #wall-6 { background-position: 0 -104px; }
	.wall #wall-7 { background-position: -93px -104px; }
	.wall #wall-8 { background-position: -186px -104px; }
	.wall #wall-9 { background-position: -279px -104px; }
	.wall #wall-10 { background-position: -372px -104px; }
	.wall #wall-11 { background-position: 0 -225px; }
	.wall #wall-12 { background-position: -93px -225px; }
	.wall #wall-13 { background-position: -186px -225px; }
	.wall #wall-14 { background-position: -279px -225px; }
	.wall #wall-15 { background-position: -372px -225px; }
	.wall #wall-16 { background-position: 0 -330px; }
	.wall #wall-17 { background-position: -93px -330px; }
	.wall #wall-18 { background-position: -186px -330px; }
	.wall #wall-19 { background-position: -279px -330px; }
	.wall #wall-20 { background-position: -372px -330px; }
	.wall #wall-21 { background-position: 0 -456px; }
	.wall #wall-22 { background-position: -93px -456px; }
	.wall #wall-23 { background-position: -186px -456px; }
	.wall #wall-24 { background-position: -279px -456px; }
	.wall #wall-25 { background-position: -372px -456px; }
	.wall #wall-26 { background-position: 0 -560px; }
	.wall #wall-27 { background-position: -93px -560px; }
	.wall #wall-28 { background-position: -186px -560px; }
	.wall #wall-29 { background-position: -279px -560px; }
	.wall #wall-30 { background-position: -372px -560px; }
	
	/* Inner Wall Page */
	#content .wall {
		margin: 20px auto 15px;
		width: 515px;
	}
	
	/* Wall Sidebar */
	#sidebar #wall-link {
		background: url(../images/wall/sidebar-wall.png);
		display: block;
		height: 95px;
		position: absolute;
			top: 300px; left: 45px;
		width: 223px;
		-webkit-transition: all .4s;
		-khtml-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	#sidebar #wall-link:hover {
		-webkit-box-shadow: 0 0 12px #aaa;
		-khtml-box-shadow: 0 0 12px #aaa;
		-moz-box-shadow: 0 0 12px #aaa;
		-ms-box-shadow: 0 0 12px #aaa;
		-o-box-shadow: 0 0 12px #aaa;
		box-shadow: 0 0 12px #aaa;
	}
	#sidebar #wall-link:active {
		-webkit-box-shadow: 0 0 5px #aaa;
		-khtml-box-shadow: 0 0 5px #aaa;
		-moz-box-shadow: 0 0 5px #aaa;
		-ms-box-shadow: 0 0 5px #aaa;
		-o-box-shadow: 0 0 5px #aaa;
		box-shadow: 0 0 5px #aaa;
	}

/*  =Orders Page  */
.order-now { min-height: 350px; position: relative; }
	.order-now .left { float: left; width: 361px; }
		.order-now img.left { position: absolute; }
	.order-now .right { float: right; width: 242px; }
		.order-btn-container {
			margin-bottom: 10px;
			padding-top: 60px;
			position: relative;
		}
		.order-btn {
			background: #273270 url(images/order-button-sprite.png) no-repeat 12px -50px;
			display: block;
			margin-bottom: 10px;
			padding: 40px 0 10px;
			position: absolute;
				top: 0; left: 0;
			width: 242px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			-webkit-transition: .4s background-color;
			-moz-transition: .4s background-color;
			-ms-transition: .4s background-color;
			-o-transition: .4s background-color;
			transition: .4s background-color;
		}
		.order-btn:hover { background-color: #585bb5; }
		.order-btn.case { background-position: right 10px; }
			.order-btn ul {
				display: none;
				margin: 10px 25px 0 12px;
			}
				.order-btn ul li a { color: #fff !important; }
				.order-btn ul li a:hover { color: #000 !important; }

body#store-locator {}
	body#store-locator .or { display: inline; }
	body#store-locator div.submit {
		background: #273270 url(images/order-search-bg.png) no-repeat 5px 4px;
		cursor: pointer;
		display: block;
		float: left;
		height: 28px;
		width: 31px;
	}
	body#store-locator div.submit.directions {
		background: #273270;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		height: auto;
		line-height: 1em;
		padding: 5px 12px 6px;
		width: auto;
	}
	
/*  =Weddings  */
.weddings {
	background: url(images/weddings-page.png) no-repeat;
	height: 557px;
	padding: 50px 0 0 250px;
}
.weddings.holidays { background: url(images/bottles-happy-holidays.png) no-repeat; }
	#order-your-bottles {
		background: url(images/weddings-order.png) no-repeat 0 0;
		display: block;
		height: 46px;
		margin: 0 0 15px;
		text-indent: -9999em;
		width: 269px;
	}
	#order-your-bottles:hover { background-position: 0 -45px; }
	.weddings p {
		color: #878787;
		font-size: 14px;
		line-height: 1.5em;
	}
	
/*  =Store Locator Styles  */
body#store-locator #content p { color: #878787; }
body#store-locator #content a { color: #273270; text-decoration: underline; }
body#store-locator #content a:hover { color: #47528F; }

body#store-locator #content p#errorDiv { 
	background: transparent; 
	border: none !important; 
	color: #ff0000; 
	padding: 0; 
}

body#store-locator #content form {
	float: left;
	margin: 0;
	width: 260px;
}

body#store-locator #content form#dirForm { 
	background: #eee; 
	margin: 15px 0 15px; 
	padding: 25px; 
	width: 580px; 
}
body#store-locator #content form#pcIsoform { float: left; }
body#store-locator #content .or {
	color: #c3c3c3;
	float: left;
	font-size: 26px;
	margin-top: 3px;
	text-align: center;
	width: 110px;
}
body#store-locator #content form#tnIsoform { float: right; }
	body#store-locator #content form#dirForm label { float: left; font-size: 12px; margin: 2px 10px 0 0; }
	body#store-locator #content form#dirForm input { float: left; font-size: 12px; padding: 3px; }
	
	body#store-locator #content form input {
		background: #c3c3c3;
		color: #fff;
		display: block;
		float: left;
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 10px;
		padding: 5px;
		width: 210px;
	}
	body#store-locator #content form input:focus {
		background: #ccc;
		border-color: #fff;
	}
	body#store-locator #content form .submit {
		cursor: pointer;
		float: left;
		margin-left: 7px;
	}
	body#store-locator #content form .submit:hover { background-color: #585bb5; }
	body#store-locator #content form input.hidden { display: none; padding: 0; }
	
	body#store-locator #content form div { display: block; }
	body#store-locator #content div.select { display: none; }

body#store-locator #content ol#location-results {
	float: left;
	position: relative;
	width: 240px;
}
	body#store-locator #content ol#location-results li { margin: 0 0 10px; }

body#store-locator #content table#results-list { margin-bottom: 40px; margin-top: 3px; }
	body#store-locator #content table#results-list th { font-weight: bold; }
	body#store-locator #content table#results-list tr { background: #fff; }
	body#store-locator #content table#results-list tr.altrow { background: #eee }
	
body#store-locator #content div.resultsdataitem { padding: 10px; }

body#store-locator #content div#mapDiv {
	float: right;
	margin: 0 0 20px;
	width: 375px;
}


/* =Message Sent Styles */
div.message-sent h4 { 
	display: block;
	line-height: 1.25em; 
	margin: 100px auto 0 !important; 
	text-align: center; 
	width: 500px; 
}
div.message-sent a { 
	background: #273270;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 25px auto 0;
	text-align: center;
	padding: 5px 25px;
	width: 200px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.message-sent a:hover { background: #47528F; }


/* =Social Links and Other Random Styles */
div#latest-from p {
	position: relative;
}

div.share-box {
	border: 1px solid #fff;
	background: #ddd;
	font-size: 10px;
	position: absolute;
		bottom: -5px;
		right: 0;
	text-align: center;
	width: 80px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.share-box a:hover { color: #334C8F; }

#social .social-button {
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 131px;
}
#social #the-observe { background: url(images/the-observe.png) no-repeat; margin-right: 10px; }
#social #social-medea { background: url(images/social-medea.png) no-repeat; }
#social #weddings { background: url(images/weddings.png) no-repeat; margin-right: 10px; }
#social #weddings.holidays { background: url(images/tab-holidays.png) no-repeat; margin-right: 10px; }

#social ul { float: left; margin: 0 5px 0 0; }

#social #newsletter-wrap { float: left; }

#social #newsletter {
background: url(images/newsletter.png) no-repeat;
cursor: pointer;
display: block;
height: 20px;
width: 131px;
}

#social #newsletter-form {
display: none;
position: absolute;
	top: 20px;
	left: 0;
}

#social form {
background: #ccc;
padding: 2px;
width: 127px;
}

#social form input {
background: #fff;
border: none;
font: normal 12px/1 "Century Gothic", "Trebuchet MS";
margin: 0 3px;
padding: 2px;
width: 116px;
}

#social form label {
color: #fff;
font: bold 14px/1 "Century Gothic", "Trebuchet MS";
margin: 5px 0 0 3px;
}

#social form input#newsletter-submit {
background: transparent;
color: #273270;
cursor: pointer;
font: bold 14px/1 "Century Gothic", "Trebuchet MS";
float: right;
margin: 5px;
padding: 0;
width: auto;
}

#social form input#newsletter-submit:hover {
	color: #313f8d;
}


/*  General Styles  */

html {
height: 100%;
}

body {
background: transparent url(images/background.jpg) repeat fixed;
height: 100%;
overflow-y: scroll;
}

#top-shadow {
background: url(images/top-shadow.png) repeat-x;
height: 277px;
position: fixed;
top: 0;
width: 100%;
}

#bottom-shadow {
background: url(images/bottom-shadow.png) repeat-x;
height: 277px;
position: fixed;
bottom: 0;
width: 100%;
z-index: -1000;
}

div#container {
margin: 0 auto;
padding: 0;
width: 960px; 
}

#sidebar {
background: transparent url(images/sidebar.png) repeat-y;
clear: both;
float: left;
position: fixed;
	top: 0;
	left: 50%;
margin-left: -480px;
height: 100%;
width: 312px;
}

#content {
margin: 0 0 0 330px;
padding-top: 38px;
}

.content-area {
margin: 0 0 0 15px;
padding-top: 38px;
}

pre {
display: none;
}

strong { color: #333; font-weight: bold; }


/*  How Does It Taste/Observe Info Styles  */
#how-does-it-taste-image {
	border: 1px solid #fff;
	position: absolute;
		top: 45px;
		left: 0;
	box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
}
#how-does-it-taste-text {
	color: #273270;
	font-size: 20px;
	font-weight: bold;
	height: 192px;
	line-height: 1.75em;
	position: absolute;
		top: 245px;
		left: 325px;
	text-indent: -999em;
	width: 300px;
}
#the-flavors { margin: 15px 0; }

#observe-info-text {
	position: absolute;
		top: 347px;
		left: 325px;
}


/*  Age Verification Styles  */

#age-container {
margin: 0 auto;
width: 800px;
}

#are-you-legal {
float: left;
width: 224px;
}

#verify-h1 {
margin: 100px 0 50px 305px;
width: 495px;
}

#verify-h1 img {
margin: 0 auto;
}

/*#age-verification {
background: url(images/blank-marquee.jpg) no-repeat;
float: left;
height: 143px;
margin: 49px 0 0 30px;
width: 546px;
}

#age-verification #no {
position: absolute;
top: 27px;
left: 44px;
}

#age-verification #yes {
position: absolute;
top: 27px;
right: 44px;
}*/


/*  Sidebar Styles  */

#sidebar ul {
height: 67%;
max-height: 520px;
min-height: 455px;
margin: 25px 0 0 0;
}

#sidebar ul li {
clear: both;
float: right;
height: 42px;
position: relative;
width: 312px;
}

#sidebar ul li.active a {
position: absolute;
}

#sidebar ul li.active div {
background: url(images/menu-active-bg.png) no-repeat;
position: absolute;
top: 0;
left: 0;
height: 57px;
width: 312px;
}

#sidebar ul li a {
height: 57px;
width: 312px;
}

#sidebar ul li a img {
margin: 13px 0 0 0;
}

#sidebar h1 {
	height: 126px;
position: relative;
}

#sidebar h1 img {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -93px;
}

#social {
	position: absolute;
		top: 9px;
		right: 0;
	width: 630px;
	z-index: 9500;
}

#social li {
	float: left;
	margin: 0 5px;
	position: relative;
}

#social a {
	background: url(images/social.gif) no-repeat;
	display: block;
	float: left;
	height: 20px;
	margin: 0;
	position: relative;
	text-indent: -9999px;
	width: 20px;
}
#social a#twitter { background-position: left; }
#social a#facebook { background-position: center; }
#social a#rss { background-position: right; }


/*  About Page Styles  */
.about-us p {
	color: #878787;
	text-align: justify;
	line-height: 1.5em;
	margin: 0 0 25px;
	width: 620px;
	word-spacing: -1px;
}
.about-us h2 img { margin: 0 0 30px; }


/*  Homepage Styles  */

#content img#unleash-your-inner { margin: 0 0 0 -20px; }
#content img#gold-medal {
	position: absolute;
		top: 45px;
		right: 0;
}

#ticker {
	background: url(images/homepage-ticker.jpg) no-repeat;
	height: 173px;
	margin: 25px 0 0 -44px;
	overflow: hidden;
	position: relative;
	width: 664px;
	z-index:-10;
}

#inner-ticker {
	position: absolute;
	top: 15px;
	left: 0;
	width: 38000px;
}

#homepage-bottle {
	position: absolute;
		top: 40px;
		left: 5px;
}

#homepage-text {
	position: absolute;
		top: 209px;
		left: 250px;
}

#ticker-words {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}

#fine-print {
	position: absolute;
	top: 470px;
	right: 135px;
}

#fine-print a {
	color: #878787;
	font-weight: bold;
	margin: 0 10px;
}

#fine-print a:hover {
	color: #273270;
}

#homepage-video {
	position: absolute;
		top: 130px;
		right: 6px;
	width: 400px;
}

#homepage-video img {
	margin: 0 0 4px 16px;
	position: relative;
}


/*  Aspiration Styles  */

#aspiration-form {
clear: both;
float: left;
width: 293px;
}

#aspiration-form form {
margin-bottom: 20px;	
}


#latest-from {
float: left;
height: 575px;
padding: 0 0 0 25px;
width: 295px;
}

#aspiration-form label {
color: #878787;
display: block;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}

#aspiration-form label small {
text-transform: none;
}

#aspiration-form input {
background: #c3c3c3;
border: none;
color: #fff;
font-family: verdana, "trebuchet ms", sans-serif;
font-size: 14px;
font-weight: bold;
margin: 5px 0 10px;
padding: 5px;
width: 285px;
}

#aspiration-form input:focus {
background: #ccc;
}

#aspiration-form input#submit, #aspiration-form input#search-submit {
background: #273270;
cursor: pointer;
float: right;
font-size: 18px;
margin: 5px 0 0 0;
padding: 3px 4px 4px 4px;
width: 95px;
}

#aspiration-form input#submit:hover, #aspiration-form input#search-submit:hover {
background: #334C8F;
}

#latest-from p.am {
color: #c3c3c3;
display: inline;
font-size: 13px;
font-weight: bold;
margin: 0 0 8px;
position: relative;
width: 295px;
}

#latest-from p.want {
color: #878787;
display: inline;
font-size: 13px;
font-weight: bold;
margin: 0 0 8px;
position: relative;
width: 295px;
}

#latest-from div.aspiration form, #latest-from form input { display: inline; }

#latest-from div.items div.aspiration form input.flag {
	background: none;
	border: none;
	color: #c3c3c3;
	cursor: pointer;
	font-size: 10px;
	padding: 0;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #fff;
}
#latest-from div.items div.aspiration form input.flag:hover { color: #273270; text-decoration: underline; }

#aspiration-form small {
display: block;
font-size: .6em;
}

	/* List of aspirations' styles */ 
	div.scrollable { 
	position:relative; 
	overflow:hidden; 
	height: 475px; 
	width: 295px; 
	} 
	 
	div.scrollable div.items { 
	position:absolute; 
	height:20000em; 
	}

	div#actions .prevPage {
	cursor: pointer;
	position: absolute;
		top: 35px;
		right: -25px;
	}

	div#actions .nextPage {
	cursor: pointer;
	position: absolute;
		top: 175px;
		right: -25px;
	}
	

/*  How To Tick Styles  */

h2.operating {
clear: both;
margin: 0 0 10px;
}

h4.operating {
clear: both;
font-weight: normal;
}

#how-to-tick p {
margin: 0;
}

#how-to-tick h4 {
color: #fff;
text-decoration: underline;
}

#how-to-tick #on-off, #how-to-tick #up, #how-to-tick #down {
background:#ccc;
border: 2px solid #fff;
color: #222;
font-size: 12px;
padding: 15px;
position: absolute;
width: 225px;
-moz-box-shadow: 0px 0px 10px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;
}

#how-to-tick #on-off {
top: -80px;
left: -170px;
width: 150px;
}

#how-to-tick #up {
top: -160px;
right: -160px;
width: 310px;
}

#how-to-tick #down {
top: 113px;
right: -160px;
width: 250px;
}

#faq h4.faq-header {
	color: #878787;
	margin: 25px 0 15px;
	text-decoration: none;
}

#faq h4.faq-title {
	color: #273270;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 5px;
	text-decoration: none;
}

#faq p {
	font-size: 1em;
}

#faq ul {
	list-style-type: disc;
	margin: 0 0 25px;
}

#faq ul li a {
	font-weight: bold;
}

#faq ul li a:hover {
	color: #878787;
}

.how-to-program strong {
	color: #273270;
	font-weight: bold;
}

#how-to-video {
	margin: 0 0 25px;
}


/*  How To Tick 2  */

h4.operating {
	margin: 0 0 30px;
}

#how-to-tick {
	margin-bottom: 45px;
	width: 626px;
}

#how-to-tick #instructions {
	float: left;
	margin: 0 26px 0 0;
	width: 350px;	
}

#how-to-tick #diagram {
	float: right;
	width: 250px;	
}

#how-to-tick #diagram img {
	position: absolute;
		top: 0;
		right: 0;
	margin-left: 230px;	
}

#how-to-tick #diagram img.diagram1 {
	z-index: 10;
}

#how-to-tick #diagram img.diagram2, img.diagram3, img.diagram4, img.diagram5 {
	display: none;
}

#how-to-tick p {
	color: #878787;
	margin: 0 0 15px;
}

#how-to-tick p span {
	color: #273270;
	cursor: pointer;
}


/*  Tastings Styles  */

div.tastings {
margin: 0 0 0 10px;
width: 600px;
}

div.tastings h2 {
clear: both;
font-family: knockout;
font-size: 40px;
font-weight: bold;
line-height: .75em;
margin: 2px 0 10px;
text-transform: uppercase;
}

div.tastings ul {
color: #878787;
float: left;
font-size: 18px;
margin: 0 0 15px;
text-transform: uppercase;
width: 300px;
}

div.tastings ul li {
margin: 2px 0 0;
}

div.tastings ul li span {
font-size: 75%;
}


/*  Tastings 2  */

div.tastings {
	width: 628px;
}

div.tastings h2 {
	font-weight: normal;
}

h4.tastings {
	line-height: 1.1em;
}

.tastings table {
margin: 0 0 20px;
width: 100%;
}

.tastings th {
background: #273270;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 7px 10px;
}

.tastings tr {
background: #eee;
}

.tastings td {
padding: 2px 10px;
}

.tastings tr.even {
background: #ddd;
}

.tastings tr:hover {
background: #ccc;
cursor: default;
}


/*  Store Locator Styles  */

#store-locator-form {
clear: both;
width: 600px;
}

#store-locator-form .left {
float: left;
}

#store-locator-form .right {
float: right;
}

#store-locator-form form {
margin-bottom: 20px;	
}

#store-locator-form label {
color: #878787;
display: block;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}

#store-locator-form label small {
text-transform: none;
}

#store-locator-form input {
background: #c3c3c3;
border: none;
color: #fff;
float: left;
font-family: verdana, "trebuchet ms", sans-serif;
font-size: 14px;
font-weight: bold;
margin: 5px 0 10px;
padding: 5px;
width: 280px;
}

#store-locator-form input:focus {
background: #ccc;
}

#store-locator-form select {
font-size: 14px;
padding: 3px 5px;
width: 290px;
}

#store-locator-form input#submit {
background: #273270;
cursor: pointer;
float: right;
font-size: 18px;
margin: 5px 0 0 0;
padding: 3px 4px 4px 4px;
width: 95px;
}

#store-locator-form input#submit:hover {
background: #334C8F;
}

#store-locator-form small {
display: block;
font-size: .6em;
}

#store-locations p {
color: #878787;
}

#store-locations address strong {
font-size: 1.25em;
font-weight: bold;
}

#store-locations address strong a {
color: #273270;
}

#store-locations address strong a:hover {
color: #334C8F;
}

#store-locations address {
float: left;
margin: 0 0 15px;
padding: 15px 20px 0 0;
width: 275px;
}

#store-locations address p {
color: #000;
font-size: 14px;
margin: 0;
}


/* Get MEDEA Styles */

#contact p, label, legend { 
font-size: 1.25em 
}

#contact p.human { 
float: left; 
margin: 5px 0;
text-align: right;
width: 162px;
}

#contact hr { 
color: inherit; 
height: 0; 
margin: 6px 0 6px 0; 
padding: 0; 
border: 1px solid #d9d9d9; 
border-style: none none solid; 
}

#contact { 
color: #878787; 
display: block; 
width: 575px; 
}

#contact label { 
clear: both; 
display: inline-block; 
float: left; 
height: 26px; 
line-height: 26px; 
text-align: right; 
padding: 7px; 
width: 155px; 
font-size: 1.25em;
}

#contact input, textarea, select {
float: left; 
width: 280px; 
margin: 0; 
padding: 5px; 
color: #fff; 
background-color: #c3c3c3; 
border: 1px solid #ccc; 
margin: 5px 0; 
font: 1.5em verdana, "Trebuchet MS", sans-serif; 
font-weight: bold; 
}   

#contact input { 
width: 300px; 
}

#contact select { 
width: 387px; 
}

#contact select { 
padding: 8px 5px; 
}

#contact input:focus, textarea:focus, select:focus { 
border: 1px solid #fff; 
background-color: #ccc; 
color:#fff; 
}

#contact textarea#comments { 
font-size: 14px; 
height: 100px; 
width: 375px; 
}

#contact input.submit { 
border: none;
width: 95px; 
margin: 7px 0 0 250px; 
cursor: pointer; 
background-color: #273270; 
color: #fff; 
font-size: 17px;
}

#contact input.submit:hover { 
background-color: #334C8F; 
}

#contact input[type="submit"][disabled] { 
background-color: #334C8F; 
}

#contact input#verify { 
width: 30px; 
} 

#contact option, #contact select { 
font-size: 12px; 
}

#contact option { 
background: #fff; 
color: #334C8F; 
}

#contact span.required { 
font-size: 13px; 
color: #334C8F; 
font-weight: bold; 
}

#message { 
margin: 10px 0; 
padding: 0; 
}

.error_message { 
display: block; 
height: 22px; 
line-height: 22px; 
background: #FBE3E4 url('/images/error.gif') no-repeat 10px center; 
padding: 3px 10px 3px 35px; 
color:#8a1f11;
border: 1px solid #FBC2C4; 
-webkit-border-radius:5px; 
-moz-border-radius:5px; 
}

.loader { 
padding: 0 10px; 
}

#contact #success_page h1 { 
background: url('/images/success.gif') left no-repeat; 
padding-left:22px; 
}

#email-us {
margin: 18px 0 0;
}

#email-us p {
color:#878787;
margin: 0;
}

#email-us a {
color: #273270;
display: block;
font-weight: bold;
padding: 3px 0 10px;
}

#email-us a:hover {
color:#334C8F;	
}



/*  Misc.  */

.float-clear {
clear: both;
}

	/*  Terms and Conditions Styles  */
	
	#overflow-container {
		margin: 50px auto;
		width: 960px;
	}