body {
	margin:0; padding:0; 
	text-align: center;
	background: #e3e3e3 url(../images/t/bg.gif);
}

body, td, p { font: 9pt verdana, sans-serif; color: #666; }
img { border: 0; }

a { color:#116895; }
a:visited { color:#08344a; }
a:active { color:green; }

a.popupLink { padding-right: 18px; background: url(../images/icon/popup.png) right center no-repeat;}

/** Utility Classes */
br.clear { clear: both; font-size:1px; line-height:1px; }

/** default styles */
h1,h2,h3,h4,h5,h6,h7 {
	margin:0; padding:0;
	color: #2151a5;
	margin-bottom: .5em;
	font-size: 13pt;
	font-weight: bold;
}
h2,h3,h4,h5,h6,h7 { font-size:10pt; }

/** layout */

#page {
	width: 730px;
	padding: 0 20px;
	margin: 0 auto;
	text-align:left;
	background:white;
	border-bottom: solid #116895 2px;
}
* html #page { width:770px; } /* IE fix */

#header { border-bottom: solid #116895 1px; }

#topnav { text-align:right; }
#topnav ul { margin:0; padding:0; list-style: none; }
#topnav li { margin:0; padding:0; list-style: none; display: inline; padding:0 12px; }
#topnav a { color:#116895; text-decoration:none; font-size:8pt; }
#topnav a:hover { text-decoration:underline; }

a.cartLink { padding-right: 18px; background:url(../images/t/icon.cart.gif) no-repeat right center; }

#leftcol { width:470px; float:left; }
#rightcol { margin-left:484px; padding-top: 12px; }
#widecol { clear: both; }

#nav { margin: 8px 0; }
#nav ul { margin:0; padding:0; list-style: none; }
#nav li { margin:0; padding:0; list-style: none; display: inline; padding:0 5px; }
#nav a { color:#116895; text-decoration:none; font-size: 9pt; }
#nav a:hover { text-decoration:underline; }

#subnav { margin: 2px 0 8px 0; border-bottom: solid #2151a5 1px; padding-bottom:5px; }
#subnav a { text-decoration:none; padding-bottom: 5px; color: #333; margin-left: 6px; font-size:8pt; }
#subnav a.now { border-bottom: solid #2151a5 3px; padding-bottom: 2px; }
#subnav a:hover { border-bottom: solid lightblue 3px; padding-bottom: 2px; }
#subnav a.now:hover { border-bottom: solid #2151a5 3px; padding-bottom: 2px; }

#footer { border-top: solid #116895 1px; text-align:center; padding: 8px 0; margin-top: 24px; clear:both; }
#footer ul { margin:0; padding:0; list-style: none; }
#footer li { margin:0; padding:0; list-style: none; display: inline; padding:0 6px; }
#footer a { color:#116895; text-decoration:none; font-size: 8pt; }
#footer a:hover { text-decoration:underline; }


#subfoot { text-align: left; width:760px; margin:0 auto; padding: 2px 5px; font-size: 8pt; color:#666; }

#attrib a { color: inherit; text-decoration:none; }
#attrib a { color: #666; } /* IE7 still doesn't grok inherit */
#attrib a:hover { text-decoration:underline; }
#attrib { float: right; }

/* ============================================== */
/*           Generic Styles   */
/* ============================================== */

#main ul li { margin-bottom: 1em; }

/* ============================================== */
/*           Page-Specific Styles   */
/* ============================================== */

/* FAQs */
dl.faq dt { font-weight:bold; margin-bottom: 0.5em; }
dl.faq dd { margin-bottom: 1em; }


.product {
	margin-bottom: 24px;
}

/* Products / Variants table */
.prodVars { width:100%; margin: 12px 0; }
.prodVars td { padding: 2px 4px; }
.prodVars td input { text-align:center; }
.prodVars td input[type=text] { border: solid #5a4f88 1px; }
.prodVars tr.alt { background:#eee; }
.prodVars tbody.head td {
	background: #5a4f88;
	color: white;
	font-weight: bold;
	padding: 4px;
	font-size: 8pt;
}

.prodVars tbody.head td {
	background: #999;
	color: white;
	font-weight: bold;
	padding: 4px;
	font-size: 8pt;
	

}

/* --------------------------- FORM ERRORS */
.formerrors {
	border: solid red 1px;
	background: #fee;
	padding: 12px;
	color: black;
	margin: 8px 0;
	text-align: left;
}
.formerrors li { margin: 0; padding:0; color: black; }
#main .formerrors li { margin-bottom:2px; }
/* --------------------------- CHECKOUT */

h2.head {
	border-bottom: solid black 1px;
	}

#checkout_container {
	display: block;
	}

.chkoutform .prompt {
	display:block;
	font-size: 8pt;
	color: black;
	margin:0; padding:0;
	margin-top: 6px;
	color: #333;
	}

/* ignored by IE 6, darnit */
.chkoutform input[type="text"] {
	width:100%;
	}
.chkoutform input.fullw { width:100%; }

.chkoutform table {
	margin:0;padding:0;
	width:100%;
	}

.chkoutform input { padding: 0 2px; }

.chkoutform input,
.chkoutform select,
.chkoutform textarea {
	border: solid #666 1px;
	}
.chkoutform input:focus,
.chkoutform select:focus,
.chkoutform textarea:focus {
	background-color: #d3dced;
	border-color: #2151A5;
	}

	
/* --------------------------- INLINE FIGURES */
table.figure {
	border: solid black 1px;
}
table.figure caption {
	color:black;font-size:8pt;text-align:left;
}

	
.debug {
	border: solid black 1px;
	background: lightyellow;
	padding: 4px;
	color: black;
	text-align: left;
}