/* CSS Document for Products Pages */
/* GENERAL CSS */
#holder {
	width:800px;
	margin: 0 auto;
}

/* START OF CSS FOR MAP */
dl.map {
	position:relative;
	width:724px;
	height:495px;
	background:url(./img/productoverview.png) no-repeat;
	text-align:left;
	margin:0px auto;
	padding:0px;
}
dl.map dt {
	list-style:none;
	display:inline;
}

dl.map a.products {
	display:block;
	position:absolute;
	outline:none;
	text-decoration:none;
	width:90px;
	height:45px;
	cursor: help;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
dl.map a.products:hover {
	color: #aaaaff; background:;
}

dl.map a.products span {
  display: none;
  }

dl.map a.products:hover span.tttooltips{
  display:block;
  position:absolute;
  top:32px; left:1px;
	padding: 15px 0 0 0;
	width:155px;
  text-align: left;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
}

dl.map a.products:hover span.ttheader{
	display: block;
	padding: 2px 8px;
	color: #FFFFFF;
  background-color: #008000;
  font-size: 9pt;
}

dl.map a.products:hover span.ttbody{
	display: block;
	padding: 4px 8px;
	border-left: #008000 thin solid;
	border-right: #008000 thin solid;
	color: #000000;
  background-color: #C0C0C0; 
  font-size: 8pt;
}

dl.map a.products:hover span.ttfoot{
	display: block;
	padding: 0 8px 4px 8px;
	border-left: #008000 thin solid;
	border-right: #008000 thin solid;
	border-bottom: #008000 thin solid;
	color: #008000;
  background-color: #C0C0C0; 
  font-size: 8pt;
}

dl.map a.products:hover span.ttheaders{
	display: block;
	padding: 2px 8px;
	color: #FFFFFF;
	background-color: #0000FF;
  font-size: 9pt;
}

dl.map a.products:hover span.ttbodys{
	display: block;
	padding: 4px 8px;
	border-left: #0000FF thin solid;
	border-right: #0000FF thin solid;
	color: #000000;
  background-color: #C0C0C0; 
  font-size: 8pt;
}

dl.map a.products:hover span.ttfoots{
	display: block;
	padding: 0 8px 4px 8px;
	border-left: #0000FF thin solid;
	border-right: #0000FF thin solid;
	border-bottom: #0000FF thin solid;
	color: #0000FF;
  background-color: #C0C0C0; 
  font-size: 8pt;
}

dl.map a.products:hover span.ttheaderg {
	display: block;
	padding: 2px 8px;
	color: #FFFFFF;
	background-color: #000000;
  font-size: 9pt;
}

dl.map a.products:hover span.ttbodyg {
	display: block;
	padding: 4px 8px;
	border: #000000 thin solid;
	color: #000000;
  background-color: #C0C0C0; 
  font-size: 8pt;
}


/* START OF CSS FOR MAP POINTS */
dl.map a#paypoint {
	top:217px;
	left:30px;
}
dl.map a#paybatch {
	top:217px;
	left:142px;
}
dl.map a#payweb {
	top:217px;
	left:255px;
}
dl.map a#payxml {
	top:217px;
	left:368px;
}
dl.map a#paysubs {
	top:217px;
	left:481px;
}
dl.map a#paybill {
	top:217px;
	left:594px;
}
/*dl.map a#RD {
	top:217px;
	left:594px;
}*/
dl.map a#payprotector {
	top:308px;
	left:472px;
	width:125px;
	height:45px;
}
dl.map a#payfx {
	top:375px;
	left:472px;
	width:125px;
	height:45px;
}
dl.map a#paygate {
	top:337px;
	left:281px;
	width:154px;
	height:44px;
}