/******************************************************************************
 * Bijou Beads Estore CSS definitions
 *
 * Copyright (C) 2006-8 Fairfax eCommerce Pty Ltd.
 *****************************************************************************/

@import url(/lib/FWS/css/fes.css);

#customer-gadget
{
    margin: 5px 0;
    padding: 5px;
    text-align: left;
}

#customer-gadget h3
{
    text-align: center;
    margin-top: 0;
}

#customer-gadget p
{
    font-size: 8pt;
}

#shopcart-gadget
{
    margin: 5px 0;
    padding: 5px;
    text-align: left;
}

#shopcart-gadget h3
{
    text-align: center;
    margin-top: 0;
}

#shopcart-gadget p
{
    font-size: 8pt;
}

/*********************************************************************************
 * Shopping cart
 ********************************************************************************/

.fes-shopcart
{
    border: 1px solid green;
    padding: 15px;
}

.fes-shopcart .zwp-text
{
    width: 3em;
}

.fes-shopcart td
{
    padding: 3px;
}

.fes-shopcart .fes-cart-totals td
{
    padding-top: 10px;
}

/******************************************************************************
 * Catalog Display
 *****************************************************************************/

.zwp-popup
{
	z-index: 1000;
}

.zwp-popup img
{
    border: 1px solid #007eff;
}

.estore-list-box
{
    float: left;
    width: 100px;
    height: 205px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #007eff;

}

.estore-list-box .zwp-text
{
    width: 40px;
}

#crumbs ul
{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
}

#crumbs, #crumbs a, .traversal a
{
	font-size: 9px;
}

/*********************************************************************************
 * Catalog Menu
 ********************************************************************************/
 
/*********************************************************************************
 * Catalog Display
 ********************************************************************************/

.cat-img { float: left; padding-right: 10px; padding-bottom: 10px;}

.cat-item
{
    color: black;
}

.cat-disp { clear: both; }
.cat-disp a:hover { background-color: #f5f5f5; }
.cat-disp tr:hover { background-color: #f5f5f5; }
.cat-disp tr { cursor: pointer; }

.cat-disp .cat-table { border-top: 1px solid black; }
.cat-table td { padding: 10px 0; }

.cat-variants { padding: 20px; clear: both;}
.cat-variants .zwp-text { width: 3em; }
.cat-variants .qtycol { text-align: right; }
.cat-variants tr.header
{
	background: url('/FWS/images/bbd_GrnGrad_20px.gif') repeat-x;
	color: white;
}

.cat-variants td, .cat-variants th
{
    padding: 3px 5px;
    vertical-align: middle;
}

td.qty-cell
{
    text-align: right;
}

th.qty-cell
{
    text-align: left;
    width: 3.8em;
}

.cat-table td.descbox
{
    padding-left: 10px;
}

.imagebox
{
    width: 140px;
    text-align: center;
    vertical-align: top;
}

.imagebox img
{
    border-color: white;
}