body{
	font-family: Arial,sans-serif;
	color: #333333;
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	
	background-color: #583d9a;
	
		
	}
.up { vertical-align:top;}
.style2 {font-size: x-small;
	color: #000000;}
	.style5 {font-family: Arial, Helvetica, sans-serif}
#main {
	width:800px;
	position:relative;
	top:0px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	background-color:#FFFFFF;
	
			}
#masthead1{
	position:relative;
	top:0px;
	width:800px;
	height:110px;
	background-image:url(top.JPG);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	
}
#mastleft{
	position:absolute;
	top:9px;
	right: 0px;
	width:200px;
	height:60px;
	float:left;
	}
#mastright{
	position:relative;
	top:0px;
	width:580px;
	right:0px;
	height:100px;
	float:right;
	padding:0px;
	text-align:left;
}
#printlink{
	position:relative;
	top:0px;
	width:100px;
	right:40px;
	height:15px;
	float:right;
	padding:0px;
	text-align:left;
}
.topwords {
	width: 200px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:400;
	font-size:larger;
	float:left;
	}
.topnav {
font-family:Arial, Helvetica, sans-serif;
text-align:center;	
		padding:3px;
	float:right;
	font-weight:500;
	background-color:#FFFFFF;
	}
	
#menubar  {
text-align:left;
float:left;
height:auto;
width:120px;
padding: 4px 8px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
font-weight:bold;
}
.bar {
padding: 4px 8px;
border-left: 1px solid  #993333;
}
.baron {
padding: 4px 8px;
text-align:left;
border-left: 1px solid #ffaaaa;
}

a.mbar, a.mbar:visited{
	color:#36369a; 
	text-decoration:none; 
	}
a.mbar:hover{
		color:#FF5555;
		background-image:url(menuon.gif);
		text-decoration:none; 
}
#middle  {
text-align:left;
vertical-align:top;
margin:0px 5px;
width: 450px;
float:left;
font-size:smaller;
}
#prodpage {
text-align:left;
vertical-align:top;
margin:0px 5px;
width: 650px;
float:right;
font-size:smaller;
}
.picture {float:left;
padding: 3px;}
#sideNav{
	position:relative;
	float:right;
	right:0px;
	width:200px;
	padding: 0px;
	border-left:1px dashed #e5e5e5;
	}

#printcontent{
position:absolute;
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	left:10px;
	width:600px;
		
}
#pageName{
	font:  medium Arial,sans-serif;
	padding: 8px;
	margin: 0px;
	width: auto;
	
}
#pageName h2{
	padding: 8px;
	font:  medium Arial,sans-serif;
	color:#3D3A49;
	}
.box
{
width:20%;
height:auto;
padding:8px;
border-bottom:1px solid #999999;
vertical-align:top;
left:0px;
position:relative;
float:left;
}	
.product{
 font: 90% Arial,sans-serif;
 color:#000033;
 text-align:left;
 margin: 0px;
 padding:0px 10px 0px 0px;
 font-weight:bold;
}
.story {
	padding: 3px;
	margin: 3px;
	font-size:smaller;
	vertical-align:top;
	text-align:left;
		border:1px solid #cfcfcf;
		}	
.story2 {
	padding: 0px 4px ;
	font-size:smaller;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	background-color:#E0D8EB;
	}	
.storytest {
	padding: 0px;
	font-size:smaller;
	vertical-align:top;
	text-align:right;
	width: 200px;
	border:1px solid #9966FF;
	}	
.sonic {
	padding: 0px 4px;
	font-size:smaller;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	width: 200px;
	background-image:url(sonicbg.JPG);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}	
.deluxe {
	padding: 0px 4px;
	font-size:smaller;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	width: 200px;
	background-image:url(delbg.JPG);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}	
a:link{
	color:#36369a;
	text-decoration: none;
}
a:visited{
	color:#222255;
	text-decoration: none;
}
a:hover{
color:#6666FF;
	text-decoration: underline;
}

h1{
 font: bold 140% Arial,sans-serif;
  color:#211F50;
 margin: 0px;
 padding: 0px;
}
h2{
 font: bold 110% Arial,sans-serif;
  color:#211F50;
 margin: 0px;
 padding: 2px;
 text-align:left;
}

h3{
text-align:center;
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: bold 100% Arial,sans-serif;
 color:#4E70AF;
 margin: 0px;
 padding: 2px;
 text-align:left;
}

.feature{
padding:0px 10px 10px 0px;
	vertical-align:top;
	float:left;
	}

.basket
{
	float:right;
	border:1px solid #e5e5e5;
	
	}
.basket2
{
text-align:right;
vertical-align:baseline;
		font-size:small;
	}
	
.form {font-size:small;
	padding: 5px 0px 0px 5px;
	background-color:#FEFEFF;
	vertical-align:top;
	}
.footform {
	text-align: left;
	padding: 5px 0px 0px 5px;
	background-color:#FEFEFF;
	vertical-align:top;
	width:600px;
	}
.button{
	font-size:smaller;
	font-weight:bold;
	vertical-align:top;
	background-color:#FEFEFF;
	}
.story h3{
	font: bold 110% Arial,sans-serif;
	color: #ccd2d2;
}

.story p {
	padding: 0px 4px;
}

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	background-image:url(foot.JPG);
}

a.arrow, a.arrow:visited{
	color:#000000;
	background-image:url(images/arrow.JPG);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
	font-size:75%;		
}
a.arrow:hover{
		color:#FF5555;
		background-image:url(images/arrowon.JPG);
		}
a.offarrow, a.offarrow:visited{
	color:#000000;
	background-image:url(images/offarrowon.JPG);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
	font-size:95%;
	font-weight:bold;		
}
a.offarrow:hover{
		color:#FF5555;
		background-image:url(images/offarrowon.JPG);
		}
.warn {color:#ff0000;
font-size: large;
font-family:Georgia, "Times New Roman", Times, serif;}

.tablebasic {text-align:center;
vertical-align:top;}


/********************* end **********************/