/*
Haworth.com new colors:
#C10538 - Haworth Red
#489FA5 - Aqua
#A8AC21 - Olive
#4f7ca6-  Blue
#3A3938 - Charcoal
#6e6e6e - Elephant
#ceccc7 - Cubicle
#f1f1f1 - Snow
#E38D26 - Orange
#726B9E - Purple
*/
html, body{
	/* \*/
  height:100%;
  margin:0px;
  padding:0px;
/* Last height declaration hidden from Mac IE 5.x */}


body {
	margin:0;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#3A3938;
	background:url('images/bodyBackGrnd.jpg') repeat fixed left top;
}

form td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color::#3a3938;
}

td .subMenuHead {
	
	font-weight: bold;
	color: #FFFFFF;
	text-transform: none;
	top: 0px;
	background-color: #333333;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 1px;
	margin-top: 0px;
}

td{
	font-size:11px;

}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#A8AC21;
	font-style: italic;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 1px;
	margin-top: 0px;
}

h2 {
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
	top: 0px;
	background-color: #999999;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 1px;
	margin-top: 0px;
}

h3 {
	
	font-size: 14px;
	font-weight: bold;
	color:#999999;
	font-style: italic;
	text-transform: uppercase;
	margin-top: 0px;
}

h4 {
	
	font-size: 12px;
	color:#663333;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 1px;
	margin-top: 0px;
}

h5 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: none;
	top: 0px;
	background-color: #CC0000;
	ang-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 1px;
	margin-top: 0px;
}

h6 {
	font-size: 14px;
	font-weight: normal;
	color: #6e6e6e;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 1px;
	margin-top: 0px;
}


p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3A3938;
}


#listLinks {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	border-top: 1px solid #999999;
	font-size:10px;
}

#listLinks h3 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#listLinks a:link {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
	font-size:10px;
}

#listLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #CCCCCC;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}

#listWallLinks {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	border-top: 1px solid #999999;
	font-size:10px;
}

#listWallLinks h3 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#listWallLinks a:link {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
	font-size:10px;
}

#listWallLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #CCCCCC;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}

#printFriendlyArea{
	float:right;
	clear:none;
	text-align:right; 
	width:181px; 
	height:34px; 
}


#sectRightFloat{
	float:right;
	width:230px;
	clear:none;
	border-left:1px dotted #99999;
	
}

#sectLeftFloat{
	float:left; 
	clear:none; 
	margin:0; 
	width:510px;
	
}

#sideMenuArea{
	margin:0px;
	clear:none;
	width:150px;
	float:left;
}

#surfacesContentArea{
	margin:0 0 0 160px;
	clear:none;
	width:760px;
	border-left:1px dotted #999999;
	padding: 0 0 0 10px;
	
}

#titleArea {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin: 0px;
	padding: 0px;
}

#tg01 {
	display: none;
}

#waitToLoad {
	display: none;
}

.comSubMenu {
	overflow:scroll;
	overflow-x:hidden;
	width:200px;
	height:100px;
	z-index:1;
	position:absolute;
	background-color:#FFFFFF;
	border:1px inset #CCCCCC;
}


.fieldHint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #999999;
}

.formField1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.formLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.formSectionTitle1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	padding-left: 15px;
}

.formSectionTable {
	margin-top: 3px;
	border-top: 1px dotted #999999;
	padding-top: 3px;
}

.noLinkImage {
	text-decoration: none;
	border: none;
	margin-right: 3px;
}

.redTitle{
	color:#C10538;
	font-size:12px;
	font-weight: bold;
}

.surfSearchForm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3A3938;
}

.sectionLinks {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	border-top: 1px solid #999999;
	font-size:10px;
}

.sectionLinks h3 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

.sectionLinks a:link, .sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
	font-size:10px;
}

.sectionLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #CCCCCC;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}

.sectionLinksInactive {
	margin: 0px;
	padding: 3px 0px 3px 10px;
	display: block;
	border-top: 1px solid #999999;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #666666;
	text-decoration: none;
	font-size:10px;
}
.sectionLinksInactive h3 {
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}
.sectionLinksInactive a:link, .sectionLinksInactive a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #666666;
	text-decoration: none;
}
.itemTab {
	margin: 0px 0px 0px -3px;
	padding: 0px;
}
.copyContainer {
	padding: 15px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
.copyContainerTable {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-bottom: 5px;
}

.noData {
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
	font-size:10px;
}
.style2 {color: #D4D0C8; }
.subFeatureBodyCopy {	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 10px;
}


/* Navigation styles -- From Son of SuckerFish */

#custNav, #custNav ul { 
            padding: 0; 
            margin: 0; 
            list-style: none;
} 
#custNav a { 
            display: block; 
            padding:0 5px;
} 
#custNav li { 
            float: left;  
            padding:0 5px;
}

