/*
****************************************
****************************************
**********  DEVELOPER NOTES  ***********
****************************************
****************************************
*************  Developer  **************
****************************************

Northscaping ITDS
www.northscaping.com/Business/ITDS.shtml

****************************************
********  Development History  *********
****************************************

Feb 14/07	- Created new file

Jun 28/07	- Seasonalized for SQX6

Aug 22/07	- Seasonalized for SQX6

Oct 12/07	- Added newsletter styles

Oct 24/07	- Seasonalized for SQX6

Jan 1/08	- Seasonalized for SQX1

Jan 18/08	- Added additional newsletter support

Feb 28/08	- Seasonalized for SQX6

Apr 23/08	- Seasonalized for SQX6

Jun 24/08	- Seasonalized for SQX6

Aug 27/08	- Seasonalized for SQX6

Oct 29/08	- Seasonalized for SQX6

Dec 30/08	- Seasonalized for SQX1

Feb 28/09	- Seasonalized for SQX2

Apr 28/09	- Seasonalized for SQX3

Jun 30/09	- Seasonalized for SQX4

Aug 31/09	- Seasonalized for SQX5

Nov 9/09	- Seasonalized for SQX6

Nov 12/09	- Added support for Seedlings section

Jan 2/09    - Seasonalized for SQX1

Mar 2/09    - Seasonalized for SQX2

May 12/09   - Seasonalized for SQX3

Jul 1/09    - Seasonalized for SQX4

****************************************
**********  Important Notes  ***********
****************************************

1. Website Seasonalization

All seasonal images contain a marker in the format "SQX",
where the end number is the season from 1 to 6;

	SQX1 - January/February
	SQX2 - March/April
	SQX4 - May/June
	SQX4 - July/August
	SQX5 - September/October
	SQX6 - November/December

The "SQX" is in the names to make automatic "find and replace"
replacement of seasonal images possible for rapid
seasonalization.

To seasonally adjust the entire site, change the "SQX" references
in both the Home page document (default.asp) and the CSS style
sheet (NS001-Styles.css)

****************************************
****************************************
*/

/* Global settings */

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4e4c4c;
	line-height: 1.3em;
	padding: 0;
	margin: auto;
	margin-top: 12px;
	margin-bottom: 0;
	position: relative;
	text-align: left;
	text-indent: 0;
	vertical-align: top;
	background-color: #e7eadd;
	width: 800px;
}

p {
	margin-top: 0;
	margin-bottom: 0.8em;
}

h1 { font-size: 200%; font-weight: bold; margin: 0px; line-height: 1.4em; }
h2 { font-size: 150%; font-weight: bold; margin: 0px; line-height: 1.4em; }
h3 { font-size: 125%; font-weight: bold; margin: 0px; line-height: 1.4em; }
h4 { font-size: 110%; font-weight: bold; margin: 0px; line-height: 1.4em; }
h5 { font-size: 100%; font-weight: bold; margin: 0px; line-height: 1.4em; }

input { font-size: 100%; font-weight: normal; }
li { list-style-type: disc; margin-bottom: 1em; }
label { margin-right: 60px; font-weight: bold; }
textarea { font-family: Arial, Helvetica, Sans-Serif; font-size: 8pt; color: #4e4c4c; }

a {
	color: #209999;
	font-weight: normal;
	text-decoration: underline;
}

a img { border: none; }

a:hover {
	color: #e6b8c9;
	text-decoration: underline;
}

a.raspberry { color: #b53265; }
a.raspberry:hover { color: #99eded; }

.rightPic {
	display: block;
	margin: 0 0 4px 8px;
	float: right;
	border: solid 3px black;
}

.leftPic {
	display: block;
	margin: 0 8px 4px 0;
	float: left;
	border: solid 3px black;
}

.illustration {
	display: block;
	margin: 12px 6px;
	text-align: center;
}

.noIndentList {
	margin: 0 0 0 1.5em;
}

/* Master framing boxes - all pages */

#masthead, #PS-masthead, #NL-masthead {
	width: 800px;
	height: 235px;
	margin: 0;
	background-repeat: no-repeat;
}

#masthead { background-image: url(/Images/Framework/Masthead-SQX4.jpg); }
#PS-masthead { background-image: url(/Images/PlantSearch/PS-masthead-SQX4.jpg); }
#NL-masthead { background-image: url(/Images/PlantSearch/PS-masthead-SQX4.jpg); }

#mastheadCover {
	position: relative;
	top: 168px;
	left: 642px;
	width: 158px;
	height: 35px;
	background-image: url(/Images/Framework/T2-mastheadcover-SQX4.jpg);
	background-repeat: no-repeat;
}

#container, #PS-container, #NL-container {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	width: 800px;
	height: 100%;
	background-position: 642px 0px;
	background-repeat: repeat-y;
}

