/* -------------------*
 *       RESET        *
 *------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, b, i, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, embed, param, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; line-height: 1em; font-weight: normal; font-style: normal; }
input, textarea { margin: 0; padding: 0; }
button { width: auto; overflow: visible; cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; }
a span, label { cursor: pointer; }
strong { font-weight:bold; }
em { font-style:italic; }
strong em, em strong { font-weight:bold; font-style:italic; }

/* -------------------*
 *       GLOBAL       *
 *------------------- */
body {
	margin: 0;
	height:100%;
	padding: 0;
	font-size: 12px;
	line-height: 1.4em;
	color: #151515;
	text-align: center;
	background: #fff6bb;
	font-family: Helvetica, Arial, sans-serif;
}
input, select, textarea, button {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
button { border: 0; }

/* format text */
p {
	line-height: 1.5em;
	font-size:12px;
	padding:0 0 20px 0;
}
p.excerpt {
	line-height: 21px;
	font-size:14px;
	font-weight:bold;
}
a {
	color: #0063d4;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
}
blockquote {
	margin:0 0 20px 30px;
	padding:0 0 0 10px;
	border-left:10px solid #E5E5E5;
}
blockquote p{
	padding:0;
	color:#666;
	font-style:italic;
}
small {
	font-size: 0.7em;
	line-height: 1.4em;
}
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}

/* list */
ol, li, ul {
	line-height: 1.4em;
}
ol {
	list-style:decimal outside;
}
ul {
	list-style:square outside;
}

/* images */

img {
	border: none;
}

/* headlines */
h1, h2 {
	text-decoration: none;
	font-weight:bold;
}
h1:first-letter, h2:first-letter { text-transform: uppercase; }
h1 {
	font-size: 14px;
}
h2, .h2 {
	font-size: 14px;
	line-height:1.4em;
	padding-bottom:0px;
}

/* CLEAR FLOAT */
.clr { clear: both; }
.clr-left { clear: left; }
.clr-right { clear: right; }
.ac:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
h2.title {
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#000000;
	padding:0 0 5px 15px;
}

/* -------------------*
 *       LAYOUT       *
 *------------------- */
 
/* Wrap
----------------------------------------- */
.wrap { 
	width:100%;
	text-align: center;
	clear:both;
}
.wrap.head {
	padding:0 0 10px 0;
	border-top:3px solid #ffe100;
	background:url(../../../images/helios/bg-head-pattern.jpg) repeat-x top center;
}
.wrap.main {
	padding:0 0 20px 0;
}
.wrap.foot {
	color:#527592;
	padding:140px 0 10px 0;
	background:url(../../../images/helios/bg-foot.jpg) no-repeat top center;
}

/* Container
----------------------------------------- */
.cnt { 
	text-align:left;
}
.head .cnt {
	min-width:950px;
	padding:0 20px;
	background:url(../../../images/helios/bg-head.jpg) no-repeat top center;
}
.foot .cnt {
	text-align:center;
}

/* Header
----------------------------------------- */
.logo {
	float:left;
	overflow:hidden;
}
.logBox {
	float:right;
	padding:0 10px 0 0;
	background:url(../../../images/helios/bg-logbox-right.png) no-repeat top right;
}
.logBoxIn {
	height:28px;
	float:left;
	background:url(../../../images/helios/bg-logbox-left.png) no-repeat top left;
}
.logBox a {
	font-size:11px; 
	color:#292929;
	text-decoration:none;
	line-height:20px;
	padding:0 8px 0 13px;
	background:url(../../../images/helios/bg-divider-logbox.gif) no-repeat left center; 
}
.logBox a.first {
	background:none;
	padding-left:16px;
}
.logBox a:hover {
	text-decoration:underline;
}
.header {
	padding-bottom:4px;
	background:url(../../../images/helios/bg-head-girl.png) no-repeat top right; 
}

