@charset "utf-8";
/* 
DVD SITE // MOBILE
Global Style Sheet
(c) 2010 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; }
.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none;  margin: auto; max-width:600px;   }

.w320 { width: 320px; margin: auto; }

#header {  height: 53px; padding: 1px; position: relative;  }
#header .tr { position: absolute; top: 4px; right:10px; font-size: 11px; }
#header h1 { text-indent: -9999px; }
#header h1 a { display: block; }
#header form { position: absolute; bottom: 5px; right: 10px; font-weight: bold; font-size: 13px;padding: 4px;-webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; }
#header form input.txt { font-size: 11px; padding: 2px 3px 2px 3px; margin:0; float:left;   width: 90px; }
#header form input.btn {  float:left; padding: 0px 5px; margin: 0 0 0 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold;  }
#header .secure { width: 96px; height: 41px; position: absolute; top: 8px; right: 20px; }
.nav { background: #212121; padding:8px 0 12px 0; text-align: center; }
.nav a { font-weight: bold; font-size: 12px; text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-decoration: none;   padding:4px 9px;  }

h2 { font-size: 16px; padding: 5px; position: relative; }
h2 a.switch { float:right;  padding: 4px 9px 5px; position: absolute; top: 4px; right: 10px;  font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

.rating { font-size: 11px; }
.rating_off { float:left; width: 50px; height: 11px; margin: 6px 6px 0 0; }
.rating_on { float:left; height: 11px; }


/* Scene Listing */
ul.content li {   position: relative; }
ul.content li a.go {  width: 12px; height: 90px; position: absolute; top:0; right:0; }
ul.content li img { float:left; margin: 1px 10px 1px 1px; }
ul.content li a.title { font-weight: bold; font-size: 12px; display: block; padding: 5px 16px 5px 0; text-decoration: none; }
ul.content li .stars { font-size: 11px; display: block; padding: 2px 16px 5px 0; }
ul.content li .stars a { }
ul.content li a.origin { font-weight: bold; font-size: 11px; padding: 0 10px 8px 0; display: block; }

/* Overrides for DVD */
ul.dvd li a.go { height: 101px; }
ul.dvd li a.title { font-size: 16px; padding-bottom:4px; }
ul.dvd li span.info { display: block; font-size: 11px; margin-bottom: 4px; }
ul.dvd li span.link { display: block; font-size: 11px; padding: 5px 0; }
ul.dvd li span.link a { font-weight: bold; }

/* Overrides for Stars */
ul.stars li  a { text-decoration: none; }
ul.stars li .go {  width: 12px; height: 56px; position: absolute; top:0; right:0; }
ul.stars li .title {  display: block; font-size: 13px; font-weight: bold; padding: 3px 0; }
ul.stars li .desc { display: block; font-size: 11px; }

/* Overrides for Categories */
ul.categories { max-width: 480px; margin:auto; }
ul.categories li { float:left; width:160px; }
ul.categories li a { text-decoration: none; }
ul.categories li img { margin-right: 4px; }
ul.categories li .go { display:none; }
ul.categories li .title {  display: block; font-size: 11px; font-weight: bold; padding: 2px 0; }
ul.categories li .desc { font-size: 11px;}

/* Overrides for Series / Studios */
ul.text li  a { text-decoration: none; display: block; padding: 5px 0 5px 10px; height: 38px; }
ul.text li .go {  width: 12px; height: 48px; position: absolute; top:0; right:0; }
ul.text li .title {  display: block; font-size: 13px; font-weight: bold; padding: 3px 0; }
ul.text li .desc { float:left; font-size: 11px; }
ul.text li .small { font-size: 10px; float:left; padding: 1px 0 0 10px; }

