/*----------------------------------------------------Begin Of Reset Code ------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*----------------------------------------------------End Of Reset Code ------------------------------------------------------*/ /*----------------------------------------------------BOF Code ------------------------------------------------------*/ body { background:#fff; margin:0; padding:0; } /*----------------------------------------------------EOF Code ------------------------------------------------------*/ #homewrapper { background:url(../images/homebg.jpg) top repeat-x; width:100%; border:0px solid red; } #innerwrapper { background:url(../images/innerbg.jpg) top repeat-x; width:100%; } #footerbg { /*background:url(../images/footerbg.jpg) bottom repeat-x; */margin:0; padding:0; } #footerbg { /*background:url(../images/wubfooterbg.jpg) bottom repeat-x; */margin:0; padding:0; } #wrapper { width:100%; margin:0 auto; position:relative; border:0px solid red; } /*----------------------------------------------------BOF header ------------------------------------------------------*/ #header { margin: 0 auto; width: 955px;} #header .headercontent {} #header .headerleft { float:left; width:142px; } #header .headerright { float:left; width:694px; padding-top:7px; } #header .memberlogin { float:right; width:142px; } #header a.member { display:block; background:url(../images/memberloginbg.jpg) no-repeat; width:124px; height:16px; font:0.625em Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; padding:0 0 0 0; text-align:center; } #header a.member:hover { text-decoration:underline; } #header .toplinks { margin:40px 0 0 0; border:0px solid red; width:700px; } #header .toplinks li { display:inline; background:url(../images/toplinkdiv.jpg) left no-repeat; padding:0 11px 0 14px; } #header .toplinks li a { font:0.75em Arial, Helvetica, sans-serif; color:#f7f061; text-decoration:none; text-transform:uppercase; } #header .toplinks li a:hover { color:#fff; } #header .toplinks li.activelink a { color:#fff;} /*----------------------------------------------------EOF header ------------------------------------------------------*/ /*----------------------------------------------------BOF maincontent ------------------------------------------------------*/ #maincontent { margin: 0 auto; width: 955px; position: relative;z-index: 1;} #maincontent .content {} #maincontent .holder1 {} #maincontent .steps { float:left; width:229px; margin:25px 0 0 2px; } #maincontent .step1 { width:229px; height:93px; padding-bottom:7px; } #maincontent .banner { float:left; width:489px; margin:25px 0 0 6px; z-index:3; position:relative; } .cutout { position:absolute; top:-117px; right:-22px; z-index:5; } #maincontent .holder2 { } #maincontent .holder2left { float:left; width:310px; background:url(../images/holder2img1.jpg) no-repeat; height:235px; margin:10px 0 0 0;} #maincontent .holder2mid { float:left; width:408px; background:url(../images/holder2img2.jpg) no-repeat; height:235px; margin:10px 0 0 7px; } #maincontent .holder2right { float:left; width:218px; background:url(../images/holder2img3.jpg) no-repeat; height:112px; margin:133px 0 0 8px;} #maincontent .holder2content1 { padding:9px 0px 9px 95px; } #maincontent .holder2content1 img { padding:0; margin:0; } #maincontent .holder2content1 p { font:0.75em Helvetica, Arial, sans-serif; color:#000; padding:5px 0px 10px 15px; line-height:15px; } #maincontent .learnbtn { width:150px; height:24px; border:none; cursor:pointer; margin:0 0 0 25px; } #maincontent .holder2content2 { width:230px; margin:130px 0 0 170px; text-align:right; } #maincontent .holder2content2 a { font:1.563em Helvetica, Arial, sans-serif; color:#f8ef1c; text-shadow:#666 2px 2px; font-weight:bold; text-decoration:none; } #maincontent .holder2content2 h2 { font:1.563em Helvetica, Arial, sans-serif; color:#f8ef1c; text-shadow:#666 2px 2px; padding-right:25px; } #maincontent .holder2content2 p { font:0.938em Helvetica, Arial, sans-serif; color:#fff; text-shadow:#666 2px 2px; font-weight:bold; padding-right:25px; } #maincontent .holder2content3 { padding:8px 11px 0 11px; } #maincontent .holder2content3 p { font:0.688em Helvetica, Arial, sans-serif; color:#000; line-height:1.05em; padding:3px 0 5px 0; } #maincontent .holder2content3 a { font:0.688em Helvetica, Arial, sans-serif; color:#0000ff; } #maincontent .holder2content3 a:hover { text-decoration:none; } #maincontent .holder3 {} #maincontent .holder3left { float:left; width:239px; } #maincontent .holder3mid { float:left; width:446px; } #maincontent .holder3right { float:right; width:259px; } #maincontent .holder3content { width:239px; padding-top:15px; } #maincontent .holder3content h1 { font:1em Arial, Helvetica, sans-serif; color:000; font-weight:bold; line-height:1.125em; } #maincontent .holder3content p { font:0.75em Helvetica, Arial, sans-serif; color:#000; } #maincontent .holder3content a { font:0.75em Helvetica, Arial, sans-serif; color:#0000ff; } #maincontent .holder3content a:hover { text-decoration:none; } #maincontent .holder3top { background:url(../images/holder3top.jpg) no-repeat; width:239px; height:7px; line-height:1px; font-size:1px; } #maincontent .holder3btm { background:url(../images/holder3btm.jpg) no-repeat; width:239px; height:7px; line-height:1px; font-size:1px; } #maincontent .holder3middle { background:#f7f390 url(../images/holder3mid.jpg) repeat-x; width:217px; border-left:1px solid #f7f390; border-right:1px solid #f7f390; padding:0 8px 0 12px; position:relative; height:265px; } #maincontent .holder3middle p { font:0.75em Helvetica, Arial, sans-serif; color:#000; padding:7px 0; } #maincontent .holder3middle h1 { float:left; width:215px; font:1.18em Arial, Helvetica, sans-serif; color:000; font-weight:bold; line-height:1.125em; padding:7px 0; } #maincontent .tweet { float:right; width:47px; } #maincontent .followbtn { width:130px; height:21px; border:none; cursor:pointer; padding:25px 0 5px 0px; } #maincontent .image1 { position:absolute; top:62px; right:4px; width:104px; height:82px; } #maincontent .image2 { position:absolute; top:80px; left: 165px; width:275px; height:190px; } #maincontent .image3 { position:absolute; top:95px; right:-1px; width:245px; height:175px; } #maincontent .holder3content1 { width:465px; padding-top:15px; margin-left:4px; } #maincontent .holdermid_top { background:url(../images/holdermid_top.jpg) no-repeat; width:446px; height:7px; line-height:1px; font-size:1px; } #maincontent .holdermid_btm { background:url(../images/holdermid_btm.jpg) no-repeat; width:446px; height:7px; line-height:1px; font-size:1px; } #maincontent .holdermid_mid { background:#f7f390 url(../images/holder3mid.jpg) repeat-x; width:424px; border-left:1px solid #f7f390; border-right:1px solid #f7f390; padding:0 8px 6px 12px; position:relative; height:259px;} #maincontent .holdermid_mid h1 { font:1.45em Arial, Helvetica, sans-serif; color:000; font-weight:bold; line-height:1.125em; } #maincontent .holdermid_mid p { font:0.75em Helvetica, Arial, sans-serif; color:#000; padding:7px 0; } #maincontent .holdermid_mid a { font:0.75em Helvetica, Arial, sans-serif; color:#0000ff; } #maincontent .holdermid_mid a:hover { text-decoration:none; } #maincontent .holder3content2 { width:259px; padding-top:15px; margin-left:0px; } #maincontent .holder3content2 h1 { font:1.423em Arial, Helvetica, sans-serif; color:000; font-weight:bold; line-height:1.125em; } #maincontent .holder3content2 h2 { font:1.188em Arial, Helvetica, sans-serif; color:000; font-weight:bold; padding-bottom:15px; line-height:1.125em; } #maincontent .hold_top { background:url(../images/hold_top.jpg) no-repeat; width:259px; height:7px; line-height:1px; font-size:1px; } #maincontent .hold_btm { background:url(../images/hold_btm.jpg) no-repeat; width:259px; height:7px; line-height:1px; font-size:1px; } #maincontent .hold_mid { background:#f7f390 url(../images/holder3mid.jpg) repeat-x; width:237px; border-left:1px solid #f7f390; border-right:1px solid #f7f390; padding:0 8px 0 12px; position:relative; height:265px; } #maincontent .hold_mid .img { margin:0px 0 5px 0; } /*----------------------------------------------------EOF maincontent ------------------------------------------------------*/ /*----------------------------------------------------BOF footer ------------------------------------------------------*/ #footer { width:100%; padding-top:33px; margin: -4px auto 0; background:url(../images/footerbg.jpg) bottom repeat-x; position: relative; z-index: 9999;} #footer.last { padding-top:7px !important; } #footer .footercontent1 { padding-top:30px; margin: 0 auto; width: 955px; } #footer .footercontent1 h1 { font:0.875em Helvetica, Arial, sans-serif; color:#fff; font-weight:bold; } #footer .footerlogin { float:left; width:337px; padding:0px 0 0 40px; } #footer .footerlogin span { font:0.75em Helvetica, Arial, sans-serif; color:#fff; float:left; padding-top:2px; } #footer .footerlogin p { font:0.625em Helvetica, Arial, sans-serif; color:#fff; float:left; padding:12px 0 0 10px; } #footer .firstinput { float:left; width:113px; border:none; font:0.75em Helvetica, Arial, sans-serif; color:#000; } #footer .lastinput { float:left; width:149px; border:none; font:0.75em Helvetica, Arial, sans-serif; color:#000; } #footer .emailinput { float:left; width:317px; border:none; font:0.75em Helvetica, Arial, sans-serif; color:#000; } #footer .email { padding:0px 0 0 16px; margin-top:5px; } #footer .subscribe { border:none; cursor:pointer; margin:10px 0 0 16px; float:left; } #footer .subscribetxt { font-size:0.525em Helvetica, Arial, sans-serif ; color:gray; padding:5px 0 0 5px; } #footer a.subscribelink { font-size:0.525em Helvetica, Arial, sans-serif ; color:#fff; } #footer a.subscribelink:hover { text-decoration:none; } #footer .footerleft { float:left; width:113px; padding:18px 8px 0 16px; } #footer .footerright { float:left; width:149px; padding:18px 0 0 0px; } #footer .footerlinks { float:left; width:401px; padding:0 0 0 50px; } #footer .footerlink1 { float:left; width:171px; padding-top:18px; } #footer .footerlink2 { float:left; width:230px; padding-top:18px; } #footer .footerlink {} #footer .footerlink li { padding-bottom:12px; } #footer .footerlink li a { font:0.75em Helvetica, Arial, sans-serif; color:#fff; } #footer .footerlink li a:hover { text-decoration:none; } #footer .find { float:left; width:84px; } #footer .find a { font:0.75em Helvetica, Arial, sans-serif; color:#fff; text-decoration:none; } #footer .find a:hover { text-decoration:underline; } #footer .twitter { background:url(../images/twitter.jpg) left no-repeat; padding-left:22px; margin:18px 0 10px 0; height:18px; } #footer .facebk { background:url(../images/facebk.jpg) left no-repeat; padding-left:22px; margin-bottom:10px; height:18px; } #footer .utube { background:url(../images/utube.jpg) left no-repeat; padding-left:22px; margin-bottom:10px; height:18px; } #footer .footercontent2 { padding:0px 0 12px 0; margin: 0 auto; width: 955px; } #footer .copyright { float:left; width:400px; font:0.625em Arial, Helvetica, sans-serif; color:#fff; padding:15px 0 0 12px; } #footer .bottomlinks { float:right; width:370px; font:0.625em Arial, Helvetica, sans-serif; color:#fff; padding-top:15px; } #footer .bottomlinks li { display:inline; background:url(../images/footerdiv.jpg) left no-repeat; padding:0 8px 0 12px; } #footer .bottomlinks li a { color:#fff; text-decoration:none; } #footer .bottomlinks li a:hover { text-decoration:underline; } #footer .bottomlinks li a.global { text-decoration:underline; } #footer .bottomlinks li a.global:hover { text-decoration:none; } /*----------------------------------------------------EOF footer ------------------------------------------------------*/ /*----------------------------------------------------BOF Inner Page Code ------------------------------------------------------*/ .blank { height:93px; } #inner { border:0px solid red; margin:0; padding:0; } #inner h1 { font:2.188em Helvetica, Arial, sans-serif; color:#000; text-transform:uppercase; margin-left:10px; } #inner h2 { font:1.125em Helvetica, Arial, sans-serif; color:#000; font-weight:bold; } #inner h4 { font:0.75em Helvetica, Arial, sans-serif; color:#000; padding-top:30px; font-weight:bold; } #inner h5 { font:0.75em Helvetica, Arial, sans-serif; color:#000; font-style:italic; } #inner h6 { font:0.75em Helvetica, Arial, sans-serif; color:#000; font-style:italic; padding-top:15px; font-weight:bold; } #inner h7 { font:0.75em Helvetica, Arial, sans-serif; color:#fd0000; font-style:italic; margin-left:20px; font-weight:bold; } #inner h8 { font:2.188em Helvetica, Arial, sans-serif; color:#000; font-style:italic; } #inner p { font:0.75em Helvetica, Arial, sans-serif; color:#000; padding-top:15px; } #inner span { font-weight:bold; padding-right:5px; } /*CONTACT*/ .cutout1 { position:absolute; top:50px; right:-22px; z-index:5; } #inner .contactform { padding:46px 0 125px 28px; } #inner .contactfield { width:301px; } #inner .contactfield1 { width:604px; } #inner .contactform span { font:0.75em Helvetica, Arial, sans-serif; color:#000; background:url(../images/star.jpg) right top no-repeat; padding-right:10px; float:left; } #inner .contactinput { border:1px solid #ddd; width:301px; height:20px; font:0.75em Helvetica, Arial, sans-serif; color:#000; float:left; margin:5px 0 16px 0; } #inner .contactarea { border:1px solid #ddd; width:604px; height:137px; font:0.75em Helvetica, Arial, sans-serif; color:#000; float:left; margin:5px 0 16px 0; } #inner .contactsubmit { background:url(../images/submitbtn.jpg) no-repeat; width:63px; height:22px; cursor:pointer; border: none; } #inner .contact { width:640px; margin:0; padding:0; } /*CLUB PARTNER*/ #inner .clubpartnerarea { padding:46px 0 120px 28px; } #inner .clubpartners { } #inner .clubpartner1 { float:left; width:222px; position:relative; margin:0 0px 0px 0; padding:0 8px 8px 0; } #inner .clubpartnertxtbg { position:absolute; background:url(../images/clubpartner_textbg.png) no-repeat; width:222px; height:33px; top:135px; left:0; padding-top:15px; text-transform:uppercase; z-index:1 } #inner .clubpartnertxtbg a { font:1em Helvetica, Arial, sans-serif; color:#fff; text-decoration:none; cursor:pointer; padding-left:15px; font-weight:bold; } #inner .clubpartnertxtbg a:hover { text-decoration:underline; } /*SUCCESS STORIES*/ .cutout2 { position:absolute; top:-60px; right:-5px; z-index:5; } #inner .successstories {} #inner .successstories h2 { font:1.125em Helvetica, Arial, sans-serif; color:#000; font-weight:bold; } #inner .successstories h3 { font:0.875em Helvetica, Arial, sans-serif; color:#000; } #inner .successstories p { font:0.75em Helvetica, Arial, sans-serif; color:#000; padding-top:15px; } #inner .success1 {} #inner .successpic { float:left; width:174px; margin-left:20px; padding-top:50px; } #inner .successtxt_first { float:left; width:500px; padding-left:10px; padding-top:50px; } #inner .successtxt { float:left; width:705px; padding-left:10px; padding-top:50px; } /*YOUR COACHES*/ #inner .coaches {} #inner .coach1 {} #inner .coachpic { float:left; width:274px; padding-left:15px; padding-top:40px; } #inner .coachtxt_first { float:left; width:347px; padding-left:10px; padding-top:40px; } #inner .coachtxt { float:left; width:630px; padding-left:10px; padding-top:40px; } #inner .btn { border:none; margin:0px 0 35px 15px;} #inner .innertext { width:860px; padding-left:60px; } #inner a.visit { font:0.75em Helvetica, Arial, sans-serif ; color:#0000ff; } #inner a.visit:hover { text-decoration:none; } .space { height:20px; } .space1 { height:40px; } .space3 { height:30px; } .space4 { height:62px; } .space2 { height:80px; } #inner .videoimg { float:left; width:191px; } #inner .videotxt { float:left; width:655px; padding-left:10px; } /*BURST CORE STARTS*/ #inner .heading { font:1em Helvetica, Arial, sans-serif; color:#000; padding-top:15px; font-weight:bold; } #inner .joinnow { cursor:pointer; border: none; margin-top:70px; } #inner .burst_core { width:685px; float:left; padding-left:24px; } #inner .burst_core1 { width:544px; padding:15px 0 0 0px; } #inner .burstlink { padding:40px 0 15px 0; } #inner .burstlink1 { padding:80px 0 0px 0; } #inner .video {} #inner .video1 { float:left; width:191px; padding-left:15px; } #inner .video2 { float:left; width:191px; padding-left:46px; } /*WHAT INFLUENCES METABOLISM*/ .cutout3 { position:absolute; top:-60px; right:8px; z-index:5; } #inner .influence {} #inner .sidemenu { float:left; width:210px; padding:30px 0 0 10px; } #inner .sidemenu li { display:block; padding-bottom:10px; } #inner .sidemenu li a { display:block; background:url(../images/link.jpg) no-repeat; width:201px; height:39px; font:0.75em Helvetica, Arial, sans-serif; color:#000; font-weight:bold; text-align:center; line-height:39px; text-decoration:none; } #inner .sidemenu li a:hover { background:url(../images/hover.jpg) no-repeat; color:#f7f061; } #inner .sidemenu li a.activemenu { background:url(../images/hover.jpg) no-repeat; color:#f7f061; display:block; width:201px; height:39px; font:0.75em Helvetica, Arial, sans-serif; font-weight:bold; text-align:center; line-height:39px; text-decoration:none; } #inner .influence_cont { float:left; width:544px; padding:15px 0 0 24px; } #inner .ref { padding-top:30px; } #inner .ref h2 { font:0.625em Helvetica, Arial, sans-serif; color:#000; font-weight:bold; } #inner .ref p { font:0.625em Helvetica, Arial, sans-serif; color:#000; padding-top:10px; } /*EXPERTS*/ #inner .expert1 { padding-bottom:25px; } #inner .expertimg { padding:15px 0; } /*BURST CORE ENDS*/ /*BURST CLUB STARTS*/ .cutout4 { position:absolute; top:-60px; right:0px; z-index:5; } #inner .burst_club { width:685px; float:left; padding-left:24px; } #inner .burst_club1 { width:544px; padding:30px 0 0 0px; } #inner .burst_club h3 { font:0.75em Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:30px 0 0 0; } #inner .burst_club h4 { font:0.875em Helvetica, Arial, sans-serif; color:#000; padding-top:0px; font-weight:bold; } #inner .burst_club p { font:0.75em Arial, Helvetica, sans-serif; color:#000; padding:0 0 0px 0; } #inner .club {} #inner .club a { font:0.75em Helvetica, Arial, sans-serif ; color:#0000ff; } #inner .club a:hover { text-decoration:none; } #inner .clubpic { float:left; width:96px; padding:33px 0 0 0px; } #inner .clubtxt_first { float:left; width:488px; padding:33px 0 0 10px; } #inner .clubtxt_first p { padding-bottom:15px; } #inner .clubtxt { float:left; width:575px; padding:33px 0 0 10px; } #inner .clubtxt p { padding-bottom:15px; } #inner .clubmain { width:591px; } #inner .clubmain p { padding-top:15px; } #inner .reasons {} #inner .clubtop { background:url(../images/clubtop.jpg) no-repeat; width:589px; height:52px; padding-top:2px; margin-top:30px; } #inner .clubtop h2 { float:left; width:286px; border-right:3px solid #b3b3b3; font:0.875em Helvetica, Arial, sans-serif; color:#f8ef1c; font-weight:bold; line-height:3.7em; text-align:center; } #inner .clubtop h3 { float:left; width:298px; font:0.875em Helvetica, Arial, sans-serif; color:#f8ef1c; font-weight:bold; line-height:3.7em; padding:0; text-align:center; } #inner .clubbtm { background:url(../images/clubbtm.jpg) no-repeat; width:589px; height:8px; line-height:1px; font-size:1px; } #inner .clubmid { background:#058ec4 url(../images/clubmid.jpg) repeat-x; width:585px; border-left:2px solid #b3e5f6; border-right:2px solid #b3e5f6;} #inner .clubmid h2 { float:left; width:284px; border-right:3px solid #b4dded; font:0.875em Helvetica, Arial, sans-serif; color:#fff; font-weight:bold; line-height:2.188em; text-align:center; text-shadow: #666 2px 2px; } #inner .clubmid h3 { float:left; width:298px; font:0.875em Helvetica, Arial, sans-serif; color:#fff; font-weight:bold; line-height:2.188em; padding:0; text-align:center; text-shadow: #666 2px 2px; } #inner .clubmid h4 { float:left; width:284px; border-right:3px solid #ccecf7; font:0.875em Helvetica, Arial, sans-serif; color:#fff; font-weight:bold; line-height:2.188em; text-align:center; padding:0; border-top:3px solid #b4dded; text-shadow: #666 2px 2px; } #inner .clubmid h5 { float:left; width:298px; font:0.875em Helvetica, Arial, sans-serif; color:#fff; font-weight:bold; line-height:2.188em; padding:0; text-align:center; font-style:normal; border-top:3px solid #b4dded; text-shadow: #666 2px 2px; } /*FAQ*/ #inner .question { font:0.75em Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding:30px 0 0 0; cursor:pointer; } #inner .answer { font:0.75em Arial, Helvetica, sans-serif; color:#000; padding:0 0 0px 0; } /*BURST CLUB ENDS*/ /*----------------------------------------------------EOF Inner Page Code ------------------------------------------------------*/ /*SLIDESHOW*/ /*** set the width and height to match your images **/ #slideshow { position:relative; height:384px; } #slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 384px; background-color: #FFF; } #slideshow DIV.active { z-index:10; opacity:1.0; } #slideshow DIV.last-active { z-index:9; } #slideshow DIV IMG { height: 384px; display: block; border: 0; margin-bottom: 10px; } /*SLIDE SHOW ENDS*/ /* home page slideshow*/ .slideshow { position:relative; padding:0; margin:0; height:293px; width:489px; } .slideshow a img { border:none; } .slideshow li.slide { list-style-type:none; } .slideshow .slides { height:219px; margin:0; } .slideshow .slides li.slide { visibility:hidden; position:absolute; left:0px; top:0; height: 293px; } .slideshow .buttons { display:none; } .slideshow .buttons { display:block; position:absolute; z-index:100; left:270px; bottom:271px; margin:0 0 0 15px; } .slideshow .buttons li { float:left; display:inline; width:15px; height:14px; margin:0; margin-left:15px; line-height:30px; } .slideshow .buttons li a { float:left; text-decoration:none; width:15px; height:14px; color:#fff; outline:0; } .slideshow ul.buttons li a:hover { text-decoration:none; color:#0a0a0a; } .slideshow ul.buttons li.active a:hover, .slideshow ul.buttons li.active a { color:#666666; } /*ends here */ /*Email signup starts here */ .signup { padding:30px 0 0px 10px; margin-bottom:320px; } .signup p { font:1em Helvetica, Arial, sans-serif; color:#000; font-weight:bold; padding:5px 0 0px 40px; } /*Challenge Page*/ #maincontent .challenge {} #maincontent .challenge a { color:#0000ff } #maincontent .challenge a:hover { text-decoration:none; } #maincontent .challenge p { padding:12px 0 0 0; } #maincontent .challenge p span { font-size:10px; font-style:italic; } #maincontent .challenge_pic { text-align:center; } #maincontent .challenge_cont {} #maincontent .challenge_lt { float:left; width:306px; padding:30px 0 60px 0; } #maincontent .challenge_rt { float:left; width:625px; padding:28px 0 60px 15px; } #maincontent .challenge_rt h1 { font:bold 1em Helvetica, Arial, sans-serif; color:#000; text-transform:none; padding:0; margin:0; } #maincontent .contest { text-align:center; padding:0 0 42px 0; } #maincontent .contest h1 { font:bold 1.688em Helvetica, Arial, sans-serif; color:#ff0000; padding:0px 0 30px 0; margin:0; text-transform:none; } #maincontent .contest h2 { font:bold 1.25em Helvetica, Arial, sans-serif; color:#000; padding:0 0 24px 0; margin:0; } #maincontent .contest p { font:bold 1.125em Helvetica, Arial, sans-serif; color:#000; padding:0; margin:0; } #maincontent .contest p span { font:bold 1em Helvetica, Arial, sans-serif; color:#000; font-style:normal; } #maincontent .challenge_links {} #maincontent .challenge_link1 { background:url(../images/joinnow.jpg) no-repeat; width:416px; height:46px; display:block; float:left; margin:56px 0 46px 42px; } #maincontent .challenge_link2 { background:url(../images/sign_up_link.jpg) no-repeat; width:416px; height:46px; display:block; float:left; margin:56px 0 46px 25px; } #maincontent .challenge_link { padding:0 0 30px 30px; } #maincontent .challenge_link img { float:left; margin:0 10px; } .clear { clear:both; line-height:0px; font-size:0px; } /*-------------------------------------- New Style Date : 14th Jan 2012 -----------------------*/ /* ----------------- Common ---------------------- */ .fltlft { float:left; } .fltrgt { float:right } .clear { clear:both; font-size:0px; line-height:0px; padding:0px; margin:0px; height:0px; } .clrBlock{clear:both; font-size:0px; line-height:0px; display:block;} strong{font-weight:bold;} .homepageBox {width:408px; padding:10px 0 0 7px; font-size: 75%; color: #222; background: #fff; font-family: Arial, Helvetica, sans-serif;} .loseClinch {width:199px; padding:0;} .loseClinchTop {width:199px; background:url(../images/orangeTop.png) left top no-repeat; padding:12px 0 0 0;} .loseClinchBot {width:199px; background:url(../images/orangeBot.png) left bottom no-repeat; padding:0 0 12px 0;} .loseClinchMain {width:196px; background:url(../images/orangeBg.png) left top repeat-y; padding:0 2px 0 1px;} .loseClinchCont {width:186px; min-height:211px; background:url(../images/orangeVert.png) left bottom repeat-x; padding:0 0 0 10px; position:relative;} .loseClinchCont a {font:normal 1.817em/1em "Myriad Pro", Arial, sans-serif; color:#fff; position:relative; top:-5px; text-decoration:none; width:186px; height:211px; display:block;} .loseClinchCont a span.txt {display:block; font-size:2.15em; font-weight: bold; position:relative; top:12px; cursor:pointer;} .loseClinchCont a span.loseTape {width:189px; height:140px; position:absolute; right:0px; bottom:-15px; display:block;} .burstTraining {width:205px; padding:0 0 0 3px;} .burstTrainingTop {width:205px; background:url(../images/grayTop.png) left top no-repeat; padding:12px 0 0 0;} .burstTrainingBot {width:205px; background:url(../images/grayBot.png) left bottom no-repeat; padding:0 0 12px 0;} .burstTrainingMain {width:200px; background:url(../images/grayBg.png) left top repeat-y; padding:0 3px 0 2px;} .burstTrainingCont {width:189px; min-height:211px; background:url(../images/grayVert.png) left bottom repeat-x; padding:0 0 0 11px;} .burstTrainingCont h6 {font:normal 1.717em/1em "Myriad Pro", Arial, sans-serif; color:#fff; position:relative; top:-2px;} .burstTrainingCont h6 span {font-weight:bold; font-size:1.127em; display:block;} .burstTrainingCont h6 span strong {font-weight:normal;} .burstTrainingCont p {font:normal 0.955em Helvetica, Arial, sans-serif; color:#000; padding:5px 0 5px 0;} .burstTrainingCont p a {display:block; text-align:center; width:150px; height:24px; background:url(../images/learnmore.png) no-repeat; margin:0 auto; margin-top:10px;} /*---------- New Inner 1 page ----------------*/ .cinchChallenge {width:905px; padding:71px 0 0 0; margin:0 auto; position:relative; font-size: 75%; color: #222; font-family: Arial, Helvetica, sans-serif;} .cutoutNew {width:374px; height:524px; position:absolute; top:-10px; right:-35px;} .cinchImg {width:681px; padding:0 0 35px 0;} .cinchInfo {width:550px; padding:0 0 30px 17px;} .cinchInfo h1 {font:bold 2.5em Helvetica, Arial, sans-serif; color:#000;} .cinchInfo p {font:normal 1em Helvetica, Arial, sans-serif; color:#000; padding:10px 0 0 0;} .cinchInfo p a {color:#0000ff;} .optionsContainer {width:905px; padding:0;} .optionCont {width:442px; padding:0; background:url(../images/optionBg.jpg) left top repeat-y;} .optionTop {width:406px; background:url(../images/optionTop.jpg) no-repeat; padding:10px 18px; height:40px;} .optionLft {width:300px; padding:0;} .optionLft h4 {font:bold 1.317em "Myriad Pro", Arial, sans-serif; color:#f8ef1c;} .optionLft h4 span {display:block; font:italic .8em "Myriad Pro", Arial, sans-serif; color:#fff;} .optionRgt {width:105px; padding:0;} .optionRgt.last {position:relative; top:-5px;} .optionRgt h5 {font:bold 2.333em "Myriad Pro", Arial, sans-serif; color:#f8ef1c; text-align:center;} .optionRgt h6 {display:block; font:italic 1em "Myriad Pro", Arial, sans-serif; color:#fff; text-align:center;} .optionBot {width:438px; background:url(../images/optionBot.jpg) left bottom no-repeat; padding:0 2px 15px 2px;} .optionMain {width:371px; padding:10px 35px 0 32px; background:url(../images/optionVert.jpg) left bottom repeat-x; min-height:381px;} .optionMain ul {width:370px; padding:5px 0 0 0; float:left; display:block;} .optionMain ul li {float:left; display:block; padding:2px 0; width:370px; font:normal 1.417em "Myriad Pro", Arial, sans-serif;} .optionMain ul li.last-child {padding-bottom:6px;} .optionMain ul li span {background:url(../images/whiteBull.png) left 8px no-repeat; padding:0 0 0 10px; width:360px; color:#fff; text-decoration:none; display:block;} .optionProds {width:370px; margin:0 auto; padding:10px 0 0 0; text-align:center;} .optionBtns {width:764px; padding:23px 28px 38px 25px; margin:0 auto; border-bottom:1px solid #c4c4c4;} .optionBtns a {width:304px; height:53px; background:url(../images/redBtn.jpg) no-repeat; font:normal 1.667em "Myriad Pro", Arial, sans-serif; color:#fff; text-decoration:none; text-align:center; padding:5px 0 0 0; display:block;} .optionBtns a span.first {display:block;} .optionBtns a span.last {color:#ffff00; display:block;} .gift4you {width:817px; padding:25px 0 40px 0; margin:0 auto; border-bottom:1px solid #c4c4c4; border-top:1px solid #d0d0d0;} .gift4you h6 {font:normal 3.333em "Myriad Pro", Arial, sans-serif; color:#de7234; text-align:center;} .gift4you ul {width:745px; padding:5px 0 0 5px; display:block; float:left;} .gift4you ul li {width:312px; float:left; display:block; padding:7px 0 7px 60px; font:normal 1.083em/2.5em "Myriad Pro", Arial, sans-serif;} .gift4you ul li.first-child {font-size:1.25em; line-height:2.083em;} .gift4you ul li a {width:280px; height:34px; background:url(../images/giftFree.jpg) 0 -34px no-repeat; display:block; padding:0 0 0 32px; color:#fff; text-decoration:none;} .gift4you ul li a span {color:#ffff00; cursor:pointer;} .gift4you ul li.act a {background-position:0 0;} .forLyfStyle {width:817px; padding:35px 0 50px 0; margin:0 auto; border-top:1px solid #d0d0d0;} .forLyfLft {width:480px; padding:0;} .forLyfLft h4 {font:bold 1.833em Helvetica, Arial, sans-serif; color:#000;} .forLyfLft p {font:normal 1em Helvetica, Arial, sans-serif; color:#000; padding:10px 0;} .forLyfLft h5 {font:bold 1.25em Helvetica, Arial, sans-serif; color:#000;} .forLyfRgt {width:320px; padding:0 5px 0 0;} .lyfStyle {width:148px; padding:7px 3px 0 3px; background:url(../images/lyfStyleBox.jpg) no-repeat;} .lyfStyle img {width:148px; height:96px; display:block;} .lyfStyle p {font:normal 1em Helvetica, Arial, sans-serif; color:#000; text-align:center; padding:10px 0 5px 0;} .cinchContainer {width:864px; padding:0; margin:0 auto;} .cinchContainer ul {float:left; display:block; padding:0 0 50px 0;} .cinchContainer ul li {float:left; display:block; width:273px; padding:0 11px;} .cinchContainer ul li.first-child {padding:0 11px 0 0;} .cinchContainer ul li.last-child {padding:0 0 0 11px;} .cinchContainer ul li a {width:273px; display:block;} .burstClub {width:626px; padding:0; margin:0 auto;} .burstClub ul {float:left; display:block; padding:0 0 25px 0; width:626px;} .burstClub ul li.joinBURST {float:left; display:block; width:287px;} .burstClub ul li.joinBURST a {width:287px; height:52px; background:url(../images/joinBURST.png) 0 0 no-repeat; display:block;} .burstClub ul li.loginBURST {float:right; display:block; width:307px;} .burstClub ul li.loginBURST a {width:307px; height:52px; background:url(../images/loginBURST.png) 0 0 no-repeat; display:block;} /*---------- New Inner 2 page ----------------*/ .storiesCont {width:908px; padding:90px 35px 0 12px; font-size: 75%; color: #222; font-family: Arial, Helvetica, sans-serif;} .storiesCont h1 {font:bold 2.917em Helvetica, Arial, sans-serif; color:#000;} .storyDefault {width:908px; padding:20px 0 0 0;} .storyDefault.last {width:883px; padding:20px 0 0 25px;} .storyDefault p {font:normal 1em/1.25em Helvetica, Arial, sans-serif; color:#000; padding:0 0 10px 0;} .storyDefault p span {font:bold 1.5em Helvetica, Arial, sans-serif; color:#000; padding:8px 0;} .storyDefault p a.last {padding:40px 0 0 100px; text-align:left; display:block;} .seeCinch {width:650px; padding:0; margin:0 auto; margin-top:-70px;} .seeCinch h3 {font:normal 3.083em "Myriad Pro", Arial, sans-serif; color:#f49908; text-align:center; white-space:nowrap; padding:0 0 20px 0;} .videoCinch {width:366px; height:208; margin:0 auto; border:1px solid #f49908;} .seeCinch p {padding:20px 0 0 0; text-align:center;} .subFooter {width: 100%; height:205px; position:relative; text-align:center;} .subFooter img {width:100%; height:100%;}