body { 
	font: small Verdana, Arial, Tahoma, Trebuchet MS, sans-serif;
	background: #e6e8d7 url("images/headerfill.gif") repeat-x;
	margin: 0;
	}

p {
	font-size: .9em;
	line-height: 130%;
	}

p em {
	font-size: 1em;
	}

body.bookpreview {
	background-image: none;
	}

#flavorimage {
	position: absolute;
	left: 0;
	top: 35px;
	}
	
#logo {
	position: absolute;
	left: 164px;
	top: 31px;
	}
	
#weavers {
	position: absolute;
	right: 0;
	top: 31px;
	}

#menu {
	position: absolute;
	left: 164px;
	top: 133px;
	width: 700px;
	height: 22px;
	}

#title {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px 0 0 10px;
	color: #fdb373;
	font-weight: bold;
	}

#content {
	position: absolute;
	left: 190px;
	top: 156px;
	width: 620px;
	height: auto;
	}

.content-info {
	position: absolute;
	left: 190px;
	top: 156px;
	width: 800px;
	height: auto;
	}

#SignUp .signupframe {
  border: 1px solid #818181;
  background: #ffffff;
  color: #232323;
  font-family: Arial, Helvetica, sans-serif;
}

div.mediabar #SignUp {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85em;
  padding: 3px;
  width: 160px;
  text-align: right;
}

div.mediabar #SignUp formline {
float: left;
width: 140px;
padding: 2px;
margin: 0 0 5px 0;
text-align: right;
	}

div.mediabar #SignUp forminput input {
height: 14px;
font-size: 9px;
margin: 0 0 5px 0;
	}

div.mediabar #SignUp .signupframe formlabel {
float: left;
width: 60px;
padding-left: 2px;
	}

body.bookpreview div#content {
	position: absolute;
	left: 190px;
	top: 15px;
	width: 620px;
	height: auto;
	}

#toptabs {
	position: absolute;
	right: 0px;
	top: 7px;
	width: auto;
	height: 24px;
	}

#content h1 {
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	color: #444;
	margin: 0 0 5px 0;
	}
	
#content h2 {
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	color: #880000;
	margin: 0 0 5px 0;
	}

#content h3 {
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1em;
	color: #000;
	margin: 0 0 5px 0;
	}

.contentblock {
	width: 585px;
	height: auto;
	margin-bottom: 5px;
	padding: 10px;
	background: #fff;
	clear: both;
	}

.contentblock-info {
	width: 850px;
	height: auto;
	margin-bottom: 5px;
	padding: 10px;
	background: #fff;
	clear: both;
	}

div.contentblock ul li {
	list-style-image: url("images/bullet_green.gif");
	font-size: .9em;
	margin-bottom: 5px;
	}

div.contentblock ul li ul {
	margin-top: 5px;
	}

div.contentblock ul li ul li {
	font-size: 1em;
	}
	

.mediabar {
	width: 168px;
	text-align: center;
	height: auto;
	float: right;
	padding: 5px;
	border: 1px solid #777;
	margin: 0 0 5px 5px;
	background: #fff;
	}

.mediabar2 {
	width: 168px;
	text-align: left;
	height: auto;
	float: right;
	padding: 10px;
	border: 1px solid #777;
	margin: 0 0 5px 5px;
	background: #fff;
	}

.mediabar img {
	float: left;
	margin-bottom: 1px;
	}
	
.highlight {
	width: auto;
	height: auto;
	background: #e6e8d7;
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
	clear: both;
	}

.highlight p {
	margin-top: 0;
	}

.productblock {
	width: 280px;
	height: 200px;
	margin: 0 5px 5px 0;
	padding: 10px;
	background: #fff;
	float: left;
	}

.product {
	width: 260px;
	height: 154px;
	clear: right;
	}
	
.producttext {
	font-size: .9em;
	line-height: 130%;
	}
	
.redstrip {
	width: 260px;
	height: 24px;
	margin: 10px 0 0 0;
	background: #d52701;
	clear: left;
	}

.storebutton {
	float: right;
	}
	
.price {
	float: left;
	font-size: 1em;
	color: #fff;
	margin: 4px 0 0 15px;
	}
	
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu ul li {
	display: inline;
	padding: 0 7px 0 7px;
	}
	
#menu ul li.here {
	color: #fdb373;
	font-weight: bold;
	}
	
#menu ul li a {
	font-size: .9em;
	text-transform: caps;
	text-decoration: none;
	font-weight: bold;
	}
	
#menu a:link {
	color: #fff;
	}

#menu a:visited {
	color: #e6e8d7;
	}
	
#menu a:hover {
	color: #000;
	}
	
#content a:link, .column a:link, .columnhalf a:link, .liner a:link, .producttext a:link, td a:link {
	color: #880000;
	}
#content a:visited, .column a:visited, .columnhalf a:visited, .liner a:visited, .producttext a:visited, td a:visited {
	color: #ee0000;
	}
