@charset "utf-8";
/* CSS Document */

/* body and container */
body { padding: 0; margin: 0; background:#000000 url(../images/bg-join.jpg) repeat-x;  text-align:center }
body#join { background:#000 url(../images/bg-join.jpg) repeat-x top left}
#container{ width:1136px; margin:0 auto; text-align:center; background:#dddddd; margin-top:-6px;  }
body#join #container{ width:1136px; margin:0 auto; text-align:center; background:none; margin-top:0px;  }

#topBG { background:url(../images/bg-top.jpg) no-repeat top center}

/* title bar, icons for headings, button */
.titleBar { background:url(../images/titleBar.gif) no-repeat; height:65px; padding:0 30px 0 20px; text-align:left; line-height:60px; position:relative; z-index:0; margin-bottom:10px}
.titleBar h1 { line-height:60px; display:block; color:#fff}
.topRated { background:url(../images/ico-topRated.png) no-repeat left center; padding-left:50px}
.models { background:url(../images/ico-models.png) no-repeat left center; padding-left:50px}
.sites { background:url(../images/ico-sites.png) no-repeat left center; padding-left:50px}

.btn-titleBar { background:url(../images/btn-bar.gif) no-repeat; width:170px; height:40px; display:block}
.btn-titleBar:hover { background-position:0 -40px}

.titleBar a.btn-titleBar { position:absolute; z-index:1; top:10px; right:30px}
/* -----------------------  */


/* header  */
#topBar{ background:url(../images/bg-topBar.png) repeat-x; height:100px;  }
#topBar-content { width:1116px; margin:0 auto; padding-right:20px; text-align:left; position:relative; z-index:0}
#topBar-buttons { position:absolute; width:450px; top:15px; right:0px}

.welcome { margin:10px; padding:20px; padding-top:10px; text-align:left}
.welcome h1 { color:#000; font-weight:bold; text-transform:uppercase}

/* -----------------------  */

#term1 {font-size: 12px;color:#fff;}


.btn-members, .btn-join { width:220px; height:60px; display:inline-block; text-indent:-9999em;}
.btn-members{ background:url(../images/btn-members.gif) no-repeat 0 0}
.btn-join{ background:url(../images/btn-joinNow.gif) no-repeat 0 0}
.btn-members:hover, .btn-join:hover { background-position:0 -60px}



/* thumbs array styles */
ul#video-wrapper { margin:0; padding:0; list-style-type:none; margin:10px;  display:block}
ul#video-wrapper li{ margin:0; padding:0; list-style-type:none; background:url(../images/bg-th.gif); margin:10px; float:left; padding:9px; position:relative; z-index:0}
ul#video-wrapper li div { background:#fff; padding:10px; border:1px solid #b8b8b8; text-align:left}
ul#video-wrapper li div, ul#video-wrapper li div a { font-size:20px; letter-spacing:-1px}
ul#video-wrapper li img { margin-bottom:10px;}
ul#video-wrapper li div img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}
.rated { position: absolute; z-index:1; width:45px; height:30px; background:url(../images/bg-like.png) no-repeat; font-size:11px; color:#fff; right:3px; bottom:20px; display:block; text-align:center; line-height:40px; padding-left:15px}


ul#pics-wrapper { margin:0; padding:0; list-style-type:none; margin:10px;  display:block}
ul#pics-wrapper li{ margin:0; padding:0; list-style-type:none; background:url(../images/bg-th.gif); margin:9px; float:left; padding:9px; position:relative; z-index:0}
ul#pics-wrapper li div { background:#fff; padding:10px; border:1px solid #b8b8b8; text-align:left}
ul#pics-wrapper li div, ul#pics-wrapper li div a { font-size:20px; letter-spacing:-1px}
ul#pics-wrapper li img { margin-bottom:10px;}
ul#pics-wrapper li div img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}


.copyr { padding:60px; text-align:center}
.copyr, .copyr p { color:#fff; font-size:14px}
.copyr  a{  font-size:14px; margin:0 6px}
.copyr  a:hover { color:#fff}


/* -----------------------  */



/* Join Page */
#join-left { width:576px; float:left; position:relative; z-index:0; font-size:18px;}
#features { position:absolute; z-index:1; left:35px; top:125px; text-align:left; color:#fff; text-shadow:#000 1px 1px 2px;}
#join-right { width:530px; float:left}


.joinBox { background:#ddd; padding:20px; text-align:left; font-size:12px; color:#000; margin-bottom:1px}
.joinBox a { font-size:12px; color:#0673a0}
.text-small { font-size:11px; letter-spacing:0; color:#000}
.text-small a { font-size:11px; font-weight:bold}
.ico-prem, .ico-basic, .ico-trial {  padding: 15px 0 32px 90px; margin-bottom:-10px; display: block}
.ico-trial { background:url(../images/ico-trial.png) no-repeat; }
.ico-basic { background:url(../images/ico-basic.png) no-repeat; }
.ico-prem { background:url(../images/ico-premium.png) no-repeat; }


.jP-left { width:350px; float:left; text-align:center; font-size:12px; text-align:center; margin-right:25px}

.jP-right { width:270px; float:left; text-align:center}
.jP-links { background:#fff; padding:20px; margin:0; display:block; text-align:center; font-size:10px}
.jP-links a { font-size:10px; color:#0673a0}


.joinBox-big{ background:#ddd; padding:40px 20px; width:680px; margin:0 auto; border:1px dotted #fff; text-align:left; font-size:12px; color:#000; margin-bottom:1px;}
.joinBox a { font-size:12px; color:#0673a0}

.input-select { width:292px; height:30px; background:#fff; border:1px solid #abadb3; font-size:11px; margin:4px 0;text-align:middle;}

a.back { font-size:30px; display:block; margin:50px 0 75px 0}
a.back:hover { color:#fff}

/* -----------------------  */


/* align */
.align-center{ text-align:center}
.align-left{ float:left}
.align-right{ float:right}
.clear{ clear:both}



/* forms */
form, input, select, button{ margin:0; padding:0}


input[type="radio"] { margin:5px; }



/* text styles and headings */
body, td, div, input, textarea, table, tr{font:normal 18px Arial, Helvetica, sans-serif; color: #292e31; text-decoration:none;}
h1{ font: normal 24px Arial, Helvetica, sans-serif; color: #292e31; text-decoration:none ; margin:0; padding:0; letter-spacing:-2px; }
h2{ font: normal 20px Arial, Helvetica, sans-serif; color: #292e31; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px }
h3{ font: normal 18px Arial, Helvetica, sans-serif; color: #292e31; text-decoration:none ; margin:0; padding:0; letter-spacing:0; }





p{ margin:0; padding:10px 0}

/* text colors */
.text-blue{ color:#28caff}
.text-teal{ color:#3a7279}
.text-gold { color:#926f2d}
.text-white{ color:#fff}
.text-black { color:#373c3e}
.text-red { color:red}



/* text sizes */
.txt11{ font-size:11px;}
.txt12{ font-size:12px;}
.txt14{ font-size:14px;}
.uppercase { text-transform:uppercase}


/* links */
a {font: normal 18px Arial, Helvetica, sans-serif; color: #2ea2e4; text-decoration:underline}
a:hover { color:#000; text-decoration:none }
a img{ border:0}

/* new */
.payments button { border:0; background:none;cursor:pointer;margin:0 auto;width:300px;}
#acInfo {width:100%;text-align:center;font-size:12px;color:#ff0000;padding:10px 0 0 0;}