﻿body {
	font-family: Verdana;
	font-size: 12px;
	background: white url('/images/home-background.gif') repeat-y center top;
	padding: 0;
	margin: 0;
}
.container {
	width: 1009px;
	height: 100%;
}
.header {
	background: transparent url('/images/home-header.jpg') no-repeat scroll center top;
	height: 116px;
	width: 983px;
}
ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	margin-top: 95px;
	margin-left: 240px;
	display: block;
}
ul.menu li {
	float: left;
	zoom: 1;
	overflow: auto;
	outline-style: none;
	border: 0 solid black;
	border-right-width: 1px;
}
ul.menu li.first {
	border-left-width: 1px;
}
ul.menu a {
	float: left;
	color: black;
	font-size: 11px;
	text-decoration: none;
	background: #cccccc url('/images/misc/topnav_tile_x.gif') repeat-x scroll 0% 50%;
	padding: 3px 6px;
	outline-style: none;
}
ul.menu a.active {
	background-image: url('/images/misc/topnav_tile_x_over.gif');
}
ul.menu a:hover, ul.menu a.hover {
	color: #3333cc;
}
ul.menu a.active:hover {
	color: black;
	cursor: default;
}
.left-side, .right-side {
	background: transparent url('/images/left-side.gif') repeat-y left top;
	width: 13px;
}
.right-side {
	background-image: url('/images/right-side.gif');
}
.main-text {
	background: transparent url('/images/home-main-text-background.jpg') no-repeat left top;
	height: 241px;
	width: 712px;
	margin: 5px 8px;
	font-size: 12px;
	color: white;
    
}
.main-text ul {
	margin: 0;
	padding: 0;
	position: relative;
	left: 45px;
	top: 80px;
	list-style-type: none;
}
.main-text ul li {
	background: transparent url('/images/home-main-text-separator.gif') no-repeat left bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.main-text a {
	color: #c0e0ff;    
}
.product-finder {
	float: right;
	width: 247px;
	height: 509px;
	/*background: transparent url('/images/home-product-finder-background.gif') no-repeat left top;*/
	background-color:#ffffff;
	margin: 6px 7px 5px 0px;
	font-size: 11px;
}
.product-finder .inner {
	padding: 40px 20px 5px;
}
.product-finder .inner .finder {
	padding-left: 40px;
}
.product-finder .inner .finder select {
	margin: 2px;
}
.buttons {
	width: 713px;
	height: 263px;
	margin: 11px 8px 0;
}
.buttons a {
	float: left;
}
.buttons a.top {
	margin-bottom: 10px;
}
.buttons a.middle {
	margin: 0 10px;
}
.buttons a img {
	border-width: 0;
}
.footer {
	border: 1px solid #666666;
	background-color: white;   
	padding: 1px;
	margin: 5px 8px;
}
.footer p {
	border: 1px solid #7f7f7f;
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding: 5px;
}
.flags {
	float: left;
	position: relative;
	top: 62px;
	left: 125px;
}
.links {
	float: right;
	position: relative;
	right: 10px;
	top: 20px;
	
}
.flyout {
	position:absolute;
	background-color: #ffffe1;
	display:none;
	z-index:50000;
	margin-top:1px;
}
.flyout a {
	display: block;
	border: solid 1px black;
	border-top-style:none;
	color: black;
	text-decoration:none;
	padding:2px 4px;
	font-size: 11px;
}
.flyout a:hover {
	color: #3333CC;
}

.yellowButton {	
	MARGIN-TOP: 0px; 
	MARGIN-LEFT:15px;
	PADDING-RIGHT: 8px; 
	BACKGROUND: url(http://eoe.twmetals.com/images/blue_button_bg.gif) repeat-x right top; 
	FLOAT: right; 
	HEIGHT: 22px
}

.yellowButton A {
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 10px; 
	DISPLAY: block; 
	WHITE-SPACE: nowrap; 
	BACKGROUND: url(http://eoe.twmetals.com/images/blue_button_left.gif) no-repeat left top; 
	COLOR: #302f45; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none; 
	PADDING-TOP: 4px
}
.yellowButton {
	BACKGROUND-IMAGE: url(http://eoe.twmetals.com/images/yellow_button_bg.gif); 
	PADDING-RIGHT: 0px; 
	HEIGHT: 23px
}
.yellowButton A {
	BACKGROUND-IMAGE: url(http://eoe.twmetals.com/images/yellow_button_left.gif); 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	FONT-FAMILY: Tahoma, Arial, Verdana; 
	COLOR: #55536e; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold
}
