/*  Essco Frontend CSS - frontend-style.css	*/

/*  Establish general layout parameters */
	

body       { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 12px; 
	color: #000000; 
    	background-color: #DBDED3;
    	margin: 10px 0 10px 0;
    	background-image: url('/images/background-frontend.jpg'); 
    	background-repeat: no-repeat;

}

td         { 
	font-family: arial,helvetica,sans-serif; 
	font-size: 10pt; 
	color: #000000; 
}


h1	{
	color: #000000;	
	font-size: 18px;
	font-weight: bold;
}

h2	{
	color: #000000;	
	font-size: 16px;
	font-weight: bold;
}

.text-header	{
	color: #000000;	
	font-size: 14px;
	font-weight: bold;
}

.text-small	{
	color: #000000;	
	font-size: 10px;
}

a            { 
	color: #5A604B; 
	text-decoration: none; 
	font-weight: bold 
}

a:active     { 
	color: #98012E; 
	text-decoration: none; 
	font-weight: bold
}
	
a:hover      { 
	color: #98012E; 
	text-decoration: none; 
	font-weight: bold 
}
	
a:link       { 
	color: #98012E; 
	text-decoration: none; 
	font-weight: bold 
}

a:visited    { 
	color: #98012E; 
	text-decoration: none; 
	font-weight: bold 
}


/*  Define the body wrapper */

#bodywrap		{
	height: 100%; 
	width: 771;
	position:absolute; 
	left:0px; 
	top:0px; 
  	right: 0px;	
	text-align: center;
}


#contentwrapper		{
	width: 750px;	
	text-align: left;
	margin: auto; /* required to center div */
	z-index: 1;	

}

* html 	#contentwrapper {      /* IE Hack to correctly line up the top section  */
	margin-top: 20px;	
}	


#innercontentwrapper	{
	width: 750px; 
	margin: auto; /* required to center div */

}


/*  Define the header	*/

#header		{
	height: 108px; 
	width: 771px;
	background-image: url('/images/background-frontend2010abc.gif'); 
	font-size:20px; 
	color:#000000; 
	font-weight:bold; 
	text-align:right; 
	margin: auto; /* required to center div */
	position: relative;
}

html>#header	{
	width: 100%;
	} 

/*  Place the Search */

#search {
	background-image: url('/images/header-search.gif'); 
    	background-repeat: no-repeat;
	top: 35px;
	left: 538px;
	width:220px;
	height:60px;
	margin: auto;
	padding-top: 6px;
	position:absolute;

}	

* html 	#search {      /* IE Hack correctly place the search box */
	padding-top: 8px;	
}


/*  Define the footer */

.copyright	{
	color: #9EA496;	
	font-size: 10px;
}

#footer		{
  	right: 0;	
	text-indent: 15px;
	width: 100%; 
	text-align: right;
}


/*  Define the nav and setup the menu 	*/

	
#nav	{
	width: 750px;
	height: 24px;
	margin: auto; /* required to center div */
	padding: 0;
	right:0px;
	background-image: url('/images/background-navbuttons2.jpg');
	list-style: none; 
}

#nav ul		{
	white-space : nowrap;
    	padding : 0; 
    	margin : 0;		
   	 display: block;
	list-style: none;      
}

#nav li		{
	height: 24px;
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;
	line-height:24px;
	float: left;	
	background-image: url('/images/background-navbuttons-front.jpg');
	list-style: none; 

}

#nav li a  {
	background-image: url('/images/background-navbuttons-front.jpg');	
	display: block; 
	width: 150px;	
	color: #FFF;
	float: none;
}

#nav li a:hover  {
	background-image: url('/images/background-navbuttons-on.jpg');
   	text-decoration : none;   	
}


/* Define the Subnav Location */

#ProductsNav	{
	position:absolute;
	width: 150px;
	top: 132px;
	left:10px;
	z-index: 3; 
	visibility: hidden;
    	display: block;
	margin: 0px;
	padding: 0px;	
}

* html 	#ProductsNav  { 
	top: 131px;
}

#NewsNav	{
	position:absolute;
	width: 150px;
	top: 132px;
	left:160px;
	z-index: 3; 
	visibility: hidden;
    	display: block;
	margin: 0;
	padding: 0;	
}

* html 	#NewsNav  { 
	top: 131px;
}


#AboutNav	{
	position:absolute;
	width: 150px;
	top: 132px;
	left:310px;
	z-index: 3; 
	visibility: hidden;
    	display: block;
	margin: 0;
	padding: 0;	
}


* html 	#AboutNav  { 
	top: 131px;
}

#ApplicationNav	{
	position:absolute;
	width: 150px;
	top: 132px;
	left:460px;
	z-index: 3; 
	visibility: hidden;
    	display: block;
	margin: 0;
	padding: 0;	

}


* html 	#AboutNav  { 
	top: 131px;
}

#FormBox {
	z-index: 1;
	visibility: show;
}


/* Define the Subnav Element Styles */

#SubNav ul		{
	white-space : nowrap;
    	padding : 0px; 
    	margin : 0px;		
    	display: block;
	list-style: none;      
}

#SubNav li		{
	background-image: none;
}

#SubNav li a  {
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;	
	height: 24px;
	line-height:24px;
	background-image: none;	
	background-color: #6E7168;
	display: block; 
	width: 150px;	
	color: #FFF;
	float: none;
}

#SubNav li a:hover  {
	background-image: none;
	color: #FFF;
	background-color: #8C1334;
   	text-decoration : none;   	
}

