/*		NI PLASTICS		2009	*/

* {  padding: 0;   margin: 0; color: #fff;}


	body {
	font-family: 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
	font-size: 62.5%;
	color: #fff;
	line-height: 1.8em;
	background: url(bkg.jpg) repeat-x top left #3b3a42;
	text-align:left;
		
	}

input,textarea {color: black;}
		
/*TYPOGRAPHY*/

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

@font-face {
	font-family: Delicious;
	src: url('Delicious-Roman.otf');
}



@font-face {
	font-family: Delicious;
	font-weight: bold;
	src: url('Delicious-Bold.otf');
}



	h1 {  font-size: 20px;  font-weight: normal;  text-transform: uppercase;  padding-bottom: 0.666666em; text-align:left; color:#fff; background:#4f4f58; border: 1px solid #84838b;  padding:5px; font-family: Delicious, 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif !important;}

	h2 {  font-size: 18px; padding-top:6px; margin-bottom: -14px; text-align:left; color:#a0ccf1; text-transform: uppercase;}

	h3 {  font-size: 16px;  padding-top:5px; margin-bottom:-5px; color:#a0ccf1;  text-align:left; font-style:italic;}
	
	h4 { font-size: 14px; font-weight:bold; padding-bottom:-8px; text-align:left;}

	p, ul {  font-size: 14px;  padding: 16px 0 !important;  line-height:18px;	text-align:left;}
	
	em {background:#eef9ff;}
	
	.mid ul li {padding-left:25px; margin-left:20px; list-style-type:none; font-style:italic; background: url(bullet_blue.gif) no-repeat 4px 5px; line-height:1.8em;}
	
	
	
	

#maincontainer {  width: 960px;  margin: 0 auto; position:relative;}

#topbanner {height:212px; background: url(topbanner.jpg) no-repeat; position:relative;}
/*
#TopMenu {height:77px; width:960px; background: url(topmenu_bkg2.jpg) no-repeat; position:absolute; top:133px; left:0; padding:0;}
#TopMenuSpan {text-align:center; height:77px; width:960px; position:absolute; top:0; left:0;}
#TopMenuSpan a {padding-left:20px; padding-right:20px; text-decoration:none; font-size:18px; height:75px !important; display:inline-block; line-height:70px; margin-top:-15px; background: url(menuhover2.jpg) repeat-x; background-position: top;}
#TopMenuSpan a:hover { background-position: bottom;}
*/


#TopMenu {height:77px; width:960px; background: url(topmenu_bkg2.jpg) no-repeat; position:absolute; top:133px; left:0; padding:0;}
#TopMenuSpan {text-align:center; height:77px; width:960px; position:absolute; top:0; left:0;}
#TopMenuSpan li {display:inline; font-family: Delicious, 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif !important; }
#TopMenuSpan li a {padding-left:10px; padding-right:10px; text-decoration:none; font-size:16px; height:75px !important; display:inline-block; line-height:70px; margin-top:-15px; background: url(menuhover.jpg) repeat 0 0;  }
#TopMenuSpan  li a:hover { background-position:right ;} 


#topnav {text-align:left; float:right; list-style-type:none !important; margin-top:10px; margin-right:10px; width:85px; font-family: Delicious, 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif !important;}
#topnav li {font-family: Delicious, 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif !important;  }
#topnav li a {text-decoration:none; font-size:16px; line-height:25px; text-transform:uppercase; }
#topnav li a:hover {color:#ffffff; font-weight:bold;}



/*
#topnav a {float:right; line-height:15px;  text-decoration: none;  cursor:pointer;  font-size:14px;}
#topnav li {float:right; padding-bottom:8px; }
#topnav li a span {visibility: hidden;}

 .home a {height:15px; width:50px; text-align:right; visibility:hidden; overflow:hidden; background: url (topnav_home.jpg) no-repeat; background-position:top;}

 .home a:hover {background-position:bottom;}

*/




#ticksl {float:left; width:240px; list-style-type:none;}
#ticksl li {background: url(tick.jpg) no-repeat 0 7px; padding-left:40px; padding-bottom:10px; }


#ticksr {float:left; width:240px; margin-left:10px; list-style-type:none;}
#ticksr li {background: url(tick.jpg) no-repeat 0 7px; padding-left:40px; padding-bottom:10px;}

.mid {padding-top:15px;}

.mid tr td small a {color:#a0ccf1 !important;}
.mid a {color:#a0ccf1 !important;}

#sumbitbutton {color:#fff; background:#4f4f58; border: 1px solid #84838b;  padding:5px; cursor:pointer;}

.mid tr td #left {}
.mid tr td #right {width:260px; }
.mid h4 a {float:right; padding:10px; background:#4f4f58; border: 1px solid #84838b; margin-bottom:14px; font-size:12px; text-decoration:none;}
.mid hr {display:none;}

.mid p img {padding:5px; border: 1px solid #84838b; margin-left:10px; background:#4f4f58;}

#pbuttons {padding-top:14px;}
#pbuttons a img {border:none; padding-bottom:5px;}







#maincontent {width:820px; margin: 0 auto;}
#maincontentwide {width:820px; margin: 0 auto;}

#maincontent .mid {width: 500px; margin-left:60px; float:right;}

.SubMenuHeadingSpan {display:none;}
#submenu {padding-top:10px;}
#SubmenuHTML {width:260px; float:left;}
#SubmenuHTML li {list-style-type:none; padding:10px; background:#4f4f58 url(nip_submenukbg.jpg) no-repeat right; border: 1px solid #84838b; margin-bottom:14px; font-size:14px; text-decoration:none; cursor:  pointer;}
#SubmenuHTML li a {text-decoration:none;}


.level3 {margin-left:20px; font-style:italic; background-image:none !important;}

.arc {list-style-type:none; padding:10px; background:#4f4f58; border: 1px solid #84838b; margin-bottom:14px; font-size:12px; text-decoration:none !important; float:right;} 

/*
#right li {list-style-type:none; padding:10px; background:#4f4f58; border: 1px solid #84838b; margin-bottom:14px; font-size:12px; text-decoration:none;}
#right li a {text-decoration:none;}
#right li img {border:none; float:left; padding-right:10px; width:80px; height:70px !important;}
#right li h2 a {text-decoration:none;}
*/

#left li {list-style-type:none;  margin-bottom:14px; font-size:14px; text-decoration:none;}
#left li a {text-decoration:none;}
#left li img {border:none; float:right; margin-left:10px; margin-bottom:10px; padding:5px; width:160px; height:148px; background:#4f4f58; border: 1px solid #84838b;}
#left li h2 a {text-decoration:none;}

#twocol {width:100%; margin-top:20px; font-size:14px !important}
#twocol tr td {padding:15px; border-bottom:1px solid #484653; border-right: 1px solid #484653; border-top:1px solid #68676f; border-left:1px solid #68676f; background:#575560; font-size:14px !important}

#twocol tr td#head {background: #b33656 url(head.jpg) repeat-x; border-bottom:1px solid #7d233c; border-right:1px solid #7d233c; border-top:1px solid #ba395a; border-left:1px solid #ba395a; }

/* HORZONTIAL LIST */

#apps li {display:inline;  background: url(bullet_white.gif) no-repeat 0 2px; padding-left:20px; padding-right:10px;}


p.add {text-align:center; margin:0 auto; width:80%; font-size:11px;}
#footer { background: #3b3a42 url(footer_bkg.jpg) repeat-x; height:200px; width:100%; overflow:hidden; padding-top:26px; margin-top:20px; position:relative; bottom:0; left:0;}
#easilogo {position:absolute; top:154px; right:24px;}
/*HIDDEN*/

	#DateDiv {display:none;}
	#printpage, .SubMenuHeadingSpanWide {display:none;}
	
	
	
	/* HOMEPAGE SECTORS LIST */

 #sectorbuttons {width:258px !important; overflow:hidden; margin:0 !important; padding:0 important;}
	#sectors li {list-style-type:none !important;}
 
	#sectors li {width:246px !important; height:26px !important; padding:5px !important; float:left !important; display:block; border:1px solid #84838B; margin-bottom:3px; margin-left:0!important; background-image: none !important; cursor: pointer; }
	
	#sectors li  a {color:#fff !important; font-family: Delicious, 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif !important; font-size:15px !important; padding-left:4px; text-decoration:none !important; }
	
		#sectors li  a:hover {color:#81B4EB !important;}
 
	#sectors li.li_green {background: url(li_green.jpg) no-repeat !important; }
	#sectors li.li_purple {background: url(li_purple.jpg) no-repeat !important;}
	#sectors li.li_gold {background: url(li_gold.jpg) no-repeat !important;}
	#sectors li.li_red {background: url(li_red.jpg) no-repeat !important;}
	#sectors li.li_blue {background: url(li_blue.jpg) no-repeat !important;}