
<style type="text/css">
body {
  /*background: url('images/darkbluedenim.jpg') #a9ddff;
}
 * html body {
   background: url('images/darkbluedenim.jpg') #a9ddff;*/
} 
.bluesml2 {
	font-family: "Times New Roman", Times, serif, "Book Antiqua";
	font-size: 12px;
	font-weight: bold;
	color: #0000CD;
}
.JB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000CD;
	font-weight: bold;
	text-align: center
}
.productselect {
  position: absolute;
	z-index: 1;
  top: 14px;
  left: 455px;
  width: 590px;
  height: 205px;
  padding-left: 30px;
	padding-top: 10px;
  text-align: left;
  font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
  color: #000088;
	background-color: #a9ddff;
  line-height: 15px;
  margin-top: 0px;
  border: 3px groove #db0000;
  display: none;
}
.productselect select, .productselect input {
  font-size: 14px;   
  color: #0000AD;
	padding: 1px;
}
* html .productselect {
  position: absolute;
	z-index: 1;
  top: 16px;
  left: 450px;
  width: 590px;
  height: 206px;
  padding-left: 30px;
	padding-top: 0px;
  text-align: left;
  font-size: 14px;
	vertical-align: middle;
	font-weight: bold;
  color: #000088;
	background-color: #a9ddff;
  line-height: 15px;
  margin-top: 0px;
  border: 3px groove #DB0000;
  display: none;
}
.productselection {
  position: absolute;
	width: 838px;
  top: 131px;
  left: 106px;
  text-align: left;
	vertical-align: super;
	margin-left: 44px; 
	border-top: 4px solid #ff0000;
  border-left: 8px double  #B7B7B7;
  border-bottom: 0px solid #EDF0FF;
  border-right: 8px double  #B7B7B7;
	background-color: #DCDCDC;
	padding-left: 16px;
	padding-bottom: 2px;
  font-size: 12px;
	font-weight: bold;
	color: #B88A00;
  line-height: 14px;
}
* html .productselection {
  position: absolute;
	left: 106px;
  width: 914px;
  top: 132px;
  text-align: top;
	font-weight: bold; 
	background-color: #DCDCDC;
  font-size: 14px;
  border-top: 4px solid #ff0000;
  border-left: 8px double  #B7B7B7;
  border-bottom: 0px solid #EDF0FF;
  border-right: 8px double  #B7B7B7;
	padding-left: 16px;
	padding-top: 1px;
	padding-bottom: 8px;
	margin-left: 0px;
  color: #B88A00;
	line-height: 13px;
}
.productselection input {
  color: #000088;
	font-size: 8px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 0px;
}
* html .productselection input {
  color: #000088;
	font-size: 9px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 0px;
}
.rowhead {
  width: 82px;
	height: 16px;
  padding-right: 4px;
	padding-top: 1px;
  margin-bottom: 1px;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  float: left;
}
.rowdata {
  width: 300px;
	height: 16px;
  margin-bottom: 1px;
  text-align: left;
  font-size: 12px;
  float: left;
}
.rowdata select option {
  font-size: 12px;
}
/*.pocketoverlay {
  display: none;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 15px;
  height: 40px;
}
* html .pocketoverlay {
  display: none;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 15px;
  height: 40px;
}*/
.pictureoverlay {
  display: none;
  position: absolute;
  top: 200px;
  left: 48px;
  width: 589px;
  height: 554px;
  text-align: center;
  padding-bottom: 90px;
}
* html .pictureoverlay {
  display: none;
  position: absolute;
  top: 220px;
  left: 45px;
  width: 589px;
  height: 554px;
  text-align: center;
  padding-bottom: 90px;
}
.fullpictureoverlay {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
	border: 8px double #B0C4DE;
  text-align: center;
  padding: 20px;
  background-color: #ccddff;
  vertical-align: middle;
}
* html .fullpictureoverlay {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
	border: 8px double #B0C4DE;
  text-align: center;
  padding: 20px;
  background-color: #ccddff;
  vertical-align: middle;
}
.boxlist {
  position: absolute;
  top: 170px;
  left: 101px;
  width: 969px;
  height: 640px;
	color: #0000CD;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	background-color: #ffffff;
  border-top: 1px thin #BFEFFF;
  border-left: 5px solid #B0C4DE;
  border-bottom: 5px double #B0C4DE;
  border-right: 7px double #F5F7FF;
  overflow-y: auto;
  margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;  
}

