@charset "utf-8";
/* 
EXCLUSIVE SITE // MOBILE
Global Style Sheet
(c) 2012 PimpRoll.com
*/
body, h1,h2,h3,h4,h5,p,ul,li,img,form{ display: block; border: none; margin:0; padding:0; }
ul,li { list-style: none; }

body { font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; max-width: 480px; margin: auto; }

#header { background-position: 0 0; background-repeat: repeat-x; height: 55px; }
#header h1 a { display: block; text-indent: -9999px; width: 153px; height:55px; float:left; }
#header form { float:right; margin: 3px 2px 0 0; }
#header form label { font-size: 11px; text-transform: uppercase; display: block; padding: 6px 0 0 0; }
#header form input.txt { background-position: 0 -141px; border: none; padding: 4px 4px 4px 26px; width: 90px; float:left; font-size: 12px; }
#header form input.btn { height: 24px; width:30px; background-position: -288px -139px; border: none; float:left; margin: 0 0 0 2px; }

/* NAVIGATION */
.nav,.join_01 { height: 33px; background-position: 0 -55px; background-repeat: repeat-x; padding: 4px 0; clear:both; }
.center { width: 320px; margin: auto; }
.nav a, a#network-updates,a#login { float:left; height: 33px; background-position: 0 -174px; padding: 0 0 0 8px; margin: 0 0 0 3px;  font-size: 11px; text-transform: uppercase; text-decoration: none; font-weight: bold; }
.nav a span, a#network-updates span,a#login span { float:left; background-position: right -174px; height: 23px; padding: 10px 8px 0 0; }
.nav a.join { background-position: 0 -276px;padding-left: 10px; float:right; margin-left:0; margin-right: 3px; }
.nav a.join span { background-position: right -276px; padding-right: 11px; }
.nav a.home { text-indent: -9999px; background-position: 0 -310px; width: 26px; padding:0; }
.nav a.home span { background: none; padding:0; }
.nav a.logout { background: none; float:right; margin: 9px 6px 0 0 ; font-size: 11px; padding:0 !important; height: auto !important; }
.nav a.logout span { float:left; background-position: -93px -62px; width: 25px; height: 23px; margin:-2px 3px 0 0; padding:0; }

h2 { font-size: 14px; padding: 9px 5px; margin: 0 0 1px 0; }
h3 { font-size: 12px; padding: 6px 10px; border-bottom: 1px solid;  }
h3 a { text-decoration: none; }

a#network-updates { background-position: 0 -208px; padding-left: 26px; position: absolute; top:0; right:4px; }
a#network-updates span { background-position: right -208px; }

a#login { background-position: 0 -242px; padding-left: 26px; position: absolute; top:0; right:4px; }
a#login span { background-position: right -242px; }

.container { position: relative; }

/* RATINGS */
.rating_off { float:left; width: 50px; height: 11px; background-position: 0 -11px; margin: 2px 6px 0 0; }
.rating_on { float:left; background-position: 0 -1px;height: 11px; }

/* GENERAL CONTENT LAYOUT */
ul.content { clear:left; }
ul.content li { border-bottom: 1px solid; background-position: 0 bottom; overflow:hidden; }
ul.content li a { display: block; text-decoration: none; position: relative; }
ul.content li a img { float:left; margin-right: 10px; }
ul.content li span.play { background-position: -0px -23px; width:28px; height:28px; position: absolute; bottom: 24px; right:10px; }
ul.content li span.title { font-weight: bold; text-decoration: none; font-size: 12px; display: block; padding: 5px 0 0 0; }
ul.content li span.info { font-size: 11px; display: block; padding: 3px 0 0 0; line-height: 14px; }
ul.content .rating { font-size: 11px; }

/* SCENES */
#scenes_01 ul.content li a { height:88px; }
#scenes_01 ul.content .rating .rating_off,#scenes_02 ul.content .rating .rating_off { margin-top: 6px; }
#scenes_02 ul.content li { padding: 4px 7px 0 7px; }
#scenes_02 ul.content li a { height:252px; }
#scenes_02 ul.content li span.thumb { margin: auto; display: block; height: 172px; background-position: center; border: 2px solid; width: 302px; position: relative; }

