body
{
	padding:		0;
	margin:			0;
	background-color:	#FDFF73;
	text-align:		center;
}

p
{
	padding:		0;
	margin:			0;
}

div.page
{
	text-align:		left;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		20px;
	margin-bottom:		20px;	

	padding:		0;

	width:			750px;

	border-top:		1px solid #556c75;
	border-left:		1px solid #556c75;
	border-bottom:		1px solid black;
	border-right:		1px solid black;
}

div.top
{
	height:			120px;
	width:			100%;
	background-color:	#ffffdd;

	position:		relative;
}

div.top p.slogan
{
	position:		absolute;
	right:			15px;
	top:			26px;

	padding:		0;
	margin:			0;

	color:			#2222cc;

	font-size:		20px;
	font-family:		verdana;
}

div.top img.logo
{
	position:		absolute;
	top:			0px;
	left:			0px;
}

div.top img.right
{
	position:		absolute;
	top:			5px;
	right:			10px;
}

div.menu
{
	height:			20px;
	width:			100%;

	position:		relative;

	background-color:	#052B9E;
	border-bottom:		1px solid #aaaabb;
}

div.menu A.link
{
	position:		absolute;
	color:			#ffffff;
	top:			2px;
	text-decoration:	none;

	font-family:		arial;
	font-size:		12px;
}

div.menu A.link:hover
{
	color:			black;
}

div.front
{
	height:			250px;
	width:			100%;

	background-color:	#ffffff;

	border-bottom:		1px solid #dddddd;
	position:		relative;
}

.front .text
{
	position:		absolute;
	top:			10px;
	left:			30px;
	z-index:		2;
	width:			400px;
	height:			200px;
}

.front .text .normal
{
	margin-left:		20px;
	padding:		0;

	color:			black;
	font-size:		14px;
	font-family:		arial;
	font-weight:		normal;

	line-height:		1.6em;

	width:			307px;

}

.front .text .newslink {

	margin-left: 20px;
	margin-top: 15px;
	font-family: arial;
}

.front .text .newslink a {
	color: #993333;
	font-size: 16pt;
	text-decoration: none;
	/*border-bottom: solid #993333 1px;*/
}

.front .text .newslink a:hover {
	color: #AA4444;
}

.front .text .newslink a img {
	border: none;
}

.text .big
{
	margin:			0;
	padding:		0;

	color:			#993333;
	font-size:		28px;
	font-family:		arial;
}

.front .pic
{
	position:		absolute;
	right:			0;
	top:			0;

	width:			450px;
	height:			100%;
	padding:		0;

	text-align:		center;
	background:		url('images/main-bg.jpg');
}

.front .pic img
{
	position:		relative;
	top:			20px;
}

.boxrow
{
	position:		relative;
	display:		block;
	width:			100%;
	height:			180px;
	background-color:	#ffffff;
}

.box
{
	margin-top:		10px;
	display:		block;
	position:		absolute;
	width:			175px;
	vertical-align:		top;
	background-repeat:	repeat-x;
	background-position:	bottom;
	height:			160px;
	padding:		0;
}

.box .menuOption
{
	text-align:		left;
	margin:			0;
	padding:		0;

	width:			175px;
	height:			20px;
	display:		block;

	background-color:	#d0262d; 
	border-bottom:		black 1px solid;

	font-family:		arial;
	position:		relative;

	text-decoration:	none;
}

.box .menuOption img
{
	position:		absolute;
	right:			6px;
	top:			4px;
	border:			none;
}

.box A.menuOption:hover
{
	background-color:	#E1555C;
}

.box A.menuOption
{
	cursor:			default;
}

.box .menuOption .text
{
	position:		absolute;
	left:			10px;
	top:			2px;

	font-size:		12px;
	font-weight:		bold; 
	color:			white;
	text-decoration:	none;

	padding:		0;
	margin:			0;
}

.menuSub
{
	display:		none;
	position:		absolute;
	z-index:		1;
	left:			0;
	top:			21px;

	padding:		0;
	margin:			0;

	font-family:		arial;
	font-size:		11px;

	width:			175px;

	border-top:		none;
	border-bottom:		1px solid #555555;
	border-right:		1px solid #555555;
	border-left:		1px solid #888888;
}

.menuSub A.menuSubOption
{
	display:		block;
	width:			100%;

	padding:		2px 0;

	background-color:	#dddddd;
	text-decoration:	none;
}

.menuSub A.menuSubOption.odd
{
	background-color:	#d5d5d5;
}

.menuSub A.menuSuboption:hover
{
	background-color:	#888888;
}

.menuSubOption .text
{
	padding-left:		10px;
	font-family:		arial;
	font-size:		10px;
	color:			black;
}

.box p
{
	padding:		0;
	margin:			5px 8px;
	text-align:		left;
	font-family:		arial;
	font-size:		11px;
/*	background-color:	white; */
	color:			black;
	text-align:		justify;
}

.box p.header
{
	font-size:		14px;
	font-style:		italic;
	text-align:		center;
}

div.bottom
{
	height:			20px;
	width:			100%;

	background-color:	#ffffff;

	border-top:		1px solid #dddddd;
	position:		relative;
}

