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

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

a { color: green }
a:hover { color: #007eff; }

table a { color: green }
table a:hover { color: #007eff; }

h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }

h1, h2, h3, .highlight { color: #ff6600; }
body, table
{
    font-family: tahoma, verdana, arial, sans-serif;
    font-size: 11px;
}

h4
{
	font-size: 11px;
	color: #007eff;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

hr { border: 1px solid #007eff; }


/******************************************************************************
 * Main menu
 *****************************************************************************/

#fws-main-menu
{
    background: url('/FWS/images/bbd_BluGrad_20px.gif') repeat-x;

	font-size: 11px;
	height: 16px;
    margin: 5px 0;
    padding-top: 3px;
    padding-bottom: 2px;
}

#fws-main-menu ul
{
    background-color: white;
    padding: 0;
    display: inline;
}

#fws-main-menu li
{
    background: url('/FWS/images/bbd_BluGrad_16px.gif') repeat-x;

    padding: 0 20px 1px 20px;
    margin: 0 0 0 1px;
}


#fws-main-menu li.zwp-menu-first, #fws-bottom-menu li.zwp-menu-first
{
    margin: 0;
}

#fws-main-menu li.zwp-menu-current, #fws-bottom-menu li.zwp-menu-current
{
    color: black;
}

#fws-main-menu a       { color: white; }
#fws-main-menu a:hover { color: #666666; }

#fws-main-menu li.zwp-menu-current a, #fws-bottom-menu li.zwp-menu-current
{
    color: black;
}

#fws-bottom-menu ul, #catalog_menu li
{
    list-style: none;
	margin: 0;

}

#fws-bottom-menu li
{
    display: inline;
}


#fws-bottom-menu
{
	font-size: 11px;
	height: 16px;
    margin: 5px 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

#fws-bottom-menu ul
{
    background-color: #007eff;
    padding: 0;
    display: inline;
}

#fws-bottom-menu li
{
    background-color: white;
    padding: 0 20px 1px 20px;
    margin: 0 0 0 1px;
}

#catalog_menu ul
{
	margin: 0;
}

/******************************************************************************
 * header
 *****************************************************************************/
 
.fws-header
{
    height: 150px;
    margin-bottom: 20px;
}

/******************************************************************************
 * Columns
 *****************************************************************************/

.skin-left-column
{
    width: 140px;
    border: 1px solid green;
}

.skin-right-column
{
    width: 155px;
    border: 1px solid green;
}


/******************************************************************************
 * in-text images
 *****************************************************************************/

.fws-image-column
{
    width: 180px;
    padding-top: 0.67em;
    padding-right: 20px;
    clear: both;
}

.fws-image-column-right
{
    width: 180px;
    padding-top: 0.67em;
    padding-left: 20px;
    clear: both;
}

/******************************************************************************
 * Gadgets
 *****************************************************************************/

.fws-gadget
{
	padding: 0;
}

.fws-gadget-contents
{
	padding: 0 10px;
}

.fws-gadget-title
{
    background: url('/FWS/images/bbd_GrnGrad_20px.gif') repeat-x;
	font-size: 11px;
    color: white;
    padding-top: 1px;
    padding-bottom: 2px;
}    

/******************************************************************************
 * News
 *****************************************************************************/

.fws-news-gadget, .customer-gadget
{
	background-color: white;
	padding: 0;
}


.fws-news-item
{
	border-top: 1px solid green;
    margin: 15px 0;
}

.first-item
{
	border-top: none;
}

.fws-news-title
{
    font-size: 11px;
    color: #ff6600;
}

.fws-news-date
{
    color: #b2b2b2;
}

/******************************************************************************
 * Blog
 *****************************************************************************/

#blog-paged-list { border-bottom: 1px solid #007eff; }
.blog-paged-list-item { border-top: 1px solid #007eff; padding-top:15px; }

/******************************************************************************
 * paged lists
 *****************************************************************************/

.zwp-paginator-current-page
{
    background-color: rgb(88, 191, 255);
}

.zwp-paged-table thead
{
    background-color: rgb(88, 191, 255);
}

.zwp-paged-table thead a:hover { color: #666666; } /* Needed for Mozilla */



/******************************************************************************
 * Input Box/Message Box
 *****************************************************************************/

.zwp-message-inner
{
    border: 1px solid #007eff;
}

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

.zwp-layer-submenu
{
	left: 100%;
	top: 5px;
	border: 1px solid green;
	background-color: white;
	width: 100px;
	padding: 0 5px;
}

.zwp-layer-menu li, #catalog_menu li
{
	border-top: 1px solid green;
	padding-top: 5px;
	padding-bottom: 5px;
}

.zwp-layer-menu li.zwp-menu-first, #catalog_menu li.zwp-menu-first
{
	border-top: 0;
}

/******************************************************************************
 * Footer
 *****************************************************************************/

.fws-footer
{
    background: url('/FWS/images/bbd_BluGrad_16px.gif') repeat-x;

    margin-top: 0px;
    padding-top: 2px;
}

.fws-footer a
{
    color: white;
}

.fws-footer a:hover
{
    color: black;
}