* { padding:0; margin:0; } fieldset, img { border:0; text-decoration: none; } label, a { cursor:pointer; } html, body, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} html, body { width:100%; height:100%; } body { background:#fbfaea;} a { text-decoration:none; outline:none; color:#333; } a:hover { text-decoration:underline; } h1, h2, h3, h4, h5, h6 { font-size:1em; font-weight:normal; } .hidden, hr { position:absolute; left:-1000em; } .clear { position:relative; clear:both; height:0px; overflow:hidden; display:block; } .hr { position:relative; clear:both; height:2px; overflow:hidden; display:block; background:url(img/hr.gif) repeat-x;} .last-news-title { font-size:13px;color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; } .smallheader.title { font-size:13px;font-weight: bold; background: none repeat scroll 0 0 transparent; height :20px; width:98%;} #top-1 { background:url(img/top-1-bg.jpg) no-repeat 0 0; width:1020px; height:58px; margin:0 auto; position:relative;} #top-1 ul { list-style:none; float:right; height:58px;} #top-1 ul li { display:block; float:left; height:58px; margin:0 1px;} #top-1 ul li a { display:block; line-height:53px; height:58px; padding:0 17px 0 0; color:#4e4a38; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; float:left;} #top-1 ul li a span { display:block; width:4px; height:58px; margin-right:13px; overflow:hidden; float:left;} #top-1 ul li a:hover, #top-1 ul li a.active { text-decoration:none; background: url(img/top-1-menu-hover.png) no-repeat top right;} #top-1 ul li a:hover span, #top-1 ul li a.active span { background: url(img/top-1-menu-hover.png) no-repeat 0 0;} #top-1 #over-img { background:url(img/top-1-over-img.png) no-repeat 0 0; width:1020px; height:6px; overflow:hidden; position:absolute; left:0; top:52px;} #top-2 { background:url(img/top-2-bg.jpg) no-repeat 0 0; width:1020px; height:183px; margin:0 auto; position:relative;} #top-2 #logo { position:absolute; top:50px; left:40px;} #top-3 { background:url(img/top-3-bg.jpg) no-repeat 0 0; width:1020px; height:68px; margin:0 auto; overflow:hidden;} #top-3 ul { list-style:none; height:25px; float:left;} #top-3 ul li { float:left; padding:0 1px;} #top-3 ul li a { display:block; height:25px; line-height:23px; padding-right:12px; color:#4e4a38; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(img/top-3-menu.gif) no-repeat top right; float:left;} #top-3 ul li a span { display:block; width:12px; height:25px; overflow:hidden; float:left; background:url(img/top-3-menu.gif) no-repeat 0 0;} #top-3 ul li a:hover, #top-3 ul li a.active { text-decoration:none; background:url(img/top-3-menu-hover.gif) no-repeat top right;} #top-3 ul li a:hover span, #top-3 ul li a.active span { background:url(img/top-3-menu-hover.gif) no-repeat 0 0;} #content { width:940px; padding:38px 40px 17px 40px; position:relative;} #center-bg { background:url(img/background.jpg) repeat-y; width:1020px; margin:0 auto;} #top-bg { background:url(img/bg-top.jpg) no-repeat top center; width:1020px;} #bottom-bg { background:url(img/bg-bottom.jpg) no-repeat bottom center; width:1020px;} #main h3.page-title { font-size:24px; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif;} #main h3.page-subtitle { font-size:20px; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #main h3.page-subtitle span { font-size:14px;} #table-title { padding:5px 0 0 0;} #table-title .td { font-size:14px; font-weight:bold; color:#415133; float:left; padding:11px 0;} #table-title .td-1 { width:460px;} #table-title .td-2 { width:120px; text-align:center;} #table-title .td-3 { width:120px; text-align:center;} #table-content { border-top:1px solid #deddd6;} #table-content .td { font-size:12px; font-weight:bold; border-bottom:1px solid #deddd6; padding:11px; float:left; color:#415133;} #table-content .td a { color: #415133;} #table-content .td-1 { width:437px; border-right:1px solid #deddd6;} #table-content .td-2 { width:97px; border-right:1px solid #deddd6; text-align:center;} #table-content .td-3 { width:97px; text-align:center;} .color-me .tdspan {} .color-me .td { position:relative; z-index:200;} .color-me .color { position:absolute; top:0; left:0; z-index:-10; display:block; background:#fff; filter:alpha(opacity=32); -moz-opacity:0.32; opacity:0.32; padding:11px;} .form-select-date { float:left; width:50%;} .form-select-page { color:#415133; float:right; width:50%; text-align:right;} .form-select-page label { padding:0 5px;} .form-select-page a { text-decoration:underline; font-weight:bold;} .form-select-page a:hover { text-decoration:none;} #main { width:700px; float:left; } #main .page-text { line-height:19px; color:#3e3e3e} #main .page-text a { text-decoration:underline;} #main .page-text a:hover { text-decoration:none;} #design-list .left { width:340px; padding:17px 20px 17px 0; float:left;} #design-list .right { width:340px; padding:17px 0 17px 0; float:right;} #design-list .design-img { width:90px; height:71px; padding:10px 0 0 10px; float:left; background:url(img/design-list-img-frame.jpg) no-repeat 0 0;} #design-list .design-txt { padding:0 0 0 20px; float:left;} #design-list .design-txt h4 { color:#415133; font-size:16px; font-weight:bold;} #design-list .design-txt p { color:#415133; line-height:14px; font-size:12px;} #design-list .design-txt span.standards { position:relative; background:url(img/ico-check.gif) no-repeat top right; padding-right:11px; margin-right:20px;} #design-list .design-txt span.last { margin-right:0;} #design-list .design-links { padding:10px 0 0 0;} #design-list .design-links a { display:block; height:25px; line-height:23px; padding-right:12px; color:#4e4a38; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(img/top-3-menu.gif) no-repeat top right; float:left; margin-right:5px;} #design-list .design-links a span { display:block; width:12px; height:25px; overflow:hidden; float:left; background:url(img/top-3-menu.gif) no-repeat 0 0;} #design-list .design-links a:hover { text-decoration:none; background:url(img/top-3-menu-hover.gif) no-repeat top right;} #design-list .design-links a:hover span { background:url(img/top-3-menu-hover.gif) no-repeat 0 0;} #right { width:220px; overflow-x:hidden; padding:0 0 0 10px; border-left:1px solid #babab7; float:right; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif;} #right h3.r-title { font-size:14px; color:#6e6e6e; font-weight:bold; padding-bottom:20px;} #right h3.r-title span.span-1 { float:left; display:block; width:54px; background:url(img/hr.gif) repeat-x; height:2px; margin-top:8px; overflow:hidden;} #right h3.r-title span.span-2 { float:left; padding:0 4px;} #right h3.r-title span.span-3 { float:left; display:block; background:url(img/hr.gif) repeat-x; height:2px; margin-top:8px; overflow:hidden;} #right h4 { font-size:15px; font-weight:bold; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif;} #right p { font-family:Arial, Helvetica, sans-serif; font-size:12px;} #right .right-link-left { float:left; margin-right:7px;} #right .right-link-left-last { margin-right:14px;} #right .img-left { float:left;} #right .img-right { float:right;} #content-footer { padding:45px 0px 0px 0px; float:left; width:100%;} #content-footer a { color:#535353; font-size:11px;} #back-to-top { float:left;} #copyright { float:right;} #footer { width:980px; height:128px; margin:0 auto; padding:28px 0 0 40px; background:url(img/footer-bg.jpg) no-repeat 0 0; overflow:hidden;} #footer .f-box { width:130px; padding:0 30px 0 0; float:left;} #footer h3 { font-size:15px; line-height:19px; color:#4f4936; font-weight:bold;} #footer ul { list-style:none;} #footer ul li a { font-size:11px; color:#4f4936;} .spacer-5 { display:block; height:5px; overflow:hidden; position:relative; clear:both;} .spacer-10 { display:block; height:10px; overflow:hidden; position:relative; clear:both;} .spacer-11 { display:block; height:11px; overflow:hidden; position:relative; clear:both;} .spacer-12 { display:block; height:12px; overflow:hidden; position:relative; clear:both;} .spacer-13 { display:block; height:13px; overflow:hidden; position:relative; clear:both;} .spacer-14 { display:block; height:14px; overflow:hidden; position:relative; clear:both;} .spacer-15 { display:block; height:15px; overflow:hidden; position:relative; clear:both;} .spacer-16 { display:block; height:16px; overflow:hidden; position:relative; clear:both;} .spacer-17 { display:block; height:17px; overflow:hidden; position:relative; clear:both;} .spacer-18 { display:block; height:18px; overflow:hidden; position:relative; clear:both;} .spacer-19 { display:block; height:19px; overflow:hidden; position:relative; clear:both;} .spacer-20 { display:block; height:20px; overflow:hidden; position:relative; clear:both;} .spacer-21 { display:block; height:21px; overflow:hidden; position:relative; clear:both;} .spacer-22 { display:block; height:22px; overflow:hidden; position:relative; clear:both;} .spacer-23 { display:block; height:23px; overflow:hidden; position:relative; clear:both;} .spacer-24 { display:block; height:24px; overflow:hidden; position:relative; clear:both;} .spacer-25 { display:block; height:25px; overflow:hidden; position:relative; clear:both;} .spacer-30 { display:block; height:30px; overflow:hidden; position:relative; clear:both;} .spacer-35 { display:block; height:35px; overflow:hidden; position:relative; clear:both;} .spacer-40 { display:block; height:40px; overflow:hidden; position:relative; clear:both;} .right-arrow { padding-right:10px; background:url(img/ico-arrow-right.gif) no-repeat top right;} h4.last-news-title { color:#3e3e3e; font-size:14px; font-weight:bold;} span.last-news-date { font-size:10px; color:#3e3e3e;} .div-last-news { font-size:12px; color:#3e3e3e; padding:10px 0;} .premium-res { width: 185px; height: 132px; background: url(img/premium-res.jpg) no-repeat 0 0; margin: 0 auto; text-align: center; padding: 54px 0 0 0;} .premium-res a { line-height: 26px; color: #ffffff; font-weight: bold; font-size: 12px;} .advers { width: 145px; height: 145px; margin: 0 auto; background: url(img/adv_bac.png) no-repeat 0 0; position: relative;} .advers a { width: 141px; height: 130px; display: block; position: relative; top: 1px; left: 2px; text-align: center; padding: 11px 0 0 0;} .advers a:hover { background: #6487DC;} .premium-div { margin-bottom:20px;} .premium-item {float:left;width:220px;padding:17px 0px 10px 0px} .premium-item ul { margin:0px;padding:0px;list-style-type:none; } .premium-img { padding:6px; width:120px; text-align:center; border:1px solid #dadada;background-color:#fff; } .tpbuy { font-weight:bold;} .date_added { font-size:90%;padding-left:5px;margin-top:3px;color:#666; } .tpview { }