/* frontpage navigation */

ul#nav { 
	width: 550px;
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	height: 250px;
	margin-top: 20px;
	}
	
	ul#nav li {
		display: inline;
		}
		
		ul#nav li a {
			display: block;
			border: solid 1px #666666;
			background: #fff;
			color: #666666;
			width: 250px;
			float: left;
			text-align: center;
			padding: 8px;
			margin: 2px;
			font: normal bold 12px arial,verdana,serif;
			text-decoration: none;
			vertical-align: middle;
			}
			
			ul#nav li a:hover { background: #FAFAFA; color: #000;}
			
			
/* basic box model */			
			
.box, .box-even, .box-odd {
	background: #fff;
	padding: 5px;
	margin: 2px;
	text-align: right;
	border: solid 1px #CDCDCD;
	}			
	
.box-odd { background: #F7F7F7; }
	
.box span, .box-even span, .box-odd span { float: left; }	


.addnew {
	background: #E5E5E5;
	padding: 5px;
	border: solid 1px #959595; 
	color: #666666;
	text-decoration: none;
	font: normal bold 12px arial,verdana,serif;
	text-align: center;
	}
	
	.addnew:hover { background: #eee; }


#group div a.btn {
	background: #E8E8E8;
	font: normal bold 12px arial,verdana,serif;
	color: #000;
	text-decoration: none;
	padding: 4px 6px 4px 6px;
	text-align: center;
	margin: 0px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
	display: inline;
	}
	
	#group div a.btn:hover { background: #f1f1f1; }


/*
	PRODUCT GROUP
					*/

#prod_group { 
	font: normal normal 12px arial,verdana,serif; 
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	}

#prod_group .group-head {
	text-align: right; 
	padding: 3px 0px 3px 0px;
	}

#prod_group .group-head .addnew {
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font: normal bold 12px arial,verdana,serif;
	background: #F4F4F4;
	}
	
#prod_group .group-head b { float: left; }	

#prod_group .group {
	border: solid 1px #959595;
	margin: 2px 2px 10px 2px;
	padding: 5px 0px 5px 5px;
	background: #fff;
	text-align: right;
	}

#prod_group .subgroup {
	border: solid 1px #959595;
	margin: 2px 2px 10px 2px;
	padding: 5px 0px 5px 5px;
	background: #fff;
	text-align: right;
	}

#prod_group b { font: normal bold 14px arial,verdana,serif; }	
#prod_group .box-head { 
	border-bottom: solid 1px #959595; 
	padding-bottom: 3px;
	}
	
	#prod_group .box-head span { font: normal bold 14px arial,verdana,serif; }
	
#prod_group .box-head a {
	background: #E8E8E8;
	font: normal bold 12px arial,verdana,serif;
	text-decoration: none;
	padding: 3px;
	padding-right: 15px;
	padding-left: 15px;
	}	
	
	#prod_group .box-head a:hover { background: #F2F2F2; }
	
#prod_group .group .box {	
	background: #fff;
	padding: 5px;
	text-align: right;
	margin: 20px 10px;
	border: none;
	}

#prod_group .group .innerbox {
	border-bottom: solid 1px #eee; 
	padding: 2px; 
	margin-top: 4px; 
	text-align: right;
	}
	
	#prod_group .group .innerbox span { float: left; }
	#prod_group .group .innerbox a { font: normal normal 11px arial,verdana,serif; text-decoration: none;}

#prod_group .subgroup .box {	
	background: #fff;
	padding: 5px;
	text-align: right;
	margin: 20px 10px;
	border: none;
	}

#prod_group .subgroup .innerbox {
	border-bottom: solid 1px #eee; 
	padding: 2px; 
	margin-top: 4px; 
	text-align: right;
	}
	
	#prod_group .subgroup .innerbox span { float: left; }
	#prod_group .subgroup .innerbox a { font: normal normal 11px arial,verdana,serif; text-decoration: none;}


#prod_lang { height: 40px; margin-bottom: 10px; }

#prod_lang li {
	display: inline;
	float: left;
	}	

