/*
 * Instuctions 
    1. Please place 'jec' class to the top element of ecomerce stuff.
 */

/* common */
.jec .err_msg { color:Red; }
.jec .fldname {padding:2px 0; width:150px; font-weight:bold; vertical-align:top;}
.jec .fldval {padding:2px 0; vertical-align:top;}
.jec .fldval input, .jec .fldval textarea {width:300px;}
.jec .fldval input, .jec .fldval select{ font-size: smaller;}
.jec .fldval input.button { width:auto;}
.jec .fldval input.checkbox, .jec .fldval .checkbox input{ width:auto;}
.jec .fldval .radio input {width:auto;}
.jec .filterbar {}

/* shopping navigation bar */
.jec #shoppingNav { padding:0; margin:0; color:#990000; clear:right; height:2em; padding-top:5px;}
.jec #shoppingNav ul { float:left;  padding:0; margin:0; list-style-type:none; list-style-position:inside;}
.jec #shoppingNav li { list-style-type:none; padding:0 5px 0 15px; margin: 0; float:left;}
.jec #shoppingNav li { background: url(/core/jabaecommerce/img/arrow.gif) no-repeat 0% center; }
.jec #shoppingNav li.current { font-weight:bold; }

/* most outer class for ecommerce controls */
.jec {clear:both;}
.jec table {}
.jec table th, .jec table td { }
.jec table th { text-align:left; font-weight:bold; vertical-align:top; }
.jec table td {}
.jec img { border: none; }

/* customer editor */
.jec table.customer {}
.jec table.customer input.fld_country {width:200px;}

/* catalogue */
.jec table.category {}

.jec table.category th { padding:5px; font-weight:bold; }
.jec table.category td { padding:5px; }

.jec table.category tr.selected td { background-color : #ffffcc;}
.jec table.category tr.delivery td { background-color : #ffff99;}
.jec table.category tr.totalrow td { }
.jec table.category tr.deliveryV td { background-color : #eeeeee;} /* View mode : read only */

.jec table.category td.pd_img {background-color:#fff;}
.jec table.category td.pd_name {width:15em; font-weight:bold;}
.jec table.category td.pd_desc {}
.jec table.category td.pd_price {width:80px;}
.jec table.category td.pd_priceGST {width:100px;}
.jec table.category td.pd_quantity {width:100px;}
.jec table.category tr.totalrow td.pd_desc { text-align:right;}
.jec table.category tr.gstrow td.pd_desc { text-align:right;}

.jec table.category .maxallowed { color:Red; }
.jec table.category .totalGST, .jec table.category .gst, .jec table.category .total, 
    .jec table.category .totalamount { font-weight:bold; font-size:1.2em;}
.jec table.category a.pd_name, .jec span.pd_name, .jec p.pd_name { font-weight:bold;}

.jec .confirmorder table.category .total, .jec .confirmorder table.category .gst { font-size:1em;}
.jec .confirmorder table.category .totalGST { color: #ff6600; }

/* shopping cart */
.jec table.shoppingcart th { padding:5px; font-weight:bold; }
.jec table.shoppingcart td { padding:5px; }
.jec table.shoppingcart tr.totalRow {background-color : #eeeeee;}

/* payment */
.jec table.payment {}
.jec table.card {}
.jec input.cardnumber {width:17em;}
.jec input.cardholder {width:17em;}

/* order */
.jec table.orderdetail .orderstatus { font-weight:bold; color:Red;}

/* order items */
.jec table.orderitems {width:400px;}
.jec table.orderitems .itemname {}
.jec table.orderitems .unitprice {width:10em;}
.jec table.orderitems .quantity {width:5em;}
.jec table.orderitems .totaltrow { font-size:medium!important; }

/* customizing --------------------------------------------------------------- */