/* Navigation
----------------------------------------- */
.nav {
	clear:both;
	position:relative;
	background:#1194B9 url(../../../images/helios/bg-nav.gif) repeat-x top left;
}
.nav ul {
	float:left;
}
.nav li {
	float:left;
	height:31px;
	list-style:none;
	background:url(../../../images/helios/bg-divider-nav.gif) no-repeat top left;
}
.nav a {
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	float:left;
	font-weight:bold;
}
.nav a span {
	display:block;
	float:left;
	height:22px;
	padding:9px 13px 0 13px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}
.nav li.hover a span,
.nav li:hover a span,
.nav a:hover span {
	color:#f5f5f5;
}
.nav li.first {
	background:none;
}
.nav li.first a {
	background:url(../../../images/helios/bg-nav-left.gif) no-repeat top left;
}
.nav li a.active {
	background:#fff;
}
.nav li.first a.active {
	background:#fff url(../../../images/helios/bg-nav-left.gif) no-repeat bottom left;
}
.nav li a.active span {
	color:#000;
	background:url(../../../images/helios/bg-arrow-nav.gif) no-repeat bottom center;
}
.nav .sub {
	display:none;
}
.nav li.hover .sub,
.nav li:hover .sub {
	display:block;
	position:absolute;
	left:0;
	top:30px;
	padding:0 20px 0 0;
	background:url(../../../images/helios/bg-sub-right.png) no-repeat bottom right;
	z-index: 1000;
}
.nav .subIn {
	padding:15px 0 15px 0;
	background:url(../../../images/helios/bg-sub.png) no-repeat bottom left;
}
.nav .col {
	margin:0 15px 0 15px;
}
.nav .col.rear {
	margin-right:0;
}
.nav .sub li {
	float:none;
	height:auto;
	line-height:1.5em;
	background:none;
	color:#fff;
	font-weight:bold;
}
.nav .sub a {
	font-size:12px;
	line-height:1.5em;
	float:none;
	display:inline-block;
	text-decoration:underline;
	color:#fff;
}
.nav .sub a:hover {
	text-decoration:none;
}

/* Sub navigation
----------------------------------------- */
.subNav {
	height:30px;
	background:#fff url(../../../images/helios/bg-subnav.gif) repeat-x top left;
}
.subNav ul {
	list-style:none;
	color:#fff;
	background:url(../../../images/helios/bg-subnav-right.gif) no-repeat bottom right;
}
.subNav li {
	float:left;
	height:30px;
	padding:0 10px;
	background:url(../../../images/helios/bg-divider-subnav.gif) no-repeat left center;
}
.subNav li.first {
	padding-left:15px;
	background:url(../../../images/helios/bg-subnav-left.gif) no-repeat bottom left;
}
.subNav a {
	color:#fff;
	line-height:29px;
}
.subNav li.active a {
	font-weight:normal;
	text-decoration:none;
}

/* Search
----------------------------------------- */
.srch {
	float:right;
	padding:4px 20px 0 0;
	height:26px;
	overflow:hidden;
	background:url(../../../images/helios/bg-nav-right.gif) no-repeat top right;
}
.srch fieldset {
	float:left;
}
.srch .field {
	width:135px;
	height:19px;
	padding:2px 1px 1px 26px;
	float:left;
	overflow:hidden;
	margin-right:7px;
	background:#fff url(../../../images/helios/bg-field-srch.gif) no-repeat top left;
}
.srch .field input {
	float:left;
	width:135px;
	height:15px;
	padding:2px 0;
	color:#585858;
	font-weight:bold;
	border:0;
	background:transparent;
}
.srch select {
	width:120px;
	float:left;
	margin-right:7px;
}
.srch .btnSrch {
	float:left;
}
.srch span {
	float:left;
	color:#fff;
	line-height:22px;
	margin-right:7px;
}

