body {
        background: black url(images/bg.gif);
        margin: 8px 5px 5px 5px;
        overflow: -moz-scrollbars-vertical;
      }
      body * {
        font-family: Tahoma, Arial, Verdana;
        font-size: 12px;
      }
      form {
		margin: 0px;
      }
      div.header, div.header_admin {
        height: 59px;
        background: transparent url(images/header_bg.gif) no-repeat right top;
        border-bottom: 6px solid #fff8d2;
      }
      div.header_admin 
      {
		background-image: url(images/header_bg_admin.gif);
      }
      * html div.header 
      {
		height: 56px;
      }
      #main {
        background-color: white;
        width: 100%;
      }
      #footer {
        margin-top: 3px;
        background-color: white;
        padding: 1px;
      }
      #footer * {
        font-family: Verdana, Tahoma, Arial;
        font-size: 10px;
        text-align: center;
      }
      #footer a {
        color: #003399;
      }
      .inner {
        border: 1px solid #747474;
        background-color: #f4faff;
      }
      #footer .inner {
        padding: 5px;
      }
      #main h1 {
        background: transparent url(images/h1_bg.gif) no-repeat left -2px;
        white-space: nowrap;
        font-size: 1em;
        padding: 3px 0px 7px 10px;
        margin: 1px;
        border-top: 2px solid #a9d5f9;
      }
      #main .nudged 
      {
		float: right;
		margin-top: -20px;
		margin-right: 3px;
      }
      #main .italic
      {
		font-style: italic;
      }
      div.header .cart {
        float: right;
        color: white;
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 13px;
        margin-right: 2px;
      }
      div.header .cart * {
        font-size: 11px;
      }
      div.header .cart a {
        color: #7bc1ff;
        font-weight: bold;
      }
      .admintabs, .livehelp, .favicon
      {
        clear: right;
        margin: 0px;
        margin-right: 10px;
      }
      .tabs
      {
        clear: right;
        margin: 0px;
        margin-right: 120px;
      }
      .admintabs
      {
		position: relative;
		top: 4px;
      }
      * html .admintabs
      {
		border-top: 1px solid #747474;
      }
      .tab {
        background: transparent url(images/tab_bg.gif) repeat-x right top;
        float: right;
        padding-right: 0px; /*8px*/
        height: 28px;
      }
      .tab a {
        display: block;
        background: transparent url(images/tab_left.gif) no-repeat left top;
        color: #666666;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px; /*Added*/
        padding-top: 10px;
        padding-bottom: 5px;
        white-space: nowrap;
      }
      .livehelp {
        float: right;
        margin-top: -25px;
        padding-right: 10px;
      }
      .favicon {
        float: right;
        margin-right: 3px;
        margin-top: -24px;
      }
      .active {
        background-image: url(images/tab_active_bg.gif);
      }
      .active a 
      {
		color: Black;
        background-image: url(images/tab_active_left.gif);
        cursor: default;
      }
      .blueButton, .yellowButton {
        background: transparent url(images/blue_button_bg.gif) repeat-x right top;
        float: right;
        margin-top: 0px; /*5px*/
        padding-right: 8px;
        height: 22px;
      }
      .blueButton a, .yellowButton a {
        display: block;
        background: transparent url(images/blue_button_left.gif) no-repeat left top;
        color: #302f45;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        padding-left: 10px;
        padding-top: 4px;
        padding-bottom: 5px;
        white-space: nowrap;
      }
      .yellowButton 
      {
		background-image: url(images/yellow_button_bg.gif);
		height: 23px;
		padding-right: 0px;
      }
      .yellowButton a 
      {
		font-family: Tahoma, Arial, Verdana;
		font-size: 12px;
		font-weight: bold;
		color: #55536e;
		background-image: url(images/yellow_button_left.gif);
		padding-left: 10px;
		padding-right: 10px;
      }
      .yellowButtonEx
      {
		background-image: url(images/yellow_button_bg.gif);
		height: 23px;
		padding-right: 0px;
      }
      .yellowButtonEx a 
      {
      display: block;
      background: transparent url(images/blue_button_left.gif) no-repeat left top;
      font-size: 9px;
      font-weight: bold;
      text-decoration: none;
      text-transform:uppercase;
      text-align:center;
      padding-left: 10px;
      padding-top: 4px;
      padding-bottom: 5px;
      white-space: nowrap;

		font-family: Tahoma, Arial, Verdana;
		color: #55536e;
		background-image: url(images/yellow_button_left.gif);
		padding-left: 10px;
		padding-right: 10px;
      }
      .disabledButton
      {
		background-image: url(images/yellow_button_bg.gif);
		height: 23px;
		padding-right: 0px;
      }
      .disabledButton a
      {
      display: block;
      background: transparent url(images/blue_button_left.gif) no-repeat left top;
      font-size: 9px;
      font-weight: bold;
      text-decoration: none;
      text-transform:uppercase;
      text-align:center;
      padding-left: 10px;
      padding-top: 4px;
      padding-bottom: 5px;
      white-space: nowrap;

		font-family: Tahoma, Arial, Verdana;
		color: #55536e;
		background-image: url(images/yellow_button_left.gif);
		padding-left: 10px;
		padding-right: 10px;
      }
      .grayButton {
        background: transparent url(images/gray_yellow_arrow_button_bg.gif) repeat-x right top;
        float: right;
        margin-top: 5px;
        padding-right: 8px;
        height: 22px;
      }
      .grayButton a {
        display: block;
        background: transparent url(images/gray_yellow_arrow_button_left.gif) no-repeat left top;
        color: black;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        padding-left: 25px;
        padding-top: 4px;
        padding-bottom: 5px;
        white-space: nowrap;
      }
      div.header, #footer {
        min-width: 770px;
        width:expression(document.body.clientWidth < 770? "770px": "auto" );
      }
      #main
      {
		min-width: 770px;
        width:expression(document.body.clientWidth < 770? "770px": "100%" );
      }
      div.form 
      {
		padding: 10px 20px;
		margin: 0px;	
      }
      td.lbl
      {
		white-space: nowrap;
		text-align: right;
      }
      td.frm input, td.frm select
      {
		text-align: left;
		width: 200px;
      }
      td.frm .s50 
      {
		width: 50px;	
      }
      td.frm .s70
      {
		width: 70px;
      }
      td.frm .s205 
      {
		width: 205px;	
      }
      .formError 
      {
		color: red;	
      }
      .clear 
      {
		clear: both;
		line-height: 0px;
		font-size: 0px;	
      }
      table.data
      {
		width: 100%;
		text-align: center;	
      }
      table.data td 
      {
		text-align: left;
		border: 0px solid #cecece;
		border-width: 0px 1px 1px 0px;
		padding: 2px 5px;
		background-color: white;
      }
      table.data tr.header td
      {
		white-space: nowrap;
		background-color: #a8cae6;
		border-top: 1px solid #757472;
		border-bottom: 1px solid #757472;
		border-width: 1px 0px;
		padding: 0px;
      }
      table.data tr.header td a, table.data tr.header td div
      {
		display: block;
		border: 1px solid #f1fcff;
		border-left-width: 0px;
		padding: 2px 5px;
		text-decoration: none;
		color: black;
      }
      table.data tr.header td a.internal, table.data tr.header td a.internal:visited, table.data td a.internal 
      {
		display: inline;
		border-width: 0px;
		color: #026fca;
		width: auto;
		font-size: 11px;
		text-decoration: underline;
      }
      * html table.data tr.header td a, * html table.data tr.header td div
      {
		width: 100%;
      }
      table.data tr.header td.selected, table.data tr.header td a.selected
      {
		background-color: #418fcf;
      }
      table.data tr.header td.asc, table.data tr.header td a.asc, table.data tr.header td.desc, table.data tr.header td a.desc
      {
		background-image: url(images/asc.gif);
		background-repeat: no-repeat;
		background-position: right center;
      }
      table.data tr.header td.desc, table.data tr.header td a.desc
      {
		background-image: url(images/desc.gif);
      }
      table.data tr.header td a.selected
      {
		color: white;
      }
      table.data tr.header td.last a, table.data tr.header td.last div
      {
		border-right-width: 0px;
      }
      table.data tr.header td.first a, table.data tr.header td.first div
      {
		border-left-width: 1px;
      }
      table.data tr.header td.active a 
      {
		color: White;
      }
      table.data tr.even td, table.data tr td.even
      {
		background-color: #ebf0f3;
      }	
      table.data td.enabled 
      {
		color: #009c01;
      }
      table.data td.disabled
      {
		color: #ca0000;
      }
      table.data a.edit 
      {
		display: block;
		text-align: center;
		font-weight: bold;
      }
      table.data td.yellow1 
      {
		background-color: #fffff7;
      }
      table.data td.yellow1 a
      {
		font-size: 11px;
      }
      table.extra td 
      {
		padding: 5px;
      }
      tr.bold td
      {
		font-weight: bold;
      }
      table.itemDetails td 
      {
		border-width: 0px;
		padding: 0px;
		margin: 0px;
      }
      table.itemDetails td.lbl 
      {
		text-align: right;
		font-weight: bold;
		padding: 0px 10px;
      }
      table.bitMorePadding td 
      {
		padding: 2px;
      }
      table.morePadding td 
      {
		padding: 5px;
      }
      table.noPadding td
      {
		padding: 0px;
      }
      .yellowBox 
      {
		margin: 1em 0px;
		width: 740px;
		padding: 0px;
		background-color: #fffef6;
		border: 1px solid #d5d5d5;
      }
      .yellowBox img.tl, .yellowBox img.tr, .yellowBox img.br, .yellowBox img.bl
      {
		float:left;
		position:relative;
		top: -1px;
		left: -1px;
      }
      * html .yellowBox img.tl 
      {
		left: -4px;
      }
      .yellowBox img.tr
      {
		float: right;
		top: -1px;
		left: 1px;
      }
      * html .yellowBox img.tr
      {
		left: 4px;
      }
      .yellowBox img.br 
      {
		float: right;
		top: 1px;
		left: 1px;
      }
      * html .yellowBox img.br 
      {
		left: 4px;
      }
      .yellowBox img.bl 
      {
		clear: left;
		top: 1px;	
      }
      * html .yellowBox img.bl 
      {
		left: -4px;
      }
      .yellowBox table
      {
		width: 700px;
		margin: 0px;	
      }
      #pager a[disabled] 
      {
		color: silver;
      }
      .enabled 
      {
		color: green;
      }
      .disabled
      {
		color: Red;	
      }
      .small 
      {
		font-size: 0.85em;	
      }
      .loggedInMsg 
      {
		float: right;
		color: White;
		margin-top: 10px;
		margin-right: 10px;
      }
      .p20 
      {
		padding: 20px;
      }
      .Complete 
      {
		color: Green;	
      }
      .Pending, .Rejected
      {
		color: Red;
      }
      .Processing 
      {
		color: #ff620a;
      }
      .Shipped, .Ordered
      {
		color: #059c3d;
      }
      table.noBorder tr td
      {
		border-width: 0px;
      }
      input.nbt 
      {
		display: none;
      }
      .lblError 
      {
		display: block;
		margin-bottom: 1em;
      }
      .content 
      {
		margin: 0px 20px 20px 20px;	
      }
      @media print 
      {
		div.header, div.header_admin, .nudged, h1, #footer, .yellowButton
		{
			display: none;
		}
		.data, .grid, .table, .itemDetails
		{
			width: auto;
		}
		.data td
		{
			background-color: White;
			border: solid 1px black;
		}
		.data tr.header td
		{
			font-weight: bold;
		}
		.inner
		{
			border-width: 0px;
		}
		td.edit 
		{
			display: none;
		}
		.noPrint 
		{
			display:none;	
		}
      }
      @page 
      {
		width: 8.5in;
		height: 11in;
		margin: 0.25in;
      }


/*****************************************************************
 **
 **  LiveSearch styles
 **
 *****************************************************************/

#LSResult {
      position: absolute;
      background-color: #aaa;
      min-width: 208px;
      margin: 0px 0px 0px 0px;
      padding: 0px;
}

#LSResult li {
    padding-bottom: 2px;
    padding-top: 2px;
    line-height:15px;
    margin-bottom: 0px;
}


ul#LSShadow {
      position: relative;
      right: 5px;
      margin: 0px;
      padding: 0px;
      background-color: #666; /*shadow color*/
      color: inherit;
}



#LSResult ul {
     margin-bottom: -5px;
     margin-top: 0px;
     padding-top: 0px;
     margin: 0px;
     padding: 0px;
}

#LSResult ul li {
    text-indent: -10px;
    padding: 0px 15px 3px 20px;
}

.LSRes {
      position: relative;
      bottom: 0px;
      right: 0px;
      background-color: white;
      border:  1px solid #AAA;
      padding: 0px 5px 0px 5px;
    }

#LSHighlight {

     color: #564b47;
     background-color: #ccc;
}


/*****************************************************************
 **
 **  End of LiveSearch styles
 **
 *****************************************************************/