@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, input, button, div, p, ul, li, form { margin: 0; padding: 0; }
body { background-color: #162E54; color: rgb(100, 100, 100); font-size: 13px; font-family: Arial, sans-serif; margin-bottom: 8px; }
li { list-style-type: none; }
a { color: rgb(40, 40, 40); text-decoration: none; }
a:hover { color: rgb(84, 126, 202); }
img { background-color: #152E54; }
.head { overflow: hidden; padding-bottom: 10px; text-align: center; margin: 0 auto; width: 100%; }
.logo { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; }
.logo a { color: rgb(40, 40, 40); display: block; height: 30px; line-height: 30px; font-size: 28px; font-weight: bold; }
.logo a span { color: rgb(84, 126, 202); }
.head ul.menu { display: inline-block; vertical-align: top; padding: 8px 4px 0 4px; }
.head ul.menu li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.head ul.menu li a { background-color: rgb(255, 255, 255); display: block; border-radius: 3px; border: 1px solid rgb(210, 210, 210); padding: 0 10px; font-size: 12px; height: 28px; line-height: 28px; }
.head ul.menu li a:hover, .head ul.menu li.active a { background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); border-color: rgb(64, 106, 182); }
.head ul.menu_2 { display: inline-block; vertical-align: top; padding: 8px 4px 0 4px; }
.head ul.menu_2 li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.head ul.menu_2 li a { display: block; border-radius: 3px; border: 1px solid rgb(210, 210, 210); padding: 0 10px; font-size: 12px; height: 28px; line-height: 28px; }
.head ul.menu_2 li a:hover, .head ul.menu_2 li.active a { background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); border-color: rgb(64, 106, 182); }
.search { overflow: hidden; border-radius: 3px; border: 1px solid rgb(210, 210, 210); margin: 10px auto 0 auto; width: 96%; max-width: 600px; }
.search input, .search button { display: block; height: 28px; line-height: 28px; font-size: 13px; border: 0 none; }
.search input { background-color: rgb(255, 255, 255); color: rgb(40, 40, 40); float: left; width: 76%; padding: 0 2%; outline: none; }
.search button { background-color: rgb(225, 225, 225); width: 20%; cursor: pointer; float: right; box-shadow: -1px 0 0 0 rgb(215, 215, 215); }
.search button:hover { background-color: rgb(80, 80, 80); color: rgb(255, 255, 255); }
.head ul.h_top { padding: 8px 4px 0 4px; }
.head ul.h_top li { display: inline-block; vertical-align: top; margin: 2px 1px 0 1px; }
.head ul.h_top li a { display: block; border-radius: 3px; border: 1px solid rgb(210, 210, 210); padding: 0 10px; font-size: 12px; height: 20px; line-height: 20px; }
.head ul.h_top li a:hover, .head ul.h_top li.active a { border-color: rgb(64, 106, 182); }
.all { margin: 0 auto; width: 100%; }
h1, h2 { color: rgb(40, 40, 40); }
h1 { font-size: 26px; margin: 10px 4px 0 4px; }
h2 { font-size: 24px; margin: 20px 4px 0 4px; }
.top_title { overflow: hidden; }
.top_title span { color: rgb(84, 126, 202); font-size: 14px; }
.main_desc { background-color: rgb(250, 250, 250); margin: 10px 4px 0 4px; padding: 0 10px 10px 10px; border: 1px solid rgb(210, 210, 210); text-align: justify; }
.main_desc p { margin-top: 10px; font-size: 14px; line-height: 18px; }
ul.thumbs { overflow: hidden; padding-top: 6px; }
ul.thumbs li { display: block; float: left; width: 100%; }
.thumb { background-color: rgb(250, 250, 250); color: rgb(150, 150, 150); margin: 8px 4px 0 4px; overflow: hidden; border: 2px solid #FFFFFF; text-align: left; position: relative; }
.thumb:hover { border-color: #00FF33; }
.thumb img { width: 100%; height: auto; max-height: 600px; }
.thumb_info span { color: rgb(40, 40, 40); }
.thumb_info a { text-decoration: underline; }
.thumb_info a:hover { text-decoration: none; }
.thumb_duration { background-color: rgba(0, 0, 0, 0.7); color: rgb(220, 220, 220); position: absolute; top: 0; right: 0; height: 20px; line-height: 20px; font-size: 10px; padding: 0 5px; }
.thumb_category .thumb_name { font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; text-transform: uppercase; }
.thumb_total_items { border-top: 1px solid rgb(225, 225, 225); margin-top: 5px; height: 25px; line-height: 25px; font-size: 11px; padding: 0 10px; }
.thumb_total_items span { color: rgb(40, 40, 40); }
ul#tiles { position: relative; }
.separate_line { clear: both; margin: 30px 4px 0 4px; border-top: 1px solid rgb(255, 255, 255); box-shadow: 0 -1px 0 0 rgb(225, 225, 225); }
.pagination { margin-top: 12px; text-align: center; overflow: hidden; }
.pagination li { display: inline-block; vertical-align: top; margin: 8px 4px 0 4px; }
.pagination li span { color: rgb(150, 150, 150); border: 1px solid rgb(210, 210, 210); height: 30px; line-height: 30px; display: block; border-radius: 3px; padding: 0 5px; min-width: 20px; }
.pagination li a span.value { background-color: rgb(250, 250, 250); color: rgb(50, 50, 50); border-color: rgb(225, 225, 225); color: rgb(40, 40, 40); }
.pagination li span.value, .pagination li a:hover span.value { background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); border-color: rgb(64, 106, 182); }
.pagination_top { margin-top: 2px; }
.pagination ul.sort li span { padding: 0 15px; }
.list_block { background-color: rgb(250, 250, 250); margin: 10px 4px 0 4px; border: 1px solid rgb(225, 225, 225); overflow: hidden; padding: 8px 5px 10px 5px; }
.list_block ul { float: left; width: 100%; }
.list_block li { margin: 2px 5px 0 5px; }
.list_block li a { border: 1px solid rgb(225, 225, 225); overflow: hidden; display: block; text-transform: uppercase; border-radius: 3px; height: 28px; line-height: 28px; font-size: 12px; }
.list_block li a span.list_name { float: left; margin-left: 10px; }
.list_block li a span.list_total { color: rgb(150, 150, 150); min-width: 20px; text-align: center; float: right; border-left: 1px solid rgb(225, 225, 225); padding: 0 10px; font-size: 10px; }
.list_block li a:hover { background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); border-color: rgb(60, 60, 60); }
.list_block li a:hover span.list_total { background-color: rgb(60, 60, 60); color: rgb(255, 255, 255); border-color: rgb(60, 60, 60); }
.tags_list { background-color: rgb(250, 250, 250); margin: 10px 4px 0 4px; border: 1px solid rgb(225, 225, 225); overflow: hidden; padding: 8px 8px 10px 10px; }
.tags_list a { border: 1px solid rgb(225, 225, 225); margin: 2px 2px 0 0; display: block; float: left; padding: 5px 10px; border-radius: 3px; }
.tags_list a:hover { border-color: rgb(64, 106, 182); background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); }
.models_list li span.upper { background-color: rgb(60, 60, 60); border: 1px solid rgb(40, 40, 40); color: rgb(255, 255, 255); padding: 0 10px; overflow: hidden; display: block; border-radius: 3px; height: 28px; line-height: 28px; font-size: 16px; }
.models_list li a { text-transform: capitalize; font-size: 14px; }
.models_list li a:hover { background-color: rgb(220, 74, 74); }
.traders_list li a { text-transform: capitalize; font-size: 14px; padding: 0 10px; }
.traders_list li a:hover { background-color: rgb(80, 80, 80); }
.flash { text-align: center; }
.flash a { display: inline-block; vertical-align: top; margin: 1% 0.5% 0 0.5%; width: 40%; max-width: 240px; }
.flash a img { width: 100%; height: auto; }
.player { background-color: rgb(0, 0, 0); height: 200px; }
.player iframe, .player object, .player embed { width: 100%; height: 100%; }
.more_link { padding-top: 10px; }
.more_link a { background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); display: block; padding: 20px 10px; font-size: 20px; text-align: center; }
.more_link a:hover { background-color: rgb(40, 40, 40); }
.info { overflow: hidden; }
.meta { padding: 6px 20px 0 0; overflow: hidden; float: left; }
.info_value { margin: 4px 4px 0 0; line-height: 30px; font-size: 14px; border-radius: 3px; border: 1px solid rgb(215, 215, 215); color: rgb(150, 150, 150); padding: 0 10px; float: left; overflow: hidden; }
.info_value span { color: rgb(40, 40, 40); }
.info_value.rating { min-width: 200px; }
.info_value.rating span, .info_value.rating a { float: left; margin-right: 4px; }
.info_value.rating #rating_div { float: left; margin-right: 4px; padding-top: 7px; overflow: hidden; height: 15px; line-height: 17px; padding-bottom: 2px; }
div.rating-cancel, div.star-rating { float: left; width: 17px; height: 15px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
div.rating-cancel, div.rating-cancel a { background: url(/s2/includes/img/delete.gif) no-repeat 0 -16px; }
div.star-rating, div.star-rating a { background: url(/s2/includes/img/star.gif) no-repeat 0 0px; }
div.rating-cancel a, div.star-rating a { display: block; width: 16px; height: 100%; background-position: 0 0px; border: 0; }
div.star-rating-on a { background-position: 0 -16px !important; }
div.star-rating-hover a { background-position: 0 -32px; }
/* Read Only CSS */
div.star-rating-readonly a { cursor: default !important; }
/* Partial Star CSS */
div.star-rating { background: transparent !important; overflow: hidden !important; }
.tags { overflow: hidden; padding: 6px 0 0 0; font-size: 0; float: left; }
.tags span, .tags a { margin: 4px 4px 0 0; float: left; display: block; font-size: 14px; }
.tags a { height: 30px; line-height: 30px; border-radius: 3px; border: 1px solid rgb(25, 25, 25); padding: 0 10px; overflow: hidden; }
.tags a:hover { background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); border-color: rgb(64, 106, 182); }
.tags span { height: 32px; line-height: 32px; }
.form_field_error { text-align: center; margin: 20px auto 0 auto; width: 98%; max-width: 480px; overflow: hidden; font-size: 16px; color: red; }
.form_field_block { background-color: rgb(250, 250, 250); border: 1px solid rgb(225, 225, 225); padding: 10px 0 20px 0; text-align: center; margin: 20px auto 0 auto; width: 98%; max-width: 480px; overflow: hidden; }
.form_field_block h1 { margin: 10px 0 0 0; border-bottom: 1px solid rgb(225, 225, 225); padding-bottom: 20px; }
.form_field_block .r_line { margin: 20px 10px 0 10px; }
.form_field_block .r_line label { display: block; font-size: 14px; }
.form_field_block .r_line input { width: 84%; padding: 0 3%; height: 38px; line-height: 38px; }
.form_field_block .r_line input:focus { border-color: rgb(85, 85, 85); }
.form_field_block .r_line input.submit_button { width: 180px; margin: 0 auto; background-color: rgb(55, 55, 55); color: rgb(255, 255, 255); cursor: pointer; }
.form_field_block .r_line input.submit_button:hover { background-color: rgb(84, 126, 202); }
.form_field_block .r_line a { color: rgb(84, 126, 202); text-decoration: underline; }
.form_field_block .r_line a:hover { color: rgb(50, 50, 50); text-decoration: none; }
.comments_form { border: 1px solid rgb(225, 225, 225); background-color: rgb(250, 250, 250); margin: 20px 4px 0 4px; padding: 0 20px; text-align: left; }
.r_line { margin: 10px 0 0 0; line-height: 32px; }
.r_line input { height: 30px; line-height: 30px; border-radius: 3px; border: 1px solid rgb(225, 225, 225); outline: none; padding: 0 10px; }
.r_line textarea { border-radius: 3px; border: 1px solid rgb(225, 225, 225); outline: none; padding: 10px; width: 260px; }
#add_comment .r_line input#username { width: 219px; }
.r_line span { color: rgb(50, 50, 50); }
.captcha_block { overflow: hidden; width: 280px; }
.captcha_image { float: left; }
.captcha_fields { float: right; width: 112px; }
.captcha_fields input { width: 90px; padding: 0 10px; height: 26px; line-height: 26px; }
.r_line input.comment_button { width: 112px; padding: 0 10px; margin-top: 5px; background-color: rgb(50, 50, 50); color: rgb(255, 255, 255); height: 26px; line-height: 26px; cursor: pointer; border: 1px solid rgb(25, 25, 25); }
.r_line input.comment_button:hover { background-color: rgb(84, 126, 202); color: rgb(255, 255, 255); border-color: rgb(64, 106, 182); }
.comment { margin: 15px 0 0 0; font-size: 14px; color: rgb(50, 50, 50); }
.comment span { color: rgb(150, 150, 150); }
#footer { background-color: rgb(230, 230, 230); color: rgb(100, 100, 100); border-top: 1px solid rgb(210, 210, 210); box-shadow: inset 0 1px 0 0 rgb(250, 250, 250); margin-top: 40px; padding: 10px 5px 20px 5px; }
.foot_block { margin: 0 auto; overflow: hidden; text-align: center; }
.foot_block p { margin-top: 10px; }
.foot_block a { text-decoration: underline; }
.foot_block a:hover { text-decoration: none; }
@media all and (min-width: 360px) {
	ul.thumbs li { width: 50%; }
}
@media all and (min-width: 400px) {
	.list_block ul { width: 50%; }
	.list_block li a { font-size: 10px; }
	.models_list li a, .traders_list li a { font-size: 12px; }
	.player { height: 250px; }
}
@media all and (min-width: 500px) {
	.list_block li a { font-size: 12px; }
	.models_list li a, .traders_list li a { font-size: 13px; }
	.player { height: 300px; }
	.flash a { width: 30%; }
}
@media all and (min-width: 600px) {
	.player { height: 350px; }
}
@media all and (min-width: 620px) {
	ul.thumbs li { width: 33.3333%; }
	.list_block ul { width: 33.3333%; }
	.list_block li a { font-size: 10px; }
	.models_list li a, .traders_list li a { font-size: 12px; }
}
@media all and (min-width: 700px) {
	.list_block li a { font-size: 12px; }
	.models_list li a, .traders_list li a { font-size: 13px; }
	.player { height: 400px; }
}
@media all and (min-width: 800px) {
	.player { height: 450px; }
	.flash a { width: 22%; }
}
@media all and (min-width: 820px) {
	ul.thumbs li { width: 25%; }
	ul#tiles li { width: 33.3333%; }
}
@media all and (min-width: 900px) {
	.player { height: 500px; }
}
@media all and (min-width: 1020px) {
	.all, .head { width: 1000px; }
	h1 { font-size: 28px; }
	h2 { font-size: 26px; }
	#content { text-align: left; }
	.top_title h1 { float: left; line-height: 30px; }
	.top_title span { float: right; line-height: 30px; font-size: 28px; margin: 10px 4px 0 4px; }
	ul.thumbs li { width: 250px; }
	.thumb img { width: 240px; }
	.thumb_category .thumb_name { font-size: 14px; }
	ul#tiles li { width: 310px; }
	ul#tiles li .thumb img { width: 300px; }
	.pagination li { display: block; float: left; }
	.pagination li span { height: 40px; line-height: 40px; min-width: 35px; }
	.pagination ul.pages { float: left; }
	.pagination ul.sort { float: right; }
	.pagination ul.sort li span { font-size: 14px; }
	.list_block li a span.list_total { min-width: 25px; }
	.models_list li a, .traders_list li a { font-size: 14px; }
	.player { height: 558px; }
	.flash a { margin: 8px 4px 0 4px; }
	.foot_block { width: 1000px; }
}
@media all and (min-width: 1270px) {
	.all, .head, .foot_block { width: 1250px; }
	.head { min-height: 54px; padding: 0; }
	.logo { display: block; float: left; margin: 10px 0 0 4px; }
	.logo a { height: 34px; line-height: 34px; font-size: 32px; }
	.head ul.menu { border-left: 1px solid rgb(225, 225, 225); display: block; float: left; padding: 0; overflow: hidden; margin-left: 20px; }
	.head ul.menu li { display: block; float: left; margin: 0; border-right: 1px solid rgb(225, 225, 225); }
	.head ul.menu li a { height: 54px; line-height: 54px; min-width: 50px; font-size: 13px; border-radius: 0; border: 0 none; margin: 0; }
	.head ul.menu_2 { display: block; float: left; padding: 0; overflow: hidden; margin: 10px 0 0 20px; }
	.head ul.menu_2 li { display: block; float: left; margin: 0 2px 0 0; }
	.head ul.menu_2 li a { min-width: 20px; height: 32px; line-height: 32px; font-size: 13px; }
	.search { width: 200px; float: left; margin: 10px 0 0 20px; }
	.search input { width: 66%; height: 32px; line-height: 32px; }
	.search button { width: 30%; height: 32px; line-height: 32px; }
	.head ul.h_top { float: right; margin-right: 4px; border-left: 1px solid rgb(225, 225, 225); padding: 0; }
	.head ul.h_top li { display: block; float: left; margin: 0; }
	.head ul.h_top li a { background-color: rgb(245, 245, 245); border-radius: 0; border: 0; border-right: 1px solid rgb(225, 225, 225) !important; min-width: 60px; height: 54px; line-height: 54px; margin: 0; }
	.head ul.h_top li a:hover { background-color: rgb(255, 255, 255); }
	.list_block ul { width: 16.6666%; }
	.list_block li a { font-size: 10px; }
	.models_list li a, .traders_list li a { font-size: 12px; }
	.player { height: 698px; }
}
@media all and (min-width: 1520px) {
	.all, .head, .foot_block { width: 1500px; }
	.head ul.menu li a { min-width: 60px; font-size: 14px; }
	.search { width: 280px; }
	.list_block li a { font-size: 12px; }
	.list_block li a span.list_total { min-width: 40px; font-size: 11px; }
	.models_list li a, .traders_list li a { font-size: 14px; }
	.head ul.h_top li a { min-width: 80px; font-size: 14px; }
	.player { height: 840px; }
}
.style1 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00FF33; letter-spacing: -1px; line-height: 12px; margin-left: 8px; }
