<style>
/* like with js files, shouldn't include open & closing tags (STYLE) in linked files, but it's non-critical in all current browsers, and allows copy & paste debugging */

/* margin-left only works with in-line css statements in FF? Is "left" in name a problem? */
.pad3left {
	margin-left: 10px;
	border-color: #5090CD;
	border-width: 2px;
}


/* BACKGROUND COLORS */
.pageBackground {
	background-color: #FFFFFF;
}


/* FONTS  */

/* 
224499		body text, less common link color (subcats, other "big" items)
5090CD		link color, especially subcats (no decoration) and mid-paragraph (underlines)
339999		category names as text, titles, headings, etc

NB: as of press time, 
A HREFs do not inherit the classing of their containers for modify link colors (4 states)
but they WILL use the BODY link colors
but classed A HREFs ingore BODY link colors, even those not specified in CSS
	SO, we'll leave these classless and use these 'link' colors
	link="#5090CD" vlink="#5090CD" alink="#990000"

3366CC (just about everything else) and 4687CC (pure logo)	should be the colors of .gifs making up page elements; could use body text colors for dark, but don't want anything close to links for light (unless those elements should be thought of as links more than decoration)

text size: 11 paragraph, 14 for headlines, 12 everything else
*/

/* top of page links, subcats on product pages, any headline+link ... assumes entire element is link */
.subjectLinks {
/*	color: #5090CD;	*/
	color: #224499;
	font-size: 12px;
	font-family: Helvetica, Arial, "sans-serif";
}
.subjectLinks:link {
	text-decoration: none;
}
.subjectLinks:visited {
	text-decoration: none;
}
.subjectLinks:hover {
	text-decoration: underline;
}

/* 'specs' (sic), product titles: aquamarine */
.productTitle {
	color: #666666;
	font-size: 14px;
	font-family: Helvetica, "sans-serif";
}
.titularText {
/*	color: #339999;	*/
	color: #666666;
	font-size: 12px;
	font-weight: bolder;
	font-family: Helvetica, "sans-serif";
}
.productSpecLabel {
	color: #666666;
	font-size: 11px;
	font-weight: bolder;
	font-family: Helvetica, "sans-serif";
}

/* generic on-page blue text ... has in-line, underlined, light blue links */
.productParagraph {
	color: #000033;
	font-size: 11px;
	font-family: Helvetica, "sans-serif";
}
.productParagraph:link {
	color: #5090CD;
	text-decoration: underline;
}
.productParagraph:visited {
	color: #5090CD;
	text-decoration: underline;
}
/* anything bigger than this is probably a title, and should be a different color */
.productParagraphBig {
	color: #000033;
	font-size: 12px;
	font-family: Helvetica, "sans-serif";
}


/* stuff that needs to fit in the middle column under for standard layout */
.productParagraph2 {
	color: #000033;
	font-size: 11px;
	font-family: Helvetica, "sans-serif";
	margin-right: 10px; 
	width: 400px;
	text-align: justify;
}
/* this affects the entire DIV and over-writes the other attributes 
.productParagraph2:link {
	color: #5090CD;
}
.productParagraph2:visited {
	color: #5090CD;
}

	color: #224499;
	font-size: 11px;
	font-family: Helvetica, "sans-serif";

*/

/* This is at least on the home page */
.productParagraph3 {
	color: #000033;
	font-size: 13px;
	font-family: Helvetica, "sans-serif";
	margin: 10px; 
	text-align: justify;
}




/* PRODUCT PAGES ONLY ... could be separate include/.css */

.subcat {
	color: #224499;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, "sans-serif";
}
.subcat:link {
	text-decoration: none;
}
.subcat:visited {
	text-decoration: none;
}
.subcat:hover {
	text-decoration: underline;
}
.subcatSelected {
	color: #224499;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, "sans-serif";
	font-weight: bold;
}


.specificProduct {
	color: #5090CD;
	font-size: 11px;
	line-height: 16px;
	font-family: Helvetica, Arial, "sans-serif";
}
.specificProduct:link {
	text-decoration: none;
}
.specificProduct:visited {
	text-decoration: none;
}
.specificProduct:hover {
	text-decoration: underline;
}

.specificProductSelected {
	color: #5090CD;
	font-size: 11px;
	line-height: 16px;
	font-family: Helvetica, Arial, "sans-serif";
	font-weight: bold;
}

/* BORDERS on zooms, related items */
.zoomable {
	border-color: #5090CD;
}
.zoomable:link,  .zoomable:visited {
	border-color: #5090CD;
	border-width: 1px;
}
.zoomable:hover,  .zoomable:active {
	border-width: 2px;
}



/* Move up and comment as clarify that still extant */

/* note that if you want to do something with HOVER on JUST THE LINK, you need to reclass the link ... otherwise HOVER applies to nesting object (as it maybe should) ... although this then fails in FF OSX (sigh) */
.productParagraphLink:link {
	text-decoration: underline;
	color: #6699FF;
}
.productParagraphLink:visited {
	text-decoration: underline;
	color: #6699FF;
}
.productParagraphLink:hover {
	color: #0000FF;
}
.productParagraphLink:active {
	color: #0000FF;
}



/* semi-original major blue text
	color: #82A8BD;
original darker text colors for paragraphs
	color: 336699
THIS IS FOR TOP RIGHT NAV (about, etc.) */
.pureBlueCaps {
	color: #224499;
	font-size: 12px;
	font-family: Helvetica, Arial, "sans-serif";
/*	font-family: Chalkboard, "Comic Sans MS", Monaco, "sans-serif"; */
}
.pureBlueCaps:link {
	text-decoration: none;
}
.pureBlueCaps:visited {
	text-decoration: none;
}
.pureBlueCaps:hover {
	text-decoration: underline;
}



/*	DEPRECATE THIS? ... THIS IS big thin blue text USED FOR 'BEDROOM' ON LEFT
	!!!!!!! ULTIMATELY, WE PROBABLY JUST WANT TO LEAVE THE TOPNAV HIGHLIGHTED TO INDICATE CATEGORY
	AND FOR "sorry, this product isn't available" ... 
	 */
.pureBlueCaps2 {
	color: #224499;
	font-size: 12px;
	line-height: 18px;
	font-family: Helvetica, Arial, "sans-serif";
/*	font-family: Chalkboard, "Comic Sans MS", Monaco, "sans-serif"; */
}






/* BEDROOM on left, THIS PRODUCT UNAVAILABLE, STUDIO for designers, */
.largerBlue {
	color: #224499;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	font-family: Helvetica, Arial, "sans-serif";
}

</style>