body
{
	margin: 0;
	padding: 0;
	font: 11px Arial,Verdana, sans-serif;
	background:#ffebd0;
	background-image: url(images/BGround.jpg);
	
}


a
{
	text-decoration: none;
	color:#064A9D;
}

a:hover
{
	text-decoration: underline;
}

#divFooter
{
	text-align: right;
	width: 100%;
}

#divHeader{
	padding:0;
	margin-left:2px;
	height:110px;
	width:620px;
	text-align:left;
	float:right;
	overflow:auto	  ;
	color:Black;
	vertical-align:bottom
}

  #divLogo {
	float:left;
    background:url(images/Storage_Chest_Logo_1.png) no-repeat;
	background-position: right;
    height:110px;
    width:365px;
    overflow:auto
}

.divContentArea{
background-image:url(images/grade_1.png);
background-repeat:repeat-x;
float:left;
width:997px;
top:111;
}

#divContent{
margin:0;
text-align: right;
width:998px;
 top:112;
}

#divSearch
{

	text-align: left;
	color: black;
	vertical-align:middle;
}

.clsSearch { 
position:relative;
float:left;
clear:right;
}

#divFooter li
{
padding:.5em;
display: inline;
list-style-type: none;

}



#divLeftNav {
	float:left;
	width:134px;
	margin:0;
	padding:0;
}


#divLeftNav li {
	list-style-type: none;
	width:100px;
	padding:0;
	margin:0;
	text-decoration:none;
}


#divFooter {
float:left;
text-align:center;
background:#fff;
background-image: url(images/Grade_1b.png);
background-position:bottom ;
width:100%;
height: 50px;
}

#divFooter a
{
	padding-top: 20px;
}


#divLogo a {
  height: 110px;
  width: 365px; 
  text-indent: -10000px;
  text-decoration::none;
  display:block;

}

#divMainBody {
background-color:white;
width:998px;
margin:0 auto;

overflow:auto;
}



.clear {clear:both;}

.clsGrid
{
	
	padding:0;
	border:solid 1px black;
	text-align:center;
	margin-top:20px;
}

.clsGrid p
{
	padding:.5em;
	margin:0;
	text-align:right;
	color:White;
	background-color:#204797;
	border-bottom:solid 1px black;

}

.clsGrid table td
	{
		font-size: 12px;
		padding: 5px;
		cursor: pointer;
	}


.clsDisplay
{
	background-color:White;
	padding:0;
	margin: 0;
	border:solid 1px black;
	text-align:left;
	margin-top:20px;
	position:absolute;
	float:right;
}

.clsDisplay p
{
	padding:1px;
	margin:0;
	text-align:right;
	color:White;
	background-color:#204797;
	border-bottom:solid 1px black;

}



.theGridcls
{
	padding:.5em;
	cursor:default;
}

.AltRow
{
		font: 11px arial,verdana,Helvetica,sans-serif;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: #ffffcc;
	text-align:left;
	vertical-align:top;
	cursor:default;
}

.gridRow
{
		font: 11px arial,verdana,Helvetica,sans-serif;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	text-align:left;
	vertical-align:top;
	cursor:default;
}

.gridHeader
{
	font: 11px arial,verdana,Helvetica,sans-serif;
	font-weight: bold;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	text-align: center;
	vertical-align: top;
	background-color: #ccff99;
	
}

button.clsCal
{
	background-image: url(images/Calendar-Logo-16x16.png);
}
 

#shipTitle
{
	float: left;
	width: 25%;
	margin-left: 2em;
	margin-right: 0.2em;
	padding-top: 0.2em;
	text-align: left;
	font: bold 11px  Arial, Verdana, sans-serif;
}

.clsGrid span
{

	width:65%
	
}

 .clsGrid input
{

	width:40%
	
}

 .clsGrid select
{

	width:40%
	
}

.clsOrder
{
	padding:0;
	border:solid 1px black;
	text-align:center;
	margin-top:20px;
	float:left;
	width:495px	 ;
	overflow:auto;
}

.clsOrder p
{
	padding:.5em;
	margin:0;
	text-align:right;
	color:White;
	background-color:#204797;
	border-bottom:solid 1px black;

}		

.clsOrder input
{
 	width: 325px;
	left:	 10px;
	font: 11px Arial, Verdana, sans-serif;
	display:table-cell;

}

.clsOrder select
{
	font: 11px Arial,Verdana,  sans-serif;
	display:table-cell;

}

.clsOrder label
{
 	width: 140px;
	display:inline-block;
	text-align: left;
	font: bold 11px Arial,Verdana,  sans-serif;
	
}

.clsFulfillment label
{
 	width: 130px;
	display:inline-block;
	text-align: left;
	font: bold 11px  Arial,Verdana, sans-serif;
	
}


.clsFulfillment
{
	padding:0;
	border:solid 1px black;
	text-align:center;
	margin-top:20px;
	float:right;
	width:495px	  ;
	overflow:auto;
}

.clsFulfillment p
{
	padding:.5em;
	margin:0;
	text-align:right;
	color:White;
	background-color:#204797;
	border-bottom:solid 1px black;

}

.clsFulfillment input
{
 	width: 345px;
	left:	 10px;
	font: 11px Arial,Verdana,  sans-serif;
	display:table-cell;

}


.clsShadow{
	padding:0;
	background-color:Silver;
	position:relative;
	width:900px	  ;
	top:-7px;
	left:27px;
	
}
	   
.clsCustomerView
{
	padding:0;
	border:solid 1px black;
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	width:900px	  ;
	overflow:auto;
	display:block;
	position:relative;
	background:white;
	z-index:99;
}

.clsCustomerView p
{
	padding:.5em;
	margin:0;
	text-align:right;
	color:White;
	background-color:#204797;
	border-bottom:solid 1px black;

}

.clsCustomerView input
{
 	width: 345px;
	left:	 10px;
	font: 11px Arial,Verdana,  sans-serif;
	display:table-cell;

}

.clsCustomerView label
{
 	width: 170px;
	display:inline-block;
	text-align: left;
	font: bold 11px Arial, Verdana, sans-serif;
	vertical-align:top;
	
}
		
.clsCustomerView span
{
 	left:171px;
 	width:400px;
	display:inline-block;
	text-align: left;
	font: 11px Arial, Verdana, sans-serif;
 
}

.clsCustomerView input
{
	margin:0;
	padding:0;
	display:inline-block;
	text-align: left;
	font: 11px Arial, Verdana, sans-serif;
}
		
#divTitle
{
  left:inherit ;
	display:inline-block;
	text-align: left;
	font: 11px Arial, Verdana, sans-serif;
	
}

/*Styles for popup textboxes*/
#txtQuantity
{
	display:none;
	width:25px;
	font: 11px Arial, Verdana, sans-serif;
	position:relative;
	height:20px;
	top:0;
	left:171px;
}

#lblQuantity
{
	display:block;
	width:25px;
	font: 11px Arial, Verdana, sans-serif;
	position:relative;
		height:20px;
	top:0;
	left:171px;
}

#clsQty
{
  left:inherit ;
	display:inline-block;
	text-align: left;
	font: 11px Arial, Verdana, sans-serif;
	
}