/*=============================================================================

	ZD Wines Cascading Style Sheet (CSS) for emailed newsletters.

	Originally written April 2007 by Ken McGlothlen (kenm@fcs.net)
	Maintained by Lisa Henry (lisa@zdwines.com)

	This is mostly taken from the standard ZD Wines CSS.  Changes to the
	site-wide CSS may necessitate changes here, just to keep things
	consistent.  I've left the comments I originally included with the
	site-wide CSS file.
=============================================================================*/

/*-----------------------------------------------------------------------------
	see zd-announce.css for comments
-----------------------------------------------------------------------------*/

html {
	background: #fff8e5;
}

body {
	font-family: "Palatino Linotype", Palatino,
					Georgia, "Times New Roman", Times, serif;
	border: 2px solid #1C2616;
	width: 90%;
	margin: 1em auto;
	max-width: 504pt;
	background-color: #ffffff;
}

/*-----------------------------------------------------------------------------
	link colors
-----------------------------------------------------------------------------*/

a {
	color: #0000FF;
}

a:hover {
	color: #ab812c;
}

/*-----------------------------------------------------------------------------
	header and navigation bar
-----------------------------------------------------------------------------*/

div#header {
}

div#header div.logo {
	margin: 12px auto 12px auto;
	width: 93px;
	height: 59px;
}

div#header div.visit {
	margin: 0px auto 0px auto;
	background: #f9eed4;
	width: 95%;
	max-width: 760px;
	height: 30px;
	border: solid #cccccc 1px;
}

div#header div.visit p {
	text-align: center;
	margin: 4px 0px;
	font-size: 9pt;
	font-weight: bold;
	color: #8B2C54;
}

div#header table.topnav {
	margin: -10px auto 12px auto;
	width: 90%;
	max-width: 750px;
	white-space: nowrap;
	text-align: center;
}

div#header table.topnav td.button {
	background: #fff8e5;
	border: solid #cccccc 1px;
	padding: 0.25em 0.25em;
}

div#header table.topnav td.button:hover {
	background: #f9eed4;
}

div#header table.topnav a {
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
	background: #fff8e5;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	color: #8B2C54;
	z-index: 3;
}

div#header table.topnav a:hover {
	background: #f9eed4;
}
div#nlheader {
}

div#nlheader table {
	width: 100%;
	padding: 0pt;
	margin: 0pt;
	background-color: #ffffff;
	border-spacing: 0pt;
}

div#nlheader table tr {
	padding: 0pt;
	margin: 0pt;
}

div#nlheader table img {
	border: none;
}

div#nlheader table tr td {
	padding: 0pt;
	margin: 0pt;
	text-align: center;
}

div#nlheader table tr td.zd {
	text-align: center;
	vertical-align: center;
	width: 84px;
	height: 67px;
}

div#nlheader table tr td.winery {
	text-align: right;
	vertical-align: center;
	width: 343px;
	height: 67px;
}

div#nlheader table tr td h1 {
	margin: 0pt;
	text-align: left;
	color: #1C2616;
}

div#nlheader table tr td h2 {
	margin: -0.25em 0.25em 0pt 0pt;
	text-align: right;
	color: #1C2616;
}

div#nlheader h1 {
	font-size: 30pt;
	line-height: 32pt;
	text-align: center;
	color: #1C2616;
	margin: 1.5em auto 0pt auto;
}

div#nlheader h2 {
	font-size: 16pt;
	line-height: 21pt;
	text-align: center;
	color: #1C2616;
	font-style: italic;
	margin: 0pt auto;
}

div#nlheader h3 {
	font-size: 14pt;
	line-height: 21pt;
	text-align: center;
	margin: 0pt auto;
	background-color: #1C2616;
	color: #ffffff;
}

div#nlheader h4 {
	font-size: 16pt;
	line-height: 21pt;
	text-align: center;
	margin: 0pt auto;
}

div#nlheader p {
	text-align: center;
	margin: 1.5em auto 0pt auto;
}

div#nlheader div.logo {
	margin: 12px auto 12px auto;
	width: 93px;
	height: 59px;
}

div#nlheader div.visit {
	margin: 0px auto 0px auto;
	background: #fff8e5;
	width: 95%;
	max-width: 800px;
	height: 30px;
	border: solid #cccccc 1px;
}

div#nlheader div.visit p {
	text-align: center;
	margin: 4px 4px;
	font-size: 9pt;
	font-weight: bold;
	color: #fff8e5;
}

div#nlheader div.topnav {
	margin: -0px auto 12px auto;
	width: 90%;
	white-space: nowrap;
	text-align: center;
}

div#nlheader div.topnav a {
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 12px 8px 12px;
	border: solid #cccccc 1px;
	background: #fff8e5;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	color: #1C2616;
	z-index: 3;

}

div#nlheader div.topnav a:hover {
	background: #f9eed4;
}

/*-----------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------*/

div#footer {
	clear: both;
}

