@charset "UTF-8";
/* CSS Document */
/* Basic Styles */
* { margin: 0; padding: 0;}
/*body { background: #f0f1f2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px;}
*/body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; }
a {	color: #0099D6; text-decoration: none;}
.clear { clear: both; line-height: 1px;}
img { border: 0;}
form { margin:0; padding:0; display:inline;}
ul li.last { margin: 0 !important; padding: 0 !important;}
p { margin-bottom: 10px;}
input {font-size: 11px;}

/* Containers Styles */
#container { max-width: 1000px; min-width: 1000px; margin: 0px;  width: expression(document.body.clientWidth - 20 > 1200 ? "1000px" : "950px");}
/*#containerInner { background:  url(../images_01/bgR.gif) right top repeat-y;}*/
#inner {   background: #fff; margin: 0 0px 0 0px; width:expression(document.body.clientWidth - 20  > 1200 ? "980px" : "950px"); padding-left: 10px; padding-right: 10px; border-bottom-color: #d2f3ff; border-bottom-style: ridge; border-bottom-width: thin; border-left-color: #d2f3ff; border-left-style: ridge; border-left-width: thin; border-right-color: #d2f3ff; border-right-style: ridge; border-right-width: thin }
#header { background: #003361; height: 130px; margin-bottom: 10px; }
#sub { width: 100%; background: #21b0e8 url(../images_01/bg_subL.gif) bottom left no-repeat; float: right; }
#subInner { background: url(../images_01/bg_subR.gif) bottom right no-repeat;}
#content { width: 100%; margin-top: 18px; margin-bottom: 10px; float: left;}
#footer {  float: none; width: 100%; padding-bottom: 10px; }
/*#footerL { background: url(../images_01/bgBottomL.gif) bottom left no-repeat; float: left; width: 30px; height: 76px;}
#footerR { background: url(../images_01/bgBottomR.gif) bottom right no-repeat; float: right; width: 30px; height: 76px;}*/
#footer #center { border-top: 1px solid #8B9298; text-align: center; padding-top: 10px; float: left; width: 100%; }
#pageTitle { width: 100%; margin-top: 0px; margin-bottom: 5px; float: left;}

/* Header Styles */
#logo { display: block; float: left; margin-right: 25px;}
#headerImage { margin-top: 0px;}
#search { float: right; padding-right: 20px; margin-top: 14px;}
#header #search ul { list-style: none; margin-top: 9px;}
#header #search ul li { float: left; color: #21b0e8; font-size: 11px; font-weight: bold; padding-right: 6px;}
#header #search ul li.stext { padding-right: 8px !important; padding-top: 2px;}
#header #search input.text { width: 165px; height: 15px; font-size: 12px; margin: 0 !important; padding: 0 !important;}
#header #search select { width: 155px; background: #003660; color: #21b0e8; font-size: 12px; font-weight: bold;}
#header option:hover { background: #3c5882; color: #fff; }
#header .searchText {  text-align: right; color: #21b0e8; font-size: 10px;}
#header .searchText a { color: #21b0e8;}
#header .searchText a:hover { color: #fff;}
p#login { float: left; margin: 4px 0 5px 0; padding-left: 20px; color: #003660; font-size: 11px; line-height: 13px;}
p#username { float: left; margin: 4px 0 5px 0; padding-left: 20px; color: #d2f3ff; font-weight: bold; font-size: 11px; line-height: 13px;}
#nav { float: right; margin-top: 4px;}
ul#nav { list-style:none; color: #fff; float: left; margin-bottom: 3px; padding-right: 25px; }
ul#nav li { float: left;  font-size: 11px; font-weight: bold; padding-right: 10px;}
ul#nav a { color: #ecba39;}
ul#nav a:hover { color: #fff;}
#sub ul { color: #fff; list-style:none; float: right; margin: 14px 0 0 0; padding-right: 20px;}
#sub ul li { float: left;  font-size: 11px; font-weight: bold; padding-right: 15px;}
#sub ul a { color: #003660;}
#sub ul a:hover { color: #fff;}
#breadCrumb { color: #8b9298; font-size: 11px;}
#pageTitle { color: #8b9298; font-size: 11px; font-weight: bold; font-style: italic; }
#currentOrder { color: #8b9298; font-size: 11px;}
.date { color: #21b0e8;}
#featBox { background: #fff url(../images_01/featBoxTop.gif) top no-repeat; width: 318px; margin-top: 0; float: right;}
#featBox h3 { color: #fff; font-weight: bold; height: 20px; padding: 8px 0 0 15px; font-size: 11px;}
#subBar { background: #21b0e8; color: #003660; height: 23px; padding: 5px 0 0 15px; font-size: 13px; }

/* Page Element styles */

.side2 p, .side1 p, .side3 p { font-size: 11px; line-height: 15px; color: #003660; margin-bottom: 15px;}
.side2 { background: #fff url(../images_01/side2Middle.gif) repeat-y bottom; width: 144px; color: #003660; padding-bottom: 0px; margin-bottom: 15px; }
.side2 h3 { font-size: 11px; color: #fff; padding-top: 5px; margin-bottom: 20px;}
.side2Bottom { background: url(../images_01/side3Bottom.gif) no-repeat bottom; }
.side2Inner { background: url(../images_01/side2Top.gif) top no-repeat; padding: 5px 8px 0 8px;}
.side1 { background: #fff url(../images_01/side1Middle.gif) repeat-y bottom; width: 144px; color: #003660; padding-bottom: 0px; margin-bottom: 15px; }
.side1 h3 { font-size: 11px; color: #fff; padding-top: 5px; margin-bottom: 20px;}
.side1Bottom { background: url(../images_01/side1Bottom.gif) no-repeat bottom; }
.side1Inner { background: url(../images_01/side1Top.gif) top no-repeat; padding: 5px 8px 0 8px;}
.side3 { background: #fff url(../images_01/side3Middle.gif) repeat-y bottom; width: 144px; color: #003660; padding-bottom: 0px; margin-bottom: 15px; }
.side3 h3 { font-size: 11px; color: #fff; padding-top: 5px; margin-bottom: 20px; }
.side3Bottom { background: url(../images_01/side3Bottom.gif) no-repeat bottom; }
.side3Inner { background: url(../images_01/side3Top.gif) top no-repeat; padding: 5px 8px 0px 8px; }
.buttonsBottom { margin-top: 0; text-align: right; }
.buttonsBottom input { margin-left: 3px; }
.buttonsTop { margin-top: 0; text-align: right; }
.buttonsTop input { margin-left: 3px; }
.marginTop { margin-top: 10px;}
.red { color: #F13D32;}
.red a { color: #F13D32;}
.red a:hover { text-decoration: underline; background-color:#fff;}
.formCategory {font-weight:bold; padding-right: 7px;}

/* Added by Bob Nicholson */
.pageTitle {  margin-top: 0px; margin-Bottom: 0px; color: #003361; background: #FFFFFF; }
.biText { font-style: italic; font-weight: bold; }
.cText { text-align: center; }
.yellow { font-size: 12px; color: #ebaf20;}
.specialOrderItem { text-align: right; font-size: 12px; color: #ebaf20; }
.error { font-size: 12px; color: #FF0000; }
/* End of Additions */


/* Welcome page*/
#visitTM { background: url(../images_01/buttonVisitTM2.gif) top left no-repeat; width: 126px; height: 26px;}
#visitTM p { padding: 5px 0 0 10px; font-weight: bold;}
#visitTM a { color: #003660;}
#visitTM a:hover { color: #fff; background-color: #ECBA39;}
.home .columnOne { width: 145px; float: left; padding-top: 65px; margin-right: 14px;}
.home .columnOne a {	color: #0099D6; text-decoration: none;}
.home .columnOne a:hover { color: #fff; text-decoration: none; background-color:#003660;}
.home .columnOne h3 a {	color: #003660; text-decoration: none;}
.home .columnOne h3 a:hover { color: #fff; text-decoration: none; background-color:#fdb824;}
.home .columnTwo { width: 666px; float: left; padding-top: 15px;}
.home .columnTwo h1 { font-size: 18px; color: #003660; font-weight: bold;}
.home .columnTwo h2 { font-size: 13px; color: #003660; font-weight: bold; margin-bottom: 15px;}
.home .columnTwo .cat { width: 165px; border-left: 1px #c5c8cb solid; float: left; }
.home .columnTwo .cat a { color: #0099d6; font-weight: bold; line-height: 14px; }
.home .columnTwo .cat p { margin-left: 10px;}
.home .columnTwo .last { border-right: 1px #c5c8cb solid !important;}
.home .columnTwo .featBox { background: #fff url(../images_01/featBoxTop.gif) top no-repeat; width: 318px; margin-top: 30px; float: left;}
.home .columnTwo .featBox h3 { color: #fff; font-weight: bold; height: 20px; padding: 8px 0 0 15px; font-size: 11px;}
.home .columnTwo .featBox .subBar { background: #21b0e8; color: #003660; height: 23px; padding: 5px 0 0 15px; font-size: 13px; }
.home .columnTwo .marginRight { margin-right: 30px;}

/* All Company Info pages */
.info .columnOne { width: 450px; float: left; padding-top: 30px; color: #003660;  margin-right: 30px;}
.info .columnOne h1 { font-size: 18px; color: #003660; font-weight: bold; border-bottom: 1px #21b0e8 solid; padding-bottom: 10px; margin-bottom: 15px;}
.info .columnOne h2	{ font-size: 13px; color: #003660; font-weight: bold; margin-bottom: 4px; margin-top: 9px;}
.info .columnOne h3 { font-size: 14px; color: #003660; font-weight: bold; border-bottom: 1px #21b0e8 solid; padding-bottom: 0px; padding-top: 5px; margin-bottom: 0px;}
.info .columnOne a { color: #0099D6; text-decoration: none;}
.info .columnOne a:hover { color: #fff; text-decoration: none; background-color:#003660;}
.info .columnTwo { width: 348px; float: left; padding-top: 30px;}
.info .columnTwo .featBox { background: #fff url(../images_01/featBoxTop.gif) top no-repeat; width: 318px; margin-top: 0; float: right;}
.info .columnTwo .featBox h3 { color: #fff; font-weight: bold; height: 20px; padding: 8px 0 0 15px; font-size: 11px;}
.info .columnTwo .featBox .subBar { background: #21b0e8; color: #003660; height: 23px; padding: 5px 0 0 15px; font-size: 13px; }
.info .tableList { border-collapse: collapse; margin: 5px 0 5px 0; vertical-align: top;}
.info .tableList .right, .list .tableList .delete { text-align: right !important; padding-right: 8px;}
.info .tableList td { height: 15px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; vertical-align: top; padding-bottom: 0px; padding-top: 5px; }
.minimum { font-size: 9px; line-height: 9px; color:#F13D32; }
.info .tableList td input { text-align: right; }
.info .tableList td a { color: #0099D6;}
.info .tableList .rowTwo { background-color: #fff; }
.info .tableList .rowOne { background-color: #d2f3ff; }
.info .tableList { border-collapse: collapse; margin: 5px 0 5px 0; vertical-align: top;}


/* All Company Report pages */
.report .columnOne { width: 450px; float: left; padding-top: 30px; color: #003660;  margin-right: 30px;}
.report .columnOne h1 { font-size: 18px; color: #003660; font-weight: bold; border-bottom: 1px #21b0e8 solid; padding-bottom: 10px; margin-bottom: 15px;}
.report .columnOne h2 { font-size: 13px; color: #003660; font-weight: bold; margin-bottom: 4px; margin-top: 9px;}
.report .columnOne h3 { font-size: 14px; color: #003660; font-weight: bold; border-bottom: 1px #21b0e8 solid; padding-bottom: 0px; padding-top: 5px; margin-bottom: 0px;}
.report .columnOne a { color: #0099D6; text-decoration: none;}
.report .columnOne a:hover { text-decoration: underline; background-color: #003660;}
.report .columnTwo { width: 348px; float: left; padding-top: 30px;}
.report .columnTwo .featBox { background: #fff url(../images_01/featBoxTop.gif) top no-repeat; width: 318px; margin-top: 0; float: right;}
.report .columnTwo .featBox h3 { color: #fff; font-weight: bold; height: 20px; padding: 8px 0 0 15px; font-size: 11px;}
.report .columnTwo .featBox .subBar { background: #21b0e8; color: #003660; height: 23px; padding: 5px 0 0 15px; font-size: 13px; }
.report .tableList { border-collapse: collapse; margin: 5px 0 5px 0; vertical-align: top;}
.report .tableList .right, .list .tableList .delete { text-align: right !important; padding-right: 8px;}
.report .tableList th { text-align: left; background: #003660; color: #fff; height: 20px; padding: 0 0 0 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}
.report .tableList td { height: 15px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; vertical-align: top; padding-bottom: 0px; padding-top: 5px; }
.report .tableList td input { text-align: right; }
.report .tableList td a { color: #0099D6;}
.report .tableList .rowTwo { background-color: #fff; }
.report .tableList .rowOne { background-color: #d2f3ff; }
.report .tableList { border-collapse: collapse; margin: 5px 0 5px 0; vertical-align: top;}


/* Search pages */
.search .columnOne { text-align: left; width: 600px; float: left; padding-top: 10px; color: #003660;  margin-right: 5px;}
.search .columnOne h1 { font-size: 18px; color: #003660; font-weight: bold; border-bottom: 1px #21b0e8 solid; padding-bottom: 10px; margin-bottom: 15px;}
.search .columnOne h2 { vertical-align: top;  font-size: 13px; color: #003660; font-weight: bold; margin-bottom: 4px; font-size: 12px;}
.search .columnOne a { color: #0099D6; text-decoration: none;}
.search .columnOne a:hover { color: #fff; text-decoration: none; background-color: #003660;}
.search .columnTwo { vertical-align: top; float: right; padding-top: 10px; color: #003660;  margin-right: 0;}
#content.search { width: 100%; float: left; }
.search option { color: #003660; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px;}
.search select { color: #003660; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px;}
.search .tableList { border-collapse: collapse; margin: 5px 0 5px 0; vertical-align: top;}
.search .tableList .right, .list .tableList .delete { text-align: right !important; padding-right: 8px;}
.search .tableList td { height: 15px; padding-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; vertical-align: top; padding-bottom: 0px; padding-top: 5px; }
.search .tableList td input { text-align: right; }
.search .tableList td a { color: #0099D6;}
.search .tableList .rowTwo { background-color: #fff; }
.search .tableList .rowOne { background-color: #d2f3ff; }
.search .tableList { border-collapse: collapse; margin: 5px 0 5px 0; vertical-align: top;}
.serach .buttonsBottom { margin-top: 0; text-align: right; }
.search .buttonsBottom input { margin-left: 3px; }
.serach .buttonsTop { margin-top: 0; text-align: right; }
.search .buttonsTop input { margin-left: 3px; }


/* Catalogue pages */
.catalogue .columnOne { width: 220px; float: left; padding-top: 10px; color: #003660;  margin-right: 10px;}
.catalogue .columnTwo { width: 600px; float: left; padding-top: 10px; color: #003660;  margin-right: 0; font-weight: normal; }
.catalogue .columnOne h1, .catalogue .columnTwo h1 { font-size: 18px; color: #003660; font-weight: bold; border-bottom: 1px #21b0e8 solid; padding-bottom: 10px; margin-bottom: 15px;}
.catalogue .columnOne h2, .catalogue .columnTwo h2	{ font-size: 13px; color: #003660; font-weight: bold; margin-bottom: 4px;}
.catalogue .columnOne a, .catalogue .columnTwo a { color: #0099D6; text-decoration: none;}
.catalogue .columnOne a:hover, .catalogue .columnTwo a:hover { color: #fff; text-decoration: none; background-color:#003660;}
.catalogue .columnTwo ul { list-style: none; width: 100%; margin-bottom: 10px;}
.catalogue .columnTwo li { float: left;  padding-right: 15px;}
#content.catalogue { width: 100%;}

/* Account Status page */
.arstatus .columnOne { width: 500px; float: left; padding-top: 10px; color: #003660;  margin-right: 30px;}
.arstatus .columnTwo { float: left; padding-top: 10px; color: #003660;  margin-right: 0;}
.arstatus .columnOne h1, .arstatus .columnTwo h1 { font-size: 18px; color: #003660; font-weight: bold; border-bottom: 1px #21b0e8 solid; padding-bottom: 10px; margin-bottom: 15px;}
.arstatus .columnOne h2, .arstatus .columnTwo h2 { font-size: 13px; color: #003660; font-weight: bold; margin-bottom: 4px;}
.arstatus .columnOne a, .arstatus .columnTwo a { color: #0099D6; text-decoration: none;}
.arstatus .columnOne a:hover, .arstatus .columnTwo a:hover { color: #fff; text-decoration: none; background-color:#003660;}
.arstatus .columnTwo ul { list-style: none; width: 100%; margin-bottom: 10px;}
.arstatus .columnTwo li { float: left;  padding-right: 15px;}
#content.arstatus { width: 100%;}

/* List pages */
#content.list { margin-top: 8px; margin-bottom: 40px; float: left;}
.list .columnOne { text-align: left; float: left;  padding-top: 10px; color: #003660;}
.list .columnTwo { width: 400px; vertical-align: top; float: left; padding-top: 10px; color: #003660;  margin-right: 0;}
.list input { color: #003660;}
.list input.text { height: 15px; font-size: 12px; margin: 0 !important; padding: 0 !important;}
.list a { color: #0099D6;}
.list td p { margin-bottom: 0px;}
.list .details td { height: 20px;}
.list .details .rText { text-align: right;}

/* added by bob */
.list .details .biText { font-style: italic; font-weight: bold; }
.list .details .minimum { font-weight: bold; color: #F13D32; text-align: left; }
.list .details .cText { text-align: center; }
.list .tableList .cText { text-align: center;}
.list .tableList .specialOrder { font-weight: bold; color: #F13D32; text-align: left; }
.list .tableList .priceRight { text-align: right !important; padding-right: 0px;}
.list .tableList .priceLeft { text-align: left !important; padding-Left: 0px; padding-right: 8px; white-space: nowrap; }
/* end of added code */

.list .top td { height: 12px; vertical-align:top;}
.list .top .rText { text-align: right;}
.list .buttons input { margin-left: 3px; text-align: right;}
.list .marginBot { margin-bottom: 20px;}
.list .tableList { border-collapse: collapse; margin: 5px 0 5px 0;}

.list .tableList th { text-align: left; background: #003660; color: #fff; height: 20px; padding: 0 0 0 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}
.list .tableList .right, .list .tableList .delete { text-align: right !important; padding-right: 8px;}
.list .tableList th a { color: #fff;}
.list .tableList th a:hover {color: #21B0E8; background-color:#003660;}
.list .tableList td { height: 20px; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; text-align: left; }
.minimum { font-size: 9px; line-height: 9px; color: #F13D32;}

/* .list .tableList td input{ text-align: left;}  */
.list .tableList td a { color: #0099D6;}
.list .tableList .rowTwo td a:hover { text-decoration: none; background-color:#003660; color: #FFFFFF;}
.list .tableList .rowOne td a:hover { text-decoration: none; background-color:#003660; color: #FFFFFF;}
.list .tableList .rowTwo { background-color: #fff;}
.list .tableList .rowOne { background-color: #d2f3ff;}
.list .tableList .delete a { text-align: center; color: #F13D32;}
.list .tableList .delete a:hover { text-decoration: underline; background-color:#fff;}
.list option { color: #003660; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px;}
.list select { color: #003660; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px;}
.list .buttonsBottom { margin-top: 0; text-align: right; }
.list .buttonsBottom input { margin-left: 3px; }
.list .buttonsTop { margin-top: 0; text-align: right; }
.list .buttonsTop input { margin-left: 3px; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*  Below added by Bob Nicholson to temporarily get main bodies to work */



    #Brand {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #MfgPart {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }


    #Description {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #StockType {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Available {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Page {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #PackSize {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #List {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Unit {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Discount {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #InvoiceValue {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #InvoiceNumber {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #InvoiceDate {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Net {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderQ {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Value {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Total {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Notes {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Code {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderOption {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderNumber {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderDate {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderPONumber {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderDelivery {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderStatus {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderNotes {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderValue {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Order {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Tracking {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #PriceType {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #DueDate {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #RemainingValue {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #CustomerApproved {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #WithNextOrder {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #OrderAction {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Shipment {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Ship_Item_Option {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #BO_Ship_Qty {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #BO_Balance_Qty {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #PQ {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ActivePrice {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Report_Retrieved {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Report_Description {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Report_Status {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Report_Delete {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht1 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht2 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 25px;
    left: 0px;
    }

    #ht3 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht4 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht5 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht6 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht7 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht8 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht9 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht10 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht11 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht12 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #ht13 {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    .hypertext
    {
    background-color: #EEF0F6;
    layer-background-color: #cccccc;
    border: 2px solid #7487b7;

    text-align: justify;
    color: #7487b7;
    font: normal 10pt verdana;

    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    .hypertext3
    {
    background-color: #EEF0F6;
    layer-background-color: #cccccc;
    border: 2px solid #7487b7;

    text-align: justify;
    color: #7487b7;
    font: normal 10pt verdana;

    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
    }

    #Order_Qty {
    position: absolute;
    visibility: hidden;
    z-index: 10;
    top: 0px;
    left: 0px;
        }

/* ============================================================================ */