#gallery .thumbnails a { float:left; border: 1px solid; width: 87px; height: 87px; background-position: center top; background-repeat: no-repeat; margin: 3px; }
#gallery .thumbnails { padding:0 0 0 3px; }

/* JOIN LINKS */
.join_01,.join_02 { clear:both; }
.join_01 a { display:block; text-align: center; font-weight: bold; text-transform: uppercase; padding: 7px 0; font-size: 14px; }
.join_02 a { display: block; text-align: center; font-weight: bold; font-size: 16px; padding: 8px 0; height: 20px; }
.join_02 { background-position: 0 -56px; padding-bottom: 18px; }

/* PAGINATION */
#pagination { background-position: 0 -344px; background-repeat: repeat-x; height: 83px; display: block; clear: both; }
#pagination .center { height: 83px; background-position: 0 -427px; width: 320px; margin: auto; }
#pagination #page { width: 134px; height: 61px; padding: 22px 0 0 0; float:left; text-align: center; }
#pagination #page p { font-weight: bold; font-size: 12px; padding-top: 4px; }
#pagination a,#pagination span.blank { float:left; width:93px; height: 83px; }
#pagination a.back { background-position: 0 -510px; }
#pagination a.next { background-position: -227px -510px; }

/* JUMP MENU */
#jump { background-position: 0 -406px; padding: 5px 0; text-align: center; border-bottom: 1px solid; }
#jump select { width: 84%; }

/*SORTING */
ul#sorting { position: absolute; top:6px; right:5px; border: 1px solid; }
ul#sorting li.first { border-left: none; }
ul#sorting li { float:left; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-left: 0px; border-left: 1px solid; }
ul#sorting li a { text-decoration: none; background-position: 0 -20px; background-repeat: no-repeat; float:left; padding: 3px 9px;  }

/* FOOTER */
#footer p { font-size: 11px; text-align: center; margin: 12px; }
#footer ul.login, #footer p.login { font-size: 13px; font-weight: bold; }

#foot-text { text-align: center; font-size: 11px; }
#foot-text  p { margin: 10px; }
#foot-text ul { margin-top: 10px; }
#foot-text ul li { display: inline; padding: 0 5px; text-align: center;border-right: 1px solid #999; }
#foot-text ul li:last-child { border-right: none; }

/* PREVIEW */
#preview h2 { font-size: 12px; }
#preview a.thumb { display: block; position: relative;  margin: 0 0 0 4px; float:left; }
#preview a.thumb span { width: 84px; height: 84px; background:url(/images/T02/icon-play2.png); position: absolute; left: 0px; top: 0px; }
#preview a.thumb img { border: 1px solid; width: 174px; height:116px; }
#info { padding: 8px 10px 8px 10px; clear:left; font-size: 11px; background-position: 0 bottom; border-bottom: 1px solid;  }
#info p { clear: both; font-size: 11px; font-weight: bold; }
#info p.tags { line-height: 16px; }
#info p a { text-decoration: none; }
#info p a:hover { text-decoration: underline; }
#info p a.parent { text-decoration: underline; }
#info span.label { float:left; width: 63px; padding: 0 0 7px 0; }
#preview a span.icon { background-position: -0px -23px; width:28px; height:28px; float:right; clear:left; margin: 5px 3px 0 5px; }
#preview a span.title { font-size: 16px; font-weight: bold; display: block; padding-bottom: 2px; }
#preview a span.desc { font-size: 11px; display: block; }
#preview #download-container { height: 118px; padding: 6px 0; }
#preview #download { float:right; width: 138px; }
#preview #download #buttons { margin: auto; }
#preview #download a { height: 40px;background-position: 0 bottom; display: block; margin-bottom: 1px; text-decoration: none; padding: 8px 0 4px 6px; position: relative; margin: 5px 4px 0 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#preview #description #thumbs { float:left; width: 54%; padding: 4px 4px 0 4px; }
#preview #description #thumbs img { border: 1px solid; float:left; margin: 0 4px 6px 0; max-width: 80px; max-height: 80px; }
#preview #description p { font-size: 11px; line-height: 14px; padding: 4px 8px 0 0; }

