/* CSS Document */
BODY {
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #e7ebd6;
	margin: 0px;
}





#header {
	width:800px;
}

#header img{
	border: none;
}

#header h1 {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #c30;
}
#header ul {
	margin:auto;
	padding: 0;
	height: 30px;
	list-style: none;
}
#header li {
	float: left;
	margin: 0;
	padding: 0;
	background: #630 url(/images/dotted-border.gif) repeat-y 100% 2px;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2.5;
	text-align: center;
	height: 30px;
}
#header li a {
	color: #fff;
	text-decoration: none;
	font-size: 100%;
}
#header li a:hover { color: #cc6 }

#header #home { width: 73px }
#header #sample-issue { width: 125px }
#header #how-to-subscribe { width: 156px }
#header #enotes { 
	background-image: none;
	width: 145px }
#header #enotes a {
	display:block;
	padding-right: 80px;
	font-size: 120%;
	height: 30px !important;
	line-height: 30px;
	background: #630 url(/images/envelope.gif) no-repeat 100% 50%;
}
#header #enotes a:hover {
	background-image: url(/images/envelope-hover.gif);
}
#header #garden-gate-store { width: 162px }
#header #extras {
	width: 139px;
	height: 30px;
}
#header #extras a {
	float: left;
	width: 137px;
	height: 100%;
	font-size: 0px;
	text-indent: -9000%;
	margin: 0; padding: 0;
	background: #630 url(/images/web-extras.gif) no-repeat 50% 50%;
}
#header #extras a:hover {
	background-image: url(/images/web-extras-hover.gif);
}







TD {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
}

LI {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: normal; 
	margin-left: -12px;
}

H1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #cc3300;
	text-transform: uppercase;
	padding: 20px 20px 0px 20px;
}

A {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #cc3300; 
	font-weight: bold; 
	text-decoration: underline;
}

A:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #cc3300; 
	font-weight: bold; 
	text-decoration: underline;
}

A:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #cc3300; 
	font-weight: bold; 
	text-decoration: underline;
}

.copyTerms {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #fff; 
	font-weight: normal; 
	background-color: #9eb179; 
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
}
A.copyTerms:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #fff; 
	font-weight: normal; 
	background-color: #9eb179; 
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
}
A.copyTerms:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #fff; 
	font-weight: normal;
	background-color: #9eb179; 
	text-transform: uppercase;
	text-decoration: underline;
	padding: 5px;
}

.copyTermsB {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #666; 
	font-weight: normal; 
	background-color: #ffffff; 
	text-decoration: none;
}

A.copyTermsB:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #666; 
	font-weight: normal; 
	background-color: #ffffff; 
	text-decoration: none;
}

A.copyTermsB:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #666; 
	font-weight: normal;
	background-color: #ffffff; 
	text-decoration: underline;
}


.cs {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #7b964a; 
	font-weight: bold; 
	text-decoration: none; 
	padding-left: 3px 0px 3px 8px; 
}

A.cs {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #7b964a; 
	font-weight: bold; 
	text-decoration: none; 
	padding-left: 3px 0px 3px 8px; 
}

A.cs:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #7b964a; 
	font-weight: bold; 
	text-decoration: none; 
	padding-left: 3px 0px 3px 8px; 
}

A.cs:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #c6d37b; 
	font-weight: bold; 
	text-decoration: underline; 
	padding-left: 3px 0px 3px 8px; 
}


.description{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
	padding: 0px 20px 10px 20px;
}

.description:first-line {
	color: #cc3300;
	font-weight: bold;
	font-size: 14px; 
	text-transform: uppercase;
	padding: 0px 30px 10px 25px;
}

.descriptionBig{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #cc3300;
	text-transform: uppercase;
	padding: 20px;
}


.indexBlackLink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000; 
	font-weight: bold; 
	text-decoration: underline;
}

A.indexBlackLink:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000; 
	font-weight: bold; 
	text-decoration: underline;
}

A.indexBlackLink:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000; 
	font-weight: bold; 
	text-decoration: underline;
}
.leftNav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	text-transform: uppercase;
	background-color: #7b964a;
	font-weight: bold; 
	padding: 5px 0px 5px 8px;
	text-decoration: none; 
}
A.leftNav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	text-transform: uppercase;
	font-weight: bold; 
	line-height: 1.7em;
	padding: 5px 0px 5px 8px;
	text-decoration: none; 
}

A.leftNav:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	text-transform: uppercase;
	background-color: #7b964a;
	font-weight: bold; 
	padding: 5px 0px 5px 8px;
	text-decoration: none; 
	}
	
A.leftNav:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	text-transform: uppercase;
	background-color: #7b964a;
	font-weight: bold; 
	text-decoration: underline; 
	padding: 5px 0px 5px 8px;
}



.oeText {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
	padding: 10px 3px 5px 10px;
	background-color: #c6d37b;
}
.oeText2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
	padding: 0px 3px 5px 10px;
	background-color: #c6d37b;
}

.big {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	text-decoration: none;
}

.bigRedHead {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #cc3300;
	text-decoration: none;
}

.redHead {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #cc3300;
	text-decoration: none;
}

A.redHead:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #cc3300;
	text-decoration: none;
}

A.redHead:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #cc3300;
	text-decoration: underline;
}



.redHeader {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color: #cc3300;
	font-weight: bold;
	text-transform: uppercase;
}

.redHeadSpecial {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	color: #cc3300;
	font-weight: bold;
	text-transform: uppercase;
}


