body {
	margin: 0;
	padding: 0;
	font-family:Verdana;
	font-size: 14px;
    background-color:#336699;
	background-image:url("images/bg.gif");
	background-repeat:repeat-x;
}

#Container{
	min-width: 600px;
	width:800px;
	margin: 0 auto;
}

#mastHead{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height:200px;
    background-image:url("images/header_bg.jpg");
    background-repeat:no-repeat;
}

#mastHead .login 
{
    float:right;		
    margin-right:120px;
}

#mastHead .login a:link,#mastHead .login a:visited,#mastHead .login a:hover,#mastHead .login a:active{
    color:Blue;
    clear:right;
}

#mastHead h1 {
    position:absolute; 
    margin:15px 0 0 150px;	
	color: #2461a9;
	font-size:32px;
}

#mastHead h3 {
	position:absolute; 
	margin:55px 0 0 180px;	
	color: #fff;
	font-size:16px;
}

#navTopHorizontal ul 
{
	position:absolute;
	margin-top:162px;
 	list-style-type: none;
	width: 100%;
}
#navTopHorizontal li {
	float: left;
	text-align:center;
	width:98px;
}

#navTopHorizontal a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}

#navTopHorizontal a:hover {
     text-decoration:underline;
}

#mastHead .navigation{
	position:absolute;
	margin-top:152px;
 	font-weight:bold;
}

#navigation .Item
{
  /* CSS class for non-selected Menu Item */
  
  width:95px;
  height:40px;
  color:Purple;
  text-align:center;
  margin-top:2px;
}

#navigation .ItemSelected, #navigation .ItemHover
{
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
  
  width:95px;
  height:40px;
  color:Black;
  margin-top:2px;  
}

#offer
{
	float:left;
    background-color:Purple;
    width:780px; 
    height:24px;
    font-size:16PX;
    text-align:center;
    border:solid 1px gray;
    font-weight:bold;
    padding-left:20PX; 
}

#navigator{
	 float:left;
	 width:800px;
	 height:30px;
	 background-color:White;
}

#navigator div.indicator 
{
	 padding-top:5px; 
	 padding-left:10px;
	 
}

#navigator .loginstatus
{
	position:absolute;
	margin-top:0px; 
	margin-left:800px;	
}

#navigator .languagebar {
	 position:relative; 
	 margin-left:670px;	
	 margin-top:-20px;
}

#metaconfig
{
	float:left;
	width:600px;
	height:30px;
}

#midContent{
 	 float:left;
 	 margin-top:0px;
     width:780px;
     height:auto;
	 background-color:White;
	 color:Black;
	 padding:10px;
}

#midContent div.leftCol {
 	 float:left; 
 	 width:240px; 
 	 height:100%;
 	 background-color:#EFF3FB;
}

#midContent div.leftCol p{
 	 padding: 0px 0px 0px 0px;
 	 line-height:1em; 
}

#midContent div.leftCol .leftTitle,  div.rightCol .rightTitle {
     padding:10px;
     font-size:14px;
     font-weight:bold;
}

#midContent div.leftCol .leftContent, div.rightCol .leftContent {
     padding-top:0px;
     padding-left:20px;
     color:Silver;
}

#midContent div.rightCol {
 	 float:right; 
 	 width:520px;
 	 padding-left:10px;
     padding-right:10px;
     padding-bottom:10px;
     line-height:1.6em;	 
}

#midContent div.rightCol .ProductList {
     text-align:center;
}

#midContent div.rightCol .ProductList li {
 	 display:inline;
 	 float:left;
 	 padding-left:15px;
 	 padding-bottom:15px;
}

#midContent div.rightCol .pager {
  width:600;
  font-size:14px;
}


#midContent div.fullCol
{
	 padding: 15px 15px 15px 15px;
	 color:White;
	 
}

#midContent div.fullCol .fullTitle {
     padding:10px;
     font-size:14px;
     font-weight:bold;
     
}

#midContent div.fullCol .fullContent {
     padding-top:0px;
     padding-left:20px;
     
}

#midContent div.fullCol a:link, div.fullCol a:hover,div.fullCol a:visited,div.fullCol a:active
{
	 color:Blue;
}

#footer{
	 float:left; 
	 background-color:Navy; 
	 width:800px;
	 height:138px;
	 border:solid 1px gray;	 
}

#navBotHorizontal ul {
	margin-top:10px;
 	list-style-type: none;
	width: 100%;
}
#navBotHorizontal li {
	float: left;
	text-align:center;
	width:120px;
}

#navBotHorizontal a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}

#navBotHorizontal a:hover {
     text-decoration:underline;
}

#footerCopyright{
	 clear:both;
	 text-align:center;
	 color:#fff;
	 font-size:-2px;
}

#footerMenu{
	 position:relative;
	 font-size:-2px;
}

#clear {
	clear:both;
	}

.table th 
{
  background-color: #336699;
  font-weight:bold;
  color:White;  
}

.table td 
{
  background-color: #E3EAEB;
  text-align:center;
}

#mastHead a:link,#mastHead a:visited
{
	padding:3px; 
 	color:White;
}

#mastHead a:hover,#mastHead a:active
{
	padding:3px; 
 	color:White;
 	text-decoration:underline;
}

#midContent a:link,#midContent a:visited
{
	padding:3px; 
 	color:Blue;
}

#midContent a:hover,#midContent a:active
{
	padding:3px; 
 	color:Black;
 	text-decoration:underline;
}

#footer a:link,#footer a:visited
{
	padding:3px; 
 	color:White;
}

#footer a:hover,#footer a:active
{
	padding:3px; 
 	color:White;
 	text-decoration:underline;
}

#midContent .lutein
{
 float:left;
 background:url("images/lutein.gif");
 width:470px;
 height:100px;
 padding-left:90px;
}

#midContent .lutein
{
 float:left;
 background:url("images/gras_logo.gif");
 background-repeat:no-repeat;
 width:470px;
 height:100px;
 padding-left:120px;
}

#midContent div.leftCol a {
  width:150px;
}

#midContent div.leftCol a:hover {
  background:url("images/hover.gif");
  background-repeat:no-repeat;
  width:150px;
}

p {
padding:0.5em 0 0.1em 0;
}