@charset "utf-8";
/* 
	css_1st.php, 2007-11 DJL

	Heavily modified from "andreas02" by Andreas Viklund, http://andreasviklund.com 
	Thanks to Mr. Viklund for his generosity.
	
	This is the main CSS file.
*/


/* Default tag styles */ 

/* This plus hack in #container makes page fill the whole
		browser window. Use only if footer postitioned at bottom 
html, body { height:100% }
*/

body {
	padding:0;
	margin:0;
	font:76% tahoma, verdana, sans-serif;
	background:#e0e0e0;
	color:#303030;
}

img {
	border:0;
	margin:0;
	padding:0;
}

a {
	color:#005799;
	text-decoration:none;
	border:none;
}

a:hover {
	border-bottom:1px solid;
}

a:visited {
	color:#581C90;
}

a:visited.nolinkcolor {
	color:#303030;
}

.nolinkcolor {
	color:#303030;
}

a.imglink:hover { /* no image link borders */
	border:0;
}

h1 {
	margin:0 0 12px 0;
	font-size:1.8em;
	font-weight:normal;
	color:#000000;
}

h2 {
	font-size:1.4em;
	font-weight:normal;
	margin:0.83em 0;
	color:#000000;
}

h3 {
	font-size:1em;
	font-weight:bold;
}

h4 {
	font-size:1em;
	font-style:italic;
}

p {
	margin:0 0 15px 0;
	line-height:1.5em;
	text-align:left;
	font-weight:normal;
}

ul {
	list-style-type:square;
}

li {
	line-height:1.35em;	/* accounts for subscripts */
}

sub {
	line-height:0;
	vertical-align:sub;
	font-size:smaller;
}

sup {
	line-height:0;
	vertical-align:super;
	font-size:smaller;
}

/* Misc. generic classes */

.motto {
	font-style:italic;
}

.block {
	background:#f0f0f0;
	padding:10px;
}

.hide {
	display:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

.indent {
	margin-left:2.3em;
}

.post_tombstone {
	clear:both;
}

.logo {
	float:left; 
	padding-right:44px; 
	margin-bottom:0px; 
	border-right:1px solid #a0a0a0;
}

.tagline {
	float:right; 
	margin:15px 0 0 0;
}

.hcenter {
	margin:auto;
	width:90%;
}

.preliminary {
	color:#ff0000;
	text-align:center;
}

.new {
	color:#ff0000;
	text-align:center;
	font-style:italic;
    font-size:85%;
}

.important {
	color:#ff0000;
	text-align:center;
}

.product_status {
	color:#ff0000;
	text-align:center;
    font-size:smaller;
}

/* Tables (general) */

caption {
	font-size:1.4em;
	font-weight:normal;
	text-align:left;
	margin:0 0 0.7em 0;
}

table {
	margin:0 0 1.5em 0;
	border-collapse:collapse;
	padding:0;
}

.htable {
	border-top:1px solid #d8d8d8;
}

th {
	text-align:left;
	padding:0.2em 0.8em;
	margin:0;
	font-weight:bold;
	vertical-align:middle;
	color:#ffffff;
	background:#003c69;
}

th a {
	color:#b8ffff;
}

th a:visited {
	color:#b8ffff;
}

td {
	text-align:left;
	padding:0.3em 0.8em;
	margin:0;
	border-bottom:1px solid #d8d8d8;
  background:#f0f0f0;	
}

td ul {	
/* Looks strange, but needed to make IE and Firefox both work */
	padding-left:3.5em;
	margin-left:-2em;
}

td.dark {
/* gives "darker" bottom borders - use to group rows */
	border-bottom:1px solid #909090;
}

td.leftborder {
/* use to group columns */
	border-left:1px solid #d8d8d8;
}

td.rightborder {
/* use to group columns */
	border-right:1px solid #d8d8d8;
}

td.qty {
	text-align:center;
}

.size {
 width:4ex;
}

/* Tab-stop type tables */

table.tabstop {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

td.tabstop {
	background-color:#ffffff;
	border-bottom:none;
	margin:0;
	padding:0 1ex;
}

/* Product-type tables - see also "normal" and "ie" table syles (in separate files)*/

table.product {
	width:100%;
}

/* Feature & benefit bullets */

li.benefit {
	font-weight:bold;
}

p.feature {
	margin:-0.8em auto 1.5em 60px;
	line-height:1.3em;
}

/* Product "for" subheadings */

p.for {
	margin:-0.8em auto 1.5em 2.3em;
	line-height:1.3em;
	font-style:italic;
}

/* Floating images */

img.right {
	margin:0.3em 0 0.5em 10px;
}

img.left {
	margin:0.3em 10px 0.5em 0;
}

/* Page menu */

p.pagemenu {
	/*
	font-weight:bold;
	*/
}

/* DIVs */

#container {
	margin:auto;
	width:950px;
	padding:20px;
	background:#ffffff;
	position:relative;
	
	/* the following is an IE6 hack for min-height */
/*	min-height:100%;
	height:auto !important;
 height:100%;
*/
}

.footnote {
	color:#808080;
	font-size:0.9em;
	line-height:1.3em;
	margin:0.2em 0 0 0;
	padding:0;
}

.footnoteAfterTable {	/* use immidately after a table (footnotes to table) */
	color:#808080;
	font-size:0.9em;
	line-height:1.3em;
	margin:-1em 0 0 0;
	padding:0;
}

#breadcrumb {
	color:#808080;
	font-size:0.9em;
	line-height:1.3em;
	margin:0.2em 0 0 0;
	padding:0;
}

#breadcrumb a {
	color:#808080;
}

#breadcrumb a:hover {
	color:#303030;
}

#main {
	width:770px;
	float:left;
	padding:0 15px 1.5em 0;
	border-right:1px solid #d8d8d8;
}

/* Top menu tabs */

#tabs {
	margin:-35px 0 0 0;	/* needed for IE6&7; doesn't seem to affect Firefox or Safari */
	text-decoration:none;
	padding:15px 0px 11px 0px;
	border-bottom:1px solid #d8d8d8;
	clear:both;
}

#tabs .activetab {
	padding:4px 8px 5px 8px;
	font-size:1.1em;
	color:#ffffff;
	background:#505050;
}

#tabs .tab {
	padding:4px 8px 5px 8px;
	font-size:1.1em;
	color:#303030;
	background:#e0e0e0;
}

#tabs :hover {
	background:#d0d0d0;
 	border-bottom:none;
}

input {
	border:none;
	margin:0;
	font-size:1.1em;
	color:#303030;
	background:#e0e0e0;
	padding:0;
}

input[type="text"] {
	border:none;
	margin:0;
	font-size:1.1em;
	color:#303030;
	background:#e0e0e0;
	padding:0;	
	height:19px;
	position:absolute;
	top:2px;
	right:69px;
}

input:hover {
	background:#d0d0d0;
}

/* Sidebar */

#sidebar {
	width:150px;
	float:right;
}

#sidebar p {
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 15px 0;
}

/* Footer */

#footer {
	clear:both;
	padding:2px 0 3px 0;
	margin:0;
	border-top:1px solid #d8d8d8;
	color:#808080;
	background:#fafafa;
	height:0.01%;	/* "Holly Hack" for IE6 */
}

#footer td {
	border-bottom:none;
	padding:0;
	margin:0;
	background:#fafafa;
	font-size:0.87em;
	line-height:1.3em;
}

#footer table {
	margin:0;
	padding:0;
}