/* below is global */
a:link       { text-decoration: none; color: #69648C; font-size:8pt; font-family: "Arial";}
a:visited    { text-decoration: none; color: #69648C; font-size:8pt; font-family: "Arial";}
a:active     { text-decoration: none; color: #333333; font-size:8pt; font-family: "Arial";}
a:hover      { text-decoration: none; color: #FF3300; font-size:8pt; font-family: "Arial";}

body {  
      SCROLLBAR-FACE-COLOR:    #FFFFFF; 
 SCROLLBAR-HIGHLIGHT-COLOR:    #FFFFFF; 
    SCROLLBAR-SHADOW-COLOR:    #FFFFFF; 
   SCROLLBAR-3DLIGHT-COLOR:    #000000; 
     SCROLLBAR-ARROW-COLOR:    #000000; 
     SCROLLBAR-TRACK-COLOR:    #FFFFFF; 
SCROLLBAR-DARKSHADOW-COLOR:    #000000; 
                      font:    8pt "Arial"; 
                     color:    #333333; 
                background:    #FFFFFF fixed;
                text-align:    center;
                    margin:    10px 0px 10px 0px;
}

img {border:0px;}

li blockquote{
  margin:2px 10px 2px 18px;
  color: #333333;
  font-size:9pt;
  line-height:14pt;
}

button {
  line-height: 12pt;
  font-size:10pt;
  height:25px;
  margin-left:3px;
  cursor:hand;
  letter-spacing:2pt;
}

.button100 {
  border:none;
  background-color:transparent;
  width:100px;
  background-image:url(../images/button100.gif);
}

.button50 {
  border:none;
  background-color:transparent;
  width:50px;
  background-image:url(../images/button50.gif);
}
/*
button div {
  text-align:justify;
  width:90px;
  text-justify:distribute-all-lines;
}
*/
input.cartAButton {
  background-image:url(../images/cartabg.gif);
  text-align:left;
  padding:3px 0px 0px 12px;
  height:24px;
  width: 110px;
  background-color:transparent;
  border: none;
}

input.cartMButton {
  background-image:url(../images/cartmbg.gif);
  text-align:left;
  padding:3px 0px 0px 12px;
  height:24px;
  width: 110px;
  background-color:transparent;
  color:blue;
  border: none;
}

h4 {
/*border-left:18px solid #FF6633; border-bottom:1px solid #FF6633; */
background-image: url(../images/h4bg.gif);
margin:3px 2px 6px 2px;
padding-top:6px;
letter-spacing:2pt;
height:32px;
}

h5 {
margin-bottom:3px;
}

h4 A{
text-decoration:none;
}

form { margin: 0px; padding:0px}

td {
  font-size:8pt;
}

.header { width: 748px; margin-top:11px; margin-bottom:3px;}
.footer { width: 748px;}
.navigator{
  width: 100%;
}

.pageLayout {
  width:748px;
  height: 500px;
  font-size:8pt; 
  border:1px solid #69648C;
}

.pageLayout-top {
  padding:6px 0px 6px 2px;
  font:8pt/15px 'Arial';
  height:15;
  background-color: #EFF0E2;
  border-bottom:1px solid #69648C;
}

.pageLayout-bottom {
  padding:2px 0px 0px 2px;
  font:8pt/15px 'Arial';
  height:15;
  background-color: #EFF0E2;
  border-Top:1px solid #69648C;
}

.pageLayout-left {
  width:120px;
  padding:6px;
  border-right:1px dotted #69648C;
}

.pageLayout-center {
  padding:0px;
  width:98%;
  font-size:8pt;
  line-height:12pt;
}

.pageLayout-right {
  display:none;
}

.portlet {
  margin-bottom: 12px;
  width:111px;
}

.portletHead {
  font-size: 8pt ;
  color: black;
}

.portletBody {
  font-size: 8pt ;
}

.infoBox{
  width:100%;
  padding:2px 5px 2px 5px;
  border: 1px dotted #FF9966;
  background-color:#FFFFEE;
  filter:		progid:DXImageTransform.Microsoft.Shadow(color="#CCCCCC", Direction=135, Strength=3);
}

#errorMessage {
 border-bottom:2px dotted red;
 border-top:2px dotted red;
 margin:5px;
 background-color:infobackground; 
}

#search {
background:           #EDE9E0;
border:        #4A5A71 1px solid; 
font-size:            9pt; 
font-family:          "細明體"; 
color:                #000000;
}

/* below is local */

.goodsList {
  margin: 3px;
  font-size:8pt;
  width:98%;
}

.goodsList THEAD TR{
  background-color: #7F8899;
}

.goodsList THEAD TD{
  padding:3px;
  color:white;
}

.goodsListRow0 {

}

.goodsListRow0 TD{
  padding:5px;
}

.goodsListRow1 {
  background-color: whitesmoke;
}

.goodsListRow1 TD{
  padding:5px;
}

.goodsList1 {
  margin: 3px;
  font-size:8pt;
  width:98%;
}

.goodsList1 TD{
  padding-top: 10px;
  padding-bottom: 2px;
  border-bottom:1px dashed #DCDCDC;
}

.goodsDescribe{
  padding:2px 2px 2px 24px;
  font-size: 8pt;
  line-height: 12pt;
  color: gray;

}
/** 商品目錄 */
.goodsLargeCategory { width:100%; }
.goodsLargeCategory TD{ font-size:8pt }

.goodsLargeCategoryItem {
cursor:hand; padding:1px;
}

.goodsLargeCategoryItemOn{
cursor:hand; padding:1px;
}

.goodsMiddleCategory { margin-left:8px; width:95%; }
.goodsMiddleCategoryItem {
  cursor:hand;
  padding:1px;}

.goodsLittleCategory { margin-left:8px; width:95%; }
.goodsLittleCategoryItem {  cursor:hand; padding:1px;}


#showCategory {}

.pageBar{
  /*border:collapse;*/
  /*border: */
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  text-decoration:none;
}

.pageBar TD {
  font-size:9pt;
}

.pageBar A{
  text-decoration:none;
}

.pageIndex{
  border-top: 1px solid gray;
  padding:0px;
}

.pageIndex A {
  border-right: 1px solid gray;
  margin:0px;
  background-color:white;
  height: 23px;
  width:20px;
  padding-top:5px;
  text-align:center;
}

.pageNow {
  border-right: 1px solid gray;
  margin:0px;
  height: 23px;
  width:20px;
  padding-top:5px;
  text-align:center;
  background-color: #CCEEEE;
}

.pageBack, .pageLast, .pageNext, .pageFirst{
  color:#cccccc;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  padding:2px;
  background-color: whitesmoke;
}

.supplierList{
 width: 150px;
 font-size:9pt;

}

.goodsNameField{
 background: #FFFFFF;
 border: #4A5A71 1px solid; 
 width: 100px;
 font-size:9pt;
}

.goodsPicture{
 width:125px;
 height: 125px;
}

.accountPane {
  table-layout: fixed;
  width:98%;
  font-size:9pt;
  margin-bottom: 6px;
}

.accountPane CAPTION {
  text-align: left;
  color: #336699;
  padding:3px;
  background-color:#F5F5F5;
  letter-spacing:2pt;
  font-weight: bold;
  border-bottom: 3px double #EEEEEE;
}

.accountPane THEAD TD {
  padding:3px;
}

.accountLabel {
  font-size:9pt;
  width:86px;
  text-align:right;
  text-align:justify;
  text-justify:distribute-all-lines;
  padding:3px 3px 3px 10px;
}

.accountField {
  font-size:9pt;
}

.assessmentList{
  width: 94%;
}

.assessmentList THEAD TD{
  /*background-color: #33CCFF;*/
  padding: 6px;
  border-top:1px double #DCDCDC;
  border-bottom:3px double #DCDCDC;
}
.assessmentList TBODY TD{
  padding: 6px;
  border-bottom:1px solid #DCDCDC;
}




.assessmentDetails {
  width:98%;
  border:1px solid #DCDCDC;
}

.assessmentDetails THEAD TR{
  height: 30px;
  background-image:url(../images/wgbg.gif);
}

.assessmentDetails THEAD TD, .assessmentDetails TFOOT TD{
  padding:3px;
}

.assessmentDetails TBODY TD{
  padding:6px;
}