body 
{
  background-color:#0d3340; /*#66d9ff; /* #ebfaff; */
  /* font-size: 11; */
  font-family: "ITC Officina Sans Std Book", Arial, "Century Gothic", "MS Sans Serif", "Tw Cen MT";
  /* font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;*/
  color: #05141a; 
  padding:0px;
  margin:0px;
}

a {color: #0d3340;} 
a:visited {color:#0d3340;}
a:hover {color: #05141a;}
a:active { color:#000000;}

h1 
{
  font-size: 11px;
  text-transform:uppercase;
  background-color: #33ccff; 
  border-top:1px solid #05141a; 
  border-bottom:1px solid #05141a; 
  padding:5px 15px;
  margin:0px;
}

h2 {
  font-size: medium; /* 20px; */
  font-weight: normal;
  padding: 5px 10px;
  margin:0px;
}

h3 
{
  color: #0d3340;
  font-size:36px; /* 20px; */
  font-weight: bolder; /*normal;*/
  font-style:italic;
  padding: 5px 10px;
  margin:0px;
}

h4
{
  font-size: 10px;
  /* text-transform:uppercase; */
  background-color: #33ccff; 
  border-top:1px solid #05141a; 
  border-bottom:1px solid #05141a; 
  font-weight:lighter;
  /*padding:5px 15px; */
  margin:0px;
  text-align:center;  
}

h5
{
  color: #0d3340;
  font-size:20px; /* 20px; */
  font-weight: bolder; /*normal;*/
  font-style:normal;
  padding: 5px 10px;
  margin:10px 10px 10px 10px;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container 
{
  width: 900px;
  padding:0px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner 
{
  text-align: center; /* right;*/
  background-color: #ebfaff; /*#ccf2ff;*//*#e1ddd9;*/
  padding: 0px;
  margin: 0px; 
}

#banner h3
{
  text-align: left;
}

#banner h1
{
  text-align: center;
  font-size:medium;
}


#banner img {padding:10px 0px;} 

/* ----------outer and inner----------------- */
#outer
{ 
  border-left: solid 160px #ccf2ff;
  background-color: #ffffff; 
} 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left 
{
  width:160px; 
  float:left; 
  position:relative; 
  margin-left:-160px; 
  margin-right:1px;
}
/* --------------------------------------------- */
/* --------------menu template------------------ */
#menu {
	/* background: #333; */
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; /* 12em*/
}
#menu li 
{
  font-family: "ITC Officina Sans Std Book", Arial, "Century Gothic", "MS Sans Serif", "Tw Cen MT";
	/* font: Verdana, Arial, Helvetica, sans-serif; */
	
}
#menu a 
{
	border-bottom: 1px solid #1A6680; 
	color: #05141a; 
	display: block;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
	background: #2699BF url("images/hover.gif") left center no-repeat; 
	color: #fff;
	padding-bottom: 8px;
}
/* ------------end menu template---------------- */
/* --------------------------------------------- */

/* -----------------content--------------------- */
#content
{ 
  position: relative; 
  margin: 0px;
}

p
{
  padding: 5px 10px;
  margin:0px; 
}

pre
{
  font-size: 12px;
  padding: 5px 10px;
  margin:0px;
}

/*form.frmHome #content td.welcome, form.frmHome #content td.news
{
  width:90%;
}*/

form.frmHome #content table, form.frmHome #content tr, form.frmHome #content td
{
  width:95%;
}

/*  ----------------footer---------------------- */ 
#footer 
{
  clear:left;
  padding:0px;
  margin:0px;
  text-align: right; 
} 

/*  ----------------table---------------------- */ 
thead, tr#header
{
  background-color:#66d9ff;
}

tr.striped
{
  background-color:#CCf2ff; /*#66D9FF;*/
}

table#loginTable
{
  font-size:small;
  width: 400px;
}

table.table500
{
  font-size:small;
  width: 500px;
}

table.orders, table invItems
{
  font-size:smaller; 
  width: 700px;
  /* border: solid 2px;  */
  margin:0 0 0 10px;
}

table.orders td
{
  font-size:small;
}

table.orders td.ordercol1, table.orders td.ordercol4, table.orders td.ordercol5
{
  width: 17%;
}

table.orders td.ordercol2
{
  width: 27%;
}


table.orders td.ordercol3,table.orders td.ordercol6
{
  width: 8%;
}

table.orders td.ordercol7, table.orders td.ordercol8
{
  width: 5%;
}


td.label150
{
  margin-left:10px;
  padding-left:10px;
  width: 150px;
  font-weight:bold;
}

td.label150r
{
  margin-left:20px;
  padding-left:20px;
  width: 150px;
  font-weight:bold;
  text-align:right;
}

td.label200
{
  margin-left:20px;
  padding-left:10px;
  width: 200px;
  font-weight:bold;
}

td.label200r
{
  margin-left:20px;
  padding-left:20px;
  width: 200px;
  font-weight:bold;
  text-align:right;
}

td.label200lpad20
{
  margin-left:20px;
  
  padding: 0 0 0 20px;
  width: 200px;
  font-weight:bold;
}

td.label250
{
  margin-left:20px;
  padding-left:20px;
  width: 250px;
  font-weight:bold;
  text-align:left;
}
td.label250r
{
  margin-left:20px;
  padding-left:20px;
  width: 250px;
  font-weight:bold;
  text-align:right;
}

td.label400
{
  margin-left:20px;
  padding-left:20px;
  padding-bottom:20px;
  width: 400px;
  font-weight:bold;
  text-align:left;
}

/* take out of table and change to p.labelTitle 
   for top header in content arear            */
/* td.label460       
{
  margin:0 0 0 20px;
  padding:0 0 0 20px;
  width: 460px;
  font-weight:bold;
  text-align:left;
}
*/

td.text200
{
  margin-left:10px;
  padding-left:10px;
  width: 200px;
  font-weight:normal;
  text-align:left;
}

td.text200 input
{
  width:80%;
}

td.text300
{
  margin-left:10px;
  padding-left:10px;
  width: 300px;
  font-weight:normal;
  text-align:left;
}

td.text300 input
{
  width:90%;
}

td.text300 input#po
{
  width:50%;
  padding-right:30px;
}

td.text300 input#searchBtn
{
  width:30%;
  margin-left:10px;
}

td.text300 textarea
{
  width:460px;
  min-height:100px;
}

td.btn200
{
  margin-left:10px;
  padding:10px 0 0 10px;
  /* padding-left:10px; */
  width: 200px;
  font-weight:normal;
  text-align:left;
  /*border:solid 2px;*/
}

td.centtoppad
{
  padding:10px 0 0 10px;
}

td.welcome
{
  margin-left:20px;
  padding-left:20px;
  /*padding: 5px 10px;
  margin:10px 10px 10px 10px;
  /*margin-left:20px;
  padding:10px 0 0 10px;*/
}

td.news
{
  margin-left:20px;
  padding-left:20px;
  color:Blue;
  
  /*padding: 5px 10px;
  margin:10px 10px 10px 10px;

  /*margin-left:20px;
  padding:10px 0 0 10px;*/
}

/*  --------------paragraphs---------------------- */  

div#content p.labelTitle
{
  margin:0 0 0 0px;
  padding:0 0 0 10px;
  /* padding-bottom:20px; */
  width: 460px;
  font-weight:bold;
  text-align:left;
}
div#content p.labelSearch
{
  margin:0 0 0 0px;
  padding:0 0 0 10px;
  /* padding-bottom:20px; */
  width: 460px;
  font-size:small;
  font-weight:bold;
  text-align:left;
}

div#content p.dlgItem
{
  width: 450px;
  font-size:small;
  font-weight:bold;
}
div#content p.dlgItem span.dlgItemLabel
{
  width: 200px;
  text-align:right;
  
}

/*  --------------------------------------------- */

/*  -----------------input text------------------ */
input#invKeys
{
  width:450px;
  padding-right: 20px;
}

input.dlgInputStd
{
  width:200px;
  padding-right: 20px;
}
/*  --------------------------------------------- */

/*  ----------------buttons---------------------- */
input.btnReset
{
  padding: 0px 10px 0 10px;
  margin:0px;
  font-weight:normal;
}
input.btnSubmit
{
  padding: 0 5px 0 5px;
  font-weight:normal;
  margin:0px;
}
input#rstBtn
{
  padding: 0px 10px 0 10px;
  margin:0px;
  font-weight:normal;
}
input#smtBtn
{
  padding: 0 5px 0 5px;
  font-weight:normal;
  margin:0px;
}

input#smtBtnMA, input#cancel
{
  padding: 0 10px 0 10px;
  font-weight:normal;
  margin:0px 10px 0 20px;
}

input.searchBtn
{
  padding: 0 5px 0 5px;
  font-weight:normal;
  margin:0px;
}

/*  ----------------paragraphs---------------- */
p.errorMsg1
{
  font-weight:bold;
  font-size:16px;
  color:Red;
}

/*  ----------------spans---------------- */
span.errormsg
{
  visibility:hidden;
  font-weight:bold;
  color:Red;
}
  
/*  ----------------selects-------------- */
select#selectType
{
  width: 300px;
}

input.dlgText { width:200px; }

/*  ----------------test-------------- */
div#content label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-size: small;
  /* font-weight:bold; */
}


div#content input.inputText{
  width: 260px;
  margin: 0 0 0 10px;
  font-size: small;  
}

/* div#orderDetails span {
  width: 100px;
  font-size: small;  
  font-weight: bold;
  background-color: #BBBBBB ;
}
*/
div#orderDetails label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-size: small;  
}
/*
div#orderDetails label.right {
  display:inline-table;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-size: small;  
}
*/

.emailTitle
{
  width: 300px;
  padding: 10px 0 10px;
  margin: 0 0 5px 0;
  text-align: left;
  font-weight:bold;
  font-size:small;
}

 div#orderDetails input.inputText{
  width: 260px;
  margin: 0 0 0 10px;
  font-size: small;  
}  

/*div#orderDetails input.inputTextW
{
  width: 500px;
  margin: 0 0 0 10px;
  font-size: small;  
}*/

/*div#orderDetails input#shipTo
{
  width: 500px;
  margin: 0 0 0 10px;
  font-size: small;  
}*/

/*div#orderDetails select, div#orderDetails textarea
{
  width: 500px;
  margin: 0 0 0 10px;
  font-size: small;  
}
*/
div#orderDetHdr
{
  border-bottom:solid 1px;
  width: 750px;
}

div#orderDetHdr span, div#orderDetHdrData span
{
  display:inline-block;
  width: 100px;
  font-size: small;  
}

span.orderDetHdrCol1
{
  /*width:200px;*/
  width:200px;
}
span.orderDetHdrCol2, span.orderDetHdrCol3, span.orderDetHdrCol4, span.orderDetHdrCol5,
span.orderDetHdrCol6, span.orderDetHdrCol7
{
  display:inline-table;
  width:50px;
}

div#orderDetDet
{
  border-bottom:solid 1px;
  /*width: 700px;*/
  width: 750px;
}

div#orderDetDetData
{
 /* width: 700px;*/
  width: 750px;
}

div#orderDetDet span.orderDetDetCol
{
  display:inline-block;
  width: 90px;
  font-size: small;
  margin:0;
  padding:0;
}

div#orderDetDetData span.orderDetDetCol
{
  display:inline-block;
  width: 100px;
  font-size: small;
  margin:0;
  padding:0;
}

div#orderDetDet span.orderDetDetCol2, div#orderDetDetData span.orderDetDetCol2
{
  display:inline-block;
  width: 250px;
  font-size: small;  
  margin:0;
  padding:0;
}

div#orderDetDet span.orderDetDetCol3, div#orderDetDetData span.orderDetDetCol3
{
  display:inline-block;
  width: 180px;
  font-size: small;
  margin:0;
  padding:0;
}

div#orderDetDet span.orderDetDetCol4, div#orderDetDetData span.orderDetDetCol4
{
  display:inline-block;
  width: 170px;
  font-size: small;
  margin:0;
  padding:0;
}

div#orderShipTrack
{
  /*border-bottom:solid 1px; */
  width: 750px;
  font-weight:normal;
  padding-bottom:20px;
}

div#orderShipTrack span
{
  display:inline-block;
  width: 130px;
  font-size: small;  
  vertical-align:top;
  text-align:right;
  margin: 0 15px;
}

div#orderShipTrack span.left
{
  width: 125px;
}

div#orderShipTrack span.right
{
  width: 100px;
}

div#orderShipTrack textarea   /* #shipTo, div#orderShipTrack select */
{
  display:inline-block;
  width: 180px;
  /*font-size: small;  */
  font-size:small;  
  /*padding: 0 0 20px; */
  /* margin:0; */
  vertical-align:top;
}

div#orderDetDetEMail
{
  /*border-bottom:solid 1px; */
  width: 750px;
  font-weight:normal;
  padding-bottom:20px;
}

/*div#orderDetDetEMail span
{
  display:inline-block;
  width: 100px;
  font-size: small;  
}*/

div#orderDetDetEMail span
{
  display:inline-block;
  width: 130px;
  font-size: small;  
  vertical-align:top;
  text-align:right;
  margin: 0 15px;
}

div#orderDetDetEMail span.left
{
  width: 125px;
}

div#orderDetDetEMail textarea   /* #shipTo, div#orderShipTrack select */
{
  display:inline-block;
  width: 500px;
  /*font-size: small;  */
  font-size:small;  
  /*padding: 0 0 20px; */
  /* margin:0; */
  vertical-align:top;
}

 div#orderDetDetEMail input.inputText
{
  width: 260px;
  margin: 0 0 0 0px;
  font-size: small;  
}

/*span.orderDetDetCol1,  span.orderDetDetCol2
span.orderDetDetCol3, span.orderDetDetCol4,
span.orderDetDetCol5
{
  width:100px;
}
*/

/*span.orderDetDetCol2
{
  width:200px;
}
*/
 

div#orderDetails
{
  width:600;
}

div#divEmail
{
  width: 700px;
}

div#divEmail textarea   /* #shipTo, div#orderShipTrack select */
{
  display:inline-block;
  width: 500px;
  font-size:small;  
  vertical-align:top;
  padding-left:10px;
}

div#divEmail input.inputText
{
  padding:0;
  margin:0;
}

div#divMyAccount
{
  width: 600px;
}

div#divEmail label, div#divMyAccount label
{
  font-weight:bold;
}