@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;}
h4 {color:#e8dcba ; font-size:11pt; margin:0}
hr {width:200px; margin-left:auto; margin-right:auto; text-align:center; color:#019587}
a {color:#6f4327; 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; overflow:hidden}
.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:#6f4327; 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:150px;
	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: relative;
}
.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; 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; margin-left:10px; padding: 8px 8px 8px } 
a:hover.rollover { background-position: -115px 0; color:#FFFFFF;} 

/* left rollover */
a.lrollover {display: block;width:157px; font-size:10pt; color:#6f4327; 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;} 
html {
	height:100%}
#scrolling_text {
	clear: both;
	width: 990px;
}
#street_sense {
	float: right;
	padding-left:2px;

}
#book {
	background-image:url(images/books-direct.png);
	width:472px;
	height:100px;
	clear:both;
	padding-top:60px;
	text-align:right;
	border:#000 1px solid;
	margin-left:8px;
}
.padding_books {
	padding-right:10px;
	padding-top:10px;
	width:460px;
	float:right;