#header-mw {
	width: 100%;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
	padding-left: 0px;
	height: 86px;
}
#logo-mw-2 {
	width: 230px;;
	float: left;
	margin-left: 0px;
	padding-top: 43px;
}
#header2-mw {
	width: 750px;
	float: left;
	font-size: 11px;
	margin-bottom: 20px;
	height: 100px;
}
.header-right-mw3 {
	width: 735px;
	height: 136px;
	float: right;
	text-align:left;
}

#logo-mw {
	width: 230px;;
	float: left;
	margin-left: 0px;
	padding-top: 10px;
}

.imageBorder {
	border: 0;
}

#toplinks-mw {
	float: right;
	word-spacing: normal;
	height: auto;
	width: auto;
	margin: 15px 0px 0px 18px;
}

#toplinks2-mw {
	float: left;
	word-spacing: normal;
	height: auto;
	width: 150px;
	margin: 30px 0px 0px 150px;
}

.input-currency-main-mw {
	border: #CDCDCD 1px solid;
	color: #5F5F5F;
	vertical-align: middle;
	width: 115px;;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper-menu-top-mw,#wrapper-content-mw,#wrapper-footer-mw {
	width: 692px;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
}

#menu-top-mw ul {
	margin: 0 auto;
	text-align: center;
	padding: 0.85em 0 0 0;
	list-style: none;
	font-size: 100%;
}

#menu-top-mw li {
	text-align: center;
	display: inline;
	margin: 0 auto;
}

#menu-top-mw a {
	float: left;
	background: url(../images/menuleft.png) no-repeat left top;
	margin-left: 1px;
	padding: 0px 4px 0px 2px;
	text-decoration: none;
	line-height: 2.20em;
}

#menu-top-mw a span {
	background: transparent url(../images/menuright.png) no-repeat right top




		;
	padding: 1px 7px 1px 7px;
	color: #000000;
	display: block;
	cursor: pointer;
	/* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

/*#menu-top a:hover { background-color:#00A6F0}
background-position:100% -42px;
#menu-top a:hover span{ background-color:#00A6F0}
 background-position:0% -42px;*/
#menu-top-mw a:hover {
	background: url(../images/menuleft-blue.png) no-repeat left top;
}

#menu-top-mw a:hover span {
	background: transparent url(../images/menuright-blue.png) no-repeat
		right top;
	color: #FFFFFF;
}

/*-------------- starting top menu hmv-------------------*/
#wrapper-menu-top-mw2,#wrapper-content-mw2,#wrapper-footer-mw2 {
	width: 634px;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
}

#menu-top-mw2 ul {
	margin: 0 auto;
	padding: 0.89em 0 0 0;
	list-style: none;
	font-size: 100%;
}

#menu-top-mw2 li {
	display: inline;
	margin: 0 auto;
}

#menu-top-mw2 a {
	float: left;
	background: url(../images/menuleft.png) no-repeat left top;
	margin-left: 4px;
	padding: 0 0 0 4px;
	text-decoration: none;
	line-height: 2.20em;
}

#menu-top-mw2 a span {
	background: transparent url(../images/menuright.png) no-repeat right top




		;
	padding: 1px 8px 1px 5px;
	color: #000000;
	display: block;
	cursor: pointer;
	/* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#menu-top-mw2 a:hover {
	background: url(../images/menuleft-blue.png) no-repeat left top;
}

#menu-top-mw2 a:hover span {
	background: transparent url(../images/menuright-blue.png) no-repeat
		right top;
	color: #FFFFFF;
}

#menu-top-mw2 a:selected {
	background: url(../images/menuleft-blue.png) no-repeat left top;
}

#menu-top-mw2 a:selected span {
	background: transparent url(../images/menuright-blue.png) no-repeat
		right top;
	color: #FFFFFF;
}

* {
	margin: 0;
	padding: 0;
}

#tab_top {
	list-style: none;
	margin: 11px 0px 5px 0px;
	font: normal 11px arial, helvetica, sans-serif;
	text-align: center;
}

/* 
	Since IE only does inline-block on elements that are
	normally inline, we have to make the li inline instead
	of styling it with the others - this is ok since we are
	applying no real styling to the li anyways
*/
#tab_top li {
	display: inline;
}

#tab_top li.current a {
	display: inline;
}

#tab_top li.current span {
	display: inline;
}

#tab_top a,#tab_top a span {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	height: 22px;
}

/* 
	Opera and FF have semi-buggy inline-block specifications
	if they didn't we could use vertical-align:center and let
	our line-height	do the work for us, instead we have to use
	a 'normal' line-height and pad the top of our anchor.
*/
#tab_top a {
	color: #000;
	height: 17px;
	padding: 5px 0 0 11px;
	text-decoration: none;
	background: transparent url(../images/top_menu_buttons.png) -8px 0px;
}

/* 
	Because we padded the top of our anchor, we need a 
	negative margin-top to slide our span up into position
*/
#tab_top a span {
	width: 8px;
	margin-top: -5px;
	background: transparent url(../images/top_menu_buttons.png) 0px 0px;
}

