/* ----------------------------- */
/* ----------formatting ----------- */

body	{ 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal; 
	color: #333333;
	line-height: 1.75em
	text-indent: 2em;
	}
	
bodynoindent	{ 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal; 
	color: #333333;
	line-height: 1.75em
	}

td	{ 
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal; 
	color: #333333;
	line-height: 1.75em
	}
	
ul	{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25em;
	color: #333333;
	}

ol	{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25em;inc
	color: #333333;
	list-style-type: decimal;
	}
ol ol {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.25em; 
	color: #333333;
	list-style-type: lower-alpha;
	}
	
ol ol ol {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal; 
	line-height: 1.25em;
	color: #333333;
	list-style-type: lower-roman;
	}
		
.textbox {					/* Until IE understands <css> input[type="file"] { </css> It's better to define a new style then it is to re-define the input tag because radio buttons cop a beating */
	padding: 4px;
	font:  small verdana, sans-serif;
	color: #333333;
	background-color: #666666;
	border: 1px solid #000;
	}
	
.plus {
	color:#CC3333;
	}
	
	
.formspacing {
	line-height: 1.25em;
	}
	
.head {
	font family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	}


.subHead {
	font family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	}
	
.lithead {
	font family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding-left:18px;
	}
	
	.litheadNotBold {
	font family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	padding-left:18px;
	}
		
.boxes { color: #696969; 
		font-weight: bold; 
		font-size: 10px; 
		line-height: 8px; 
		font-family: Verdana, Arial, Helvetica; 
		text-decoration: none; 
		background-color: #E6E6E6; 
		padding: 4px; 
		border: solid 1px #333333; }
	
.b     { font-weight: bold;}

.i     { font-style: italic;}

.dotted {
		border-bottom: 1px dashed #FF9000;
		}
.solid {
		border-bottom: 1px solid #cc0000;
		padding-bottom: 10px;
		}
	
A:LINK {color: #333333; font-weight: bold; font-size: 10px; text-decoration: none;}
A:HOVER {color: #CC3333; font-weight: bold; font-size: 10px; text-decoration: none;}
A:ACTIVE {color: #333333; font-weight: bold; font-size: 10px; text-decoration: none;}
A:VISITED {color: #666666; font-weight: bold; font-size: 10px; text-decoration: none;}

div#content A:LINK {color: #CC3333; font-weight: bold; font-size: 12px; text-decoration: none;}
div#content A:HOVER {color: #900; font-weight: bold; font-size: 12px; text-decoration: underline;}
div#content A:ACTIVE {color: #CC3333; font-weight: bold; font-size: 12px; text-decoration: none;}
div#content A:VISITED {color: #cc3333; font-weight: bold; font-size: 12px; text-decoration: underline;}

div#notshown A:LINK {color: #CC3333; font-weight: bold; font-size: 12px; text-decoration: none;}
div#notshown A:HOVER {color: #900; font-weight: bold; font-size: 12px; text-decoration: underline;}
div#notshown A:ACTIVE {color: #CC3333; font-weight: bold; font-size: 12px; text-decoration: none;}
div#notshown A:VISITED {color: #660000; font-weight: bold; font-size: 12px; text-decoration: none;}

div#etri A:LINK {color: #CC3333; font-weight: bold; font-size: 12px; text-decoration: none;}
div#etri A:HOVER {color: #900; font-weight: bold; font-size: 12px; text-decoration: underline;}
div#etri A:ACTIVE {color: #CC3333; font-weight: bold; font-size: 12px; text-decoration: none;}
div#etri A:VISITED {color: #660000; font-weight: bold; font-size: 12px; text-decoration: none;}


/*-------------aboutus------------------*/


div#aboutus p.indent {
	padding-left:95px;
	}
	
/*-------------reps------------------*/

div#content p.   {
	border: 0;
	background:#F0F0F0;
	padding:15px;
	}



.country {
	font-weight: bold;
	}
	etiretretetri1
	font-weight: bold;
	color:#cc0000;
	}
	
/*-------------news------------------*/

.newsindent {
	position:absolute;
	width:300px;
	}

 /* -------------------------layout------------------------- */

 #nav {
 	position:absolute;	
 	Top:20px;
 	left:20px;
 	width:800px;
 	height:40px;
 	}

#topnavmenu	{
	position:absolute;
	left:0px;
	top:14px;
	width:650px;
	border:0px;
	}
 
#main05 {
	position:absolute;
	top:112px;
	left:0px;
	width:440px;
	height:134;
	}
	
#flash {
	position:absolute;
	top:142px;
	left:0px;
	width:440px;
	height:134px;
	}

#rosen1 {
	position:absolute;
	top:112px;
	left:0px;
	width:765px;
	height:134;
	visibility:hidden;
	z-index:50;
	}
	
