/* CSS Document */

body {background:url(images/bg.jpg); color:#31353E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; margin:0; padding:0;}

p {margin:8px 0; padding:0;}

a {color:#003C73; text-decoration:none;}
a:hover {color:#D8067D;}

#wrapper {width:998px; background:url(images/bg-left.jpg) repeat-y; margin:0 0 0 10px; padding:0;}

#head {background:url(images/button.jpg) repeat-x; height:200px; text-align:right; text-transform:uppercase; margin:0; padding:0;}
#head img {float:left;}
#head a {color:#FFFFFF; text-decoration:none; border-left:#CCCCCC solid 1px; line-height:35px; margin:0; padding:0 15px;}
#head a:hover {background-color:#2B97C5;}

#flash {float:right; width:708px; margin:5px 0 0 0; padding:0;}

#left {clear:both; float:left; width:250px; color:#999999;}
#left ul {margin:20px 0 0 22px; padding:0;}
#left li {line-height:20px;}
#left a {color:#21252E; text-decoration:none;}
#left a:hover {color:#D8067D; text-decoration:underline;}

#com {background:url(images/com.jpg); color:#FFFFFF; text-align:center; line-height:50px;}
#com p {background:url(images/com-right.jpg) no-repeat right; margin:0; padding:0;}
#com a {color:#FFFFFF; text-decoration:none;}
#com a:hover {color:#00E9FE; text-decoration:none;}

#right {float:right; width:688px; margin:-25px 0 0 0; padding:0 30px 0 0;}

h1 {font-size:medium; color:#135A9A; margin:0; padding:0;}

h2 {font-size:smaller; color:#6C6C6C; font-weight:lighter; margin:0; padding:0;}
h2 a {color:#6C6C6C; text-decoration:none;}
h2 a:hover {color:#06C7EB; text-decoration:underline;}

h3 {font-size:small; color:#145ABE; margin:8px 0; padding:0;}

.frame {border:#CCCCCC solid 1px; margin:0 10px; padding:5px;}

#products {font-size:smaller; font-weight:bold;}
#products ul {list-style-type:none; margin:0 0 0 30px; padding:0;}
#products li {float:left; display:block; width:145px; height:150px; margin:0 15px 15px 0; padding:0;}

#product-classify {font-size:smaller; font-weight:bold;}
#product-classify ul {list-style-type:none; margin:0; padding:0;}
#product-classify li {float:left; display:block; width:222px; height:202px; text-align:center; border-right:#CCCCCC dashed 1px; border-bottom:#CCCCCC dashed 1px; margin:0 5px 15px 0; padding:0;}
#product-classify img {margin:0 0 0 5px; padding:0;}
#product-classify p {font-weight:lighter; margin:2px 0; padding:0;}

.up {clear:both; background:url(images/up.jpg) no-repeat right; text-align:right; color:#FFFFFF; font-size:smaller; line-height:16px; margin:0 15px 0 0; padding:0 6px 0 0;}
.up a {color:#FFFFFF;}
.up a:hover {color:#000000;}

dl {margin:0 0 0 30px; padding:0;}
dt {background:url(images/point.jpg) no-repeat left; font-weight:bold; margin:3px 0 0 0; padding:0 0 0 25px;}
dd {background:url(images/arrow.jpg) no-repeat left; margin:0 0 0 25px;; padding:0 0 0 15px;}

.model {font-size:smaller; list-style:none; background:url(images/cross.jpg) no-repeat left; border-bottom:#CCCCCC dashed 1px; margin:0 5px 0 -15px; padding:0 0 0 15px;}

.border {border-left:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px;}
.thead {background-color:#DDF0FF; text-align:center; font-weight:bold; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
.t1 {text-align:center; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
.t2 {background-color:#EEEEEE; text-align:center; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}

#relative {clear:both; width:100%; color:#888888; font-size:smaller; margin:5px 0; padding:0;}
#relative ul {list-style:square; margin:0 0 0 15px; padding:0;}
#relative a {color:#666666;}
#relative a:hover {color:#0066CC;}

#foot {clear:both; background:url(images/foot.jpg) repeat-x bottom; color:#252831; height:115px; font-size:smaller;}
#foot img {float:left;}
#foot p {background:url(images/foot-right.jpg) no-repeat right bottom; height:55px; margin:0; padding:60px 0 0 0;}

#logs {display:none;}