body {
  margin: 0 auto;
  font-family: Arial,Sans-Serif;
  font-size: 75%;
  color: #000000;
  width: 832px;
}
.content {
  margin: 0 auto;
  color: #cccccc;
  width: 832px;
}
ul {
  margin: 0 0 0px;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
li {
  margin: 0 0 2px;
  padding: 0 0 0 0px;
  color: #555555;
}
p {
}
a {
  color: #a90000;
  text-decoration: none;
}
a:hover {
  color: #fc7901;
  text-decoration: none;
}
h1 {
color:#000; 
font-weight:bold; 
font-size:20px; 
margin:20px 0px 12px 0px; 
padding:0px; 
width:auto; 
border-style:solid; 
border-width:0px 0px 1px 0px; 
border-color:#888888;
}
h1 a {
  color: #ffffff;
}
h2 {
color:#000; 
font-weight:bold; 
font-size:20px; 
margin:16px 0px 10px 0px; 
padding:0px; 
width:auto; 
border-style:solid; 
border-width:0px 0px 1px 0px; 
border-color:#888888;
}
h2 a {

  /* background: #ffffff none repeat scroll 0% 50%;
  color: #000000; */
}
h2 a:hover {
  color: #a90000;
}
#container{
position: static;
width: 832px;
margin: 0 auto;
} 

#header {
position: absolute;
margin: 0 auto;
top: 0px;
height: 100px;
width: 832px;
background-image: url(img/underwater.gif);
}
#header .headright {
float: right;
width: 300px;
}
#subheader {
margin-top: 76px;
height: 24px;
color: #ffffff;
}
#subheader .subleft {
float: left;
padding-left: 3px;
height: 24px;
}
#subheader .subright{
float: right;
padding-right: 3px;
text-align: right;
height: 24px;
}
#subheader a {
  color: #fec538;
}
#subheader a:hover {
  color: #ffe036;
}

.boxLeft {
border-left: 1px solid #0d1d74;
border-right: 1px solid #0d1d74;
border-bottom: 1px solid #0d1d74;
margin-bottom: 7px;
background-color: #eaedff;
height: 1%; 
}
.catListBody {
border:  none;
padding: 0;
overflow: hidden;
/* font-family: Verdana,Arial,Helvetica,sans-serif; */
}
.catListBody li ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.catListBody ul {
border:  none;
margin: 0;
padding: 0;
list-style-type: none;
}
.catListBody a {
display: block;
text-decoration: none;
}
.catListBody li {
margin: 0;
float: left;
width: 100%;
}
.catListBody ul li a{
border-bottom: 1px solid #7b7f7e;
padding: 3px 0px 3px 5%;
width: 95%;
color: #444444;
background-color: #eaedff;
}
.catListBody ul li ul li a, 
.catListBody li.activeCat ul li a {
border-bottom: 1px solid #7b7f7e;
padding: 3px 0px 3px 10%;
width: 90%;
color: #444444;
background-color: #eaedff;
}
.catListBody ul li ul li ul li a, 
.catListBody li.activeCat li.activeCat ul li a {
border-bottom: 1px solid #7b7f7e;
padding: 3px 0px 3px 15%;
width: 85%;
color: #444444;
background-color: #eaedff;
}
.catListBody ul li ul li ul li ul li a, 
.catListBody li.activeCat li.activeCat li.activeCat ul li a {
border-bottom: 1px solid #7b7f7e;
padding: 3px 0px 3px 20%;
width: 80%;
color: #444444;
background-color: #eaedff;}

.catListBody ul li ul li ul li ul li ul li a, 
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
border-bottom: 1px solid #7b7f7e;
padding: 1px 0px 1px 25%;
width: 75%;
color: #444444;
background-color: #eaedff;
}
.catListBody ul li ul li ul li ul li ul li ul li a, 
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
border-bottom: 1px solid #7b7f7e;
padding: 1px 0px 1px 30%;
width: 70%;
color: #444444;
background-color: #eaedff;
}
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
background-color: #eaedff;
color: #444444;
}
.catListBody li a:hover {
background-color: #b3b7ca;
color: #ffffff;
text-decoration: none;
}
.catListBody li li a:hover, 
.catListBody li.activeCat li a:hover {
background-color: #b3b7ca;
color: #ffffff;
text-decoration: none;
}
.catListBody li li li a:hover, 
.catListBody li.activeCat li.activeCat li a:hover {
background-color: #b3b7ca;
color: #ffffff;
text-decoration: none;
}
.catListBody li li li li a:hover, 
.catListBody li.activeCat li.activeCat li.activeCat li a:hover {
background-color: #b3b7ca;
color: #ffffff;
text-decoration: none;
}
.catListBody li.activeCat a, 
.catListBody li.activeCat li.activeCat a, 
.catListBody li.activeCat li.activeCat li.activeCat a, 
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat a {
background-color: #9ab0d9;
color: #ffffff;
}
#main {
width: 832px; 
margin: 101px 0 0;
top: 101px;
background: #ffffff none repeat scroll 0%;
}
#main .left {
 /*  background-color: inherit;
background-repeat: inherit; */
  /* padding-left: 2px; */
