v\:* 
  {
  behavior: url(#default#VML)
  }
span.inline form {
	display:inline;
}
html, body {
  height: 100%;
  }

body {
  FONT-FAMILY: Verdana,Helvetica,Arial;
  BACKGROUND-COLOR: #ffffff;
  text-align: left;
  margin: 0;
	padding: 0;
	color: #000000;
  }
  
body.Help {
  BACKGROUND-COLOR: #ffff01
  }
  
body.IFrame {
  BACKGROUND-COLOR: #FFF;
  background-image: none;
  text-align: center;
  margin: 0;
  border-style: none;
  }

textarea {
  FONT-FAMILY: Verdana,Helvetica,Arial;
  COLOR: #000000;
  FONT-SIZE: 11px;
  }

table	{
	BORDER-STYLE :none ;
  margin: 0px;
	}

table.InputForm {
	PADDING: 0px;
	BORDER-STYLE :none ;
  margin: 0px;
  vertical-align: top;
	}

table.List {
	BACKGROUND-COLOR: #ffffff;
	PADDING: 0px;
	BORDER-STYLE :none ;
  margin: 0px; 
	}

.Exception	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	PADDING: 0px;
	BORDER-STYLE :none ;
	BACKGROUND-COLOR: #C60111;
	}

.ODMenu	{
	PADDING: 7px;
	margin: 0px;
	line-height: 0;
	}
	
ul.ODMenu li a, ul.ODMenu li a:link, ul.ODMenu li a:visited, ul.ODMenu div, div.ODMenu {
  font: normal 9pt Arial;
  color: navy;
  }

ul.ODMenu li a:hover {
  text-decoration: underline;
  }

ul.ODMenu	{
  list-style: none;
	}
	
.ODMenu li.separator {
  height: 1px;
  line-height: 1px;
  padding: 0;
  margin: 0px 0 0px 0;
  background: #ABABAB;
  }

/* LEFT OFF HERE */
.Heading {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000;
	PADDING: 0px;
	margin: 0px;
	BORDER-STYLE :none ;
	vertical-align: top;
	}
	
.Help
  {
  COLOR: #0000ff;
	WHITE-SPACE: normal;
  }
.HelpHeading
	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	PADDING: 0px;
	margin: 0px;
  margin-left : auto;
  margin-right : auto;
	BORDER-STYLE :none ;
	BACKGROUND-COLOR: #007C2A;
	}
.ListDetailHelp
	{
	BACKGROUND-COLOR: #d5ede3
	}
.ListDetailOn
	{
	BACKGROUND-COLOR: #d5e3ed
	}
.ListDetailOff
	{
	BACKGROUND-COLOR: #ffffff
	}
.Mandatory
  {
  COLOR: #cf001c
  }
.MandatoryBold
  {
	FONT-SIZE: 14px;
  COLOR: #cf001c;
	FONT-WEIGHT: bold;
  }
.OrderDesk
  {
  TEXT-ALIGN: left;
  vertical-align: top;
  }
.OrderDeskHeader
  {
  BACKGROUND-COLOR: #003399
  }
.QuickSearch
	{
	PADDING: 0px;
	margin: 0px;
	BORDER-STYLE :none ;
	}
.Radio
	{
	BACKGROUND-COLOR: #e4edf3
	}

.Title
	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #000000;
  text-align: left;
  border-bottom: dashed 1px black;
	}
a.TopMenu {
  text-align: left;
  font: bold 10pt Tahoma, Arial;
  padding: 10px 0 0 0px ;
  clear: both;
}
a.SubMenu {
  float: left;
  text-overflow: hidden;
  padding: 0 0 0 20px ;
  font-size: 8pt;
  font-weight: normal;
}
h1 {
  font: bold 10pt Tahoma, Arial;
  color: #FF0000;
  text-align: left;
  margin: 5px 0px 5px 5px;
  position:relative;
	}

h1 span {
  font: bold 10pt Tahoma, Arial;
  color: #000000;
  float: right;
  }

h2 {
  font: bold 10pt Tahoma, Arial;
  color: #000000;
  text-align: left;
  margin: 15px 0px 5px 15px;
  border-bottom: dashed 1px black;
  clear: both;
	}

h3 {
  font: bold 10pt Tahoma, Arial;
  color: #000000;
  text-align: left;
  margin: 15px 0px 5px 5px;
	}

.Warning
	{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	PADDING: 0px;
	BORDER-STYLE :none ;
	BACKGROUND-COLOR: #d3d3d3;
	}

Table.HelpHeading
  {
  width: 95%;
  }

.TextLikeAnchor, A
  {
  FONT-SIZE: 11px;
  font-weight: bold;
	TEXT-DECORATION: none
  }
