/* Order Status ======================================== */

div.orderstatustabs {display:block; height:43px; width:100%; margin:0; padding:0;}
div.orderstatustabs span.orderstatustab1 {}
div.orderstatustabs span.orderstatustab1 A {margin:0 8px 0 20px; padding-top:13px; height:30px; font-size:12px; background:rgb(146, 176, 214); display:block; float:left; width:292px; text-align:center; color:rgb(255,255,255);}
div.orderstatustabs span.orderstatustab1active  A {margin:0 8px 0 20px; padding-top:13px; height:30px; font-size:12px; background:rgb(146, 176, 214); display:block; float:left; width:292px; text-align:center; color:rgb(255,255,255);text-decoration:none; text-transform:uppercase; font-weight:bold;background:rgb(247, 148, 29);}
div.orderstatustabs span.orderstatustab2 {}
div.orderstatustabs span.orderstatustab2 A {margin:0 8px; padding-top:13px; height:30px; font-size:12px; background:rgb(146, 176, 214); display:block; float:left; width:292px; text-align:center; color:rgb(255,255,255);}
div.orderstatustabs span.orderstatustab2active A {margin:0 8px; padding-top:13px; height:30px; font-size:12px; background:rgb(146, 176, 214); display:block; float:left; width:292px; text-align:center; color:rgb(255,255,255); text-decoration:none; text-transform:uppercase; font-weight:bold;background:rgb(247, 148, 29);}
div.orderstatustabs span.orderstatustab3 {}
div.orderstatustabs span.orderstatustab3 A {margin:0 8px; padding-top:13px; height:30px; font-size:12px; background:rgb(146, 176, 214); display:block; float:left; width:292px; text-align:center; color:rgb(255,255,255);}
div.orderstatustabs span.orderstatustab3active A {margin:0 8px; padding-top:13px; height:30px; font-size:12px;  text-decoration:none; display:block; float:left; width:292px; text-align:center; color:rgb(255,255,255); text-transform:uppercase; font-weight:bold;background:rgb(247, 148, 29);}


div.subtitlewrapOS   {display:block; background:rgb(247, 148, 29); padding:5px; margin:0; font-weight:bold; color:rgb(255,255,255);}
div.orderlistitems {background:rgb(247, 148, 29); padding:5px;}
table.OrderList {width:100%; background:rgb(255,255,255); padding:5px; border:5px solid white; border-collapse:collapse;}
table.OrderList TH {text-align:left; padding:5px;}
table.OrderList TD {padding:5px;}
table.OrderList TD SPAN {display:block; }
table.OrderList TD SPAN.ready {font-weight:bold; color:rgb(0, 167, 90); background:url(./images/icon-greencheck.gif) left center no-repeat; padding-left: 22px; }
table.OrderList TD SPAN.complete {background:url(./images/icon-greencheck.gif) left center no-repeat; padding-left: 22px;}
table.OrderList TD SPAN.notready {font-weight:bold; color:rgb(253, 0, 2);background:url(./images/icon-redpoint.gif) left center no-repeat; padding-left: 22px; }
table.OrderList TD SPAN.incomplete {color:rgb(253, 0, 2);background:url(./images/icon-redpoint.gif) left center no-repeat; padding-left: 22px; }
table.OrderList TD.a {background:rgb(253, 246, 230)}
table.OrderList TD.b {background:rgb(255,255,255);}


/* Order Search =============================== */
table.ordersearchform {width:100%; background:rgb(243,243,243); border:solid rgb(204,204,204); border-width:1px 0;}
table.ordersearchform TD {vertical-align:top; }
table.ordersearchform TD.colone {width:35%;}
table.ordersearchform TD.coltwo {width:50%;}
table.ordersearchform TD.colthree {width:15%;}

/*table.ordersearchform TD table td { padding:2px;}*/
table.ordersearchform TD table td IMG {border:none; padding:2px;}
table.ordersearchform TD table td INPUT {float:left;}
table.ordersearchform TD table td.searchfield {text-align:right; font-weight:bold; padding-top:4px;}

A.ordersearchbutton {text-decoration:none;text-align:center; font-weight:bold; background:url(images/orangebutton200.jpg) top left no-repeat; height:21px; width:200px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:10px auto 0px auto; padding:4px 0px 30px 0px; }

/* Order Detail =============================== */
span.osd {padding:5px;}
span.osd span.osdHeader {clear:left; border-bottom:1px solid rgb(233,233,233); display:block; padding:0 10px 5px; margin:3em 0 1em 0; font-weight:bold;}

A.osdItem {display:block; text-align:center; padding:5px 2px; width:152px; height:250px; float:left; text-decoration:none;}
A.osdItem IMG.osdImage {border:0;}
A.osdItem .osdSKU {display:block;}
A.osdItem .osdName {display:block;}
A.osdItem .osdQuantity {display:block; color:rgb(0,0,0);}
A.osdItem .osdQuantity EM {font-style:normal;}

div.osdItem {display:block; text-align:center; padding:5px 2px; width:152px; height:250px; float:left; text-decoration:none;}
div.osdItem IMG.osdImage {border:0;}
div.osdItem .osdSKU {display:block;}
div.osdItem .osdName {display:block;}
div.osdItem .osdQuantity {display:block; color:rgb(0,0,0);}
div.osdItem .osdQuantity EM {font-style:normal;}



table.osdInfo {width:97%; margin:0 10px 20px; }
table.osdInfo TH {text-align:left; width:33%; border-bottom:1px solid rgb(233,233,233);}
table.osdInfo TD {vertical-align:top; }
table.osdInfo TD EM {font-weight:normal; font-style:normal;}

table.osdCharges {margin:0 10px; border-collapse:collapse;}
table.osdCharges TH {padding:2px 3em 2px 2px; border-bottom:1px solid rgb(233,233,233); font-weight:normal; text-align:left;}
table.osdCharges TD {padding:2px 3em 2px 2px; border-bottom:1px solid rgb(233,233,233);}
table.osdCharges .colQty {text-align:center;}
table.osdCharges .colDes {}
table.osdCharges .colCod {}