@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { font:12px/18px Tahoma, Geneva, sans-serif; background:url(../image/main-bg.gif) repeat-y left #ffffff;min-width:960px;
	width:expression((documentElement.clientWidth<960)? "960px":"auto");}
ul, ol { list-style:none; }
a { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; }
img { border:0; }
/*header*/
#header { height:76px; position: relative; background:#ffffff; }
#header h1 { position:absolute; top:14px; left:160px; font-size:30px; line-height:30px; text-transform:uppercase; color:#111111; }
#header img.logo { margin:10px 0 0 10px; }
#header .search { position:absolute; top:0; right:0; width:300px }
#header .search ul { float:right; padding:3px 0; font-size:11px; }
#header .search ul li { display:inline; }
#header .search ul li a { padding:0 10px; }
#header .search form { clear:right; float:right; padding-top:2px; padding-right:10px; }
#header .search form input { display:block; width:134px; height:22px; padding-left:24px; border:1px solid #cccccc; background:url(../image/search-bg.jpg) no-repeat; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:22px; }
/*nav*/
#nav {  height:25px; text-align:center; text-transform:uppercase; font-size:12px; background:url(../image/nav.gif) repeat-x; }
#nav ul { display:block;}
#nav ul li { display:block; float:left; height:25px; line-height:25px; width:12.49%; }
#nav ul li a { display:block; border-right:1px solid #999999; font-size:11px; text-transform:uppercase; color:#ffffff; }
#nav ul li a:hover { background:url(../image/nav_hover.gif) repeat-x; text-decoration:none; }
#nav ul li a.now { background:url(../image/nav_hover.gif) repeat-x; }
#nav ul li a.last { border:0; }
#guide { height:20px; line-height:20px; padding-top:2px; background: url(../image/list-bg.gif) repeat-x top #999999; }
#guide ol li { display:block; float:left; font-size:11px; padding:0 6px; }
#guide ol li a { color:#000000; }
/*main*/
#main { width:100%; border-top:6px solid #ffffff; position:relative; }
#main .clear { clear:both; }
#main .product-list { position:absolute; top:0px; left:0; width:180px; }
#main .product-list h3 { display:block; font-size:11px; height:27px; line-height:24px; padding-left:10px; background:url(../image/li-h3.gif) repeat-x; }
#main .product-list ul { padding:4px 0 4px 10px; font-size:11px; background:url(../image/li-h3.gif) repeat-x bottom; }
#main .product-list ul li a { display:block; height:20px; line-height:20px; padding-left:14px; background:url(../image/li.gif) no-repeat left top; }
#main .product-list ul li a:hover,.current{ color:#cc0000; }
#main .content { width:auto; margin-left:190px; }
#main .content h2 { display:block; padding:10px; background:#F3F3F3; font-size:13px; }
#main .content .info { width:auto; margin-right:200px; padding:8px 0 0; }
#main .content .info p { font-size:11px; line-height:20px; padding-left:16px; }
#main .content .info h3 { clear:both; display:block; margin:8px 0; height:23px; border-bottom:1px solid #cccccc; }
#main .content .info h3 span { float:left; display:block; line-height:23px; background: url(../image/h3-span-bg.gif) no-repeat top right #FFCD11; font-size:11px; padding:0 20px; color:#000000; }
#main .content .info ul { font-size:11px; line-height:20px; padding-left:16px; }
#main .content .info img.works { float:right; width:200px; height:200px; }
#main .content .side-bar { position:absolute; top:50px; right:0px; width:178px; height:440px; padding-left:10px; border-left:1px solid #cccccc; background:scroll; overflow-y:scroll;} 
#main .content .side-bar h3 { font-size:13px; text-transform:uppercase; }
#main .content .side-bar ul li { font-size:11px; }
#main .content .side-bar ul li a { text-transform:capitalize; }
#main .content .side-bar img { margin:6px 0; }
#main .content .side-bar p { font-size:11px; }
#main .content .info .picture { float:right; width:150px; height:132px; margin:4px 0 0 10px; }
#main .content .info .picture img { margin:0; padding:4px; width:140px; height:100px; border:1px solid #dedede; background:#ececec; }
#main .content .info .picture a { display:block; text-align:center; height:20px; line-height:20px; background:#aaaaaa; font-weight:bold; color:#ffffff; }
#main .content .info .picture a:hover { background:#ffcd11; text-decoration:none; }
#main .content .info #get-price span { background:#ff0000; color:#ffffff; }
#form { margin-right:20px; padding:10px 0 6px 16px; background:#ffffff; font-size:11px; }
#form label { clear:both; display:block; padding-bottom:6px; }
#form label span { display:block; float:left; width:80px; font-weight:bold; }
#form label input { display:block; width:220px; height:18px; border:1px solid #cccccc; }
#form label textarea { display:block; width:260px; height:100px; border:1px solid #cccccc; }
#main .content #form p { padding-left:74px; color:#ff0000; }
#form .button { padding-left:74px; }
#form .button input.submit { display:block; float:left; margin-right:10px; width:80px; height:24px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#form .button input.reset { display:block; width:80px; height:24px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#main .content .info table { margin:10px 0; width:100%; border-top:18px solid #666666; text-align:center; font-size:11px; }
#main .content .info table th { line-height:26px; border-bottom:1px solid #cccccc; }
#main .content .info table td { border-bottom:1px solid #cccccc; line-height:22px; }
#footer { margin-left:190px; height:36px; padding-top:10px; padding-right:6px; border-top:1px solid #cccccc; font-size:11px; text-align:right; }
#footer li{ float:right; display:inline; margin:0 5px;}
/*gallery*/
#gallery { width:840px; height:500px; position:relative; display:block; padding:0 3px 0; }
#gallery_nav { width:150px; height:470px; position:absolute; z-index:2; top:20px; right:0; }
#gallery_nav a img { margin-bottom:10px; border:5px solid #f3f3f3; }
#gallery_nav a:hover img { border:5px solid #bbbbbb; }
#gallery_output { width:680px; height:497px; padding:8px 0 0; position:absolute; z-index:1; top:2px; left:0px; background:#ffffff; }
#gallery_output img { display: block; margin:10px auto 0 auto; padding:3px; border:1px solid #cccccc; }
#attachment { float:left; background:#F7F7F7 none repeat scroll 0 0; border:1px solid #CCCCCC; margin-bottom:5px; padding:5px 0; text-align:center; margin:3px; }
.solutionimg { padding:1px; border:1px solid #cccccc; }
.left { float:left; margin:4px 5px 0 15px; }
.right { float:right; margin:6px 0 0 5px; }