#mainlayoutbox {
	display: inline;
	width: 93%;
	min-width: 370px;
	float: left;
	font-size: small;
	line-height: 1.20em;
}
/* commented backslash hack v2- let's make IE honor min-height \*/ 
* html #mainlayoutbox {height:100%;}	
* html #maincolumn {height: 445px;}	
/* end hack */
#header {
	width: 100%;
	height: 100px;
	text-align: left;
}
#maincolumn {
	font-size: small;
	line-height: 1.25em;
	width: 100%;
	min-height: 445px;
	text-align: left;
	border-top: 1px solid #9cbbad;
	margin: 0 10px 10px 22px;
}
#maincolumn h3 {
	color: #555555;
	padding-top: 3px;
	clear: both;
}
/* #maincolumn .content width is adjustable. It is currently set up to center by use of 0 auto on the margins. */
#maincolumn .content, #maincolumn p {
	margin: 0 auto;
	text-align: left;
}	
#maincolumn .content {
	width: 80%;
}
	
.clearA {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}
img a {
	border: 0;
}
/*necessary hack to make IE6 windoze behave like a normal browser*/
/* hide from IE5-mac \*/

* html a { height:1%;}
* html h5.submit { padding: .7em 0;}

/* end hide */
/*formatting stuff*/
.center {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}
.navigation {
	font-size: 80%;
	width: 90%;
	margin: 0 5%;
}
.alignleft {
	text-align:left;
	width: 100%;
	margin: 0 15px 0 10px;
	display: inline;
}
.alignright {
	text-align:right;
	width: 40%;
	margin: 0 10px 0 15px;
	display: inline;
}
.featured {
	font-size: 105%;
	clear: both;
	background: #ebecde;
	margin: 5px 0;
	padding: 0 4px;
	border-bottom: 1px solid #9cbbad;
	border-top: 1px solid #9cbbad;
	text-align: left;
}
h3.featured {
	margin: 0;
	padding: 0;
}
.c {
	float: left;
}
.cr {
	clear: left;
}

td {
	vertical-align: top;
	padding: 5px;
}

#descr {
	width: 100%;
	padding: 8px 10px 5px 0px;
	margin: 5px 0px 5px 3px;
	text-align: left;
}

.descr {
	width: 40%;
	float: left;
	font-size: 85%;
	text-align: left;

}
	
.breadcrumbs {
	float: right;
	width: 55%;
	text-align: right;
	font-size: 85%;
	margin: 0px 10px 0px 0px;
}	
	
.err {
	padding: 3px;
	color: #FF0000;
	background: #FFEDED;
	border: 1px solid #A0A0A0;
	text-align: left;
}
.msg{
	padding: 3px;
	color: #0000FF;
	background: #EDF3FF;
	border: 1px solid #A0A0A0;
	text-align: left;
}
.label {
	margin: 0;
	padding: 0;
}
.field {
	margin: 0;
	padding: 3px 0 20px 0;	
}
.buttons {
	border-top: 1px solid #A0A0A0;
	text-align: center;
}
.count {
	color: #6f6f6f;
	font-size: 80%;
	font-weight: normal;
}
.linkdesc {
	margin: 0;
	padding: 0 0 .5em 0;
	font-size: 90%;
}
#links {
	width: 90%;
	margin: 15px 5% 10px 5%;
	font-size: small;
}

#links p {
	margin: 0 0 7px 0;
}
.linkitem {
	padding-bottom: 10px;
}
.url {
	color: #6f6f6f;
}
#path {
    _height:0; /* hidden from others, using the underscore hack */
    display:block;
	line-height: 3em;
	font-size: 70%;
	padding: 5px 0;
	border-top: 1px solid #9cbbad;
	border-bottom: 1px solid #9cbbad;
	clear: both;
}
.submit {
	float: left;
	width: 30%;
	padding: 3px 0px;
	text-align: left;
}
h5.submit {
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}

#searchform {
	width: 45%;
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 8px;
}
.text, .btn{
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
.text {
	width: 300px;
}
.searchtext {
	width: 120px;
	margin-left: 2px;
}
.btn {
	margin: 5px 2px 0 1px;
	border-right: 2px solid #4d5349;
	border-top: 2px solid #4d5349;
	border-bottom: 2px solid #9cbbad;
	border-left: 2px solid #9cbbad;
	font-size: small;
	font-weight: bold;
	border: 1px solid #ffffff;
	background-color: #9cbbad;
	color: #4d5349;
	margin-top: 3px;
}

input.text {
	color: #000000; 
	border: 1px solid #4d5349;
}
textarea.text {
	font-size: small;
	border: 1px solid #4d5349;
}
select {
	font-size: 80%;
}
h4 {
	padding-top: 0px;
}
.captcha {
	border: 1px solid #4d5349;
	margin: 5px 0 15px 0;
}

form {
	display: inline;
}
.submitpage {
	clear: both;
}
.searchbox {
	display: block;
	width: 100px;
	line-height: 2em;
}

span.req{
	margin-left: 3px;
	color: #FF0000;
	font-weight: bold;
}
.totals {
	clear: both;
	padding: 10px 10px 10px 65px;
	border-top: 1px solid #9cbbad;
	border-bottom: 1px solid #9cbbad;
}
div.errForm, span.errForm {
	margin: 0px 0 0px 5px;
	padding: 2px 3px 2px 3px;
	color: #FF0000;
	background: #FFFFF3;
	border: 1px solid #cccccc;
	text-align: left;
	clear: right;
}
.small, .small a {
	color: #909090;
	font-size: 75%;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.small {
	margin-left: 15px;
}
.smaller {
	font-size: 80%;
}
.sort {
	color: #000000;
}
p.subcats {
	margin: 0px 0px 10px 0px;
}
div.pr {
	font-size: 70%;
	color: #000000;
	float: left;
	height: 30px;
	margin-right: 5px;
}
div.prg{
	width: 40px;
	border: 1px solid #4d5349;
	height: 3px;
	font-size: 1px;
}
div.prb{
	background: #ebecde;
	height: 3px;
	font-size: 1px;
}
.price {
	border-bottom: 1px solid #9cbbad;
}
.price table td{
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
}
#catwrapper {
	clear: both;
	display: inline;
	margin: 0;
	font-size: 83%;
}
/* the width on maincolumn ul is what controls the number of "columns" displayed in catlist. It needs to be defined in ems.  You may change the number in the width attribute but don't change the em type unit!*/
#maincolumn ul {
  float: left;
  display: inline;
  width: 70%;
  text-align: left;
  margin: 0 20px;
  list-style: circle;
}
#maincolumn ul li {
  float: left;
  width: 100%;
  padding: 8px;
  font-size: 1em;
  text-align: left;
  display: block;
  list-style: circle;
}
#maincolumn ul p {
	padding: 0 0 5px 6px;
	font-size: .8em;
}
.catlinks p a {
	font-weight: normal;
}
.catlinks a {
	font-weight: bold;
}

a img {
	border: 0;
}
#title {margin: 0; padding: 0;}
br.both {
font-size:1px;
line-height: 30;
height: 0; 
clear:both;
}

#palignright {
text-align: right;
}