#wrapper {
		width: 900px;
		margin: 0px auto;
		text-align: center;
}

#header {
		margin-left: 220px;
		clear: both;
		width: 680px;
		font-family: "arial black", arial, sans-serif;
		font-size: 18pt;
}

#content {
		text-align: left;
		float: right;
		width: 680px;
	/*	border-top: 7px solid #9049c1; colour filled in at print_siteheader() */
		padding-top: 10px;
		
		font-family: verdana, helvetica, sans-serif;
		font-size: 10pt;
		/*letter-spacing: 0.4pt;*/
		line-height: 1.4em;
		word-spacing: -0.01em;
		color: #212121;
		
}

#navbar {
		width: 200px;
		margin: 0px 20px 0px 0px;
	/*	border-top: 7px solid #9049c1; colour filled in at print_siteheader() */
		padding-top: 5px;
		float: left;
		text-align: left;
}

#coupon {
		
		margin-bottom: 5px;
}

#footer {
	/*	border: 1px solid #9049c1; colour filled in at print_siteheader() */
		clear: both;
		font-family: arial, sans-serif;
		font-size: 9pt;
		text-align: right;
}


/* Navbar Details */

#navbar ul, li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navbar ul li a{
	
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	
	display: block;
	width: 194px;
	background: #dee0dc;
	text-decoration: none;
	color: #212121;
	margin-bottom: 2px;
	padding: 3px 3px;
}
	

#navbar ul > li.topcat > a{
	padding-left: 1px;
	/* reduce the padding from 3 to 1 pixel, the 2px border will fill out the rest */
	font-weight: bold;
}

#navbar ul > li > a:hover{
	background: #c2bfbf;
}


#navbar ul > li.topcatselect > a{
	color: gray;
	padding-left: 1px;
	font-weight: bold;
}

#navbar ul > li > span {
	display: none;
	position: relative;
	z-index: 2;
	left: 200px;
	top: -24px;
}

#navbar ul > li > span > ul {
	position: absolute;
}


#navbar ul > li > span.visible {
	display: block;
	position: static;
}
#navbar ul > li > span.visible > ul{
	background: white;
	position: static;
}



#navbar ul > li > span > ul > li > a{
	padding-left: 3px;
	width: 184px;
	margin-left: 10px;
	color: #212121;
}

#navbar ul > li > span > ul > li.childcat a:hover{
	padding-left: 1px;
}

#navbar ul > li > span > ul > li.childcatselect a{
	color: gray;
}
#navbar ul > li > span > ul > li.childcatselect a:hover{
/*	cursor: default; commented out, because if we're on a product page, then it'll look like we can't look at the subcat */
	background: #dee0dc;
	padding: 3px 3px;
	border: 0px solid white;
}

/* this is for the 3column nav layout for the autogenerated-category setup */
#navbar div.navcol_wrapper {
	float: left;
	width: 100px;
}

#navbar div.navcol_wrapper ul li a{
	
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	
	display: block;
	width: 94px;
	background: #dee0dc;
	text-decoration: none;
	color: #212121;
	margin-bottom: 2px;
	padding: 3px 3px;
}

#navbar div.navcol_wrapper ul li a:hover{
	background: #c2bfbf;
}

#navbar div.navcol_wrapper ul li.topcatselect a{
	color: gray;
	padding-left: 1px;
	font-weight: bold;
}

/* the search bar in the navbar */

#searchform input {
		border: 1px solid #dee0dc;
		background: #ffffff;
}

#searchform a{
		background: #dee0dc;
		color: #212121;
		font-family: verdana, arial, sans-serif;
		font-size: 10pt;
		text-decoration: none;
		padding: 2px;
}

#searchform {
		margin-top: 10px;
		margin-bottom: 10px;
}




/* Category's Products Listing Table, 680px max width */

.prodtable tr td {
		width: 218px;
		/*border: 1px solid #d6d5d5;*/
		padding: 3px;
		padding-bottom: 15px;
}

.prodtable tr td a{
		text-decoration: none;
		color: #212121;
}

.prodtable tr td img{
		max-width: 216px;
		max-height: 150px;
		border: 1px solid #e2dfdf;
		display: block;
		margin-bottom: 3px;
		padding-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		-ms-interpolation-mode: bicubic; /* for IE */

		
}

.tableprice {
		font-weight: bold;
}

/*div encompassing each pagination elemnt*/
.pagination{
	font-size: 8pt;
	font-family: arial, sans-serif;
	text-align: right;
}
	

/* Content Details */

#content h2, h1 {
		font-family: georgia, serif;
		font-size: 16pt;
		line-height: 1.3em;
}

#content hr {
		color: #d6d5d5;
		background-color: #d6d5d5;
		height: 1px;
}

/* Individual Product Page */
/* remember, content is 680px wide tops */

#prodpic {
	
	width: 300px;
	float: left;
	margin-right: 5px;
	margin-top: 15px;
}

#prodpic img{
	border: 1px solid #e2dfdf;
	padding: 3px;
	max-width: 292px;
}

/*that leaves a total of 367px for desc */
#proddesc{
	margin-top: 15px;
	width: 367px;
	float: right;
}

#proddesc h1{
	margin-top: 0px;
	padding-top: 0px;
}

#prodprice
{
	color: #d26409;
	margin: 10px 0px;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
}



#getit {
	display: block;
	width: 219px;
	height: 92px;
	background: url('/img/getitbutton.jpg') center bottom;
	margin-top: 1em;
	margin-left: 30px;
}

#getit:hover {
	background: url('/img/getitbutton2.jpg') center bottom;
}

/* settings for related products on the product-listing page */

.relatedimg img{
	max-width: 100px;
	max-height: 100px;
	border: 0px solid white;
}

.relateddesc{
	padding-bottom: 1em;
}

.relateddesc .relatedtitle a{
	color: #212121;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 10pt;
	word-spacing: 0.2ex;
}

.relateddesc .relatedtitle a:hover{
	color: #212121;
	text-decoration: underline;
}