* { margin:0; padding:0; }
body {
	background-color: #ccf;
	font: 8pt Arial;
	color: #446;
	}
p { margin: .5em 0; }
a { color: #884;  }
a:hover { color: #99f; }

/* This creates a centered box on the screen, into which all our content will go. */
#floatingbox {
	width:950px; 
	margin: 30px auto;
	}

/* http://shadow-fox.net/examples/threecolumns.html was used as a basis for the layout. */
#pageheader {
	background-color:#BFAC60;
	background-image:url(img/headerbackground2.jpg); 
	border-bottom:2px solid #66c;
	color:#338;
	height:150px;
	}
#pageleft {
	float:left;
	width:200px;
	padding:7px;
	background-color:#fd8;
	border-right: 1px solid #cd8;
	}
#pageright {
	float:right;
	width:200px;
	padding:7px;
	background-color:#ffc;
	border-left: 1px solid #fda;
	}
#pagecenter {
	margin-right:215px; /* equals width of right column + 2x right column padding */
	margin-left:215px;
	padding:7px 7px 7px 14px;
	background-color:white;
	}
#pagefooterA {
	clear:both;
	background-color:#184A9C;
	padding:.6em;
	text-align:center;
	color:white;
	border-top: 1px solid #48f;
	border-bottom: 1px solid #48f;
	}
#pagefooterB {
	background-color:#ccf;
	padding:.6em;
	text-align:center;
	color:#888;
	font: 7pt Arial;
	}
#pageleft, #pageright, #pagecenter {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	}
#contentwrapper {
	overflow:hidden;
	}

p.firstletter:first-letter {
font: bold 300% Times;
float : left;
width : 1em;
}

/* http://www.13styles.com/category/css-menus/ is the source for the menu. I used style #2. */
#styletwo {position:relative;display:block;height:26px;font-size:11px;font-weight:bold;background:transparent url(images/menubgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul {margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li {display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a {display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0px 20px;height:20px;}
#styletwo ul li a:hover,#styletwo ul li a.current {color:#fff;background:transparent url(images/menubgON.gif) repeat-x top left;}

/* Taken from http://www.digital-web.com/articles/better_living_through_taxonomies/ */
blockquote.pullquote, blockquote.pullquote span.pullquote {
	font-family: Georgia,Times,serif;
}
blockquote.pullquote {
	font-size:1.2em;
	line-height:1.3;
}
blockquote.pullquote {
	background:#c0c0c0 url(img/quote-top.gif) no-repeat scroll left top;
	color:black;
	float:right;
	margin:10px;
	padding:0;
	width:260px;
}
blockquote.pullquote span.pullquote {
	background: transparent url(img/quote-bottom.gif) no-repeat scroll left bottom;
	color: navy;
	display: block;
	margin:0;
	padding:25px;
	width:210px;
}
blockquote.pullquote p {
	background-position: right bottom;
	color: black;
	margin-bottom:1em;
}
blockquote.pullquote p.pullquote {
	background:transparent url(/img/close-quote.gif) no-repeat scroll 97% 100%;
	border-top:medium none;
	padding:0;
	margin:0pt;
}

.money {
  font: 8pt Courier New;
  white-space: pre;
}

.cart-table {
  border-collapse:collapse;
}
.cart-table th {
  border:1px solid #448;
  background-color: #BDC5DF;
  padding:0 1em;
  text-align:center;
}
.cart-table td {
  border:1px solid #448;
  padding:0 1em;
}