#container { background-image: url(/Images/Framework/RHSspacer.jpg); }

#content {
	margin: 0px 158px 0px 239px;
	vertical-align: top;
	text-align: left;
}

#LHScolumn {
	margin: 0;
	width: 239px;
	float: left;
	background-image: url(/Images/Framework/LHS-SQX4.jpg);
	background-repeat: no-repeat;
}

#RHScolumn {
	margin: 0;
	width: 158px;
	float: right;
	background-image: url(/Images/Framework/RHS-SQX4.jpg);
	background-repeat: no-repeat;
}

#contentClose, #PS-contentClose, #NL-contentClose {
	margin: 0;
	height: 28px;
	background-repeat: no-repeat;
	clear: both;
}

#contentClose { background-image: url(/Images/Framework/contentclose.jpg); }
#PS-contentClose { background-image: url(/Images/PlantSearch/PS-contentclose.jpg); }
#NL-contentClose { background-image: url(/Images/Framework/NL-contentclose.jpg); }

#footer {
	margin: 0px;
	padding-top: 32px;
	width: 800px;
	height: 100px;
	text-align: center;
	background-image: url(/Images/Framework/footer.jpg);
	background-repeat: no-repeat;
}

.clear {
	margin: 0;
	padding: 0;
	line-height: 1px;
	height: 1px;
	border: 0;
	clear: both;
	overflow: hidden;
}

/* Masthead */

#quickLinkBox {
	position: relative;
	top: 207px;
	left: 160px;
	height: 32px;
	text-align: left;
}

a.quickLink {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
	color: #e9d7de;
	text-decoration: none;
	line-height: 1em;
	margin-right: 32px;
}

a.quickLink:hover {
	color: #092121;
	text-decoration: none;
}

/* Left hand column */

#LHSbox {
	margin: 0px 8px 24px 50px;
}

.menuSpacer {
	line-height: 1px;
	margin-left: 30px;
	width: 145px;
	border-bottom: solid 1px #d0d0d0;
}

.LHSspacer, .LHSspacer1 {
	width: 175px;
	margin: 7px 0px;
	border-top: solid 1px #d0d0d0;
}

.LHSspacer { line-height: 3px; border-bottom: solid 1px #d0d0d0; }
.LHSspacer1 { line-height: 1px; }

.LHScontentHeader {
	margin: 0.5em 0;
	padding-left: 8px;
	color: #209999;
	font-weight: bold;
}

.LHSAd {
	width: 175px;
	background-color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
	vertical-align: middle;
	color: #209999;
}

.LHScontentText {
	margin: 0.1em 0;
	padding-left: 8px;
	color: #717979;
}

.Menu {
	margin: 0;
	padding-left: 45px;
	line-height: 2.1em;
}

.Menu2 {
	margin: 0;
	padding-left: 62px;
	line-height: 1.7em;
}

a.menuLink, a.menuLink2 {
	color: #8a8e8e;
	text-decoration: none;
}

a.menuLink:hover, a.menuLink2:hover {
	color: #e0a3b9;
	text-decoration: none;
}

a.menuLink { font-weight: bold; }

a.LHSLink {
	color: #209999;
	font-weight: bold;
	text-decoration: underline;
}

a.LHSLink:hover {
	color: #e6b8c9;
	text-decoration: underline;
}

/* Right hand column */

#RHSbox {
	margin: 0;
	margin-left: 24px;
	width: 117px;
	text-align: left;
}

