/*
 * This is for accessability - if the style sheet is not in use it will show, otherwise it will be off the page
 */
.access
{
	left			: -2000px;
	position		: absolute;
}

/*
 * General element styles
 */

body
{
	background-color: #fff;
	color			: #000;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: small;
	margin			: 0;
	min-width		: 960px;
	padding			: 0;
}


a
{
	text-decoration	: none;
}

a:hover
{
	text-decoration	: underline;
}

a img
{
	border			: 0;
}

h1
{
	color			: #048;
	font			: 180% "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin			: 0;
	padding			: 0.5em 0;
}

h2
{
	border-bottom	: 2px solid #ddd;
	color			: #048;	
	font			: 150% "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin			: 0.5em 0;
	padding			: 0.25em 0;
}

h3
{
	color			: #048;
	font			: 130% "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

.zebra
{
	background-color: #ddf;
	color			: #000;
}

/*
 * Form styling
 */
 
fieldset
{
	border			: 3px solid #aac;
}

legend
{
	color			: #008;
	font-size		: 120%;
}

textarea
{
	width			: 95%;
	height			: 8em;
}

input[type="text"], textarea
{
	background-color: #ffe;
	border			: 1px solid #88d;
}

input:focus, textarea:focus
{
	background-color: #ffb;
}

label
{
	font-weight		: bold;
}

.zend_form dt
{
	clear			: left;
	float			: left;
	margin			: 5px;
	padding			: 0;
	text-align		: right;
	width			: 15%;
}

.zend_form dd
{
	float			: left;
	margin			: 5px 0;
	padding			: 0;
	width			: 83%; 
}

.zend_form ul.errors
{
	color			: #800;
	list-style		: none;
	margin			: 2px 0;
	padding			: 0;
}

label.required
{
	background		: url(/images/icons/10x10/asterisk.png) left top no-repeat;
	padding-left	: 10px;
}

p.description
{
	font-style		: oblique;
	margin			: 3px 0 1em 0;
}

/*
 * header styles
 */

#page_header
{
	background		: #000 url(/images/grads/v_80_000446.jpg) repeat-x bottom;
	color			: #eea;
	float			: left;
	width			: 100%;
}

#logo
{
	float			: left;
	margin			: 5px 0;
}

#access_link
{
	color			: #888;
	float			: right;
}

#tphone
{
	background		: transparent url(/images/ui/phone.png) no-repeat left top;
	float			: left;
	height			: 60px;
	margin			: 0 0 0 5em;
	min-height		: 60px;
	padding			: 0 0 0 20px;
}

#tphone dd
{
	font-size		: 150%
}

#tphone ul
{
	font-size		: 50%;
	margin			: 0;
	padding			: 0;
}

#tphone ul li
{
	display			: inline;
	padding			: 0 0.5em 0 0;
}

#page_header form
{
	background		: transparent url(/images/ui/mglass.png) no-repeat left;
	clear			: right;
	float			: right;
	margin			: 1em 0;
	padding			: 3px 5px 3px 30px;
}

#page_header input
{
	border			: 2px solid #ccb;
}

#header_menu
{
	background		: transparent url(/images/general/shadow.png) repeat-x bottom;
	clear			: both;
	list-style		: none;
	margin			: 0;
	padding			: 0 0 10px 0;
	text-align		: right;
}

#header_menu li
{
	border-left		: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	display			: inline-block;
	zoom:1;* display: inline;
}

#header_menu li > a:hover
{
	background		: transparent url(/images/general/clear_glass_25.png) repeat-x 50% 50%;
}

#header_menu a, #header_menu a:visited
{
	color			: #eea;
	display			: block;
	padding			: 0.25em 0.5em;
}

#header_menu span
{
	color 			: #c44;
	display			: block;
	padding			: 0.25em 0.5em;
}

/*
 * Navigation area
 */
#page_nav
{
	left			: 0;
	position		: absolute;
	top				: 7em;
	width			: 14em;
}

#page_nav h3
{
	background		: #bbb url(/images/general/menuheadbg.jpg) no-repeat top right;
	color			: #a44;
	font-weight		: bold;
	margin			: 1em 0 0 0;
	padding			: 0.5em 0;
	text-align		: center;
}

#page_nav div
{
	background		: #ccf url(/images/grads/menugrad.jpg) repeat-y left;
	border			: 2px solid #888;
	padding			: 0.5em 0;
}

#page_nav ul
{
	list-style		: none;
	margin			: 0;
	padding			: 0 0 0 1em;
}

#page_nav li
{
	border-bottom	: 1px solid #ccf;
}

#page_nav .current
{
	background-color: #eec;
	font-weight		: bold;
}

#page_nav a
{
	color			: #000;
	display			: block;
}

#page_nav a:hover
{
	background-color: #eec;
}

#page_info
{
	position		: absolute;
	right			: 0;
	top				: 9em;
	width			: 10em;
}

#recently_viewed, #basket_summary
{
	background		: #fff url(/images/ui/infobg.jpg) repeat-y left;
	border			: 1px solid #666;
	font-size		: 94%;
	margin			: 5px;
	padding			: 5px 1em;
	text-align		: center;

	-moz-border-radius		: 8px;
	-webkit-border-radius	: 8px;
}

#recently_viewed ul
{
	list-style		: none;
	margin			: 0;
	padding			: 0;
}

#recently_viewed li
{
	border			: 1px solid #ccc;
}

#recently_viewed a
{
	display			: block;
}

/*
 * Main area area
 */
#page_body
{
	clear			: both;
	margin-left		: 14em;
	margin-right	: 10em;
	padding			: 1em;
}


#breadcrumb
{
	list-style		: none;
	font-weight		: bold;
}

#page_body ul
{
	list-style-image: url(/images/icons/5x7/red_arrow.gif);
}

#page_body ul ul
{
	list-style-image: url(/images/icons/5x7/green_arrow.gif);
}

#page_body ul ul ul
{
	list-style-image: url(/images/icons/5x7/orange_arrow.gif);
}

#page_body ul ul ul ul
{
	list-style-image: url(/images/icons/5x7/blue_arrow.gif);
}

/*
 * Footer
 */
#page_footer
{
	clear			: both;
	color			: #888;
	font-size		: 70%;
	text-align		: center;
}

/* Paginator */

.page_navigator
{
	background		: url(/images/grads/v_20_ddfbbf.jpg) top repeat-x #bbf;
	border			: 1px solid #88c;
	border-radius	: 0.5em;
	float			: right;
	list-style		: none;
	padding			: 0.5em;
	margin			: 0.2em;
	-moz-border-radius		: 0.5em;
	-webkit-border-radius	: 0.5em;
}

.page_navigator li
{
	border			: 1px solid #aaa;
	float			: left;
	list-style		: none;
	margin			: 0 0.4em;
}

.page_navigator li.ends
{
	background-color: transparent;
	border			: none;
}

.page_navigator a
{
	color			: #004;
	display			: block;
	padding			: 0.25em 0.4em;
}

.page_navigator .ends a
{
	display			: block;
	padding			: 0;
}

.page_navigator a:hover
{
	background-color: #eef;
}

.page_navigator .page_navigator_current
{
	background-color: #fff;
	border			: 1px inset #8c8;
	font-weight		: bold;
	padding			: 0.25em 0.5em;
}

/* Child Categories */
#categories
{
	margin			: 1em 0;
}

#categories h2
{
	color			: #a00;
	background		: #fff;
	border-bottom	: 2px solid #ddf;
	margin			: 0;
	padding			: 0;
}

#categories ul
{
	font-size		: 120%;
	list-style		: none;
}

#categories li
{
	background		: url(/images/products/no_pict.gif) no-repeat 50% 95%;
	border			: 1px solid #ddf;
	display			: inline-block;
	margin			: 0.25em 0.5em;
	padding			: 2px;
	text-align		: center;
	vertical-align	: top;
	width			: 130px;
	zoom:1; *display: inline;

	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	-moz-box-shadow			: 5px 5px 10px #888;
	-webkit-box-shadow		: 5px 5px 10px #888;
}

#categories li:hover
{
	border			: 1px solid #aaf;
}

#categories a
{
	color			: #444;
	display			: block;
	height			: 9em;
}

#categories span
{
	background		: url(/images/general/white_0_7.png);
	display			: block;
}

/* Products & Basket*/

.product
{
	border			: none;
}

.product_image
{
	float			: left;
	margin-right	: 5px;
	min-height		: 75px;
	text-align		: center;
	width			: 150px;
}

.product_image a:hover
{
	color			: #66a;
	text-decoration	: none;
}

.product table
{
	border			: 1px solid #446;
	border-collapse	: collapse;
	width			: 25em;
}

.product thead tr, #basket thead tr
{
	background		: #224 url(/images/general/clear_glass_25.png) repeat-x top;
	border			: 1px solid #000;
	color			: #fff;
}

.product div
{
	clear			: left;
	margin-left		: 150px;
}

.product_detailed div
{
	margin-left		: 0;
}

.product label
{
	display			: inline-block;
	margin-right	: 0.5em;
	text-align		: right;
	width			: 5em;
	zoom:1; *display: inline;
}

.productSelectedRow
{
	background-color: #448;
	color			: #fff;
}

.prodcolprice
{
	width			: 6em;
}

#chip_symbols
{
	list-style		: none;
}

#chip_symbols li
{
	display		: inline;
}

#basket
{
	border-collapse	: collapse;
	width			: 100%;
}

#basket_items
{
	border			: 1px solid #ccc;
}

#basket_totals
{
	color			: #008;
}

#basket_totals .total_title
{
	text-align		: right;
	padding			: 3px 10px;
}

#basket_totals .total_value
{
	border-top		: 3px double #44a;
	font-weight		: bold;
}

/* colour charts */

#colour_chart
{
	list-style : none;
}

#colour_chart li
{
	display			: inline-block;
	height			: 6em;
	margin			: 1em;
	vertical-align	: top;
	width			: 10em;
	zoom: 1; * display: inline;
}

#colour_chart li div
{
	border			: 1px solid #000;
	padding			: 1em 0;
}

/* articles */

#article_list h2
{
	border	: none;
	margin	: 0.5em 0 0 0; 
}

#article_list span
{
	color		: #400;
	font-size	: 120%;
}

#article_list h2 + p
{
	margin-top	: 0.2em;
}

#article_list p + h2
{
	border-top	: 1px solid #ccc;
}