#custNav li ul {
            position: absolute;
            width: 10em;
            left: -999em;
}
#custNav li:hover ul {
            left: auto;
}
#custNav li:hover ul, #custNav li.sfhover ul {
            left: auto;
}

#custNav li:hover, #custNav li.sfhover {   
    position: static;
    height:1%;   
} 

#custNav .navHeaders{
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
            color:#6e6e6e;
            text-decoration:none;
}

.MenuHeaders{
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px;
            font-weight:bold;
            color:#FFFFFF;
            text-decoration:underline;
}

td .MenuLink, td .MenuLink:visited{
            font-family:Arial, Helvetica, sans-serif;
            color:#f1f1f1; 
            font-size:11px; 
            text-decoration:none; 
}

.MenuLink:hover{
            font-family:Arial, Helvetica, sans-serif;
            color:#f1f1f1; 
            font-size:11px; 
            text-decoration:underline; 
}

.shiftLeft{
            position:relative;
            left:-350px;
            width:475px;
}


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



#pageContainer{
            position:relative;
            margin:0 0 -100px 0;
            z-index:1;
            width:995px;
            height:100%;
            text-align:left;
            /*border-right:1px #47abb2 solid;
            border-right:1px #9fd4d8 solid;*/
			
			height:auto !important;
            height:100%;
            min-height:100%;
}

#TopHeader{
            position:relative;
            top:0px;
            left:0px;
            margin:0;
            height:150px;
            width:100%;
            background-image:url('images/topHeaderBackGrnd.gif');
            background-repeat:repeat-x;
            z-index:98;
            clear:none;
}

#TopHeaderSmallMenu{
            position:absolute;
            top:27px;
            left:70px;
            width:120px;
}

#TopHeaderSmallMenu a, #TopHeaderSmallMenu a:visited{
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px;
            color:#6e6e6e;
            text-decoration:none;
            line-height:16px;
}

#TopHeaderSmallMenu a:hover{
            color:#c10538;
}

#TopHeaderMainMenu{
            position: absolute;
            top: 95px;
            left: 250px;
            z-index: 99;
            width: 730px;
}

#HaworthLogoArea{
	position:absolute;
	left:250px;
	top:40px;
	width: 200;
}

#searchArea{
            position:absolute;
            top:95px;
            right:0px;
}

#contentArea{
	position:relative;
	clear:none;
	width: 945px;
	margin: 10px 0 15px 50px;
	z-index:0;
	
}

#push{
	height:100px; /* needs to match height of footerArea */
	clear:none;
}

#footerArea{
	position:relative;
	bottom:0;
	width:1000px;
	margin:0;
	background:url('images/footerBottomImage.jpg') repeat-x left top;
	height:100px;
	z-index:0;
}

#footerMenuArea{
            position:relative;
            top:50px;
            left:60px;
            color:#666666;
			z-index:1;
}

#footerMenuArea a, #footerMenuArea a:visited{
            font-size:9px;
            color:#666666;
            text-decoration:none;
}


#footerMenuArea a:hover{
	text-decoration:underline;
	color:#333333;
}

.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}

#sideBar{
		position:absolute;
		top:0;
		left:0;
		
		height:auto !important;
		height:100%;
		min-height:100%;


		width:30px;
		clear:none;
		background-image:url('Images/sideBarRedPng.png');
		background-repeat:repeat-y;
		background-position:left top;
		z-index:100;
}

.noLinkImage {
	text-decoration: none;
	border: none;
	margin-right: 3px;
}
.thumbLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.thumbLink a:link, .thumbLink a:visited {
	text-decoration: none;
}
.thumbLink a:hover {
	text-decoration: underline;
}

.printSafeLink{
	text-decoration:none;
	font-size:10px;
	color:#4f7ca6;
}
.pageLink{
	text-decoration:none;
	font-size:11px;
	color:#4f7ca6;
}

<!-- [if IE lt 7] -->
.prodMenuBackGround{
	background-image:url(images/RedMenuBg.jpg);
	background-repeat:repeat;
}
<!-- [endif] -->

.prodMenuBackGround{
	background-image:url(images/RedMenuBg.png);
	background-repeat:repeat;
}