/* Flag dropdown
----------------------------------------- */
.flags {
	float: right;
	background: url(../../../images/helios/bg-divider-logbox.gif) no-repeat left center;
	background-position: 0 5px;
}
.flags ul {
	display: none;
	list-style: none;
	position: absolute;
	z-index: 1000;
	background-color: #ffdf00;
	margin-top: 1px;
}
.flags:hover ul{
	display: block;
}
.flags a{
	background: none;
	padding: 5px 8px;
	margin-left: 5px;
	margin-right: 5px;
}
.flags ul li{
	padding: 8px 4px 4px 0;
	border-top: 1px solid #D9D9D9;
}
.flags ul li:hover{
	background: #faec8d;
}
.flags i{
	background: url(../../../images/helios/down-arrow.png);
	width: 8px;
	height: 8px;
	top: 8px;
	float: left;
	position: absolute;
	margin-left: 4px;
}

/* List
----------------------------------------- */
.list {
	margin:0 auto;
	padding:0 10px 0 10px;
}
.list .item {
	display: inline-block;
	margin: 0px;
	text-align: center;
}
.list a.name {
	font-size:14px;
	line-height:1.3em;
	display:inline-block;
	margin:3px 0 0 0;
}
.list .infoBox {
	font-size:10px;
	color:#565656;
	text-transform:uppercase;
	display:block;
}
.infoBox {
	font-size:10px;
	color:#565656;
	text-transform:uppercase;
	display:block;
}
.list .stars {
	padding:0 0 7px 0;
}
.list .stars img {
	display:inline;
}
.universalbox {
	padding: 7px 8px 8px 8px;
	background:
	url(../../../images/helios/bg-box-topleft.png) no-repeat top left,
	url(../../../images/helios/bg-box-topright.png) no-repeat top right,
	url(../../../images/helios/bg-box-bottomright.png) no-repeat bottom right,
	url(../../../images/helios/bg-box-bottomleft.png) no-repeat bottom left,
	url(../../../images/helios/bg-box-rightcenter.png) repeat-y right center,
	url(../../../images/helios/bg-box-topcenter.png) repeat-x top center,
	url(../../../images/helios/bg-box-bottomcenter.png) repeat-x bottom center,
	url(../../../images/helios/bg-box-leftcenter.png) repeat-y left center,
	url(../../../images/helios/bg-box-bgcolor.png);
}
.list.w238 .item {
	text-align:center;
	background:url(../../../images/helios/bg-item-238-top.png) no-repeat top left;
}
.list.w238 .itemIn {
	width:222px;
	padding:7px 8px 13px 8px;
	background:url(../../../images/helios/bg-item-238-bottom.png) no-repeat bottom left;
}
.list.w310 .item {
	text-align:center;
	background:url(../../../images/helios/bg-item-310-top.png) no-repeat top left;
}
.list.w310 .itemIn {
	width:296px;
	padding:7px 7px 5px 7px;
	background:url(../../../images/helios/bg-item-310-bottom.png) no-repeat bottom left;
}
.list.w310 .ac {
	text-align:center;
	padding: 0px;
	margin: 0px;
}
.list.w310 .stars {
	float:left;
	padding-top:2px;
}
.list.w310 .infoBox {
	float:right;
	line-height:20px;
}
.list.w310 .itemImg {
	position:relative;
	float:left; 
}
.categoryBox {
	padding:8px 0 3px 0;
	color:#fc163f;
}
.categoryBox a {
	display:inline-block;
	margin:0 5px;
	padding-left:20px;
}
.categoryBox .iconVideo {
	background:url(../../../images/helios/icon-video.gif) no-repeat left center;
}
.categoryBox .iconPic {
	background:url(../../../images/helios/icon-picture.gif) no-repeat left center;
}
.category a {
	color:#fc163f;
	text-decoration:none;
}
.category {
	color:#fc163f;
	text-decoration:none;
}
.category a:hover {
	text-decoration:underline;
}

