/* Main box */

* { margin:0; padding:0; }
img { border:0; }
html, body { width: 100%; height: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; }
body { background:#000 url(i/bg.png) repeat-x; font:12px Tahoma; color:#3b3b3b; }
.center { width:988px; margin:0 auto;}
.clear { clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px; }
ul { list-style:none; }
a { text-decoration:none; color:#000; outline: none } 
a:hover { text-decoration:underline; }

.head { height:152px; position:relative; margin-bottom:12px; }
.logo, .logo-txt, .nav, .search, .lang, .login, .over { position:absolute; }
.logo { left:0px; top:46px; }
.logo-txt { left:11px; top:88px; font-size:13px; color:#ffffff; }
.nav { left:0px; top:136px; }
.nav li { float:left; }
.nav a { float:left; display:block; height:27px; padding:6px 14px 0 14px; font-size:15px; color:#ffffff; font-weight:bold; }
.center .activ a, .nav a:hover { background:#ffffff; color:#242424; text-decoration:none; }
.search { left:660px; top:46px; }
.search ul { padding:0 0 0 16px; }
.search ul li { float:left; height:18px; }
.search ul li a { font:11px Arial, Helvetica, sans-serif; display:block; float:left; padding:0 7px 0 4px; background: url(i/point2.png) no-repeat right center; color:#ffffff; }
.search ul li a:hover { text-decoration:underline; }
.center .search .active { background:url(i/point.png) no-repeat bottom center; }
.center .search .active a { font-weight:bold; }
.center .last-a { background:none; }
.search div { background:url(i/search-bg.png) no-repeat; height:32px; width:321px; position:absolute; left:0px; top:18px; padding:8px 0 0 15px; }
.search-button{ position:absolute; right:15px; width:45px; height:35px; top:0px; border:none; background:none; cursor: pointer; }
.in1 { font: italic 13px Arial, Helvetica, sans-serif; border:none; background:none; width:250px; color:#aaa; }
.lang { right:0px; top:6px; }
.lang img { margin-left:4px; }
.login { right:0px; top:50px; }
.hello { position: absolute; left: 152px; top: 108px; font:11px Arial, Helvetica, sans-serif; color:#fff; height:22px; font-weight: bold }
.hello span { font-weight: bold }
.hello a { font-weight:bold; color:#ffffff; text-decoration:underline; }
.l { height:25px; }
.l input { width:199px; padding:5px 0 4px 10px; background:url(i/logininput.png) no-repeat; border:none; font:12px Arial, Helvetica, sans-serif; color:#000; }
.lo { position:relative; width:198px; }
.lo input { background: )}
.lo p { padding:1px 0 0 5px; }
.lo p { font:11px Arial, Helvetica, sans-serif; }
.lo p a { color:#a4a4a4; }
.lo div { position: absolute; font: bold 12px Arial, Helvetica, sans-serif; top:0px; right:9px; }
.lo div a { color:#ffffff; }
.over { background:#052c45; padding-bottom:3px; width:100%; top:0px; left:0px; }
.roll { position:absolute; width:980px; padding-bottom:3px; left:0px; top:0px; background:#052c45; z-index:5;}
#roll {height:90px;padding-top:3px;padding-bottom:5px;display:none;}
#roll a{color:#aaa;font-size:16px;text-decoration:none;display:block;width:470px;overflow:hidden;padding-bottom:2px;}
#roll a img{border:1px solid #FFF;}
#roll a:hover{text-decoration:none; color: #fff}
#roll td{text-align:center}
.rollimage { position:absolute; left:0px; bottom:-15px;  padding:0;  height:15px; display:block;}

.main { background:#fff}
.kabum { padding: 0px; display: block; position: relative;}
.kabim { padding: 4px 4px; display: block; position: relative;}
#kabam { margin: 0px 4px 0px 4px;}
.spacerads { display: block; position: relative; height: 4px; font-size: 0px; }
.xz {clear: both; height: 0px; font-size: 0px;}
.left { float:left; width:813px; background: #fff; padding: 4px 0px 0px 4px;}
.right { float:left; padding: 4px 4px 0px 7px; width:160px; background: #fff }

.header { background:url(i/header.png) repeat-x; height:38px; position:relative; z-index:1; }
.header h2 { background:url(i/header-xa1.png) repeat-x; float:left; font-weight:bold; font-size:13px }
.header h2 span { color:#f7f7f7; background:url(i/header-xa.png) no-repeat; display:block; float:left; height:28px; padding:10px 12px 0 12px }
.header h2 a  {color:#f7f7f7;}
.header-x { position:absolute; left:0px; top:0px; }
.header-x li, .header-x a, .header-x span { float:left; display:block; color:#191818; font-size:13px; font-weight:bold; }
.header-x a, .header-x span { height:28px; padding:10px 12px 0 12px }
.header-x li:hover { background:url(i/header-xh1.png) repeat-x; }
.header-x li:hover a { background:url(i/header-xh.png) no-repeat; text-decoration:underline; }
.center .activ3 a, .center .activ3:hover a { color:#f7f7f7; background:url(i/header-xa.png) no-repeat; }
.center .activ3 span { color:#f7f7f7; background:url(i/header-xa.png) no-repeat; }
.center .activ3, .center .activ3:hover { background:url(i/header-xa1.png) repeat-x; }
.pv { position:absolute; top:0px; height:35px; right:0px; background:url(i/header-xh1.png) repeat-x; padding:9px 0px 0 19px; font-size:13px; font-weight:bold; color:#8a8a8a; }
.pv div { float:left; padding-right:14px; }
.pv div img { margin-right:8px; margin-bottom:-3px; }
.pv div span a{ color:6f6f6f}
.pv a.active{color:#6f6f6f;}
.book1 { position:absolute; top:10px; right:224px; }

.header2 { height:38px; background:url(i/header.png) repeat-x; position:relative; }
.header2 h3 { background:url(i/header-xa1.png) repeat-x; color:#ffffff; font-size:13px; position:absolute; left:0px; top:0px; float:left; }
.header2 h3 span { display:block; height:29px; background:url(i/header-xa.png) no-repeat; padding:9px 10px 0 10px; float:left; }
.book2 { position:absolute; top:10px; right:5px; }
.menu { background:#f1f1f2; margin-bottom:7px; }
.mn a { display:block; padding:3px 0 0 10px; height:18px; color:#2e2e2e; font-size:13px; }
.menu p a.activeright { color:#000;}
.mn a:hover,.mn a.activeright { background:#e81f6c; color:#f1f1f2; text-decoration:none; }
.menu p { color:#191818; font-weight:bold; background:#d7dce0; padding:5px 11px; font-size:13px; }
.banner-1 { margin-bottom:5px; }
.st { margin:10px 0 0 8px; padding-bottom:10px; width:140px; }
.st li { height:14px; position:relative; font-size:11px; }
.st li span { position:absolute; top:0px; right:0px; font-weight:bold; color: #ccc; }

.foot {width:100%; padding: 20px 0px 16px 0px; color: #878787; clear: both }
.foot2 { width:980px; position:relative; margin:0 auto;}
.foot2 p { text-align:left; width:800px; padding:0px; line-height:17px; }
.foot2 p span { color:#9a9a9a; }
.foot2 p span a { color:#cccccc; text-decoration:none; }
.foot2 p span a:hover { color:#ccc; text-decoration: underline; }
.flink { position:absolute; right:4px; top:-10px;}
.search_login { background:none; border:none; text-transform:uppercase; color:#FFF; font-weight:bold; cursor: pointer; font-size:12px; width:100%; text-decoration:none; }
.submitt-button { background:url(i/but1.png) no-repeat; border:none; height:20px; font-weight:bold; text-align:center; padding-top:0px; display:block; color:#ffffff; text-transform:uppercase; font-size:12px; line-height:20px; display:block; padding-bottom:2px; }
.m5 .submitt-button{ margin-left:680px;}
.need-reg .submitt-button{ margin:0 auto;}

/* Review Box */

div.post { position: relative; float: left; width: 100%; padding: 0px 0px 0px 10px; }
div.post h1, div.post h2 { padding: 0px; margin: 0px; font-size: 24px; font-weight: normal; }
div.post h1 a:hover, div.post h2 a:hover { text-decoration: none; color: #e51e69; }
div.post div.in { margin: 6px 0px 4px 0px; }
div.post div.p1 { height: 126px; position: relative; float: left; width: 160px; }
div.post div.thumb img { width: 150px; height: 126px; display: block; border: 3px solid #333; }
div.post div.p2 { position: relative; float: left; width: 640px; display: block; padding: 0px 0px 10px 0px }
div.post div.p2 div.about { padding: 0px; margin: 0px 0px 0px 8px; font-size: 24px; font-weight: normal;  }
div.post div.p2 div.about span { color:  #e51e69; }
div.post div.p2 div.about a:hover { color: #e51e69; text-decoration: none; }
div.post div.p2 p { padding: 0px 0px 0px 10px; margin: 0px; line-height: 18px; text-align:justify }
div.post div.join { text-align: center; width: 154px; height: 26px; line-height: 26px; float: left; }
div.post div.join a { font-weight: bold; color: #e51e69; margin: 6px 0px 0px 0px; display: block;  }
div.post a.d2 { font-weight: bold; color: #e51e69; margin: 6px 0px 0px 0px; display: block; float: left }
div.post div.join a:hover, div.post a.d2:hover { text-decoration: none; color: #666; }
div.post div.join-big { text-align: center; position: relative; display: block; height: 30px; line-height: 30px; padding: 20px 0px 10px 0px; }
div.post div.join-big a { font-weight: bold; color: #e51e69; font-size: 24px; }

div.in-d { position: relative; padding: 6px 0px; float: left; }
div.in-d div.le { float: left; width: 610px; margin: 0px 0px 0px 0px; }
div.in-d div.le div.cons { padding: 10px 0px 0px 10px; margin: 0px; }
div.in-d div.le ul { padding: 0px 0px 20px 30px; margin: 0px; }
div.in-d div.le li { padding: 0px; margin: 0px; list-style: none; line-height: 18px; height: 18px; font-weight: bold; }
div.in-d div.le ul.plius { background: url(i/plius.png) top left no-repeat; }
div.in-d div.le ul.minus { background: url(i/minus.png) top left no-repeat; }
div.in-d div.le p { padding: 5px 2px; margin: 0px; line-height: 16px; font-size: 12px; }
div.in-d div.le p.reviewd { font-size: 11px; }
div.in-d div.ri { width: 200px; position: relative; background: #fff; float: left; margin: 0px 0px 10px 0px; }
div.in-d div.thumb { margin: 20px auto 4px auto; width: 200px; text-align: center; }
div.in-d div.thumb img { width: 150px; height: 126px; display: block; border: 3px solid #333; margin: 0px auto; }
div.in-d div.join { text-align: center; width: 210px; float: none; clear: both; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; padding: 0px 0px 10px 0px; }
div.in-d div.join a { font-weight: bold; color: #e51e69; }
div.in-d div.join a:hover { color: #000; }

.ri-in { float: left; width: 200px; }
.ri-in div.see { text-align: center; width: 210px; height: 30px; line-height: 30px; float: none; clear: both; margin: 0px 0px 4px 0px; }
.ri-in div.see-thumb a { margin: 0px 0px 10px 0px; display: block; }
div.in-d div.see-thumb { margin: 0px auto 0px auto; text-align: center;}
div.in-d div.see-thumb img { display: block; border: 3px solid #333; margin: 0px auto; }

div.vienasin div.see-thumb img { float: left;  border: 3px solid #333; margin: 6px; }

div.similar strong { font-size: 18px; font-weight: normal; display: block; padding: 10px 0px 10px 0px; }

div.t { position: relative; height: 0px; font-size: 0px; line-height: 0px; clear: both }
div.b { position: relative; height: 0px; font-size: 0px; line-height: 0px; clear: both }
div.tl { position: absolute; top: 0px; left: 0px; height: 9px; width: 9px; display: block; }
div.tr { position: absolute; top: 0px; right: 0px; height: 9px; width: 9px; display: block; }
div.bl { position: absolute; top: -9px; left: 0px; height: 9px; width: 9px; display: block; }
div.br { position: absolute; top: -9px; right: 0px; height: 9px; width: 9px; display: block; }

div.in-d div.tl { top: -20px; left: -20px; }
div.in-d div.tr { top: -20px; right: -20px; }
div.in-d div.bl { top: 11px; left: -20px; }
div.in-d div.br { top: 11px; right: -20px; }

div.p2 div.bl { top: 1px; left: 0px; }
div.p2 div.br { top: 1px; right: 0px; }

div.rates div.tl { background: url(i/corners-r.png) top left; top: 0px; left: 0px; }
div.rates div.tr { background: url(i/corners-r.png) top right; top: 0px; right: 0px; }
div.rates div.bl { background: url(i/corners-r.png) bottom left; top: 1px; left: 0px; }
div.rates div.br { background: url(i/corners-r.png) bottom right; top: 1px; right: 0px; }

div.ri div.tl { background: url(i/corners-r.png) top left; top: 0px; left: 0px; }
div.ri div.tr { background: url(i/corners-r.png) top right; top: 0px; right: 0px; }
div.ri div.bl { background: url(i/corners-r.png) bottom left; top: -9px; left: 0px; }
div.ri div.br { background: url(i/corners-r.png) bottom right; top: -9px; right: 0px; }

div.p2 div.rates div.bl { background: url(i/corners-r.png) bottom left; top: -9px; left: 0px; }
div.p2 div.rates div.br { background: url(i/corners-r.png) bottom right; top: -9px; right: 0px; }

div.tl { background: url(i/ctl.png); }
div.tr { background: url(i/ctr.png); }
div.bl { background: url(i/cbl.png); }
div.br { background: url(i/cbr.png); }

div.dox { margin: 0px auto; width: 980px; }
div.dox div.in { margin: 0px 10px; height: 10px; position: relative; background: #fff; }
div.dox-tl { position: absolute; top: 0px; left: -10px; height: 10px; width: 10px; display: block; background: url(i/dox-tl.png); }
div.dox-tr { position: absolute; top: 0px; right: -10px; height: 10px; width: 10px; display: block; background: url(i/dox-tr.png); }
div.dox-bl { position: absolute; top: 0px; left: -10px; height: 10px; width: 10px; display: block; background: url(i/dox-bl.png); }
div.dox-br { position: absolute; top: 0px; right: -10px; height: 10px; width: 10px; display: block; background: url(i/dox-br.png); }

div#nav-f { padding: 0px 0px 10px 0px; text-align: center; clear: both; min-height: 0px; height: auto !important; height: 0px; }
div#nav-f span, div#nav-f a { border: none; font-size: 12px; font-weight: bold; color: #000; padding: 0px; margin: 0px 3px; }
div#nav-f span.pages { color: #666; font-weight: normal; }
div#nav-f span.current { color: #666; font-weight: normal; }
div#nav-f a {  }
div#nav-f a:hover { text-decoration: underline; }

div.review { border: 2px solid #fff; display: block; position: relative; margin: 0px 0px 10px 0px; padding: 5px 10px; color: #666;}
div.review ul.ratings { margin: 0px; padding: 0px; float: right; width: 184px; }
div.review ul.ratings { padding: 0px 0px 0px 2px; margin: 0px; }
div.review ul.ratings li { padding: 2px 0px; margin: 0px; list-style: none; line-height: 12px; height: 12px; display: block; }
div.review .rating_label { width: 120px; display: block; float: left; font-weight: bold; }
div.review .rating_value { color: #000; font-style: italic;  }
table.ratings { line-height: 12px; margin: 0px 10px 0px 0px; padding: 0px; }
table.ratings td.rating_label { width: 120px; }

div#comments h2 { font-size: 12px; font-weight: bold; padding: 20px 0px; }
div.p2 div.postinfo { float: left; width: 640px; padding: 0px 0px 4px 0px; }
div.p2 div.rates { width: 100px; /*position: absolute; top: 8px; right: 10px;*/ background: #fff; float: right; margin: 16px 0px 10px 20px; }

div.rates { font-size: 11px; word-spacing: -1px; margin: 0px 0px 10px 0px; }
div.ri div.rates { width: 200px; margin: 0px 0px 10px 0px; }
div.ri div.rates div.inn { line-height: 16px; padding: 10px 0px 0px 16px; }

div.rates div.inn { line-height: 16px; padding: 10px 0px 10px 10px; }
div.ri div.rates div.inn { line-height: 16px; padding: 10px 0px 0px 10px; }
div.rates ul.ratings { padding: 0px; margin: 0px 27px 0px 17px; }
div.rates ul.ratings li { padding: 0px; margin: 0px; list-style: none; line-height: 20px; height: 20px; display: block; }
div.rates .rating_label { font-weight: bold; margin: 0px; padding: 0px; display: block; float: left; font-size: 10px; word-spacing: -1px; width: 94px; }
div.rates .rating_value { font-weight: bold; text-align: right; display: block; float: right; padding: 0px; letter-spacing: -1px; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
div.rates ul.ratings li.total { display: block; clear: both; height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; }
div.rates li.total .rating_value, div.rates li.total .rating_label { font-size: 16px; color: #000; height: 30px; line-height: 30px; }
div.rates li.total .rating_label { width: 80px; }

div.idTabs { display: block; padding: 8px 0px 0px 0px; }
div.idTabs a { font-size: 14px; display: block; float: left; position: relative; padding: 8px; margin: 0px 6px 0px 0px; color: #666; }
div.idTabs a:hover { text-decoration: none; color: #000; }
div.idTabs a.selected { color: #000; background: #ececec; font-weight: bold; }
div.idTabs a.selected span { z-index: 9; }
div.idTabs a.selected span.l { background: url(i/corners-p.png) top left; position: absolute; top: 0px; left: 0px; height: 40px; width: 8px; display: block; }
div.idTabs a.selected span.r { background: url(i/corners-p.png) top right; position: absolute; top: 0px; right: 0px; height: 40px; width: 8px; display: block; }
.vienasin { background: #ececec; display: block; position: relative; padding: 10px; clear: both; line-height: 18px; margin: 0px 0px 10px 0px; }
.vienasin span { font-weight: bold }
div.in-d .vienasin div.tl { top: -10px; left: -10px; background: url(i/corners-p.png) top left; }
div.in-d .vienasin div.tr { top: -10px; right: -10px; background: url(i/corners-p.png) top right; }
div.in-d .vienasin div.bl { top: 1px; left: -10px; background: url(i/corners-p.png) bottom left; }
div.in-d .vienasin div.br { top: 1px; right: -10px; background: url(i/corners-p.png) bottom right; }

span.aut { text-transform: uppercase; }

.similar { clear: both; display: block; }
.similar .in-si { padding: 0px; background: #fff; }
.similar .in-si div.float { padding: 0px 0px 0px 45px; }
.similar .similar-post { padding: 10px 45px 10px 0px; float: left; margin: 5px 0px 5px 0px; width: 156px; height: 150px; font-weight: bold; text-align: center; }
.similar-post img { height: 126px; width: 150px; border: 3px solid #333; display: block; margin: 0px 0px 6px 0px; }
div.in-d .similar div.tl { top: 0px; left: 0px; background: url(i/corners-r.png) top left; }
div.in-d .similar div.tr { top: 0px; right: 0px; background: url(i/corners-r.png) top right; }
div.in-d .similar div.bl { top: -10px; left: 0px; background: url(i/corners-r.png) bottom left; }
div.in-d .similar div.br { top: -10px; right: 0px; background: url(i/corners-r.png) bottom right; }

div.current-rating { font-family: Georgia, "Times New Roman", Times, serif; color: #888; display: block; height: 40px; }
div.current-rating .tit { display: block; letter-spacing: -1px; word-spacing: 2px; padding: 0px 0px 0px 4px; }
div.current-rating .cur { font-size: 24px; color: #000; display: block; float: left; height: 26px; line-height: 26px; width: 38px; text-align: center; }
div.current-rating .out { font-size: 13px; color: #888; width: 44px; display: block; float: left; line-height: 14px; text-align: center; font-weight: bold; }

div.post div.posted { font-size: 11px; padding: 4px 0px 6px 10px; color: #727272; }
div.post div.posted span { padding: 0px 0px 0px 10px; }
div.post div.posted a { color: #727272; text-decoration: underline; }
div.post div.posted a:hover {	color: #000; text-decoration: underline; }

.wr li { margin-right:2px; text-align: center; background: #006699; padding: 0px 0px 0px 50px; }
.wr a, .wr span { display:block; float:left; color:#ffffff; font-size:11px; font-weight:bold; }
.wr a { background:url(i/wr-bg.png) repeat-x; }
.wr-l { background:url(i/wr-l.png) no-repeat; }
.wr-r { background:url(i/wr-r.png) no-repeat right; padding:6px 5px 0 5px; height:19px; }
.wr a:hover, .wr a.selected { background:url(i/wr-bga.png) repeat-x; text-decoration:none; }
.wr a:hover .wr-l, .wr a.selected .wr-l { background:url(i/wr-la.png) no-repeat; }
.wr a:hover .wr-r, .wr a.selected .wr-r { background:url(i/wr-ra.png) no-repeat right; cursor:pointer; }

.infobox { background: #f9efc4 url(i/promo.png) top repeat-x; padding: 10px; text-align: left; line-height: 18px; }
#topten li { position: relative; }
#topten li span { position: absolute; top: 3px; right: 10px; color: #999; font-size: 13px;  }
#topten li a:hover span { color: #fff; }
