/* =BODY                                                   
---------------------------------------------------------------------------------------------------*/
body {
	margin:0 auto;
	padding:8px 0 0 0;
	font-size:12px;
	text-align:left;
	font-family:Arial, sans-serif;
	background:#FDA600;
	color:#000;
	width:309px;
}
input, label, select, textarea { font-size:12px; font-family:Arial, sans-serif; }

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:18px; color:#000; }
h2 { font-size:18px; color:#000; }
h3 { font-size:12px; }
a { color:#58086C; text-decoration:none; outline:none; }
a:hover {
	text-decoration:underline;
}
img { border:none; padding:0; margin:0; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:140%; }
.clear { clear:both; }
.float { float:left !important; }
.floatRight { float:right !important; }
ul li { list-style:none; line-height:130%; }
.wrap { width:309px; margin:0 auto; overflow:hidden; }
.mb15 { margin-bottom:15px !important; }

/* =TOP
---------------------------------------------------------------------------------------------------*/
.top {
	width:309px;
	font-size:10px;
	text-transform:uppercase;
	color:#333;
	display:block;
	float:left;
	text-align:center;
}
.top span { padding:0 6px 0 0; margin:0 3px 0 0; background:url(../images/layout/divider-top.gif) no-repeat right; }
.top span.rear { background:none; padding:0; margin:0; }

/* =HEADER
---------------------------------------------------------------------------------------------------*/
.header { text-align:center; display:block; padding:5px 0 0 0; float:left; }
.header h1 { font-size:10px; font-weight:normal; }
.header img {
	display:inline;
	margin:0 0 5px 0;
}

/* =MAIN-MENU
---------------------------------------------------------------------------------------------------*/
.main-menu { clear:both; }
.main-menu li { float:left; height:56px; padding:0 2px 0 0; background:url(../images/layout/divider-main-menu.gif) no-repeat top right; }
.main-menu li.rear { background:none; padding:0; }
.main-menu li a { display:block;  color:#fff; height:26px; padding:30px 0 0 0; font-size:15px; background-color:#434343; }
.main-menu li a.home { width:73px; background:url(../images/layout/menu-home.gif) no-repeat top left; }
.main-menu li a.sites { width:68px; background:url(../images/layout/menu-sites.gif) no-repeat top left }
.main-menu li a.login { width:73px; background:url(../images/layout/menu-login.gif) no-repeat top left }
.main-menu li a.join { width:89px; background:url(../images/layout/menu-join.gif) no-repeat top left }
.main-menu li a.videos { width:73px; background:url(../images/layout/menu-videos.gif) no-repeat top left }
.main-menu li a.pictures { width:89px; background:url(../images/layout/menu-pictures.gif) no-repeat top left }
.main-menu li a:hover,
.main-menu li a.active { background-position:bottom left; background-color:#7F7F7F; text-decoration:none; }

/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { background:#fff; width:309px; float:left; margin:0; }
.main h1 { width:294px; height:38px; padding:13px 0 0 15px; margin:0 0 5px 0; display:block; float:left; background:#EAEAEA; }
.main h1.select-your-membership {  width:264px; padding-left:45px; background:#EAEAEA url(../images/layout/icon-select-your-membership.gif) no-repeat; }
.main h2.latest-updates { width:259px; height:38px; padding:13px 0 0 50px; margin:0 0 5px 0; display:block; float:left; background:#EAEAEA url(../images/layout/icon-latest-updates.gif) no-repeat top left; }
.main a.button-watch-full {
	width:309px;
	height:51px;
	margin:0 0 3px 0;
	text-decoration:underline;
	background:#A20FC6;
	float:left;
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.main a.button-watch-full span { width:266px; height:34px; padding:17px 0 0 43px; display:block; float:left; background:url(../images/layout/icon-play.png) no-repeat; text-decoration:none; }
.main a.button-watch-full:hover {
	background:#58086C;
	cursor:pointer;
}
.main a.get-instant { width:309px; height:37px; padding:14px 0 0 0; clear:both; text-align:center; color:#fff; font-size:18px; font-weight:bold; text-decoration:underline; display:block; background:#353535 url(../images/layout/button-get-instant.gif) no-repeat; }
.main a.get-instant:hover { text-decoration:none; }
.main .buttons li { float:left; height:36px; padding:15px 0 0 55px; }
.main .buttons li a { display:block; height:36px; color:#fff; font-size:18px; font-weight:bold; text-decoration:underline; }
.main .buttons li.support { width:99px; background:url(../images/layout/button-support.gif) no-repeat; }
.main .buttons li.contact { width:100px; background:url(../images/layout/button-contact.gif) no-repeat; }
.main .buttons li a:hover { text-decoration:none; } 

/* =ITEM
---------------------------------------------------------------------------------------------------*/
.item-boxes { padding:0 0 0 4px }
.item { width:302px; float:left; margin:0 0 3px 0px; background:#F2F2F2 url(../images/layout/bg-item-top.gif) no-repeat top left; }
.item-in { width:288px; float:left; padding:7px 7px 8px 7px; background:url(../images/layout/bg-item-bottom.gif) no-repeat bottom left; }
.item img { border:1px solid #DBDBDB; float:left; }
.item .text { width:120px; float:right; font-weight: normal; }
.item .text a { line-height:130%; margin:0 0 2px 0; display:block;font-weight:bold; }
.item .text ul li a { display:block; float:left; color:#000; padding:5px 0 0 26px; font-size:11px; margin:0 0 1px 0; white-space:nowrap; }
.item .text ul li a.button-trailer { width:61px; height:21px; background:#F8F8F8 url(../images/layout/button-trailer.gif) no-repeat top left; }
.item .text ul li a.button-full-movie { width:84px; height:22px; background:#F8F8F8 url(../images/layout/button-full-movie.gif) no-repeat top left; }
.item .text ul li a.button-photos { width:61px; height:21px; background:#F8F8F8 url(../images/layout/button-photos.gif) no-repeat top left; }
.item .text ul li a.button-movie { width:57px; height:22px; background:#F8F8F8 url(../images/layout/button-movie.gif) no-repeat top left; }
.item.join { background:#F2F2F2 url(../images/layout/bg-item-join-top.gif) no-repeat top left; }
.item.join .item-in { width:238px; padding-right:57px; }
.item.join a { font-size:22px; font-weight:bold; }

/* =PAGINATE
---------------------------------------------------------------------------------------------------*/
ul.paginate { width:309px; float:left; }
ul.paginate li { line-height:20px; padding:0 0 2px 0; text-align:center; float:left; width:309px; }
ul.paginate li a { margin:0 5px; font-weight:bold; text-decoration:underline; }
ul.paginate li a.active { font-weight:normal; text-decoration:none; color:#000; }
ul.paginate li a:hover { text-decoration:none; }
ul.paginate li.page { padding:0; margin:0; height:51px; overflow:hidden; }
ul.paginate li.page a { float:left; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; margin:0; }
ul.paginate li.page a.previous { width:154px; }
ul.paginate li.page a.previous span { width:129px; height:39px; display:block; float:left; text-align:right; padding:15px 25px 0 0; background:#464646 url(../images/layout/icon-prev.png) no-repeat; }
ul.paginate li.page a.next {
	width:154px;
	border-left:1px solid #464646;
}
ul.paginate li.page a.next span {
	width:129px;
	height:39px;
	display:block;
	float:left;
	text-align:left;
	padding:15px 0 0 25px;
	background:#A20FC6 url(../images/layout/icon-next.png) no-repeat;
}
ul.paginate li.page a.previous:hover span { background-color:#616161; cursor:pointer; }
ul.paginate li.page a.next:hover span {
	background-color:#58086C;
	cursor:pointer;
}

/* =JOIN-BUTTONS
---------------------------------------------------------------------------------------------------*/
.join-buttons { width:303px; height:44px; padding:7px 0 0 6px; float:left; background:#252525 url(../images/layout/bg-join-buttons.gif) no-repeat top left }
.join-buttons li { float:left; height:35px; }
.join-buttons li a { display:block; text-align:center; color:#000; height:26px; padding:9px 0 0 0; }
.join-buttons li a.pay-phone-sms { width:136px; margin-right:5px; background:#fff url(../images/layout/button-pay-sms.gif) no-repeat top left; }
.join-buttons li a.more-payment { width:156px; background:#fff url(../images/layout/button-more-payment.gif) no-repeat top left; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer {
	text-align:center;
	clear:both;
	font-size:10px;
	color:#000;
	padding:0 0 20px 0;
}
.footer p { margin:0 0 3px 0; }
.footer a {
	text-decoration:underline;
	padding:0 5px 0 3px;
	font-size:9px;
	color:#000
}
.footer a:hover { text-decoration:none; }
.footer .links a {
	font-size:12px;
	color:#58086C;
	font-weight:bold;
	background:url(../images/layout/divider-footer1.gif) no-repeat right;
}
.footer .links2 a {
	color:#58086C;
	font-size:10px;
	background:url(../images/layout/divider-footer2.gif) no-repeat right;
}
.footer a.rear { background:none; padding:0 0 0 3px; }

/* =Additiona css coding
---------------------------------------------------------------------------------------------------*/

.main h2.lt-updates { padding:13px 5px 10px; margin:0 0 5px 0; display:block; background:#E8E8E8; font-size:14px; text-align:justify }
.itemrow { margin:0; padding:0 0 0 1px; position:relative}
.itembox { float: left; padding: 2px 3px 2px 0}
.tmbr { float:right}
.itembox a img { border:#ccc 1px solid}
.itembox a:hover img { border:#999 1px solid}
.plybtn { float:left; position:absolute; padding:2px 0 0 0}
.itembox .plybtn img { border:none}
.itembox a.plybtn img { border:none}
.itembox a:hover .plybtn img { border:none}

.tnviewdesc { font-size:11px; line-height:14px; padding:0 5px 8px 5px; display:block}
.tnviewimg a img { border:#ccc 2px solid}
.tnviewimg a:hover img { border:#999 2px solid}

.fullovr { float:left; position:absolute}