body {
/*   background:#EEEEE7;
   margin:0;*/
   font-size:9pt;
   font-family:arial ;
/*   text-align:center;
   padding:0px 5px 5px 5px;*/
}

a { color: black }
a:link { color: black }
a:visited { color: black }

INPUT {
	font-family:arial;
	font-size: 9pt ;
	}
SELECT { font-family:arial ;
	 font-size: 9pt ;
	}
.OrderHeader {
	font-family:arial ;
	font-size: 9pt ;
	font-weight:bold;
	padding-left:5px;
}
.OrderHelpText{
	font-family:arial ;
	font-size: 8pt ;
	font-weight:bold;
	color:gray;
}
.FieldLabelCell {
	font-family:arial;
	font-size: 9pt;
	padding-left:5px;
	text-align:right;
}
.PayInfo {
	font-family:arial ;
	font-size: 9pt ;
	padding-left:45px;
}

#page {
   background:#fff;
/*   margin:0 auto;*/
   width:765px;/*770px;*/
   text-align:left;
   padding-bottom:10px;
}
#header {
   float:left;
   width:765px;/*770px;*/
}

#logo {
   float:left;
   display:block;
   padding-top:26px;
   width:150px;
   padding-left:5px;
}

html>body #logo {
   width:145px;
}

#logoText{
   float:left;
   background:url("images/headingtop.gif");
   border-top:1px solid rgb(198, 226, 255);
   border-left:1px solid rgb(198, 226, 255);
   border-bottom:1px solid rgb(198, 226, 255);
   width:613px;/*618px;*/
}

#logoTextList{
   float:left;
   width:613px;/*618px;*/
}

#logoTextEntry{
   float:left;
   width:613px;/*618px;*/
}

#LogoTextLeftCorner{
   float:left;
   width:31px;
   height:34px
}

#corpTopText{
   float:left;
   padding-top:5px;
   padding-bottom:2px;
   font-family:arial;
   font-size: 12pt ;
   font-weight:bold;
   color:white;
   padding-left:15px;
}

#corpBottomText{
   float:left;
   padding-top:5px;
   padding-bottom:2px;
   font-family:arial;
   font-size: 9pt ;
   font-weight:bold;
   color:white;
   padding-left:15px;
}

#logoTextLeftBlank{
   float:left;
   width:32px;
   height:26px
}


#content {
   float:left;
   width:765px;/*770px;*/
}

#content-main {
   float:right;
   width:583px;/*588px;620px;*/
/*   padding-left:32px;*/
}

html>body #content-main {
   width:583px;/*588px;*/
}

#content-side {
   float:left;
   width:182px;/*150px;*/
}

#nav {
   float:left;
   width:182px;/*150px;*/
   margin:0px;
   padding:25px 0px 0px 10px;   
}

html>body #nav {
   width:172px;/*140px;*/
}

#nav ul {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   list-style: none ;
}

#nav ul li { 
   float: left ;
   margin: 0px;
   padding: 0px;
   display:block;
   width:172px;/*140px;*/
   background:url("images/bullet.gif") left top no-repeat;
   list-style-type:none   
}

#nav ul li.current { 
   background:url("images/bullet_on.gif") left top no-repeat;   
}

#nav ul li a {
   display: block ;
   padding:0px 0px 18px 18px;
   text-decoration:none;
   width:172px;/*140px;*/
   font-size:9pt; /*7pt;*/
}
html>body #nav ul li a {
   width:154px;/*122px;*/
}

#nav ul li.current a{
   font-weight:bold;
}

#nav ul li a:hover {
   text-decoration:underline;
}


#PageHeader {
   float:left;
   background:url("images/pageheadingbg.gif") repeat-x;
   font-weight:bold;
   padding-top:50px;
   font-size:14pt;
   width:582px;/*587px;*/
   padding-left:25px;
   color:rgb(0, 104, 139 );
}

html>body #PageHeader {
	width:557px;/*562px;*/
}

#PageHeaderUnderLine {
   float:left;
   width:582px;/*587px;*/
   padding-left:20px; 
}

html>body #PageHeaderUnderLine {
   width:562px;/*567px;*/
}

#PageContent {
   float:left;
   width:582px;/*587px;*/
   padding-left:20px;
   padding-right:0px;
   line-height:1.5em;   
   margin-top:5px;
   font-size:9pt;
 
}

html>body #PageContent {
   width:562px;/*557px;*/   
}

