body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../img/back_main.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.DPS #container {
	width: 820px;
	margin: 0 auto 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.DPS #header {
	background-repeat : no-repeat;
	background-position: bottom;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 30px;
	background-image: url(../img/back_top.gif);
} 
.DPS #main {
	padding: 0 10px 0 10px;
}
.DPS #footer {
	height: 60px;
	margin-right: 40px;
	margin-left: 210px;
} 
.DPS #mainMenu {
	padding: 0;
	width: 170px;
	float: left;
}
.DPS #mainContents {
	padding: 0 30px 0 30px;
	width: 570px;
	margin: 0 0 0 0;
	text-align: center;
	float: right;
}
.DPS #mainContentsHeader {
	padding: 0 0 0 0;
	width: 570px;
	margin: 0 0 0 0;
	background-color: #CCFF00;
	height: 60px;
	float: right;
}
.DPS  #mainContentsCart {
	padding: 0 0 0 0;
	width: 570px;
	margin: 0 0 0 0;
	height: 60px;
	float: right;
}
.DPS #mainContentsMain {
	padding: 0 0 0 0;
	width: 570px;
	margin: 0 0 0 0;
	min-height: 460px;
	float: right;
}
.DPS #mainContentsFooter {
	padding: 0 0 0 0;
	width: 570px;
	margin: 0 0 0 0;
	height: 60px;
	float: right;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00CCFF;
	background: #FFFFFF;
	border-width: 0 0 0 0;
	cursor: help;
	margin-top: 5px;
}
a:link {
	color: #00CCFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00CCFF;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #CC00FF;
}
.copyright {
	color: #CCCCCC;
	font-size: 10px;
}
.title14 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.title12 {
	font-size: 12px;
	color: #00CCFF;
	font-weight: bold;
}
.gray {
	color: #999999;
}
.price {
	font-size: 14px;
	color: #000000;
}
.black {
	color: #000000;
}
.tableline {
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
}
.tablecontents {
	padding-left: 15px;
}
.table {
	margin-top: 10px;
	margin-bottom: 10px;
}
.menu {
	margin-top: 20px;
}
div#preload { 
	display: none; 
}