/* -----------------------------------------------------------------------
 Landing Page CSS
 Zagatwine.com
----------------------------------------------------------------------- */

body {
	font: 12px arial, verdana;
	background: #5b111f url(../images/zagat_bg_body.gif) repeat-x scroll center top;
	margin: 10px 0;
}

img {
	border: 0;
}

/* Headings and paragraphs */

h1, h2 ,h3 , h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

h3 {
	color: #c11639;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	line-height: 1.3em;
	text-transform: uppercase;
	font-family: "Trebuchet MS", "lucida sans", arial, verdana;
}

h3.subHead {
	color: #000;
	font-size: 14px;
	font-family: arial, helvetica, san-serif;
	font-weight: bold;
	line-height: 17px;
}

h1.headline {
	margin: 0px 0px 5px;
	color: #ffffff;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	padding-top: 15px;
	font-family: "Trebuchet MS", "lucida sans", arial, verdana;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	font-size: 12px;
	margin: 1em 0;
}

p.body1 {
	color: #fff;
}

#join-now-form h2 {
	color: #c11639;
	font-family: "Trebuchet MS", "lucida sans", arial, verdana;
}

/* Common Elements */

.center {
	text-align: center;
}

/* Page Layout */

#header {
	width: 800px;
}

.logo {
	padding: 20px 0;
}

#join-now-form {
	background: #fff;
}

/* Footer */

#footer {
	width: 764px;
	margin: 20px auto 20px auto;
	padding: 0px;
	background-color: transparent;
	text-align: center;
}

#footer p {
	font-size: 10px;
	color: #FFFFFF;
}

.legal_text {
	font-size: 10px;
	color: #ffffff;
}

/* UI Tabs */

#promo-tabs {
	background: #fff;
	margin: 0 0 10px;
}

#tabs-1, #tabs-2, #tabs-3 {
	width: 400px;
	background: #fff;
}

.ui-tabs .ui-tabs-hide {
	display: none;
}

.ui-tabs {
	padding: .1em;
	zoom: 1;
}

.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: .2em .2em 0;
	overflow: hidden;
}

.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	margin: 0 .2em -1px 0;
	padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: .5em 1em;
	color: #000;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px;
	border-bottom-width: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
	color: #000;
	background: #fff;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	padding: 1em 1em;
	display: block;
	border-width: 0;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

.tab-content {
	clear: both;
	padding: 10px 0px;
}

div.tab-wrapper {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.tab-wrapper h3 {
	font-family: Georgia, Times, serif;
	font-size: 21px;
	font-style: normal;
	color: #747710;
	font-weight: normal;
}

div.tab-wrapper h4 {
	font-family: Georgia, Times, serif;
	font-size: 17px;
	font-style: normal;
	color: #981A32;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

div.tab-wrapper h5 {
	font-family: Georgia, Times, serif;
	font-size: 15px;
	font-style: normal;
	color: #75770F;
	font-weight: normal;
	margin: 10px 0px 4px 0px;
	padding: 0px;
}

div.tab-wrapper p {
	margin: 0em 0em 1.2em 0em;
	line-height: 1.5em;
}

div.tab-wrapper a {
	color: #4C4C4C;
	text-decoration: underline;
}

div.tab-wrapper a:hover {
	color: #4C4C4C;
	text-decoration: none;
}

div.tab-wrapper a.landing_page_button {
	border: 1px solid #75770F;
	background: url( images/btnbkg.gif ) top left repeat-x;
	height: 22px;
	line-height: 22px;
	color: white;
	display: inline;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
	margin-top: -3px;
	margin-bottom: 10px;
}

div.tab-wrapper a.landing_page_button:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

div.tab-wrapper ul {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.4em;
	list-style-type: disc;
}

div.tab-wrapper ul li {
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 0px 0px;
}

div.tab-wrapper img#Guarantee_Image {
	float: right;
	margin: 0 0 0 15px;
}

/* Forms */

input.text, input.title, textarea, select {
	margin: 0.5em 0;
}

input.text, input.title {
	width: 250px;
	padding: 3px;
}

.recr-checkout ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

.recr-checkout ol li {
	padding-bottom: .4em;
}

.recr-checkout h1 {
	border-bottom: 1px solid #dedede;
	padding: 0 0 5px;
}

.recr-checkout h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
}

.recr-checkout input.error {
	background: #FFF6A9;
	border-color: #FBC2C4;
}

.recr-checkout label.error {
	color: #8a1f11;
	background: white;
	border: none;
}

.recr-checkout label {
	display: block !important;
	text-align: left;
	font-size: 12px;
}

.recr-checkout select {
	padding: 3px;
}

.recr-checkout input {
	font-size: 12px;
}

.recr-checkout input.zip {
	width: 40px;
}

.recr-checkout input.firstName, .recr-checkout input.lastName {
	width: 120px;
}

.recr-checkout input.phone {
	width: 80px;
}

.registration input.password {
	width: 120px;
}

.recr-checkout input.cvv {
	width: 40px;
}

.recr-checkout h2, .recr-form h2 {
	color: #cc6633;
	font-family: "Trebuchet MS", Lucida, Verdana;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 8px;
	padding: 0px 0 5px;
	border-bottom: 1px solid #ccc;
	width: 95%;
}

ul#wines {
	background: #efefef;
	padding: 5px;
	font-size: 1.1em;
	list-style-type: none;
}

ul#wines li {
	margin: 5px 0px;
}

.account, .payment {
	margin: 10px 0px;
}

.confirm-order {
	padding: 0 0 20px 0;
}

span.required {
	color: #981E32;
}

/* Middle Promo Area */

.middle-promo-area {
	background: #ffffff;
	overflow: hidden;
	padding: 15px 0px;
}

.middle-promo-area ul {
	margin: 0 0 0 15px;
}

.middle-promo-area ul li {
	margin: 15px 0 10px;
}

p.shipping {
	color: #fff;
	margin: 0;
	padding: 0;
}

.join-now {
	margin: 10px 0px 15px;
}

.text-guarantee {
	padding: 10px 0 15px;
}

#top-promo-area {
	position: relative;
}

.plus-4 {
	position: absolute;
	left: 650px;
	top: 390px;
}

span.required {
	color: #981E32;
}

.city-field, .state-field {
	border: 1px solid #dedede;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
	height: 16px;
	display: block;
	padding: 5px;
	font-size: 12px;
	width: 200px;
	margin: 3px 0;
	background: #ededed;
}

#Chkout_err {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
	width: 92%;
}