* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
font: 0.8em/1.25 Tahoma, Arial, Helvetica, sans-serif;
background: #555 url(../images/site_images/back.jpg) repeat-x center top;
color: #444;
}
textarea {
	font: 0.9em/1.25 Tahoma, Arial, Helvetica, sans-serif;
	color: #444;
}
a {
text-decoration: none;
}
a:link, a:visited {
color: #600;
}
a:hover {
color: #b00;
}
img {
border: none;
}
hr {
display: none;
}
/* ------- Headings ------- */
h1 {
display: block;
background-repeat: no-repeat;
}
h2 {
font-size: 1.6em;
line-height: 1em;
margin-bottom: .3em;
font-weight: normal;
color: #544;
}
/* ------- MySites bar ------- */
ul#mysites {
width: 864px;
height: 23px;
margin: 0 auto;
padding-left: 96px;
list-style: none;
}
ul#mysites li {
display: block;
float: left;
width: auto;
height: 19px;
margin-top: 4px;
font-size: .8em;
}
ul#mysites li a {
color: #ccc;
}
ul#mysites li a:hover {
color: #fff;
}
ul#mysites li span {
color: #333;
margin: 0 5px 0 2px;
}
/* ------- Header and NavBar ------- */
#header-n-nav {
width: 960px;
height: 151px;
margin: 0 auto;
background: no-repeat top right;
}
#header {
width: 650px;
height: 107px;
}
dl#header dd {
display: block;
float: left;
width: auto;
height: 107px;
}
dl#header dd#logo-wrapper {
width: 266px;
background: url(../images/site_images/logo_slash_back.jpg) no-repeat top right;
}
#logo {
display: block;
width: 245px;
height: 80px;
margin: 13px 0 0 13px;
background: url(../images/site_images/logo.jpg) no-repeat;
}
#logo strong, h1 strong {
display: none;
}
dl#header dd#title-wrapper {
width: 384px;
}
/* ------- NavBar ------- */
dl#navbar {
width: 960px;
height: 34px;
}
dl#navbar dd {
display: block;
float: left;
width: auto;
height: 34px;
}
dl#navbar dd#navbar-left-edge {
width: 5px;
background: url(../images/site_images/navbar_left_edge.gif) no-repeat;
}
dl#navbar dd#navbar-slash {
width: 11px;
background: url(../images/site_images/navbar_slash.gif) no-repeat;
}
dl#navbar dd#reg-block {
width: 304px;
background: url(../images/site_images/navbar_light_back.gif) repeat-x;
}
dl#navbar dd#navbar-right-edge {
width: 5px;
background: url(../images/site_images/navbar_right_edge.gif) no-repeat;
}
ul#navlinx {
width: 625px;
padding-left: 10px;
height: 34px;
list-style: none;
background: url(../images/site_images/navbar_dark_back.gif) repeat-x;
}
ul#navlinx li {
display: block;
float: left;
width: auto;
height: 32px;
padding: 1px 0;
}
ul#navlinx li span.separator {
display: block;
float: left;
width: 1px;
height: 32px;
background: url(../images/site_images/navbar_separator.gif) no-repeat;
}
ul#navlinx li a {
display: block;
float: left;
width: auto;
padding: 8px 16px;
}
ul#navlinx li a:link, ul#navlinx li a:visited {
color: #c8b8b8;
}
ul#navlinx li a:hover {
color: #fff;
background: url(../images/site_images/navlink_hover_back.gif) repeat-x;
}
ul#navlinx li a:active, ul#navlinx li a#current {
color: #fff;
background: url(../images/site_images/navlink_active_back.gif) repeat-x;
}
a#reg-button {
display: block;
float: right;
width: 116px;
height: 21px;
margin: 4px 1px 0 0;
padding-top: 4px;
text-align: center;
color: #f99;
background: url(../images/site_images/reg_btn_back.jpg) no-repeat;
}
a#reg-button:hover {
color: #fff;
background-position: right;
}
#navbar-bottom {
clear: left;
width: 960px;
height: 10px;
margin: 0 auto;
background: #888 url(../images/site_images/navbar_bottom_right.gif) repeat-y right;
}
/* ------- Content ------- */
#container-wrapper {
clear: both;
width: 960px;
margin: 0 auto;
background: #ddd url(../images/site_images/right_bar_back.gif) repeat-y right;
}
#content {
float: left;
width: 640px;
min-height: 300px;
}
dl.title-bar {
height: 28px;
}
dl.title-bar dd {
display: block;
float: left;
width: auto;
height: 28px;
}
dl.title-bar dd.ttl-left {
width: 4px;
height: 28px;
background: url(../images/site_images/ttl_bar_left_edge.gif) no-repeat;
}
dl.title-bar dd.ttl-big {
width: 608px;
height: 24px;
padding: 4px 0 0 4px;
background: url(../images/site_images/ttl_bar_back.gif) repeat-x;
}
dl.title-bar dd.ttl-small {
width: 293px;
height: 24px;
padding: 4px 0 0 4px;
background: url(../images/site_images/ttl_bar_back.gif) repeat-x;
}
dl.title-bar dd.ttl-right {
width: 4px;
height: 28px;
background: url(../images/site_images/ttl_bar_right_edge.gif) no-repeat;
}
dl.title-bar dd h3 {
margin-left: 6px;
font-size: 1.2em;
font-weight: bold;
color: #eee;
}
/* --- Boxes --- */
div.big-box {
clear: both;
width: 620px;
margin: 10px 10px 0 10px;
background-color: white;
}
div.bottom-edge {
clear: both;
}
div.big-box div.top-edge, div.big-box div.bottom-edge {
width: 620px;
height: 4px;
}
div.big-box div span {
display: block;
width: 4px;
height: 4px;
font-size: .1em;
background: url(../images/site_images/box_edge.gif) no-repeat;
}
span.right-corner {
float: right;
width: 4px;
}
div.top-edge span.right-corner {
background-position: top right;
}
div.bottom-edge span.left-corner {
background-position: bottom left;
}
div.bottom-edge span.right-corner {
background-position: bottom right;
}
div.box-content {
padding: 5px 10px;
}
div.box-content h3.subtitle {
width: auto;
font-size: 1.2em;
line-height: 1em;
margin: 4px 0 6px 0;
padding: 0;
font-weight: normal;
color: #544;
}
div.article-txt {
padding: 0 10px;
}
div.box-content p {
margin: 2px 0 4px 0;
}
div.box-content p.article-info {
margin: 2px 0 4px 0;
font-size: .9em;
color: #877;
}
div.box-content p.article-info span {
display: inline;
font-size: 1em;
background: none;
}
div.box-content p.article-info span.article-info-sep {
margin: 0 4px;
color: #ccc;
}
/* --- Articles Reviews --- */
.box-content div.reviews-articles-list {
background: #f0efef;
margin: 5px 0 8px 0;
border-bottom: 1px solid #e0dfdf;
}
div.reviews-articles-list img.article-thumb {
float: left;
margin: 5px 10px -3px 10px;
}
div.box-content div.reviews-articles-list h3 {
width: 455px;
margin: 4px 0 6px 0;
font-size: 1.2em;
line-height: 1.3em;
font-weight: bold;
}
div.box-content div.reviews-articles-list p {
margin-right: 10px;
}
.box-content p.reviews-articles-data {
color: #bbb;
}
.box-content p.reviews-articles-data strong {
color: #333;
}
.box-content p.reviews-articles-data span {
display: inline;
margin: 0 2px;
font-size: .85em;
color: #666;
background: none;
}
div.box-content span.article-date {
color: #696969;
}
.box-content p.reviews-articles-data strong {
display: none;
}
.box-content p.reviews-articles-data span.views-n {
padding: 0 2px 0 18px;
background: url(../images/site_images/views_icon.gif) no-repeat 0 3px;
}
.box-content p.reviews-articles-data span.comments-n {
padding: 0 2px 0 18px;
background: url(../images/site_images/comments_icon.gif) no-repeat 0 2px;
}
/* --- MySites Colored lines & links --- */
div.box-content div.reviews-articles-list p.src-mysound {
float: right;
width: 590px;
padding: 0 10px 0 0;
margin: 0 0 -10px 0;
text-align: right;
background: #f0efef;
border-top: 1px solid #f70;
}
div.box-content p.src-mysound a {
color: #d50;
}
div.box-content p.src-mysound a:hover {
color: #f70;
}
div.box-content div.reviews-articles-list p.src-mycar {
float: right;
width: 590px;
padding: 0 10px 0 0;
margin: 0 0 -10px 0;
text-align: right;
background: #f0efef;
border-top: 1px solid #7c90a0;
}
div.box-content p.src-mycar a {
color: #5c7080;
}
div.box-content p.src-mycar a:hover {
color: #7c90a0;
}
div.box-content div.reviews-articles-list p.src-mysport {
float: right;
width: 590px;
padding: 0 10px 0 0;
margin: 0 0 -10px 0;
text-align: right;
background: #f0efef;
border-top: 1px solid #c97059;
}
div.box-content p.src-mysport a {
color: #a95039;
}
div.box-content p.src-mysport a:hover {
color: #c97059;
}
div.box-content div.reviews-articles-list p.src-mynews {
float: right;
width: 590px;
padding: 0 10px 0 0;
margin: 0 0 -10px 0;
text-align: right;
background: #f0efef;
border-top: 1px solid #af0f0f;
}
div.box-content p.src-mynews a {
color: #800;
}
div.box-content p.src-mynews a:hover {
color: #af0f0f;
}
div.box-content div.reviews-articles-list p.src-mymoney {
float: right;
width: 590px;
padding: 0 10px 0 0;
margin: 0 0 -10px 0;
text-align: right;
background: #f0efef;
border-top: 1px solid #0060ac;
}
div.box-content p.src-mymoney a {
color: #00408c;
}
div.box-content p.src-mymoney a:hover {
color: #0060ac;
}
div.box-content div.reviews-articles-list p.src-myhoroscope {
float: right;
width: 590px;
padding: 0 10px 0 0;
margin: 0 0 -10px 0;
text-align: right;
background: #f0efef;
border-top: 1px solid #b91979;
}
div.box-content p.src-myhoroscope a {
color: #990059;
}
div.box-content p.src-myhoroscope a:hover {
color: #b91979;
}
div.box-content div.reviews-articles-list p.src-myblog {
float: right;
width: 590px;
padding: 0 10px 0 0;
margin: 0 0 -10px 0;
text-align: right;
background: #f0efef;
border-top: 1px solid #00899f;
}
div.box-content p.src-myblog a {
color: #00697f;
}
div.box-content p.src-myblog a:hover {
color: #00899f;
}
/* --- Video Frame --- */
#video-frame {
width: 480px;
height: 270px;
margin: 0 auto;
padding: 139px 70px 91px 70px;
background: #ddd url(../images/site_images/tv_back.jpg) no-repeat 35px 10px;
}
#video-block {
width: 480px;
height: 270px;
}
/* --- Comments --- */
div.box-content div.comment-block {
background: #ececec;
margin: 5px 0 8px 0;
padding: 3px 10px 0 10px;
border-bottom: 1px solid #ddd;
}
div.comment-block p {
float: left;
width: auto;
}
div.box-content div.comment-block p.comment-pic {
width: 60px;
padding: 0;
margin-right: 10px;
}
div.box-content div.comment-block p.comment-data {
width: 100px;
margin: 3px 10px 3px 0;
color: #bbb;
}
div.box-content div.comment-block p.comment-data strong {
color: #333;
}
div.box-content div.comment-block p.comment-data span {
display: inline;
font-size: .85em;
background: none;
}
div.box-content div.comment-block p.comment-data span img {
vertical-align: middle;
margin-left: 2px;
}
div.box-content div.comment-block p.comment-data span.comment-date {
font-size: .8em;
color: #666;
}
div.box-content div.comment-block p.comment-data span.positive-votes {
color: #04a;
}
div.box-content div.comment-block p.comment-data span.negative-votes {
color: #900;
}
div.box-content div.comment-block p.comment-text {
width: 400px;
margin: 3px 0 3px 0;
}
#post-comment {
background: #efefef;
margin: 5px 0 0 0;
padding: 3px 10px 4px 10px;
border-bottom: 1px solid #ccc;
}
#post-comment h3 {
width: auto;
font-size: 1em;
margin: 4px 0 4px 70px;
padding: 0;
}
#post-comment p {
clear: both;
margin: 8px 0;
}
#post-comment label {
display: block;
float: left;
width: 66px;
margin-right: 4px;
text-align: right;
}
#post-comment input {
background: #efefef;
border: 1px solid #ccc;
}
#post-comment textarea {
background: #efefef url(../images/site_images/textarea_top_shade.gif) repeat-x;
border: 1px solid #ccc;
}
textarea#comment {
width: 500px;
height: 80px;
}
a#comment-post-btn {
display: block;
width: 90px;
height: 17px;
margin: 0 0 0 70px;
padding: 1px 0 0 0;
font-size: .85em;
text-align: center;
color: #444;
background: url(../images/site_images/btn_90.gif) no-repeat;
}
a#comment-post-btn:hover {
color: #222;
background-position: right;
}
/* --- Boxes content --- */
div.box-content ul, div.box-content ol {
margin: 2px 0 4px 10px;
}
div.box-content ul li, div.box-content ol li {
line-height: 1.2em;
margin: 4px 0;
}
div.right-block-content ul li, div.right-block-content ol li {
line-height: 1.2em;
margin: 6px 0;
}
div.box-content ul, div.right-block-content ul, div.stroked-block-content ul {
list-style: none;
}
div.small-box-left p, div.small-box-right p {
margin: 2px 0 4px 0;
}
div.box-content img {
margin: 5px 0 5px 0;
}
div.box-content p.credit {
margin: 0 0 10px 0;
padding: 0 0 8px 3px;
font-size: .85em;
color: #222;
border-bottom: 1px solid #eee;
}
div.box-nav-bottom {
clear: both;
width: 620px;
height: 47px;
background: url(../images/site_images/box_nav_bottom.gif) no-repeat;
}
dl.nav-article {
width: 600px;
height: 35px;
margin: 0 auto;
}
dl.nav-article dd {
display: block;
float: left;
width: auto;
}
div.big-box dl.nav-article dd span {
display: inline;
font-size: 1em;
background: none;
}
dl.nav-article dd strong {
display: none;
}
dl.nav-article dd.nav-arrow {
width: 50px;
}
dl.nav-article dd.nav-arrow a {
display: block;
width: 12px;
height: 17px;
margin: 9px 0;
}
a.previous-article {
background: url(../images/site_images/nav_arrow_previous.gif) no-repeat;
}
a.previous-article:hover {
background-position: right;
}
a.previous-article-disable {
background: url(../images/site_images/nav_arrow_previous.gif) no-repeat center;
}
a.next-article {
float: right;
width: 12px;
background: url(../images/site_images/nav_arrow_next.gif) no-repeat;
}
a.next-article:hover {
background-position: right;
}
a.next-article-disable {
float: right;
width: 12px;
background: url(../images/site_images/nav_arrow_next.gif) no-repeat center;
}
dl.nav-article dd.views-n-comments {
width: 250px;
height: 26px;
margin-top: 9px;
}
div.big-box dl.nav-article dd span.views-n {
padding: 0 4px 0 18px;
background: url(../images/site_images/views_icon.gif) no-repeat center left;
}
div.big-box dl.nav-article dd span.nav-article-sep {
padding: 0 4px;
color: #aaa;
}
div.big-box dl.nav-article dd span.comments-n {
padding: 0 4px 0 18px;
background: url(../images/site_images/comments_icon.gif) no-repeat center left;
}
dl.nav-article dd.rating {
width: 250px;
height: 30px;
margin-top: 5px;
}
div.stars {
width: 125px;
height: 22px;
margin-left: 125px;
background: url(../images/site_images/star.png) repeat-x;
}
div.big-box div span, div.small-box-left div span, div.small-box-right div span {
display: block;
width: 4px;
height: 4px;
font-size: .1em;
background: url(../images/site_images/box_edge.gif) no-repeat;
}
div.small-box-left {
float: left;
width: 305px;
margin: 10px 5px 0 10px;
background-color: white;
}
div.small-box-right {
float: left;
width: 305px;
margin: 10px 10px 0 5px;
background-color: white;
}
div.post-box {
float: left;
width: 305px;
margin: 10px 10px 0 5px;
}
div.small-box-left div.top-edge, div.small-box-left div.bottom-edge, div.small-box-right div.top-edge, div.small-box-right div.bottom-edge {
width: 305px;
height: 4px;
}
div.hr {
clear: both;
height: 1px;
font-size: .1em;
}
div.box-content div {
clear: both;
margin-bottom: -4px;
color: #222;
}
div.box-content img.thumb {
float: right;
margin: 12px 0 0 10px;
}
div.box-content h2 {
margin: 2px 0 6px 0;
}
div.box-content h3 {
width: 120px;
margin-left: 20px;
padding-left: 30px;
font-size: 1.1em;
font-weight: bold;
}
div.box-content h4 {
font-size: 1em;
margin: 10px 0 0 22px;
font-weight: bold;
}
div.box-content div p {
padding-bottom: 6px;
}
div.box-content p.all-categories {
margin: 10px 0 0 0;
text-align: right;
}
div.box-content p.all-categories a {
padding-right: 12px;
text-align: right;
background: url(../images/site_images/two_arrows.gif) no-repeat right;
}
img.gallery-thumb {
float: left;
margin-right: 5px;
}
div.box-content div.gallery_list div.gallery-description {
clear: none;
float: right;
width: 380px;
}
/* --- Sample SlideShow --- */
div.box-content ul.sample-slideshow {
width: 611px;
height: 256px;
margin: 0 -5px 0 -6px;
list-style: none;
}
ul.sample-slideshow li {
display: block;
float: left;
width: 192px;
height: 256px;
margin: 0;
padding: 0 5px 0 6px;
}
ul.sample-slideshow li img {
margin: 0;
}
/* ------- Right Bar ------- */
#right-bar {
float: left;
width: 320px;
}
/* --- Login Block --- */
#login-block {
width: 320px;
padding-bottom: 5px;
background: #777 url(../images/site_images/login_form_bottom.gif) no-repeat bottom;
}
#login-form {
padding: 4px 0;
font-size: .85em;
color: #333;
background: url(../images/site_images/login_form_back.gif) repeat-y;
}
#login-form p {
margin: 0 10px 4px 10px;
}
#login-form p.fields {
display: block;
clear: both;
height: 20px;
margin: 4px 10px;
}
#login-form p.additional {
display: block;
clear: both;
height: 16px;
margin: 0 10px;
}
#login-form p.cleaner {
font-size: .1em;
height: 1px;
margin: 0;
}
p.error {
color: #a00;
}
#login-form img {
display: block;
float: left;
vertical-align: middle;
margin: 0 3px;
}
#login-form a {
display: block;
float: left;
width: auto;
margin-left: 3px;
}
#login-form label {
display: block;
float: left;
width: auto;
margin-left: 12px;
}
#login-form input {
display: block;
float: left;
width: 100px;
height: 15px;
margin: 0 3px;
padding: 0 3px;
font-size: 1em;
color: #333;
background-color: #c0c0c0;
border: 1px solid #666;
}
#login-form input.check {
width: 12px;
height: 12px;
margin-right: 10px;
}
a#login-btn {
display: block;
float: left;
width: 40px;
height: 15px;
margin-left: 3px;
padding-top: 1px;
font-size: .9em;
text-align: center;
color: #333;
background: url(../images/site_images/btn_40.gif) no-repeat;
}
a#login-btn:hover {
color: #000;
background-position: right;
}
a#fb_login {
color: #d9d9d9;
}
a#fb_login:hover {
color: #fff;
}
a#fb_login img {
margin: 0 5px 0 0;
}
/* --- Right Bar Blocks --- */
div.right-block {
width: 308px;
margin: 6px;
}
div.right-block-top {
width: 308px;
height: 4px;
font-size: .1em;
background: url(../images/site_images/right_block_top.gif) no-repeat;
}
div.right-block-content {
width: 300px;
padding: 0 4px;
background: url(../images/site_images/right_block_back.gif) repeat-y;
}
div.right-block-content p, div.right-block-content ul, div.right-block-content ol {
font-size: .9em;
margin: 0 10px;
padding: 4px 0;
}
div.right-block-bottom {
width: 308px;
height: 4px;
font-size: .1em;
background: url(../images/site_images/right_block_bottom.gif) no-repeat;
}
div.right-block dl.title-bar dd.ttl-left {
background: url(../images/site_images/ttl_rbbar_left_edge.gif) no-repeat;
}
div.right-block dl.title-bar dd.ttl-right-block {
width: 296px;
height: 24px;
padding: 4px 0 0 4px;
background: url(../images/site_images/ttl_bar_back.gif) repeat-x;
}
div.right-block dl.title-bar dd.ttl-right {
background: url(../images/site_images/ttl_rbbar_right_edge.gif) no-repeat;
}
div.red-title-bar {
width: 308px;
height: 28px;
background: url(../images/site_images/red_title_bar_back.gif) no-repeat;
}
div.red-title-bar h3 {
margin-left: 28px;
padding-top: 4px;
font-size: 1.2em;
font-weight: bold;
color: #edd;
}
div.stroked-block-content {
width: 300px;
padding: 0 4px;
background: url(../images/site_images/stroked_block_back.jpg) repeat-y;
}
div.stroked-block-content p, div.stroked-block-content ul, div.stroked-block-content ol {
font-size: .9em;
margin: 0 10px 0 24px;
padding: 4px 0;
}
div.stroked-block-content ul li, div.stroked-block-content ol li {
line-height: 1.2em;
margin: 6px 0;
}
div.stroked-block-bottom {
clear: both;
width: 308px;
height: 4px;
margin: 0 -4px;
font-size: .1em;
background: url(../images/site_images/stroked_block_bottom.gif) no-repeat;
}
/* --- Inquiry --- */
div.inquiry-title-bar {
width: 308px;
height: 28px;
background: url(../images/site_images/inquiry_title_bar.jpg) no-repeat;
}
div.inquiry-title-bar h3 {
margin-left: 28px;
padding-top: 4px;
font-size: 1.2em;
font-weight: bold;
color: #edd;
}
div.inquiry-block {
width: 300px;
background: #fb9 url(../images/site_images/inquiry_block_back.gif) repeat-x bottom;
}
form#inquiry {
display: block;
}
form#inquiry input.radio {
width: 12px;
height: 12px;
margin-left: 103px;
vertical-align: middle;
}
form#inquiry label {
margin-left: 4px;
font-weight: bold;
}
a#vote-btn {
display: block;
width: 72px;
height: 15px;
margin: 3px auto 6px auto;
padding-top: 1px;
font-size: .95em;
text-align: center;
color: #333;
background: url(../images/site_images/btn_72.gif) no-repeat;
}
a#vote-btn:hover {
color: #000;
background-position: right;
}
/* ------- Footer ------- */
dl#footer {
clear: both;
width: 960px;
height: 53px;
margin: 0 auto;
background: url(../images/site_images/footer_common_back.gif) repeat-x;
}
dl#footer dd {
display: block;
float: left;
width: auto;
height: 33px;
padding-top: 20px;
font-size: .85em;
color: #ccc;
}
dl#footer dd a {
color: #cbb;
}
dl#footer dd a:hover {
color: #fff;
}
dl#footer dd#footer-left {
width: 630px;
padding-left: 10px;
background: url(../images/site_images/footer_left_edge.gif) no-repeat;
}
dl#footer dd#footer-right {
width: 310px;
padding-right: 10px;
text-align: right;
background: url(../images/site_images/footer_right_back.gif) no-repeat;
}
dl#footer dd span.separator {
margin: 0 4px 0 3px;
background: url(../images/site_images/footer_separator.gif) no-repeat center;
}
dl#footer dd span.separator strong {
display: none;
}


