/* ================================================
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
============================================================== */


/*  =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;
	padding: 25px;
	width: 250px;
}
body#store-locator #content form#pcIsoform, body#store-locator #content div.left { float: left; }
body#store-locator #content form#tnIsoform, body#store-locator #content div.right { float: right; }

body#store-locator #content form#dirForm { 
	background: #eee; 
	margin: 15px 0 15px; 
	padding: 25px; 
	width: 580px; 
}
	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 label {
		color: #333;
		display: block;
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 15px;
	}
	
	body#store-locator #content form input {
		background: #c3c3c3;
		color: #fff;
		display: block;
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 10px;
		padding: 5px;
		width: 240px;
	}
	body#store-locator #content form input:focus {
		background: #ccc;
		border-color: #fff;
	}
	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 form div.submit { 
		cursor: pointer; 
		float: right; 
		margin: 0; 
		width: auto; 
	}
		body#store-locator #content form div.submit input {
			background: #2C2D6F;
			border: none;
			cursor: pointer; 
			color: #fff;
			font-size: 14px;
			margin: 0; 
			width: auto; 
		}
		body#store-locator #content form div.submit input:hover { background: #474A8F; }

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-medea {
	background: url(images/social-medea.png) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	width: 131px;
}

#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; }


/*  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: 300px;
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;
	z-index: 10000;
}



#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;
	box-shadow: 0 0 5px #888;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
}

#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;
}

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

img#homepage-text {
	position: absolute;
		top: 365px;
		left: 220px;
}

#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;
	}