body
{
	margin: 0px;
	background-color: white;
	font-family: Verdana, Arial, sans-serif;
	height: 100%;
}
form
{
	height: 100%;
}
img
{
	border-width: 0;
}

.Small
{
	font-size: 9px;
}
.Medium
{
	font-size: 10px;
}
.Large
{
	font-size: 12px;
}
.VLarge
{
	font-size: 18pt;
}
.Title
{
	font-size: 14px;
	font-weight: bold;
}
.pTbl
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	height: 100%;
	width: 100%;
}
.pHdr
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 1px;
	font-family: Verdana, Arial, sans-serif;
	background-color: #99ccff;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType='0',StartColorStr='#008FD9',EndColorStr='#0075BA');
}
.pTtl
{
	padding: 3px;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
}
.pBdy
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	font-size: 10px;
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff;
/*	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType='0',StartColorStr='#dae3ff',EndColorStr='#ffffff');
*/	text-align: left;
	vertical-align: text-top;
}
.pBdyCentered
{
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	font-size: 10px;
	color: #000000;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType='0',StartColorStr='#dae3ff',EndColorStr='#ffffff');
	text-align: center;
	vertical-align: text-top;
}
.ddl
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-size: 12px;
	border-left: 1px solid;
	color: black;
	border-bottom: 1px solid;
	font-family: Verdana, Arial, sans-serif;
}
.FC1
{
	color: black;
}
.FC2
{
	color: white;
}
.FC3 /* dark blue */
{
	color: #003399;
}
.FC4 /* orange */
{
	color: #ff6633;
}
.FC5 /* bright blue */
{
	color: #008FD9;
}
.BG1
{
	background-color: black;
}
.BG2
{
	background-color: white;
}
.BG3 /* light blue */
{
	background-color: #99ccff;
}
.BG4 /* navy blue */
{
	background-color: #0075BA;
}
.BG5 /* bright blue */
{
	background-color: #008FD9;
}
.BG6 /* Palest blue */
{
	background-color: #dfefff;
}
A
{
	font-weight: bold;
	color: #003399;
	font-family: Verdana, Arial, sans-serif;
}
A:link, A:visited, A:active
{
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
.err
{
	font-family: Verdana, Arial, sans-serif;
	color: #dc143c;
	font-size: 12px;
	font-weight: bold;
}

/* Table styles */
.tbl
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-style: none;
	border-width: 1px;
	border-color: #000000;
	width: 100%;
}
.tblHead
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0066CC;
	cursor: default;
	position: relative;
	white-space: nowrap;
	text-align:left;
}
.tblHead a
{
	color:#ffffff;
}
.tblHead2
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0066CC;
	cursor: default;
	position: relative;
	white-space: nowrap;
	top: expression(parentNode.parentNode.parentNode.scrollTop-1);
	z-index: 20;
}
.tblFoot
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
	color: #ffffff;
	background-color: #0066CC;
}
.tblPager, .tblPager table,  .tblPager table A
{
	color: #ffffff;
	text-align: right;
	background-color: #0066cc;
}
.tblA
{
	padding-right: 4px;
	padding-left: 4px;
	background: #dae3ff;
	color: #000000;
}
.tblB
{
	padding-right: 4px;
	padding-left: 4px;
	background-color: #ffffff;
	color: #000000;
}
.tblSel
{
	padding-right: 4px;
	padding-left: 4px;
	background: #FFA500;
	color: #000000;
	cursor: hand;
}
.tblHov
{
	padding-right: 4px;
	padding-left: 4px;
	background: #ffff99;
	color: #000000;
	cursor: hand;
}
.tblSort
{
	color: #ffffff;
	background-color: #0066cc;
}

/* Drop Down menu styles */
.Menu
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	background-color: #0088C5;
}
.MenuTop
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 7px;
	padding-top: 4px;
	font-size: 12px;
	color: white;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
}
.Menu:hover
{
	color: #0066cc;
	text-decoration: none;
}
.MenuBG
{
	height: 24px;
	text-decoration: none;
	background-image: url("ui/MenuBg.gif");
}
.MenuHover
{
	color: #ffffff;
	text-decoration: none;
	background-color: #F5A21F;
}
.MenuHoverTop
{
	color: #ffffff;
	text-decoration: none;
}
A:hover.MenuHoverTop
{
	color: #ffffff;
	text-decoration: none;
	background-color: #F5A21F;
}

