body {
background-color: #408080; margin: 0px; scrollbar-face-color: #e4b328; scrollbar-highlight-color: #ffc2a6; scrollbar-3dlight-color: #010302; scrollbar-shadow-color: #408080; scrollbar-darkshadow-color: #010302; scrollbar-track-color: #010302; scrollbar-arrow-color: #800000; font: normal 7pt verdana,tahoma,helvetica,arial,sans-serif;
}

#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #800000;
padding: 5px;
background-color: #fafcf1;
visibility: hidden;
z-index: 101;
font: normal 8pt arial;
color: #408080;
text-align: center;
}

#dhtmlpointer {
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.switchcontent { border: 1px solid #e4b328; padding: 15px 0px 0px 10px; margin: 0px 10px 0px 10px; background-color: #ffffff; text-align: center; }

.switchcontent { margin: 0px 0px 0px 25px; }

.CommonBody {
background: url(iframe.jpg) top left repeat; background-color: #fafcf1; margin: 0px; font: bold 8pt verdana,tahoma,helvetica,arial,sans-serif;
}


form { margin: 0px; }

.ButtonWrapper { border: 1px solid #e4b328; padding: 5px; margin: 5px; }

.Button, input, .input { background-color: #e4b328; border: 1px solid #800000; font: 600 7pt verdana,tahoma,helvetica,arial,sans-serif; color: #e0eeef; cursor: hand; text-decoration: none; padding: 2px; width: auto; margin: 2px; }

.Back, .Home, .Help {
font: 600 7pt verdana,tahoma,helvetica,arial,sans-serif;
padding: 2px;
margin: 0px;
background-color: #e4b328;
border: 1px solid #800000;
color: #0000ff;
cursor: hand;
text-decoration: none;
position: fixed;
top: 0px;
right: 0px;
z-index: 101;
text-align: center;
width: 48px;
}

.Back, .Home {
position: fixed;
top: 0px;
left: 0px;
z-index: 101;
}

.HomeL {
font: 600 7pt verdana,tahoma,helvetica,arial,sans-serif;
margin: 0px;
padding: 5px;
background-color: #408080;
border-right: 1px solid #e4b328;
text-decoration: none;
position: fixed;
top: 0px;
left: -1px;
z-index: 1;
text-align: center;
height: 100%;
width: 135px;
}


.Top {
font: 600 7pt verdana,tahoma,helvetica,arial,sans-serif;
margin: 0px;
background-color: #e4b328;
border: 1px solid #800000;
color: #0000ff;
cursor: help;
text-decoration: none;
padding: 1px;
position: fixed;
bottom: 0px;
left: 0px;
z-index: 101;
text-align: center;
}

p, .p {
width: 90%; font: normal 9pt tahoma,verdana,arial,helvetica,sans-serif; color: #000000; margin: 10px 0px 10px 10px; text-align: left;
}

p:first-letter { font: bold 12pt tahoma,verdana,arial,helvetica,sans-serif; color: #800000; }

.pHelp { font-weight: bold; font-style: italic; color: #ff0000; cursor: help; }

.note { text-align: center; color: #800000; font-style: italic; font-weight: bold; font-size: 7pt; }

.pNote { text-align: center; width: 550px; font: 500 9pt tahoma,verdana,arial,helvetica,sans-serif; margin: 10px 5px 10px 10px; }

.MainWrapper, .box { padding: 5px; }

table, .input, .MainWrapper { width: 100%; }

table.borderRight { border-right: 1px solid #e4b328; }

td, .box {  font: normal 8pt verdana,tahoma,helvetica,arial,sans-serif; text-align: center; }

td { vertical-align: top; text-align: center; }

.col { width: 150px; background-color: #fafcf1; vertical-align: top; text-align: left; margin: 0px; padding: 5px 5px 10px 5px; }

.box { margin: 5px; background-color: #ffffff; }

.box, .col { border: 1px solid #e4b328; }


img { border: none; }

h1 {
font: bold 18pt "times new roman",courier; color: #800000; text-align: center; margin: 20px; 0px 20px 0px
}

h2, HDalt {
font: 700 18pt verdana,tahoma,helvetica,arial,sans-serif; color: #e0eeef; background: #000000 url(bg_header.jpg) no-repeat fixed top left; padding: 20px 17px 17px 17px; text-align: center; letter-spacing: 1px; word-spacing: 1px; margin: 0px;
}

.HDalt { background: #408080 none; padding: 5px; }

h3 {
font: bold 11pt verdana,tahoma,helvetica,arial,sans-serif; color: #408080; text-align: center; margin: 15px 0px 15px 0px;
}

h4 {
font: 500 7pt verdana,tahoma,helvetica,arial,sans-serif; color: #000000; margin: 2px;
}

.head {
width: 100%; border-top: 2px solid #408080; border-bottom: 2px solid #408080; padding: 2px 0px 2px 0px; margin: 1px; color: #800000;
}

.phead {
border-top: 2px solid #408080; border-bottom: 2px solid #408080; padding: 2px 0px 2px 0px; background-color: #e4b328
}


.irow { height: 250px; }

.prod1 { border: 1px solid #800000; padding: 6px; width: 33%; }

.prod2 { padding: 6px; width: 33%; }

.pTitle { text-align: left; vertical-align: top; padding: 5px 0px 5px 15px; font-size: 11pt; color: #800000; }

.pText { text-align: left; vertical-align: middle; }

.pImage { text-align: center; vertical-align: middle; padding: 10px 5px 20px 0px; }

.pPrice { text-align: right; vertical-align: middle; padding: 5px; font-size: 8pt; color: #800000; }

.pBuy { text-align: center; vertical-align: top; padding: 5px 5px 5px 0px; }

.list { width: 90%; text-align: left; vertical-align: middle; background-color: #e0eeef; padding: 5px 15px 0px 0px; }

ul { text-align: left; vertical-align: middle; line-height: 1.5; margin-top: 5px; }

.listhelp { width: auto; text-align: left; vertical-align: middle; padding: 0px 15px 0px 0px; }

.view { width: 360px; padding: 5px 20px 0px 25px; }


a { color: #800000; cursor: pointer; text-decoration: none; }

a:visited { color: #800000; }

a:hover { color: #0000ff; background-color: #e0eeef; }

a:active { color: #800000; }


.pContainer {
	padding: 15px;
}

.pHeader {
	border: 1px solid #6a6a6a;
	padding: 2px 25px 2px 25px; 
	background-color: #e4b328;
	text-align: center; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #ffffff;
	margin-bottom: 1px;
	width: auto;
}

.pContent {
	background-color: #ffffff;
	border: 1px solid #6a6a6a; 
	padding: 0px 20px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #666666;
	text-align: left;
}