/* ************************************ *
 *          horizontal navbar           *
 * ************************************ */
/* ------------------- Main nav ------------------- */

/*- Menu Tabs B--------------------------- */
#menu
{
	float:left;
	width:100%;
	background:#F4F4F4;
	font-size:75%;
	FONT-WEIGHT: bold;
	font-family: arial;
	line-height:normal;
	border-bottom: 3px solid #CCC;
}

#tabsB
{
	float:left;
}

#cart
{
	float:right;
	margin: 15px 2px 0 0;
}

#cart a, #cart a:hover, #cart a:visited
{
	color: #ff0000;
}

#tabsB ul
{
	margin:0;
	padding:10px 5px 0 2px;
	list-style:none;
}

#tabsB li
{
	display:inline;
	margin:0;
	padding:0;
}

#tabsB a
{
	float:left;
	background:url("/images/tableftB.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 0px;
	text-decoration:none;
}

#tabsB a span
{
	float:left;
	display:block;
	background:url("/images/tabrightB.gif") no-repeat right top;
	padding:5px 8px 4px 4px;
	color:#666;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }


/*- Menu 1--------------------------- */
	
	h1.sideMenu {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px 5px 15px 5px;
	padding: 0px;
}
	
	h2.sideMenu {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px;
	padding: 0px;
}

h2.sideMenu a{
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

h2.sideMenu a:link, h2.sideMenu a:link{
	color: #000;
}

h2.sideMenu a:hover{
	color: #000;

}
	
.sideMenu ul {
	list-style: none;
	margin: 0;
	margin: 5px;
	}
	
.sideMenu {
 font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	}

.sideMenu li  {
	text-decoration: none;
	margin: 5px 0 0 0;
	}	
		
.sideMenu li a {
	text-decoration: none;
	}	
	
.sideMenu li a:link, .sideMenu li a:visited {
	color: #000;
	}
	
.sideMenu li a:hover {
	color: #999;
	text-decoration: underline;
	}	



#nav-menu ul
{
	list-style: none;
	padding: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.16em;
}

#nav-menu li a
{
background: url("../images/tabrightB.gif") #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 8em;
display: block;
border: 0.1em solid #dcdce9;
text-decoration: none;
text-align: center;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
}

#nav-menu li a:hover
{
	text-decoration: underline;
	color: red;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
color: black;
}
/* End hide */

#nav-menu
{
width:42em

}

.button {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	font-variant:small-caps;
	BORDER-RIGHT: #455069 thin solid;
	BORDER-TOP: #c3c3c3 thin solid;
	BORDER-LEFT: #c3c3c3 thin solid;
	COLOR: #ffffff;
	BORDER-BOTTOM: #455069 thin solid;
	BACKGROUND-COLOR: #ff6600;
	MARGIN-BOTTOM: 1px;
	PADDING: 1px;
}


a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a:link.top_nav_link, a:visited.top_nav_link, a:active.top_nav_link{
color: white; /*button text color*/
text-decoration: none;
}