.clear {
	clear:both;
	padding:0px;
	margin:0px;
	}
	
body {
	background-color:#BCC8A2;
	margin:8px 4px 4px 0px;
	font-size: 80%; /* Set base size */
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	}

a:link, a:visited {
	color:#006600;
	}

a:hover {
	color:#009900;
	}
	
a.topNavLink:link {
	color:white;
	text-decoration:none;
	}	

a.topNavLink:visited {
	color:white;
	text-decoration:none;
	}	

a.topNavLink:hover {
	color:#FFCC99;
	text-decoration:underline;
	}	

a.article {
	font-weight:bold;
	}

h1 {
	font-size:1.2em;
	font-weight:bold;
	}
	
h2 {
	font-size:1.1em;
	font-weight:bold;
	margin:0px;
	}
	
h3 {
	font-size:1em;
	font-weight:bold;
	margin:0px;
	}	

#topBox {
	border:0px solid red;
	}
	
/* Where the logo (and perhaps banners) goes */	
#logoBox {
	background-image:url(graphics/toprightoutsm.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:white;
	margin-left:4px;
	border:0px solid green;
	}
	
/* Navigation bar beneath the logo */	
#topNav {
	background-image:url(graphics/toprightin.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:24px;
	padding:2px 0px 2px 0px;
	font-size:1.1em;
	border:0px solid green;
	}

/* Right-most table cell on the navigation table */
/* (Not a table anymore if I can help it! */
#searchBox {
	position:absolute;
	right:15px;
	width:170px;
	padding:2px 0px;
	border:0px solid yellow;
	}

.searchForm {
	margin:0px;
	}
	
.sortForm {
	margin:0px;
	padding:0px;
	border:0px solid red;
	}	

.sortForm select {
	font-size:.9em;
	}


/* This all lines up nicely in FireFox; could use some pixel tweaking in IE (form and button) */	
/* Or vice-versa... - Copied over from Only Silver in an attempt to make the button play nice */	
.itemNav form {
	border:0px solid yellow;
	margin:-5px 0px 0px 0px;
	padding:0px;
	}	
	
.itemNav select {
	font-size:.9em;
	}

.itemNav button {
	border:0px solid blue;
	padding:0px;
	margin:0px;
	background:transparent;
	position:relative;
	bottom:-4px;
	}




.pageNav {
	font-size:.9em;
	}

.poll {
	font-size:.9em;
	}
	
/* Lower section of the page, contains all other content */
#pageBox {
	clear:both;
	}
	
/* Right container for email forms, etc */
#rightBox {
	position:relative;
	float:right;
	width:170px;
	border: 0px solid purple;
	}	
			
.subscribe {
	padding-right:8px;
	padding-left:8px;
	font-size:.9em;
	color:white;
	}	

.searchinc {
	padding-right:8px;
	padding-left:8px;
	font-size:.9em;
	color:white;
	}	

.searchinc a {
	text-decoration:none;
}

	
#leftBox {
	position:absolute;
	width:145px;
	border: 0px solid yellow;
	}

/* Left-hand navigation */
.leftNavBox {
	margin:0px 2px;
	border:0px solid pink;
	}
	
.leftNavButton {
	border: 2px solid #A8B391;	
	background-color: #A8B391;	
	margin:0px 0px 1px 0px;
	font-weight:bold;
	}	
	
a.leftNavLink, a.leftNavLink:visited {
	text-decoration:none;
	font-size:.8em;
	color:white;
	}

a.leftNavLink:hover {
	text-decoration:underline;
	}

/* Shop navigation stuff */

.leftNavExpanded {
	margin:1px 0px;
	padding:1px 3px;
	border: 1px solid #A8B391;	
	font-weight:bold;
	}
	
.leftNavSubList {
	color:white;
	list-style: none;
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -.7em;
	line-height:110%;
	}

#mainBox {
	margin-left:147px;
	margin-right:174px;
	padding:8px;
	background-color:white;
	border: 0px solid aqua;
	}				
	