* html .boxlist {
  position: absolute;
  top: 160px;
  left: 96px;
  width: 949px;
  height: 676px;
	font-size: 12pt;
	background-color: #ffffff;
  border-top: 0px thin #BFEFFF;
  border-left: 5px solid #B0C4DE;
  border-bottom: 5px double #B0C4DE;
  border-right: 7px double #F5F7FF;
  color: #0000CD;
  overflow-y: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
}
.boxmsg {
  position: absolute;
  top: 158px;
  left: 110px;
  width: 912px;
  height: 12px;
	text-align: center;
	background-color: #EDF0FF;
	border-top: 8px double  #B7B7B7;
  border-left: 8px double  #B7B7B7;
  border-bottom: 8px double  #B7B7B7;
  border-right: 8px double  #B7B7B7;
  padding-top: 1px;
	padding-left: 20px;
	padding-bottom: 2px;
	margin: 0px;
  color: #0000CD; 
  font-size: 10px;
}
* html .boxmsg {
  position: absolute;
  top: 160px;
  left: 108px;
  width: 914px;
  height: 14px;
	text-align: center;
	vertical-align: bottom; 
	border-top: 0px double  #B7B7B7;
  border-left: 8px double  #B7B7B7;
  border-bottom: 8px double  #B7B7B7;
  border-right: 8px double   #B7B7B7;
	background-color: #EDF0FF;
  padding-top: 1px;
	padding-left: 2px;
	margin: -2px; 
	padding-bottom: 2px;
  color: #0000CD;
  font-size: 11px;	  
}
.boxheader {
  width: 938px;
	background-color: #0000AD;
  color: #ffffff;
	font-weight: bolder;
	text-align: left;
	align: top;
  border-top: 3px double #a9ddff;
  border-left: 0px solid  #EDF0FF;
  border-bottom: 0px double #a9ddff;
  border-right: 3px solid  #EDF0FF;
  padding-bottom: 2px;
	padding-top: 1px;
	padding-left: 4px;
	margin-left: 5px;
	margin-bottom: 1px;
  font-family: times;
	font-size: 12px;
}
* html .boxheader {
  width: 916px;
	background-color: #0000AD;
  color: #ffffff;
	text-align: absmiddle;
	font-weight: bolder;
  border-top: 3px double #a9ddff;
  border-left: 5px solid  #EDF0FF;
  border-bottom: 0px groove #a9ddff;
  border-right: 3px solid #EDF0FF;
  padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 2px;
	margin-bottom: 2px;
  margin-left: 0px;
	font-family: times;
	font-size: 14px;
}
.boxheader input {
  font-size: 10px;
  color: #0000AD;
}
* html .boxheader input {
  font-size: 12px;
  color: #0000AD;
}

.boxdetail {
  padding-left: 1px;
	padding-top: 1px;
  width: 53%;
  float: left;
  font-size: 10pt;
	font-color: #000088;
}
* html .boxdetail {
  padding-left: 1px;
	padding-top: 1px;
  width: 50%;
  float: left;
	text-align: center;
  font-size: 11pt;
	font-color: #000088;
}

.boxphoto {
  padding: 2px;
	width: 42%;
  float: right;
	border: 0px solid red;
	background-color: #EDF0FF;
	margin-right: 5px;
}
* html .boxphoto {
	width: 43%;
	padding: 2px;
  float: right;
	margin-right: 2px;
	border: 0px solid red;
	background-color: #EDF0FF;
}
.boxwindow {
  display: none;
	background-color: #a9ddff;
	text-align: left;
	overflow-y: auto;
  border-top:0px double #F5F7FF;
  border-left:0px double #F5F7FF;
  border-bottom: 0px double #F5F7FF;
  border-right: 0px double #F5F7FF;
  position: absolute;
  top: 100px;
  left: 100px;
  width: 926px;
  height: 904px;
  padding: 10px;
}
* html .boxwindow {
  display: none;
	background-color: #a9ddff;
	text-align: left;
	overflow-y: auto; 
  border-top: 0px double #F5F7FF;
  border-left: 0px double #F5F7FF;
  border-bottom: 0px double #F5F7FF;
  border-right: 0px double #F5F7FF;
  position: absolute;
  top: 92px;
  left: 100px;
  width: 908px;
  height: 984px;
  padding: 10px;
}
.slideshow {
  position: absolute;
  top: 140px;
  left: 5px;
  width: 86px;
  height: 674px;
  overflow-y: hidden;
  border-top: 0px solid #DB0000;
  border-left:  7px double #0000AD;
  border-bottom: 5px double #0000AD;
  border-right: 7px double #0000AD;
  background-color: #a9ddff;
  padding-left: 4px;
  display: none;
}
* html .slideshow {
  position: absolute;
  top: 140px;
  left: 5px;
  width: 87px;
  height: 696px;
  overflow-y: hidden;
  border-top: 0px solid #DB0000;
  border-left: 7px double #0000AD;
  border-bottom: 5px double #0000AD;
  border-right: 7px double #0000AD;
  background-color: #a9ddff;
  padding-left: 1px;
  display: none;
}
.slideshowheader {
  position: absolute; 
	z-index: 3;
  top: 0px;
  left: 1px;
  width: 128px;
  height: 118px;
  border-top:  0px double #B0C4DE;
  border-left:  0px double #B0C4DE;
  border-bottom: 0px solid #DB0000;
  border-right:  0px double #B0C4DE;
}
* html .slideshowheader {
  position: absolute;
	z-index: 3;
  top: 1px;
  left: 1px;
  width: 130px;
  height: 120px;
  border-top:  0px double #B0C4DE;
  border-left:  0px double #B0C4DE;
  border-bottom: 0px solid #DB0000;
  border-right:  0px double #B0C4DE;
}
.login {
  position: absolute;
  top: 12px;
  left: 132px;
  width: 400px;
  background-color:#ddd;
  display: none;
}
* html .login {
  position: absolute;
  top: 12px;
  left: 132px;
  width: 400px;
  background-color: #ddd;
  display: none;
}

</style>