#tab_nav_menu{
float:left;
width:100%;
font-size: 11px;
line-height: 20px;
}

#tab_nav_menu ul{
list-style-type: none;
margin:2px 0px 0px 0px;
margin-left: 30px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

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

#tab_nav_menu a{
float:left;
background:url(../images/glowtab-left.gif) no-repeat left top;
margin: 5px 0px 20px 0px;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#tab_nav_menu a span{
float:left;
display:block;
background:url(../images/glowtab.gif) no-repeat right top;
padding: 6px 12px 2px 3px;
font-weight:bold;
color:#ffffff;
}

#tab_nav_menu li.nav-currency a {
	background:url(../images/glowtab-left-blue.gif) no-repeat left top;
}

#tab_nav_menu li.nav-currency a span {
	background:url(../images/glowtab-blue.gif) no-repeat right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab_nav_menu a span {float:none;}
/* End IE5-Mac hack */

#tab_nav_menu a:hover span {
color: #227ad3;
}

#tab_nav_menu li.nav-currency a:hover span {
color: #FFFFFF;
}

#tab_nav_menu .current a{ /*Selected Tab style*/
background-position:0 -35px; /*Shift background image up to start of 2nd tab image*/
}

#tab_nav_menu .current a span{ /*Selected Tab style*/
background-position:100% -35px; /*Shift background image up to start of 2nd tab image*/
color: #227ad3;
}

#tab_nav_menu a:hover, #tab_nav_menu li.nav-currency a:hover { /*onMouseover style*/
background-position:0% -35px; /*Shift background image up to start of 2nd tab image*/
}

#tab_nav_menu a:hover span, #tab_nav_menu li.nav-currency a:hover span { /*onMouseover style*/
background-position:100% -35px; /*Shift background image up to start of 2nd tab image*/
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}