A:link, A:visited
	{
	COLOR: navy;
	}
A:hover
	{
	TEXT-DECORATION: underline;
	}
A.Heading:link
	{
	COLOR: Blue;
}
A.Heading:visited
	{
	COLOR: #ffff33
	}
A.Heading:hover
	{
	COLOR: #bfcfef
	}	
A.HelpHeading:link
	{
	COLOR: Orange;
}
A.HelpHeading:visited
	{
	COLOR: #ffff33
	}
A.HelpHeading:hover
	{
	COLOR: #d0eae8
	}	
A.MenuCurrent:link
  {
  COLOR: #ffff33;
  BACKGROUND-COLOR: #003399
  }
A.MenuCurrent:hover
  {
  COLOR: #ffffff;
  BACKGROUND-COLOR: #003399
  }
A.RequisitionList
  {
  FONT-WEIGHT: bold;
  COLOR: navy;
  }
A.RequisitionList:visited
  {
  FONT-WEIGHT: bold;
  COLOR: navy;
  }
A.ProductDescription
  {
  FONT-WEIGHT: bold;
  COLOR: #ff0000;
  }
A.ProductDescription:visited
  {
  FONT-WEIGHT: bold;
  COLOR: #ff0000;
  }
A.Small:link
	{
  FONT-SIZE: 9px;
	}
A.Small:visited
	{
  FONT-SIZE: 9px;
	}
A.Small:hover
	{
  FONT-SIZE: 9px;
	}	

TD	{
	FONT-SIZE: 11px;
	COLOR: #000040;
	VERTICAL-ALIGN: middle; 
	OVERFLOW: hidden;
	}
TD.Menu	{
	FONT-SIZE: 11px;
	COLOR: #000040;
	VERTICAL-ALIGN: top; 
	OVERFLOW: hidden;
	}
TD.DisplayField
  {
  /*BORDER-RIGHT: #d3d3d3 1px inset;
  BORDER-TOP: #d3d3d3 1px inset;*/
  FONT-SIZE: 11px;
  /*BORDER-LEFT: #d3d3d3 1px inset;*/
  COLOR: #000000;
/*  BORDER-BOTTOM: #d3d3d3 1px inset;*/
  BACKGROUND-COLOR: #d5e3ed;
  vertical-align: top;
  }
SPAN.Text
{
	 /*BORDER-RIGHT: #d3d3d3 1px inset;
  BORDER-TOP: #d3d3d3 1px inset;*/
  FONT-SIZE: 11px;
  /*BORDER-LEFT: #d3d3d3 1px inset;*/
  COLOR: #000000;
}
SPAN.DisplayField
{
	 /*BORDER-RIGHT: #d3d3d3 1px inset;
  BORDER-TOP: #d3d3d3 1px inset;*/
  FONT-SIZE: 11px;
  /*BORDER-LEFT: #d3d3d3 1px inset;*/
  COLOR: #000000;
/*  BORDER-BOTTOM: #d3d3d3 1px inset;*/
  BACKGROUND-COLOR: #d5e3ed;
}
TD.DisplayFieldText
  {
  BORDER-RIGHT: #d3d3d3 1px inset;
  BORDER-TOP: #d3d3d3 1px inset;
  FONT-SIZE: 11px;
  BORDER-LEFT: #d3d3d3 1px inset;
  COLOR: #000000;
  BORDER-BOTTOM: #d3d3d3 1px inset;
  BACKGROUND-COLOR: #d5e3ed;
	WHITE-SPACE: normal;
  }
TD.RequisitionList
  {
  FONT-WEIGHT: bold;
  COLOR: navy;
  }
TD.ProductDescription
  {
  FONT-WEIGHT: bold;
  COLOR: #ff0000;
  }
TD.ProductLabel
  {
  FONT-WEIGHT: bold;
  }
TD.Label, SPAN.Label {
	FONT-WEIGHT: bold;
	COLOR: black;
}
TD.CompanyName
{
	FONT-WEIGHT: bold;
	font-size: 14pt;
}
TD.SubHeading,TD.SubHeadingHdr
	{
	FONT-WEIGHT: bold;
	COLOR: #003399;
	BACKGROUND-COLOR: #e0e0e0;
	vertical-align: top;
	}
TD.SubHelpHeading
	{
	FONT-WEIGHT: bold;
	COLOR: #007C2A;
	BACKGROUND-COLOR: #e0e0e0;
	}
TD.Text
  {
	VERTICAL-ALIGN: top; 
	WHITE-SPACE: normal;
  }

TD.SmallText
  {
	FONT-SIZE: 9px;
  }

INPUT
  {
  FONT-SIZE: 11px;
  padding: 0px;
  margin: 0px;
  }
