body {
behavior: url(csshover.htc);
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; /* WinIE behavior call */

margin: 0;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
background-color: #f2d661;
background-image: url(images/pg-bg.gif);}

p {
font-size: .8em;
text-align: justify;
line-height: 1.7em;}

h1 {
font-size: 1.2em;
text-align: center;
font-style: italic;
letter-spacing: 5px;}

h2 {
font-size: 1.1em;
text-decoration: none;
font-weight:bold;}

p.footer {
border: 3px double;
margin: 0;
background-color: #fff;
padding: 0.75em 1em 1em;
text-align: center;
font-size: .6em;
font-weight: bold;}


#header {
background-color: #ffffff;
border-bottom: 1px #000000 solid;
padding-top: 10px;
padding-left: 125px;
padding-bottom: 10px;
padding-right: 125px;}

#header p {
font-size: .6em;}

#outer-image {
background-image: url(images/Safe-Food-Manager-outer.gif);
background-repeat: repeat-x;
background-position: center top;
border-bottom: #000000 1px solid;
height: 100px;}

#inner-image {
background-image: url(images/CPFM-inner.gif);
background-repeat: no-repeat;
height: 100px;
background-position: 198px 0px;
filter: alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;

}
#inner-image-overlay {
background-image: url(images/CPFM-inner-overlay.gif);
background-repeat: no-repeat;
height: 100px;
background-position: 198px 0px;
}
#content {
width: 779px;
position: relative;
}

#main-text {
background-color: #ffffff;
padding: 10px;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
margin-left: 198px;
margin-right: 0px;
margin-top: 0px;
position: relative;
width: 559px;
text-align: left; }

#main 
{
background-color: #ffffff;
margin-left: 198px;
margin-right: 0px;
margin-top: 0px;
width: 559px;
padding: 10px;  
/*border-top: 1px #000000 solid;*/
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
text-align: left;
}

#main li
{
font-size: .8em;
text-align: justify;
line-height: 1.7em;}

#main a:link {
color: #666666;
background-color: #f2d661;
text-decoration: none;}

#main a:visited {
color: #666666;
background-color: #f2d661;
text-decoration: none;}

#main a:hover {
background-color: #adba48;}

#main a:active {
background-color: #ffd6a4;}

div#nav 
{
float: left; width: 198px;  

}
div#nav ul 
{
margin: 0; 
padding: 0; 
width: 198px; 
background: #f2d661;  
border: 1px solid;
}
div#nav li 
{
position: relative; 
list-style: none; 
margin: 0;  
border-bottom: 1px solid #CCC;
}
div#nav li:hover 
{
background: #FFE271;
}
div#nav li.submenu 
{
background: url(images/Arrow.gif) 95% 50% no-repeat;
}
div#nav li.submenu:hover {background-color: #FFD390;
}
div#nav li a 
{
display: block; 
padding: 0.25em 0 0.25em 0.5em;  
text-decoration: none; 
width: 198px;
}
div#nav>ul a 
{
width: auto;
}
div#nav ul ul 
{
position: absolute; 
top: 0; 
left: 198px;  
display: none;
}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3, div#nav ul.level3 li.submenu:hover ul.level4 
{
display:block;
}
div#lefts img {
float: left;
height: 150px; width: 225px;
padding: 16px; margin: 10px 10px; background: #adba48;
border: 1px solid black;
}
div#rights img {
float: right;  
height: 150px; width: 225px;
padding: 16px; margin: 10px 10px; background: #adba48;
border: 1px solid black; 
}
div#rightt img {
float: right;  
padding: 16px; margin: 10px 10px; background: #adba48;
border: 1px solid black; 
}
div#ssl img {
float: left; 
padding: 3.5px; 
margin: 10px 10px ;
background: white;
border: none;
height: 52px; width: 86px;
}
div#epsite img {
float: left; 
padding: 3.5px; 
margin: 10px 10px ;
border: none;

}
.warning{background:#FFFF00;color:#FF0000}
form {
font-size: .8em;
line-height: 1.7em;
}

input {border:1px solid rgb(175,175,175); background:#fff url(images/form.gif) repeat-x top left; padding-left:0.5em;margin-bottom:0.2em;} 
input[type="text"] { background-color: white }
input.readonly { color: blue;  background-color: rgb(245,240,245) }
input.focus { background-color: rgb(230,230,245) }

input.invalid { background-color: rgb(255,230,245); color: red }
input.irrelevant { display: none; visibility: hidden }
input.missing { background-color: rgb(255,230,245); color: red }
select.invalid { background-color: rgb(255,230,245); color: red }
select.irrelevant { display: none; visibility: hidden }
select.missing { background-color: rgb(255,230,245); color: red }

textarea.invalid { background-color: rgb(255,230,245); color: red }
textarea.irrelevant { display: none; visibility: hidden }
textarea.missing { background-color: rgb(255,230,245); color: red }

label.invalid { color: red }
label.missing { color: red }
label.irrelevant { display: none; visibility: hidden }

select, option { background-color: rgb(240,240,200); border-color: rgb(220,220,220) }
select.focus { background-color: rgb(230,230,245) }
textarea.focus { background-color: rgb(230,230,245) }

input.combotext { padding: 0;
 padding-left: 0.5em;
 text-align: left;
}


fieldset {
line-height: 120%;
margin-top: 10px;
padding: 0.4em;
/*background-color: rgb(250,250,250);*/ 
}
legend {font-size:1.1em; 
font-weight:bold;border:3px solid #abca84; 
margin-bottom:5px; 
padding:3px; 
width:254px;
background:#fff url(images/form.gif) repeat-x center left;}

label {
  display: block;
  float: left;
  clear: left;
  width: 150px;
  text-align: right;
  padding-right: 7px;
  margin-bottom: 7px;
}


fieldset.irrelevant { display: none; visibility: hidden }
fieldset.borderless { border: none; margin: 0; padding: 0 }
fieldset.bordertop { border-top: solid 1px black }


table.fieldset { border: none; border-collapse: collapse;
   padding: 0; margin: 0; }
table.fieldset td { border: none; padding: 0;
   margin: 0; text-align: center; white-space: nowrap }
   table#middle td {
    padding: 5px;
    border: solid 0.1em rgb(200,200,200);
}
table#middle1 {
font-size: .8em;
text-align: center;
line-height: 1.7em;
background-color: rgb(255,240,170);
border: solid 0.1em rgb(200,200,200);
width: 100%; 
} 
  
table#middle1 td {
    padding: 5px;
    border: solid 0.1em rgb(200,200,200);
} 

.data {
    color: rgb(100,100,100);
    text-align: center;
    border: solid 0.1em rgb(200,200,200);
    background-color: #FFFFFF;
}