/* CSS Document */
html { 
    min-height: 100%; margin-bottom: 1px; 
}
body {
	margin: 0px 0px 0px 0px;
	background-image:url(../images/back.gif);
	background-color:#FFF;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-size:10px;
	font-weight:200;
/* part 1 of 2 centering hack */
	}
#container{
width:760px;
margin-top:0px;
}
/*links*/
a {text-decoration: none; font-weight: bold; color: #000; outline: none; }
a:visited {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#000;}

.footer a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
line-height:25px;
font-weight:200;
color:#FFFFFF;
}
.footer a:visited {
text-decoration:none;
line-height:25px;
font-weight:200;
color:#FFFFFF;
}
.footer a:hover{
text-decoration:none;
line-height:25px;
font-weight:200;
color:#FFFFFF;
}
.footer a:active {
text-decoration:none;
line-height:25px;
font-weight:200;
color:#FFFFFF;
}

.ahem {display: none;}

.bold, strong, b {font-weight: bold;}
.normal { font-weight:normal;}
p { font-size:10px; line-height: 16px; margin-top: 10px; margin-bottom: 10px; }
.indent {margin: 0px 20px 0px 20px;}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/
h1 {
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color:#090;
    background-color: #FFF; 
	margin-bottom:5px;		
	padding:0px;
	border-bottom:1px dotted #090;
	}
h2 {
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	color:#FFF;
	background-color:#609;
	margin-top: 0;
	margin-bottom: 0px;
	text-align:center;
	}
h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color:#000000;
    background-color: #FFF; 
	margin-bottom:5px;		
	padding:0px;
	}	
hr {
	border-top:0px;
	border-right:0px;
	border-bottom:1px dotted #090;
	border-left:0px;
	}
	
img {border: 0;}
.border {border:1px solid;}

.header {
	padding: 0px;
	margin: 0px;
	background: #090;
	color:#FFF;
	}

.content {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #FFF;
	border: 0px;
	text-align:left; /* part 2 of 2 centering hack */
	width: 790px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 760px;
	background-color:#FFF;
	}
html>body .content {
	width: 760px; /* ie5win fudge ends */
	}

.left {
	position:relative;
	float:left;
	left: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	width: 420px;
	background-color:#FFFFFF;
	}

.spacer {
height:10px;

}

.footer{
	clear: both;
	height:25px;
	color:#FFFFFF;
	width:760px;
	margin-top:20px;
	padding:0px;
	background-color:#009A00;
	line-height:25px;
	text-indent:20px;
}	

.red {color: #900; background-color: inherit;}
.yellow {color: #FF0; background-color: inherit;}
.blue {color:#426FA7; background-color: inherit;}
.lightblue {color:#99F; background-color: inherit;}

.line11 {line-height:11px; }
.seven {font-size:7pt;}
.eight {font-size:8pt;}
.nine {font-size:9pt;}
.ten {font-size:10pt;}

.button {  border:1px #000 solid; padding:1px 2px; font-size:8pt; color: #336699; background-color: #F0F0F0;}
.indent {text-indent:15px;}
.right { text-align:right; margin: 0px;}

#imageBox {
position:relative;
float:right;
display:block;
top:45px;
left: -10px;
clear:right;
border:1px solid #000;
background-color:#eeeeee;
margin-left:0px;
font-size:12px;
padding:3px;
width:240px;
text-align:left;
}

	.storeBox {
		position:relative;
		border:1px solid #000;
		margin: 0px 0px 10px 0px;
		font-size:12px;
		height:100px;
		background-image:url(../images/dbms/noimage.jpg); background-repeat:no-repeat;
		padding:3px;
		width:95%;
		text-align:left;
	}
		.descBox {
			position: absolute;
			display:block;
			border:0px;
			margin:0px 0px 0px 105px;
			padding:3px 5px;
			top:3px;
			left:10px;
			text-align:left;
			width:45%;
				font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-size:10px;
	font-weight:200;
		}
		.addtocartBox {
			position: absolute;
			display:block;
			border:0px;
			margin:0px;
			padding:3px 3px;
			bottom:0px;
			right:0px;
			text-align:right;
			width:28%;
		}

.loginBox {
	position: relative;
	float:right;
	display:block;
	top:45px;
	left: -10px;
	clear:right;
	border:1px solid #000;
	background-color:#CCC;
	margin-left:0px;
	font-size:8px;
	padding:3px;
	width:280px;
	text-align:left;
	height:125px;
}
	.innerBox {
		display:block;
		margin:0px;
		padding:0px 6px 0px 0px;
		position: absolute;
		right:0px;
		top:35px;
		width:65%;
		text-align:right;
	}

.resultBox {
	position: relative;
	display:block;
	float:right;
	clear: right;
	top:55px;
	bottom:20px;
	left:-10px;
	border:1px solid #000;
	background-color:#CCC;
	margin-bottom:80px;
	font-size:12px;
	padding:3px;
	width:280px;
	text-align:left;
}
	.emptycart {
		position:absolute;
		margin:0px;
		padding:0px;
		left:4px;
		top:4px;
	}
	.checkout {
		position:absolute;
		margin:0px;
		padding:0px;
		right:4px;
		top:4px;
	}