/* 
	if you want the active/hover state to fire on .current,
	move both .current declarations before the two 
	.active/focus/hover ones.
*/
#tab_top a.current {
	background: transparent url(../images/top_menu_buttons.png) -8px -64px;
	color: white;
}

#tab_top a.current span {
	background: transparent url(../images/top_menu_buttons.png) 0px -64px;
	color: white;
}

#tab_top a:active,#tab_top a:focus,#tab_top a:hover {
	background: transparent url(../images/top_menu_buttons.png) -8px -32px;
	color: #FFFFFF;
}

#tab_top a:active span,#tab_top a:focus span,#tab_top a:hover span {
	background: transparent url(../images/top_menu_buttons.png) 0px -32px;
}

/* 
	if you want the active/hover state to fire on .current,
	move both .current declarations before the two 
	.active/focus/hover ones.
*/
#tab_top a.current {
	background: transparent url(../images/top_menu_buttons.png) -8px -64px;
}

#tab_top a.current span {
	background: transparent url(../images/top_menu_buttons.png) 0px -64px;
}



/*--------------*/
#tab2_top {
	list-style: none;
	margin: 0px 0px 5px 0px;
	font: normal 11px arial, helvetica, sans-serif;
	text-align: center;
}

/* 
	Since IE only does inline-block on elements that are
	normally inline, we have to make the li inline instead
	of styling it with the others - this is ok since we are
	applying no real styling to the li anyways
*/
#tab2_top li {
	display: inline;
}

#tab2_top li.current a {
	display: inline;
}

#tab2_top li.current span {
	display: inline;
}

#tab2_top a,#tab2_top a span {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	height: 22px;
}

/* 
	Opera and FF have semi-buggy inline-block specifications
	if they didn't we could use vertical-align:center and let
	our line-height	do the work for us, instead we have to use
	a 'normal' line-height and pad the top of our anchor.
*/
#tab2_top a {
	color: #000;
	height: 17px;
	padding: 5px 0 0 11px;
	text-decoration: none;
	background: url(../images/top_menu_buttons2.jpg) -8px 0px;
}

/* 
	Because we padded the top of our anchor, we need a 
	negative margin-top to slide our span up into position
*/
#tab2_top a span {
	width: 8px;
	margin-top: -5px;
	background: url(../images/top_menu_buttons2.jpg) 0px 0px;
}

/* 
	if you want the active/hover state to fire on .current,
	move both .current declarations before the two 
	.active/focus/hover ones.
*/
#tab2_top a.current {
	background: url(../images/top_menu_buttons2.jpg) -8px -64px;
	color: white;
}

#tab2_top a.current span {
	background: url(../images/top_menu_buttons2.jpg) 0px -64px;
	color: white;
}

#tab2_top a:active,#tab2_top a:focus,#tab2_top a:hover {
	background: url(../images/top_menu_buttons2.jpg) -8px -32px;
	color: #FFFFFF;
}

#tab2_top a:active span,#tab2_top a:focus span,#tab2_top a:hover span {
	background: url(../images/top_menu_buttons2.jpg) 0px -32px;
}

/* 
	if you want the active/hover state to fire on .current,
	move both .current declarations before the two 
	.active/focus/hover ones.
*/
#tab2_top a.current {
	background: url(../images/top_menu_buttons2.jpg) -8px -64px;
}

#tab2_top a.current span {
	background: url(../images/top_menu_buttons2.jpg) 0px -64px;
}
/*-----------*/
/*-------------- ending top menu -hmv-------------------*/
#header-mw2 {
	width: 998px;
	height: 136px;
	font-size: 11px;
	text-align: center;
}

.header-left-mw2 {
	width: 170px;
	height: 86px;
	float: left;
	padding-left: 50px;
}

.header-right-mw2 {
	width: 698px;
	height: 136px;
	float: right;
	text-align:left;
}

#logo-mw2 {
	width: 230px;
	height: 40px;
	float: left;
	padding-top: 20px;
}
#logo-mw3 {
	width: 170px;
	height: 40px;
	float: left;
	margin-top: 50px;
	
}

.logo-tagline-mw2 {
	width: 170px;
	height: 26px;
	float: left;
	vertical-align: middle;
	text-align: left;
	font-size: 9px;
	padding-left:6px;
}
.logo-tagline-mw3 {
	width: 174px;
	height: 26px;
	float: left;
	vertical-align: middle;
	text-align: left;
	font-size: 11px;
	padding-left:0px;
}

#toplinks-mw2 {
	float: right;
	word-spacing: normal;
	height: 22px;
	width: auto;
	margin: 3px 0px 0px 0px;
}

.login-message-mw2 {
	width: auto;
	height: 26px;
	float: right;
	vertical-align: middle;
	text-align: right;
	font-size: 11px;
}
.header-banner {
	width: 735px;
	height: 106px;
	float: right;
	text-align:right;
}
.header-banner span{
	margin-left:10px;	
}
.header-banner-only {
	width:548px;
	height:106;
	float:left;
}
.header-welcome-msg {
	width:172px;
	float:right;
	height:auto;
	margin-left:10px;
	vertical-align:middle;
	margin-top:35px;
}