@charset "utf-8";
/* 
Mobile Tube
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; }
.clear { clear: both; }
body { font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; }
#wrap { max-width: 480px; margin: auto; position: relative; }

#head { height: 80px; background-position: 0 0; background-repeat: repeat-x; position: relative; }
#head h1 a { float:left; text-indent: -9999px; width: 174px; height: 49px; }
#head a.premium { background-position: -172px -80px; position: absolute; width: 122px; height: 33px; top:0; right:0; }
a.premium {  font-weight: bold; padding: 16px 0 0 26px; font-size: 14px; text-align: center; text-decoration: none; text-transform: uppercase; }

#nav { clear:left; margin: 0 3px; }
#nav a { font-size: 12px; text-transform: uppercase; font-weight: bold; height: 31px; background-position: 0 -129px; float:left; text-decoration: none; margin-left: 2px; text-align: center; }
#nav a span { background-position: right -129px; display: block; padding: 8px 9px 0 3px; height: 23px; margin-left:6px; }
#nav a.right { float:right; margin-right: 2px;}

form.search { position: absolute; top: 12px; right: 6px; z-index:1; }
form.search input.txt { border: none; width: 90px; margin: 3px 0 0 0; background-position: 0 -336px; padding: 2px 0 2px 22px; font-size:12px; font-weight: bold; float:left; }
form.search input.btn {  border: none; width: 27px; height: 24px; padding:0; margin:0; background-position: -147px -406px; background-color: transparent; margin-left: 4px; float:left; }

h3 { font-size: 13px; padding: 9px 6px 8px 6px; margin: 0 0 3px 0; border-bottom: 3px solid; clear:both; }
h4 { font-size: 11px; font-weight: bold; padding: 1px 6px 4px 6px; border-bottom: 1px solid; clear:both; margin: 0 0 3px 0; }
h4.error,h4.success { padding-top:4px; }

#secure-icon { background-position: -259px -54px; width: 23px; height:30px; position: absolute; top: 7px; 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; }

#pagination { height: 84px; display: block; clear: both; background-position: 0 -376px; width: 320px; margin: 15px auto;}
#pagination #page { width: 134px; height: 61px; padding: 22px 0 0 0; float:left; background-position: -93px -168px; 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: 84px; }
#pagination a.back { background-position: 0 -166px; }
#pagination a.next { background-position: -228px -166px; }

#footer { background-position: 0 -467px; background-repeat: repeat-x; height: 48px; clear:both; position: relative; margin-top: 8px; }
#footer form.search { top: 13px; right: 5px; }
#footer img { float:left; margin: 14px 0 0 8px; }
#footer a.premium { background-position: -172px -257px; position: absolute; width: 122px; height: 32px; top:0; left:0; }
ul#foot-nav { background-position: 0 -48px; background-repeat: repeat-x; height: 27px; text-align: center; padding: 5px 0 0 0; clear: left; }
ul#foot-nav li { display: inline; font-size: 13px; font-weight: bold; padding: 0 10px; }

#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; }

#thumbs { position: relative; }
#thumbs ul.l { margin: 0 0 0 0; }
#thumbs ul.l li { margin: 0 3px 0 4px; width: 153px; float:left; }
#thumbs ul.l li a.thumb { width: 153px; height:116px; display: block; background-position: center center; margin: 0 0 1px 0; position: relative; }
#thumbs ul.l li a.thumb img.play { position: absolute; bottom: 4px; right: 4px; border: none; }
#thumbs ul.l li .info { padding:0 4px 4px 4px; display: block; font-size: 11px; position: relative; margin-bottom: 7px; }
#thumbs ul.l li .info a { display: block; font-weight: bold; text-decoration: none; padding: 4px 0; }
#thumbs ul.l li .info .date { position: absolute; right: 4px; }

#categories { position: relative; }
#categories a.cat {  width: 150px; float:left; background-repeat: repeat-x; display: block; text-decoration: none; border: 1px solid; position: relative; padding: 2px 0; margin:  2px 4px; -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; }
#categories a.cat span.title { font-size: 14px; display: block; font-weight: bold; padding: 4px 10px; }
#categories a.cat:hover span.title { text-decoration: underline; }

#preview h2 { font-size: 12px; }
#preview a.thumb { display: block; position: relative;  margin: 6px 0 2px 4px; float:left; }
#preview a.thumb span { width: 84px; height: 84px; background:url(/images/T01/icon-play2.png); position: absolute; left: 0px; top: 0px; }
#preview a.thumb img { border: 2px solid; width: 174px; height:116px; }
#preview #info { padding: 8px 10px 14px 10px; clear:left; font-size: 11px;background-position: 0 bottom; border-bottom:1px dotted; }
#preview #info p { clear: both; font-size: 11px; font-weight: bold; }
#preview #info p.tags { line-height: 16px; }
#preview #info p a { text-decoration: none; }
#preview #info p a:hover { text-decoration: underline; }
#preview #info p a.parent { text-decoration: underline; }
#preview #info span { float:left; width: 63px; padding: 0 0 8px 0; }

#preview a span.icon { width: 26px; height: 26px; float:right; clear:left; margin: 5px 3px 0 5px; background:url(/images/T01/icon-play.png) 0 0;}
#preview a span.title { font-size: 16px; font-weight: bold; display: block; }
#preview a span.desc { font-size: 11px; display: block; }

#preview a#photo { background-position: 0 bottom; display: block; margin-bottom: 1px; text-decoration: none; padding: 8px 0; position: relative; border-bottom:1px solid; }
#preview a#photo span.icon { width: 19px; height: 19px; float:left; margin: 10px 15px 10px 15px;background-position: -68px -590px; padding:0; }
#preview a#photo span.title { font-size: 16px; font-weight: bold; display: block; float:none; width:auto; padding:0 0 2px 0; }
#preview a#photo span.desc { font-size: 13px; display: block; float:none; width:auto; padding:0; }

#preview #download-container { width: 320px; margin: auto; }
#preview #download { float:left; 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: 8px 2px 0 4px; border: 1px solid;-webkit-border-radius: 6px; -moz-border-radius:6px; border-radius:6px; }

#premium h3 { border: none; font-size: 16px; text-align: center; text-transform: uppercase; }
#premium #thumb { width: 31%; background-position: center; height: 106px; float:left;-webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; }
#premium ul#sell { background-position: 0 bottom; font-size: 11px; font-weight: bold; border: 1px solid; margin: 0 0 10px 0; padding: 2px 3%; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; float:left; width: 60%; margin-left: 2%; height: 100px; }
#premium ul#sell li { margin: 5px 0; }

.join { clear:both; background-position: 0 -48px; height:32px; }
.join a { font-weight:bold; font-size: 14px; padding: 7px 0; display:block;  width: 320px; margin: auto; text-align:center; }
.join a span { float:left; width: 32px; height:26px; background-position: -145px -433px; margin: -2px 8px 0 10px; }

#sites { position: relative; }
#sites ul.list li { font-size: 12px;  float:left; width: 152px; background-position: 0 bottom; border-bottom: 1px solid; padding: 3px 4px; text-align: center; }
#sites ul.list li a { font-weight:bold; text-decoration: none; }
#sites ul.list li img { margin: 0 auto 2px auto; background: #fff;  padding: 0 10px; display: block;-webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px; }
#sites ul.list li p { font-size: 11px; }

#jump { background-position: 0 0; padding: 5px 0; text-align: center; border-bottom: 1px solid; margin: 0 0 1px 0; }
#jump select { width: 84%; }

#list { position: relative; }
#list a.i { background-position: 0 bottom; background-repeat: repeat-x; display: block; text-decoration: none; border-bottom: 1px solid; position: relative; padding: 8px 10px;  }
#list a.star { padding: 0 10px 0 0; height: 56px; }
#list a.star img { width: 56px; height:56px; }
#list a.i img { float:left; margin: 0 10px 0 0; }
#list a.i span.title { font-size: 16px; font-weight: bold; display: block; }
#list a.star span.title { padding-top: 8px; }
#list a.i span.desc { font-size: 13px; display: block; padding: 2px 0; }
#list a.i span.small { font-size: 11px; display: block; }

#dvds { position: relative; }

.rating_off { width: 50px; height: 10px; background-position: 0 -599px; float:left; margin-top: 3px; }
.rating_on { background-position: 0 -589px; display: block; height: 10px; }
ul.content { clear:left; }
ul.content li { border-bottom: 1px solid; }
ul.content li { padding-right: 10px; }
ul.content li a.thumb { float:left; position: relative; margin: 0 10px 0 1px; }
ul.content li a.thumb img { float:left; }
ul.content li a.thumb span { background-position: -2px -24px; width:26px; height:26px; position: absolute; bottom: 4px; right:4px; }
ul.content li span.title a { font-weight: bold; text-decoration: none; font-size: 12px; display: block; padding: 4px 0 0 0; }
ul.content li span.info { font-size: 11px; display: block; padding: 4px 0 0 0; }
ul.content li a.parent { font-size: 11px; font-weight: bold;  padding: 5px 0 0 0; }
ul.content li span.cast { font-size: 11px; display: block; padding: 5px 0 0 0; line-height: 15px; } 
ul.content span.info span.label { float:left; margin: 0 6px 0 0; }

#dvds { position: relative; }
#dvds ul.content li { height: 100px; background-position: 0 bottom; background-repeat:repeat-x; }
#dvds ul.content li a.thumb img { width: 70px; height: 100px; }

#sorting { position: absolute; top:6px; right:3px; border: 1px solid; }
#sorting li.first { border-left: none; }
#sorting li { float:left; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-left: 0px; border-left: 1px solid; }
#sorting li a { text-decoration: none; background-position: 0 -517px; background-repeat: no-repeat; float:left; padding: 3px 9px;  }
ul#sorting li a.active { background-position: 0 -550px; }

/* MODEL DETAIL */
#star img.cover { float:left; margin: 0 10px 0 0; border: 1px solid; }
#star #info {  position: relative; padding: 5px; }
#star #info p {  clear:none; margin: 0 0 7px 0; font-size: 11px; }
#star #info p { border-bottom: 1px dotted; padding-bottom: 8px; margin-left: 118px; }
#star #info p .rating_off { margin-right: 5px; }
#star #info p {  font-weight: normal; }

