/* ================================================================= */
/* ============================== TEXT ============================= */
/* ================================================================= */
		
/* Font-sizes are set in em's and then reduced by setting BODY to 76%. */
/* This method allows text to be resized in IE. */ 
/* DO NOT set BODY font-size to 75% or less. */		
		
	body, select, input, input.field, textarea, label { font-family: Arial, Verdana, Helvetica, sans-serif; }	
	body	{ font-size: 76%; }	
	table	{ font-size: 1em; }	
	img		{ font-size: 0.9em; color: #666; border: none; }		

/* TEXT STYLES USED IN TEMPLATES */
		
	h1.pagetitle {
		font-size: 1.6em;
		line-height: 1.6em;
		color: #666;
		font-weight: normal;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 10px 0px;
		}
	/* FLASH REPLACEMENT STYLES */	
	/* These are standard sIFR styles... do not modify */
	.sIFR-flash			{ visibility: visible !important; margin: 0; }
	.sIFR-replaced		{ visibility: visible !important; }
	span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-hasFlash h1	{ visibility: hidden; }

/* RADEDITOR STYLES */
	
	h1 {
		font-size: 1.6em;
		line-height: 1.6em;
		color: #666;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
		
	h2 {
		font-size: 1.1em;
		line-height: 1.4em;
		color: #000;
		font-weight: bold;
		padding: 3px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
	
	h3 {
		font-size: 1.0em;
		line-height: 1.3em;
		color: #666;
		font-weight: bold;
		padding: 2px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
	
	h4 {
		font-size: 1.0em;
		line-height: 1.4em;
		color: #71a517;
		font-weight: bold;
		padding: 2px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
	
	h5 {
		font-size: 0.9em;
		line-height: 1.4em;
		color: #666;
		font-weight: bold;
		padding: 2px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
	
	p, span.text {
		font-size: 1.0em;
		line-height: 1.4em;
		color: #666;
		padding: 3px 0px 6px 0px;
		margin: 0px 0px 0px 0px;
		}
		/* FONT-SIZE OVERIDE FOR SIDE COLUMNS */	
		div.con-supp-1 p, div.con-supp-2 p { font-size: 0.9em; }
	
	
	dt { font-weight: bold; color: #666; padding-top: 5px;}
	
	dd { margin: 0 0 10px 0;}	
		
	a:link 		{ text-decoration: underline; color: #666; }
	a:visited 	{ text-decoration: underline; color: #666; }
	a:hover 	{ text-decoration: underline; color: #71a517; }
	a:active 	{ text-decoration: underline; color: #666; }
	
	
	ul, ol, dl { margin-top: 3px; }
	
	li {
		font-size: 1.0em;
		line-height: 1.4em;
		color: #666;
		margin-top: 0.2em;
		margin-bottom: 0.1em; 
		}
			
	li li { font-size: 100%; /*Setting to 100% fixes inheritance of nested lists*/ }
	
	br.clear { clear: both; }
		
	table.numbers tbody td {
		text-align: right;
		}

	caption {
		background-color: #888;
		font-weight: bold;
		color: #fff;
		font-size: 1.1em;
		padding: .2em .4em .2em .4em;
		text-align: left;
		border-top: 6px solid #fff;
		}
	table {background: #888; margin: 0px 0px 9px 0px; width: 100%;}

	td {
		background-color: #eee;
		padding: .2em;
		}

	th {
		background-color: #ddd;
		padding: .2em;
		text-align: center;
		}

tr.first th {
	background-color: #ccc;
	font-weight: bold;
	}

thead tr.first th {
	background-color: #aaa;
	}

	thead th {
		vertical-align: top;
		
		}

	thead td {
		font-weight: normal;
		background-color: #ddd;
		}

	tbody td {
		vertical-align: top;
		color: #666;
		}

	tbody th {
		font-weight: normal;
		vertical-align: top;
		color: #333;
		}
		
	tfoot td {
		color: #666;
		}	

	table.layout 	{background-color: transparent !important;}	
	table.layout td {background-color: transparent !important;}

		
/* ================================================================= */
/* =================== ICONS & CUSTOM STYLES ======================= */
/* ================================================================= */	
	
	p.link,
	p.orderhistory,
	p.logout, 
	p.shopcart {
		padding: 3px 0px 6px 13px;
		margin: 0px;
		}
	
	p.link			{ background: url(../gifs/icn-link.gif) no-repeat 0px 8px;}
	p.orderhistory	{ background: url(../gifs/icn-orderhistory.gif) no-repeat 0px 8px; }
	p.logout		{ background: url(../gifs/icn-logout.gif) no-repeat 0px 8px; }	
	p.shopcart		{ background: url(../gifs/icn-shopcart.gif) no-repeat 0px 8px; }			
	
	div.con-supp-1 p.link, div.con-supp-2 p.link {padding: 3px 0px 0px 13px;} 	
	
	p.date {
		color: #999;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
			
/* PAGING STYLES */		
	
	div.collectionpager {
		font-size: 1em;
		color: #ccc;
		line-height: 1.4em;
		padding: 5px 0px 4px 0px;
		margin: 0;
		}
	
	div.collectionpager b {
		color: #000;
		}	
		
	p.cat, p.size, p.aud { font-size: 0.9em; }
	p.aud { font-weight: bold;}

	p.code {font-family:  monospace; background: #ffffcc; border: 1px solid #cccc99; padding: 2px 5px 2px 7px; margin: 3px 0px 6px 0px;}
						