/*
      _       _    _  ___  ___  ___  _ _ 
 _ _ <_> _ _ <_> _| ||  _>| . |/ __>| | |
| | || || | || |/ . || <__|   |\__ \|   |
|__/ |_||__/ |_|\___|`___/|_|_|<___/|_|_|
                                                     
This site is a production of vividcash.com

*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin:0; padding:0; border:0; vertical-align:baseline; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
a img { border: none; }
a { outline: none; }
.clear { clear: both; }
.middlize { margin-right: auto; margin-left: auto; }


a:link { color: #c5f501; text-decoration: none; }
a:visited { text-decoration: none; color: #c5f501; }
a:hover { text-decoration: underline; color: #c5f501; }
a:active { text-decoration: none; color: #690; }


/* COLORS */
.white { color: #fff; }
.pnk { color: #ff03e6; }
.green { color: #c2f301; }

/* TEXT AND HEADINGS */
h2.forgotPass { width: 960px; height: 42px; line-height: 42px; font-weight: bold; text-align: right; padding-right: 24px; }


/* MAIN STRUCTURAL DESIGN ELEMENTS */
body { background: #000 url(../gfx/background-top.jpg) no-repeat center top; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #fff; }
#mainWrapper { width: 984px; height: auto; margin-right: auto; margin-left: auto; }


/* HEADER */
#header { width: 984px; height: 141px; background: #034991 url(../gfx/header.jpg); }
#headerError { color: red; position: absolute; margin-left: 475px; }
ul.headerNav { width: 596px; height: 47px; list-style-type: none; margin-left: 388px; }
ul.headerNav li { display: inline; float: left; }
ul.headerNav li.home { width: 77px; }
ul.headerNav li.sites { width: 67px; }
ul.headerNav li.programs { width: 120px; }
ul.headerNav li.tools { width: 76px; }
ul.headerNav li.faq { width: 58px; }
ul.headerNav li.support { width: 98px; }
ul.headerNav li.signup { width: 100px; }
/* Header Login */
ul.siteLogin { width: auto; height: 50px; list-style-type: none; margin-left: 401px; margin-top: 15px; }
ul.siteLogin li { height: 17px; display: inline; float: left; text-align: left; }
ul.siteLogin li.username { width: auto; line-height: 17px; padding-right: 8px; }
ul.siteLogin li.usernameField { width: 148px; margin-right: 19px; }
ul.siteLogin li.password { width: auto; line-height: 17px; padding-right: 8px; }
ul.siteLogin li.passwordField { width: 148px; margin-right: 19px; }
ul.siteLogin li.submitButton { width: 75px; }
.loginField { background: #000; text-align: left; height: 13px; width: 143px; padding-left: 3px; color: #fff; padding-top: 2px; cursor: default; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #969698; }
/* Main Home Image */
#mainImageHome { width: 984px; height: 313px; }


/* HOME PAGE STRUCTURE */
#blankBar { width: 984px; height: 34px; background: url(../gfx/bar-index.jpg); }
#newsTrustWrap { width: 984px; height: 178px; }
#recentNews { width: 328px; height: 178px; float: left; background: url(../gfx/index-recent-news.jpg); }
#recentNewsContent { width: 284px; height: 156px; margin-right: auto; margin-left: auto; overflow: scroll; overflow-x: auto; cursor: default; padding-left: 22px; padding-top: 22px; padding-right: 22px; }
#recentNewsContent h1 { color: #fff; font-size: 11px; font-weight: bold; }
#recentNewsContent h1.date { color: #c5f501; font-weight: bold; }
#recentNewsContent p { font-size: 11px; font-weight: normal; color: #fff; margin-bottom: 18px; }
#brandTrust { width: 636px; height: 156px; float: right; background: url(../gfx/index-brand-trust.jpg); padding-top: 22px; padding-left: 20px; cursor: default; }
#brandTrust p { width: 280px; font-size: 12px; font-weight: normal; color: #fff; display: block; }
/* Three Column Bottom Content */
ul.homeThreeCol { width: 984px; height: 391px; list-style-type: none; background: url(../gfx/frame-3-index.jpg); padding-top: 19px; }
ul.homeThreeCol li { display: inline; float: left; }
ul.homeThreeCol li.latestRelease { width: 289px; height: 323px; background: #034991 url(../gfx/box-latest.jpg); text-align: center; padding-top: 49px; margin-left: 20px; }
#recentSite { width: 247px; height: 251px; border: 1px solid #666; margin-right: auto; margin-left: auto; margin-bottom: 15px; }
ul.homeThreeCol li.tools { width: 289px; height: 186px; background: #034991  url(../gfx/box-programs-tools.jpg); margin-left: 38px; padding-top: 186px; }
ul.homeThreeCol li.tools p { width: 249px; height: 131px; font-size: 12px; font-weight: normal; margin-right: auto; margin-left: auto; }
ul.homeThreeCol li.about { width: 289px; height: 323px; background: #034991 url(../gfx/box-aboutus.jpg); margin-left: 39px; padding-top: 49px; }
ul.homeThreeCol li.about p { font-size: 12px; font-weight: normal; height: 161px; width: 243px; margin-right: auto; margin-left: auto; }
.aboutHeight { height: auto; }
.midBut { width: 249px; height: 40px; margin-right: auto; margin-left: auto; }


/* SUPPORT PAGE STRUCTURE */
#contactWrap { width: 984px; height: 410px; background: url(../gfx/frame-contact.jpg) no-repeat; }
#contactInfo { width: 269px; height: auto; float: left; margin-top: 44px; padding-left: 48px; }
#contactInfo p { width: 265px; color: #08afe6; font-size: 12px; margin-bottom: 32px; }
ul.contactPerson { width: 272px; height: 60px; list-style-type: none; margin-bottom: 23px; }
ul.contactPerson li { display: inline; float: left; }
ul.contactPerson li.contactThumb { width: 75px; height: 58px; margin-right: 11px; }
ul.contactPerson li.contactThumb img { border: 1px solid #4c4c4c; }
ul.contactPerson li.contactMethods { font-size: 12px; color: #fff; }
.contactName { color: #d1f400; font-weight: bold; text-transform: uppercase; }
.icqaim { color: #ef0be7; }
ul.contactPerson li a { color: #fff; text-decoration: none; }
ul.contactPerson li a:hover { text-decoration: underline; }
#contactForm { width: 553px; height: auto; float: right; margin-top: 68px; padding-left: 24px; }
.contactFormText { font-size: 14px; font-weight: bold; color: #fff; text-align: right; }
.contactSingle { width: 256px; height: 19px; background: #f7efec; border-style: none; color: #000; text-align: left; padding-top: 2px; padding-left: 4px; font: 12px Arial, Helvetica, sans-serif; }
.contactMsg { width: 256px; height: 143px; background: #f7efec; border-style: none; font: 12px Arial, Helvetica, sans-serif; text-align: left; padding-top: 2px; padding-left: 4px; }

#trailer {
	width: 453px;
	height: 360px;
}

/* FAQ PAGE STRUCTURE */
ul.questions { width: 870px; height: auto; margin-right: auto; margin-left: auto; list-style-type: none; padding-top: 50px; }
ul.questions li { height: 40px; font-size: 15px; font-weight: bold; color: #fff; border-bottom: 1px solid #868686; line-height: 40px; }
ul.questions li a:hover { color: #ec0cf4; }
ul.answers { width: 870px; height: auto; margin-right: auto; margin-left: auto; margin-top: 25px; list-style-type: none; }
ul.answers li { width: 870px; }
ul.answers li.answer { font-size: 15px; line-height: 40px; font-weight: bold; color: #ec0cf4; height: 40px; }
ul.answers li p { height: auto; font: normal 12px Arial, Helvetica, sans-serif; color: #fff; }
ul.answers li.top { font-size: 12px; font-weight: bold; color: #fff; }


/* SITES PAGE STRUCTURE */
#siteWrap { width: 984px; height: auto; background: url(../gfx/sites_repeat.png) repeat-y; cursor: default; }
#blueBGtop { width: 984px; height: auto; background: url(../gfx/sites_top-bg.jpg) no-repeat top; }
#sitesBot { width: 984px; height: 46px; background: url(../gfx/sites_bot.png); }
#sitesWrap { width: 912px; height: auto; margin-left: 0px; padding: 0px; margin-bottom: 0px; display: inline-block; margin-left: 63px; margin-top: 65px; }
ul.siteBox { width: 249px; height: 453px; float: left; padding: 0px; margin-top: 0px; margin-right: 53px; list-style-type: none; }
ul.siteBox li.siteThumb { width: 249px; height: 253px; }
ul.siteBox li.siteThumb img { border: 0px; }
ul.siteBox li.clickMore { width: 249px; height: 40px; text-align: center; }
ul.siteBox li.siteTitle { width: 249px; height: 36px; }
ul.siteBox li.siteTitle h1 { width: 249px; height: 36px; font-size: 13px; line-height: 36px; font-weight: bold; color: #fff; text-align: center; }
ul.siteBox li.siteDesc { width: 249px; height: auto; font-size: 12px; }


/* SITE DETAILS STRUCTURE */
#siteDetailsBG { width: 984px; height: 702px; background: url(../gfx/site_details.jpg); }
#siteDetailsWrap { width: 878px; height: auto; margin-right: auto; margin-left: auto; }
#siteDetailsLeft { width: 250px; height: auto; float: left; padding-top: 40px; }
#siteDetailsRight { width: 594px; height: auto; float: right; padding-top: 40px; padding-left: 34px; }
h2.siteName { width: 249px; text-align: left; height: 29px; font-size: 17px; font-weight: bold; color: #e6fa03; }
#sitePageThumb { width: 249px; height: 277px; }
#promoteNow { width: 249px; height: 61px; }
#siteDetailsLeft p { width: 249px; font: 11px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 18px; }
#videoWrap { width: 575px; height: auto; }
#videoClipsLeft { width: 122px; height: auto; float: left; }
#videoPlayerRight { width: 453px; height: auto; float: right; }
ul.siteSpecs { width: 103px; height: auto; list-style-type: none; }
ul.siteSpecs li { width: 103px; font-size: 11px; color: #fff; text-align: center; font-weight: normal; }
ul.siteSpecs li.thespecs { font-weight: bold; font-size: 14px; text-align: right; }
ul.siteSpecs li.specList { line-height: 20px; text-align: right; height: 20px; }
ul.siteSpecs li.playClips { height: 57px; border-bottom: 1px solid #c3f300; }
#freeSamples { width: 565px; height: 14px; margin-top: 10px; margin-bottom: 0px; padding-left: 10px; }
.sampBord { border: 1px solid #fff; }


/* PROGRAMS PAGE STRUCTURE */
#wrap2257, #wrapPassForgot, #wrapTerms { width: 904px; padding: 40px; }
#programsWrap { width: 984px; height: 711px; background: url(../gfx/frame_programs.jpg) no-repeat; }
#programTypes { width: 607px; height: 667px; float: left; padding-top: 44px; }
p.programIntro { width: 496px; font-size: 14px; font-weight: bold; color: #999; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
ul.programList { width: 520px; height: auto; list-style-type: none; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
ul.programList li { width: 520px; height: 127px; border-top: 1px solid #868686; }
ul.programList li p { font-size: 11px; color: #fff; padding-left: 10px; }
ul.programList li.pps { background: url(../gfx/bg_pps.png) no-repeat 0 5px; width: 315px; padding-left: 205px; height: 117px; padding-top: 10px; }
ul.programList li.pps p { color: #fff; }
ul.programList li.revshare { background: url(../gfx/bg_revshare_25.png) no-repeat 0 5px; height: 96px; width: 317px; padding-left: 203px; padding-top: 14px; }
ul.programList li.dating { background: url(../gfx/bg_dating.png); height: 87px; width: 376px; padding-left: 144px; padding-top: 15px; }
ul.programList li.cams { background: url(../gfx/bg_cams.png); height: 99px; width: 375px; padding-left: 145px; padding-top: 16px; border-bottom: 1px solid #868686; }
h1.cascade { width: 508px; height: auto; text-align: left; font-size: 14px; font-weight: bold; color: #fff; margin-right: auto; margin-left: auto; }
#programFeatures { width: 354px; height: 667px; float: right; padding-left: 23px; padding-top: 44px; }
#programFeatures p { width: 317px; font-size: 14px; font-weight: bold; color: #fff; margin-bottom: 22px; }
ul.featureList { width: 317px; height: auto; list-style-type: none; }
ul.featureList li { width: 281px; height: 39px; background: url(../gfx/checkmark.gif) no-repeat; padding-left: 36px; border-bottom: 1px solid #868686; padding-top: 15px; }
ul.featureList li.lastFeature { border-bottom: 0px; }
h2.feature { font-size: 12px; font-weight: bold; color: #999; }
h2.featureDesc { font-size: 12px; font-weight: bold; color: #fff; }
#blankClick { width: 354px; height: 182px; }


#wrapTerms p { margin: 10px; }
#wrapTerms p.sub1 { margin-left: 20px; }
#wrapTerms p.sub2 { margin-left: 30px; }

/* PROMO PAGE STRUCTURE */
#promoWrap { width: 984px; height: 463px; margin-right: auto; margin-left: auto; }


/* TOOLS PAGE STRUCTURE */
#toolsWrap { width: 984px; height: 462px; display: inline-block; }
ul.toolBox { width: 246px; height: 231px; float: left; list-style-type: none; }
ul.toolBox li { width: 246px; height: 101px; padding-top: 130px; }
ul.toolBox li p { font-size: 11px; font-weight: bold; color: #fff; height: auto; width: 182px; margin-right: auto; margin-left: auto; line-height: 12px; }


/* SIGNUP PAGE STRUCTURE */
#signupWrap { width: 984px; height: 959px; background: url(../gfx/frame-signup.jpg) no-repeat; }
#signupFormArea { width: 587px; height: 917px; margin: 0px auto; padding-left: 20px; padding-top: 42px; }
#signupPageRight { width: 376px; height: 948px; float: right; padding-top: 11px; }
.signupTable th { white-space: nowrap; text-align: right; }
.signupTable tr.error th { color: #ff0000; }
.signupTable tr.error td input { border: 1px solid #ff0000; }
.signupTable { margin-right: auto; margin-left: auto; color: #fff; font-size: 12px; font-weight: bold; }
.signupField { width: 256px; height: 16px; background: #f7efec; border-style: none; color: #000; padding-left: 4px; padding-top: 2px; font: normal 12px Arial, Helvetica, sans-serif; text-align: left; }
ul.topJoin { width: 390px; height: 25px; margin-right: auto; margin-left: auto; margin-bottom: 11px; list-style-type: none; }
ul.topJoin li { display: inline; float: left; font-size: 16px; font-weight: bold; color: #fff; margin-right: 16px; }
ul.topJoin li.you { color: #efff1f; }
ul.topJoin li.last { margin-right: 0px; }
h3.denotes { font-size: 13px; font-weight: bold; color: #ff03e6; width: 180px; margin-right: auto; margin-bottom: 8px; margin-left: auto; }
ul.signupPrograms { width: 340px; height: auto; list-style-type: none; margin-right: auto; margin-left: auto; }
ul.signupPrograms li { padding-top: 21px; }
ul.signupPrograms li.pps30 { padding-left: 200px; width: 126px; color: #fff; padding-right: 14px; height: 101px; }
ul.signupPrograms li.rev60 { padding-left: 190px; width: 136px; color: #999; padding-right: 14px; height: 104px; }
ul.signupPrograms li.vDating { padding-left: 135px; width: 191px; color: #fff; padding-right: 14px; height: 84px; }
ul.signupPrograms li.vCams { padding-left: 135px; width: 191px; color: #999; padding-right: 14px; height: 98px; }
#smallJoin { width: 356px; height: 457px; }


/* FOOTER */
/* Bottom Navigation */
ul.botNav { width: 984px; height: 47px; list-style-type: none; }
ul.botNav li { display: inline; float: left; }
ul.botNav li.botHome { width: 145px; }
ul.botNav li.botSites { width: 111px; }
ul.botNav li.botPrograms { width: 176px; }
ul.botNav li.botTools { width: 125px; }
ul.botNav li.botFaq { width: 104px; }
ul.botNav li.botSupport { width: 150px; }
ul.botNav li.botSignup { width: 173px; }
#footer { width: 984px; height: 251px; background: url(../gfx/footer.jpg); text-align: center; padding-top: 44px; font-size: 13px; font-weight: bold; line-height: 19px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
