/* CSS Document */

body {background:url(images/bg.gif) repeat-x #F2F2F2; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
p {margin:10px 0; padding:0;}

caption {background-color:#D1E4F1; border:1px solid #FFFFFF; font-size:11px; font-weight:bold; line-height:22px}
.keywordlink { text-decoration:none; color:#333333}
.keywordlink:hover { text-decoration:underline}

#board {width:998px; margin:0 auto; padding:0;}

#logo {float:left; width:265px; text-align:right; margin:0; padding:20px 0 0 45px;}

#button {float:right; width:685px; height:30px; background:url(images/button-right.gif) right bottom no-repeat; margin:0; padding:65px 0 0 0;}
#button img {vertical-align: middle;}
#button a {color:#FFFFFF; font-weight:bold; font-size:11px; text-decoration:none; margin:0; padding:0 15px 0 0;}
#button a:hover {color:#000000;}

#banner {clear:both; color:#FFFFFF; height:140px; background:url(images/vertical-machining-center-m.jpg) no-repeat; margin:0; padding:0 0 0 45px;}

h1 {font-size:14px; margin:0; padding:68px 0 0 0;}

#main {background:url(images/main-bg.gif) repeat-y; margin:0; padding:0;}

#left {float:left; width:310px; background:url(images/left-bg.gif) repeat-x top; margin:0; padding:0;}
#left dl {line-height:28px; margin:0; padding:10px 0 10px 10px;}
#left dt {background-color:#327FA9; border-top:#5CF4FD solid 1px; margin:0; padding:0 0 0 15px;}
#left dt a {color:#FFFFFF; text-decoration:none;}
#left dt a:hover {color:#5CF4FD;}
#left dd {background:url(images/triangle.gif) no-repeat #97CAE7 left; font-weight:bold; margin:0; padding:0 0 0 25px;}
#left dd a {color:#000000; text-decoration:none;}
#left dd a:hover {color:#F10300;}

#right {float:right; width:658px; background:url(images/right-bg.gif) no-repeat right top; margin:0; padding:20px 15px 15px 15px;}

h2 {color:#0D4765; font-size:10px; font-weight:lighter; background:url(images/arrow.gif) no-repeat left; margin:0; padding:0 0 0 8px;}
h2 a {color:#0D4765; text-decoration:none; margin:0 2px; padding:0;}
h2 a:hover {color:#CC0000;}

h3 {font-size:16px; color:#0B75A9; margin:10px 0; padding:0;}

h4 {font-size:12px; color:#012B73; margin:10px 0; padding:0;}
h4 a {color:#012B73; text-decoration:none;}
h4 a:hover {color:#CC0000;}

#products ul {list-style:none; font-size:10px; margin:0; padding:0;}
#products li {float:left; width:300px; margin:0 0 15px 15px; padding:0;}
#products img {margin:0 0 3px 0; padding:0;}
#products a {color:#327FA9; text-decoration:none; font-size:12px;}
#products a:hover {color:#012B73;}

hr {clear:both;}
#product ul {list-style:none; font-size:10px; margin:0; padding:0;}
#product li {float:left; width:300px; margin:0 0 15px 15px; padding:0;}
#product img {margin:0 0 3px 0; padding:0;}
#product a {color:#327FA9; text-decoration:none; font-size:12px;}
#product a:hover {color:#012B73;}

.hot {color:#E70303;}
a.hot:hover {color:#199EE3;}

.shaft {border:#FFFFFF 1px solid;}

.t1 {text-align:right; background-color:#FFFFFF; border:#FFFFFF 1px solid;}
.t2 {background-color:#FFFFFF; border:#FFFFFF 1px solid;}
.t3 {text-align:right; border:#FFFFFF 1px solid;}
.t4 {border:#FFFFFF 1px solid;}

#list ul {list-style:none; font-size:10px; margin:0; padding:0;}
#list li {width:600px; height:145px; display:block; margin:0 0 15px 15px; padding:0;}
#list img {float:left; margin:0 10px 0 0; padding:0;}
#list a {color:#327FA9; text-decoration:none; font-size:12px;}
#list a:hover {color:#012B73;}

#right ol li {line-height:20px;}

.sp {font-size:10px; background-color:#FFFFFF;}
.sp1 {color:#1869A4; font-weight:bold; text-align:center;}
.sp2 {background-color:#D1E4F1; font-weight:bold;}
.sp3 {border-bottom:#D5D6D6 1px solid;}
.sp4 {text-align:center; border-bottom:#D5D6D6 1px solid;}

.up {text-align:center; margin:10px 0; padding:0;}
.up a {background-color:#A7C3D8; color:#FFFFFF; font-size:10px; text-decoration:none; margin:0; padding:0 5px 2px 5px;}
.up a:hover {background-color:#FEBF29;}

.spec {text-align:right;}
.spec a {color:#0066CC; text-decoration:none;}
.spec a:hover {color:#FF0000;}

#extend {font-size:10px; color:#666666;}
#extend ul {margin:0 0 0 18px; padding:0;}
#extend a {color:#37668C; text-decoration:none; margin:0 2px; padding:0;}
#extend a:hover {color:#FF6600;}

#sitemap {margin:0 0 0 50px; padding:0;}
#sitemap ul {line-height:20px;}
#sitemap dl {margin:0; padding:0;}
#sitemap dt {margin:0 0 0 20px; padding:0;}
#sitemap a {color:#003366; text-decoration:none;}
#sitemap a:hover {color:#CC0000;}

#contact {background:url(images/right-bg.gif) no-repeat right top; margin:0 auto; padding:20px 40px;}

#foot {clear:both; width:978px; height:30px; background-color:#888787; color:#E4E4E4; font-size:10px; text-align:center; margin:0 auto; padding:5px 0 0 0;}