#content a:hover, .column a:hover, .columnhalf a:hover, .liner a:hover, .producttext a:hover, td a:hover {
	color: #880000;
	text-decoration: none;
	}

div.footer {
	font-size: .8em;
	color: #777;
	padding-top: 20px;
	}

div.footer a:link, .footer a:visited {
	color: #777;
	text-decoration: none;
	}

div.footer a:hover {
	color: #444;
	text-decoration: underline;
	}

table.contact {
	margin-left: 100px;
	}

table.contact input, table.contact textarea {
	width: 240px;
	}

table.contact input.submitbutton {
	width: 100px;
	}

label {
	font-size: .9em;
	}

.req {
	color: #880000;
	}

ul.red {
	list-style-image: url("images/bullet1.gif")
	}

div.formheader {
	width: 550px;
	height: auto;
	background: #bab999;
	color: white;
	font-weight: bold;
	padding: 5px;
	}

div.formheader h2 {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 1.1em;
	}

div.formheader h3 {
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: .9em;
	}
	
div.formline1, div.formline2 {
	width: 550px;
	height: auto;
	padding: 3px;
	clear: both;
	}

div.formline1 {
	background: #d7dbbc;
	color: #444;
	padding: 2px 5px 2px 5px;
	}

div.formline2 {
	background: #e6e8d7;
	color: #444;
	padding: 2px 5px 2px 5px;
	}

div.formline1 label.wcapp, div.formline2 label.wcapp {
	font-size: .9em;
	font-weight: bold;
	width: 100px;
	padding-right: 10px;
	white-space: normal;
	float: left;
	}
	
div.formline1 label.classapp, div.formline2 label.classapp {
	font-size: 11px;
	font-weight: normal;
	width: 100px;
	padding-right: 10px;
	padding-top: 3px;
	white-space: normal;
	float: left;
	}

input.wcapp {
	width: 250px;
	height: 16px;
	font-size: .9em;
	margin-left: 10px;
	}

input.wcapp1 {
	width: 50px;
	height: 16px;
	margin-left: 10px;
	}

input.wcapp2 {
	width: 190px;
	height: 16px;
	margin-left: 10px;
	}

textarea.wcapp {
	width: 375px;
	height: 200px;
	margin-left: 10px;
	font-size: .9em;
	}

input.wcappsubmit {
	margin-left: 120px;
	}
	
div.wb_line {
	width: 650px;
	border: 1px solid #777;
	background: white;
	padding: 5px;
	float: left;
	clear: both;
	}

div.wb_img {
	width: 400px;
	float: left;
	padding: 3px;
	}

div.wb_text {
	width: 225px;
	padding: 3px;
	float: left;
	}

#content div.wb_line h2 {
	font-size: 1.5em;
	width: 600px;
	margin: 15px 0 15px 0;
	}

#wcmenu {
	position: absolute;
	left: 0;
	top: 425px;
	width: 165px;
	padding: 0 0 25px 15px;
	}

#wcmenu p {
	border-top: 1px solid #880000;
	padding-top: 5px;
	margin-bottom: 2px;
	}

#wcmenu a {
	font-weight: bold;
	}

#wcmenu a:link {
	color: #880000;
	text-decoration: none;
	}

#wcmenu a:visited {
	color: #840000;
	text-decoration: none;
	}

#wcmenu a:hover {
	color: #000;
	text-decoration: underline;
	}

.printpage {
	background: url("images/print-page.jpg") no-repeat;
	background-position: left center;
	padding: 5px 0 5px 42px;
	}

#subscribenow {
	position: fixed;
	right: 0;
	top: 170px;
	}

#slideshow {
	width: 300px;
	height: 90px;
	}

/* ====== SLIDE SHOW ======*/
#wrapper {width:600px; margin:0; background: #fff;}
.sliderbutton {float:left; width:0; padding-top:0;}
.sliderbutton img {cursor:pointer;}
.sliderbutton img:hover {background:#666;}
ul#slides {width:600px; height:180px; list-style:none; overflow:hidden; margin: 0; padding: 0;}
#slides li {width:600px; height:180px; margin: 0; overflow: hidden; background: #666;}

.pagination {float:left; list-style:none; height:25px; margin:0; visibility: hidden;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222;}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000;}
li.current {border:1px solid #ccc; background:#888;}

li#slidecontent {width:600px; height:180px; padding:0; background:#fff; overflow-y: scroll;}
#slidecontent h1 {font:18px Georgia,Verdana; margin-bottom:5px; color:#036;}

img.bordered {
	padding: 5px;
	border: 1px solid #999;
	}

img.close {
	position: absolute;
	right: -15px;
	top: -15px;
	}

.showhide {
	padding: 25px;
	background: #fff;
	border: 2px solid #999;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	position: relative;
	top: -25px;
	left: 50px;
	}

#what-is {
	padding: 25px;
	background: #fff;
	border: 2px solid #999;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	position: absolute;
	top: 25px;
	left: 200px;
	width: 600px;
	height: 600px;
	overflow: auto;
	}