div#footer div.addrcopy {
	color: #993300;
	margin: 0px;
	border-top: 1px dotted #bbbbbb;
}

div#footer div.addrcopy p.address {
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
}

div#footer div.addrcopy span.dot {
	font-weight: bold;
	font-size: 9pt;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#footer div.addrcopy p.copyright {
	font-size: 7.5pt;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 2em;
}

div#footer div.addrcopy p.emailpolicy {
	text-align: center;
	font-size: 9pt;
	color: #993300;
	margin-bottom: 0.5em;
	margin-top: -0.5em;
}

div#footer div.addrcopy p.emailpolicy span.email {
	font-size: 9pt;
	margin-right: 6em;
}

div#footer div.addrcopy p.emailpolicy span.policy {
	font-size: 9pt;
	margin-left: 6em;
}

/* Newsletters. */

a img {
	border: none;
}

div.title h1 {
	font-size:30pt;
	line-height: 32pt;
	text-align: center;
	color: #1C2616;
	margin: 1.5em auto 0pt auto;
}

div.title h2 {
	font-size: 16pt;
	line-height: 21pt;
	text-align: center;
	color: #1C2616;
	font-style: italic;
	margin: 0pt auto;
}

div.title h3 {
	font-size: 14pt;
	line-height: 21pt;
	text-align: center;
	margin: 0pt auto;
	background-color: #1C2616;
	color: #ffffff
}

div.title h4 {
	font-size: 14pt;
	line-height: 21pt;
	text-align: center;
	margin: 0pt auto;
}

div.title p {
	text-align: center;
}

div.title span.gold2 {
	color: #CC9900;
	font-weight: bold
}

img.left {
	border: none;
	margin: 0pt 5pt 5pt 0pt;
	float: left;
	clear: left;
}

div.announce {
	margin: 0pt 18pt;
}

div.announce h1 {
	font-size: 18pt;
	line-height: 21pt;
	margin: 1.5em auto 0pt auto;
}

div.announce h1.center {
	font-size: 18pt;
	line-height: 21pt;
	margin: 1.5em auto 0pt auto;
	text-align: center;
}

div.announce h1 img {
	clear: right;
	float: right;
}

div.announce h2 {
	font-size: 16pt;
	line-height: 21pt;
	text-align: left;
	color: #1C2616;
	margin: 1.5em auto 0pt auto;
	clear: left;
}

div.announce h2.center {
	font-size: 16pt;
	line-height: 21pt;
	text-align: center;
	color: #1C2616;
	margin: 1.5em auto 0pt auto;
	clear: left;
}

div.announce h2 a img {
	border: none;
}

div.announce h3 {
	font-size: 18pt;
	line-height: 21pt;
	text-align: left;
	color: #1C2616;
	margin: 0pt auto;
}

div.announce h3.center {
	font-size: 18pt;
	line-height: 21pt;
	text-align: center;
	color: #1C2616;
	margin: 0pt auto;
}

div.announce h4 {
	font-size: 18pt;
	line-height: 21pt;
	text-align: center;
	margin: 0pt auto;
}

div.announce p {
	font-size: 10pt;
	line-height: 13pt;
	margin: 0pt 5% 0pt 5%;
}

div.announce p.c {
	text-align: center;
}
		
div.announce p.button img {
	float: right;
}
		
div.announce p.storyleft {
	font-style: italic;
	color: #0000FF;
	margin-top: 0pt auto;
}

div.announce p.story {
	text-indent: 10em;
    font-style: italic;
	color: #0000FF;
	margin-top: 0pt auto;
}

div.announce p.story a {
	color: #0000ff;
}

div.announce img.thumb {
	margin: 5px 10px;
	float: left;
}

div.announce img.center {
	margin: 5px 10px;
	align: center;
}
	
div.announce span.red {
	color: #ff0000;
}

div.announce .ib {
	font-style: italic;
	font-weight: bold;
}

div.announce .i {
	font-style: italic;
}

div.announce .b {
	font-weight: bold;
}

div.announce span.burg {
	color: #1C2616;
	font-weight: bold
}

div.announce span.gold2 {
	color: #CC9900;
	font-weight: bold;
	font-size: 18pt;
	line-height: 21pt;
}

div.announce p.release {
	text-align: center;
	font-size: 11pt;
}

div.announce p.signature {
	text-align: right;
}

div.options h1 {
	font-size: 11pt;
	margin: 1em 5% 0pt 0pt;
}

div.options h1 img {
	float: left;
	margin: 0pt 1em 1em 0pt;
}

div.options p {
	font-size: 10pt;
	line-height: 13pt;
	margin: 1em 5% 0pt 5%;
}

div.options span.red {
	color: #ff0000;
}

div.options p.nowish {
	font-size: 10pt;
	clear: both;
	margin: 3em 5% 0pt 5%;
}

div.options p.signature {
	text-align: right;
	margin: 1em 5% 3em 5%;
}