/*
 * 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;
	padding			: 0;
}

a
{
	text-decoration	: none;
}

a:hover
{
	text-decoration	: underline;
}

a img
{
	border			: 0;
}

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

h2
{
	border-bottom	: 2px solid #ddd;
	color			: #048;	
	font			: 160% "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: #eef;
	color			: #000;
}

/*
 * 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(/store/images/header/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(/store/images/header/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			: right;
	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;
}

* html #header_menu li, * + html #header_menu li
{	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
 */

#menu
{
	position		: absolute;
	top				: 7em;
	width			: 14em;
}

#menu 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;
}

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

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

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

#menu .sect_menu_sel
{
	background-color: #eec;
	font-weight		: bold;
}

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

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


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

#page_body a:visited
{
	opacity			: 0.85;
}

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



#info
{
	position: absolute;
	top: 8em;
	right: 0;
	width: 10em;
}

#breadcrumb h1
{
	padding: 0.5em 0;
}

dt
{
	color: #A00000;
	font-weight: bold;
}

.red
{
	color: #a00;
}

/* Table styling */

.zebra_base, .product table
{
	border-collapse: collapse;
    border: 1px solid #369;
}

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

.zebra_base td
{
	padding: 0 1em;
}

.product thead tr, .zebra_base thead tr
{
	background: #ccf url(../images/header/menuabg.png) repeat-x top;
	border: 1px solid #000;
}