#prod_lang li a { 
	display: block;
	background: #fff;
	border: solid 1px #959595;
	padding: 3px;
	width: 20px;
	text-align: center;
	margin-right: 1px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
	#prod_lang li a:hover { background: #eee }
	#prod_lang li a#selected { font-weight: bold; }

/*
	WORKMETHOD
				*/
				

#workmethod .group {
	margin-bottom: 25px;
	}
#workmethod .box-head { 
	text-align: right; 
	padding: 2px 10px 1px 0px; 
	}
#workmethod .box-head b { 
	float: left; 
	font: normal bold 14px arial,verdana,serif;
	}
#workmethod .box-head a {
	background: #E8E8E8;
	font: normal bold 12px arial,verdana,serif;
	text-decoration: none;
	padding: 3px;
	padding-right: 15px;
	padding-left: 15px;
	}
	
#workmethod .box-head a:hover { background: #F1F1F1; }	


/* 
   PRODUCTS 
  			  */
			 
			  
#prods .box { 
	text-align: left; 
	font: normal normal 12px arial,verdana,serif;
	}			  

#prods .box b { 
	float: left; 
	font: normal bold 12px arial,verdana,esrif; 
	}

#prods .box strong {
	font: normal bold 12px arial,verdana,serif;
	padding: 5px;
	margin-bottom: 5px;
	display: block;
	background: #eee;
	}	
	
#prods .box .innerbox { padding-left: 15px; color: #565656; }	
#prods .box .outerbox { background: #F5F5F5; padding: 3px; }	
#prods .box input { margin-right: 5px; }	
	
#prods .box p { margin: 7px 0px 7px 0px }

#prods .box #prodnav { 
	margin-bottom: 15px; 
	height: 24px;
	background: #ddd;	
	xborder-bottom: solid 1px #959595;
	}

#prodnav ul { list-style-type: none; }
#prodnav ul li { display: inline; }	
	
#prods .foobox {
	background: #fff;
	border: solid 1px #CDCDCD;
	padding: 5px;
	margin: 2px;
	text-align: right;
	}	
	#prods .foobox b { float: left; }
	
#prods .foobox a { 
	background: #E8E8E8;
	font: normal bold 12px arial,verdana,serif;
	color: #000;
	text-decoration: none;
	padding: 4px 6px 4px 6px;
	text-align: center;
	margin: 0px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
	display: inline; 
	}		

#prodnav ul li a {
	display: block;
	background: #E8E8E8;
	font: normal bold 12px arial,verdana,serif;
	color: #000;
	text-decoration: none;
	padding: 4px 6px 4px 6px;
	text-align: center;
	float: left;
	margin: 0px;
	border-bottom: solid 1px #959595;
	border-right: solid 1px #959595;
	}
	#prods .box #prodnav a:hover, #prods .foobox a:hover { background: #F1F1F1; }
	#prods .box #prodnav a.selected { background: #fff; border-bottom: solid 1px #fff; }
	
	
#prods .box td { padding: 5px; }	

/* universal  */ 

#lang, #company, #group, #workmethod, #certs, #disposal, #prods, #usage { 
	margin: 20px;
	width: 75%;
	padding-bottom: 10px;
	}	
	#lang h2, #company h2, #workmethod h2, #certs h2, #disposal h2, #prods h2, #usage h2 { 
		margin: 0px 0px 10px 0px; 
		}
			

/* module nav */
#modnav { 
	width: 100%; 
	padding-left: 15px; 
	height: 30px;
	}

#modnav a { 
	display: block; 
	float: left;
	padding: 3px 10px 3px 10px;
	width: 100px;
	text-align: center;
	background: #fff;
	border: solid 1px #666666;
	margin-right: 0px;
	font: normal bold 12px verdana,arial,serf;
	text-decoration: none;
	color: #666;	
	}
	
	#modnav a:hover { background: #eee; }
	
#modnav a.selected { 
	background: #666666;
	color: #fff;
	border: solid 1px #fff;
	}
	
	#modnav a.selected:hover { background: #4D4D4D; }

#saved {
	background: #aaaaaa;
	color: #f00;
	text-align: center;
	border: solid 1px #000;
	padding: 3px 3px 3px 3px;
	font-family: normal bold verdana,arial;
	font-size: 14px
}