#SubNav li.spacer  { 
	background-color: #BEC7B6;
	background-image: none;
	height: 0px;
	line-height: 0px;
	width: 150px;	
}

* html 	#SubNav li.spacer  { 
	margin-top:-5px;
	margin-bottom:-7px;
	background-color: #BEC7B6;
}

/* Define the Hiding Menu Locations

#UpperHide	{
	position:absolute; 
	width: 771px;
	top: 108px;
	height: 43px;
	z-index: 1500;
	visibility: hidden;
	left:0px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #FFFFFF;	
}

#LowerHide	{
	position:absolute; 
	width: 771px;
	top: 133px;
	left:0px;
	height: 300px;
	z-index: 2; 
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;		
}


/*  Define the form elements */

input.button	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold; 
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 100px;
	height:20px;
}

input.textbox	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	color: #000000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 200px;
	height:20px;
}

input.textarea	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	color: #000000; 
	border: 1px solid #6D7067; 
	background-color: #FFFFFF;
	width: 300px;
	height:100px;
}

input.searchbutton	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	font-weight: normal;
	color: #000000; 
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 30px;
	height:20px;
	vertical-align:middle;
}

input.searchbox	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	font-weight: normal;
	color: #000000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 180px;
	height:20px;
}

input.loginbox	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold; 
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 175px;
	height:20px;
}

input.smalltextbox	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	color: #000000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 100px;
	height:20px;
}

input.smallesttextbox	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	color: #000000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 50px;
	height:20px;
}

input.mediumtextbox	{
	font-family: Arial,helvetica; 
	font-size: 12px; 
	color: #000000; 
   	vertical-align: middle;
	border: 1px solid #6D7067; 
	background-color: #ACB5A4;
	width: 150px;
	height:20px;
}

/*  Define the Homepage Elements */



#homecontentwrapper	{
	width: 748px; 
	background-image: url('/images/background-home-section.gif');
	margin: auto; /* required to center div */
	border: 1px solid #6D7067;
}

* html 	#homecontentwrapper  { 
	width: 750px; 
}


br.clear { 
clear:both 
} 

#loginwrapper	{
	position; relative;
	width: 291px; 
	margin: auto; /* required to center div */
	float:left;
	
}

#loginheader	{
	width: 291px; 
	height: 23px; 
	line-height: 23px;	
	margin: auto;
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;
	color: #FFF;
    	background-image: url('/images/header-login.jpg'); 	
	background-repeat: no-repeat;	
}

#logincontent	{
	width: 291px; 
	margin: 0px;
	color: #000;
	text-align: left;
	padding: 10px;	
}

#productmonthwrapper	{
	width: 456px;
	margin: auto; /* required to center div */
	float:right; 
}

#productmonthheader	{
	width: 456px; 
	height: 23px; 
	line-height: 23px;	
	margin: auto;
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;
	color: #FFF;
    	background-image: url('/images/header-productmonth.jpg'); 
    	background-repeat: no-repeat;	
}

#productmonthcontent	{
	width: 450px; 
	margin: 0px;
	color: #000;
	text-align: left;
	padding: 10px;	
}

* html 	#productmonthcontent  { 
	width: 456px; 
}


#companynewswrapper	{
	width: 748px; 
	border: 1px solid #6D7067; 
	margin: auto; /* required to center div */
}

#companynewsheader	{
	width: 748px; 
	height: 23px; 
	line-height: 23px;	
	margin: auto;
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;
	color: #FFF;
    	background-image: url('/images/background-companynews.jpg'); 
   	 background-repeat: no-repeat;	
}

#companynewscontent	{
	width: 748px; 
	margin: 0px;
	color: #000;
	text-align: left;
	padding: 10px;	
}


/*  Logged in content */

#loggedcontentwrapper	{
	width: 748px; 
	background-image: url('/images/background-logged-section.gif');
	margin: auto; /* required to center div */
	border: 1px solid #6D7067;
}

* html 	#loggedcontentwrapper  { 
	width: 750px; 
}

#loggednewswrapper	{
	position; relative;
	width: 500px; 
	margin: auto; /* required to center div */
	float:left;
	
}

#loggednewsheader	{
	width: 500px; 
	height: 23px; 
	line-height: 23px;	
	margin: auto;
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;
	color: #FFF;
    background-image: url('/images/header-news-logged.jpg'); 	
	background-repeat: no-repeat;	
}

#loggednewscontent	{
	width: 500px; 
	margin: 0px;
	color: #000;
	text-align: left;
	padding: 10px;	
}

#loggednewsletterwrapper	{
	width: 248px;
	margin: auto; /* required to center div */
	float:right; 
}

#loggednewsletterheader	{
	width: 248px; 
	height: 23px; 
	line-height: 23px;	
	margin: auto;
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;
	color: #FFF;
    background-image: url('/images/header-newsletter-logged.jpg'); 
    background-repeat: no-repeat;	
}

#loggednewslettercontent	{
	width: 235px; 
	margin: 0px;
	color: #000;
	text-align: left;
	padding: 10px;	
}

* html 	#loggednewslettercontent  { 
	width: 248px; 
}

#loggedhalfheader	{
	width: 375px; 
	height: 23px; 
	line-height: 23px;	
	margin: auto;
	font-size:11px;
	font-weight:bolder;  
	text-align: left;
   	vertical-align: middle;
	color: #FFF;
    background-image: url('/images/header-news-logged.jpg'); 	
	background-repeat: no-repeat;
	background-position: top right
}