html,body{
  margin:0;
  padding:0;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
body {
  overflow: hidden;
  background:#fff url("../img/bg_gradient.gif") repeat-x left top;
} 
html>body {font-size:small;}

#outer {
	position: absolute;
	margin:0 0 0 -400px;
	padding:0;
	left: 50%;
	top: 0;
	width: 820px;
	_height: 100%;
	min-height: 100%;
	background: url("../img/bg_shadow.png") repeat-y center top;
}
#main {
	width: 760px;
	min-height: 500px;
	border: 1px solid #776655;
	border-width: 0 1px 0 1px;
	margin:0 30px 0 30px;
	background-color: #fff;
	padding-top: 6px;
	margin-top: -6px;
}
#header{
	position: absolute;
	width: 820px;
	left: 50%;
	top: 0;
	margin-left: -400px;
/*	background:url("../img/header.gif") no-repeat center top;*/
	text-align: center;
	height: 150px;
	z-Index: 2;
}
.content{
	margin: 4px;
	padding: 6px 0 12px 0;
	background-color: #fff;
}
.content IMG{
	margin: 0 5px 0 5px;
}
.content IMG .imgBorder{
	border: 1px solid #666;
}
.content P{
	padding-top: 6px;
	clear: both;
}
#nav {
  float:left;
  width:100%;
  background:#DAE0D2 url("../img/bg_nav.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  padding-top: 140px;
}
#nav span{
	float:right;
	margin: 4px 12px 2px 2px;
}
#nav span img{
	border: 0px;
	margin: 2px;
}
#nav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
#nav li {
  float:left;
  background:url("../img/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
#nav li a.top {
  float:left;
  display:block;
  background:url("../img/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  font-size: 12px;
  color:#765;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav li a.top {float:none;}
/* End IE5-Mac hack */
#nav li a.top:hover {
  color:#333;
/*   background:url("../img/right_over.gif") no-repeat right top; */
}
#nav #current {
  background-image:url("../img/left_on.gif");
}
#nav #current a.top {
  background-image:url("../img/right_on.gif");
  color:#007EC5;
  padding-bottom:5px;
}
#nav li ul {
	z-Index: 151;
	position: absolute;
	display: none;
	height: auto;
	width: 18.4em;
	font-weight: normal;
	border: 1px solid #8E8B7E;
	border-top-width: 0px;
	margin: 0px 0px 0px -10px;
	padding: 0px;
	background-color: #D6D1BB;
	overflow: hidden;
}
#nav li#current ul {
	background-color: white;
}
#nav li ul li, #nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:hover, #nav li ul li a:active{
	background: url('../img/1px.gif') repeat-x left top; /* stop recursive bg */
	padding: 0 0 0 8px;
	margin: 0px;
	height: 20px;
}
#nav li ul li a {
	display: block;
	margin: 0px;
	height: 20px;
	line-height: 20px;
	color: #000;
	text-decoration: none;
}
#nav li ul li:hover a, #nav li ul li.sfhover a {
	color: #FFFFFF;
}
#nav li ul li:hover, #nav li ul li.sfhover {
	background-color: #8E8B7E;
	color: #FFFFFF;
}
#nav li#current ul li:hover, #nav li#current ul li.sfhover {
	background-color: #007EC5;
}
#nav li li {
	width: 18.4em;
}
#nav li ul a {
	padding: 4px;
}
#nav li ul ul {
	margin: -18px 0 0 164px;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul {
	display: block;
}
.title{
	line-height: 12px;
	font-weight: bold;
}
.prod {
	margin: 4px;
	width: 350px;
	float: left;
	padding: 6px;
	background: url("../img/bg_prod.jpg") right bottom no-repeat;
}
.prod .title{
	position: relative;
	background: url("../img/bg_prod_header.gif") right top no-repeat;
	padding: 2px 12px 2px 2px;
	color:white;
	border-bottom: 1px solid #007EC5;
	text-align: right;
	margin: 0 -4px 2px 0;
}
.prod IMG{
	border-width: 0px;
}
.imglink IMG{
	border-width: 0px;
	width: 60px;
}
.imglink:link, .imglink:visited, .imglink:active {
	float: left;
	margin: 2px 6px 4px 0;
	border: 1px solid #ccc;
}
.imglink:hover {
	border: 1px solid #333;
}
.clear{
	clear: both;
}
.carousel-container{
	position: absolute;
	bottom: 40px;
}
#footer {
	position: absolute;
	bottom: 28px;
	width: 760px;
	border: 1px solid #776655;
	text-align: right;
	margin:0 30px 0 30px;
}
#footer DIV{
	color: white;
	background-color: #0077C4;
	padding: 2px 12px 4px 2px;
	line-height: 15px;
	border-top: 1px solid #74ABCB;
}
#bottom{
	position: absolute;
	bottom: 0px;
	width: 820px;
	background: #fff url("../img/shadow_bottom.gif") no-repeat 10px top;
	height: 28px;
}
#ILoading{
  	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25px;
	margin-left: -25px;
	text-align: center;
	background: url('../img/loading_circle.gif') center center no-repeat;
}
#loginBox{
  	width: 250px;
	height: 130px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -65px;
	margin-left: -125px;
	border: 1px solid #666;
}
#loginBox DIV.title{
	padding: 3px 3px 3px 8px;
	background-color: #0077C4;
	color: white;
}
#loginBox FORM{
	margin: 15px 2px 0px 2px;
}
#loginBox SPAN{
	margin-left: 6px;
	display: block;
	float: left;
	width: 110px;
}
#loginBox INPUT.btn{
	margin-left: 100px;
	background-color: white;
	border: 1px solid #999;
}