.sellBoxes {
	padding: 10px 0px 10px 0px;
}

.sellImage {
	padding: 5px 0px 5px 0px;
}


.sellTextHead {
	font-family: Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px; 
	color: #663300;
	margin-left: 20px;
}

.sellTextHeadBig {
	font-family: Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px; 
	color: #663300;
	margin-left: 20px;
}

.sellTextHeadBig2 {
	font-family: Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px; 
	color: #663300;
}

.sellTextBlack
{
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color: #000;
	font-weight: normal;
	margin-left: 35px;
}


/*
.sellImagesTopLeft{
	border-style: solid;
	border-width: 4px;
	border-right-width: 0px;
	border-color: #c6d37b;
}

.sellImagesTopRight{
	border-style: solid;
	border-width: 4px;
	border-right-width: 0px;
	border-color: #c6d37b;
}

.sellImagesBottomLeft{
	border-style: solid;
	border-width: 4px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #c6d37b;
	padding-top: 5px;
}


.sellImagesBottomRight{
	border-style: solid;
	border-width: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-color: #c6d37b;
	padding-top: 5px;
}

*/
.special {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #ffffff; 
	font-weight: bold; 
	background-color: #cc3300;  
	height: 15px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}
A.special:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #ffffff; 
	font-weight: bold; 
	background-color: #cc3300; 
	height: 15px;
	text-decoration: none; 
	padding: 0px 0px 0px 0px;
}
A.special:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #ffffff; 
	font-weight: bold; 
	background-color: #cc3300; 
	height: 15px;
	text-decoration: underline; 
	padding: 0px 0px 0px 0px;
}



.subscribeNav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #ffffff;
	text-transform: uppercase;
	background-color: #cc3300;
	font-weight: bold;
	padding: 5px 0px 5px 8px;
	text-decoration: none;
}
A.subscribeNav:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #ffffff;
	text-transform: uppercase;
	background-color: #cc3300;
	font-weight: bold;
	padding: 5px 0px 5px 8px;
	text-decoration: none;
}
A.subscribeNav:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #ffffff;
	text-transform: uppercase;
	background-color: #cc3300;
	font-weight: bold;
	padding: 5px 0px 5px 8px;
	text-decoration: underline;
}


.subscribeRedHead {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	color: #cc3300;
	text-decoration: none;
}



.topNav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none; 
	background-color: #663300;
}

A.topNav:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none; 
	background-color: #663300;
}

A.topNav:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #c6d37b; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none; 
	background-color: #663300;
}

.oeIndent {
	.text-indent: -5px;
}
.onlineExclusives {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #000; 
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -10px;
	margin-bottom: 6px;
}

A.onlineExclusives:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #000; 
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 6px;
}

A.onlineExclusives:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #000; 
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: 6px;
}

#cover-frontpage {
	width: 225px;
	height: 298px;
	padding: 0 10px 12px 0;
	background: #fff url(../images/cover-dropshadow.gif) no-repeat; }

.extras {
	padding: 10px 5px;
	font-size: 10px; }
.extras dl{
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #7B964A;
	font-size: 1.2em;
	text-align: left; }
.extras dl dt {
	font-weight: bold;
	color: #630;
	margin-top: .5em; }
.extras dl dd {
	margin: 0 0 .3em 10px;
	padding-left: 10px;
	background: transparent url(../images/li.gif) no-repeat left 5px; }
.extras dl dd a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none; }
.extras dl dd a:hover {
	text-decoration: underline; }
.extras ul {
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px !important;
	padding: 0 0 0 25px;
	list-style-image: url(../images/li.gif);
	text-align: left; }
.extras ul li {
	margin: 0 0 .4em 0;
	padding: 0; }
	
img#toc-small {
	width: 460px;
	height: 304px;
	padding: 1px 15px 15px 1px;
	background: #fff url(../images/toc-shadow.jpg) no-repeat top left; }

/* Direct Mail form. */
#dmform {
	padding: 50px 85px;
	text-align: left; }
#dmform p {
	font-size: 130%; }
#dmform form {
	padding: 10px 40px; }
#dmform form label {
	font-weight: bold;
	float: left;
	clear: left;
	width: 100px;
	margin: .3em 0; }
#dmform form input {
	float: left;
	margin: .3em 0; }
#dmform form input#submit {
	clear: left;
	margin: 1em 100px; }
.error {
	padding: 5px 10px;
	border-top: 1px solid #c00;
	background-color: #fcc; }
.notify {
	padding: 5px 10px;
	border-top: 1px solid #00c;
	background-color: #ccf; }
	
	
/* Tip Submit Form
   ---------- */
#tip-submit { font-size: 80%; }
#tip-submit label { display: block; }
#tip-submit label.inline { display: inline; }
#tip-submit .required { color: #a50021; }
#tip-submit form { padding-left: 2em; }
#tip-submit form p { margin-left: 0; }
#tip-submit p { margin-left: 20px; }

#tip-submit .fileupload { margin-left: 20px; }
#tip-submit fieldset {
	padding: 1em;
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-top: 2px #9d9d9d solid;
}
#tip-submit legend {
	padding: 3px; 
	font-weight: bold; 
	color: #000;
}

.formsleft {
width: 250px;
float: left;
}

.formsright {
width: 250px;
float: left;
}

/* Tip Submit Fail Page
   ---------------*/
   
#tip-fail .required { color: #a50021; }