/* Copyright Kickass Web Design, released under Creative Commons license, some rights reserved.  You may modify, hack, and use this layout any way you wish, as long as the original attribution remains here. Colors may safely be changed. A few widths, which are commented, can safely be changed. Background images may be removed or replaced. Font sizes are currently set to safely scale, whereas screwing around with them will probably ensure they don't, but if you insist, you're better sticking to ems or percentages. Font family can safely be changed. Other than that, you're on your own. http://kickasswebdesign.com */
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */
html {margin: 0; padding: 0;}
body {
	background-color: #fdfef0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	padding: 0;
	margin: 0;
}
body a {
	font-weight: bold;
}
body a:link {
	color: #9cbbad;
}
body a:visited {
	color: #666666;
}
body a:hover {
	color: #592349;
}
body a:active {
	color: #ff0033;
}
#mainlayoutbox {
	display: inline;
	width: 100%;
	min-width: 730px;
	float: left;
	font-size: small;
	line-height: 1.30em;
}
/* 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: 80px;
	background-image: url(images/topbg.jpg); /*may be removed */
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
}
#header h1 {padding: 20px 30px 0 30px; font-size; 300%; letter-spacing: 1.1em; font-variant:small-caps;}
#maincolumn {
	font-size: small;
	line-height: 1.50em;
	width: 100%;
	min-height: 445px;
	text-align: center;
	border-top: 1px solid #9cbbad;
}
#maincolumn h3 {
	color: #9cbbad;
	padding-top: 10px;
	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%;
}
h1 {
	font-size: 1.3em;
	margin: 0;
	padding: 15px 0;	
}
h2, h3 {
	font-size: 1.2em;
	margin: 0;
	/* padding: 0 0 11px 0; */
	padding: 0 0 1.3em 0;
}
h4 {
	font-size: 1em;
	color: #9cbbad;
}
#footer {
	color: #ffffff;
	font-size: .6em;
	width: 100%;
	text-align: right;
	clear: both;
	position: relative;
	background: url(images/bottombg.jpg); /*may be removed */
	background-position: left top;
	background-repeat: repeat-x;

	height: 80px;
}
* html #footer {height:100px;he\ight:99px;}
#footer p {
	margin: 0;
	color: #4d5349;
	padding: 45px 20px 0 30px;
}
#footer h4 {
	width: 100%;
	margin: 0;
	padding: 15px;
	font-size: 95%;
	color: #592349;
}
#footer a:link {
	color: #90306d;
	font-weight: bold;
}
#footer a:visited {
	color: #4d5349;
	font-weight: bold;
}
#footer a:hover {
	color: #592349;
	font-weight: bold;
}
#footer a:active {
	color: #CC66FF;
	font-weight: bold;
}	
.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: center;
	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: 40%;
	float: left;
	padding: 8px 10px 5px 10px;
	margin: 0 0 5px 0;
	font-size: 85%;
	text-align: left;
}
.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;
}
.submit {
	float: left;
	width: 45%;
	padding: 3px 10px;
	text-align: left;
}
h5.submit {
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}
.breadcrumbs {
	float: right;
	width: 45%;
	text-align: right;
	padding: 3px 10px;
}
#searchform {
	width: 45%;
	float: right;
	text-align: right;
	margin-top: 5px;
}
.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 2px;
	border-right: 2px solid #4d5349;
	border-top: 2px solid #4d5349;
	border-bottom: 2px solid #9cbbad;
	border-left: 2px solid #9cbbad;
}
input.text {
	color: #000000; 
	border: 1px solid #4d5349;
}
textarea.text {
	font-size: small;
	border: 1px solid #4d5349;
}
select {
	font-size: 80%;
}
h4 {
	padding-top: 35px;
}
.captcha {
	border: 1px solid #4d5349;
	margin: 5px 0 15px 0;
}

form {
	display: inline;
}
.submitpage {
	clear: both;
}
.searchbox {
	display: block;
	width: 100px;
	line-height: 2em;
}
.btn{
	font-size: small;
	font-weight: bold;
	border: 1px solid #ffffff;
	background-color: #9cbbad;
	color: #4d5349;
	margin-top: 3px;
}
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: #ff33ff;
	height: 3px;
	font-size: 1px;
}
.price {
	border-bottom: 1px solid #9cbbad;
}
.price table td{
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
}
#catwrapper {
	float: left;
	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: 70em;
  list-style: none;
  text-align: center;
  margin: 0 20px;
}
#maincolumn ul li {
  float: left;
  width: 15em;
  padding: 10px 5px 10px 10px;
  font-size: 1em;
  text-align: left;
  display: block;
}
#maincolumn ul p {
	padding: 0 0 5px 6px;
	font-size: .8em;
}
.catlinks {
	color: #4d5349;
}
.catlinks p a {
	font-weight: normal;
}
.catlinks a {
	font-weight: bold;
}
.catlinks a:link {
	color: #9cbbad;
}
.catlinks a:visited {
	color: #888888;
}
.catlinks a:hover {
	color: #592349;
}
.catlinks a:active {
	color: #990099;
}
a img {
	border: 0;
}
#title {margin: 0; padding: 0;}
br.both {
font-size:1px;
line-height: 0;
height: 0; 
clear:both;
}