/* undohtml.css */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code/kbd too */
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img,div
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address,abbr */
address,abbr { font-style:normal }

/* more varnish stripping as necessary... */

*{
	font-size:100%;
}

body{
	font:90%/140% "Trebuchet MS";
	letter-spacing:1px;
	text-align:center;
	background-color:#D3CFA2;
	background-image:url(images/shadow.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
}
body.cart {
	background-image:url(images/shadow_cart.jpg);
}

a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

#container {
width:770px;
margin:0 auto;
	}

#top {
width:770px;
height:167px;
background-image:url(images/banner.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}

#main {
clear:left;
width:770px;
text-align:left;
}

#sidemenu {
float:left;
width:160px;
display:inline;
}
h2.sideheading {
background-color:#6D664A;
color:#FFFFFF;
font-size:13px;
padding:2px 0 2px 5px;
letter-spacing:1px;
}
#sidemenu a {
color:#6D664A;
}
#info {
float:left;
width:160px;
display:inline;
}
#info a {
color:#6D664A;
}
#info ul {
padding:10px;
font-size:12px;
}
#info li {
border-bottom:1px solid #D3CFA2;
margin-bottom:10px;
}
#searchform {
padding:10px;
font-size:11px;
}
#searchbox {
width:100px;
display:inline;
float:left;
margin-right:3px;
padding:1px;
}
#searchbutton {
margin-top:-1px;
float:left;
display:inline;
padding:1px;
}
.level1 {
padding:10px;
font-size:12px;
font-weight:bold;
}
.li-level1 {
border-bottom:1px solid #D3CFA2;
margin-bottom:10px;
}
.level2 {
margin:0 0 10px 10px;
font-weight:normal;
}
.level3 {
margin:0 0 10px 10px;
}
.normalfont {
font-weight:normal;
}

#content {
width:430px;
display:inline;
float:left;
font-size:14px;
padding-left:10px;
padding-right:10px;
padding-top:15px;
text-align:left;
margin-bottom:100px;
}
#content h2 {
font-size:14px;
margin-bottom:10px;
}
#content h3 {
font-size:12px;
margin-bottom:10px;
}
#content p {
font-size:12px;
margin-bottom:10px;
}
#content table {
text-align:left;
}
#content a {
color:#6D664A;
}
.proddescription {
font-size:11px;
letter-spacing:1px;
}
.prodname {
font-size:11px;
letter-spacing:1px;
}

.topcatselect {
display:none;
background-color:#e4e4c9;
border:2px solid #A693C1;
}
.dropdown {
font-size:10px;
}
.prodnavigation {
font-size:14px;
font-weight:bold;
}
td.catname {
text-align:center;
}
.catname a {
font-size:11px;
font-weight:normal;
}
table.cobtbl {
}
.cobtbl {
font-size:12px;
}
td.cobll, td.cobhl {
background-color:#D9EAB9;
letter-spacing:0px;
}
td.cobll input {
max-width:120px;
}
img.prodimage {
border:2px solid #6D664A;
}
#intro {
padding:5px;
background-color:#C0DFA2;
border:2px solid #6D664A;
}
#intro img {
border:2px solid #A693C1;
float:right;
}
.sidenews li {
font-size:11px;
line-height:18px;
}
#updated {
}