INPUT.Configurable
  {
  BACKGROUND-COLOR: #d3d3d3;
  text-align: right;
  }
INPUT.Number
  {
  text-align:right;
  }
/* OC710 */
INPUT.DisplayField
  {
  BORDER-RIGHT: #d3d3d3 1px inset;
  BORDER-TOP: #d3d3d3 1px inset;
  FONT-SIZE: 11px;
  BORDER-LEFT: #d3d3d3 1px inset;
  COLOR: #000000;
  BORDER-BOTTOM: #d3d3d3 1px inset;
  BACKGROUND-COLOR: #d5e3ed
  }
/* OC710 */
INPUT.DisplayFieldNumber
  {
  BORDER-RIGHT: #d3d3d3 1px inset;
  BORDER-TOP: #d3d3d3 1px inset;
  FONT-SIZE: 11px;
  BORDER-LEFT: #d3d3d3 1px inset;
  COLOR: #000000;
  BORDER-BOTTOM: #d3d3d3 1px inset;
  BACKGROUND-COLOR: #d5e3ed;
  text-align: right;
  }
SELECT
  {
  FONT-SIZE: 11px
  }

/* Button formatting */
TABLE.Button
  {
  TEXT-ALIGN: center;
  margin-left : auto;
  margin-right : auto;
  }
TR.Button
  {
  BACKGROUND-COLOR: none
  }
.ButtonFont
  {
  FONT-WEIGHT: bold;
  FONT-SIZE: 10px;
  COLOR: #003399
  }
.ButtonDeleteFont
  {
  FONT-WEIGHT: bold;
  FONT-SIZE: 10px;
  COLOR: #cf001c
  }
.ButtonFontOver
  {
  FONT-WEIGHT: bold;
  FONT-SIZE: 10px;
  COLOR: #bfcfef
  }
.Button
  {
  TEXT-ALIGN: center;
  WIDTH: 61px;
  HEIGHT: 28px;
  margin-left : auto;
  margin-right : auto;
  }
.ButtonWide
  {
  TEXT-ALIGN: center;
  WIDTH: 88px;
  HEIGHT: 28px
  }
.ButtonWidest
  {
  TEXT-ALIGN: center;
  WIDTH: 160px;
  HEIGHT: 28px
  }
/* OC710 */
TR.SubHeading
	{
	FONT-WEIGHT: bold;
	COLOR: #003399;
	BACKGROUND-COLOR: #e0e0e0;
	}

/* Tabs and Menu colours */
TH
	{
	TEXT-ALIGN: center;
	CURSOR: hand;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	COLOR: #ffff33;
	PADDING: 0px;
	margin: 0px;
	BORDER-STYLE :none ;
	BACKGROUND-COLOR: #003399;
	text-align: center ;
	}
TH.ActiveTab
	{
	COLOR: #ffff33;
	BACKGROUND-COLOR: #C60111;
	}
/* Required for Netscape */
A.Tab:link
	{
	FONT-SIZE: 12px;
	COLOR: #ffff33
	}
A.Tab:visited
	{
	FONT-SIZE: 12px;
	COLOR: #ffff33
	}
A.Tab:hover
	{
	FONT-SIZE: 12px;
	COLOR: #ffff33;
	BACKGROUND-COLOR: #C60111;
	}	

/* Order summary */
.CheckOutCurrent
  {
	FONT-SIZE: 14px;
  COLOR: #cf001c;
	FONT-WEIGHT: bold;
  }
.CheckOutToDo
  {
	FONT-SIZE: 14px;
  color: #858585
  }
.CheckOutDone
  {
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
  }

.breadcrumbs, .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {
  margin: 5px 0px 5px 1px;
  font: bold 10pt Tahoma, Arial;
  color: red;
  }

.breadcrumbs a {
  font: bold 10pt Tahoma, Arial;
  color: red;
  }

div.menuBlock {
  font: bold 10pt Tahoma, Arial;
  padding: 4 0 0 45px ;
  clear: both;
  }
  
div.menuBlock span {
  float: left;
  width: 40%;
  text-overflow: hidden;
  padding: 0 10px 0 0 ;
  font-size: 8pt;
  font-weight: normal;
  }

div.menuBlock span a {
  font-size: 8pt;
  }
  
div.menuBlock ul {
  list-style: none;
  font-size: 10pt;
  margin: 0 10px 0 10px;
  padding: 0;
  }

div.menuBlock ul a {
  font-size: 8pt;
  font-weight: normal;
  }

a.error, a.error:visited{
	color: red;
	text-decoration: underline;
	font-weight: normal;
}


/* BEGIN LAYOUT OF UI */
#outer {
  height:500px;
  min-height:100%;
  min-width:500px;
  margin-bottom:-27px;
  color: #000000;
  background: url(../images/bodybg.gif);
  text-align: left;
  }

