/* css page for The Spice Outfit, November 2006 --
mess wit' it at yer own peril*/



/* colors
dark brown		#572700 
tan				#dfcba1 
light brown		#e9d3a2
red				#e31836

*/



/* parts of da page */

body	{
	font-family: Courier, Georgia, serif; 
	font-size: .8125em; 
	color: #572700; 
	background-color: #dfcba1; 
	padding: 0px; 
	margin: 0px; 
	}

div#outer	{
	top: 0em; 
	left: 0em; 
	width: 100%; 
	height: 100%; 
	}
 
/* div#inner	{
	position: relative; 
	top: 0em; 
	width: 780px; 
	height: 100%; 
	margin-left: -390px;  
	padding-left: 50%; 
	} */
	
div#container	{
	width: 100%;
	position: absolute;
	top: 0em;
	left: 0em;
	height: 100%; 
/*	background-image: url("../images/blend-border_780.gif"); 
	background-position: 0px 0px; 
	background-repeat: repeat-y; 
	width: 760px;  
	height: 100%; 
	padding: 0px 10px 0px 10px; */
	}



 


/* parts of da main table */

.artupright	{
	height: 115px; 
	background-image: url("images/corner-art_upright.gif"); 
	background-position: top right; 
	background-repeat: no-repeat; 
	}
	
.topbarfill	{
	background-color: #572700; 
	}
	
.topbar	{
	width: 100%; 
	height: 12px; 
	background-image: url("images/top-bar_bg.gif"); 
	background-position: 0px 0px; 
	background-repeat: repeat-x; 
	}
	
.footer	{
	width: 100%;  
	height: 200px; 
	background-color: #572700; 
	padding: 10px 20px 0px 20px; 
	}
	
td.footer p	{
	text-align: center; 
	color: #dfcba1; 
	}
	
td.footer img	{
	margin-left: 10px; 
	margin-top: 10px; 
	} 
	
/*	td.footer img	{
	float: right; 
	margin-left: -25px; 
	margin-right: 20px; 
	} */
	
td.footer a:link, a:active	{
	color: #dfcba1; 
	text-decoration: underline; 
	}
	
td.footer a:visited	{
	color: #dfcba1; 
	text-decoration: underline; 
	}
	
td.footer a:hover	{
	color: #e31836; 
	text-decoration: underline; 
	}
	
	
	
	
	
/* miscellaneous divs wit' related styles & classes */

#logofill	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px; 
	height: 122px; 
	background-color: #572700; 
	}
	
#logo	{
	position: relative; 
	top: 0px;
	left: 0px; 
	width: 660px; 
	}
	
.logo	{
	padding: 10px 22px 0px 22px; 
	}
	
.tophead	{
	margin: 0px 0px 3px 25px; 
	}
	
#home	{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 75px; 
	height: 120px; 
	background-image: url("images/skyline-border.gif"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	}
	
#home img	{
	padding: 10px 0px 0px 15px; 
	}
	
#home p	{
	text-align: center; 
	padding: 0px 0px 0px 5px; 
	}
	
#home a:link, a:active	{
	color: #572700; 
	text-decoration: underline; 
	}
	
#home a:visited	{
	color: #572700; 
	text-decoration: underline; 
	}
	
#home a:hover	{
	color: #e31836; 
	text-decoration: underline; 
	}
	
#content	{
	position: relative;
	margin-top: 12px; 
	left: 0px;
	width: 100%; 
	height: 100%; 
	}
	







/* miscellaneous classes */

.on	{
	color: #e31836; 
	font-weight: bold; 
	}
	
.ontext	{
	color: #e31836; 
	}
	
.indentright	{
	margin-right: 200px; 
	}
	






/* topnav table */

.topnav	{
	position: absolute;
	top: 0px;
	left: 160px;
	width: 508px; 
	height: 21px; 
	}
	
table.topnav td	{
	font-family: Courier, Georgia, serif; 
	text-align: center; 
	padding-top: 0px; 
	height: 21px; 
	width: 127px; 
	background-image: url("images/topnav-border_125.gif"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	}
	
table.topnav a:link, a:active	{
	color: #572700; 
	font-weight: bold; 
	text-decoration: none; 
	}
	
table.topnav a:visited	{
	color: #572700; 
	font-weight: bold; 
	text-decoration: none; 
	}
	
table.topnav a:hover	{
	color: #e31836; 
	font-weight: bold; 
	text-decoration: underline; 
	}
	





/* stuff on da home page */

#intro	{
	}
		
