/*
Table of Contents
~ HTML Tag Overrides
~ Page Framework
~ Misc
*/
/*----------------------------------------------------*/
/* HTML Tag Overrides
/*----------------------------------------------------*/
html{
width: 100%;
height: 100%;
font: 11px Tahoma, Helvetica, sans-serif;
}
a, a:visited{
color: #FFA22F;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
body {
border: 0;
margin: 0;
background-image: url('/images/bground_tile.jpg');
width: 100%;
height: 100%;
}
img{
border: 0;
display: block;
}
/*----------------------------------------------------*/
/* Page Framework
/*----------------------------------------------------*/
#bodyGradient{
position:relative;
background: url('/images/bground_gradient_tile.jpg') repeat-x;
}
#outerBody{
position: relative;
width: 980px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
background: url() repeat-x;
background-color:
border-left: 0px solid #270120;
border-right: 0px solid #270120;
}
#hdr{
position:relative;
width:980px;
top:10px;
}
#logoRow{
position: relative;
height: 109px;
padding-top: 0px;
padding-left: 0px;
}
#logoRow .header_img_lft{
position: absolute;
top:0px;
left:0px;
width: 343px;
height: 109px;
background: url('/images/logo.jpg') no-repeat;
}
#logoRow .header_img_lft span{
display: none;
}
#logoRow .header_img_rt{
position:absolute;
background: url('/images/hdr_img_rt.jpg') no-repeat;
width: 637px;
height: 109px;
top: 0px;
left: 343px;
}
/*-- Top nav ----------------------------------------*/
#topNav{
position: relative;
width: 980px;
height: 77px;
}
#topNav .navList{
position: relative;
float: left;
border: 0px solid #ffffff;
width: 980px;
height: 77px;
}
#tNav-a-z{
position: relative;
float: left;
width: 221px;
height: 77px;
background: url('/images/top_nav_az.jpg') no-repeat;
}
#tNav-a-z span{
display: none;
}
#tNav-members{
position: relative;
float: left;
width: 195px;
height: 77px;
background: url('/images/top_nav_members.jpg') no-repeat;
}
#tNav-members span{
display: none;
}
#tNav-tour{
position: relative;
float: left;
width: 205px;
height: 77px;
background: url('/images/top_nav_tour.jpg') no-repeat;
}
#tNav-tour span{
display: none;
}
#tNav-bonus{
position: relative;
float: left;
width: 193px;
height: 77px;
background: url('/images/top_nav_bonus.jpg') no-repeat;
}
#tNav-bonus span{
display: none;
}
#tNav-join{
position: relative;
float: left;
width: 166px;
height: 77px;
background: url('/images/top_nav_join.jpg') no-repeat;
}
#tNav-joinLoggedIn{
position: relative;
float: left;
width: 166px;
height: 77px;
background: url('/images/top_nav_logout.jpg') no-repeat;
}
#tNav-joinLoggedIn span{
display: none;
}
#tNav-join span{
display: none;
}
/*-- Inner Body ------------------------------------*/
#innerBody{
position:relative;
width:980px;
}
#main_content{
position: relative;
width:980px;
height: 504px;
}
#main_content .column1 {
position: relative;
float: left;
width: 208px;
height: 504px;
}
#main_content .column2{
position: relative;
float: left;
width: 296px;
height: 504px;
}
#main_content .column3 {
position: relative;
float: left;
width: 476px;
height: 504px;
}
/*-- Footer Links ----------------------------------*/
#footer{}
#btmNav{
width: 980px;
}
#btmNav .btm_navList{
position: relative;
left: 10px;
float: left;
width: 961px;
height: 77px;
}
#bNav-a-z{
position: relative;
float: left;
width: 212px;
height: 50px;
background: url('/images/btm_nav_az.jpg') no-repeat;
}
#bNav-a-z span{
display: none;
}
#bNav-members{
position: relative;
float: left;
width: 195px;
height: 50px;
background: url('/images/btm_nav_members.jpg') no-repeat;
}
#bNav-members span{
display: none;
}
#bNav-a-z{
position: relative;
float: left;
width: 212px;
height: 50px;
background: url('/images/btm_nav_az.jpg') no-repeat;
}
#bNav-a-z span{
display: none;
}
#bNav-tour{
position: relative;
float: left;
width: 205px;
height: 50px;
background: url('/images/btm_nav_tour.jpg') no-repeat;
}
#bNav-tour span{
display: none;
}
#bNav-bonus{
position: relative;
float: left;
width: 193px;
height: 50px;
background: url('/images/btm_nav_bonus.jpg') no-repeat;
}
#bNav-bonus span{
display: none;
}
#bNav-join{
position: relative;
float: left;
width: 156px;
height: 50px;
background: url('/images/btm_nav_join.jpg') no-repeat;
}
#bNav-joinLoggedIn{
position: relative;
float: left;
width: 146px;
height: 32px;
padding-top: 18px;
padding-left: 10px;
background: url('/images/btm_nav_logout.jpg') no-repeat;
}
#bNav-joinLoggedIn span{
display: none;
}
#bNav-join span{
display: none;
}
#footerBlock{
position: relative;
padding-top: 10px;
padding-bottom: 12px;
}
#footerBlock-terms{
position: relative;
padding-top: 10px;
padding-bottom: 12px;
}
#footerLinks{
position: relative;
}
#footerLinks .linkSet{
position: relative;
width: 690px;
margin-left: auto;
margin-right: auto;
}
#footerLinks .linkSet .linkHldr{
position: relative;
float: left;
padding-left: 18px;
background: url() no-repeat;
}
#footerLinks #ftr_webmasters{
width: 65px;
}
#footerLinks #ftr_cs{
width: 90px;
}
#footerLinks #ftr_contact{
width: 45px;
}
#footerLinks #ftr_terms{
width: 66px;
}
#footerLinks #ftr_privacy{
width: 95px;
}
#footerLinks #ftr_2257{
width: 85px;
}
#footerLinks #ftr_fltOffers{
width: 110px;
}
/*-- Company Info -------------------------------*/
#companyInfo{
position: relative;
text-align: center;
margin-bottom: 10px;
color: #FFFFFF;
}
/*-- Copyright -------------------------------*/
#copyright{
position: relative;
text-align: center;
margin-bottom: 10px;
color: #FFFFFF;
}
/*-- Login Box -------------------------------*/
#loginBox{
position: absolute;
width: 455px;
height: 22px;
top: -8px;
left: 520px;
background-color:#271d04;
}
#loginBox .label_uname{
position: absolute;
padding-top: 2px;
width: 68px;
height: 22px;
top: 0;
left:3px;
font-weight: bold;
color: #FFA22F;
}
#loginBox .field_uname{
position: absolute;
width: 100px;
height: 22px;
top: 0;
left: 68px;
}
#loginBox .field_uname input, #loginBox .field_pw input{
width: 120px;
border: 1px solid #000000;
}
#loginBox .label_pw{
position: absolute;
padding-top: 2px;
width: 100px;
height: 22px;
top: 0;
left: 200px;
font-weight: bold;
color: #FFA22F;
}
#loginBox .field_pw{
position: absolute;
width: 100px;
height: 22px;
top: 0;
left: 263px;
}
#loginBox .field_submit{
position: absolute;
width: 100px;
height: 22px;
top: 0;
left: 395px;
}
#loginBox .field_submit input{
border: 1px solid #000000;
background: #FFC400;
}
#loginBox-large{
position: absolute;
width: 236px;
height: 255px;
top: 50%;
left: 50%;
margin-top: 50px;
margin-left: -125px;
background: url('/images/login_bg.gif') no-repeat;
}
#loginBox-large .formBody{
position: relative;
padding-top: 50px;
padding-left: 16px;
}
#loginBox-large .loginError{
position: relative;
font: bold 12px Tahoma, Helvetica, sans-serif;
color: #FFFFFF;
margin-bottom: 4px;
}
#loginBox-large .label_uname{
position: relative;
font: bold 12px Tahoma, Helvetica, sans-serif;
color: #FFA22F;
}
#loginBox-large .label_pw{
position: relative;
padding-top: 8px;
font: bold 12px Tahoma, Helvetica, sans-serif;
color: #FFA22F;
}
#loginBox-large .field_uname, #loginBox-large .field_pw{
position: relative;
padding-top: 2px;
}
#loginBox-large .field_uname input, #loginBox-large .field_pw input{
border: 2px solid #edac00;
padding: 1px;
width: 195px;
}
#loginBox-large .field_submit{
position: relative;
padding-top: 12px;
width: 198px;
text-align: center;
}
#loginBox-large .field_submit input{
position: relative;
width: 195px;
padding: 2px;
background: url('/images/btnBg_submit.gif') repeat-x;
background-color: #edac00;
font: bold 12px Tahoma, helvetica, sans-serif;
border: 2px solid #edac00;
}
/*----------------------------------------------------*/
/* Terms & Adult Warning
/*----------------------------------------------------*/
.termsBody{
position: relative;
padding: 20px;
color: #FFFFFF;
top: 20px;
}
.termsDisclaimer{
position: relative;
color: #FFA22F;
font-weight: bold;
padding-bottom: 14px;
}
.termsP{
position: relative;
color: #FFFFFF;
padding-bottom: 14px;
}
.termsBody .termsP .largeText{
position: relative;
font: bold 20px Tahoma, Helvetica, sans-serif;
color: #FFFFFF;
}
.termsP .largeText {
-x-system-font:none;
color:#ffffff;
font-family:Tahoma,Helvetica,sans-serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
position:relative;
}
.termsP .largeText span {
color: #FFA22F;
}
.ageStyle4{
color:#FFFFFF;
font-size:18px;
font-weight:bold;
}
.ageStyle5{
color:#FFA22F;
font-weight:bold;
}
.termsBody .termsP .largeText span{
color: #FFA22F;
}
.termsP-center{
position: relative;
text-align: center;
padding-bottom: 14px;
}
.link-over21{
font: bold 32px Tahoma, Helvetica, sans-serif;
color: #FFA22F;
}
.link-memberLogin{
font: bold 12px Tahoma, Helvetica, sans-serif;
color: #FFFFFF;
}
.link-memberLogin:hover{ color: #FFA22F; }
.link-memberLogin:visited{ color: #FFFFFF; }
/*----------------------------------------------------*/
/* Join Page
/*----------------------------------------------------*/
.joinDiv{
position: relative;
width: 410px;
margin: 0 auto 0 auto;
}
.dataFields{
position: relative;
}
.dataFields .dataField{
position: relative;
float: left;
padding-top: 6px;
width: 170px;
font: bold 12px Tahoma, Helvetica, sans-serif;
color: #FFFFFF;
}
.dataFields .dataField span{
font: 11px Tahoma, Helvetica, sans-serif;
color: #FFF000;
}
.dataFields .dataInput{
position: relative;
float: left;
width: 230px;
}
.dataInput2{
position: relative;
float: left;
}
.dataFields .dataInput input, .dataFields .dataInput select{
position: relative;
float: left;
width: 228px;
border: 1px solid #000000;
}
.expField{
position: relative;
float: left;
width: 55px;
color: #FFF000;
}
.expFieldDiv{
width: 50px;
}
.joinGroupSpacer{
position: relative;
padding-top: 12px;
}
.chkBox{
position: relative;
float: left;
width: 23px;
}
.termsText{
position: relative;
float: left;
width: 370px;
text-align: justify;
padding-top: 4px;
}
.agreeBtn{
position: relative;
text-align: center;
padding: 15px 0 15px 0;
}
.miniterms{
position: relative;
text-align: center;
}
/*-- Alphabet Navigation -------------------------------------------*/
#alphaNav {
position: relative;
width: 980px;
height: 51px;
}
#alphaNav span {
display: none;
}
#alphaNav .title {
position: relative;
width: 980px;
height: 23px;
background: url('/images/heading_az.jpg') no-repeat;
}
#alphaNav .a {
position: relative;
float: left;
background: url('/images/a.jpg');
height: 51px;
width: 50px;
}
#alphaNav .b {
position: relative;
float: left;
background: url('/images/b.jpg');
height: 51px;
width: 37px;
}
#alphaNav .c {
position: relative;
float: left;
background: url('/images/c.jpg');
height: 51px;
width: 36px;
}
#alphaNav .d {
position: relative;
float: left;
background: url('/images/d.jpg');
height: 51px;
width: 37px;
}
#alphaNav .e {
position: relative;
float: left;
background: url('/images/e.jpg');
height: 51px;
width: 37px;
}
#alphaNav .b {
position: relative;
float: left;
background: url('/images/b.jpg');
height: 51px;
width: 37px;
}
#alphaNav .f {
position: relative;
float: left;
background: url('/images/f.jpg');
height: 51px;
width: 35px;
}
#alphaNav .g {
position: relative;
float: left;
background: url('/images/g.jpg');
height: 51px;
width: 38px;
}
#alphaNav .h {
position: relative;
float: left;
background: url('/images/h.jpg');
height: 51px;
width: 36px;
}
#alphaNav .i {
position: relative;
float: left;
background: url('/images/i.jpg');
height: 51px;
width: 37px;
}
#alphaNav .j {
position: relative;
float: left;
background: url('/images/j.jpg');
height: 51px;
width: 37px;
}
#alphaNav .k {
position: relative;
float: left;
background: url('/images/k.jpg');
height: 51px;
width: 35px;
}
#alphaNav .l {
position: relative;
float: left;
background: url('/images/l.jpg');
height: 51px;
width: 38px;
}
#alphaNav .m {
position: relative;
float: left;
background: url('/images/m.jpg');
height: 51px;
width: 36px;
}
#alphaNav .n {
position: relative;
float: left;
background: url('/images/n.jpg');
height: 51px;
width: 37px;
}
#alphaNav .o {
position: relative;
float: left;
background: url('/images/o.jpg');
height: 51px;
width: 36px;
}
#alphaNav .p {
position: relative;
float: left;
background: url('/images/p.jpg');
height: 51px;
width: 37px;
}
#alphaNav .q {
position: relative;
float: left;
background: url('/images/q.jpg');
height: 51px;
width: 36px;
}
#alphaNav .r {
position: relative;
float: left;
background: url('/images/r.jpg');
height: 51px;
width: 37px;
}
#alphaNav .s {
position: relative;
float: left;
background: url('/images/s.jpg');
height: 51px;
width: 37px;
}
#alphaNav .t {
position: relative;
float: left;
background: url('/images/t.jpg');
height: 51px;
width: 36px;
}
#alphaNav .u {
position: relative;
float: left;
background: url('/images/u.jpg');
height: 51px;
width: 37px;
}
#alphaNav .v {
position: relative;
float: left;
background: url('/images/v.jpg');
height: 51px;
width: 37px;
}
#alphaNav .w {
position: relative;
float: left;
background: url('/images/w.jpg');
height: 51px;
width: 36px;
}
#alphaNav .x {
position: relative;
float: left;
background: url('/images/x.jpg');
height: 51px;
width: 37px;
}
#alphaNav .y {
position: relative;
float: left;
background: url('/images/y.jpg');
height: 51px;
width: 37px;
}
#alphaNav .z {
position: relative;
float: left;
background: url('/images/z.jpg');
height: 51px;
width: 51px;
}
/*----------------------------------------------------*/
/* Misc
/*----------------------------------------------------*/
.clearDiv{
position: relative;
clear: both;
font: 1px sans-serif;
}
.clear {
clear: both;
font-size: 1px;
}
.previewDiv {
float: left;
width: 195px;
overflow: hidden;
padding: 20px;
height: 155px;
text-align: center;
}
.pageDiv {
text-align: center;
}
.previewImg {
width: 180px;
height: 170px;
border: none;
}
.showFullImgDiv {
}
.showFullImg {
width: 418px;
}
.imgPages {
text-align: center;
}
.imgPageLink {
text-decoration: none;
font-size: 12px;
color: #fff;
}
.imageSelected {
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #fff;
}
.imagagesTitle {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
}
#ps {
float:left;
margin:0 0 0 63px;
padding:0;
width:830px;
}
.psList {
background:#090909 none repeat scroll 0 0;
border:1px solid #666666;
float:left;
font-size:14px;
height:18px;
margin:10px 34px 0 0;
position:relative;
text-align:center;
width:162px;
text-decoration: none;
}