/*
Copyright (c) 2008, Jaba Multimedia. All rights reserved.
*/

/* common */
.jec {margin-right:40px;}
.jec table {width:100%;}
.jec th {vertical-align:top; padding:5px; text-align:left;border-bottom:solid 1px #ccc; background:#eee;}
.jec td {vertical-align:middle; padding:5px;}
.jec .fldname {width:150px; }
.jec table.short {width:100%;} /* short table width */
.jec .error ul { margin-left:20px;}
.jec .error li, .jec .error {color:#f00;}
.jec .action .buttonarea {padding-right:65px;}
.jec td.section { font-weight:bold;}

/* category list */
.catselected a {color:#888;}
.catselected a.enable {color:inherit;}
.catselect { background-color:#0099ff; color:#fff; padding:5px 5px;}
.catselect { }

.catselect a {margin:2px 0px; color:#fff; text-decoration:underline;}
/*.catselect ul {}
.catselect li {list-style-type: none; margin: 0; padding:5px; display:block; float:left; width:100px;}
*/

/* product list */
.products h3 {color:#003D7D;font-weight:bold; font-size:1.2em; padding: 5px 0 10px 0;}
.products td { vertical-align:top; line-height:1.3em;}

.productrow td {padding-top:20px;}
.prd_img {width:50%; text-align:center;}
.prd_desc {padding:5px 0;}
.prd_sdesc {padding-left:10px;font-size:0.9em;}
.prd_desc table {width:100%; background-color:#eee; border-color:#ccc; border-bottom:solid 2px #aaa; border-right:solid 2px #aaa; font-size:0.9em;}
.prd_desc table td, .prd_desc table th {padding:2px 3px; text-align:center;}
.prd_desc table th {font-weight:bold;}

/* add to cart */
.addtocart {margin:10px 20px 10px 0px; padding:5px; background-color:#eee;}
.addtocart td {padding:2px 0;}
.addtocart td.fldname {font-weight:bold;}
.addtocart input, .addtocart select {}

/* shopping cart */

/* item list */
.itemlist td {padding:5px; vertical-align:top;}
.itemlist .image {width:110px;}
.itemlist .product {}
.itemlist .price {width:80px;}
.itemlist .quantity {width:2.5em;}
.catalogue .itemlist .quantity {width:4em;}
.itemlist .quantity .pd_quantity,
.itemlist .quantity .quantity_txtbox {width:2em; text-align:center; margin-right:2px;}
.itemlist .change {width:90px; *width:105px; text-align:right;}

.itemlist .subtotal { background:#fff; }
.itemlist .subtotaltitle { font-weight:bold;}
.itemlist .subtotalamount{ font-weight:bold;}

.itemlist .pdname {font-weight:bold;}
.itemlist .pddesc {font-style:italic;}
p.orderno { padding-left:5px; font-style:italic;}
span.orderno {font-weight:bold;}

.totalsummary {margin:10px 0;}
.totalsummary td {border-bottom:1px solid #CCCCCC;}
.totalsummary .total {background:#eeffcc; padding:3px 0;}

.totalsummary .totaldesc{}
.totalsummary .totaltitle{ font-weight:bold;}
.totalsummary .totalamount{ font-weight:bold; color:#a57408}
.totalsummary .delivery{ display:none;}
.totalsummary .deliverytitle{ font-weight:bold;}
.totalsummary .deliveryamount{ font-weight:bold;}
.totalsummary .price{width:80px;}
.subtotal td { border-top:solid 1px #888;}

.paymentmethod td {background:#eeeeee; border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.paymentmethod table td {padding:0; border:none;}

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

/* ship info */
.shipinfo td { vertical-align:top;}
.shipinfo td.fldval input, .shipinfo td.fldval table {width:400px;}
.shipinfo td.fldval .radio input {width:auto;}
.shipinfo td.fldval .check input {width:auto;}
.shipinfo td.fldval input.fld_country {width:300px;}

.shipinfo .viewmode td {padding:2px 5px;}
/* order item */
.orderiteminfo .itemlist .quantity {width:80px;}
.orderiteminfo .totalsummary .price{width:160px;}

.jec table.itemlist {width:630px;}
.jec table.totalsummary {width:630px;}
.jec table.paymentmethod {width:630px;}
.jec table.action {width:630px;}

.error li {color:#ff0000;}

/* print */
@media print {
    .prt_hide  {display:none;}  
}