#ecofit1 {
	position:absolute;
	top:112px;
	left:0px;
	width:765px;
	height:134;
	visibility:hidden;
	z-index:50;
	}

#etri1 {
	position:absolute;
	top:112px;
	left:0px;
	width:765px;
	height:134;
	visibility:hidden;
	z-index:50;
	}
	
#main03 {
	position:absolute;
	top:70px;
	left:440px;
	width:315px;
	height:176px;
	}
	
#main17 {
	position:absolute;
	top:265px;
	left:275px;
	width:315px;
	height:176px;
	z-index:60;
	}
	
#main06 {
	position:absolute;
	top:143px;
	height:102px;
	right:0px;
	left:755px;
	background: url(images/frontpage_06.gif) repeat;
	width:100%;
	}
 
#main09 {
	position:absolute;
	top:245px;
	left:28px;
	width:37px;
	height:51px;
	}
#main012 {
	position:absolute;
	Left:65px;
	top:245px;
	width:630px;
	height:54px;
	background: url(images/frontpage_11.gif) repeat;
	}
#main014 {
	position:absolute;
	top:245px;
	width:38px;
	height:54px;
	left:660px;
	z-index:3;
	}

#bottomnav {
	position:absolute;
	top:265px;
	left:57px;
	width:2000px;
	z-index:53;
	}
	
#logo {
	position:absolute;
	top:365px;
	left:600px;
	width:179px;
	}
	
#logoOne {
	position:absolute;
	top:380px;
	left:30px;
	width:300px;
	height:100px;
	z-index:500;
	}
	
#internallogo {
	position:absolute;
	top:0px;
	left:0px;
	}
	
#masterdiv {
	position:absolute;
	top:100px;
	left:15px;
	}
#topnav {
    position:absolute;
    top:0px;
    left:0px;
    width:785px;
    height:99px;
    background: url(images/topnav_01.jpg);
    }
#topnavrepeat {
	position:absolute;
	top:0px;
	right:0px;
	left:785px;
	height:99px;
	width:100%;
	background: url(images/topnav_02.jpg) repeat;
	}



/*-------------global------------------*/

#globaladdress {
		border-top: 1px solid #CC0000;
		padding-bottom: 10px;
		text-align:center;
		}
		
#globaladdressnoline {
		padding-bottom:10px;
		text-align:center;
		}

#subhead {
	position:absolute;
	top:60px;
	left:225px;
	z-index:2;
	}

#subhead1 {
	position:absolute;
	top:60px;
	left:185px;
	z-index:2;
	}
	
#subpic {
	position:absolute;
	top:50px;
	left:500px;
	width:400px;
	background:#ffffff;
	z-index:2;
	}
	
#aboutSubNav {
	position:absolute;
	top:190px;
	left:780px;
	width:150px;
	background:#ffffff;
	z-index:2;
	}

div#aboutSubNav p.box {
	top:190px;
	left:780px;
	width:150px;
	background:f1f1f1;
	margin:5px;
	padding:10px;
	border:solid 1px #e1e1e1;
	z-index:2;
	}
	
#aboutLeftNav {
	position:absolute;
	top:190px;
	left:15px;
	width:150px;
	background:#ffffff;
	z-index:2;
	}

div#aboutLeftNav p.box {
	top:190px;
	left:15px;
	width:150px;
	background:f1f1f1;
	margin:5px;
	padding:10px;
	border:solid 1px #e1e1e1;
	z-index:2;
	}
	
#content  {
	position:absolute;
	width:400px;
	top:150px;
	left:305px;
	line-height: 1.50em;
	z-index:1;
	}
	
#contentnews  {
	position:absolute;
	width:400px;
	top:200px;
	left:350px;
	line-height: 1.50em;
	z-index:1;
	}
	
#contentrep  {
	position:absolute;
	width:400px;
	top:175px;
	left:350px;
	line-height: 1.50em;
	z-index:1;
	}
	
#contentrepDist  {
	position:absolute;
	width:400px;
	top:175px;
	left:260px;
	line-height: 1.50em;
	z-index:1;
	}
	
#contentetri {
	position:absolute;
	width:400px;
	top:75px;
	left:150px;
	line-height: 1.50em;
	z-index:1;
	}


#form1 {
	position:absolute;
	width:500px;
	top:200px;
	left:305px;
	border:0px;
	line-height: 0.5em;
	}
	
#form2 {
	position:absolute;
	width:200px;
	top:155px;
	left:480px;
	border:0px;
	}
	
#formnote {
	position:absolute;
	width:400px;
	top:118px;
	left:305px;
	border:0px;
	line-height:1.25em;
	}
	
/*-------------downloads------------------*/

.floatleft {
	float:left
	}

