html {
 margin: 0;
 padding: 0;
 }
 
body{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif/* arial, helvetica, verdana, sans-serif */;
font-size: 100%;
color: #000;
background-color: #fff;
}

p {
font-size: 0.75em;
line-height: 1.5em;
}

h1 {
width: 70%;
font: 1.10em  trebuchet MS,verdana, arial, helvetica, sans-serif;
color: #000;
border-bottom: solid 1px #000;
margin: 0 20px;
}

h1.distributors {
width: 70%;
font: 1.10em  trebuchet MS,verdana, arial, helvetica, sans-serif;
color: #000;
border-bottom: 0;
margin: 0 20px;
}


body#admin h1{
color: #000;
border-bottom: solid 1px #000;
}

h2 {
font: italic bold 0.80em arial,verdana,helvetica,sans-serif;
padding: 5px 8px;
color: #000;
margin: 5px 15px;
}
h3{
margin:0 20px;
font: bold 0.70em verdana,arial,helvetica,sans-serif;
color: #000;
}

h4 {
font: bold 0.75em verdana,arial,helvetica,sans-serif;
padding: 0;
color: #000;
}

/* ======================== Main divs ===============================*/

div#container{
margin: 1em auto;
background-color:#fff;
border: 1px solid #000;
width:100%;
}

/* body#admin #container{
margin: 1em auto;
background: #fff;
border: 1px solid #000;
max-width:1200px; 
 width: auto !important;
 width:1200px;
} */

 #header{
 display: none;
} 

div#navigation{
display: none;
}
/*#header a, #header a:link { 
 color:  #89928A;   
 text-decoration: none;
} 

#header a:visited { 
 color:  #89928A;   
 text-decoration: none;
} 

#header a:hover { 
 color: #C9C8B4;
 text-decoration: none;
}
*/

/* #header a img{
border: none;
 filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
} */

/* #header  a:hover img{
border: none;
 filter:alpha(opacity=45);
-moz-opacity: 0.45;
opacity: 0.45;
} 

#headerb{
background: url(/images/h2eo_logob.gif) bottom right no-repeat transparent;
height: 100px;
text-align: right;
}

body#admin #headerb{
display: none;
} */



/*body#admin #headerb{logo
background-color:#EFF1E5;
height: 95px;
border-bottom: solid 1px #000;
margin: 0;
padding: 0;
}*/

/*===============================UFWUS STYLES ====================*/
#ufwus{
margin: 10px;
}

body#admin #ufwus{
margin: 10px;
}

#ufwus p{
margin: 1em 0 0 0;
line-height: 1.6em;
padding: 0 10px 0 10px;
color: #000;
text-align: left; 
}

#ufwus p.message{
font: bold 0.90em verdana,arial,helvetica,sans-serif;
color: #000;
}

#ufwus p.smmessage{
font-weight: bold;
color: #CC0000;
}

#ufwus p.notice{/*yellow message text*/
 font: bold 0.8em verdana, geneva, arial, sans-serif;
 color: #CC0000;
 }

#ufwus ul li {
 font: 0.75em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color:  #89928A;
 line-height: 1.6em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ul ul li {
 list-style: circle;
 font: 1em verdana, arial, helvetica, sans-serif;
 color:  #89928A;
 line-height: 1.6em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ol{
 list-style-type: decimal;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  #89928A;
 line-height: 1.6em;
 text-align: left;   
 padding: 5px 10px 0 40px;
 }

#ufwus ol ol{
 list-style-type: lower-roman;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  #89928A;
 line-height: 1.6em;
 text-align: left;   
 padding: 0 10px 0 30px;
 }
 
 #ufwus img{/*not sure if we need this*/
 border: solid 1px #89928A;
 margin: 7px 10px 0 0;
 }
 
 #ufwus img.noborder{/*removes border*/
 border: none;
 }
 
 body#admin #ufwus img{/*removes border*/
 border: none;
 }

#ufwus a, #ufwus a:link { 
 color:  #89928A;   
 text-decoration: underline;
} 

#ufwus a:visited { 
 color:  #89928A;   
 text-decoration: underline;
} 

#ufwus a, #ufwus a:hover { 
 color: #C9C8B4;
 text-decoration: none;
} 
/*================= Link from image ============*/
#ufwus a.nobdr:link{ /*not sure if we need this*/
color: #B7AE8D;
text-decoration: none;
} 

#ufwus a.nobdr:visited { /*not sure if we need this*/
color: #B7AE8D;
 text-decoration: none;
} 

#ufwus a.nobdr:hover { /*not sure if we need this*/
 color: #B7AE8D;
text-decoration: none;
} 

#ufwus img.nobord{
 border: none;
 }
 
 select.dropdowns{
background-color: #FDFDFB;
 font: 0.95em verdana,arial,helvetica,sans-serif;
 border: solid 1px #89928A;
 color: #89928A;
 padding: 3px 0;
 } 
 
 
 /*THESE 2 PRINT AND HIDE USED TO TOGGLE TO THE PRINT VIEW*/
#ufwus p.print{
 display: none;
}

#ufwus p.hide{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: left;
}

#ufwus p.hider{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: right;
}

/*============= TABLE STYLES ==============================*/
#ufwus table{
 border: solid 1px #ccc;
 border-collapse: collapse;
 font: 0.98em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table{
 border: solid 1px #ccc;
 border-collapse: collapse;
 font: 1.0em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table.distributor{
 border: solid 1px #ccc;
 border-collapse: collapse;
 font: 0.80em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table img{
 border: none;
 }
 
 body#admin #ufwus table.listing{
 border: solid 1px #ccc;
 border-collapse: collapse;
 font: 0.60em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table.listing tr.alt{
 background-color: #F2F3EE;
 }
 
body#admin #ufwus table.listing h3{
margin:0;
font: bold 1.0em verdana,arial,helvetica,sans-serif;
color: #89928A;
}

#ufwus table.listing{
 border: solid 1px #ccc;
 border-collapse: collapse;
 font: 0.60em arial,verdana,helvetica,sans-serif;
 }
 
