body {
	margin: 20px 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background: #135a78 url(../images/body-bg.jpg) top left repeat-x;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small /* for compliant browsers */
}

p {
	line-height: 24px
}

hr {
	background: transparent url(../images/blu-ox-horizontal-rule.gif) center bottom no-repeat;
	margin: 0 auto;
	padding: 0;
	height: 23px;
	border: 1px solid #fff
}

h3 {
	font-size: 120%;
	color: #509900
}

/***** LAYOUT ID's START *****/

#frame {
	width: 760px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: #fff url(../images/frame-bg.gif) top left repeat-y
}

#left-menu {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 201px
}

#right-content {
	width: 510px;
	float: right;
	margin:0;
	padding: 15px 20px 15px 10px;
	background: url(../images/right-content-bg.jpg) top right no-repeat
}

#bottom-links {
	text-align: center;
	clear: both;
	font-size: 12px;
	color: #0099cc
}

#bottom-links a:link, #bottom-links a:visited {
	color: #0099cc;
	text-decoration: underline
}

#bottom-links a:hover, #bottom-links a:active {
	color: #509900;
	text-decoration: underline
}

#credit {
	clear: both;
	width: 760px;
	height: 45px;
	margin: 0;
	padding: 0;
	background: url(../images/credit-bg.gif) top left no-repeat
}

	#credit a:link, #credit a:visited, #credit a:hover, #credit a:active {
		color: #509900;
		text-decoration: underline
	}

	#credit ul {
		list-style: none;
		margin: 0;
		padding: 0
	}
	
	#credit ul li {
		color: #509900;
		font-size: 80%;
		line-height: 40px
	}
	
	#copyright {
		float: left;
		margin: 0;
		padding: 0 0 0 70px
	}
	
	#created {
		float: right;
		margin: 0;
		padding: 0 45px 0 0
	}

/***** LAYOUT ID's END *****/

/***** IMAGE REPLACEMENT HEADERS START *****/

h1 span, h2 span, h3 span, h4 span {
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0
}

.header {
	position: relative;
	width: 760px;
	height: 145px;
	margin: 0;
	padding: 0;
	font-size: 150%;
	background: url(../images/blu-ox-header.jpg) top left no-repeat;
}

/*.header span {
	width: 760px;
	height: 145px;
	margin: 0;
	padding: 0;

}*/

h2.about-us {
	position: relative;
	width: 115px;
	height: 24px;
	margin: 0;
	padding: 0;
	font-size: 130%
}

	h2.about-us span {
		width: 115px;
		height: 24px;
		margin: 0;
		padding: 0;
		background: url(../images/page-titles/about-us.gif) top left no-repeat
	}

/***** IMAGE REPLACEMENT HEADERS END *****/

.description-txt-gry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: gray;
}

.white-font-bold-xl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
}
.white-font-bold-xs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
}
.green-tbl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
}

table.productListing {
	width: 510px; 	
}

td.productListing-heading {
	background-color: #CFE5F2;
	font-weight: bold;
	color: #000000;
}

/* 
added by peter w to make the shop content blocks look ok
sept 2006
*/
.main-content {
	width: 500px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align: left;
}
a sub {
  text-decoration: none;
}