body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #4471bb;
	background: url(images/bg.gif);
	text-align: center;
/* part 1 of 2 centering hack */
	}

#wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/bg_container.gif) repeat-x;
	height: 400px;
	width: 100%;
	/*float:left;*/
	clear: none;
	}
	
#container {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: transparent;
	text-align:left; /* part 2 of 2 centering hack - sets all text back to default left align*/
	min-height: 100%;
	width: 780px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
	}
html>body #container{
	width: 780px; /* ie5win fudge ends */
	}
	
#header {
	position: relative;
	margin: 0px;
	top: 10px;
	padding: 0px;
	width: 780px;
	height: 100px;
	text-align: center;
	vertical-align: bottom;
	background: transparent url(images/headerBG.gif) top left no-repeat;
	}

#bodycontainer {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 780px;
	min-height: 100%;
	background: transparent;
	}
	
#main {
	margin: 0px;
	padding: 0px;
	top: 0px;
	width: 780px;
	background: #f8f7de;
	}

#tantop {
	width: 780px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	background: transparent url(images/topcornersTan.gif) top left no-repeat;
	}

#tanbottom {
	width: 780px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	clear: both;
	background: transparent url(images/botcornersTan.gif) top left no-repeat;
	}

/* NAVIGATION left-side */
#left {
	position: relative;
	top:0px;
	left: 0px;
	width: 180px; 
	margin:0px;
	float: left;
	background: #F8F7DE;
	}
.backHome a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	color: #35266a;
}
#nav {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	height: 207px;
	width: 180px;
	list-style: none;
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 177px;
}
html>body #nav{
	height: 177px; /* ie5win fudge ends */
	}
#nav li {
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	list-style: none;
    float: left; /*fix*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 173px;
}
html>body #nav li{
	width: 173px; /* ie5win fudge ends */
	}
#nav a {
	float: right;
	padding: 59px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important;
	height /**/:59px;/* for IE5/Win */
}
#nav a:active, #nav a.selected {
	background-position: 0 0px;
}
#nav a:hover {
	background-position: 0 -59px;
}
#store a {
	width: 173px;
	background: url(images/button_store.gif) top right no-repeat;
}
#contact a {
	width: 173px;
	background: url(images/button_contact.gif) top right no-repeat;
}
#directions a {
	width: 173px;
	background: url(images/button_directions.gif) top right no-repeat;
}


/* CONTENT right */
#right {
	position: relative;
	padding: 0px 20px 0px 0px;
	min-height: 100%;
	float: right;
	background: #f8f6de;
	width: 600px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;
}
html>body #right {
	width: 580px;
}

#contenttop {
	width: 580px;
	margin: 0px;
	padding: 0px;
	background: transparent url(images/topcornersWhite.gif) top left no-repeat;
}

#contentbottom {
	width: 580px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: transparent url(images/botcornersWhite.gif) top left no-repeat;
}
	
#contentBox {
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	background: #FFF;
	width: 580px;
	min-height: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 560px;
}
html>body #contentBox{
	width: 560px;
	}
#footer {
	width: 780px;
	height: 75px;
	margin: 10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	line-height: 12px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
	height: 55px;
}
html>body #footer{
	width: 780px;
	height: 55px;
	}
#footer .links a, #footer .links a:link {
	color: #9CF;
	text-decoration: none;
	}

#footer .links a:hover {
 	color: #FFF;
	text-decoration: underline;
	}
#footer .map a, #footer .map a:link {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	}

#footer .map a:hover {
 	color: #FFF;
	text-decoration: underline;
	}

#contentBox a, a:link {
	text-decoration: underline;
	font-weight: bold;
	color: #35266a;
	outline: none;
	}
#contentBox a:hover {
	color: #5a83c2;
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #000;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
ul {
	margin: 2px 5px 2px 20px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
ol {
	margin: 2px 5px 2px 20px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
li {
	margin-left: 10px;
}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
	
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	
.prop {
    float:right;
    width:1px;
  }

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
.minpx500 {
    height:500px;
  }
.minpx350 {
    height:350px;
  }
.minpx250 {
    height:250px;
  }
.minpx150 {
    height:150px;
  }
.minpx75 {
    height:75px;
  }
  
/* PRODUCTS */
#productWrapper {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 560px;
	text-align: center;
	overflow: hidden;
}
#products {
	width: 280px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	float: left;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
#products img {
	margin: 5px;
}
#productsBig {
	width: 560px;
	overflow: hidden;
	text-align: left;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 540px;
}
html>body #productsBig{
	width: 540px;
}
#productsBig .names {
	width: 380px;
	height: 30px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	vertical-align: center;
	font-size: 16px;
	font-color: #d4082c;
	font-weight: bold;
	line-height: 30px;
	float: left;
}
#productsBig .buynow {
	width: 160px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: right;
}
.prodSeperator {
	position: relative;
	width: 560px;
	height: 2px;
	font-size: 2px;
	margin: 0px;
	padding: 0px;
	border-top: 1px dotted #CCC;
	float: left;
}
.seperator {
	position: relative;
	width: 100%;
	height: 2px;
	font-size: 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px dotted #CCC;
}
.subTitle {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* DSITRIBUTION CENTER content */
#distWrapper {
	position: relative;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 560px;
	min-height: 468px;
	text-align: left;
	overflow: hidden;
	font-size: 12px;
	background: #FFF url(images/map_only.jpg) top right no-repeat;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 530px;
}
html>body #distWrapper{
	width: 530px;
}
#distContent {
	postion: relative;
	padding: 0px 10px 0px 10px;
	width: 400;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 380px;
}
html>body #distContent{
	width: 380px;
}

div.errorMessage {
	display: block;
	font: .7em "lucida sans", verdana, sans-serif;
	color: #000;
	margin: 0 0 1em 0;
	padding: .5em;
	/*background-color: #ffdfdf;*/
	border: 1px dotted #de9292;
}