/* Forms Styles */
.btn1
{
	border-right: #999999 1px outset;
	border-top: #999999 1px outset;
	font-size: 7pt;
	background-image: none;
	vertical-align: baseline;
	border-left: #999999 1px outset;
	width: 100px;
	cursor: pointer;
	color: #003399;
	border-bottom: #999999 1px outset;
	font-family: Verdana, Arial, sans-serif;
	background-color: #cccccc;
	text-align: center;
	text-decoration: none;
}
.btn2
{
	border-right: #6699ff 1px outset;
	padding-right: 4px;
	border-top: #6699ff 1px outset;
	padding-left: 4px;
	font-size: 7pt;
	background-image: none;
	vertical-align: baseline;
	border-left: #6699ff 1px outset;
	width: 100px;
	cursor: pointer;
	color: #003399;
	border-bottom: #6699ff 1px outset;
	font-family: Verdana, Arial, sans-serif;
	background-color: #99ccff;
	text-align: center;
	text-decoration: none;
}
.btn2Wide
{
	border-right: #6699ff 1px outset;
	padding-right: 4px;
	border-top: #6699ff 1px outset;
	padding-left: 4px;
	font-size: 7pt;
	background-image: none;
	vertical-align: baseline;
	border-left: #6699ff 1px outset;
	width: 120px;
	cursor: pointer;
	color: #003399;
	border-bottom: #6699ff 1px outset;
	font-family: Verdana, Arial, sans-serif;
	background-color: #99ccff;
	text-align: center;
	text-decoration: none;
}
.btn3
{
	border-right: #cc9933 1px solid;
	border-top: #ffffcc 1px solid;
	font-size: 9pt;
	border-left: #ffffcc 1px solid;
	width: 110px;
	cursor: pointer;
	color: #000066;
	border-bottom: #cc9933 1px solid;
	height: 24px;
	background-color: lime;
	text-align: center;
}

.txt
{
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color: black;
}
.txtDis
{
	border-right: 0px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 0px solid;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color: black;
	padding: 0;
	background-color: Transparent;
}
/* Style for the watermark text box effect */
.txtWater
{
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	background-color:#F0F8FF;
	color:gray;
	text-align:center;
}

.chk
{
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
}


/* Notes Styles */
.NotesUser
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Green;
	font-family: Verdana, Arial, sans-serif;
}
.NotesGroup
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Blue;
	font-family: Verdana, Arial, sans-serif;
}
.NotesSystem
{
	font-size: 11px;
	margin-bottom: 2px;
	color: #6666ff;
	font-family: Verdana, Arial, sans-serif;
}
.NotesEdit
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Purple;
	font-family: Verdana, Arial, sans-serif;
}
.NotesDelete
{
	font-size: 11px;
	margin-bottom: 2px;
	color: #A52A2A;
	font-family: Verdana, Arial, sans-serif;
}


/* Related Document Styles */
.rdRed
{
	color: red;
}
.rdBlue
{
	color: blue;
}
.rdBlack
{
	color: black;
}


/* Supersessions Styles */
.Ssn
{
	color: red;
	font-weight: bold;
}
.sA
{
	color: Olive;
}
.sE
{
	color: Red;
}
.sC
{
	color: Purple;
}
.sR
{
	font-weight: bold;
	color: Blue;
}
.sX
{
	color: Black;
}
.SsRemanufactured
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Blue;
	font-family: Verdana, Arial, sans-serif;
}
.SsAssociated
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Red;
	font-family: Verdana, Arial, sans-serif;
}
.SsAlternative
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Green;
	font-family: Verdana, Arial, sans-serif;
}
.SsNato
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Black;
	font-family: Verdana, Arial, sans-serif;
}
.SsCompetitor
{
	font-size: 11px;
	margin-bottom: 2px;
	color: Black;
	font-family: Verdana, Arial, sans-serif;
}

/* Login page styles */
.myHomePage
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}
.version
{
	font-size: 8pt;
	color: #0000cc;
	font-style: italic;
	font-family: Verdana, Arial, sans-serif;
}
.ApplicationName
{
	font-weight: bold;
	font-size: 18pt;
	color: #003399;
	font-family: Verdana, Arial, sans-serif;
}
.ApplicationName2
{
	font-weight: bold;
	font-size: 18pt;
	color: #008FD9;
	font-family: Verdana, Arial, sans-serif;
}