/* for mozilla as IE treats height as min-height anyway */
html>body #outer {
  height:auto;
  min-height: 500px;
  }

/* background: url(../customimages/headerbg.jpg) repeat-x;   moved to header.html */
#header{
  padding: 0px;
  color: #000000;
  text-align: left;
  height: 179px;
  }

#logo{
  position: absolute;
  left:10;
  top:30;
  }

#left {
  position:absolute;           /* IE needs this to show float */
  left: 0px;
  width:165px;
  margin-left:0px;
  }

#left p {
  padding-left:3px;
  padding-right:2px;
  }

#right p {
  padding-left:3px;
  padding-right:2px;
  }

#right {
  position:relative;           /* IE needs this to show float */
  width:150px;
  float:right;
  margin-right:2px;
  }

#footer {
  height:25px;
  clear:both;
  border-top:1px solid #FFF;
  border-bottom:1px solid #FFF;
  background-color: #2E6682;
  color: #FFF;
  text-align:center;
  position:relative;
  }

#footer a {
  color:#fff
  }

* html #footer {               /* only IE gets this style */
  \height:27px;                /* for IE5 */
  he\ight:25px;                /* for IE6 */
  }

#clearfooter {                 /* needed to make room for footer */
  clear:both;
  height:15px;
  }

div,p  {                       /* clear top margin for mozilla */
  margin-top: 0;
  }

#centrecontent
{
	padding-right: 8px;
	padding-left: 8px;
	background: url(../images/centercontentbg.gif) no-repeat left top;
	padding-bottom: 8px;
	margin: 0px 0px 12px 169px;
	padding-top: 8px;
	height: auto;
	min-height: 500px;
}

* html #centrecontent               /* only IE gets this style */
{                                   /* Note there's a 2-pixel difference in margin, and height is required. */
	padding-right: 8px;
	padding-left: 8px;
	background: url(../images/centercontentbg.gif) no-repeat left top;
	padding-bottom: 8px;
	margin: 0px 0px 12px 169px;
	padding-top: 8px;
	height: 500px;
}

#centrecontent p {
  margin: 0 0 0 10px;
  font: normal 8pt Verdana;
  }

#logonForm {
	position: absolute;
	right: 10px;
	top: 10px;
	font: bold 8pt Arial;
	}

#logonForm input {
	font: bold 8pt Arial;
	height: 15px;
	width: 75px;
	}

#logonForm .submit {
	font: bold 7pt Arial;
	height: 17px;
	width: 65px;
	}

#customBanner 
{
	position: absolute;
	right: 200px;
	top: 53px;
	font: bold 8pt Arial;
	width: 180px;
	height: 95px;
	text-align: center;
	border: 0px;
}	
#shoppingCart {
	position: absolute;
	right: 10px;
	top: 53px;
	font: bold 8pt Arial;
	width: 180px;
	height: 95px;
	background: #ffcc66;
	text-align: center;
	border: 1px solid black;
	}

#CartLabel{
  display: block;
  border-bottom: solid 1px #000000;
  line-height: 17px;
  background: #2E6682;
  color: #FFF;
  }
#searchForm {
	position: absolute;
	left: 2px;
	top: 137px;
	font: bold 8pt Arial;
  }
  #OrderNumberLabel, .sectionheader {
	font-family: sans-serif;
	font-size: 12pt;
	color: #00008B;
	font: bold;
}
  #OrderNumber {
  	font-family: sans-serif;
	font-size: 12pt;
	color: Green;
	font: bold;
  }
 #Table4 {
 	vertical-align: top
	}
tr.topalign {
	vertical-align: top;
	text-align:left;
}

td.detailsfooternumeric 
{
	vertical-align: top;
	text-align: right;
}

td.details, td.detailsnumeric {
	vertical-align: top;
	border: 1px;
	border-style: solid;
	text-align: left;
}

td.detailsnumeric {
	text-align: right;
}


.colheadernumeric {
	text-align: right;
}

.colheader 
{
	text-align:left;
}

.colheader, .colheadernumeric {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-width: 0px 0px 1px 0px;	
	border-style: solid;
	vertical-align: bottom;
}
table.normal {
	width: 560px;
	font-size: 100%;
	border-collapse: collapse;
}

table.embedded 
{
	width:100%;
	margin:0px, 0px, 0px, 0px;
	border-style: none;
	padding: 0px, 0px, 0px, 0px;
	border-collapse: collapse;
}
.minitable {
	width: 300px;
	margin-left: auto;
	margin-right:0px;
}
.colcaption {
	text-align: right;
}
.forceright {
/*Required for bug in IE 5.5 to right-align TD's*/
	text-align: right;
}
.red 
{
	color: Red;
}