

/*
Main Part
*/

body
{
	font-family: Arial, Monospace;
	font-size: 12px;
	color: #888888;
	background-attachment: fixed;
	margin: 0px 0px 0px 0px;
	background-color: #cccccc;
	vertical-align:bottom;
}
p
{
	font-size: 12px;
}
A
{
	text-decoration: none;
	display: block;
	color: #888888;
	padding: 10px 2px 10px 2px;
	margin: 1px 1px 1px 1px;
	font-size: 14px;
}
h3
{
	display: block;
	color: #888888;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}

/*
top bar
*/

#top
{
	height: 100px;
	background-image: url(./_misc/banner.jpg);
	position: absolute;
	left: 5%;
	width: 90%;
}

/*
main body
*/

#mainBody
{
	color:#888888;
	height: 300px;
	background-color: #ffffff;
	font-size: 12px;
	margin: 0px;
	position:absolute;
	height: auto; 
	left:5%; 
	width:73%; 
	top:100px
} 
#mainBody h1
{
	display: block;
	font-weight: bold;
	font-size: 20px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align:center;
}

/*
Sub Menu in main body
*/

#mainBody .SubMenu
{
	text-align: center;
	color: #000000;
	background-color: #eeeeee;
	padding: 3px 3px 3px 3px;
	font-size: 12px;
	display: inline;
}

#mainBody .SubMenu A:link
{
	text-align: center;
	border: 0px;
	color: #222222;
	background-color:inherit;
}
#mainBody .SubMenu A:visited
{
	text-align: center;
	border: 0px;
	color: #222222;
	background-color:inherit;
}
#mainBody .SubMenu A:hover
{
	background-color: #aaaaaa;
}
#mainBody .SubMenu .inputs
{
	text-align:left;
	color: #000000;
	background-color: #eeeeee;
	padding: 3px 3px 3px 3px;
	border: 1px solid #888888;
}

/*
sector in mainbody
*/

.sector h2
{
	display: block;
	color: #888888;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align:center;
}
.sector A:link
{
	background-color: #ffffff;
	text-align: center;
}
.sector A:visited
{
	background-color: #ffffff;
}
.sector
{
	padding: 10px 3px 10px 3px;
	display: block;
	text-align: center;
	float: left;
	clear: both;
	width: 100%;
}
.sector img
{
	padding: 4px 4px 4px 4px;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.inPict
{
	display: block;
	text-align: center;
	float: none;
	clear: both;
}
.inPict img
{
	padding: 4px 4px 4px 4px;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

/*
Products and catalogs related
*/

.catalogItem
{
	width: 49%;
	text-align: left;
	float:left;
	vertical-align: bottom;
	display: table-row;
}
.catalogItem img
{
	width: 50%;
	float: left;
}
.productThumb
{
	width: 19%;
	text-align: center;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	float:left;
}
.productList
{
	height: 160px;
	width:48%;
	text-align: left;
	display: block;
	/*
	float: none;
	*/
	float: left;
	clear: right;
	padding: 10px 2px 2px 2px;
	vertical-align:bottom;
}
.productList a:link
{
	text-align: right;
	background-color: #ffffff;
	display: inline !important;
	font-size: 14px;
}
.productList a:visited
{
	text-align: right;
	background-color: #ffffff;
	display: inline !important;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
}
.productList a:hover
{
	background-color: #cccccc;
}
.productList img
{
	width: 40%;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	margin: 2px 2px 2px 2px;
	padding: 3px;
	float:left;
}

/*
right side menu
*/

#menu
{
	border-bottom: #cccccc 2px solid;
	vertical-align:top;
	background-color: #cccccc;
	/*border-left: 2px solid #999999;*/
	margin: 0px;
	position: absolute;
		left:78%;
	width:17%;

    top:100px;
}
#menu .inputs
{
	text-align: right;
	background-color: #bbbbbb;
	padding: 10px 3px 10px 5px;
	border: 1px solid #888888;
	color: #ffffff;
	right: 0px;
	width: 93%;
}
#menu A:link
{
	text-align: right;
	padding: 10px 3px 10px 3px;
	border-bottom: #cccccc 2px solid;
	background-color: #cccccc;
	margin-bottom: 3px;
	color: #000000 !important;
}
#menu A:visited
{
	text-align: right;
	padding: 10px 3px 10px 3px;
	border-bottom: #cccccc 2px solid;
	background-color: #cccccc;
	margin-bottom: 3px;
	color: #000000 !important;
}
#menu A:hover
{
	background-color: #eeeeee;
}
#menu img
{
	width:100%;
}
#spacing
{
	display: block;
	padding: 60px 0px 0px 0px;
}
#foot
{
	width: 90%;
	text-align: center;
	font-size: 8px;
}