/* DVD DETAIL */
#dvd img.cover { float:left; margin: 0 10px 0 0; border: 1px solid; }
#dvd #info {  position: relative; padding: 5px; font-size: 11px; height: 180px; }
#dvd #info p {  clear:none; margin: 0 0 6px 0; }
#dvd #info p { border-bottom: 1px dotted; padding-bottom: 4px; margin-left: 118px; }
#dvd #info .rating_off { margin-right: 5px; }
#dvd #info p {  font-weight: normal; }
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; }

#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; 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: 16px; z-index: 1; max-width: 85px; }
#form p.tall label { margin-top: -5px; }
#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; }

#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 */
#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; }

#upgrade span.star { float:left; width: 40px; height: 40px; background-position: -280px  0; margin: 6px 10px 22px 10px; clear:left; }
#upgrade h4 { text-transform: uppercase; font-size: 13px; margin: 10px 10px 4px 0; clear:none; border:none; }
#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; background-position: 0 -343px;  padding: 10px 0; margin-bottom: 10px; width: 300px; margin: 0 auto 10px auto; -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius:10px;}
#upgrade div { clear: both; }

body { background: #000; color: #ccc; }
a:link, a:visited, a:active { color: #fff; outline:none; }
#head,#head a.premium,#nav a, form.search input.btn,form.search input.txt,#pagination,#pagination a,#pagination #page,#footer,ul#foot-nav,#footer a.premium,#preview #download a,#form p,#premium ul#sell,#sites ul.list li,#list a.i,#jump,#sorting li a,#nav a span,.join a span,ul.content li,.rating_off,.rating_on,.join,h3,#preview a#photo span.icon,#preview a#photo,#preview #info { background-image: url(/images/T01/bg_MSPM.png); }

#secure-icon,#upgrade span.star { background-image: url(/images/T01/ico_global.png); }
#secure-icon span { color:#fff; }

form.search input.txt { color: #666;  }
#foot-text,#foot-text a { color: #666; }
#foot-nav a { color: #999; }
#list a.i span.desc { color: #888; }
a.premium { color:#fff; text-shadow: 2px 2px 2px #237e00; }
h3,h4 { border-color: #222426; }
h4.error { background:#a50000; color:#fff; }
h4.success { background:#3a7200; color:#fff; }
#info p span { color:#ccc; }
#thumbs ul li .info { background-color: #0e0f10; }
#thumbs ul li .info a,#preview #info p a { color:#5c8ddb; }
#thumbs ul li .info a:hover { color: #fff; }
.join a { color: #fff; }
ul.content li a.parent { color: #fff402; }
.join a { color: #fff402; }
#sorting { border-color:#9b0202; }
#sorting li { border-color:#1e0000; }
#categories a.cat,#preview #info,#preview #download,#preview #download a,#form p,#premium ul#sell,#preview a.thumb img,#sites ul.list li,#list a.i,#jump,ul.content li,#preview a#photo,#preview #info  { border-color: #222426; }
#star #info p,#dvd #info p { border-color: #444; }

#upgrade h3 { color: #ccc; }
#upgrade h4 { color:#69ff68; }
#upgrade a.button { color: #fff; text-shadow: 1px 1px 1px #3b68c8; background:#4d80d6; }
#upgrade p { color: #999; }