@charset "utf-8";
/* CSS Document */

body { background-image:url(images/bkgrd.png); margin:0; font-family:"Trebuchet MS", Verdana; font-size:9pt;}
h1 {font-size:14pt; color:#019587; margin:0}
h2 {font-size:13pt; color:#7f6210; margin:0}
h3 {font-size:10pt; margin:0; color:#019587;}
h4 {color:#e8dcba ; font-size:11pt; margin:0}
hr {width:200px; margin-left:auto; margin-right:auto; text-align:center; color:#019587}
a {color:#019587; text-decoration:none}
.smtxt {font-size:8pt}
.main {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
}
#nav {background-image:url(images/toprepeat.png); height:38px;}
#textarea { background-image:url(images/mainbkgrd.png); background-repeat:repeat-x; background-color:#FFFFFF;}
.padding {padding:5px;}
.products {width:226px; float:left; height:320px; margin:8px; border:1px solid #000000; cursor:pointer}
.products a {color:#000000}
#bottom { text-align:center;
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
}
#bottom a {color:#c54601; text-decoration:none}
#sidenav {
	float:left;
	width:180px;
	margin-right:15px;
	position: relative;
}
.ordering {background-color:#019587; padding:15px; color:#FFFFFF;}
.orderingwrap {float:right; width:280px; margin-left:15px;} 
.acc {
	float:left;
	width:170px;
	margin-right:10px;
	margin-left:12px;
	height:260px;
	position: relative;
	
}
.accwrap {
	display: table; /*** For non-IE browsers ***/
	height: 260px;
	clear:left;
	padding-top:5px;
	position: static;
}
.testimonial {background-color:#cce0de; padding:5px; width:630px; margin-left:10px;}
.testimonial a {color:#CC0000;}
.imgboarder {background-color:#019587; padding:3px; margin:5px;}
.btmbrdr {border-bottom:#999999 dotted 2px;}
#wrapper { width:980px; margin-left: auto; margin-right: auto; text-align: left; background-image: url(images/wrapper-bkgd.gif); background-repeat: repeat-y; position: relative; /*** Let's be nice to IE ***/ display: table; /*** For non-IE browsers ***/ height: 100%;}

/* rollover */
a.rollover {display: block; float:right; width:90px; font-size:10pt; color:#FFFFFF; text-decoration:none;  background: url("images/nav.png") 0 0 no-repeat; height:18px; padding-top:9px; text-align:center; height:29px; font-weight:bold} 
a:hover.rollover { background-position: -115px 0; color:#FFFFFF;} 

/* left rollover */
a.lrollover {display: block;width:157px; font-size:10pt; color:#ce7520; text-decoration:none;  background: url("images/leftnav.png") 0 0 no-repeat; height:20px; padding:5px; height:21px; font-weight:bold} 
a:hover.lrollover { background-position: -170px 0; color:#FFFFFF;}