/* Style sheet for the CSS2 specification */ /* ================= UNIVERSAL STYLE APPLY TO ALL PAGES ============== */ #mainBox{width:253px;} #mainBox .topLine{width:253px; height:8px;} #mainBox .cnt_bg{width:251px; background:#293d55; border-left:1px solid #54779f; border-right:1px solid #54779f;} #mainBox .btmLine{width:253px; height:8px;} *{margin:0; padding:0; outline:0; font:normal normal 12px Arial, Helvetica, sans-serif; color:#333333} b,strong{font-weight:bold} i{font-style:italic} body{background:#131f2b url(../images/bg-top.gif) repeat-x top} a{position:relative} .ads1{margin:5px 0 0 0} /* ========END========== */ /* ================= COMMON STYLE APPLY TO ALL PAGES ============== */ .clearFloat{font-size:0; height:0; overflow:hidden; clear:both} /* ================= END ========== */ /* ================= TEMPLATE LAYOUT STYLE ============== */ #mainContainer{width:1220px; margin:0 auto} #header{height:154px; position:relative; width: 931px;} #header h1{background:url(../images/logo.jpg) no-repeat left; width:246px; height:154px; float:left; text-indent:-10000000px;} #header .slideShow{background:url(../images/slide-img01.jpg) no-repeat left; width:428px; height:145px; left:252px; position:absolute; top:4px} #memberArea{width:251px; float:right; background:url(../images/member-bg.gif) no-repeat 0 2px; height:142px} #memberArea form{width:152px; float:right; position:relative} #memberArea form h3{font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:10px 0 5px 0} #memberArea form label{font-family:"Arial Black"; font-size:13px; color:#131f2b; float:left; display:block; margin:0 0 9px 0; clear:left} #memberArea form .input{background:url(../images/textfield.gif) no-repeat; width:140px; float:right; text-align:right; padding:3px 0; margin:0 0 5px 0; border:none} #memberArea form .btn{background:url(../images/go.gif) no-repeat; width:30px; height:19px; border:none; position:absolute; right:0; bottom:-19px; clear:both; cursor:pointer} .rLogin a{position:absolute; left:30px; bottom:-15px; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none} .rLogin a:hover{text-decoration:underline} #hrMenu{height:30px; margin:9px 0 15px 0; } #hrMenu .menuBg{height:30px; float:left; width:919px; background:url(../images/menu-bg.gif) repeat-x} #hrMenu .leftCorner{height:30px; float:left; width:6px; background:url(../images/menu-left.gif) no-repeat; font-size:0} #hrMenu .rightCorner{height:30px; float:left; width:6px; background:url(../images/menu-right.gif) no-repeat; font-size:0;} #hrMenu .menuBg ul{list-style-type:none; text-align:center} #hrMenu .menuBg ul li{display:inline;} #hrMenu .menuBg ul li a{font-size:14px; line-height:30px; background:url(../images/div2.gif) no-repeat right; font-weight:bold; color:#fff; text-decoration:none; padding:0 16px 0 12px;} #hrMenu .menuBg ul li a.lastChild{padding:0 0 0 12px; background:none} #hrMenu .menuBg ul li a:hover{color:#000} /*menu design*/ #hrMenu2{height:30px; margin:9px 0 15px 0; position:relative; overflow:hidden; width: 931px;} #hrMenu2 .menuBg2{height:30px; float:left; width:919px; background:url(../images/menu-bg.gif) repeat-x} #hrMenu2 .leftCorner{height:30px; float:left; width:6px; background:url(../images/menu-left.gif) no-repeat; font-size:0} #hrMenu2 .rightCorner{height:30px; float:left; width:6px; background:url(../images/menu-right.gif) no-repeat; font-size:0;} #hrMenu2 .menuBg2 ul{list-style-type:none; text-align:center; height:30px; overflow:hidden} #hrMenu2 .menuBg2 ul li{padding:0 16px 0 12px; float:left; display:table-cell; background:url(../images/div2.gif) no-repeat right bottom; height:30px; overflow:hidden; margin:0 0 0 7px} #hrMenu2 .menuBg2 ul li.lastChild{padding:0 0 0 12px; background:none} #hrMenu2 .menuBg2 ul li a{color:#507498; float:left; margin:7px 0 0;} /*menu design*/ #hrMenu2{height:30px; margin:9px 0 15px 0; position:relative; overflow:hidden} #hrMenu2 .menuBg2{height:30px; float:left; width:919px; background:url(../images/menu-bg.gif) repeat-x} #hrMenu2 .leftCorner{height:30px; float:left; width:6px; background:url(../images/menu-left.gif) no-repeat; font-size:0} #hrMenu2 .rightCorner{height:30px; float:left; width:6px; background:url(../images/menu-right.gif) no-repeat; font-size:0;} #hrMenu2 .menuBg2 form{float:right; width:140px; height:20px;margin:5px 0 0;} #hrMenu2 .menuBg2 form .input-text{background:url(../images/input.jpg) no-repeat; width:125px; height:20px;padding:3px 0 3px 15px;} #hrMenu2 .menuBg2 ul{list-style-type:none; float:left; text-align:center; height:30px; overflow:hidden; width:762px;} #hrMenu2 .menuBg2 ul li{padding:0 6px 0 2px; float:left; display:table-cell; background:url(../images/div2.gif) no-repeat right bottom; height:30px; overflow:hidden; margin:0 0 0 7px} #hrMenu2 .menuBg2 ul li.lastChild{padding:0 0 0 6px; background:none} #hrMenu2 .menuBg2 ul li a{color:#507498; float:left; margin:7px 0 0;} /*home*/ #hrMenu2 .menuBg2 ul li a.home{ background:url(../images/menu/home.gif) no-repeat; font-size:0; width:43px; height:21px; } #hrMenu2 .menuBg2 ul li a.home:hover{ background:url(../images/menu/home_over.gif) no-repeat; font-size:0; width:43px; height:21px; } /*runningCoach*/ #hrMenu2 .menuBg2 ul li a.runningCoach{ background:url(../images/menu/running_coach.gif) no-repeat; font-size:0; width:105px; height:21px } #hrMenu2 .menuBg2 ul li a.runningCoach:hover{ background:url(../images/menu/running_coach_over.gif) no-repeat; font-size:0; width:105px; height:21px } /*Coaching Plans*/ #hrMenu2 .menuBg2 ul li a.coachingPlans{ background:url(../images/menu/coaching_plans.gif) no-repeat; font-size:0; width:107px; height:21px } #hrMenu2 .menuBg2 ul li a.coachingPlans:hover{ background:url(../images/menu/coaching_plans_over.gif) no-repeat; font-size:0; width:107px; height:21px } /*The Process*/ #hrMenu2 .menuBg2 ul li a.process{ background:url(../images/menu/the_process.gif) no-repeat; font-size:0; width:85px; height:21px } #hrMenu2 .menuBg2 ul li a.process:hover{ background:url(../images/menu/the_process_over.gif) no-repeat; font-size:0; width:85px; height:21px } /*Guarenteed Results*/ #hrMenu2 .menuBg2 ul li a.guarenteedResults{ background:url(../images/menu/guarented_result.gif) no-repeat; font-size:0; width:134px; height:21px } #hrMenu2 .menuBg2 ul li a.guarenteedResults:hover{ background:url(../images/menu/guarented_result_over.gif) no-repeat; font-size:0; width:134px; height:21px } /*Tested & Approved*/ #hrMenu2 .menuBg2 ul li a.testedApproved{ background:url(../images/menu/tested_approved.gif) no-repeat; font-size:0; width:128px; height:21px } #hrMenu2 .menuBg2 ul li a.testedApproved:hover{ background:url(../images/menu/tested_approved_over.gif) no-repeat; font-size:0; width:128px; height:21px } /*Contact*/ #hrMenu2 .menuBg2 ul li a.contact{ background:url(../images/menu/contact.gif) no-repeat; font-size:0; width:57px; height:21px } #hrMenu2 .menuBg2 ul li a.contact:hover{ background:url(../images/menu/contact_over.gif) no-repeat; font-size:0; width:57px; height:21px } #contentArea{width:auto;} .leftContent{float:left; width:674px; margin:0 0 10px;} .leftContent .topCorner{background:url(../images/corner-top.gif) no-repeat; width:674px; height:8px; font-size:0;} .leftContent .bottomCorner{background:url(../images/corner-bottom.gif) no-repeat; width:674px; height:8px; font-size:0; margin:0 0 10px 0} .leftContent .bgCorner{background:white; width:1200px; padding:0 7px 0 7px;} .leftContent .bgCorner .welcomeArea{background:url(../images/border-bottom.gif) repeat-x bottom; height:25px; width:660px; position:relative} .leftContent .bgCorner .welcomeArea h2{ position:absolute; left:0; top:-5px; padding:0 0 5px 0;width:300px; font-family:"Arial Black"; font-size:20px; color:#131f2b} .leftContent .bgCorner .welcomeArea h3{ position:absolute; right:0; text-align:right; top:2px; width:500px; font-size:13px; color:#131f2b} #infoBlock{width:auto; margin:25px 0 0 0} #infoBlock .nBlock{float:left; width:320px; margin:0 14px 12px 0} #infoBlock .nBlock.lastBlock{float:left; width:320px; margin:0 0px 12px 0} .plus{position:absolute; right:5px; bottom:9px; cursor:pointer} .plus2{position:absolute; right:12px; bottom:9px; cursor:pointer} #infoBlock .nBlock2{float:left; width:320px; margin:0 14px 12px 0} #infoBlock .nBlock2.lastBlock{float:left; width:320px; margin:0 0px 12px 0} #infoBlock .nBlock2 h3{background:url(../images/title.jpg) no-repeat right; width:auto; height:32px; line-height:32px; font-size:13px; font-weight:bold; color:#3e5c7e; text-indent:12px; position:relative} #infoBlock .nBlock2 p{font-size:12px; line-height:17px; color:#131f2b; padding:4px 0 0 7px} #infoBlock .nBlock2 p a{font-size:12px; color:#36506e; text-decoration:none} #infoBlock .nBlock2 p a:hover{text-decoration:underline} #infoBlock .nBlock .imgBlock{float:left; width:85px} #infoBlock .nBlock .rightBlock{float:left; width:233px} #infoBlock .nBlock .rightBlock h3{background:url(../images/title.jpg) no-repeat right; width:225px; line-height:32px; font-size:13px; font-weight:bold; color:#3e5c7e; text-indent:7px; position:relative} #infoBlock .nBlock .rightBlock p{font-size:12px; color:#131f2b; padding:4px 0 0 7px; line-height:17px} #infoBlock .nBlock .rightBlock p a{font-size:12px; color:#36506e; text-decoration:none} #infoBlock .nBlock .rightBlock p a:hover{text-decoration:underline} .rightContent{float:right; width:253px; font-size:0; margin:0 0 10px 0} #footer{height:102px; width:1220px; background:url(../images/bg-bottom.gif) repeat-x bottom; clear:both} #footer .footerContent{width:1220px; margin:0 auto} #footer .footerContent .footerLogo{height:67px; width:auto; text-align:center;} #footer .footerContent .footerLogo ul{list-style-type:none; font-size:10px; } #footer .footerContent .footerLogo ul li{display:inline; margin:0 100px 0 0; font-size:0;} #footer .footerContent .footerLogo ul li.lastChild{display:inline; margin:0 0 0 0; font-size:0;} #footer .footerContent .footerMenu{height:33px; text-align:center;font-size:10px; font-weight:bold; color:#cee1f2;} #footer .footerContent .footerMenu ul{list-style-type:none; margin:2px 0 0 0} #footer .footerContent .footerMenu ul li{display:inline;font-size:10px; font-weight:bold; color:#cee1f2;} #footer .footerContent .footerMenu ul li a{font-size:10px; font-weight:bold; color:#cee1f2; text-decoration:none; background:url(../images/div.jpg) no-repeat right; padding:0 5px} #footer .footerContent .footerMenu ul li a.lastChild{background:none} #footer .footerContent .footerMenu ul li a:hover{text-decoration:underline} /*iner*/ #inner{width:auto; margin:14px 0 0 0} #inner p{font-size:15px; color:#131f2b} #inner p a{font-size:15px; color:#36506e; text-decoration:none} #inner p a:hover{text-decoration:underline} #inner .feature{width:auto; margin:0 0 10px 15px} #inner .feature h3{font-size:15px; margin:13px 0 0 0; font-weight:bold; color:#131f2b} #inner .feature p{font-size:15px; color:#131f2b; line-height:20px} #inner .feature p span{color:#a1261d; font-style:italic; font-size:15px; font-weight:bold} #productBlock{width:auto} #productBlock .blockn{width:auto; margin:10px 0 0 0; padding:0 0 10px 0} #productBlock .blockn .leftImg{width:auto; float:left} #productBlock .blockn .rightContent{width:411px; float:left} #productBlock .blockn .rightContent .title2{background:url(../images/title2.jpg) no-repeat; width:411px; height:32px; position:relative} #productBlock .blockn .rightContent h3{font-size:14px; color:#3e5c7e; float:left; width:180px; font-weight:bold; line-height:32px; text-indent:10px} #productBlock .blockn .rightContent h4{font-size:14px; color:#3e5c7e; width:200px; float:left; font-style:italic; line-height:32px; text-indent:10px} #productBlock .blockn .rightContent p{padding:10px 0 0 35px; font-size:12px} #productBlock .blockn .rightContent p span{font-weight:bold; color:#36506e} #productBlock .blockn .rightContent form select{border:1px solid #cdd4da; float:right; width:80%; margin:10px 0 0 0} #productBlock .blockn .rightContent form .btn1{background:url(../images/buyNow.jpg) no-repeat; width:100px; height:24px; cursor:pointer; margin:5px 0 10px 0} #productBlock .blockn .rightContent .btnNlink{clear:both} #productBlock .blockn .rightContent .link{float:left} #productBlock .blockn .rightContent .btn2{float:right} #productBlock .blockn .rightContent form a{font-size:12px; color:#36506e; line-height:20px; text-decoration:none} #productBlock .blockn .rightContent form a:hover{text-decoration:underline} #backTop{background:url(../images/border-bottom.gif) repeat-x top; padding:10px 0 0 0; font-size:13px; color:#131f2b; text-align:center;} .contentheading { left:0; top:-5px; padding:0 0 5px 0; width:300px; font-family:"Arial Black"; font-size:20px; color:#131f2b; } .componentheading { left:0; top:-5px; padding:0 0 5px 0; width:300px; font-family:"Arial Black"; font-size:20px; color:#131f2b; } /*BOTTOM BOX*/ #bottomBox{background:url(../images/menu/Carousel_Horizontal.gif) no-repeat; width:674px; height:90px;} #bottomBox .content_1{} /*testimonailBlock*/ #testimonailBlock{width:auto} #testimonailBlock .testBlock{width:auto; background:url(../images/title3.jpg) no-repeat top; width:656px; margin-bottom:12px} #testimonailBlock .testBlock img{margin:0 11px 0 0; float:left} #testimonailBlock .testBlock .testTitle{height:32px; margin-left:11px;} #testimonailBlock .testBlock .testTitle h3{float:left; font-size:14px; font-weight:bold; color:#3e5c7e; line-height:32px;} #testimonailBlock .testBlock .testTitle h4{float:right;font-size:14px;color:#3e5c7e; padding-right:60px; line-height:32px;} #testimonailBlock .testBlock .testDes{margin-top:5px; margin-left:11px;} #testimonailBlock .testBlock .testDes p{font-size:12px; padding-bottom:10px;} #testimonailBlock .testBlock .testDes p.last{color:#36506e!important;font-size:12px} #testimonailBlock .testBlock .testDes p.last span{color:#36506e!important;font-size:12px} #testimonailBlock .testBlock .testDes p strong{color:#36506e; font-weight:bold; font-size:12px} #testimonailBlock .testBlock .testDes p span{padding:0 0px 0 20px} #inner .lastBlock{width:auto; margin:20px 0 5px 0} #inner .lastBlock h4{width:200px; float:left} #inner .lastBlock h4 a{color:#36506E; text-decoration:none} #inner .lastBlock h5 a{color:#36506E; text-decoration:none} #inner .lastBlock h5{width:200px; float:right} #inner .LineHeight a{line-height:60px;} /*updated menu*/ #newMenu{width:100%; height:30px} #newMenu ul{list-style-type:none; height:30px; float:left} #newMenu ul li{display:inline; font-size:0; height:30px; float:left} #newMenu ul li a{font-size:0!important; color:#51759c; float:left} #newMenu ul li a.first{background:url(../images/newmenu/first-current.gif) no-repeat; width:136px; height:30px!important; display:inline-block} #newMenu ul li.selected a.first{background:url(../images/newmenu/first.gif) no-repeat; width:136px; height:30px!important; display:inline-block} #newMenu ul li a.first:hover{background:url(../images/newmenu/first-over.gif) no-repeat; width:136px; height:30px!important; display:inline-block} #newMenu ul li a.second{background:url(../images/newmenu/second-current.gif) no-repeat; width:159px; height:30px!important; display:inline-block} #newMenu ul li.selected a.second{background:url(../images/newmenu/second.gif) no-repeat; width:159px; height:30px!important; display:inline-block} #newMenu ul li a.second:hover{background:url(../images/newmenu/second-over.gif) no-repeat; width:159px; height:30px!important; display:inline-block} #newMenu ul li a.third{background:url(../images/newmenu/third-current.gif) no-repeat; width:122px; height:30px!important; display:inline-block} #newMenu ul li.selected a.third{background:url(../images/newmenu/third.gif) no-repeat; width:122px; height:30px!important; display:inline-block} #newMenu ul li a.third:hover{background:url(../images/newmenu/third-over.gif) no-repeat; width:122px; height:30px!important; display:inline-block} #newMenu ul li a.forth{background:url(../images/newmenu/forth-current.gif) no-repeat; width:137px; height:30px!important; display:inline-block} #newMenu ul li.selected a.forth{background:url(../images/newmenu/forth.gif) no-repeat; width:137px; height:30px!important; display:inline-block} #newMenu ul li a.forth:hover{background:url(../images/newmenu/forth-over.gif) no-repeat; width:137px; height:30px!important; display:inline-block} #newMenu ul li a.fifth{background:url(../images/newmenu/fifth-current.gif) no-repeat; width:134px; height:30px!important; display:inline-block} #newMenu ul li.selected a.fifth{background:url(../images/newmenu/fifth.gif) no-repeat; width:134px; height:30px!important; display:inline-block} #newMenu ul li a.fifth:hover{background:url(../images/newmenu/fifth-over.gif) no-repeat; width:134px; height:30px!important; display:inline-block} #newMenu ul li a.sixth{background:url(../images/newmenu/sixth-current.gif) no-repeat; width:123px; height:30px!important; display:inline-block} #newMenu ul li.selected a.sixth{background:url(../images/newmenu/sixth.gif) no-repeat; width:123px; height:30px!important; display:inline-block} #newMenu ul li a.sixth:hover{background:url(../images/newmenu/sixth-over.gif) no-repeat; width:123px; height:30px!important; display:inline-block} #newMenu ul li a.seventh{background:url(../images/newmenu/seventh-current.gif) no-repeat; width:56px; height:30px!important; display:inline-block} #newMenu ul li.selected a.seventh{background:url(../images/newmenu/seventh.gif) no-repeat; width:56px; height:30px!important; display:inline-block} #newMenu ul li a.seventh:hover{background:url(../images/newmenu/seventh-over.gif) no-repeat; width:56px; height:30px!important; display:inline-block} #newMenu ul li a.eight{background:url(../images/newmenu/eight-current.gif) no-repeat; width:89px; height:30px!important; display:inline-block} #newMenu ul li.selected a.eight{background:url(../images/newmenu/eight.gif) no-repeat; width:89px; height:30px!important; display:inline-block} #newMenu ul li a.eight:hover{background:url(../images/newmenu/eight-over.gif) no-repeat; width:89px; height:30px!important; display:inline-block} #newMenu form{background:url(../images/input.gif) no-repeat; width:153px; height:30px; position:absolute; right:0px;} #newMenu form .input{margin:7px 0 0 0px; padding:1px 0; width:118px; background:none; border:none} #newMenu form .btn{margin:7px 0 0 9px; cursor:pointer; width:19px; background:none; border:none;}