body { padding: 0; margin: 0; background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
body a { font-size: 12px; color: #666; text-decoration: none; }
body a:hover { text-decoration: underline; }
body img { border: none; }
body ul { margin:0; padding:0; list-style-type:none; }
body ul li { margin: 0; padding: 0; }
div, h1, h2, h3, h4, p, dl, dt, dd, form, label, input, textarea, img, span{ margin:0; padding:0; }
hr { height: 1px; border: none; border-top:1px dashed #E0E0E0; }
table { border: 0;border-top: 1px solid #E0E0E0;border-left: 1px solid #E0E0E0; }
table td {border: 0;border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }

#top { width: 100%; height: 110px; background: url(/template/images/bg_header.gif) no-repeat top center; }
#header { margin: 0 auto 0 auto; width: 980px; height: 64px; }
#header .logo { float: left; margin: 0 0 0 10px; width: 120px; height: 28px; }
#header .logo a { margin: 20px 0 0 0; width: 120px; height: 28px; display:block; background: url(/template/images/logo.gif) no-repeat top center; text-indent: -1000px; }
#header .logo a:hover { background: url(/template/images/logo.gif) no-repeat bottom center; }

#header .login { float: right; margin: 20px 0 0 0; width: 300px; height: 28px; background: url(/template/images/bg_login.gif) no-repeat; }
#header .login ul { padding: 7px 0 0 0; width: 300px; height: 21px; }
#header .login ul li { float: left; width: 100px; height: 21px; text-align: center; color: #FFF; overflow: hidden; }
#header .login ul li a { color: #666; display:block; }
#header .login ul li a:hover { color: #0860A8; }

#menu { margin: 0 auto 0 auto; width: 980px; height: 46px; }
#menu span { float: left; margin: 10px 0 0 10; padding: 0 0 0 10px; width: 370px; height: 36px; overflow: hidden; color: #0860A8; }
#menu ul { float: right; width: 600px; height: 46px; }
#menu ul li { float: left; width: 100px; height: 46px; text-align: center; }
#menu ul li a { padding: 10px 0 0 0; font-size: 14px; 100px; height: 36px; color: #0860A8; font-weight: bold; display: block; }
#menu ul li a:hover { color: #666; background: url(/template/images/gbl-link-plus.gif) no-repeat center 25px; text-decoration: none; }

#site { margin: 10px auto 10px auto; width: 980px; height: 30px; background: url(/template/images/bg_site.gif) no-repeat top center; }
#site .left { float: left; padding: 8px 10px 8px 10px; }
#site .right { float: right; padding: 5px 10px 5px 10px; }

#hot { background: url(/template/images/bg_hot.gif) no-repeat top center; width: 960px; height: 422px; margin: 0 auto 10px auto; padding: 10px 10px 15px 10px; }
#hot .title { padding: 0 10px 5px 0; margin: 0 0 10px 0; border-bottom: #CCC solid 1px; }
#hot .title a { color: #0860A8; }
#hot .boxgrid { width: 320px; height: 200px; margin: 0; float: left; background: #EEE; overflow: hidden; position: relative; }
#hot .boxgrid a { text-align: center; display: block; width: 320px; height: 200px; }
#hot .boxgrid a img { width: 308px; height: 188px; }
#hot .boxgrid a:hover img {  }
#hot .boxgrid p { padding: 0 10px; color: #000; }
#hot .boxgrid h3 { margin: 10px 10px 10px 10px; color: #FFF; font-size: 14px; letter-spacing: -1px; font-weight: bold; }
#hot .boxcaption { top: 200px; float: left; position: absolute; background: #666; height: 100px; width: 308px; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#hot .captionfull .boxcaption { top: 200px; left: 6px; }
#hot .caption .boxcaption { top: 200px; left: 6px; }

#index { margin: 0 auto 10px auto; width: 980px; height: 170px;}
#index dl { float: left; margin: 0 8px 0 0; width: 239px; height: 170px; background: url(/template/images/bg-consumer-landing-1-col.gif) no-repeat top center; }
#index dl dt { color: #0860A8; height: 15px; padding: 10px;}
#index dl dd { color: #666; height: 15px; padding: 10px; }
#index dl dd.bottom { background: url(/template/images/bg-consumer-landing-1-col.gif) no-repeat bottom center; }

#main { margin: 0 auto 10px auto; width: 980px; }

#works { margin: 0 auto 10px auto; width: 980px; display: inline;}
#works li { width: 240px; height: 190px;float: left;margin: 0 5px 0 0;}
#works li span { width: 240px; height: 20px;display: block;text-align: center;padding: 10px 0 0 0;}
#works li img { width: 240px; height: 160px;}

#main h1 { text-align: center; margin: 10px 0 10px 0; }
#main h2 { margin: 10px 0 10px 0; }
#main h2 a { font-size: 16px; }

#main .usermenu { float: left; margin: 0 10px 0 0; width: 244px; height: 202px; background: url(/template/images/consumer-landing-promo-box-bg.png) no-repeat top center; }
#main .usermenu a { display: block; width: 204px; height: 20px; padding: 20px 20px 10px 20px; }
#main .usermenu a:hover { color: #0860A8; }
#main #message { float: left; margin: 0; width: 726px; }

#main .left { float: left; margin: 0 10px 0 0; width: 236px; }
#main .left dl { background: url(/template/images/bg_box_content.gif) repeat-x top center; }
#main .left dl dt { height: 18px; background: #FFF url(/template/images/bg_box_hdr.gif) no-repeat top center; color: #FFF; padding: 6px 0 0 20px; }
#main .left dl dt a { color: #FFF; }
#main .left dl dd { height: 15px; padding: 10px 0 0 20px; }
#main .right { float: right; margin: 0; width: 734px; }

.lz_form { margin: 0 auto 10px auto; width: 980px; }
.lz_form p { margin: 10px 0 1px 0; }
.lz_form p.succeed { color: #0860A8; background:url(os/on.gif) no-repeat left center; padding-left:20px; font-weight:bold; }
.lz_form label { display: block; color:#0860A8; line-height: 12px; font-size: 12px; margin-bottom: 10px; }
.lz_form label.error { color: #993300; clear: both; cursor: pointer; padding-top: 2px; }
.lz_form span label { display: inline; color: #000;}
.lz_form input { padding: 2px; }
.lz_form button { margin-right: 6px; letter-spacing: 3px; padding: 2px; border: 1px solid; border-color: #EEE #777 #777 #EEE; background: #D4D0C8; font-size:12px; line-height:100%; vertical-align:middle; }
.lz_form .button { margin: 5px 0; }
.checkbox { display: block; }
.checkbox span { display: block; }
.checkbox span label { display: inline; color: #666; font-size: 12px; }

.in { border: solid 1px #CCC; display: table; cursor:text; }
.in a:hover { text-decoration: underline; background: #0A246A; color: #FFFFFF; }
.in0 { width: 50px;border:solid 1px #CCC;}
.in1 { width: 100px;border:solid 1px #CCC;}
.in2 { width: 200px;border:solid 1px #CCC;}
.in3 { width: 200px;border:solid 1px #CCC;}
.in4 { width: 200px;border:solid 1px #CCC;}
.in5 { width: 200px;border:solid 1px #CCC;}
.in6 { width: 200px;border:solid 1px #CCC;}

#links { margin: 20px auto 0 auto; padding: 20px 0 0 0; width: 980px; height: 30px; clear: both; }
#links ul { padding: 0; width: 980px; height: 20px; }
#links ul li {  padding-top: 5px;float: left; width: 100px; height: 20px; text-align: center; }
#links ul li.title { background: #CCC; }
#links ul li a { color: #666; display:block; }
#links ul li a:hover { color: #666; font-weight: bold; }

#footer { margin: 10px auto 0 auto; padding: 20px 0 0 0; width: 980px; height: 70px; clear: both; border-top: #CCC solid 2px; }
#footer ul { padding: 0 190px 0 190px; width: 600px; height: 20px; }
#footer ul li { float: left; width: 100px; height: 20px; text-align: center; }
#footer ul li a { color: #0860A8; display:block; }
#footer ul li a:hover { color: #666; font-weight: bold; }
#footer p { margin: 10px auto 0 auto; width: 980px; height: 20px; text-align: center; }