






<style type="text/css">
<!--

.bgcolor{
background-color:#ffffff;
background: url(images/yaffa_tile_back.gif);
z-index:-1;
}

#backgroundimage
{
position:absolute;
left:267;
top:147;
width:460;
filter:alpha(opacity=35);
opacity:0.35;

z-index:-1;
}

#verticle_bar
{position: absolute;
left:111;
top:100;
width: 803;
background: url(images/tile_back.gif) repeat-x;
}

#menu_bar_verticle
{position: absolute;
left:111;
top:100;
width=800;
color:white;
font-family:"Myriad Pro",Times New Roman;
font-size: 11pt;
z-index:1;
text-align:center;
}

#menu_bar_horizontal
{position: relative;
left:0;
top:36px;
margin-bottom:36px;
padding:0;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;
}

#menu_bar_horizontal_2
{position:relative;
left:0px;
top:10px;
margin-bottom:10px;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;
}

#menu_bar_horizontal_3
{position:relative;
left:0px;
top:10px;
margin-bottom:10px;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;

}#menu_bar_horizontal_mod
{position:relative;
left:0px;
top:10px;
margin-bottom:10px;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;
}

#menu2_bar_horizontal
{position: absolute;
left:763px;
top:350px;
color:white;
margin-top:10px;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;
}

#footer_bar
{position: absolute;
left:111;
width: 803;
background: url(images/tile_back.gif) repeat-x;
z-index:0;
}

#menu_bar_footer
{position: absolute;
left:0;
position:relative;
top:17;
width:800;
color:white;
font-family:"Myriad Pro",Times New Roman;
font-size: 11pt;
text-align:center;
padding-top:0.3em;
z-index:1;
}

#copyright
{position:relative;
top:20;
text-align:center;
color: black;
padding-top:.03em;
padding-bottom:2em;
}

#loginbox
{
position:relative;
left:0px;
top:10px;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;
}

#followus
{
position: absolute;
left:763;
top:136;
width:150;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;
}

#joinemail
{
position: absolute;
left:763;
top:210;
width:150;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
z-index:1;
}

#livesupportbox
{
position: absolute;
left:763;
top:360;
width:150;
font-family:"Myriad Pro",Times New Roman;
font-size: 10pt;
color:white;
padding:0px;
margin:0px;
align:center;
z-index:1;
}

#contentbox
{

position:relative;
top:10px;
left:10px;
margin-bottom:10px;
font-family:"myriad pro";
text-align:justify;
z-index:1;
}

#form
{
font-weight:normal;
font-style: oblique;
margin-bottom:10px;
margin-left:10px;
}

a.menu:link {
	color: white;
	text-decoration: none;
}
a.menu:visited {
	color: white;
	text-decoration: none;
}
a.menu:hover {
	text-decoration: none;
	color: white;
}
a.menu:active {
	color:white;
	text-decoration: none;
}

a.menu2:link {
	color: white;
	text-decoration: none;
}
a.menu2:visited {
	color: white;
	text-decoration: none;
}
a.menu2:hover {
	text-decoration: none;
	color: white;
}
a.menu2:active {
	color:white;
	text-decoration: none;
}

a.reg:link {
	text-decoration: none;
}
a.reg:visited {
	text-decoration: none;
}
a.reg:hover {
	text-decoration: none;
	
}
a.reg:active {
	text-decoration: none;
}

.cliquetext{
position:relative;
top:-10px;
color:#fead00;
font-family:myriad pro;
text-align:justify;
z-index:1;
}

.cliquetextcolor{
position:relative;
top:0px;
padding:0px;
color:white;
font-family:myriad pro;
text-align:justify;
z-index:1;
}

.text
{
position:relative;
top:10px;
left:10px;
color:#ffffff;
font-family:myriad pro;
text-align:justify;
z-index:1;
}

.text2
{
position:relative;
left:180px;
color:#ffffff;
font-family:myriad pro;
text-align:justify;
z-index:1;
}

td.text
{

position:relative;
top:10px;
left:0px;
font-family:myriad pro;
text-align:justify;
z-index:1;
}

p.red{
color:red;
}
h1
{position:relative;
top:20;
left:10;
font-family:"myriad pro";
z-index:1;
}

h3
{font-family:"myriad pro";
color:#ffffff;
}

.boxtop
{
background: url(images/tile_back.gif) repeat-x;
padding:0em;
margin:0em;
color:white;
}

.boxcontent
{
position:relative;
background: none;
margin:0em;
border: 1px solid #cccccc;
border-bottom: 5px solid #cccccc;
margin-top: 0px;
padding-left:0.2em;
}

td.body{
background-color:#000000;
border:1px solid #cccccc;


}
td.bodycolor{
background-color:#ffffff;
background: url(images/yafa_tile_back.gif);

;
}

.inputtext
{position:absolute;
left:250px;
cursor:pointer;
--background:url(images/tile_back.gif) no-repeat;
background-color:lightcyan;
border:2px solid;
border-left:10px solid clear;
border-color:#4a302e;
}

.inputradio
{position:relative;
top:-5px;
left:10px;
}

.inputcheckbox
{position:absolute;
left:250px;
}

th.formheader
{background:url(images/tile_back.gif) no-repeat;
font-style:oblique;
font-weight:bold;
vertical-align:top;
text-align:left;
padding-left:5px;
}

.formheader{
background:url(images/tile_back.gif) repeat-x;
background-color:#000000;
font-weight:bold;
font-style:oblique;
}
.formheadertext
{color:white;
margin:0px;
}

.formspace{
position:relative;
margin-bottom:20px;
}

.space{position:relative;
margin-bottom:20px;
}
h1.form{
font-size:20px;
margin-bottom:30px;
}

h1{
font-size:20px;
color:#ffffff;
}

ul { 
list-style-type: none;
margin-left:10px;
} 

li{
list-style-type:none;
background-image: url(images/li.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:30px;
font-style:italic;

}

li.noul{
list-style-type:none;
background-image: url(images/li.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:5px;
font-style:italic;
}

li.go{
list-style-type:none;
background-image: url(images/go.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:5px;
font-style:italic;
}

li.reg{
list-style-type:none;
background-image:url(images/stop.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
padding-left: 5px;
font-style:italic;
text-align:left;
}



.alkaline
{color:green;
}
.acidic
{color:#9E0508;
}

th.magazine
{
background-color:tan;
}

td.magazine
{
background-color:tan;
color:white;
}

u
{
font-weight:bold;
}
-->
</style>