/* Introductory section, contained within main. Contains teaser text, h1 header and intro text */
#intro {
	}

/* Ads go here. Should float left of all paragraphs after the intro */
#adsleft {
		position:relative;
		padding:8px;
		margin:4px 16px 8px 0px;
		float:left;
}

#adsright {
		position:relative;
		padding:8px;
		margin:4px 8px 16px 0px;
		float:right;
}

/* Adding new style for Amazon recommended items */
.amAdLeft {
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	text-align:center;
	}



/* Table added to article menus spread the width of the box, under adsright - Fix? */
/* No - the 100% width was what made this necessary, and it also mucked things up in IE. So never mind. */
table.menutable {
	}

.menutable p {
	margin-top:0;
	}

#footer {
	font-size:.8em;
	}		

#rightcontent {
	margin-top:50%;
	}

/* Snippet that appears at the top of content pages, before the first header */
.teaser {
	font-size:.9em;
	font-style:italic;
	margin-top:8px;
	}	

.insetPhotoLeft {
	padding:0px 8px 0px 0px;
	}

.insetPhotoRight {
	padding:0px 0px 0px 8px;
	}
	
.note {
	font-size:.8em;
	}	
	
.searchlabel {
	color:white;
	font-size:.8em;
	font-weight:bold;
	}
	
/* Related links...not really using right now */
.related {
	color:white;
	font-weight:bold;
	font-style:italic;
	}

/* First few lines of an article used on index pages */
.excerpt {
	font-size:1em;
	}

/* By-line for free articles */
.author {
	font-weight:normal;
	font-style:italic;
	}

/* For free articles - about the author section */
.aboutauthor {
	font-size:1em;
	}

/* For free articles - credit section */
.credit {
	font-size:.9em;
	font-style:italic;
	}			
	
/* Comparison table - only one so far is for misting systems */
table.comptable {
	font-size:.9em;	
}

/* Notes after a comparison table */
.compnotes {
	margin-left:5px;
	font-size:.8em;
	}
	
/* Text on "where to buy" pages that suggest visiting a site... */
.visitsite {
	font-size:11px;
	font-weight:bold;
	}

/* Product table stuff...testing on buy-outdoor-metal-furniture.html */	

/* Highlight color...right now for alternating TRs in a product table */
.highlight {
	background-color: rgb(238, 248, 241);	
	border-top:1px solid rgb(0, 51, 0);	
	border-bottom:1px solid rgb(0, 51, 0);	
	}	

/* New for new template thingy */
/* Background color was rgb(238, 248, 241) */
.highlighteven {
	background-color: #F5F8F1;	
	border-top:1px solid rgb(0, 51, 0);	
	border-bottom:1px solid rgb(0, 51, 0);	
	}		
	
.reportLink {
	font-size:.9em;
	}
	
.prodName {
	margin:0px;
	padding:0px;
	}		
	
.prodname {
	font-weight:bold;
	}
		
.proddesc {
	font-size:11px;
	}
	
#siteMap {
	font-size:13px;
	}				


/* Styles for Photo Credits page */
/* Removing the border here eliminates all margins/padding - this is a work-around for the time being. */
/* Argh. Never mind. Using a table. :(
.photoCreditDiv {
	border:0px solid white;
	clear:left;
	margin-bottom:4px;
	padding:bottom:20px;
	position:relative;
	}
	
.photoCreditTitle {
}

.photoCreditAuthor {
	font-style:italic;
}

.photoCreditLocation {
}
	
.thumbnail {
	padding-right:10px;
	}	
	
/* Whee - New shop nav style */

.shopNavBox {
	margin:auto;
	}

.shopNavBlock {
	border:0px solid blue;
	padding:5px;
	text-align:center;
	width:20%;
	}
	
.shopNavBlock a:link, .shopNavBlock a:visited {	
	color:#006600;
	font-size:.9em;
	text-decoration:none;
	}

.shopNavBlock a:hover {
	color:#009900;
	}