body
{
	margin:				0px;
	padding:			0px;
	
	background-color:	rgb(217,220,230);
	
	background-image:	url(/images/bg.gif);
	background-repeat:	no-repeat;
}

#header
{
	width:				100%;
	height:				127px;
	
	margin-bottom:		34px;
	background-image:	url(/images/bg_top.gif);
}

/*********************************************************************************************************/
/*	DHTML menu styles
/*********************************************************************************************************/
.menublock
{
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	width:				140px;
	padding-top:		13px;

	border-bottom:		1px solid rgb(13,17,106);
}

a.menuitem
{
	display:			block;
	width:				auto;
	height:				21px;
	padding:			0px 8px;
	line-height:		19px;
	white-space:		nowrap;
	background-color:	rgb(255, 127, 0);

	border-left:		1px solid rgb(13,17,106);
	border-right:		1px solid rgb(13,17,106);

	font-family:		stone sans,arial;
	font-size:			10px;
	text-decoration:	none;
	color:				rgb(13,17,106);
}

a.menuitem:hover
{
	background-color:	rgb(13,17,106);
	color:				rgb(255, 127, 0);
}

/*********************************************************************************************************/
/*	Main nav item styles (for text-only menu headers - delete these if graphics are used for main nav)
/*********************************************************************************************************/
#topnavbar
{
	position:			absolute;
	top:				30px;
	left:				274px;
	z-index:			100;
	
	width:				480px;
	height:				42px;

	padding:			13px 8px;

	clip:				rect( 0,480,42,0 );
	
	background-image:	url(/images/bg_topnav.gif);
	background-repeat:	no-repeat;
}

a.topnav
{
	height: 16px;
	padding: 0px 8px;
	line-height: 16px;
	white-space: nowrap;
	font-family: arial,sans serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: rgb(255, 127, 0);
}

a.topnav:hover
{
	color:				white;
}

a.topnav-active
{
	height:				16px;
	padding:			0px 8px;
	line-height:		16px;
	white-space:		nowrap;

	font-family:		arial,sans serif;
	font-weight:		bold;
	font-size:			11px;
	text-decoration:	none;
	color:				white;
}

a.topnav-active:hover
{
	color:				white;
}

/*********************************************************************************************************/
/*	Sidenav styles - delete these if side nav is not used
/*********************************************************************************************************/
#navsection
{
	position:			absolute;
	top:				145px;
	left:				0px;
	z-index:			60;
}

.sidenav
{
	position:			absolute;
	top:				132px;
	left:				21px;
	z-index:			50;
	
	width:				154px;
	height:				410px;
	background-image:	url(/images/bg_sidenav1.gif);
	background-repeat:	no-repeat;
	
	padding:			20px;
	font-family:		stone sans,arial,sans serif;
	font-weight:		bold;
	font-size:			0.75em;
	color:				rgb(13,17,106);
}

a.sidenavlink-top
{
	display:			block;
	padding:			0.5em 0em;
	font-weight:		bold;
	text-decoration:	none;
	color:				blue;
}

a.sidenavlink
{
	display:			block;
	width:				115px;
	padding:			0.5em 0em;
	text-decoration:	none;
	color:				rgb(13,17,106);
}

a.sidenavlink:hover
{
	color:				white;
}

a.sidenavlink-active
{
	display:			block;
	width:				115px;
	padding:			0.5em 0em;
	text-decoration:	none;
	color:				rgb(99,106,162);
}

a.sidenavlink-active:hover
{
	color:				white;
}

/*********************************************************************************************************/
/*	Footer styles
/*********************************************************************************************************/
.footer
{
	clear:				both;
	padding:			20px 0px;
	line-height:		2.0em;
	font-family:		stone sans,arial,sans serif;
	font-size:			0.65em;
	color:				rgb(13,17,106);
	letter-spacing:		0.05em;
}

/*********************************************************************************************************/
/*	Standard body styles
/*********************************************************************************************************/

.title
{
	margin:				20px 20px 0px 0px;
	padding:			0.5em 0em;

	font-family:		stone sans,arial;
	font-weight:		bold;
	font-size:			1.2em;
	color:				rgb(13,17,106);
}

