/* CSS Document */

html, body{
height:100%;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#464d4a;}

body{
background-image:url(images/bg_1.jpg);
background-repeat:repeat-x;
background-color:#d0d4d6;}

#bg_2{
background-image:url(images/bg3.gif);
background-repeat:no-repeat;
background-position:bottom right;
background-color:#e0e2e3;
width:910px;
margin:0 auto;
min-height:100%;
overflow:hidden;
}



#wrapper{
width:800px;
margin:0 auto 50px;
}

#header{
width:800px;
height:110px;
margin:0 auto;}

#header a img{
float:left;
border:none;
margin-right:20px;}

/* Navigation */

#navbar{
padding:0;}

#navbar, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;

}

#nav a {
display: block;
margin:0;
padding:0;
width:auto;

}

#nav li { /* all list items */
display:inline;
float: left;
width:auto; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
position: absolute;
padding-top:0px;
width:140px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li{

} 

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
position:absolute;}
/* normal states states */

/* first level */
#nav li a:link, #nav li a:visited{
margin-right:5px;
padding-right:12px;
padding-top:90px;
height:20px;
text-indent:10px;
display:block;
text-decoration:none;
color:#104f45;
font-size:14px;
font-weight:bold;
text-transform:uppercase;}

html>body #nav li a:link, html>body #nav li a:visited{
margin-right:10px;

}

/* second level */
#nav li ul a:link, #nav li ul a:visited{
background-image:url(images/menu.gif);
width:200px;
height:24px;
line-height:24px;
text-transform:none;
display:block;
text-align:left;
font-size:11px;
color:#474e4b;
padding:3px 5px 0px 0px;
}
/* hover states */

/* first level */
#nav li a:hover{

color:#FF0000;
}

/* second level */
#nav li ul a:hover{
background-position:0 -28px;
color:#FFFFFF;}

#nav li:hover {background-position: 0 0}

#content{
float:left;
background-color:#fff;
width:800px;
margin:0 auto;
font-size:13px;
line-height:19px;
height:auto;}

h1{
font-size:24px;
margin:18px 0 2px 0;
font-weight:normal;}

h1.colour{
color:#ffffff; 
line-height:40px; 
text-indent:8px; 
margin:0px 0px 10px 0; 
padding-top:5px;
float:left; 
width:100%;}

h2{
font-size:16px;
margin:18px 0 2px 0;
font-weight:bold;}

p{
margin:8px 0 6px 0;
font-size:13px;
line-height:19px;}

table td{
font-size:13px;
line-height:19px;
text-justify: distribute; 
}

