/*
*************************************************
Winestore
Common Styles

Author:		andCulture, info@andCulture.com
Updated:	March 20, 2009
Notes:		Used on main site and checkout process.
			Winestore Magenta:	#f0037f
*************************************************
*/


/*-------------------------------------------
	RESET STYLES (meyerweb.com) v1.0 | 20080212
-------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a:focus { outline: 1px dotted #998; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*-------------------------------------------
	CLEARFIX
-------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*-------------------------------------------
	GENERAL SELECTORS
-------------------------------------------*/

body { background: #FFF; color: #767772; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }

h2 { margin: 1em 0 0 0; font-size: 20px; font-weight: normal; }
h3 { margin: 2em 0 0 0; font-size: 16px; }
h4 { margin: 2em 0 0 0; font-size: 14px; }
h5 { margin: 2em 0 0 0; font-size: 13px; }
h6 { margin: 2em 0 0 0; font-size: 13px; }
p  { margin: 0 0 1em 0; font-size: 13px; line-height: 19px; }

a { text-decoration: none; }
a:link { color: #f0037f; }
a:visited { color: #f0037f; }
a:hover { color: #ae0b60; text-decoration: underline; }
a:active { color: #f0037f; }

/* LISTS */
ul, ol, dl { margin: 0 0 1em 0; }
li, dt, dt, dd { font-size: 12px; line-height: 15px; }
dt { font-weight: bold; }

/* FORMS */
input, select, button { vertical-align: middle; }
input[type=text],
input[type=password] { padding: 4px; width: 260px; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 12px; color: #7d7d7d; }
input[type=submit] { border: 0; background: #9a998b; color: #FFF; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }
select { font-size: 12px; }
textarea { padding: 4px; width: 260px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #7d7d7d; }

/* BUTTONS */
button, a.button { padding: 0; border: 0; background: #FFF url(../images/buttons/button_matrix.png?062609); text-indent: -9999px; cursor: pointer; }
a.button { display: block; }
button[disabled] { cursor: default; }
div.buttons { font-size: 13px; }
div.buttons a.button { display: inline-block; vertical-align: middle; }

/* TABLES */
table { width: 100%; }
th { border-bottom: 1px solid #DDD; font-size: 11px; font-weight: normal; text-align: left; text-transform: uppercase; }
td { border-bottom: 1px solid #EEE; vertical-align: top; }

/* PAGE STATES */
#bad-email { display: none; }
body.bad-email #bad-email { display: block; }


/*-------------------------------------------
	HEADER
-------------------------------------------*/

#logo { height: 74px; background: #FFF; }
#logo a { width: 196px; height: 46px; display: block; background: url(/images/logo.png) no-repeat; }
#logo a img { display: none; }


/*-------------------------------------------
	FOOTER
-------------------------------------------*/

#footer { margin: 40px 0; padding: 10px; background: #EEE; font-size: 1.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
#copyright { float: left; line-height: 1.6; }
#copyright span { margin-left: 25px; }
#credit a { width: 48px; height: 18px; display: block; float: right; background: url(/images/andculture.png) no-repeat; text-indent: -9999px; }


/*-------------------------------------------
	MISC
-------------------------------------------*/

/* BUTTONS */
button.processing { display: block !important; position: absolute; left: -9999px; background-image: url(../images/buttons/processing.gif); cursor: wait; }

/* MODAL WINDOWS */
div.modal { display: none; }

	/* BUTTONS */
	div.modal a.button { height: 29px; background-image: url(../images/buttons/modal_button_matrix.png); }
	a.close {  width: 53px; }

/* NOTES */
p.note { color: #AAA; font-size: 11px; font-style: italic; line-height: 13px; }