#intro p	{
	font-size: 1.1em; 
	line-height: 1.5em; 
	font-weight: bold; 
	padding: 20px 30px 0px 30px; 
	}
		
#intro img	{
	padding: 0px 0px 0px 40px; 
	}
		
#intro a:link, a:active	{
	color: #572700; 
	text-decoration: underline; 
	}
	
#intro a:visited	{
	color: #572700; 
	text-decoration: underline; 
	}
	
#intro a:hover	{
	color: #e31836; 
	text-decoration: underline; 
	}
	
td.tins	{
	background-image: url("images/home-page-hero.jpg"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	}
	





/* nested product table on catalog page */

td.productdesc1	{
	width: 80%; 
	height: 120px; 
	background-image: url("images/bg-product-desc1.gif"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	}
	
td.productdesc	{
	width: 80%; 
	height: 120px; 
	background-image: url("images/bg-product-desc.gif"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	}
	
td p.desc	{
	padding-right: 40px; 
	padding-left: 2px; 
	}

td img.desc	{
	margin-top: 10px; 
	}

td.productprice1	{
	width: 120px; 
	background-image: url("images/bg-product-price1.gif"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	}
	
td.productprice	{
	width: 120px; 
	background-image: url("images/bg-product-price.gif"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	}
	
td p.price	{
	color: #dfcba1; 
	text-align: center; 
	font-weight: bold; 
	font-size: 1.1em; 
	width: 120px; 
	padding-top: 3px; 
	}

td p.weight	{
	color: #dfcba1;
	padding-left: 20px; 
	padding-top: 3px; 
	}

/* td p.price	{
	padding-top: 0px; 
	padding-left: 20px; 
	} */

td img.clear	{
	margin-left: 10px; 
	margin-bottom: -5px; 
	}

td img.price	{
	padding-left: 20px; 
	padding-top: 3px; 
	margin-bottom: -5px; 
	}

td.productprice1 a:link, a:active	{
	color: #572700; 
	text-decoration: underline; 
	}
	
td.productprice1 a:visited	{
	color: #572700; 
	text-decoration: underline; 
	}
	
td.productprice1 a:hover	{
	color: #e31836; 
	text-decoration: underline; 
	}
	
td.productprice a:link, a:active	{
	color: #572700; 
	text-decoration: underline; 
	}
	
td.productprice a:visited	{
	color: #572700; 
	text-decoration: underline; 
	}
	
td.productprice a:hover	{
	color: #e31836; 
	text-decoration: underline; 
	}
	





/* stuff on da shipping & privacy pages */

#shipping	{
	}
		
#shipping p	{
	line-height: 1.2em; 
	padding: 0px 120px 0px 90px; 
	}
		
#shipping h2	{
	font-size: 1em; 
	margin-bottom: 0; 
	padding: 10px 30px 0px 90px; 
	}
		
#shipping img.head	{
	padding: 30px 0px 0px 40px; 
	}
		
#shipping img.art	{
	padding: 5px 250px 0px 0px; 
	}
		
#shipping table	{
	margin-left: 90px; 
	border: 1px solid #572700; 
	}
		
#shipping td	{
	border: 1px solid #572700; 
	}
		
#shipping a:link, a:active	{
	color: #572700; 
	text-decoration: underline; 
	}
	
#shipping a:visited	{
	color: #572700; 
	text-decoration: underline; 
	}
	
#shipping a:hover	{
	color: #e31836; 
	text-decoration: underline; 
	}
	





/* styles for gallery */

div#gallerycontainer	{
	width: 100%;
	position: absolute;
	top: 0em;
	left: 0em;
	height: 100%; 
	background-image: url("images/corner-art_lowleft.gif"); 
	background-position: 0px 125px; 
	background-repeat: no-repeat; 
	}

#galleryname	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px; 
	height: 70px; 
	}
	
#galleryname img	{
	padding: 20px 0px 0px 100px; 
	}
	
#gallerypic	{
	position: absolute;
	top: 65px;
	left: 0px;
	width: 500px; 
	height: 300px; 
	}
	
#gallerypic img	{
	padding: 0px 0px 0px 50px; 
	}
	
#galleryclose	{
	position: absolute;
	top: 355px;
	left: 0px;
	width: 500px; 
	}
	
#galleryclose input	{
	font-family: Courier, Georgia, serif; 
	width: 80px; 
	height: 25px; 
	color: #572700; 
	letter-spacing: 2px; 
	margin: 0px 0px 0px 210px; 
	background-color: #dfcba1; 
	}