@charset "iso-8859-1";


/* the entire web page, specifically area outside of wrap */
body {
  color: olive;
	margin: 0em auto;
	padding: 0em;
	background: url(images/weave.jpg) top center;
  font-family: Verdana,Tahoma,Arial,sans-serif;
}


/* the defined web page area - we want an ivory background with a black border on left & right side */
/* the width is the width of the banner picture - 5 pixels for good measure; fixed because this is a web store */

#wrap {
	width: 775px; /*78.0em;*/
	margin: 0em auto;
	padding: 0em;
	background-color: ivory;
	border-left: solid 1px rgb(150,150,150); /* grey */
	border-right: solid 1px rgb(150,150,150);	
}

/*** Correction for non-IE browsers ***/
#wrap {
	overflow: hidden;
}

/*** Correction for IE 5.01 ***/
#wrap {
/*	float: left; */
	float: none;
}

/*** Correction for Safari 1.x ***/
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}

/**************/
/*   HEADER   */
/**************/

/*** Banner pict - 780 pixels by 120 pixels ***/
#header-banner {
	width: 100%;
	height: 120px;
	float: center;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background: url(images/banner_mosaic_780.jpg) no-repeat;
}

/*** Header menu - we want the font small to allow for enlarging by user ***/
div.header-menu {
	font-size: 10.0px;
	float: left;
	width: 100%;
	height: 2em; /* scales background image with font size */
	margin-left: 0;
	padding: 0;
	border-top: solid 0px rgb(69,136,176);		
	border-bottom: solid 0px rgb(69,136,176);			
	line-height: 2.0em;
	background: url(images/img_header_nav_bottom.jpg) no-repeat;
}

div.header-menu ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 1.1em;	
}	

div.header-menu li {
	float: left;
	white-space: nowrap;
}

div.header-menu li a {
	display: block;
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(255,255,255);
	text-decoration: none;
}

div.header-menu li a:hover, div.header-menu li a.selected {
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: none;
}

/*** Correction for IE5 ***/
* html div.header-menu a {width:1%;}

/*** Correction for IE5 ***/
* html div.header-menu a {width:1%;}

div.header-menu span.cart {
  float: right; 
	padding-right: 1em;
	font-weight: bold;
	font-size: 1.1em;	
	color: white;
	text-decoration: none;
}

div.header-menu span.cart a:link {
	padding-right: 0;
	border-right: none;	
	color: white;
	text-decoration: none;
}

div.header-menu span.cart a:hover {
	padding: 0;
	border-right: none;	
	color: rgb(100,100,100);
	text-decoration: none;
}

/***   Buffer between heading and content area   ***/
div.buffer {
	clear: both; 
	float: center;
	width: 775px;
	height: 1.0em;
	margin: 0em;
	padding: 0em;
	background-color: inherit;
}


div.content {
	/*margin: 30px 220px 0 60px;*/
	padding-right: 60px;
}

div.one-column {
  text-align: left;
	width: auto;
	margin: 0em;
	padding: 0em 2.0em 0em 2.0em;
	background-color: inherit;
	color: olive;  
}

#center-column {
  text-align: center;
	width: auto;
	margin: 0em;
	padding: 0em 2.0em 0em 2.0em;
	background-color: inherit;
	color: olive;  
}

div#left-column {
	float: left;
	text-align: left;
	width: 150px;
	margin: 0em;
	padding: 0em 2.0em 0em 2.0em;
	background-color: inherit;
	color: olive;  
}

div#right-column {
	float: right;
	text-align: right;
	width: 150px;
	margin: 0em;
	padding: 0em 25px 0em 25px;
	background-color: inherit;
	color: olive;  
}

#middle-column {
	float: left;
	width: 43.0em;
	margin: 0em;
	padding: 0em 0em 0em 2.0em;
	background-color: inherit;
	color: rgb(100,100,100);
}

h1, h2 {
	text-align: left;
  font-family: "Monotype Corsiva";
  font-size: 24.0pt;
  font-weight: bold;
  color: rgb(142,106,74);
}

h2 {
  font-size: 18.0pt;
  color: rgb(142,106,74);
}

h3 {
	/*margin-top: 0;*/
	font-size:12pt;
	font-family: "Times New Roman", Times, serif;
	/*letter-spacing: -0.05em;*/
	border-bottom: dotted 1px #7e7e54;
}

a:link { color: green; }
a:visited: { color: brown; }
a:hover { color: red; }

.center { text-align: center }
.x2 { font-size: 2em }

div.copyright {
  clear: both;
  float: center;
  margin-top: 10px;
  margin-bottom: 5px;
  border-top: 1px solid olive;
  padding-top: 5px;
  font-family:Times New Roman;
  font-size: 10px;
  text-align: center;
  color: chocolate;
}

div.quote_passage {
  padding-left: 100px;
  padding-right: 150px;
  font-size: 75%;
  font-family: Georgia;
  color: darkgoldenrod;
}

/***** BASIC STORE STYLES GO BELOW *****/

/* use these divs for displaying image tiles with captions in a table-like format */
/* see http://alistapart.com/articles/practicalcss for more info */
div.float {
  float: left;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 25px;
  padding-bottom: 25px;
  }
  
div.float p {
   text-align: center; /* centers captions below picture */
 }
  
.item_entry {
  margin-top:0in;
	margin-right:0in;
	margin-bottom:6.0pt;
	margin-left:0in;
	line-height:10.0pt;
	font-size:10.0pt;
	font-family:"Verdana";
	color:black;
}

.item_form {
  margin-top:0in;
	margin-right:0in;
	margin-bottom:6.0pt;
	margin-left:0in;
	line-height:10.0pt;
	font-size:10.0pt;
	font-family:"Verdana";
	color:black;
}

.price_entry {
  font-weight: bold;
	color:#333399;
	position: relative;
	top: -2px;
}

.inventory {
	font-size:9.0pt;
	font-family:"Times New Roman";
	color:#993300;
	position: relative;
	top: -2px;
}

.sold-out {
	font-size:9.0pt;
	font-family:"Times New Roman";
	color:red;
	position: relative;
	top: -2px;
}

div.cart {
	float: left;
	text-align: left;
	width: 480px;
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	background-color: inherit;
	color: olive;  
  font-size:10.0pt;
  font-family:"Georgia";
}

div.rightbar {
	float: right;
	text-align: right;
	width: 180px;
	margin: 0em;
	padding: 0em 1.0em 0em 1.0em;
	background-color: inherit;
	color: olive;  
  font-size:10.0pt;
  font-family:"Georgia";
}

/*
.cart {
  font-size:10.0pt;
  font-family:"Georgia";
}
*/
.cart_back {
  font_weight: bold;
  background-color: teal;
  color: white;
}

.cart_fore {
  background-color: white;
  color: black;
}