html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0; }
body                                { font: 10px Arial, Helvetica, sans-serif; color: #474e59; background-color: #fff;}
img, input, textarea                {border: none;}
ul                                  {list-style-type: none;}
a:link, a:active                    {color: #0099e5; cursor: pointer; text-decoration: underline;}
a:hover                             {cursor : pointer; color: #db9a9a; text-decoration: none;}
a:visited                           {color: #bd5e9d; }
a:active, a:focus, img              {outline: 0;}
.clear                              {clear: both;}
.floatLeft                          {float: left;}
.floatRight                         {float: right;}
.overHidden                         {overflow: hidden;}
.redColor { color: #bc5e5e !important; }
.darkColor { color: #404040 !important; }
.greenColor { color: #73994c !important; }
.pinkColor { color: #cc5e97 !important; }
.font11 { font-size: 11px !important; }
.marginBtm { margin-bottom: 0px !important; }

.main { width: 1000px; margin: 0 auto;}
.text { position: absolute; z-index: 2; line-height: normal !important;}
.shadow { position: absolute; z-index: 1; line-height: normal !important;}
/* header */
.header { background: url(/img/bgHeader.png) repeat-x; height: 147px; margin-bottom: 1px; }
.header .main { position: relative; z-index: 7; }
.header .topSide { height: 97px; position: relative; z-index: 5; }
.header .btmSide { height: 50px; position: relative; zoom: 1; z-index: 99; }
.decor1 { display: block; background: url(/img/light.png); width: 396px; height: 97px; position: absolute; top: 0px; left: 150px; }
/* top logo */
.topLogo { background: url(../img/bg.png) no-repeat 0px 0px; width: 308px; height: 12px; float: left; margin-top: 27px; text-align: left; padding-top: 28px; position: relative; z-index: 5;}
.topLogo a {  font-size: 9px; font-weight: normal; color: #c0c6d1 !important; text-decoration: none !important; margin-left: 49px; position:relative;top:10px;}
/* description */
.desc { float: left; padding-left: 20px; margin-top: 37px;  color: #fff; width: 225px; position: relative; z-index: 5; }
/* top menu */
.topMenu { float: right; padding-top: 70px; height: 27px; }
.topMenu li { float: right; display: block; padding-left: 1px; }
.topMenu li a { display: block; background: url(/img/bg.png) no-repeat 0px -40px; height: 27px; padding: 0px 20px; line-height: 27px; position: relative; float: left; zoom: 1; font-size: 11px; color: #994b71 !important; text-decoration: underline; }
.topMenu li a em { display: block; background: url(/img/bg.png) no-repeat -195px -40px; height: 27px; width: 10px; position: absolute; top: 0px; right: 0px; zoom: 1; }
.topMenu li a:hover { background-position: 0px -67px; color: #fff !important; text-decoration: none; }
.topMenu li a:hover em { background-position: -195px -67px; }
.topMenu li.current a { background-position: 0px -94px; color: #73994c !important; text-decoration: none; }
.topMenu li.current a em { background-position: -195px -94px;}
/* select category (more style see stylish-select.css) */
.selCat { float: left; height: 50px;}
.selCat h2 { float: left; position: relative; font-size: 14px; font-weight: bold; color: #995656; width: 125px; height: 50px; }
.selCat h2 .text { top: 18px; left: 0px; }
.selCat h2 .shadow { top: 19px; left: 1px; color: #fff0f2; }
/* search bar */
.searchBar { float: right; height: 40px; padding-top: 10px; }
.searchBar div { background: url(../img/bg.png) no-repeat -308px 0px; width: 584px; height: 30px; padding: 0px 15px 0px 30px; position: relative; margin-right: 5px; float: left;}
.searchBar input.text { width: 584px; top: 9px; left: 30px; position: absolute; font-size: 10px; color: #404040; }
.searchBar input.submit { display: block; float: left; background: url(../img/bg.png) no-repeat -205px -40px; width: 65px; height: 30px; position: relative; font-size: 14px; font-weight: bold; color: #ffffff !important; text-decoration: none !important; left:600px;}
.searchBar a:hover { background-position: -205px -70px; }
.searchBar a .text { top: 8px; left: 9px; }
.searchBar a .shadow { top: 7px; left: 8px; color: #d36161; }
/* separator */
.header .separator { display: block; background: url(/img/bg.png) no-repeat -1186px -17px; height: 50px; width: 7px; position: absolute; top: 0px; left: 290px; }
/* quick links */
div.quickLinks { background-color: #ebebeb; display: none; height: 44px; line-height: 44px; padding-right: 10px; position: relative; zoom: 1; }
div.quickLinks li { float: left; display: block; height: 44x; padding-left: 13px; }
div.quickLinks li a { font-size: 10px; }
span.quickLinks { display: block; background: url(/img/bg.png) no-repeat -1199px -18px; height: 44px; width: 5px; position: absolute; top: 0px; right: 0px; }
div.quickLinks li.first { padding-left: 0px; background: url(/img/bg.png) no-repeat -1167px -100px; height: 44px; width: 100px; text-align: center; margin-right: 7px; font-size: 10px; color: #fff; font-weight: bold; }
a.quickLinks { display: block; background: url(/img/bg.png) no-repeat -1123px -22px; width: 47px; height: 8px; margin: 0px auto; text-indent: -9999px; line-height: 1px; font-size: 1px; }

/* ---------------------------------------------------------------- content */
.content { padding: 10px 0px; overflow: hidden; zoom: 1;  }
.leftSide { float: left; width: 180px; }
/* buttons */
.but1 .text { top: 6px; left: 25px; }
.but1 .shadow { top: 5px; left: 24px; color: #d36161; }

.but2 { display: block; background: url(/img/bg.png) no-repeat -353px -40px; width: 81px; height: 20px; position: relative; font-size: 10px; font-weight: bold; color: #fff !important; text-decoration: none !important;}
.but2:hover { background-position: -353px -60px; }
.but2 .text { top: 4px; left: 7px; }
.but2 .shadow { top: 3px; left: 6px; color: #d36161; }

.but3 { display: block; background: url(/img/bg.png) no-repeat -353px -80px; width: 63px; height: 20px; position: relative; font-size: 10px; font-weight: bold; color: #fff !important; text-decoration: none !important;}
.but3:hover { background-position: -353px -100px; }
.but3 .text { top: 4px; left: 9px; }
.but3 .shadow { top: 3px; left: 8px; color: #005ad5; }

.but4 { display: block; background: url(/img/bg.png) no-repeat -270px -40px; width: 83px; height: 30px; position: relative; font-size: 14px; font-weight: bold; color: #994545 !important; text-decoration: none !important;}
.but4 .text { top: 8px; left: 10px; }
.but4 .shadow { top: 9px; left: 11px; color: #efe6c8; }

.but5 { display: block; background: url(/img/bg.png) no-repeat -434px -40px; width: 101px; height: 20px; position: relative; font-size: 10px; font-weight: bold; color: #fff !important; text-decoration: none !important;}
.but5:hover { background-position: -434px -60px; }
.but5 .text { top: 4px; left: 7px; }
.but5 .shadow { top: 3px; left: 6px; color: #D36161; }

.but6 { display: block; background: url(/img/bg.png) no-repeat -535px -40px; height: 20px; padding: 0px 10px; zoom: 1; line-height: 20px; font-size: 10px; font-weight: bold; color: #fff !important; text-decoration: none !important; float: left; position: relative;}
.but6 em { display: block; background: url(/img/bg.png) no-repeat -875px -40px; width: 10px; height: 20px; position: absolute; right: 0px; top: 0px;  }
.but6:hover { background-position: -535px -60px; }
.but6:hover em { background-position: -875px -60px; }

.but7 { display: block; background: url(/img/bg.png) no-repeat -475px -285px; width: 475px; height: 50px; line-height: 50px; text-align: center; color: #608040 !important; text-decoration: none !important; text-transform: uppercase; font-size: 24px; font-weight: bold; margin-bottom: 10px; _margin-bottom: 0px;}
.but7:hover { background-position: -475px -335px; }
.ieFix { display:none; _display: block; _height: 10px; _line-height: 10px; font-size: 1px; }/* ie fix for but7 */

.but8 { display: block; background: url(/img/bg.png) no-repeat 0px -245px; width: 475px; height: 50px; line-height: 50px; text-align: center; color: #fff !important; text-decoration: none !important; margin-bottom: 10px; text-transform: uppercase; font-size: 24px; font-weight: bold; }
.but8:hover { background-position: 0px -295px; }

.but9 { display: block; background: url(/img/bg.png) no-repeat -475px -245px; width: 95px; height: 20px; position: relative; font-size: 10px; font-weight: bold; color: #fff !important; text-decoration: none !important;}
.but9:hover { background-position: -475px -265px; }
.but9 .text { top: 4px; left: 17px; }
.but9 .shadow { top: 3px; left: 16px; color: #005AD5; }

/* red block 180px */
.red180 { margin-bottom: 10px; }
.red180 h2 { background: url(/img/bg.png) no-repeat -180px -121px; width: 180px; height: 40px; position: relative; font-size: 18px; font-weight: bold; color: #fff; }
.red180 h2 .text { top: 8px; left: 9px; }
.red180 h2 .shadow { top: 7px; left: 8px; color: #bd4f4f; }
/* categories */
.categories li { display: block; font-size: 12px; }
.categories li a { display: block; background: url(/img/bg.png) no-repeat 0px -121px; width: 157px; height: 33px; padding-left: 23px; line-height: 33px; color: #0099e6 !important; }
.categories li a:hover { background-position: 0px -154px; color: #fff !important; }
.categories li.last { background: url(/img/bg.png) no-repeat 0px -187px; width: 180px; height: 35px; padding-top: 10px; }
.categories li .but1, .but1 { display: block; background: url(/img/bg.png) no-repeat -885px -40px !important; width: 160px !important; height: 25px !important; margin: 0px auto; position: relative; font-size: 12px; font-weight: bold; color: #fff !important; text-decoration: none; padding: 0px !important; line-height: normal; }
.categories li .but1:hover, .but1:hover { background-position: -885px -65px !important;; }
/* left advertising */
.advertising { margin-bottom: 10px; }
.advertising li { text-align: center; display: block; padding-bottom: 10px; }

.rightSide { float: right; width: 325px; }
/* red block 325px */
div.red325 { margin-bottom: 10px; position: relative; width: 325px; }
div.red325 h2 { background: url(/img/bg.png) no-repeat -685px -121px; width: 325px; height: 40px; position: relative; font-size: 18px; font-weight: bold; color: #fff; }
div.red325 h2 .text { top: 8px; left: 9px; }
div.red325 h2 .shadow { top: 7px; left: 8px; color: #bd4f4f; }
span.red325 { display: block; background: url(/img/bg.png) no-repeat -685px -161px; width: 325px; height: 7px; font-size: 1px; line-height: 1px; position: absolute; bottom: 0px; _bottom: -1px; left: 0px; }
/* top site/ top 3 site */
ul.topSite { background-color: #fff; *margin-top: 3px;}
li.topSite { display: block; border: 1px solid #f2dfdf; background: #ffeded; margin-top: 1px; *margin-top: -2px; padding: 9px; overflow: hidden; zoom: 1; height: 100px; }
li.topSite.last { padding-bottom: 0px; height: auto; }
li.topSite img { float: left; margin-right: 10px; display: block;}
li.topSite h3 { background: url(/img/bg.png) no-repeat -1251px 0px; height: 15px; line-height: 13px; padding-left: 21px; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 105px; overflow: hidden; white-space: nowrap; zoom: 1; width: 179px; }
li.topSite h3 a { color: #0099e6 !important; }
li.topSite p { padding-bottom: 10px; margin-left: 125px;  }
li.topSite .buttonBlock {  overflow: hidden; zoom: 1; padding-left: 20px; }
li.topSite .buttonBlock a { margin-right: 5px; float: left; }
/* top site/ top other site */
li.topSite li { display: block; overflow: hidden; zoom: 1; padding-bottom: 10px;  }
li.topSite li strong { font-size: 12px; color: #bc5e5e; }
li.topSite li strong span { color: #78818e; position: relative; top: -2px; }
li.topSite li span.floatRight { padding-right: 5px; white-space: nowrap; }
li.topSite li span.floatRight a { padding-left: 10px; font-size: 9px; font-weight: bold; color: #0099e6 !important; }
/* blue block 325px */
div.blue325 { margin-bottom: 10px; position: relative; width: 325px; }
div.blue325 h2 { background: url(/img/bg.png) no-repeat -360px -121px; width: 325px; height: 40px; position: relative; font-size: 18px; font-weight: bold; color: #fff; }
div.blue325 h2 .text { top: 8px; left: 9px; }
div.blue325 h2 .shadow { top: 7px; left: 8px; color: #003cc7; }
.blueContent { background: #fcf5ea; border-left: 1px solid #e5dccf; border-right: 1px solid #e5dccf; padding: 10px 9px; }
span.blue325 { display: block; background: url(/img/bg.png) no-repeat -360px -161px; width: 325px; height: 7px; font-size: 1px; line-height: 1px; position: absolute; bottom: 0px; left: 0px; }
/* social network */
.mizantrop { overflow: hidden; height: 16px; }
.mizantrop li { display: block; float: left; padding-right: 10px; }
.mizantrop li a { display: block; width: 16px; height: 16px; background: url(/img/bg.png) no-repeat; text-indent: -9999px;  }
.soc1 { background-position: -1095px 0px !important; }
.soc2 { background-position: -1121px 0px !important; }
.soc3 { background-position: -1147px 0px !important; }
.soc4 { background-position: -1173px 0px !important; }
.soc5 { background-position: -1199px 0px !important; }
.soc6 { background-position: -1225px 0px !important; }

.doubleBlock { overflow: hidden; zoom: 1; position: relative; margin-bottom: 10px; background: url(/img/doubleBg.png) repeat-y; }

/* red block 157px */
div.red157 { margin-bottom: 10px; position: relative; width: 157px; }
div.red157 h2 { background: url(/img/bg.png) no-repeat -1010px -121px; width: 157px; height: 40px; position: relative; font-size: 14px; font-weight: bold; color: #fff; }
div.red157 h2 .text { top: 13px; left: 9px; }
div.red157 h2 .shadow { top: 12px; left: 8px; color: #bd4f4f; }
div.red157 img { margin-bottom: 10px; }
.redContent { background: #ffeded; border-left: 1px solid #f2dfdf; border-right: 1px solid #f2dfdf; padding: 10px 9px; }
div.red157 .redContent { padding-bottom: 0px; }
span.red157 { display: block; background: url(/img/bg.png) no-repeat -1010px -161px; width: 157px; height: 7px; font-size: 1px; line-height: 1px; position: absolute; bottom: 0px; _bottom: -1px; left: 0px; }
span.red157.floatRight { right: 0px !important; _right: -1px !important; left: auto; }

.listItem li { display: block; padding-bottom: 5px; color: #78818e; font-size: 12px; }
/* babe of month */
.babeMonth { position: relative; width: 305px; }
.babeMonth img { display: block; }
.babeDesc { position: absolute; height: 33px; width: 287px; left: 0px; bottom: 0px; padding: 7px 9px 0px 9px; }
.babeDesc span { position: absolute; display: block; top: 0px; left: 0px; width: 305px; height: 40px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; background-color: #000; }
.babeDesc h3 { font-size: 14px; font-weight: bold; color: #ffb3b3; position: relative; z-index: 5;}
.babeDesc p { color: #fff; position: relative; z-index: 5; }

.centerSide { width: 475px; padding-left: 10px; _padding-left: 7px; margin-left: 180px; }
/* carousel */
.carouselWrap { position: relative; zoom: 1; margin-bottom: 10px; }
.carousel { width: 475px; height: 260px; position: relative; overflow: hidden; }
.carousel .but4 { float: right; margin: 5px 5px 0px 0px; }
.jcarousel { position: relative; }
.jcarousel li { float: left; position: relative; width: 475px; height: 260px; zoom: 1; }

.topTitleBg, .btmTitleBg { display: block; position: absolute; left: 0px; background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; width: 465px; height: 40px; padding-left: 10px;z-index: 5; }
.topTitleBg { top: 0px;}
.btmTitleBg { bottom: 0px; _bottom: 2px; }

.topTitle, .btmTitle {display: block; position: absolute; left: 10px; width: 465px; height: 40px; z-index: 6; }
.topTitle { top: 0px; line-height: 40px; font-size: 14px; font-weight: bold; color: #fff; }
.btmTitle { bottom: 0px; _bottom: 2px; line-height: 16px; color: #ffb3b3; font-size: 14px; font-weight: bold; padding-top: 5px; height: 35px !important;; }
.btmTitle em { font-size: 10px; font-weight: normal; color: #fff; font-style: normal; }
/* pagination for carousel */
.stripTransmitter { position: absolute; bottom: 0px; right: 0px; overflow: hidden; z-index: 7; width: 205px !important;}
.stripTransmitter li { display: block; float: left; padding-right: 1px; }
.stripTransmitter a { display: block; width: 40px; height: 39px; line-height: 39px; text-align: center; font-size: 14px; font-weight: bold; color: #666 !important; text-decoration: none !important; background-color: #fff; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;  }
.stripTransmitter a.current { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; color: #000 !important; }
/* tab menu */
.tabMenu { padding-top: 10px; overflow: hidden; zoom: 1; }
.tabMenu li { display: block; float: right; padding-left: 1px; }
.tabMenu a { display: block; background: url(/img/bg.png) no-repeat -1045px -70px; width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 11px; font-weight: bold; color: #999 !important; text-decoration: none !important;}
.tabMenu a.current { background-position: -1045px -40px; color: #a68a63 !important; }
/* tab blocks */
.tabBlocks { border: 1px solid #f2e8da; border-top-width: 5px; background-color: #fff; padding: 1px;  }
.tabBlocks table { width: 471px; border-collapse: collapse; empty-cells: show; }
.tabBlocks li { display: block; margin-top: 1px; background-color: #fcf5ea; }
.tabBlocks thead td { background-color: #fff; color: #c27474; font-size: 12px; font-weight: bold;  }
.tabBlocks .score { width: 65px; }
.tabBlocks .reviewed { width: 85px; }
.tabBlocks .niche { width: 80px; }
.tabBlocks .siteName { width: 177px; }
.tabBlocks td { padding: 8px; }
.tabBlocks tr { padding: 0px;}
.tabBlocks .colorCell { background-color: #f6ede0; }
.tabBlocks h3 { font-size: 16px; font-weight: bold; }
.tabBlocks h3 a {color: #0099e6 !important; }
.tabBlocks h4 { font-size: 12px; font-weight: normal; padding-bottom: 10px; }
.tabBlocks .greenColor { font-size: 14px; font-weight: bold; }
.tabBlocks .pinkColor { font-size: 24px; font-weight: bold; }
.tabBlocks .redColor { font-size: 9px; text-transform: uppercase;}
.tabBlocks p { padding-top: 8px; }
.tabBlocks p .redColor { font-size: 10px; }
.tabBlocks .but5 { float: left; margin-right: 5px; }

.colorCell .but5 { background-position: -434px -80px; }
.colorCell .but5:hover { background-position: -434px -100px; }

.colorCell .but6 { background-position: -535px -80px; }
.colorCell .but6 em { background-position: -875px -80px; }
.colorCell .but6:hover { background-position: -535px -100px; }
.colorCell .but6:hover em { background-position: -875px -100px; }
/* bottom banner */
.bannerBtm { display: block; text-align: center; margin-bottom: 10px; }
/*------------------------------------------------------- footer */
.footer { background-color: #78818e; padding: 20px 0px; color: #b0bccf; }
.footer .main { position: relative; }
.btmLogo { display: block; width: 154px; height: 20px; text-indent: -9999px; margin-bottom: 20px; }
.footer h4 { font-weight: bold; font-size: 12px; margin-bottom: 20px;  }
/* bottom menu */
.btmMenu { overflow: hidden; position: absolute; top: 0px; right: 0px; }
.btmMenu li { float: right; padding-left: 20px; }
.btmMenu a { color: #fff !important; }

/*------------------------------------------------------- review.html */
/* site review */
.siteReview { overflow: hidden; zoom: 1; margin-bottom: 10px; }
/* beige block 210px */
div.beige210 { position: relative; width: 210px; margin-bottom: 10px; }
div.beige210 h2 { background: url(/img/bg.png) no-repeat -950px -285px; width: 205px; height: 20px; color: #fff; font-size: 10px; font-weight: normal; padding-left: 5px; line-height: 20px; }
div.beige210 h3 { background: url(/img/bg.png) no-repeat -950px -305px; width: 200px; height: 34px; font-size: 15px; font-weight: bold; padding: 0px 5px; line-height: 34px; white-space: nowrap; overflow: hidden; }
div.beige210 h3 a { color: #0099e6 !important; text-transform: uppercase; }
div.beige210 h4 { font-size: 11px; font-weight: bold; color: #bc5e5e; padding-bottom: 8px; }
div.beige210 .beigeContent { margin-top: 1px; border-top: 1px solid #e5dccf; background-color: #f2e8da; }
span.beige210 { display: block; background: url(/img/bg.png) no-repeat -950px -339px; width: 210px; height: 7px; line-height: 1px; font-size: 1px; position: absolute; left: 0px; bottom: 0px; }
.beigeContent { border-left: 1px solid #e5dccf; border-right: 1px solid #e5dccf; background-color: #fcf5ea; padding: 9px; }
.beigeContent p {font-size: 12px;}

div.siteReview div.floatLeft { width: 210px; }
/* rating bar */
div.scoreBlock { overflow: hidden; zoom: 1; line-height: 18px; }
div.scoreBlock strong { color: #bc5e5e; float: left; padding-right: 5px; }
.ratingBar { background: #f2e8da; width: 100px; height: 10px; position: relative; float: left; margin-top: 5px; line-height: 1px; font-size: 1px; }
.ratingBar span { display: block; background: url(/img/bg.png) no-repeat -1060px -107px; width: 100px; height: 10px; position: absolute; top: 0px; left: 0px; line-height: 1px; font-size: 1px; }
span.scoreBlock { display: block; color: #0099e6; font-weight: bold; font-size: 18px; padding-left: 5px; float: left; }
/* date review */
div.siteReview div.floatRight { position: relative; width: 260px; }
.dateRew { position: absolute; top: 0px; left: 0px; height: 20px; line-height: 20px; font-size: 9px; color: #fff; font-weight: bold; padding-left: 7px; width: 253px;}
.dateRew span { position: absolute; background: #000; display: block; top: 0px; left: 0px; width: 260px; height: 20px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 2;  }
.dateRew em { font-style: normal; z-index: 3; position: relative; }
/* zoom */
.zoomView { display: block; background: url(/img/bg.png) no-repeat -1231px -22px; width: 36px; height: 36px; cursor: pointer; text-indent: -9999px; position: absolute; }
div.siteReview .zoomView { right: 0px; bottom: 0px; }
/* grey block 475px */
div.grey475 { width: 475px; position: relative; margin-bottom: 10px; }
div.grey475 h2 { background: url(/img/bg.png) no-repeat -180px -168px; width: 465px; height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #fff; }
span.grey475 { display: block; background: url(/img/bg.png) no-repeat -180px -198px; width: 475px; height: 10px; line-height: 1px; font-size: 1px; position: absolute; left: 0px; bottom: 0px; }
/* site details */
.siteDetail { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding-bottom: 10px; font-size: 11px; }
.siteDetail li { display: block; overflow: hidden; zoom: 1; background-color: #fbfbfb;}
.siteDetail li strong { display: block; width: 111px; padding: 10px 9px; float: left; color: #474e59;}
.siteDetail li div { float: left; width: 324px; padding: 10px; background-color: #f9f9f9;}
.siteDetail li div strong { display: inline; padding: 0px; float: none; }
.greenColor { color: #286815; }
.siteDetail .greyCell { background-color: #efefef;}
.siteDetail .greyCell div { background-color: #e6e6e6; }

.done, .no { position: relative; padding-right: 12px; float: left; margin-right: 10px;}
.done span, .no span{ display: block; background: url(/img/bg.png) no-repeat; width: 8px; height: 8px; line-height: 1px; font-size: 1px; position: absolute; top: 3px; right: 0px; }
.done span { background-position: -1212px -74px;}
.no span { background-position: -1212px -82px;}
.siteDetail .greyCell .done span { background-position: -1204px -74px;}
.siteDetail .greyCell .no span { background-position: -1204px -82px;}
/* beige block 475px */
div.beige475 { width: 475px; position: relative; margin-bottom: 10px; font-size: 11px; }
div.beige475 h2 { background: url(/img/bg.png) no-repeat -655px -208px; width: 465px; height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #99866b; }
div.beige475 p { text-indent: 10px; padding: 10px 0px; }
span.beige475 { display: block; background: url(/img/bg.png) no-repeat -655px -278px; width: 475px; height: 7px; line-height: 1px; font-size: 1px; position: absolute; left: 0px; bottom: 0px; }
/* green block 475px */
div.green475 { width: 475px; position: relative; margin-bottom: 10px; font-size: 11px; color: #353535 }
div.green475 h2 { background: url(/img/bg.png) no-repeat -655px -168px; width: 465px; height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #fff; }
span.green475 { display: block; background: url(/img/bg.png) no-repeat -655px -198px; width: 475px; height: 7px; line-height: 1px; font-size: 1px; position: absolute; left: 0px; bottom: 0px; _bottom: -1px; }
.greenContent { border-left: 1px solid #dae5cf; border-right: 1px solid #dae5cf; background-color: #e4f0d8; padding: 9px; }
/* pros and cons style */
.pros_cons li { display: block; padding: 10px 0px; }
.pros_cons h4 { padding-bottom: 8px; font-size: 12px; font-weight: bold; }
.pros_cons p { text-indent: 10px; }
/* red block 475px */
div.red475 { width: 475px; position: relative; margin-bottom: 10px; font-size: 11px; color: #353535 }
div.red475 h2 { background: url(/img/bg.png) no-repeat -180px -208px; width: 465px; height: 30px; line-height: 30px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #fff; }
span.red475 { display: block; background: url(/img/bg.png) no-repeat -180px -238px; width: 475px; height: 7px; line-height: 1px; font-size: 1px; position: absolute; left: 0px; bottom: 0px; _bottom: -1px; }
/* beige block 475px with big title */
div.beige475Big { width: 475px; position: relative; margin-bottom: 10px; }
div.beige475Big h2 { background: url(/img/bg.png) no-repeat -655px -238px; width: 475px; height: 40px; position: relative; font-size: 18px; font-weight: bold; color: #99866b; }
div.beige475Big h2 .text { top: 13px; left: 9px; }
div.beige475Big h2 .shadow { top: 14px; left: 10px; color: #f5eee3; }
/* pic gallery */
.picGal { overflow: hidden; zoom: 1; }
.picGal li { float: left; padding: 0px 9px; }
.picGal a { display: block; }
.picGal img { margin-bottom: 5px; }
.picGalCenter { overflow: hidden; zoom: 1; }
.picGalCenter li { float: left; padding: 0px 47px; }
.picGalCenter a { display: block; }
.picGalCenter img { margin-bottom: 5px; }

/* ------------------------------------------ warning.html */
.warning .separator { left: 50%; margin-left: -4px; }
.warning h2 { height: 50px; position: relative; width: 1000px; font-size: 24px; font-weight: bold; color: #995656; }
.warning h2 .text { top: 11px; left: 152px; }
.warning h2 .shadow { top: 12px; left: 153px; color: #fff0f2; }
.warning .content { padding: 30px 0px 40px 0px; }
.warning .content h3 { font-size: 14px; color: #99866b; font-weight: bold; padding-bottom: 20px; }
.warning .content p { text-indent: 20px; font-size: 14px; color: #404040; padding-bottom: 40px; }
.warning .but7 { margin: 0px auto 20px auto; text-transform: none; }

.exit { display: block; text-align: center; color: #bc5e5e !important; font-size: 14px; font-weight: bold;  }
/* ----------------------------------------------- login */
.login input {border: 1px solid #000;}
.login legend { position: relative; top: 10px; color: #003366; font-size: 1.2em; }
.login label { float: left; width: 15em; text-align: right; margin-right: 1em; }
.login input { width: 15em; border: 1px solid #aaa; background: #eee; font: bold 0.95em arial, sans-serif; -moz-border-radius: 0.4em; -khtml-border-radius: 0.4em; }
/* ----------------------------------------------- pagination */
.pagination {margin:20px;}
.pagination a:link, .pagination a:active {color: #a81800; cursor: pointer;}