/* -------------------------CONTAINER TABLE---------------------------- */

#infotable{
	width: 100%;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	background-color: #FFFFFF;
	border-collapse: collapse;
	padding: 0px;
}
 
#infoheader{
	border-top: #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	border: 0px;
	background-color: #000099;
} 
 
.infotitle{
	vertical-align: top;
	border-right: 1px solid #C0C0C0;
	border-top: 1px #FFFFFF solid;
	padding: 5px;
	background-color: #0084CC;
	font-weight: bold;
	color: #FFFFFF;
}

.infotitleTwo, .infotitlesupplier, .infotitledelivery{
	vertical-align: top;
	border-right: 1px solid #C0C0C0;
	border-top: 1px #FFFFFF solid;
	padding: 5px;
	background-color: #F0F0F0;
	font-weight: bold;
}


.infotitlesupplier {
	width: 119px;
}

.infotitledelivery {
	width: 80px;
}

.infocelllogo {
	width: 70px;
}

.infocelltype {
	width: 30px;
}


 
.infocell, .infocelllogo, .infocelltype { 
   vertical-align:top;
   border-right: 1px solid #C0C0C0; 
   border-top: 1px solid #C0C0C0;
   padding: 5px; 
 }
 
 .infocellAlt{ 
   vertical-align:top;
   border-right: 1px solid #C0C0C0; 
   border-top: 1px solid #C0C0C0;
   padding: 5px; 
   background-color: #F0F0F0;
 }

 
.infocell a:hover,  .infocellAlt a:hover {

      text-decoration: underline;

}

.infocell a,  .infocellAlt a{
	color: #000099;
	text-decoration: none;
}