/* current selection styles */
.currentSelection
{
	font-size: 10px;
	color: #003399;
	font-family: Verdana, Arial, sans-serif;
}
.currentSelectionHL
{
	font-size: 10px;
	color: #008FD9;
	font-family: Verdana, Arial, sans-serif;
}

/* 'Back to' control style */
.BackTo
{
	font-weight: normal;
	font-size: 9px;
	color: #003399;
	font-family: Tahoma, Veranda, Arial, Sans-Serif;
}

/* Quick Search styles */
.QuickSearch
{
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
}
.QSButton
{
	border-right: #999999 1px outset;
	border-top: #999999 1px outset;
	font-size: 7pt;
	background-image: none;
	vertical-align:middle;
	border-left: #999999 1px outset;
	cursor: pointer;
	color: #003399;
	border-bottom: #999999 1px outset;
	font-family: Verdana, Arial, sans-serif;
	background-color: #cccccc;
	text-align: center;
	text-decoration: none;
}

/* Stock enquiry availability styles */
.SEErr
{
	background-color: #0099ff;
}
.SEYes
{
	background-color: #ccffcc;
}
.SENo
{
	background-color: #ff6666;
}
.SEMaybe
{
	background-color: #ffcc66;
}

/* Budget Styles */
.BgtUsd
{
	font-size: xx-small;
	color: #ff0000;
	font-family: Arial, Sans-Serif;
}
.BgtAvl
{
	font-size: xx-small;
	color: #009933;
	font-family: Arial, Sans-Serif;
}
.Bgt
{
	font-size: xx-small;
	color: #000000;
	font-family: Arial, Sans-Serif;
}
.BgtNeg
{
	font-weight: bold;
	font-size: larger;
	color: red;
}

/* Price Styles */
.PGrs
{
	color: purple;
	white-space:nowrap;
	font-weight:bold;
}
.PNet
{
	color: Teal;
	white-space:nowrap;
	font-weight:bold;
}
.PZero
{
	color: fuchsia;
	white-space:nowrap;
}

.CurVehBox
{
	font-size: x-small;
	color: black;
	background-color: lightblue;
}

/* Progress Bar styles
 * PB1 - Selected
 * PB2 - Not selected
 * PB3 - Merge
 */
.PB1
{
	background-color: #0099ff;
	white-space:nowrap;
}
.PB2
{
	background-color:#cccccc;
	white-space:nowrap;
}
.PB3
{
	background-color: #0099ff;
	white-space:nowrap;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType='1',StartColorStr='#0099ff',EndColorStr='#cccccc');
}

/* Table Form styles - To be used by tables that require a style that
 *  requests user input into a form. Eg, labels in a first column,
 *  input controls on the second column, and validation controls in
 *  the third column. */
.TF /* Table Form */
{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 10pt;
	border-collapse: collapse;
	vertical-align: top;
}
.TF TD /* Table Form - Table Data (<TD>) cells */
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}
.TFL /* Table Form 'Label' Column/Cell */
{
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}
.TFI /* Table Form 'Input' Column/Cell */
{
	text-align: left;
}
.TFV /* Table Form 'Validation' Column/Cell */
{
	font-weight: bold;
	font-size: 16px;
	width: 15px;
	color: red;
	font-family: Verdana, Arial, sans-serif;
}

FIELDSET
{
	padding: 4px;
	border-right: gray 1pt solid;
	border-top: gray 1pt solid;
	border-left: gray 1pt solid;
	border-bottom: gray 1pt solid;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType='0',StartColorStr='#ffffff',EndColorStr='#dae3ff');
}
LEGEND, .legend
{
	white-space: nowrap;
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color: Black;
}

/* Tipster Tooltip styles */
.tipClass
{
	font: 12px Arial, Helvetica;
	color: #333399;
	padding: 2px;
	background: white;
	border: solid 2px gray;
}
.tipClass A /* Format links inside tips a little. */
{
	color: #0000ff;
	font-weight: bold;
}
.tipClass li:hover
{
	text-decoration: underline;
}

.Basket
{
	font-weight: bold;
	font-size: 10pt;
	color: #ff7700;
	font-family: Verdana, Arial, sans-serif;	
}

HR
{
	width:100%;
	color:#003399;
}