.subtitle
{
	margin:				0px 20px 0px 0px;
	padding:			0.5em 0em;

	font-family:		stone sans,arial;
	font-weight:		bold;
	font-size:			0.85em;
	color:				black;
}

.bodytext,
.faq-a
{
	margin:				0px 20px 0px 0px;
	line-height:		1.75em;
	font-family:		stone sans,arial,sans serif;
	font-weight:		bold;
	font-size:			0.85em;
	color:				rgb(13,17,106);
}

.faq-a
{
	font-weight:		normal;
	margin-left:		20px;
}

.listtext
{
	margin:				0px 20px 0px 0px;
	line-height:		1.2em;
	font-family:		stone sans,arial,sans serif;
	font-size:			0.85em;
	color:				rgb(13,17,106);
}

a
{
	text-decoration:	none;
	color:				rgb(51,51,51);
}

a:hover
{
	color:				white;
}

.formlabel
{
	display:			block;
	width:				140px;
	float:				left;
	clear:				both;
	
	padding-bottom:		1.5em;
	
	font-family:		verdana,arial;
	font-weight:		bold;
	font-size:			0.72em;
	color:				black;
}

.producttitle
{
	display:			inline;
	background-image:	url( /images/bg_producttitle.gif );
	background-position:	top right;
	background-repeat:		no-repeat;

	white-space:		nowrap;
	line-height:		32px;
	height:				32px;
	margin:				0px;
	padding:			0px 16px;
	
	font-family:		arial black,arial,sans serif;
	font-size:			18px;
	color:				white;
}

table.producttable
{
	margin-top: 10px;
	background-image: url(/images/bg_producttable.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

td.product-label,td.product-data
{
	border-right:		1px solid white;
	border-bottom:		1px solid rgb(102,102,102);
	padding:			3px 10px;
	
	font-family:		arial,sans serif;
	font-size:			0.75em;
	color:				black;
}

td.product-label
{
	border-left:		1px solid white;
	border-right:		none;
	white-space:		nowrap;
	font-weight:		bold;
}

td.producttable-bottom
{
	height:				40px;
	background-image:	url( /images/bg_producttablebottom.gif );
	background-repeat:	no-repeat;
	padding-top:		12px;
}

td.producttable-bottom-left
{
	height:				40px;
	background-image:	url( /images/bg_producttablebottom_left.gif );
	background-repeat:	no-repeat;
	padding-top:		12px;
	background-position: left top;
}

td.producttable-bottom-right
{
	height: 40px;
	background-image: url( /images/bg_producttablebottom_right.gif );
	background-repeat: no-repeat;
	padding-top: 12px;
	background-position: right top;
}


img.tableimage
{
	margin-bottom:		10px;
}

img.titlegraphic
{
	margin:				0px 0px 10px;
}

ul
{
	margin:				0px;
}

li
{
	margin-left:		20px;
}

/*********************************************************************************************************/
/*	Form styles
/*********************************************************************************************************/
form
{
	margin:				0em;
}

input.textfield,select.textfield,textarea.textfield
{
	width:				240px;
	background-color:	white;
	font-family:		verdana,arial;
	font-size:			0.72em;
	color:				black;
}

input.button
{
	background-color:	rgb(255, 127, 0);
	border:				2px solid rgb(13,17,106);
	font-family:		verdana,arial;
	font-weight:		bold;
	font-size:			0.72em;
	color:				black;
}

img.right
{
	float:					right;
	margin:					0px 0px 20px 20px;
}

img.left
{
	float:					left;
	margin:					0px 20px 20px 0px;
}




/*********************************************************************************************************/
/*	WebTop site edit styles
/*********************************************************************************************************/

select.siteedit,input.siteedit
{
	background-color:	white;
	font-family:		arial;
	font-size:			11px;
	color:				black;
}

select.preview,input.preview
{
	background-color:	lightgreen;
	font-family:		arial;
	font-size:			11px;
	color:				black;
}

/* Footer link styles */
div#footernav
{
	position: relative;
	left: -8px;
}

div#footernav a.menuitem
{
	display: inline;
	width: auto;
	height: auto;
	padding: 0px 8px;
	line-height: 19px;
	white-space: nowrap;
	background-color: transparent;
	font-family: stone sans,arial;
	font-size: 9px;
	text-decoration: none;
	color: rgb(13,17,106);
	border-style: none;
}
