html, body {height:100%; background-color:#000099; margin: 0; padding: 0; font-size: 100%; font-weight: normal; color:#333; font: normal 13px arial,Verdana,sans-serif; text-align:center; }
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,li,dl,dd,dt { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
form { margin: 6px 0px 6px 0px; padding: 0px; font-size: 100%; font-weight: normal; }
:focus { outline: 0; }
ul { list-style:none; }
a { text-decoration: none; }
a:hover { color:#666; }
img, a img { border: 0; outline:0; }
h1,h2,h3 a:hover { text-decoration: none;}
hr { display: none; }
/*
Document Structure
*/
.Page {
background: url(faimid3.jpg);background-color:#fff;
width: 903px;
min-height:100%;
margin: 0 auto;
margin-bottom:-71px;
text-align:center;
position: relative;
border:0px solid #000;
}
* html #outer{height:100%;} /* IE6 and under treat height as min-height anyway*/
.Header { background-color:#fff;
background: url(faitop3.jpg);
position: relative;
overflow: hidden;
top: 0px;
left: 0px;
width:903px;
height:155px;
border-bottom:0px solid #ffcc00;
}
.SiteBar { background-color:;
position: relative;
float: left;
top: 0px;
left: 0px;
width:162px;
padding-bottom:0px;
padding-left:10px;
padding-top:20px;
font-size:14px;
line-height:18px;
}
.productbox { float: left;
height:100%;
width: 710px;
padding-left:10px;
padding-bottom:5px;
padding-right:5px;
padding-top:0px;
text-align: center;
}
.footer { background: url(faibot3.jpg) ;
background-color:;
width:903px;
padding:0px;
position:relative;
clear:both;
bottom: 0px;
margin:0 auto;
height: 71px;
}
* html #footer {/*only ie gets this style*/
\height:73px;/* for ie5 */
\height:71px;/* for ie6 */
}
.clearfooter{clear:both;height:71px;}/*needed to make room for footer*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
/*
Side Menu
*/
.SiteBar ul { overflow:hidden; width:158px; margin:0; }
.SiteBar li { float:left; text-align:center; border-bottom:1px solid #fff; }
.SiteBar li.at a { width:158px; }
.SiteBar li.last { border-bottom:0; }
.SiteBar li a { display:block; width:158px; padding:5px 0px 5px 0px; color:#333; }
.SiteBar li a:hover { color:#fff; }
.SiteBar li a:active { color:#666; }
.SiteBar li span { font-weight:bold; }
.SiteBar li.menuitem a:hover { background:#ff0000; }
.searchbox { width:140px; }
.search {FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 14px; margin-bottom: 0px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; TEXT-DECORATION: none; }
INPUT {FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif}
.searchb {FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 12px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; TEXT-DECORATION: none}
.copyright { padding: 5px 3px 5px 11px; font: 11px arial,verdana,sans-serif; color:#fff; text-align:right; }
.homeintro {FONT-SIZE: 13px; COLOR: #fff; LINE-HEIGHT: 15px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;}
.content A:visited {FONT-SIZE: 12px; COLOR: #666; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
.content A:active {COLOR: #6666cc; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; LINE-HEIGHT: 18px; TEXT-DECORATION: none;}
.content A:link {COLOR: #666; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; LINE-HEIGHT: 18px; TEXT-DECORATION: none;}
.content A:hover {COLOR: #66cccc; FONT-FAMILY: arial, helvetica, verdana; FONT-SIZE: 12px; LINE-HEIGHT: 18px; TEXT-DECORATION: none;}
.productbox H1 {FONT-SIZE: 19px; COLOR: #009; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.productbox H3 {FONT-SIZE: 22px; COLOR: #009; LINE-HEIGHT: 24px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none; letter-spacing:-0px;margin-top:4px;margin-bottom:4px;}
.productbox p {FONT-SIZE: 13px; COLOR: #666; LINE-HEIGHT: 17px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; padding:5px 3px 5px 5px; }
.productbox b {FONT-SIZE: 13px; COLOR: #666; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; FONT-WEIGHT:bold; }
.productbox ul { list-style: circle; margin: 5px 0px 10px 20px; padding-left: 0; }
.productbox li {FONT-SIZE: 13px; COLOR: #666; margin-top: 7px; LINE-HEIGHT: 17px; FONT-FAMILY: Arial, lucida sans, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;}
.productbox a { color:#009; text-decoration: none; }
.productbox a:visited { color:#009; }
.productbox a:hover { color:#333; text-decoration: underline; }
/*---------- bubble tooltip -----------*/
a.tt{
position:relative;
z-index:24;
color: #3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:link{color: #0000bb; text-decoration:none; }
a.tt:hover{ z-index:25; color: #FFFFFF;background-color: #902110;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:-260px; left:-180px;
padding: 10px 0 0 0;
width:174px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 10px 8px 3px;
background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 0px;
width:174px;
background: url(bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 30px;
color: #548912;
background: url(bubble.gif) no-repeat bottom;
}
/* search results, product list, product detail */
/* general info, stockists, contact */
.pricehead {FONT-SIZE: 10px; COLOR: #000; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
.price {FONT-SIZE: 14px; COLOR: #000; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, verdana, sans-serif, Helvetica; TEXT-DECORATION: none;}
.list { empty-cells:show; border-collapse: collapse; text-align:left; line-height:16px; }
.list td {border-bottom: 1px solid #ccc; line-height:20px;}
TABLE.table {BORDER-RIGHT: black thin solid; BORDER-TOP: black thin solid; BORDER-LEFT: black thin solid; BORDER-BOTTOM: black thin solid; BACKGROUND-COLOR: silver;}
HR.hr {COLOR: #000;}
table.splist {border-top: 1px solid #bbccdd; empty-cells:show; border-collapse: collapse; border-bottom: 1px solid #bbccdd;
FONT-SIZE: 11pt; FONT-FAMILY: "arial"; font-weight: ;
}
table.splist td {padding:3px 0px 3px 0px; border-bottom: 1px solid #bbccdd; empty-cells:show;
}
td.newbreak {empty-cells:show; border-collapse: collapse; border-bottom: 1px solid #999;}