.RHSspacer {
	line-height: 3px;
	width: 117px;
	margin: 8px 0px;
	border-top: solid 1px #209999;
	border-bottom: solid 1px #209999;
}

.RHScontentHeader {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	color: #0d6a6a;
}

.RHScenterHeader {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	color: #0d6a6a;
	text-align: center;
}

a.RHSLink {
	color: #0d6a6a;
	font-weight: bold;
	text-decoration: underline;
}

a.RHSLink:hover {
	color: #e6b8c9;
	text-decoration: underline;
}

/* Footer formatting */

a.footerLink {
	font-size: 90%;
	line-height: 2em;
	color: #717979;
}

a.footerLink:hover {
	color: #909999;
}

.footerText {
	font-size: 85%;
	color: #717979;
}

/* Home page formatting */

#homeWelcome {
	margin: 0;
	height: 202px;
	background-image: url(/Images/Content/Home-welcome-SQX4.jpg);
	background-repeat: no-repeat;
}

#homeNew {
	margin: 0;
	height: 207px;
	background-image: url(/Images/Content/Home-new-SQX4.jpg);
	background-repeat: no-repeat;
}

#homeSeasonal {
	margin: 0;
	height: 206px;
	background-image: url(/Images/Content/Home-seasonal-SQX4.jpg);
	background-repeat: no-repeat;
}

#homeArticle {
	margin: 0;
	height: 212px;
	background-image: url(/Images/Content/Home-article-SQX4.jpg);
	background-repeat: no-repeat;
}

.homeBlock, .homeBlockW {
	position: relative;
	left: 30px;
	width: 356px;
	height: 175px;
	overflow: hidden;
}

.homeBlock { top: 32px; }
.homeBlockW { top: 27px; }

.homeHeaderR, .homeHeaderT {
	font-weight: bold;
	line-height: 1em;
}