/* SITES */
#sites ul li { font-size: 12px;  float:left; width: 152px; background-position: 0 bottom; border-bottom: 1px solid; padding: 0 4px 3px 4px; text-align: center; }
#sites ul li a { font-weight:bold; text-decoration: none; }
#sites ul li img { margin: 0 auto 2px auto; background: #fff; padding: 0 10px; display: block; border:1px solid; border-top: none; }
#sites ul li p { font-size: 11px; }

/* STARS */
#stars ul.content li,#stars ul.content li a { height:56px; }
#stars ul.content li .desc { font-size: 11px; display: block; margin: 2px 0; }
#stars ul.content li .rating { display: block; }
#stars ul.content li .play { bottom: 12px; }


/* DVDs */
#dvds ul.content li { height: 101px; position: relative; }
#dvds ul.content li .title { margin-bottom: 3px; }
#dvds ul.content li a.parent { font-size: 12px; font-weight: bold; text-decoration: underline; }
#dvds ul.content li img { width:70px; height: 101px; }
#dvds ul.content li span.play { bottom: 10px; }
#dvds ul.content .rating .rating_off { margin-top: 6px; }

/* DVD DETAIL */
#dvd img.cover { float:left; margin: 0 10px 0 0; border: 1px solid; margin-bottom: 20px; }
#dvd #info {  position: relative; height: 192px; }
#dvd #info p {  clear:none; margin: 0 0 3px 0; }
#dvd #info p { border-bottom: 1px dotted; padding-bottom: 4px; margin-left: 118px; }
#dvd #info p.tags span.label { display: block; float: none; width: auto; font-weight: normal; margin:0; padding:0; }
#dvd #info p {  font-weight: normal; }
#dvd #info a { font-weight: bold; }
#dvd #info .rating { position: absolute; left: 10px; bottom: 11px; width: 92px; border: 1px dotted; padding: 2px 8px; text-align: center; }
#dvd #info .rating .rating_off { float: none; display: block; margin: auto; }
ul#related-dvds { padding-top: 2px; }
ul#related-dvds li { float:left; font-size: 11px; width: 72px; margin: 4px; }
ul#related-dvds li img { border: 1px solid; height: 99px; width: 70px; }

/* MODEL DETAIL */
#star img.cover { float:left; margin: 0 10px 0 0; border: 1px solid; margin-bottom: 10px; }
#star #info {  position: relative; height: 110px; }
#star #info p {  clear:none; margin: 0 0 7px 0; }
#star #info p { border-bottom: 1px dotted; padding-bottom: 8px; margin-left: 118px; }
#star #info p {  font-weight: normal; }

/* FORM */
#form { clear:left; max-width: 320px; margin: 0 auto 20px auto; display: block; }
#form p { padding: 4px 10px 4px 10px; font-size: 12px; position: relative;  background-position: 0 bottom; border-bottom: 1px solid; font-weight: bold; }
#form p.cross { color: #777; }
#form p label { float:left; width: 140px; clear:left; margin: 8px 0 0 0; }
#form p.select label { margin: 4px 0 0 0; }
#form p.tall { padding: 12px 10px; }
#form p.tall img { border: 1px solid; position: absolute; top:2px; right: 17px; max-width: 85px; }
#form p.tall label { margin-top: 0; }
#form p span.desc { font-size: 11px; display: block; font-weight: normal; }
#form p a { display: block; color: #34bb00; font-size: 11px; }
#form p input.txt { width:150px; padding: 5px 0; }
#form p input.short { width:60px; }
#form p select { width: 154px; }
#form p select.short { width: 73px; }
#form p span.radio { display: block; text-align: center; }
#form p select.year { margin-left: 8px; }
#form p input.btn { display: block; margin: 10px auto 0 auto; }

