/* CSS Document */
/* Do not touch top nav */
#topNav{
position:absolute;
top:110px;
left:0px;
z-index:100;
margin:0;
}
#topContainer{
float:left;
width:100%;
background: URL(../images/navbg.gif) repeat-x bottom;
line-height:normal;
}
#topContainer  ul {
margin:0;
padding:0 10px 0 176px;
list-style:none;
}
#topContainer li {
display:inline;
margin:0;
padding:0;
}
#topContainer a {
float:left;
display:block;
background:url(../images/navleft.jpg) no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #b6b6b6;
text-decoration:none;
font-size:110%;
}
#topContainer a span {
float:left;
display:block;
background: url(../images/navright.jpg) no-repeat right top;
margin:0;
padding:5px 15px 4px 6px;
color:#333333;	  
}
/* IE5-Mac hack\*/
#topContainer a span {
float:none;
}
/* End IE5-Mac hack */
#topContainer a:hover span {
color:#000000;
}
#topContainer #active a {
background-position:0 -50px;
background-color:#e4e4e4;
border-width:0;
}
#topContainer #active a span {
background-position:100% -50px;
padding-bottom:5px;
color:#000000;
text-decoration:underline;
}
#topContainer a:hover {
background-position:0% -100px;
}
#topContainer a:hover span {
background-position:100% -100px;
}
/* do not touch left nav */
#leftNav{
position:absolute;
top:185px;
left:0px;
padding:0;
margin:0;
z-index:50;
}
#leftNav span{
padding-left:2em;
}
#leftConatiner ul{
list-style-type:none;
margin:0;
padding:0 0 0.1em 0;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
}
#leftConatiner a{
display:block;
margin:0.1em 0 0 0;
width:173px;
padding:0.4em 0 0.4em 0;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position:0.6em 0.75em;
background-color: #efefef;
border: 1px solid #cccccc;
color: #333333;
font-size:110%;
text-decoration:none;
}	
#leftConatiner a:hover{
background-image: url(../images/bullethover.gif);
background-repeat: no-repeat;
background-position:0.6em 0.75em;
border-bottom: 1px solid #cccccc;
background-color: #b2e0ff;
color: #333333;
}
#leftConatiner #current a {
background-color: #efefef;
background-image: url(../images/bulletactive.gif);
border-bottom: 1px solid #cccccc;
background-repeat: no-repeat;
background-position:0.6em 0.75em;
color:#333333;
}
#leftConatiner #current a:hover {
background-image: url(../images/bulletactive.gif);
background-color: #efefef;
background-repeat: no-repeat;
background-position:0.6em 0.75em;
color:#333333;
}
/* Do not touch header information */
#header{
width:100%;
height:135px;
margin:0.1em 0 0.1em 0;
padding:0;
background-color:#efefef;
border-top:1px solid #efefef;
}
h1#masthead{
margin:0.6em 0 0 0;
padding:0;
text-align:center;
}
p#slogan{
margin:0.6em 0 0 0;
padding:0;
text-align:center;
}
#logo{
position:absolute;
top:1em;
left:2em;
z-index:150;
}
p#line{
margin:10px 0 0 0;
padding:0 0 0 175px;
}
/* Do not touch blocks */
#topBlock{
position:absolute;
top:159px;
left:0px;
margin:0;
padding:0;
}
#bottomBlock{
position:absolute;
top:317px;
left:0px;
margin:0;
padding:0;
}
/* content */
body{
margin:0;
padding:0;
font-family: "Trebuchet Ms", Arail, Veranda, sans-serif;
font-size:12px;
}
#content{
width:60%;
margin:1.1em 0 0 15em;
padding:0 0 0 0.6em;
font-size:110%;
}   
p{
margin:0;
padding:0 1em 1.8em 1.5em;
font-family: "Trebuchet Ms", Arail, Veranda, sans-serif;
}
h2{
color:#999999;
font-family:Geneva, Arial, Veranda, Sans-serif;
font-weight:normal;
font-size:200%;
background-image: url(../images/rule1.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-color:#ffffff;
margin:0.1em 0 0.8em 0.5em;
padding:0.1em 0 0 0.1em;
}
h3{
color:#999999;
font-family:Geneva, Arial, Veranda, Sans-serif;
font-weight:normal;
font-size:160%;
background-image: url(../images/rule2.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
margin:0 0 0.8em 0.6em;
padding:1.2em 0 0 0.2em;
background-position: top left;
}
h4{
color:#999999;
font-family:Geneva, Arial, Veranda, Sans-serif;
font-weight:normal;
font-size:160%;
background-image: url(../images/rule2.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
margin:0 0 0.8em 0.6em;
padding:1.2em 0 0 0.2em;
background-position: top left;
}
/* footer */
#footer{
width:60%;
margin:0 0 0 15em;
padding:1.5em 0 0 0;
font-size:110%;
border-top:1px solid #e4e4e4;
}
.footerTxt{
text-align:center;
font-size:80%;
color:#999999;
padding:0;
margin:0 0 0.4em 0;
}
/* links */
h3 a{
color:#999999;
text-decoration:none;
}
h3 a:hover{
color:#8cd1ff;
text-decoration:none;
}
h3 a:visited{
color:#000000;
text-decoration:none;
}
h4 a{
color:#999999;
text-decoration:none;
}
h4 a:hover{
color:#999999;
text-decoration:none;
}
h4 a:visited{
color:#999999;
text-decoration:none;
}
#content p a{
color: #8cd1ff;
margin:0;
padding: 0 0 0 0.3em;
}
#content p a:hover{
color: #8cd1ff;
font-weight:bold;
margin:0;
padding: 0 0 0 0.1em;
}
#content p a:visited{
color: #000000;
font-weight:normal;
margin:0;
padding: 0 0 0 0.3em;
}
p.toplink a{
color: #8cd1ff;
margin:0;
padding: 0 0 0 0.3em;
}
p.toplink a:hover{
color: #8cd1ff;
font-weight:bold;
margin:0;
padding: 0 0 0 0.1em;
}
p.toplink a:visited{
color: #000000;
font-weight:normal;
margin:0;
padding: 0 0 0 0.3em;
}
#certificate a, #commitment a{
font-size:110%;
color:#999999;
text-decoration:none;
}
#certificate a:hover, #commitment a:hover{
font-size:110%;
color:#8cd1ff;
text-decoration:none;
}
#certificate a:visited, #commitment a:visited{
font-size:110%;
color:#000000;
text-decoration:none;
}
#compNews a, #custNews a, #supNews a, #empNews a{
font-size:110%;
color:#999999;
text-decoration:none;
}
#compNews a:hover, #custNews a:hover, #supNews a:hover, #empNews a:hover{
font-size:110%;
color:#8cd1ff;
text-decoration:none;
}
#compNews a:visited, #custNews a:visited, #supNews a:visited, #empNews a:visited{
font-size:110%;
color:#000000;
text-decoration:none;
}
/* other*/
.introImage{
float:left;
margin:0.1em 0.3em 0.1em 0.1em;
}
p.topLink{
margin:1.5em 1em 0 0;
padding:0 0 0.3em 0;
text-align:right;
}
#mission .missionTxt{
margin:0;
padding:0 1em 1.5em 1.5em;
}
#mission ul{
margin:0;
padding:0 0 0 4em;
}
#mission li{
margin:0;
padding:0 1em 1em 0em;
}
#conduct span{
color:#999999;
font-weight:bold;
}
h2 span{
color:#999999;
font-size:70%;
padding:0 0 0 0.2em;
}
#toolingNews span{
text-transform: uppercase;
}
#surplusstockNews p span{
color:#999999;
font-weight:bold;
}
#vitonNews li{
list-style-type:none;
}
.padd{
padding:0 1em 0.5em 1.5em;
margin:0;
}
.padd1{
padding:0 1em 3em 1.5em;
margin:0;
}
.titlelist{
margin:0 0 0.2em 0;
padding:0;
font-weight:bold;
}
.siteList{
margin:0 0 1.2em 1.5em;
padding:0 1em 0 0.5em;
list-style-type:none;
}
#HomeSite h3, productSite h3, servicesSite h3, aboutSite h3, contactSite h3{
color:#ffffff;
font-family:Geneva, Arial, Veranda, Sans-serif;
font-weight:normal;
font-size:160%;
background-image: url(../images/rule2.jpg);
background-repeat: no-repeat;
background-color:#ffffff;
margin:0 0 0 0.6em;
padding:1.2em 0 0 0.2em;
background-position: top left;
}
.sub1{
margin:0;
padding:0;
}
.sub2{
margin:0.1em 0 0 1.5em;
padding:0;
}
.sub3{
margin:0.1em 0 0 3em;
padding:0;
}
.sub4{
margin:0.1em 0 0 4.5em;
padding:0;
}
.sub1 a{
font-size:120%;
font-weight:bold;
color:#999999;
text-decoration:none;
}
.sub2 a{
font-size:120%;
color:#999999;
text-decoration:none;
}
.sub3 a{
font-size:100%;
color:#999999;
text-decoration:none;
}
.sub4 a{
font-size:100%;
color:#cccccc;
text-decoration:none;
}
.sub1 a:hover, .sub2 a:hover,.sub3 a:hover,.sub4 a:hover{
color:#8cd1ff;
text-decoration:none;
}
.sub1 a:visited, .sub2 a:visited,.sub3 a:visited, .sub4 a:visited{
color:#000000;
text-decoration:none;
}
.linkList{
margin:0 0 0 2.5em;
padding:0 1em 1.8em 1.5em;
}