/*-------------news------------------*/

#news {
	position:absolute;
	width: 400px;
	}


div#news p.row {
	width: 400px;
	}
	
div#news p.row span.head {
	width:400px;
	}

div#news p.row span.leftcol {
	float: left;
	width:60px;
	margin-right:40px;
	display:block;
	}
	
div#news p.row span.rightcol {
	width: 285px;
	float: right;
	display:block;
	}

div#news p.row span.rightcol1 {
	width: 200px;
	float: right;
	display:block;
	}	

.spacer {
	display: block;
	height: 1px;
	font: 1px /1 sans-serif;
	clear: both;
	}
	
/*-------------contactus------------------*/

.label {
	position:absolute;
	left:0px;
	}
	
.input {
	position:absolute;
	left:150px;
	float:right;
	}

#multiplelines {
	width:140px;
	}

#refer {
	position:absolute;
	width:140px;
	height:100px;
	line-height:1.5em;
	}

/*-------------aboutus------------------*/

div#aboutus span.rosenbergpic {
	position:absolute;
	top:160px;
	left:60px;
	padding-left:0px;
	}
	
	

/*--------------reps--------------------*/

#notshown {
	position:absolute;
	top:350px;
	left:300px;
	width:100px;
	padding:5px;
	z-index:2;
	}
	
#notshownDistHead {
	position:absolute;
	top:150px;
	left:23px;
	z-index:2;
	}

#notshownDistributor {
	position:absolute;
	top:175px;
	left:20px;
	padding:8px;
	width:115px;
	height:130px;
	background: url(images/notShowBkgrnd.gif) repeat;
	z-index:2;
	}

#notshownDistributor ul#bar {
	list-style: none;
	margin:0;
	padding:0;
	background-color:#f1f1f1;
	border:1px solid #ccc;

}

#notshownDistributor  ul#bar li.rollover {
	display:block;
}

#notshownDistributor ul#bar li.head {
	display:block;
	color:#fff;
	background-color:#990033;
	padding:2px;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
}


#notshownDistributor ul#bar li.rollover a:link{
	display:block;

		border-top:1px solid #ccc;
	padding-top:2px;
	padding-left:5px;
	padding-right:2px;
	padding-bottom:2px;
	}
	
#notshownDistributor  ul#bar li.rollover a:hover {
	display:block;
	background-color:#e1e1e1;
	border-top:1px solid #ccc;
	padding-top:2px;
	padding-left:5px;
	padding-right:2px;
	padding-bottom:2px;

}

#etri {
	position:absolute;
	top:445px;
	left:415px;
	z-index:2;
	}	

/*-------------crumbtrail-rosenberg------*/

#rosencrumb1 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:visible;
	z-index:5;
	}
	
#rosencrumb2 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:hidden;
	}
	
#rosencrumb3 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:hidden;
	}

/*-------------crumbtrail-ecofit------*/

#ecofitcrumb1 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:hidden;
	}
	
#ecofitcrumb2 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:visible;
	}
	
#ecofitcrumb3 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:hidden;
	}
	
/*-------------crumbtrail-etri------*/

#etricrumb1 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:hidden
	}
	
#etricrumb2 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:hidden;
	}
	
#etricrumb3 {
	position:absolute;
	top:450px;
	left:0px;
	visibility:visible;
	}

/* -------------------------------- CSS Navigation not being used ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


p.mainnav {
	list-style: none;
	margin: 0;
	padding: 0;
	width:6600px;
	z-index:50;
	}
		
p.mainnav block {
	border-top: 1px solid #A5B5C6;
	clear:both
	}

p.mainnav a {
	text-decoration: none;
	width: 85px;
	padding: 6px; 15px;
	background-color: #ffffff;
	font: normal 1.125em /1.5 arial, sans-serif;
	color: #666666;
	}

p.mainnav a:hover {
	color: #cc0033;
	}
	
ul#mainnav ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	padding-left: 1.5em;
	}

ul#mainnav ul.subnav li a {
	padding: 1px;
	font: bold 0.7em /1.5 verdana, sans-serif;
	color: #5C6F90;
	background-color: transparent;
	}

ul#mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color: transparent;
	text-decoration: underline;
	}
	
div#topcontent ul {
	position: absolute;
	right: 0;
	list-style: none;
	margin: 0 0 40px 0;
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #34339B;	
	}
div#topcontent ul li.first {
	border-left: 0 none;
	}
div#topcontent ul li a {
	font: 0.7em /1 verdana, sans-serif;
	}

div#topcontent form {
	position: absolute;
	right: 0;
	top: 55px;
	margin: 0;
	}
	
/*----------------drop down menu---------*/


.menuspacer {
margin-bottom: 5em;
}

.menualign {
margin-left:20px;
}


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