/* Default CSS Stylesheet for a new Web Application project */

#HDPE {
	margin:0 0 1.5em 0;
	padding: 15px 15px 0 15px;
	border: 1px solid #dfdfd9;
	background: #f3f2e7 url(images/HDPE_bg.gif) left top repeat-x;
}

.prodimg {
	border: 1px solid #c3c3b7;
	padding: 1px;
	float: left;
	margin-right: 7px;
}

.prodimg2 {
	border: 1px solid #d6522b;
	padding: 1px;
	float: left;
	margin-right: 7px;
}

	


.producttable {
   width: 551px;
   background:#FFFFFF;
   padding: 0px;
   padding-top:0px;
   border: 0px;
   border-spacing: 0px;
   padding-top:17px;
}

.sidecontenttable {
   width: 551px;
   background:#FFFFFF;
   padding: 0px;
   padding-left:20px;
   padding-right:20px;
   padding-top:0px;
   border: 0px;
   border-spacing: 0px;
   padding-top:17px;
}

.bgalert {
   width: 536px;
   height:25px;
   background:url(images/backalertbg.gif) repeat-x;
   padding: 0px;
   padding-left:0px;
   padding-top:0px;
   border: 0px;
   border-spacing: 0px;
   text-indent:10px;
   padding-top:4px;
}

.sidenavtablespecial {
   width: 159px;
   background:url(images/s_nav.jpg) repeat-x;
   padding: 0px;
   padding-left:15px;
   padding-top:0px;
   border: 0px;
   border-spacing: 0px;
   padding-top:20px;
}

.sidenavtable {
   width: 159px;
   background:url(images/s_nav.jpg) repeat-x;
   padding: 0px;
   padding-left:0px;
   padding-top:0px;
   border: 0px;
   border-spacing: 0px;
   text-indent:20px;
   padding-top:20px;
}

.sidenavtable2 {
   width: 167px;
   background:url(images/s_nav.jpg) repeat-x;
   padding: 0px;
   padding-top:15px;
   border: 0px;
   border-spacing: 0px;
}

.sidenavtable3 {
   width: 159px;
   background:url(images/s_nav.jpg) repeat-x;
   padding: 0px;
   padding-left:0px;
   padding-top:0px;
   border: 0px;
   border-spacing: 0px;
   text-indent:12px;
   padding-top:20px;
}

.logo {
	background:url(images/logo.jpg);
	width: 750px;
	height: 96px;
}

.minilogo {
	background:url(images/haws-mini.jpg);
	width: 103px;
	height: 25px;
}

.flashmenu {
	background:url(images/flashcontent.jpg);
	width: 750px;
	height: 231px;
}

.mainmenu {
	background:url(images/menubg.jpg);
	height: 28px;
	padding: 0px;
   	padding-left:0px;
   	padding-top:0px;
   	border: 0px;
   	border-spacing: 0px;
   	text-indent:20px;
}

.mainmenuspecial {
	background:url(images/menubg.jpg) no-repeat;
	background-color:#transparent;
	height: 28px;
	padding: 0px;
   	padding-left:0px;
   	padding-top:0px;
   	border: 0px;
   	border-spacing: 0px;
   	text-indent:20px;
}

.footerbg {
	background:url(images/footer.jpg);
	width: 750px;
	height: 58px;
	padding-left:38px;
	padding-top:10px;
}

.bottombg {
   width: 832px;
   height: 18px;
   background:none;
   padding: 0px;
   border: 0px;
   border-spacing: 0px;
}

.welcometext {
   	font:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
}

.normaltext {
   	font: 90%/1.40em Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.whitetext {
   	font: 90%/1.40em Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
}

.smalltext {
   	font: 90%/1.40em Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

.headertext {
	color: #EC3E25;
	font:Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 15px;
}

.specialtext {
	color: #026cba;
	font:Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px;
}

.specialtext2 {
	color: #026cba;
	font:Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 12px;
}

.boldblacktext {
	color: #5d5c5c;
	font:Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px;
}

.menutext
{
	color:#FFFFFF;
	font-weight: bold; 
	font-size: 12px;
	text-decoration:none;
}

a.menutext:link{
 	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
}
 
a.menutext:visited {
 	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
}
 
a.menutext:hover {
 	color:#ffea00;
 	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
}

.menuactive
{
	color:#ffea00;
	font-weight: bold; 
	font-size: 12px;
	text-decoration:none;
}


a.navtext:link
{
	color:#EC3E25;
	font-weight: bold; 
	font-size: 12px;
	text-decoration:none;
}

a.navtext:visited {
 	color:#EC3E25;
	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
 }
 
a.navtext:hover {
 	color:#314939;
 	text-decoration:none;
	font-weight: bold; 
	font-size: 12px;
}

a.footlink, a.footlink:visited {color: #FFF; text-decoration: underline;}
a.footlink:hover, a.footlink:visited:hover {color: #FFF; text-decoration: none;}

.announcementTxt {font-weight: bold; font-size: 21px; }
.announcementTopic {font-weight: bold; font-size: 12px;}
.announcementDate{font-size: 12px}
.announcement {font-weight: bold; font-size: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif;}


#example {
	width:940px;
	height:320px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:940px;
	height:320px;
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:5px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}