@charset "iso-8859-1";

/*	CSS definitions for DataTrans website
-----------------------------------------

*/

body {
	background-color: #FFFFF0;
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}
h1 {
	text-align: center;
}
#head {
	height: 130px;
	width: 740px;
	background: url(images/logo50pct_col.png) no-repeat top center;
}
#menu {
/* width + padding = 120px */
	position: absolute;
	width: 110px;
	top: 210px;
	left: 0;
	padding: 10px 5px 10px 5px;
	border-right: 1px solid #666;
}
#menu a {
	display: block;
	text-decoration: none;
	margin: 5px 0 5px 0;
	padding: 3px 3px 3px 3px;
	border: 1px solid #FFDAB9;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	background-color: #FFF0F0;
	color: #666;
}
#menu a:hover {
	text-decoration: underline;
	background-color: #FFF8F0;
	border: 1px solid white;
	color: #C33;
}
#main {	/* width + padding = 630 + left = 750 */
	position: relative;
	left: 120px;
	padding: 10px 5px 10px 5px;
	width: 510px;
}
a.backtotop {
	font-size: 70%;
	text-align: right;
	display:block;
	text-decoration:none;
	color: #666;
}
a.backtotop:hover {
	background-color: #FFF0F0;
	color: #C33;
}
.bulletpoint {
	font-weight:bold;
	font-size:110%;
}
/* Want to simulate this for IE - Firefox handles it perfectly
.bulletpoint:before {
	content: url(images/bullet20px.png);
}
	What follows is nearly right - certainly good enough:
*/
.bulletpoint {
	padding-left: 65px;
	min-height: 25px;
	background: url(images/bullet20px.png) no-repeat top left;
}

.fld_price {
	width: 80px;
	background-color: #FFE;
	border: 1px solid #C93;
	padding: 3px;
	font-family: monospace;
}