body {
	background: #FFFFFF url(simages/bkg-cream.gif) repeat-y;
	margin: 0;
	padding: 0;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
}

a {color: #808080;}

#logo a {
	height: 45px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 200px;
	background: url(simages/nav-logo.gif) no-repeat;
	}

#logo a:hover {background-position: 0 -45px;}


#customer a, #view a, #checkout a, #retail a, #wholesale a {
  height: 15px; 
  display: block; 
  text-decoration: none; 
  text-indent: -9999px;
  outline: none;
  }

#customer a {
	width: 130px;
	background: url(simages/n-customer.gif) no-repeat;
}

#view a {
	width: 75px;
	background: url(simages/n-viewcart.gif) no-repeat;
	}
	
#checkout a {
	width: 75px;
	background: url(simages/n-checkout.gif) no-repeat;
	}

#retail a {
	width: 107px;
	background: url(simages/n-locator.gif) no-repeat;
	}

#wholesale a {
	width: 80px;
	background: url(simages/n-wholesale.gif) no-repeat;
	}
	
#customer a:hover, #view a:hover, #checkout a:hover, #retail a:hover, #wholesale a:hover {background-position: 0 -17px;}

h1 {font-size: 150%; color: #808080;}

h2 {font-size: 125%; color: #993300}


#products td {font-size: 11px; color: #000}

#products img {
    float: left;
    border:solid 1px #000;
    margin: 0 .5em 0 0
    }

/* product page */

#product img {border: solid 1px #000}

.small {font-size: 11px}
.express { color: #000099;}
.standard{ color: #990000;}

#noback {background: #fff}
#noback h1 {font-size: 125%}


.carttable {
	line-height: 125%;
	border: 1px solid #808080; border-collapse: collapse;
}
.carttable td {
	padding: 3px;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
}	
.odd {background: #fdf5e6}

.tbl {
	line-height: 125%;
	border: 1px solid #ccc; border-collapse: collapse;
}
.tbl td {
	padding: .5em 1em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}	

/*color charts */

#colorbar {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 200px;
	float: right;
	margin-right: 2em;
        border: solid 1px #ccc;
        padding: 5px;
}

#colorbar ul
{
	list-style: none;
		margin: 0;
		padding: 0;
}
#colorbar li  {
		padding-left: 5px;
		color: #000;
		text-decoration: none;
		margin-bottom: 3px;
                border-left: 80px solid;
		}

#colorbar li.apple {border-left: 80px solid #E40050; }
#colorbar li.chard {border-left: 80px solid #F7E8AA;}
#colorbar li.cinn {border-left: 80px solid #C0004E;}
#colorbar li.dog {border-left: 80px solid #F6F4F5;}
#colorbar li.highland {border-left: 80px solid #006B3F;}
#colorbar li.honeydew {border-left: 80px solid #D3E8A3;}
#colorbar li.lavendar {border-left: 80px solid #BAAFD3;}
#colorbar li.lemon {border-left: 80px solid #F9E814;}
#colorbar li.mist {border-left: 80px solid #A8CEE2;}
#colorbar li.pine {border-left: 80px solid #546856;}
#colorbar li.van {border-left: 80px solid #F7E8AA;}
#colorbar li.wild {border-left: 80px solid #F4ED47;}
#colorbar li.madonna{border-left: 80px solid #F6F4F5;}
#colorbar li.leaf {border-left: 80px solid #A0DB8E;}
#colorbar li.solstice {border-left: 80px solid #F4ED47;}
#colorbar li.ginger {border-left: 80px solid #4F2170;}
#colorbar li.papaya {border-left: 80px solid #FFC61E;}
#colorbar li.vineyard {border-left: 80px solid #A50544;}
#colorbar li.autumn {border-left: 80px solid #C49977;}
#colorbar li.snow {border-left: 80px solid #F6F4F5;}
#colorbar li.winterb {border-left: 80px solid #E00747;}
#colorbar li.aqua {border-left: 80px solid #608E3A;}
#colorbar li.lime {border-left: 80px solid #BAD80A;}
#colorbar li.psplash {border-left: 80px solid #EF99A3;}
#colorbar li.rsand {border-left: 80px solid #D81E05;}
#colorbar li.skymist {border-left: 80px solid #A8CEE2;}
#colorbar li.tealc {border-left: 80px solid #609191;}
#colorbar li.baymist {border-left: 80px solid #A8CEE2;}
#colorbar li.harbor {border-left: 80px solid #006B3F;}
#colorbar li.honeysuckle {border-left: 80px solid #F4ED7C;}
#colorbar li.magnolia {border-left: 80px solid #F6F4F5;}
#colorbar li.rcurrant {border-left: 80px solid #E00747;}
#colorbar li.sandal {border-left: 80px solid #8977BA;}
#colorbar li.tpine {border-left: 80px solid #546856;}

/*pattern charts */

#patternbar {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 125px;
	float: right;
	margin-right: 2em;
        border: solid 1px #ccc;
        padding: 5px;
}

#patternbar ul
{
	list-style: none;
		margin: 0;
		padding: 0;
}
#patternbar li  {
		padding-left: 55px;
		color: #000;
		text-decoration: none;
		margin-bottom: 10px;
		height: 50px;
		}

#patternbar li.aqua {background: url(simages/aqua-moss-coaster.gif) no-repeat 0 50%;}	
#patternbar li.lime {background: url(simages/cool-lime-coaster.gif) no-repeat 0 50%;}	
#patternbar li.psplash {background: url(simages/pink-splash-coaster.gif) no-repeat 0 50%;}	
#patternbar li.rsand {background: url(simages/red-sand-coaster.gif) no-repeat 0 50%;}		
#patternbar li.skymist {background: url(simages/mint-sky-coaster.gif) no-repeat 0 50%;}	
#patternbar li.tealc {background: url(simages/teal-coral-coaster.gif) no-repeat 0 50%; }	

.upperB {border-top: 1px solid #ccc;
	padding-top: 10px;
}