#ufwus table.listing tr.alt{
 background-color: #F2F3EE;
 }
 
#ufwus table.listing h3{
margin:0;
font: bold 1.0em verdana,arial,helvetica,sans-serif;
color: #89928A;
}
 
 #ufwus table.noborder{
 border: 0;
 border-collapse: collapse;
 font: 0.85em arial,verdana,helvetica,sans-serif;
 }
 
 body#admin #ufwus table.noborder{
 border: 0;
 border-collapse: collapse;
 font: 0.85em arial,verdana,helvetica,sans-serif;
 }

#ufwus table tr.mainfill{
 background-color: #7F8979;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }

#ufwus table tr.lighter{
 background-color: #C9C8B4;
 font: bold 0.84em verdana,arial,helvetica,sans-serif;
 color: #000;
 }
 
 #ufwus table tr.alt{
 background-color: #F2F3EE;
 }

#ufwus table tr.lightest{
 background-color: #ECEDCF;
 }
 
#ufwus table td{
 border-right: solid 1px #89928A;
 }
 
 #ufwus table.noborder td{
 border-right: none;
 }

#ufwus table.noborder{
 border: none;
 border-collapse: collapse;
 }
 
 #ufwus table td.mainfill{
 background-color: #81754F;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }

#ufwus table td.lighter{
 background-color: #4E7CA6;
 font: bold 0.84em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
/*======================================tinyMCE hack==========================*/ 
body#admin #ufwus table .mceToolbar table tr td {border:solid 1px #B3B9AF; margin:0; padding:0;}/*this colours the toolbar border the same as background*/
body#admin #ufwus table .defaultSkin table.mceToolbar {margin-left:0; border:0;}
body#admin #ufwus table .defaultSkin table.mceLayout {border:0}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceFirst td {border-top:0;}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceLast td {border-bottom: 1px solid #89928A; border-left:1px solid #89928A;}
body#admin #ufwus .defaultSkin .mceToolbar {height:26px; border: 0; }
body#admin #ufwus .defaultSkin .mceLeft {text-align:left; border:0;}
body#admin #ufwus .defaultSkin .mceRight {text-align:right; border:0;}
body#admin #ufwus .defaultSkin table {background-color:#B3B9AF;}/*this colours the toolbar background*/
/*====================================================================*/ 

/*==========================FOOTER STYLES ===========================*/

#footer{
clear: both;
background: tranparent;
padding:  0 10px 1px 10px;
text-align: left;
}


/*#footer a, #footer a:link { 
font: bold 0.80em verdana, arial, helvetica, sans-serif;
 color:  #fff;   
 text-decoration: none;
} 

#footer a:visited { 
 color:  #fff;   
 text-decoration: none;
} 

#footer a:hover { 
 color: #81754F;
 text-decoration: underline;
} */

#updated{
margin: 1em auto;
background:transparent;
font: 0.80em verdana,arial,helvetica,sans-serif;
color: #89928A;
/*max-width:1200px; 
 width: auto !important;
 width:1200px;*/
}



/* ==================  PRODUCT BOX  =========================*/
#productb{
display: none;
/* background: url(/images/background_product_box.jpg) top left repeat-x #fff;
float: right; /* WAS FLOAT LEFT */
/* width: 310px;
margin: 20px 0 0 0 ; /* WAS MARGIN-LEFT */
padding-top: /*1em*/0;
border-left: solid 1px #89928A;
height: 400px; 
overflow: auto; */ */
}

/* #productb h6{
background: #fff;
font: 1.10em  trebuchet MS,verdana, arial, helvetica, sans-serif;
color: #89928A;
margin: 0;
padding: 4px 0;
}

#productb a, #productb a:link { 
 color:  #89928A;   
 text-decoration: none;
} 

#productb a:visited { 
 color:  #89928A;   
 text-decoration: none;
} 

#productb a:hover { 
 color: #C9C8B4;
 text-decoration: underline;
}  */
/*================BOX THAT HOLDS INDIV PRODUCTS =============*/
div.prodbox {
display: none;
/* border: solid 1px #89928A;
width: 275px;
margin: 10px 5px; */
}

div.prodbox  p.title{
/* margin: 2px;
padding: 1px; */
display: none;
/* text-align: center;
font: bold .70em arial, helvetica, sans-serif;
color: #727C6D;
border-bottom: solid 1px #fff; */
}

div.prodbox img{
display: none;
/* float: left;
padding: 3px 5px 3px 3px; */
}

div.prodbox  p{
display: none;
/* margin: 2px 4px;
text-align: left;
font: 0.70em arial, helvetica, sans-serif;
color: #89928A; */
}

div.prodbox p.high{ /*adds space under image/text in individual boxes*/
 /* margin: 5px 0;
 clear: both; */
}

/*===================================================*/

div#copyright{/*at bottom of page*/
 margin: 1em auto;
 background:transparent;
 text-align: right;
 font: 0.7em verdana, arial, helvetica, sans-serif;
 color: #89928A;
 max-width:1200px; 
 width: auto !important;
 width:1200px;
 }
 
#copyright a, #copyright a:link { 
 color:  #89928A;   
 text-decoration: none;
 } 

#copyright a:visited { 
 color:  #89928A;   
 text-decoration: none;
 } 

#copyright a:hover { 
 color: #89928A;
 text-decoration: underline;
 }