/* Overrides for Sites */
ul.sites { max-width: 480px; margin: auto; }
ul.sites li { width: 160px; float:left; padding-top: 4px; }
ul.sites li img { float: none; margin: auto; display: block; border: 1px solid #666; }
ul.sites li .title {  display: block; font-size: 13px; font-weight: bold; padding: 3px 0; }
ul.sites li a { font-size: 12px; display: block; text-align: center; font-weight: bold; }
ul.sites li p { font-size: 11px; text-align: center; }

#dvd { height: 164px; font-size: 12px; padding: 3px 10px 0 0; }
#dvd a { font-weight: bold; }
#dvd p { margin: 4px 0; }
#dvd p span { display: block; font-size: 12px; }
#dvd p.tags { margin-top: 8px; line-height: 18px; }
#dvd img { float:left; margin: 0 14px 0 6px; border: 2px solid; }

#related-dvds { padding-top: 2px; }
#related-dvds ul li { float:left; font-size: 11px; width: 72px; margin: 4px; }
#related-dvds ul li img { border: 1px solid #000; height: 99px; width: 70px; }

#upgrade { max-width: 480px; margin: auto; }
#upgrade span.star { float:left; width: 40px; height: 40px; background: url(/images/T03/star.png); margin: 6px 10px 22px 10px; clear:left; }
#upgrade h4 { text-transform: uppercase; font-size: 13px; margin: 10px 10px 4px 0; }
#upgrade p { font-size: 12px; font-weight: bold; margin: 0 10px 10px 0;}
#upgrade a.button { font-size: 20px; text-align: center; text-transform: uppercase; clear: left; display: block; font-weight: bold; text-decoration: none; height: 44px; padding: 20px 0 0 0; margin-bottom: 10px; width: 320px; margin: 0 auto 10px auto;-webkit-border-radius: 6px; -moz-border-radius: 6px; }
#upgrade div { clear: both; }
#upgrade h3 { text-align:center; padding: 5px; font-weight: normal; }



#jump { padding: 4px 4px 6px 4px;  text-align: center; }
#jump select { width: 80%; padding: 4px; }

a.join { display: block; clear: both;  text-align: center; padding: 10px 5px 12px 5px; font-weight:bold; }

#pagination {  height: 44px; padding: 9px 0 0 0; position:relative; }
#pagination .page { font-weight: bold; font-size: 12px; width: 70px; margin: auto; text-align: center; }
#pagination a { height: 27px; width: 106px;  text-align: center; font-weight: bold;  font-size: 13px; text-transform: uppercase;  float:left; }
#pagination a.pPrev { padding: 8px 0 0 9px; position: absolute; left:10px; }
#pagination a.pNext { padding: 8px 10px 0 0;  position: absolute; right:10px; }

.sorting {  height: 23px;font-size: 12px; padding: 2px 0 1px; margin: 0 0 8px 0; }
.sorting div.w320 {   padding-bottom: 1px; }
.sorting p { float:left; padding: 4px 4px 4px 5px; }
.sorting a { float:left; padding: 4px 7px;  font-weight: bold; }
.sorting a.active { text-decoration: none;  }

.stats {  display: block; clear: both; width: 320px; height: 271px; background: url(/images/T03/footer-join.gif) no-repeat !important; padding: 37px 0 0 0; margin:auto; }
.stats p { display: block; font-size: 24px; color:#ffcf21 !important; font-weight: bold; margin:6px 186px 0 40px; height: 34px; font-size:28px; text-align: right; }
.stats a.join {  background: none; padding-bottom: 16px; height:120px; text-indent: -9999px; display:block; }

.upgrade-stats { background: url(/images/T03/footer-upgrade.gif) no-repeat !important; }

.sub-nav { text-align: center; padding: 4px 2px 8px; clear:left; }
.sub-nav a {  font-size: 11px; padding: 0 3px; font-weight: bold; text-decoration: none; }
.sub-nav a.active { text-decoration: underline; }

.footer {  padding: 20px; text-align: center; font-size: 11px; }
.footer p { margin: 10px 0; }
.footer ul li { display: inline; padding: 0 4px; }

#form { clear:left; margin: 0 auto 20px auto; display: block; }
#form p { padding: 4px 10px 4px 10px; font-size: 12px; position: relative;  background-position: 0 bottom; 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; height: 38px; }
#form p.tall img { border: 1px solid; position: absolute; top: 4px; left: 224px; z-index: 1; }
#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; }
p.satisfaction { border: 1px solid #666; margin: 0 10px 10px; padding: 10px 12px; font-size: 11px; text-align: center; color: #ccc;-webkit-border-radius: 6px; -moz-border-radius: 6px; }

h2.scene { font-size: 13px; text-align: center; }
#scene-detail { border: 1px solid #000; width: 312px; margin: 10px auto; padding-bottom: 3px; background: #111; }
#scene-detail a.thumb { width: 302px; height: 201px; display: block; margin: 2px auto 10px auto; border: 3px solid #333; }
#scene-detail a.thumb img { margin: 58px auto; display: block; }
#scene-detail ul { display: block; padding: 5px 10px; font-size: 11px; width: 286px; margin: auto; }
#scene-detail ul li { padding: 4px 0; clear:left; }
#scene-detail ul li span.rating_off { margin: 2px 0 0 0; }
#scene-detail ul li span.lbl { float:left; margin: 0 5px 8px 0; width: 60px; }

.downloadButtons { width: 306px; border: 1px solid #111; margin: auto; border-bottom: none; margin-bottom: 10px; }
.downloadButtons a { display: block; border-bottom: 1px solid #111; padding: 8px 10px 8px; text-decoration: none; font-weight: bold; font-size: 12px; color: #333; position: relative; }
.downloadButtons a.full { font-size: 14px;  }
.downloadButtons a span { position: absolute; top: 0; right:0; height: 30px; width: 12px; }