div.bottom p.text
{
	padding:		0;
	margin:			0;

	position:		absolute;

	top:			3px;
	left:			12px;

	font-family:		arial;
	font-size:		10px;
	color:			#555555;
}

div.bottom p.rtext
{
	padding:		0;
	margin:			0;

	position:		absolute;

	top:			3px;
	right:			12px;

	font-family:		arial;
	font-size:		10px;
	color:			#555555;
}

div.bottom p.rtext A
{
	color:			#cc2222;
	text-decoration:	none;
}

div.bottom p.rtext A:hover
{
	color:			red;
	text-decoration:	underline;
}

div.page div.main
{
	background-color:	#ffffff;
	font-family:		arial;
	font-size:		12px;
	color:			black;

	padding:		10px;
}

.main img
{
	padding-left: 0px;
}

div.inset {float: right; margin-left: 15px; width: 15em}
div.main_content {margin-right: 16em}
div.main_content p {margin-bottom: 1em}

div.inset h3 {color: red; font-size: 8pt; font-weight: bold}
div.inset ul {color: red; font-size: 8pt; font-weight: bold; padding-left: 15px}
div.inset li {color: black; list-style-type: square}

.products li
{
	position: relative;
	height: 60px;
}

.products ul
{
	margin-top: 30px;
	padding-left: 0;
	margin-left: 20px;
	list-style: none;
}

.products li div.text
{
	font-face: arial;
	font-size: 16px;
/*	font-weight: bold; */
	color: black;
	padding: 5px 0 5px 10px;
}

.products li.even div.text
{
	width: 625px;
	background-color: #e2e2f2;
}

.products li.odd div.text
{
	width: 540px;
	background-color: #f2f2f9;
}

.products li.even img, .products li.odd img
{
	position: absolute;
	top: -24px;
	width: 75px;
	height: 75px;
	border: 0;
}

.products li.even img
{
	right: 10px;
}

.products li.odd img
{
	right: 100px;
}

.products a
{
	text-decoration: none;
}

.steel
{
	text-align: center;
}

.steel .steelTop
{
	position: relative;
	height: 600px;
}

.steel .steelTop .text
{
	text-align: justify;
	font-face: arial;
	font-size: 12px;
	color: black;
}

.steel .steelTop .text h1
{
	font-weight: bold;
	font-size: 16px;
	color: #333366;	
}

.steel .steelTop .text .list h1
{
	font-weight: bold;
	font-size: 12px;
	color: #333366;	
}

.steel .steelTop .text .list
{
	position: absolute;
	display: block;
	bottom: 310px;
	right: 0;
}

.steel .steelTop img.diag
{
	float: left;
}

.steel .steelTop img.pic
{
	position: absolute;
	right: 10px;
	bottom: 0;
}

.steel .tbl
{
	margin-left: auto;
	margin-right: auto;
	font-face: arial;
	font-size: 11px;
	color: black;
	border: 1px solid #676767;
}

.steel .tbl td
{
	padding-left:  10px;
	padding-right: 10px;
	text-align: center;
}

.steel .tbl .header td
{
	text-align: center;
	background-color: #dddddd;
}

.steel .tbl .bottom td
{
	border-bottom: 1px solid #555555;
}

.steel .tbl .lcol
{
	background-color: #e9e9e9;
	text-align: center;
	font-weight: bold;
	border-left: 1px solid #bbbbbb;
}

.ecoline
{
	position: relative;
	text-align: center;
}

.ecoline .text
{
	text-align: left;
	margin-left: 30px;
	font-face: arial;
	font-size: 12px;
	color: black;
}

.ecoline .text h1
{
	font-weight: bold;
	font-size: 16px;
	color: #333366;	
}

.ecoline .prices
{
	color: #333366;
	font-weight: bold;
	text-align: left;
	position: absolute;
	top: 35px;
	right: 0;
	padding: 0;
	margin: 0;
	line-height: 2em;
	font-size: 13px;
	width: 250px;
}

.ecoline .prices p
{	
	background-color: #eeeeff;
	margin-bottom: 10px;
	border-left: 1px solid #9999cc;
	border-bottom: 1px solid #9999cc;
	border-top: 1px solid #9999cc;
	padding-left: 20px;
}

.ecoline .images
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 20px;
}

.ecoline .images img
{
	margin-left: 30px;
	margin-right: 30px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.product
{
	position: relative;
}

.product .text
{
	position: absolute;
	right: 10px;
	top: 0px;
	width: 360px;
	font-face: arial;
	font-size: 12px;
	color: black;
}

.product .text h1
{
	margin-top: 0;
	font-size: 22px;
	color: #333366;	
}

.product img.bigpic
{
	padding: 0;
	margin: 0;
	width: 350px;
	border: 1px solid black;
}

.product .pics
{

}

.product .pics img
{
	float: right;
	margin: 17px;
}

a img
{
border: 0;
margin-left: 7px;
margin-bottom: 7px;
}

.front
{
border: 1;
margin-left: 0px;
margin-bottom: 0px;
}

div.links
{
	width:	100%;
	text-align: right;
	font-face: arial;
	font-size: 14px;	
	font-weight: bold;
}

div.links a
{
	text-decoration: none;
	color: #555577;
}

div.links a:hover
{
	color: #111133;
}