/* JOIN */
#join form input.btn { margin: 10px auto; display: block; border: 1px solid #fff; }
#join p.satisfaction { font-size: 13px; margin: 24px 10px 24px 10px; text-align: center; }
#join p.small { font-size: 10px; margin: 10px; text-align: center; }
#secure-icon { background-position: -259px -54px; width: 23px; height:30px; position: absolute; top: 11px; right:16px; }
#secure-icon span { width: 70px; position: absolute; right: 26px; font-weight:bold; top:2px; font-size:12px; text-align:center; line-height: 13px; }
p.sms-link { width: 190px;margin: 20px auto -10px auto; }
p.sms-link a { display: block;background: url(/images/sms-i.png) left center no-repeat;font-size: 11px;font-weight: bold;color: #2e55d4;text-decoration: underline;line-height: 32px;padding-left: 42px; }

/* UPGRADE */
#upgrade span.star { float:left; width: 40px; height: 40px; background-position: -280px  0; margin: 6px 10px 18px 10px; clear:left; }
#upgrade h4 { text-transform: uppercase; font-size: 13px; margin: 6px 10px 2px 0; }
#upgrade p { font-size: 12px; font-weight: bold; margin: 0 10px 6px 0;}
#upgrade #button { background-position: 0 -676px; padding: 4px 0 0 0; }
#upgrade a.button { font-size: 20px; text-align: center; text-transform: uppercase; clear: left; display: block; font-weight: bold; text-decoration: none; background-position: 0 -593px; height: 53px; padding: 30px 0 0 0; margin-bottom: 10px; width: 320px; margin: 0 auto 0 auto; }
#upgrade div { clear: both; }

a:link,a:visited,a:active { color: #004384; }
body { background: #cbcbcb; }
#header,#header form input.txt,#header form input.btn,.nav,.nav a,.nav a span, a#network-updates, a#network-updates span,ul.content li,.join_01,#pagination,#pagination .center,#pagination a.back,#pagination a.next,.join_02,#info,#preview #download a,#sites ul li,#form p,#upgrade a.button,ul#sorting li a,a#login,a#login span,#upgrade a.button,#upgrade #button { background-image:url(/images/T02/t01_bg.png); }

ul.content li span.play,.rating_off,.rating_on,#preview a span.icon,#upgrade span.star,a.logout span,#secure-icon,#upgrade span.star { background-image: url(/images/T02/ico_global.png); }

#header form input.txt,#pagination #page p { color: #ccc; }
.nav a { color: #333; }
.nav a.join { color: #fff; text-shadow: 2px 2px 2px #1e6907; }

h2 { background: #2e2e2e; color: #fff; }
h3 { border-color:#b9c0c8; color: #444; background:#cfcfcf; }
h3.error { background:#a50000; color:#fff; }
h3.success { background:#3a7200; color:#fff; }
#jump { background:#464646; }
#upgrade a.button { color: #fff; text-shadow: 2px 2px 2px #256d00;  }
a#network-updates { color: #004384; } 

.nav a.logout { color: #fff; }

ul.content li,#info,#preview #download-container,#preview #download a,#preview a.thumb img,#preview #description #thumbs img,#sites ul li,#jump,#dvd img.cover,#dvd #info .rating,#dvd #info p,#form p,#join p.satisfaction,#star #info p { border-color:#a2a2a2; }
ul.content li span.title { color:#004384; }
ul.content li span.info { color: #555; }
ul.content li span.rating,#info p { color: #333; }

ul#sorting li,ul#sorting { border-color:#fff; }
ul#sorting li a.active { background:#777; color: #fff; }

#sites ul li img  { border-color: #d0d0d0; }

.join_01 a { color: #ffcf00; }
.join_02 a { background: #3a7200; color: #fff;  }
#upgrade h4 { color:#005100; }
#footer p a {  }
#preview #download-container { background: #1c1c1c; }

a.parent { color: #3a7200; }