/**
 * By Zlobcho
 */
.l, .r {
	display: none;
}
.article-author {
	position: relative;
}
.article-author-picture {
	position: absolute;
	top: 10px;
	left: 0;
	padding: 5px;
	width: 60px;
}

/**
 * By Georgi Stars raiting
 */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/site_images/star.png) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
		margin:0;
	padding:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

/* for an inline rater */
.inline-rating {
	/* display:-moz-inline-block;
	display:-moz-inline-box; */
	display:inline-block;
	vertical-align: middle;
}

.video-title {
	position: absolute;
}

div.box-content div.gallery_list {
	width: auto;
	clear: none;
	margin: 5px 5px 15px 5px;
}


/* Slideshow */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper-slideshow {width:506px; margin: 5px auto 15px auto; display:none}
#wrapper-slideshow * {margin:0; padding:0}
#fullsize {overflow:hidden;position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; /*opacity:.7; filter:alpha(opacity=70)*/}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/slideshow/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/slideshow/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; /*opacity:.4; filter:alpha(opacity=40)*/}
.linkhover {background:url(../images/slideshow/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/slideshow/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/slideshow/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


/* Paginator */
#paginator{
 float: left;
 margin: 4px;
}
#paginator .pages{
 float: left;
 padding: 4px 0px 4px 0px;
}
#paginator a{
 display: block;
 color: #999999;
 width: 24px;
 height: 24px;
 line-height: 24px;
 text-align: center;
 margin-left: 2px;
 margin-right: 2px;
 background: transparent url("../images/site_images/paging-page.gif") no-repeat left top;
 float: left;
 text-decoration: none;
 font-size: 11px;
}
#paginator a:hover, #paginator a.current{
 color: #ffffff;
 background: transparent url("../images/site_images/paging-current.gif") no-repeat left top;
}
#paginator .next, #paginator a:hover.next{
 text-indent: -9999px;
 background: transparent url("../images/site_images/paging-next.gif") no-repeat left top;
}
#paginator .previous, #paginator a:hover.previous{
 text-indent: -9999px;
 background: transparent url("../images/site_images/paging-previous.gif") no-repeat left top;
}
#paginator span{
 display: none;
}
#paginator .l, #paginator .r{
 width: 3px;
 height: 34px;
 float: left;
 background: transparent url("../images/site_images/paging-l.gif") no-repeat left top;
}
#paginator .r{
 background: transparent url("../images/site_images/paging-r.gif") no-repeat left top;
}