body,html,div,img,dl,dt,dd,h1,h2,h3,h4,h5,p,form,input,select,textarea,a,table,tr,td,ul,li,blockquote {margin:0;padding:0;}

body, html {width: 100%;}
body {background: #cad1d3 url(../imgs/bg-header.gif) repeat-x; text-align: center;}
body, div {font: 11px Trebuchet MS, Tahoma, Verdana, sans-serif; color: #5d5e5e;}

a, a:hover {color: #0286e3; text-decoration: none;}a:hover {color: #68c4e0;}
img {border: none; vertical-align: middle;}

.spacer{height: 1px; width: 100%; clear: both; font-size: 1px;}
.s3 {height: 3px !important;}
.s10 {height: 10px;}
.s15 {height: 15px;}
.s20 {height: 20px;}

/* main block */
.container, .header {width: 850px; text-align: left; margin: 0 auto; position: relative;}
.container-bg {width: 100%; background: #e7e9ea;}
.footer-bgs {width: 100%; background: #cad1d3 url(../imgs/bg-footer.gif) repeat-x;}

/* header */
.header {height: 93px; background: url(../imgs/bg-header.png) 0 100% no-repeat;}
.second-page .header {background: url(../imgs/bg-headers.png) 0 100% no-repeat;}

.logo {position: absolute; top: 18px; left: 7px;}

.header .menu {height: 30px; overflow: hidden; position: absolute; top: 42px; left: 470px;}
.header .menu li {list-style: none; float: left; font-size: 18px; line-height: 20px; margin-right: 22px;}
.header .menu li a {color: #fff;}
.header .menu li a:hover, .header .menu li.on a, .header .menu li.on a:hover,  .header .menu li.on {color: #d8ecf2;}

.footer .menu {padding: 3px 0 70px;}
.footer .menu li {list-style: none; font-weight: bold; font-size: 14px; line-height: 18px; padding-bottom: 2px;}
.footer .menu li a {color: #0286e3;}
.footer .menu li a:hover, .footer .menu li.on a, .footer .menu li.on a:hover, .footer .menu li.on {color: #68c4e0;}

.b-wrap {width: 848px; border-right: 1px solid #d6d9db; border-left: 1px solid #d6d9db; overflow: hidden; background: #fff url(../imgs/bg-wrap.gif) repeat-y; position: relative;}
.second-page .b-wrap {background: #fff;}
.b-left, .b-right, .site-img, .site-info, .c-left, .c-right {float: left;}
.b-left {width: 155px; padding: 4px 25px 0 21px; font-size: 10px; line-height: 13px;}
.b-right {width: 637px;}

.c-left {width: 550px; padding: 0 18px 0 20px; line-height: 17px;}
.c-right {width: 240px; padding-top: 3px;}

/* content block */
.line {background: #dbdbdb;}
.b-left h4 {font: bold 16px/18px Trebuchet MS; color: #626464; padding: 10px 0 12px;}
.b-left p {margin-top: 12px;}
.b-left .line {margin-top: 12px;}
.b-left .img {float: left;}
.submit, .submit:hover {display: block; color: #0172fd; font-size: 11px; margin-top: 8px; padding: 3px 0 5px 23px; background: url(../imgs/bg-submit.gif) no-repeat;}
.submit:hover {color: #68c4e0;}

.b-right h1 {font: normal 18px/20px Trebuchet MS; color: #626464; padding: 0 0 15px 54px; background: url(../imgs/bg-h1.gif) no-repeat;}
.b-right h1 span {font-size: 13px; line-height: 15px;}
.c-left .line, .b-right .line {background: url(../imgs/line.gif) repeat-x;}

input, textarea, select {font: 11px Trebuchet MS, Tahoma, sans-serif; color: #626464;}
p {margin-top: 15px;}
sup {font-weight: normal; font-size: 6px;}

.site-list {overflow: hidden; padding: 18px 0 20px; min-height: 140px;//height: 140px;}
.site-img {padding: 0 21px 0 9px;}
.site-img img {padding: 8px; background: #e9e9e9;}
.site-info {width: 255px; padding-right: 31px; line-height: 14px; overflow: hidden;}
.site-info h2 {font: normal 17px/19px Trebuchet MS; color: #49b402; padding-bottom: 5px;}

.readmore, .readmore:hover, .visitsite, .visitsite:hover {display: block; width: 108px; height: 21px; float: left; margin-top: 10px;}
.readmore, .readmore:hover {margin-right: 21px; background: url(../imgs/b-readmore.png) no-repeat;}
.visitsite, .visitsite:hover {background: url(../imgs/b-visitsite.png) no-repeat;}
.readmore:hover, .visitsite:hover {background-position: 0 -21px;}

.site-desc-bg {float: left; width: 170px; background: #f4f5f5 url(../imgs/bg-sitebg.gif) no-repeat; overflow: hidden;}
.site-desc {width: 146px; padding: 10px 12px; background: url(../imgs/bg-sitebgb.gif) 0 100% no-repeat;}
.site-desc .rate, .site-desc .rate-b {position: relative; top: -2px;}
.site-desc i {float: right; font-style: normal;}
.site-desc i span {color: #b4bdbd;}
.site-desc b {float: left; color: #393939; font-weight: normal;}

.c-right .site-desc-bg {float: none; width: 240px; background: #f0f1ea url(../imgs/bg-sited.gif) no-repeat; overflow: hidden; margin-bottom: 15px;}
.c-right .site-desc {width: 208px; padding: 10px 14px 10px 18px; background: url(../imgs/bg-sites.gif) 0 100% no-repeat; font-size: 12px;}
.c-right .site-desc i {font-weight: bold;}

.c-left h1, .c-left h2 {font: normal 22px/24px Trebuchet MS; color: #626464; padding: 10px 0 15px;}
.c-left h3 {font: bold 15px/17px Trebuchet MS; color: #626464; padding: 20px 0 2px;}

.reviews-bt {background: #f4f5f5 url(../imgs/bg-rtop.gif) no-repeat; height: 5px;}
.reviews-bb {background: #f4f5f5 url(../imgs/bg-rbot.gif) no-repeat; height: 5px;}
.reviews-list, .wow {border-right: 1px solid #cddbe2; border-left: 1px solid #cddbe2; padding: 0 10px; background: #f4f5f5;}
.reviews-list h4, .popular-list h4 {font-size: 16px; font-weight: bold; color: #798082; line-height: 18px; display: block; padding: 15px 0 6px 6px;}
.reviews {font-size: 10px; color: #626464; line-height: 13px; position: relative; width: 139px; min-height: 55px;//height: 55px; padding: 15px 0 15px 79px; background: #f4f5f5 url(../imgs/bg-rlist.gif) repeat-x;}
.reviews img {position: absolute; top: 16px; left: 5px; border: 1px solid #b7b6b6;}
.reviews a, .reviews a:hover {font-size: 12px; display: block; font-weight: bold;}

.wow {font-size: 11px; color: #626464; line-height: 14px; position: relative; width: 207px; padding: 0 16px 20px 16px;}
.wow h3 {font: bold 18px/20px Trebuchet MS; padding: 12px 0 5px 35px; color: #49b402; background: url(../imgs/bg-h3.gif) 0 12px no-repeat;}
.wow h3.c {color: #c1231c; background: url(../imgs/bg-h3c.gif) 0 12px no-repeat;}

.pros-cons { margin-left:20px}
.pros-cons .green {color:#49b402}
.pros-cons .red {color:#c1231c}

.review-ul { margin-left:20px}

.popular-bt {background: url(../imgs/bg-ptop.gif) no-repeat; height: 5px;}
.popular-bb {background: url(../imgs/bg-pbot.gif) no-repeat; height: 5px;}
.popular-list {background: #f0f1ea; padding: 0 1px 30px 1px;}
.popular-list h4 {padding: 10px 0 15px 15px;}
.popular-list ul {width: 238px; padding-top: 2px; background: url(../imgs/bg-rlist.gif) 15px 0 no-repeat;}
.popular-list ul li {display: block; background: url(../imgs/bg-rlist.gif) 15px 100% no-repeat; font-size: 10px; line-height: 13px; padding-bottom: 2px;}
.popular-list ul li a, .popular-list ul li a:hover {color: #409db9; padding: 4px 10px 6px 40px; display: block; background: url(../imgs/bg-popular.gif) 15px 0 no-repeat;}
.popular-list ul li a:hover {color: #71d5f3; background: #f9f9f7 url(../imgs/bg-popular.gif) 15px -178px no-repeat;}

.breadcrumbs {padding: 0 0 15px 22px; width: 805px; background: url(../imgs/line.gif) 0 100% repeat-x; margin-left: 11px;}
.breadcrumbs, .breadcrumbs h1 {color: #595959; font-size: 12px; line-height: 13px; font-weight: normal;}
.breadcrumbs h1 {display: inline;}

.img-pos {position: absolute; top: 10px; left: 20px; border: 8px solid #e9e9e9;}
.quickfacts {padding-left: 301px; height: 225px;}
.title {font-size: 14px; line-height: 15px; height: 47px; position: relative;}
.title h3 {font: normal 20px/22px Trebuchet MS; color: #49b402; padding: 0;}
.title span {position: absolute; top: -5px; right: 25px; width: 30px; height: 34px; padding: 13px 0 0 17px; background: url(../imgs/bg-place.gif) no-repeat; font-size: 19px; line-height: 19px; color: #4c5353;}

.qt-top, .qt-bot {background: url(../imgs/bg-qf.gif); width: 526px; height: 5px;}
.qt-bot {background-position: 0 -5px;}
.qt {border-right: 1px solid #e3e5e5; border-left: 1px solid #e3e5e5; padding: 5px 18px 6px 21px; width: 485px; font-size: 11px; background: #f4f5f5;}
.qt img {margin-bottom: 5px;}
.qt i, .qt span {display: block; float: left; padding: 1px 0 2px;}
.qt i {font-style: normal; float: right; width: 320px;}
.qt .spacer {background: url(../imgs/lines.gif) 0 100% repeat-x;}

.visit-button {height: 55px; padding-left: 280px;}
.visitweb, .visitweb:hover {display: block; color: #fff; font-size: 17px; line-height: 18px; padding: 11px 0 0 36px; width:240px; height: 33px; background: url(../imgs/b-visitweb.gif) no-repeat;}
.visitweb:hover {background-position: 0 -44px;}

blockquote {margin-bottom: 10px; margin-left: 10px; border-left: 7px solid #64e012; padding: 0 0 0 14px;}
blockquote h3 {padding-top: 0 !important;}

.comment-list {padding-top: 23px;}
.comment-list h2 {font: normal 17px/19px Trebuchet MS; color: #626464; padding: 0; height: 45px;}
.comment-list .add, .comment-list .add:hover {font-size: 15px; font-weight: bold; line-height: 17px; display: block; float: right; padding: 4px 0 8px 43px; background: url(../imgs/pluss.gif) no-repeat; position: relative; top: -4px;}

.comment-top, .comment-bot {background: url(../imgs/bg-c.gif);}
.comment-top {height: 26px; padding-left: 46px; font-weight: bold; font-size: 13px;}
.comment-bot {height: 5px; background-position: 0 -26px; margin-bottom: 32px;}
.comment {border-right: 1px solid #d0dde4; border-left: 1px solid #d0dde4; padding: 13px 20px 15px 20px; font-size: 12px; line-height: 16px; background: #f4f5f5;}

.rate, .rate-b {display: block; float: right; width: 85px; height: 16px; background: url(../imgs/star.png) no-repeat;}
.rate-b {background: url(../imgs/star-on.png) no-repeat;}

.edit-rate-0, .edit-rate-00 {background-position: 0 -200px;}
.edit-rate-5, .edit-rate-10 {background-position: 0 -180px;}
.edit-rate-15, .edit-rate-20 {background-position: 0 -160px;}
.edit-rate-25, .edit-rate-30 {background-position: 0 -140px;}
.edit-rate-35, .edit-rate-40 {background-position: 0 -120px;}
.edit-rate-45, .edit-rate-50 {background-position: 0 -100px;}
.edit-rate-55, .edit-rate-60 {background-position: 0 -80px;}
.edit-rate-65, .edit-rate-70 {background-position: 0 -60px;}
.edit-rate-75, .edit-rate-80 {background-position: 0 -40px;}
.edit-rate-85, .edit-rate-90 {background-position: 0 -20px;}
.edit-rate-95, .edit-rate-100 {background-position: 0 0;}

.pagination {padding-top: 25px; text-align: right; font-weight: bold; font-size: 12px; float: right; overflow: hidden;}
.pagination b, .pagination a, .pagination a:hover {padding: 0 5px; display: block; float: left; line-height: 14px;}
.pagination a:hover {color: #e39102;}
.pagination b {color: #9fa5a5;}
.pagination .l, .pagination .l:hover, .pagination .r, .pagination .r:hover {padding: 0; width: 12px; height: 14px; background: url(../imgs/bg-pl.gif) no-repeat; margin-right: 5px;}
.pagination .l:hover, .pagination .r:hover {background-position: 0 -14px !important;}
.pagination .r, .pagination .r:hover {background: url(../imgs/bg-r.gif) no-repeat; margin-left: 5px;}

/* form */
.form {width: 100%; overflow: hidden; padding: 35px 0; margin-top: 20px; background: #f0f1ea;}
.form label {float: left; display: block; font-size: 13px; line-height: 15px; width: 131px; padding: 4px 15px 0 0; text-align: right; color: #626464;}
.form .input, .form textarea {float: left; border: 1px solid #b4bcbe; font-size: 13px; padding: 1px 5px 3px; width: 255px; color: #626464; background: #fff;}
.form textarea {width: 345px; height: 125px;}
.form select {width: 70px;}
.form .spacer {height: 10px;}
.form img {float: left; margin-right: 12px;}

.form input.capcha {width: 85px; margin-top: 7px;}

.b-submit, .b-submit:hover {display: block; border:0; width: 97px; height: 42px; padding: 9px auto; margin-left: 148px; background: url(../imgs/b-submit.png) no-repeat; font-size: 17px; color: #fff; text-align: center;}
.b-submit:hover {background-position: 0 -43px;}

/* footer */
.footer-bg {width: 813px; background: url(../imgs/bg-footerbg.png) no-repeat; padding: 45px 0 30px 37px;}
.second-page .footer-bg {background: url(../imgs/bg-footerbgs.png) no-repeat;}
.footer {width: 813px; background: url(../imgs/bg-recent.gif) 214px 0 repeat-y; font-size: 10px; line-height: 13px; color: #657175; overflow: hidden;}

.recent {width: 562px; float: right; overflow: hidden;}
.recent span {font-size: 16px; line-height: 16px; color: #657175; clear: both; display: block;}
.links {margin-top: 10px; padding-top: 1px; background: url(../imgs/bg-linksb.gif) no-repeat; overflow: hidden; width: 562px;}
.links li {list-style: none; padding-bottom: 1px; background: url(../imgs/bg-linksb.gif) 0 100% no-repeat; font-size: 10px; float: left; width: 215px; margin-right: 65px;}
.links li a, .links li a:hover {display: block; color: #657175; width: 199px; padding: 1px 0 2px 16px; background: url(../imgs/lif.gif) no-repeat;}
.links li a:hover {color: #68c4e0; background: #dee3e4 url(../imgs/lif.gif) 0 -168px no-repeat;}