/* detail box
---------------------------------------- */
.detail-box {padding: 0 20px 0 20px; }
.detail-box table { width:100%; }
.detail-box td { vertical-align:top; }
.detail-box .detail-con { padding:7px 8px 8px 8px; text-align:center; }
.detail-box .detail-con {background:
	url(../../../images/helios/bg-box-topleft.png) no-repeat top left,
	url(../../../images/helios/bg-box-topright.png) no-repeat top right,
	url(../../../images/helios/bg-box-bottomright.png) no-repeat bottom right,
	url(../../../images/helios/bg-box-bottomleft.png) no-repeat bottom left,
	url(../../../images/helios/bg-box-rightcenter.png) repeat-y right center,
	url(../../../images/helios/bg-box-topcenter.png) repeat-x top center,
	url(../../../images/helios/bg-box-bottomcenter.png) repeat-x bottom center,
	url(../../../images/helios/bg-box-leftcenter.png) repeat-y left center,
	url(../../../images/helios/bg-box-bgcolor.png);}
.detail-box .detail-con embed,
.detail-box .detail-con iframe { margin:0 auto; width:100%; float:none; display:inline-block; background:#000; } 
.detail-box .detail-con .banner-detail { display:block; text-align:center; }
.detail-box .detail-con .banner-detail span { display:block; font-weight:bold; text-transform:uppercase; }
.detail-box .detail-con .banner-detail img { margin:10px 0; }
.detail-box .detail-side-td { width: 300px; padding:7px 8px 8px 8px;  
    background:
	url(../../../images/helios/bg-box-topleft.png) no-repeat top left,
	url(../../../images/helios/bg-box-topright.png) no-repeat top right,
	url(../../../images/helios/bg-box-bottomright.png) no-repeat bottom right,
	url(../../../images/helios/bg-box-bottomleft.png) no-repeat bottom left,
	url(../../../images/helios/bg-box-rightcenter.png) repeat-y right center,
	url(../../../images/helios/bg-box-topcenter.png) repeat-x top center,
	url(../../../images/helios/bg-box-bottomcenter.png) repeat-x bottom center,
	url(../../../images/helios/bg-box-leftcenter.png) repeat-y left center,
	url(../../../images/helios/bg-box-bgcolor.png);}.detail-box .detail-side { float:left; margin-bottom:20px; }
.detail-box .detail-side .detail-side-banner { width:100%; float:left; margin-bottom:10px; }
.detail-box .detail-side .detail-side-banner img { float:left; }
.detail-box .detail-player {margin-bottom:20px; }

.press{
	margin-top: 5px;
	background: #1799e7;
	background: -webkit-linear-gradient(center top, #1799e7, #1799e7);
	background: -moz-linear-gradient(center top, #1799e7, #1799e7);
	background: linear-gradient(center top, #1799e7, #1799e7);
	border: 1px solid #fc1d58;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5),0 1px 0 rgba(0,0,0,0.3),0 1px 0 #fff inset,1px 0 0 rgba(255,255,255,0.2) inset,-1px 0 0 rgba(255,255,255,0.2) inset,0 -1px 0 rgba(255,255,255,0.2) inset;
	color: #165071;
	min-width: 0;
	padding: 0 3px;
	display: inline-block;
	text-decoration: none; 
}
.press.leftbutton{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	line-height: 18px;
}
.press.rightbutton{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	line-height: 18px;
	margin-left: -3px;
}
.subNav li a.active.press{
	box-shadow: 0 2px 4px rgba(0,0,0,0.2) inset,0 2px 72px rgba(0,0,0,0.1) inset,0 -1px 1px rgba(0,0,0,0.05) inset,0 1px 0 rgba(255,255,255,0.3);
}
.press:hover{
	background: #66b8e9;
}
.subNav li a.active.press:hover{
	background: #66b8e9;
}

/* Pagination
----------------------------------------- */
.pagination {
	text-align:center;
	padding:10px 0 0 0;
	clear:both;
}
.pagination a {
	display:inline-block;
	text-decoration:none;
	background:#fff url(../../../images/helios/bg-pagination-left.png) no-repeat top left;
}
.pagination a span {
	float:left;
	display:block;
	padding:0 10px;
	line-height:30px;
	height:33px;
	text-decoration:underline;
	background:url(../../../images/helios/bg-pagination-right.png) no-repeat top right;
}
.pagination a:hover span {
	text-decoration:none;
}
.pagination a.noClick span {
	color:#735118;
	text-decoration:none;
	cursor:default;
}
.pagination a.active {
	background-position:bottom left;
	background-color:#1593E5;
	color:#fff;
}
.pagination a.active span {
	text-decoration:none;
	background-position:bottom right;
}
.pagination a.disabled span,
a.disabled:hover span,
a.disabled:focus span,
a.disabled:active span {
	cursor:default;
	color:rgb(160, 160, 160);
}
/* Footer
----------------------------------------- */
.foot p {
	padding:10px 0 0 0;
	font-size:11px; 
	color:#527592;
}

/* Custom Header */
.universalheader {
margin: 0px 20px 0px 20px;
line-height: 1.4em;
text-align: left;
font-size: 14px;
color: #fc163f;
font-weight: bold;
}
.doubleheader {
margin: 0px 20px 0px 20px;
}
.left {
line-height: 1.4em;
float: left;
font-size: 14px;
color: #fc163f;
font-weight: bold;
}
.right {
line-height: 1.4em;
float: right;
font-size: 14px;
color: #fc163f;
font-weight: bold;
}

/* HD FLAG */
.flag-hd { width:39px; height:31px; display:block; clear:both; position:absolute; top:10px; left:10px; background:url(../../../images/helios/flag-hd.png) no-repeat top left; }
.flag-cam { width:32px; height:32px; display:block; clear:both; position:absolute; top:10px; left:10px; background:url(../../../images/helios/cam.png) no-repeat top left; }

/* CUSTOM SELECTED THUMB */
.selected_thumb {
border: 3px solid orange;
}
.unselected_thumb {
border: 0px solid orange;
}

/* CUSTOM PADDING */
.padding td { padding: 5px }

/* STARS */
.star_dynamic ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 1px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('../../images/helios/stars-dynamic.png') repeat-x; CURSOR: pointer; }
.star_dynamic li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; LIST-STYLE: none; }
.star_dynamic li.curr { BACKGROUND: url('../../images/helios/stars-dynamic.png') left 22px; FONT-SIZE: 1px; }
.star_dynamic div.rating_on { LEFT: 5px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; font-weight: bold;width:35px; }
.star_dynamic div.rating_off { LEFT: 5px; POSITION: relative; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; width:35px; }

.star_static{  width: 85px; overflow:hidden;}
.star_static ul.star { text-align: left; LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 0px; TOP: -1px; POSITION: relative; FLOAT: left; BACKGROUND: url('../../images/helios/stars.png') repeat-x; CURSOR: pointer; }
.star_static li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
.star_static li.curr { BACKGROUND: url('../../images/helios/stars.png') left 25px; FONT-SIZE: 1px; }
.star_static ul.star { text-align: left; LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 0px; TOP: -1px; POSITION: relative; FLOAT: left; BACKGROUND: url('../../images/helios/stars.png') repeat-x; CURSOR: pointer; }
.star_static li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
.star_static li.curr { BACKGROUND: url('../../images/helios/stars.png') left 20px; FONT-SIZE: 1px; }
#player{width:100%;height:100%;position: relative;}
#myElement_display_button{width: 72px; }
#myElement .jwdisplay #myElement_display_button_play {margin-left: 4px}

@media screen and (min-width: 1281px) {.detail-box .detail-con {width: 85%; margin: 0px auto; }}
@media (max-width:1680px){.side3 {display:none;}}
@media (max-width:1024px){.side2 {display:none;}}