width: 200px;
color: #000000;
margin-left: 0;
margin-right: 0;
}
#main .left input {

}
#main .left  li {
  color: #555555;
}
#main .left  h2,
#main .left h3 {
  font-size: 100%;
  padding: 3px 0px 3px 5%;
  margin: 0;
}
#main .left  h2,
#main .left  h2 a,
#main .left h3,
#main .left h3 a {
  /* background-color: #fec538; */
  background-color: #0d1d74;
  display: block;
  color: #fec538;
  font-weight: normal;
}
#main .left  h2 a:hover,
#main .left h3 a:hover{
  color: #49a5ff;
}
#main .left a {
  color: #000000;
}
#main .left a:hover{
  /* background-color: #b3e2ee; */
  color: #49a5ff;
}
#main .right {
color: #202020;
float: right;
width: 600px;
}
#main .right ul {
  border-bottom: 0px solid #eeeeee;
  margin: 5px 0;
  padding: 0;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: square;
  color: #a90000;
}
#main .right li {
  margin: 0 0 2px 15px;
  padding: 0 0 0 0px;
  color: #404040;
}
#footer {
  padding: 0;
  clear: both;
  height: 34px;
  color: #555555;
  font-size: 90%;
  text-align: center;
  bottom: 0px;
}
#footer .padding {
  padding: 10px 0px 0px;
}
#footer .right {
  float: right;
  clear: right;
  text-align: right;
}
input.search {
}
input.submit {

}
input.search:hover {
  /* background: #fffff4 none repeat scroll 0% 50%; */
}
fieldset {
  /* border: 1px solid #a90000; */
}
textarea.text {
 /* border: 1px solid #a90000;
  background: #ffffff none repeat scroll 0% 50%;
  height: 150px;
  width: 90%;
  color: #354d5f; */
}
textarea.text:hover {
  /* border: 1px solid #a70000;
  color: #ff0000; */
}
input.field {
  /* border: 1px solid #a90000;
  background-color: #ffffff;
  width: 283px;
  color: #000000; */
}
input.field:hover {
  /* border: 1px solid #a70000;
  color: #ff0000; */
}
input.text {
  /* border: 1px solid #a70000;
  margin: 0;
  padding: 4px;
  width: 150px;
  color: #000000; */
}
input.text:hover {
  /* border: 0px solid #a70000; */
}
.contentsTopics,
.infoBoxHeading {
  font-weight: bold;
}

.date {
  border-top: 1px solid #eeeeee;
  margin: 4px 0 5px;
  padding: 0.4em 0 0;
  color: #808080;
  text-align: right;
}
.comments {
  margin: 0 0 7px;
  padding: 10px 10px 8px;
  background: #f8f8f8 none repeat scroll 0% 50%;
  color: #000000;
}
.commentsbox {
  margin: 0 0 10px;
  padding: 8px 0 10px 10px;
  background: #f4f4f4 none repeat scroll 0% 50%;
  color: #000000;
}
.error {
  border: 1px dashed #990000;
  padding: 7px;
  color: #990000;
  background-color: #fff0f0;
  margin-top: 5px;
  margin-bottom: 10px;
}
.error h2 {
  color: #990000;
}
.success {
  border: 1px dashed #7ba813;
  padding: 7px;
  background: #f5fbe1 none repeat scroll 0% 50%;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 5px;
}
.success h2 {
  color: #7ba813;
}
img {
  border:  none;
}
td.main, p.main {
  padding: 4px;
}
th {
text-align: left;
}
.moduleRow {
  border: 1px solid #e6e6e6;
  line-height: 1.5;
  background-color: #e6e6e6;
}
.moduleRowOver {
  border: 1px solid #ffffff;
  background-color: #d7e9f7;
  line-height: 1.5;
}
.moduleRowSelected {
  background-color: #e9f4fc;
}
.copyright {
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
.parseTime {
  font-family: Verdana,Arial,sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}
a.copyright {
  color: #000000;
}
a.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}
#OrderStatus{
	padding-top:15px;
	padding-left:0px;
	text-align:center;
}

#OrderStatus .deactivated{
	float:left;
	background-color:#afafaf;
	width:145px;
	padding:5px 0 5px 0;
	text-align:center;
	margin:1px;
	color:#cfcfcf;
}

#OrderStatus .activated{
	float:left;
	background-color:#0d1d74;
	width:145px;
	padding:5px 0 5px 0;
	text-align:center;
	margin:1px;
	color:#fec538;
}

#DeliveryStatus{
	margin:0;
	padding:0;
	width:600px;
	text-align:center;
	clear:both;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}