.supText {
   font-size:7pt;
   color:gray;
}

.PageDescription {
   margin-bottom:10px;
}

.HomeProductList {
   margin-bottom:10px;
}

.ProductEntry {
}

.ProductEntryLink {
   padding-top:15px;
   font-weight:bold;
   display:block;
}

.ProductEntryDescription {
   display:block;
}

.AboutUsDescription {
   float:left;
   width:347px;
}

.AboutUsImage {
   float:right;
}

.ContactUsDescription {
   float:left;
   width:250px;
}

.ContactUsImage {
   float:right;
}

.Services {
   font-size:9pt;
   line-height:1.5em;
}

.Colored{
   font-size:9pt;
   line-height:1.5em;
}

.fluorescent{
   font-size:9pt;
   line-height:1.5em;
}

.NIR{
   font-size:9pt;
   line-height:1.5em;
}
.Phosphorescent {
   font-size:9pt;
   line-height:1.5em;
}

.magnetic {
   font-size:9pt;
   line-height:1.5em;
}

.order {
   font-size:9pt;
   line-height:1.5em;
}

.orderComplete {
   font-size:9pt;
   line-height:1.5em;
}

.ProductCatName {
   padding-top:5px;
}
.ProductList{
   border-top:1px solid black;
   padding-top:5px;
   border-bottom:1px solid black;
   display:none;
}

.FN{
   padding-left:5px;
   font-size:9pt;
   text-align:center; 
   border-bottom:1px solid black;
   width:587px;
}

html>body #PageContent {
   width:552px;/*557px;*/
}


.FV{
   padding-left:5px;
   padding-top:5px;
   font-size:9pt;
   text-align:center;   
}
.CatColumn{  padding-left:5px;
             padding-top:5px;
             font-size:9pt;
             text-align:left;
          }
.DescriptionColumn{  padding-left:5px;
                     padding-top:5px;
                     font-size:9pt;
                     text-align:left;
                  }
.PriceColumn{  padding-left:5px;
                     padding-top:5px;
                     font-size:9pt;
                     text-align:right;
            }	
.ToolBar {
	float:right;
	font-size:11px;
	font-weight:bold;	
}
/*---------Order Details & Order Summary ------------------------------*/
.dataTable {border-collapse: collapse;}
.dataTable TD {font-size: 9pt; border: 1px solid #aaa; padding: 5px 10px 5px 10px; background-color: #fff;}
.dataTable TD.moneyColumn {text-align: right;}
.dataTable TD INPUT {font-size: 9pt;}
.dataTable TD.orderDetailHeader {font-weight: 700; background-color: #cde;}
.dataTable TD.headerMoneyColumn {font-weight: 700; background-color: #cde; text-align: right;}
.dataTable TR.summary TD {background-color: #efefef; border-color: #efefef; text-align: right; padding-right: 0px;}
.dataTable TR.summary TD.button {background-color: #efefef; border-color: #efefef; text-align: left; padding-left: 0px;}
.dataTable TR.summary TD.moneyColumn {text-align: right; padding-right: 10px; white-space: nowrap;}
.dataTable TR.summary TD.moneyColumnEmphasis {font-weight: bold; text-align: right; padding-right: 10px; white-space: nowrap}
.dataTable TD.spacer {border: 1px solid #fff; padding: 0px;}
.dataTable TD.spacerGrey {border: 1px solid #aaa; padding: 0px;}

.dataTable TD.noGrid {border-style: none; padding: 5px 10px 5px 0px;}
.dataTable TD.noGridSummary {border-top: 2px solid #aaa; border-right: none; border-bottom: none; border-left: none; padding: 5px 10px 5px 0px;}

/* to control margins around OrderDetails Table */
#orderDetailsArea {margin: 5px 0px 10px 0px;}

/* to handle the subscription note area in OrderDetails component */
#orderDetailsArea .note {margin: 10px 0 5px 0;}

#orderDetailsArea .heading {padding: 20px 0 0 0;font-weight: 700;}

.modularContentArea {margin-top: 10px; margin-bottom: 12px;}

.clear {
   clear:both;
}
#footer {
	border-top:1px solid #AAAAAA;
	margin-top:20px;
	padding-top:5px;
	margin-left:197px;
	text-align:center;
	font-size:7pt;	
	clear:both;
}

#navimage {
   float:left;
   margin:5px;
   padding:0px 0px 0px 10px;   
}