.homeHeaderT {	color: #209999; }
.homeHeaderR {	color: #b53265; }

.homeSubHeader {
	margin-bottom: 0.5em;
}

a.homeLinkT {
	color: #209999;
	font-weight: normal;
	text-decoration: underline;
}

a.homeLinkT:hover {
	color: #e6b8c9;
	text-decoration: underline;
}

a.homeLinkR {
	color: #b53265;
	font-weight: normal;
	text-decoration: underline;
}

a.homeLinkR:hover {
	color: #99eded;
	text-decoration: underline;
}

/* Tier 2 pages formatting */

.tier2Tab {
	border: 0;
	margin: 12px 0;
	width: 387px;
	overflow: hidden;
}

a.tier2LinkT {
	color: #209999;
	font-weight: normal;
	text-decoration: underline;
}

a.tier2LinkT:hover {
	color: #e6b8c9;
	text-decoration: underline;
}

a.tier2LinkR {
	color: #b53265;
	font-weight: normal;
	text-decoration: underline;
}

a.tier2LinkR:hover {
	color: #99eded;
	text-decoration: underline;
}

.tier3HeaderR, .tier3HeaderT {
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
}

.tier3HeaderT {	color: #209999; }
.tier3HeaderR {	color: #b53265; }

#mailBlock, #productsBlock, #aboutBlock, #featuresBlock, #plantsBlock, #plantsearchBlock, #eventsBlock,
#newsBlock, #resourcesBlock, #promoBlock, #doctorBlock, #sitemapBlock, #accessBlock, #newsletterBlock, 
#newsmanagerBlock, #newssubscribeBlock, #holidayBlock, #seedlingsBlock {
	margin: 0;
	float: left;
	background-repeat: no-repeat;
}

#productsBlock { background-image: url(/Images/Content/Products-header.jpg); }
#aboutBlock { background-image: url(/Images/Content/About-header.jpg); }
#featuresBlock { background-image: url(/Images/Content/Features-header.jpg); }
#plantsBlock { background-image: url(/Images/Content/Plants-header.jpg); }
#eventsBlock { background-image: url(/Images/Content/Events-header.jpg); }
#resourcesBlock { background-image: url(/Images/Content/Resources-header.jpg); }
#promoBlock { background-image: url(/Images/Content/Promotions-header.jpg); }
#mailBlock { background-image: url(/Images/Content/Mail-header.jpg); }
#doctorBlock { background-image: url(/Images/Content/Doctor-header.jpg); }
#sitemapBlock { background-image: url(/Images/Content/SiteMap-header.jpg); }
#accessBlock { background-image: url(/Images/Content/Access-header.jpg); }
#newsmanagerBlock { background-image: url(/Images/Content/Newsmanager-header.jpg); }
#newssubscribeBlock { background-image: url(/Images/Content/Newssubscribe-header.jpg); }
#holidayBlock { background-image: url(/Images/Content/Holiday-header.jpg); }
#seedlingsBlock { background-image: url(/Images/Content/Seedlings-header.jpg); }

#newsletterBlock {
	background-image: url(/Images/Content/Newsletter-header.jpg);
	width: 561px;
	padding-top: 55px;
}

#plantsearchBlock {
	background-image: url(/Images/PlantSearch/PS-header.jpg);
	width: 561px;
	padding-top: 65px;
}

.tier2Content {
	margin: 0 8px;
	padding-top: 90px;
	width: 387px;
}

.tier3Content {
	margin: 0 8px;
	padding-top: 72px;
	width: 387px;
}

a.articleLink, a.articleLinkSub, a.sitemapLink1, a.sitemapLink2, a.sitemapLink3 {
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.6em;
	margin-bottom: 0.8em;
	color: #209999;
}

a.articleLink:hover, a.articleLinkSub:hover, a.sitemapLink1:hover, a.sitemapLink2:hover, a.sitemapLink3:hover {
	color: #e6b8c9;
}

a.articleLink { font-size: 150%; }
a.articleLinkSub { font-size: 110%; }
a.sitemapLink1 { font-size: 110%; }

a.sitemapLink2, a.sitemapLink3 {
	font-size: 100%;
	line-height: 1.1em;
	margin-bottom: 0;
}

a.sitemapLink2 { margin-left: 30px; }
a.sitemapLink3 { margin-left: 60px; }

.articleSubHeader {
	margin-bottom: 0.2em;
}

.plantsLink {
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.6em;
	margin-bottom: 0.8em;
	color: #b53265;
	font-size: 110%;
}

.plantsLink:hover { color: #99eded; }

.eventsHeader {
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
	color: #b53265;
}

.eventsSubHeader {
	font-weight: bold;
	line-height: 1.2em;
}

.eventsDesc {
	margin-top: 0.7em;
}

.eventsContact {
	line-height: 1.2em;
	margin: 0 0 0 24px;
}

.eventsList {
	list-style-type: none;
	margin-bottom: 6px;
}
	
.eventsAction {
	margin-right: 12px;
}

.shadeContainer {
	margin: 0 0 10px 0;
	padding: 0 4px 4px 0;
	background: #e7eadd url(/Images/Framework/bordershading.gif) no-repeat 100% 100%;
}

.shadeBox, .shadeBoxPassword, .shadeBoxNewsletter {
	vertical-align: top;
	margin: 0;
	padding: 10px 8px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #ccc;
}

.shadeBox, .shadeBoxPassword {
	width: 365px;
}

.shadeBoxNewsletter {
	width: 518px;
}

.shadeBoxPassword {
	text-align: center;
}

/* Newsletter-specific pages formatting */

.newsletterContent {
	margin: 0 8px;
	padding-top: 18px;
	width: 540px;
}

.newsHeader {
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.8em;
	color: #b53265;
}

.newsSubHeader {
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 0.9em;
	margin-top: 0.4em;
	color: #0d6a6a;
}

.newsSpacer {
	line-height: 2px;
	border-bottom: solid 2px #d0d0d0;
}

.newsRHSColumn {
	margin: 0 0 8px 8px;
	padding: 0 5px;
	width: 140px;
	border: solid 2px #209999;
	background-color: #f7f9f0;
	float: right;
}

.newsRHSBox {
	width: 132px;
	text-align: left;
}

.newsRHSSpacer {
	line-height: 3px;
	width: 100%;
	margin: 8px 0px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
}

.newsRHSHeader {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	color: #b53265;
}

.newsRHSSubHeader {
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 0.6em;
	margin-top: 0.3em;
}