body {
	background-color: #ebebeb;
	margin: 0px;
	padding: 0px;
}

body, div, td {
	font-family: verdana, helvetica;	
	color: #7E7E7E;
	font-size: 11px;
}

.titleorange{ 
	color: #7E7E7E;	
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
 }

#pageContainer {
	width: 910px;
	
	background-color: #ffffff;
	
	text-align: left;
}


#topbar {
	position: relative;
	height: 68px;
	background-color: #ebebeb;
}
#logo {
	float: right;
}
#someNav {
	position:absolute;
	bottom: 6px;
	left: 0px;
}
#someNav a {
	text-decoration:none;
	color: #7E7E7E;
}


/* -------------- header --------------- */

#header {
	position: relative;

	height: 179px;
	
/*	background-image: url(img/header_partner.gif); */
	background-repeat: no-repeat;
	z-index: 2;
}

#headerbg {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
}
#flash {
	margin-left: 457px;
}
/* --------- service-navi ------------ */
#serviceNav {
	position: absolute;
	top: 126px;
	left: 0px;
}
#serviceNav a {
	display: block;
	float: left;

	height: 16px;
	line-height: 16px;
	
	padding-left: 8px;
	padding-right: 8px;

	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
#serviceNav a.active {
	margin-left: -1px;
	margin-right: -1px;
	background-color: #ffffff;
	color: #474747;
}
#serviceNav .separator {
	width: 1px;
	height:16px;
	float:left;
	background-image: url(img/separator_service.gif);
}
#serviceNav .service:hover { background-color: #ffffff; color: black; }

/* ---------- main-navigation ----------- */
#nav {
	position:absolute;
	top: 156px;
	left: 0px;
	
	width: 457px;
	height: 23px;

	background-color: #B6B6B6;
}
#nav a {
	display: block;
	float: left;

	height: 23px;
	line-height: 23px;
	
	text-decoration: none;
	font-weight: bold;
	color: #474747;
	
	text-align: center;
}

#nav #print {
	top: 0px;
	height: 23px;
	background-color: #B6B6B6;
	text-align : right;
	padding-left : 340px;
}

#nav a.active { background-color: #ffffff; }
#nav a.active:hover { background-color: #ffffff; }

#nav .about { width: 78px; }
/* #nav .about:hover { background-color: #cd5c0c; } */
#nav .prod { width: 85px; }
#nav .prod:hover { background-color: #83A374; color: #ffffff; }
#nav .prod.active:hover { color: #474747; }
#nav .orig { width: 127px; }
#nav .orig:hover { background-color: #ec57a9; }
#nav .news { width: 51px; }
#nav .news:hover { background-color: #E3BA01; }
#nav .pubs { width: 112px; }
#nav .pubs:hover { background-color: #195090; color: #ffffff; }
#nav .pubs.active:hover { color: #474747; }


#nav .separator {
	float: left;
	width: 1px;
	margin-top: 5px;
	height: 18px;
	background-color: #ffffff;
}

#pulldown {
	position: absolute;
	top: 100%;
	left: 0px;

	visibility: hidden;

	width: 164px;
	
	background-color: #E3BA01;
	/*background-color: #cd5c0c;*/
}
#pulldown a {
	display: block;
	width: 100%;
	
	padding-left: 8px;
	line-height: 16px;

	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
#pulldown a:hover {
	background-color: #ffffff;
	color: #474747;
}

#pulldownProd {
	position: absolute;
	top: 100%;
	left: 79px;

	visibility: hidden;

	width: 164px;
	
	background-color: #83A374;
	/*background-color: #cd5c0c;*/
}
#pulldownProd a {
	display: block;
	width: 100%;
	
	padding-left: 8px;
	line-height: 16px;

	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
#pulldownProd a:hover {
	background-color: #ffffff;
	color: #474747;
}

/* -------------------------- */

#title {
	display: block;
	margin-left: 457px;
}

/* --------------------------- */


#mainAreaDiv {
	position: relative;
}

#mainAreaDiv #thumbs {
	position: absolute;
	padding-top: 41px;
	padding-left: 10px;	
	width: 60px;
}
#mainAreaDiv #thumbs a {
	display: block;
	margin-bottom: 10px;
}

#mainAreaDiv #thumbs #thumbmask {
	position: absolute;
	width: 60px;
	height: 60px;
}

#mainAreaDiv #detailedimages {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 910px;;
}
#mainAreaDiv #detailedimages div {
	position: absolute;
	visibility: hidden;
	right: 0px;
	top: 0px;
}
#mainAreaDiv #detailedimages #closebutton {
	position:absolute;
	visibility: hidden;
	cursor: pointer;
	right: 3px;
	top: 3px;
	width: 12px;
	height: 12px;
}


/* ------------------ mainArea (table) -------------- */
#mainArea {
	z-index: 1;	
	width: 100%;
}

#mainArea #content {
	
	padding-top: 20px;
	padding-right: 90px;
	padding-bottom: 5px;
}

#mainArea #rightcol {
	width: 193px;
}
.subNav {
	padding-top: 20px;
	background-color: #CECECE;
}
.subNav a {
	display: block;
	line-height: 13px;
	
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	margin-bottom: -1px;

	width: 100%;
	max-width: 185px;

	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;

	background-color: #B6B6B6;
	color: #474747;

	font-weight: bold;
	text-decoration: none;
}
.subNav a:hover {
	background-color: #ffffff;
}
.subNav .spacer {
	height: 19px;
}


/* --------------------------- */

#footer {
	background-color: #ebebeb;
	color: #474747;	
	line-height: 20px;	
	font-size: 10px;
}
#footer a {
	text-decoration: none;
	color: #474747;	
}

#gray{ 
	color: #474747;	
 }
#gray a { 
	color: #474747;	
	text-decoration: none;
 }
.titletext {
	margin-left: 457px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding-top : 0px;
	padding-bottom : 0px;
}

	
.form {
	background-color: #ffffff; 
	border:1px solid #cccccc;
	margin-left : 0px;
	text-indent : 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : black;
	
	}
	
.button {
	margin-left : 0px;
	text-indent : 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	background : #eeeeee;
	color : #474747;
	border:1px solid #cccccc;
	}
	
.w400, .w300, .w200, .w56, .w140, .w80 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	border:1px solid #cccccc;
}

.w400 {
	width:400px; 
}

.w300 {
	width:300px; 
}

.w200 {
	width:200px; 
}

.w56 {
	width:56px; 
}

.w80 {
	width:80px; 
}

.w140 {
	width:140px; 
}