@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	list-style-type: none;
	font-size: 11pt;
	cursor: default;
	width: 790px;
	font-family: #000066;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFffff;
	height: 29px;
	top: 192px;
	line-height: 11px;
	padding-left: 270px;
	margin: 0;
	padding-right: 0px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
	color: #0000FF;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	height: 29;
	top: 192;
	background-image: url(web%20ready%20pics/SA_buttons.jpg);
	white-space: #000066;
	padding: 0;
	width: 130px;
	left: 0;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 130px;
	position: absolute;
	left: -1000em;
	visibility: visible;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	width: 130px;
	background-image: none;
	background-color: #000099;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 130px;
	background-image: url(web%20ready%20pics/SA-buttons.jpg);
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
	background-image: none;
	background-color: #000033;
	visibility: visible;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	top: 4px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-image: none;
	background-color: #000033;
	width: 130px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	background-image: none;
	background-color: #000066;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	padding-right: 0em;
	padding-left: 0em;
	height: 29px;
	vertical-align: middle;
	text-align: center;
	padding-top: 0px;
	background-repeat: no-repeat;
	width: 130px;
	text-transform: none;
	background-image: url(web%20ready%20pics/SA_buttons.jpg);
	color: #FFFFFF;
	line-height: 28px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-image: url(web%20ready%20pics/SA_buttons.jpg);
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	background-image: url(web%20ready%20pics/SA_buttons.jpg);
	background-color: #000099;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(web%20ready%20pics/SA-buttons.jpg);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	color: #ffffff;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 0.15px;
	border-right-width: 0.15px;
	border-bottom-width: 0.15px;
	border-left-width: 0.15px;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(web%20ready%20pics/SA_buttons.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: 500;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
	letter-spacing: -0.3pt;
	line-height: 24px;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: none;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000099;
	border: 0.15px solid #FFFFFF;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(web%20ready%20pics/SA-buttons.jpg);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 0px;
	width: 130px;
	height: 29px;
	padding-top: 6px;
	background-color: #000099;
	border-top-width: .15px;
	border-bottom-width: .15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	float: left;
	height: 29px;
	}
}
#navbar {
	position:absolute;
	left:4px;
	top:312px;
	width:779px;
	height:29px;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	visibility: visible;
	vertical-align: top;
	align: right;
	float: left;
}
.side_bar {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: auto;
	background-position: bottom;
}
.LB_table {
	margin: 0px;
	padding: 0px;
	height: auto;
}
.SB_rbbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	white-space: normal;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.productstable {
	background-position: center top;
	height: 590px;
	width: 720px;
	padding-right: 5px;
	float: none;
}
.pic {
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-align: left;
	line-height: 14px;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-align: left;
	line-height: 13px;
}
.productsborder {
	border: medium ridge #999999;
	height: 125px;
	background-position: center center;
	clear: none;
	float: none;
	background-color: #FFFFFF;
	width: 165px;
	font-size: 10px;
	vertical-align: middle;
	line-height: 80px;
}
.productsname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	font-weight: bold;
	color: #000033;
	height: 10px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 2px;
	vertical-align: top;
}
#productsdiv {
	position:absolute;
	left:11px;
	top:40px;
	width:758px;
	height:620px;
	z-index:3;
	background-color: #FF6600;
	visibility: visible;
}
.bottom_bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	background-color: #000033;
	background-position: center center;
	text-align: center;
	vertical-align: bottom;
	line-height: 20px;	
a:link
	color: #666666;
	text-decoration: none;
a:visited 
	text-decoration: none;
	color: #ffffff;
a:hover 
	text-decoration: none;
	color: #333333;
a:active 
	text-decoration: none;
	color: #666666;
}
.top_div {
	height: 192px;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF3300;
	text-align: center;
	vertical-align: sub;
}
.productsdiv {
	padding: 10px;
	height: auto;
	width: auto;
	background-image: none;
	background-repeat: repeat-x;
	background-color: #FF3300;
	background-position: center top;
	float: none;
}
#main{
	position:relative;
	width:800px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-top: autopx;
	height: 880;
	}
.wrapperborder{
	position:relative;
	width:802px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-top: auto;
	height: 880;
	border: medium ridge #666666;
	}
ul.MenuBarHorizontal2 {
	list-style-type: none;
	font-size: 11pt;
	cursor: default;
	width: 528px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	height: 29px;
	background-color: #000066;
	float: right;
	left: 0px;
	top: 192px;
}
.mainpg_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11pt;
	font-weight: normal;
	color: #000033;
	text-align: left;
}
.mainnavbar {
	position:absolute;
	left:0px;
	top:191px;
	width:800px;
	height:29px;
	z-index:4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #FF3300;
	background-color: #000066;
	visibility: visible;
	vertical-align: top;
	text-align: center;
	line-height: 24px;
}
.main_textbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF3300;
	padding: 10px;
}
.white_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 12px;
	letter-spacing: -0.06em;
}
.main_whiteBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}
.pic_top {
	background-position: center top;
}
.sideborders {
	border-right-style: solid;
	border-left-style: none;
	border-right-width: thin;
	border-right-color: #999999;
}
.mainpg_textindent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	font-weight: normal;
	color: #000033;
	list-style-position: inside;
	clip: rect(auto,auto,auto,auto);
}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000033;
	height: 10px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	text-align: center;
}
.map_top {
	margin-top: 0px;
}
.productstablemap {
	background-position: center top;
	height: 590px;
	width: 720px;
	padding-right: 5px;
	padding-left: 5px;
	float: none;
	text-align: center;
}
a:link {
	color: #000033;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #000033;
}
.border2 {
	border: thin outset #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	color: #000033;
	font-style: normal;
	line-height: 18px;
}
body {
	background-image: url(web%20ready%20pics/SA_background.jpg);
	background-repeat: repeat;
}
.underline {
	border: thin solid #CC3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-align: left;
}
.textsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	color: #000033;
	text-align: left;
	line-height: 14px;
}
.big_productpic {
	background-color: #FFFFFF;
	background-position: right top;
	height: 300px;
	width: 372px;
}
.text_productpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-align: left;
	line-height: 14px;
}
.border3 {
	border: thin outset #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000033;
	font-style: normal;
	line-height: 14px;
}