a:link, a:visited{
color:#005447;}

a:hover{
color:#FF0000;}

.padder_home{
padding:15px 20px 20px 20px;}

.padder_reg{
padding:20px 20px 20px 20px;}

.rightcol_home{
float:right;
width:185px;
line-height:16px;}

.rightcol_home h1{
font-size:17px;
margin:8px 0 0px 0;
font-weight:normal;}

.rightcol_home hr{
height:1px;
border-bottom:none;
border-top:1px solid #464d4a;
border-left:none;
border-right:none;
}
.rightcol_home ul{
padding:0;
margin:4px 0px 0px 20px;
}

.rightcol_home li{
padding:0px 0 10px 0;
list-style-position:inherit;
list-style-image:url(images/arrow.jpg);}

.rightcol_home a{
text-decoration:none;
font-size:12px;}

.rightcol_reg{
float:right;
width:210px;
font-size:12px;
line-height:16px;
}


.rightcol_reg h1{
font-size:17px;
margin:8px 0 0px 0;
font-weight:normal;}

.rightcol_reg ul{
list-style-type:none;
padding:0;
margin:0;}

.rightcol_reg ul li.arrow{
width:200px;
padding:4px 0 4px 0px;
}

.rightcol_reg ul li img{
float:left;
margin-top:4px;}

.rightcol_reg ul li{
width:200px;
padding:4px 0 4px 0px;
border-bottom:1px solid #e3e6e7;
}

.rightcol_reg ul li span{
margin:0 0 0 25px;
width:155px;
display:block;}

.rightcol_reg ul li.arrow a{
margin:0 0 0 25px;
width:155px;
display:block;}

.rightcol_reg a{
text-decoration:none;
font-size:12px;}

.leftcol_home{
width:560px;}

.leftcol_home h1{
font-size:24px;
margin:8px 0 6px 0;
font-weight:normal;}

.leftcol_reg{
width:530px;
float:left;
}

.aligner{
float:left;
width:100%;
margin-top:8px;
}

hr{
height:1px;
border-bottom:none;
border-top:1px solid #e3e6e7;
border-left:none;
border-right:none;

}

a.prod1:link, a.prod1:visited{
float:left;
display:block;
margin-right:12px;
width:113px;
height:60px;
padding:90px 8px 0 8px;
background-image:url(images/prod1.jpg);
background-repeat:no-repeat;
font-size:12px;
line-height:16px;
text-decoration:none;
color:#173f35;
font-weight:bold;
}

a.prod1:hover{
background-position:0 -160px;
color:#db3913;}

a.prod2:link, a.prod2:visited{
float:left;
display:block;
margin-right:12px;
width:113px;
height:60px;
padding:90px 8px 0 8px;
background-image:url(images/prod2.jpg);
background-repeat:no-repeat;
font-size:12px;
line-height:16px;
text-decoration:none;
color:#173f35;
font-weight:bold;
}

a.prod2:hover{
background-position:0 -160px;
color:#cc9f27;}

a.prod3:link, a.prod3:visited{
float:left;
display:block;
margin-right:12px;
width:113px;
height:60px;
padding:90px 8px 0 8px;
background-image:url(images/prod3.jpg);
background-repeat:no-repeat;
font-size:12px;
line-height:16px;
text-decoration:none;
color:#173f35;
font-weight:bold;
}

a.prod3:hover{
background-position:0 -160px;
color:#f57c45;}

a.prod4:link, a.prod4:visited{
float:left;
display:block;
margin-right:0px;
width:119px;
height:60px;
padding:90px 8px 0 8px;
background-image:url(images/prod4.jpg);
font-size:12px;
line-height:16px;
text-decoration:none;
color:#173f35;
font-weight:bold;
}

a.prod4:hover{
background-position:0 -160px;
color:#b6966a;}

.product_links{
height:150px;
margin-top:25px;
}

a.more:link, a.more:visited{
font-size:11px;
float:left;
background-image:url(images/more.jpg);
text-decoration:none;
color:#FFFFFF;
padding:2px 6px 2px 6px;
width:auto;
}

a.more img{
border:none;
margin-left:4px;
vertical-align:middle;}

a.more:hover{
background-position:0 -26px;
}

a.more2:link, a.more2:visited{
font-size:11px;
float:left;
background-image:url(images/more.jpg);
text-decoration:none;
color:#FFFFFF;
padding:2px 6px 2px 6px;
width:auto;
}

a.more2 img{
border:none;
margin-right:4px;
vertical-align:middle;}

a.more2:hover{
background-position:0 -26px;
}

.highlight{
color:#005447;}

.right{
float:right;
width:220px;
color:#005447;
font-weight:bold;
font-size:14px;}

.right p{
margin:4px 0 0 0;
color:#005447;
font-weight:bold;
font-size:14px;}

.about{
width:520px;}

.right img{float:left; vertical-align:bottom;}


.breakquote{
width:250px;
float:right;
padding:15px 15px 0px 15px;
margin:6px 0 0 10px;
font-size:14px;
line-height:20px;
color:#005447;
background-color:#efefef;}

.breakquote ul{
padding:0px;
margin-left:15px;
list-style-position:outside;
list-style-type:square;
}

.breakquote ul li{
margin-bottom:6px;}

a.linky:link, a.linky:visited{
float:left;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#acacac;
padding-top:15px;
font-size:10px;
text-decoration:none;}

a.linky:hover{
text-decoration:underline;
color:#173f35;
}

.accordion_headings{
cursor:hand;
border-bottom:1px solid #e3e6e7;
font-size:16px;
height:35px;
font-weight:bold;}

.accordion_headings h2{
font-size:16px;
line-height:35px;
margin:0px 0 0px 0;
font-weight:bold;}

.japanese{font-size:10px;}

.japanese p{font-size:10px;}

.topbar{
vertical-align:super;}

small{
font-size:8px;}

#newscol{
margin-top:12px;}

*+html #newscol{
margin-top:28px;}

.pager a:link, .pager a:visited{
font-size:11px;
float:left;
background-image:url(images/more.jpg);
text-decoration:none;
color:#FFFFFF;
padding:2px 6px 2px 6px;
margin-right:4px;
width:auto;
}

.pager a img{
border:none;
margin-right:4px;
vertical-align:middle;}

.pager a:hover{
background-position:0 -26px;}

.clicktitle{
float:right;
font-size:11px;
background-image:url(images/more.jpg);
text-decoration:none;
color:#FFFFFF;
margin:9px 0 0 0;
padding:0px 6px 0px 6px;
font-weight:normal;
width:auto;}