/* 
	Theme Name: Review
	Theme URL: http://top3.ws/
	Description: Review
	Author: 
	Author URI: 
	Version:
*/

/*Global*/
* {font-size: 1em;outline: 0;padding: 0;margin: 0;vertical-align: baseline;}
hr {display: none}
.clear {clear:both}
html {overflow: -moz-scrollbars-vertical;}
body {color: black;background: #EFECE2;font: normal 74% Helvetica, Arial, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Sans-Serif;}
body a {color: #297eb9;text-decoration:none;}
body a:hover {color: #333;}
fieldset {border: 0;}
textarea {font: inherit;}
#global {width: 990px;  margin: 0 auto;}
#page {background: #EFECE2 url(img/center-bg.png) center top repeat-y;padding: 0px;color: #444;}
#content {padding: 20px 35px 20px 35px;}
#sidebar {float: right;width: 305px;display: inline;padding-right: 19px;}
#leftcolumn {float: left;width: 300px;margin: 0 10px 0 0;}
#middlecolumn {float: left;width: 300px;margin: 0 10px 0 0;}
#rightcolumn {float: left;width: 300px;}
.sitenav {font-size: 0.9em;border-bottom: 1px dotted #ccc;line-height: 1.5em;color: #999;}
.post h1 {font-size: 2em;font-weight: normal;font-family: georgia;margin: 15px 0 0 0;}
.post h2 {font-size: 1.5em;font-weight: normal;letter-spacing: -1px;color: #aaa;margin: 15px 0 0 0;}
.post h3 {color: #297eb9;font-size: 1.7em;font-family: arial;font-weight: normal;letter-spacing: -1px;margin: 15px 0 0 0;}
.post em {color: #888;}
.post p {line-height: 1.4em;text-align: justify;margin: 10px 0 0 0;}
.post img {vertical-align: middle;padding: 2px;}
.post ul, .post ol {margin: 10px 0 0 10px;}
.post ul ul, .post ol ol {margin: 5px 0 5px 15px;font-size: 0.9em;color: #888;}
.post ul li {line-height: 1.4em;border-bottom: 1px solid #eee;padding: 3px 0 3px 0;list-style-type: circle;}
.post ol li {line-height: 1.4em;border-bottom: 1px solid #eee;padding: 3px 0 3px 0;}
.post ul li a:hover, .post ol li a:hover {background: #f6feff;color: #297eb9;}

/*Header*/
#header {background: black url(img/header.jpg) 50% 20px no-repeat;}
#header-inside {position: relative;width: 960px;margin: 0 auto;}
#header h1 {margin: 5px 0 0 0;}
#header ul#top  {list-style: none;}
#header ul#top li {display: inline;color : #888;font-size: 0.85em;margin-right: 15px;}
#header ul#top li a {color : #aaa;text-decoration: none;}
#header ul#top li a:hover, #header ul#top li a:focus {  color : #fff;}
ul#menu {position: absolute;top: 0;right: 0;list-style: none;}
ul#menu li {text-align: center;width: 125px;margin-left: 40px;float: left;height: 115px;}
ul#menu li:hover, ul#menu li:focus {  background:url(img/header-halo.png) no-repeat 0px 20px;}
#menu-sub {width: 960px;height: 66px;margin: 0 auto;background: url(img/header-menu-bg.png) left top no-repeat;margin-top:-7px;}
#menu-sub a#rss {float: right;}
#menu-sub form {float: right;margin: 0;padding: 20px 0 0 0;}
#menu-sub form #search-text {width: 151px;height: 22px;padding: 5px 0 0 25px;background: url(img/header-search.png) right top no-repeat;border: none;margin: 0;vertical-align: top;color: #aaa;}
#menu-sub form #search-submit {width: 36px;height: 27px;border: none;margin: 0;padding: 0;color: white;background: url(img/header-btn-ok.png) left top no-repeat;vertical-align: top;font-weight: bold;cursor: pointer;}
#menu-sub li a:hover, #menu-sub li a:focus, #menu-sub li a:active {  border-bottom:8px solid #A1B03B;}
#header-sep {line-height: 4px;height: 4px;background-color: #D7D4CB;}
#header-sep .inside {background: url(img/header-sep.png) center top;margin: 0 auto;width: 990px;}

/*Top Menu*/
ul#topmenu {margin: 0;border: 0 none;padding: 22px 0 0 10px;width: 650px;list-style: none;height: 30px;}
ul#topmenu li {margin: 0;border: 0 none;padding: 0;float: left;display: inline;list-style: none;position: relative;height: 24px;}
ul#topmenu ul {margin: 0;border: 0 none;padding: 0;width: 190px;list-style: none;display: none;position: absolute;top: 30px;left: 0;}
ul#topmenu ul:after {clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#topmenu ul li {width: 190px;float: left;display: block !important;display: inline;}
ul#topmenu a {padding: 0 6px;float: none !important;float: left;display: block;color: #fff;font: bold 15px/22px Arial, Verdana, Helvetica, sans-serif;font-variant: small-caps;text-decoration: none;height: auto !important;height: 1%;}
ul#topmenu a:hover, ul#topmenu li:hover a, ul#topmenu li.iehover a {color: #297eb9;}
ul#topmenu li:hover li a, ul#topmenu li.iehover li a {float: none;background: #fff;color: #666;border-bottom:1px solid #eee;display: block;}
ul#topmenu li:hover li a:hover, ul#topmenu li:hover li:hover a, ul#topmenu li.iehover li a:hover, ul#topmenu li.iehover li.iehover a {background: #fff;color: #297eb9;  border-bottom:2px solid #A1B03B;}
ul#topmenu ul ul, ul#topmenu ul ul ul {display: none;position: absolute;top: 0;left: 160px;}
ul#topmenu li:hover ul ul, ul#topmenu li:hover ul ul ul, ul#topmenu li.iehover ul ul, ul#topmenu li.iehover ul ul ul {display: none;}
ul#topmenu li:hover ul, ul#topmenu ul li:hover ul, ul#topmenu ul ul li:hover ul, ul#topmenu li.iehover ul, ul#topmenu ul li.iehover ul, ul#topmenu ul ul li.iehover ul {display: block;border: 1px solid #ccc;background: #fff;padding:10px;z-index: 999;}

/*Featured*/
.featured, .featured .content, .featured .footer {display: block;width: 620px;}
.featured {height: auto;position: relative;z-index: 1;}
.featured .content {display: block;background: url(img/featured.png) no-repeat top;min-height: 240px;height: auto !important;height: 240px;}
.featured .footer {display: block;background: url(img/featured-bottom.png) no-repeat bottom;height: 15px;}
.featured h1 {float: left;font-size: 1.5em;font-weight: bold;padding: 10px 0 8px 20px;}
.featuredposts {float: right;margin: 15px 25px 0 0;display: inline;}
.featuredposts li {float: left;display: block;margin: 0 10px 0 0;}
.featuredposts li a {float: left;display: block;width: 9px;height: 9px;background: url(img/featured-light-off.png) no-repeat;}
.featuredposts li a:hover {background: url(img/featured-light-bl.png) no-repeat;}
.featuredposts li a.selected {background: url(img/featured-light-on.png) no-repeat;}
.featuredposts li a.selected:hover {background: url(img/featured-light-on.png) no-repeat;}
.featuredposts_content {border-top: 1px solid #ddd;display: none;position: relative;z-index: 1;}
.featuredposts_content .thumb {position: absolute;top: 15px;left: 20px;width: 184px;height: 134px;}
.featuredposts_content .thumb img {display: block;overflow: hidden;padding: 1px;}
.featuredposts_content .fpost {position: absolute;top: 15px;left: 220px;right: 20px;}
.featuredposts_content .fpost h2 {font-family: Georgia;font-weight: normal;font-size: 1.8em;}
.featuredposts_content .fpost p {margin: 15px 0 0 0;line-height: 1.4em;text-align: justify;color: #888;}
.featuredposts_content .fpost .read, .featuredposts_content .fpost .docomment {display: block;height: 13px;line-height: 13px;}
.featuredposts_content .fpost .read {padding: 15px 0 0 22px}
.featuredposts_content .fpost .docomment {padding: 8px 0 0 22px}
.featuredposts_content .fpost .read {background: url(img/featured-more.png) no-repeat}
.featuredposts_content .fpost .docomment {background: url(img/featured-comment.png) no-repeat}
.featuredposts_content .fpost .read {background-position: left 15px}
.featuredposts_content .fpost .docomment {background-position: left 8px}
.featuredposts_content .fpost .read a {color: #555}
.featuredposts_content .fpost .read a:hover {color: #ff6000}
.featuredposts_content .fpost .docomment a {color: #555}
.featuredposts_content .fpost .docomment a:hover {color: #ff6000}

/*Category*/
.cat-widget {margin: 15px 0 0 0;}
.cat-widget h3 {position: relative;display: block;width: 268px;height: 35px;padding: 0 0 0 32px;line-height: 35px;background: url(img/cat-header.png) no-repeat;}
.cat-widget h3 a {color: #333}
.cat-widget h3 a:hover {color: #666}
.cat-widget h4 {position: relative;display: block;height: 30px;padding: 0 0 0 10px;margin: 0 1px 0 0;line-height: 30px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.cat-widget .container {width: 300px;background: url(img/cat-body.png) repeat-y;}
.cat-widget .footer {display: block;width: 300px;height: 12px;background: url(img/cat-footer.png) no-repeat;overflow: hidden;}
.minimize, .close, .minus, .plus {position: absolute;top: 10px;width: 15px;height: 14px;}
.minimize:hover, .close:hover, .minus:hover, .plus:hover {background-position: bottom}
.minimize {left: 10px;background: url(img/cat-min.png) no-repeat top;}
.close {right: 10px;background: url(img/cat-close.png) no-repeat top;}
.minus {right: 10px;background: url(img/cat-minus.png) no-repeat top;}
.plus {right: 30px;background: url(img/cat-plus.png) no-repeat top;}
.cat-widget .cpost {display: block;background: #fff;margin: 0 1px 0 1px;padding: 15px 10px 15px 10px;}
.cat-widget .thumb img {float: left;display: inline;overflow: hidden;border: 1px solid #c6c6c6;padding: 1px;margin: 0 10px 0 0;}
.cat-widget p {line-height: 1.4em;margin: 5px 0 0 0;color: #999;text-align: justify;}
.dark_perm {font-weight: bold;line-height: 1.4em; }
.ex {display: block;float: right;margin: 10px 0 0 0;}
.cont, .comm {font-size: 1em;font-weight: bold;color: #555;height: 13px;line-height: 13px;}
.cont:hover, .comm:hover {color: #ff6000}
.cont {background: url(img/featured-more.png) no-repeat;background-position: left center;padding: 0 0 0 20px;margin: 0 10px 0 0;}
.comm {background: url(img/featured-comment.png) no-repeat;background-position: left center;padding: 0 0 0 20px;}
.more_stories {background: #fff;margin: 0 1px 0 1px;padding: 1px 0 1px 0;border-bottom: 1px solid #d7d7d7;font-size: 1em;font-weight: bold;}
.more_stories li a {display: block;border-bottom: 1px solid #f1f1f1;height: 1%;/*line-height: 1.4em;*/padding: 5px 10px 5px 10px;}
.smallimg img {float: left;margin: 0 10px 0 0;border: 1px solid #c6c6c6;padding: 1px;width: 25px;height: 25px;overflow: hidden;}
.smalltitle{font-weight: bold;line-height: 1.4em; }

/*Table*/
div.table-arrow{width: 75px;height: 251px;background: url(img/table-arr.png) no-repeat 0 0;position: absolute;margin: -125px 0 0 -80px;z-index: 500;}
div.table {width: 866px;background: url(img/table-tac.png) no-repeat 0 0;overflow: hidden;}
div.table table {margin: 0 auto;width: 838px;border-spacing: 1px;border-collapse: separate;}
div.table table th {font-weight: bold;text-align: center;vertical-align: middle;height: 38px;color: #010101;}
div.table table th.col-name {text-align: left;}
div.table table td {padding: 7px 10px;vertical-align: middle;background:#fff;}
div.table table td img {vertical-align: middle;}
div.table table td.col {text-align: center;color: #0088cc;font-size: 108%;vertical-align: middle;background:url(img/table-fade.gif) repeat-x 0 50%;}
div.table table td.col-rank {font-size: 182%;color: #777;font-weight: bold;text-align: center;background:url(img/table-fade.gif) repeat-x 0 50%;}
div.table table td.col-rank sup {font-size: 55%;}
div.table table td.col-name {font-size: 108%;font-weight: bold;color: #0088cc;background:url(img/table-fade.gif) repeat-x 0 50%;}
div.table table td.col-name img {float:left;margin: 0 17px 0 0;}
div.table table td.col-price {text-align: center;vertical-align: middle;font-size: 1.4em;font-weight: bold;color: #66bc29;background:url(img/table-fade.gif) repeat-x 0 50%;}
.unfold { display: none;}
div.table-btm {width: 866px;height: 18px;background: url(img/table-tab.png) no-repeat 0 0;}

/*Zplug*/
.itemBox1 {position:relative;left:0px;top:0px;height:20px;width:174px;}
.itemBox {position:relative;left:0px;top:0px;height:260px;width:174px;background:url('img/fiche.gif') no-repeat;}
.itemBox2 {position:relative; width:645px;}
.fiche {padding-right: 20px;padding-left: 20px;padding-top: 5px;padding-bottom: 5px;}
.pricefiche {font-size:15px;font-weight: bold;color: #66bc29;}
.offerfiche {font-size:12px;font-weight: bold;color: #ff0000;}
.ficherate {float: left;font-size:14px;font-weight: bold;color: #ffffff; padding:40px 0 0 30px;}
.title {position:relative;padding: 10px 5px 10px 5px;width:164px;text-align:center;}
.title a {font-family:Arial;color:#004080;font-size:13px;font-weight:bold;text-decoration:none;}
.title a:hover {text-decoration:underline;}
.image {position:absolute;top:60px; left:27px;height:120px;width:120px;}
.price {position:absolute;bottom:50px;font-family:Verdana;font-size:1.4em;font-weight:bold;width:174px;text-align:center;color:#66bc29;}
.video {position:absolute;bottom:10px;left:13px;background: url('img/watch-video.gif') no-repeat;height: 26px;width: 148px;cursor:hand;}

/*Comments*/
.comments-box h3 {color: #222;font-size: 1.7em;font-family: arial;font-weight: normal;letter-spacing: -1px;margin: 20px 0 0 0;}
#respond p, .cancel-comment-reply {color: #777;line-height: 1.4em;margin: 10px 0 0 0;}
.text {border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 2px;color: #777;width: 200px;}
#respond textarea {white-space:pre;border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 2px;color: #777;width: 90%; /* width of commenting area */}
.submit {padding: 2px;cursor: pointer;font-weight: bold;border: 1px solid #c9d8da;background: #297eb9;color: #fff;}
.submit:hover {border: 1px solid #ccc;background: #fff;color: #555;}
ol.commentlist {border-top: 1px dotted #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0;}
ol.commentlist li {border-bottom: 1px dotted #ddd; margin: 0 0 15px 0; padding: 0 0 15px 0;list-style-type: none;  height: 1%;}
ol.commentlist li div.vcard {float:left; width: 90px;}
ol.commentlist li div.vcard cite.fn {display: block; margin: 10px 0 0 0; font-style: normal; font-weight: bold; font-size: 0.9em;}
ol.commentlist li div.vcard img.avatar {border: 1px solid #ccc; padding: 2px; background: #fff; display: block; overflow: hidden;}
ol.commentlist li p {display: block; margin: 15px 0 0 90px; line-height: 1.5em;}

/*Footer*/
#footer {text-align: right;clear: both;padding: 25px 50px 20px;background: transparent url(img/footer.png) no-repeat scroll center top;min-height: 127px;position: relative;}
#footer a {color: #ADADAD;text-decoration: none;}
#footer-menu {padding: 0;background: transparent url(img/footer-menu.png) no-repeat scroll center bottom;height: 53px;}
#footer-menu ul {padding: 7px 30px 0 0;text-align: right;}
#footer-menu ul li {display: inline;margin-left: 20px;}
#footer-menu ul a {color: #7a6e64;font-weight: bold;text-decoration: none;font-size: 1.4em;font-variant: small-caps;}
#footer-menu ul a:hover, #footer-menu ul a:focus, #footer-menu ul a:active {color: black;}
#footer-menu ul li.gopagetop a:hover img {position: relative;bottom: 6px;}
#footer-end {padding: 0;background: black url(img/footer-end.gif) repeat scroll center top;color: white;height: 35px;width: 986px;}
#footer-end img {padding: 3px 0 3px 25px;float: left;}
#footer-end p {float: right;padding-right: 50px;padding-top: 8px;}