/* Epitomy custom Tooltip styles */
.ttTL
{
	margin-right: 16px; /* clip right corner */
	background-image: url('Ui/ttTL.gif');
	background-repeat: no-repeat;
	height: 16px; /* vertical: show first half of the image with the top-corners in it */
	font-size: 2px;
}
.ttTM
{
	margin-top: -16px; /* to level of top-left corner */
	margin-right: 16px; /* clip right corner */
	margin-left: 16px; /* clip right corner */
	background-image: url('Ui/ttTM.gif');
	background-repeat: repeat;
	height: 16px; /* vertical: show first half of the image with the top-corners in it */
	font-size: 2px;
}
.ttTR
{
	margin-top: -16px; /* to level of top-left corner */
	margin-left: 16px; /* clip left corner */
	background-image: url('Ui/ttTR.gif'); 
	background-repeat: no-repeat;
	background-position: 100% 0; /* show bg-image starting at the right */
	height: 16px; 
	font-size: 2px;
}
.ttBL
{
	margin-right: 16px; /* clip right corner */
	background-image: url('Ui/ttBL.gif');
	background-repeat: no-repeat;
	height: 16px;
	font-size: 2px;
}
.ttBM
{
	margin-top: -16px; /* to level of bottom-left corner */
	margin-right: 16px; /* clip right corner */
	margin-left: 16px; /* clip right corner */
	background-image: url('Ui/ttBM.gif');
	background-repeat: repeat;
	background-position: 0px; /* show under half of the image */
	height: 16px;
	font-size: 2px;
}
.ttBR
{
	margin-top: -16px; /* to level of bottom-left corner */
	margin-left: 16px; /* clip left corner */
	background-image: url('Ui/ttBR.gif'); 
	background-repeat: no-repeat;
	background-position: 100%; /* under half, right side */
	height: 16px; 
	font-size: 2px; 
}
.ttIn
{
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background: #ffffff;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	font-family:arial;
	font-size: 10pt;
	margin-top: 0;
	margin-bottom: 0;
	text-align:center;
}

/* Version 2 of the icon styles.  This version are designed for the header bar icons */
.ico2
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: White;
	padding:0px;
	text-align:center;
	height:100%;
	width:100%;
	border: 1px solid cyan;
	filter:chroma(color=cyan);
}
/* Do not put anything other than "colour", "background-color" and "border-color" in these
   next two styles.  They are applied programatically and only those attributes are examined. */
.ico2H
{
	color:Black;
	background-color:#FFCC99;
	border-color:#333366;
}
.ico2S
{
	color:Black;
	background-color: #FF9966;
	border-color:#333366;
}

/* Version 3 of the icon styles.  This version are designed to appear on a white/light background */
.ico3
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	padding:1px;
	text-align:center;
	height:100%;
	width:100%;
	border: 1px solid cyan;
	filter:chroma(color=cyan);
}
/* Do not put anything other than "colour", "background-color" and "border-color" in these
   next two styles.  They are applied programatically and only those attributes are examined. */
.ico3H
{
	color:Black;
	background-color:#FFCC99;
	border-color:#333366;
}
.ico3S
{
	color:Black;
	background-color:#FF9966;
	border-color:#333366;
}

/* Version of the icon styles to be used in the default page header. */
.icoHeader
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	padding:1px;
	text-align:center;
	height:100%;
	width:100%;
	border: 1px solid cyan;
	filter:chroma(color=cyan);
}
/* Do not put anything other than "colour", "background-color" and "border-color" in these
   next two styles.  They are applied programatically and only those attributes are examined. */
.icoHeaderH
{
	color:Black;
	background-color:#FFCC99;
	border-color:#333366;
}
.icoHeaderS
{
	color:Black;
	background-color:#FF9966;
	border-color:#333366;
}

/* Styles determining the layout of the generic header bar */
.headerTable
{
	width:100%;
	height:64px;
	background-image:url('Ui/HeaderBg.gif');
	padding:0px;
	border:none 0px transparent;
}
.headerLeft
{
	width:200px;
	text-align:center;
	vertical-align:middle;
}
.headerRight
{
	width:389px;
	text-align:right;
	vertical-align:middle;
}
.headerMid
{
	text-align:center;
	vertical-align:middle;
}

/* Advertisement styles */
.ad
{
	font-size:12px;
	text-align:center;
}
.adTitle
{
	font-size:14px;
	font-weight:bold;
}
.adDesc
{
	text-align:left;
}
.adExternal
{
}
.adPart
{
}
.adSearch
{
}