/*******Three Giant Leaps Styles*******/ /*******************RESET CSS*******************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, font, img, small, 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-size: 100%;vertical-align: middle;background: transparent;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} legend {display: none;} /****************END RESET********************/ /****************Global Elements**************/ html { height: 100%; } body {line-height: 18px; font: 12px "Helvetica Neue", Helvetica, Arial, sans serif; background: url(images/bg_header.gif) repeat-x #fff; color: #737373; text-align: center; height: 100%; } h1 { background: url(images/logo-feb06-4.gif) no-repeat; width: 174px; height: 69px; position: absolute; top: 10px; left: 1px;} h1 a { display: block; width: 174px; height: 54px; text-indent: -9999em; } h2 { color: #e29825; font-size: 26px; font-weight: normal; text-transform: uppercase; background: #fff; } h3 { color: #e29825; font-size: 18px; font-weight: normal; } h4 { color: #d9770d; font-size: 15px; font-weight: normal; } h69 { color: #f09c00; font-size: 24px; font-weight: normal; } p { margin: 0 0 19px 0; line-height: 18px; } a { color: #737373; } a:hover { color: #333333; } input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans serif; background: url(images/bg_formfield.gif) repeat-x #fff; border: 1px solid #e6e6e6; color: #737373; font-size: 11px; padding: 3px 3px 2px 3px; } /*input[type=text], select, textarea {width: 174px; } */ select { width: 183px; padding: 2px; } td { padding: 4px 0; } ol { list-style: decimal; } label { font-size: 11px; line-height: 12px;} ::-moz-selection{background:#B6A88E; color:#fff;} ::selection {background:#B6A88E; color:#fff;} /****************End Global Elements**********/ /****************Divs*************************/ #container { margin: 0 auto 0 auto; margin-bottom: -103px; min-height: 90%; height: auto !important; height: 100%; text-align: left; width: 980px; } /***************Header*******************/ #header { height: 119px; position: relative; } #top-nav { position: absolute; top: 10px; right: 6px; font-size: 11px; } #top-nav li { display: inline; padding-left: 18px; } #top-nav a { color: #E57716; text-decoration: none; text-transform: uppercase;} #top-nav a:hover { text-decoration: underline; } /*******************End Header*******************/ /******************Main Nav**********************/ #nav { position:absolute; top: 77px; left: 52px; font-size: 11px; } #nav li { background: url(images/bg_nav.gif) no-repeat; float: left; height:44px; position: relative; width: 132px; } #nav li:hover { background: url(images/bg_nav_over.gif) no-repeat; } #nav li.active { background: url(images/bg_nav_on.gif) no-repeat #fff; } #nav li a { background: url(images/arrow_right.gif) no-repeat 12px 21px; color: #fff; display: block; height: 24px; padding: 18px 0 0 20px; text-decoration: none; margin: 0 auto;text-transform: uppercase; width: 108px;} #nav li.active a { background: url(images/nav_arrow_on.gif) no-repeat 12px 21px; color: #da770d;} #nav li .nav-ending { background: url(images/bg_nav_end.gif) no-repeat top right; width: 7px; height: 54px; position: absolute; top: 0; right: 0; } #nav li:hover .nav-ending { background: url(images/bg_nav_over_end.gif) no-repeat top right; } #nav li.active .nav-ending { background: url(images/bg_nav_on_end.gif) no-repeat; } /******************End Nav**********************/ /**************Sidebar and Content***********/ #page-head { margin-bottom: 34px; } #page-head h3 {background: #fff;} #content { padding: 34px 0 0 52px; position: relative; } #sidebar { float: left; margin: 0; width: 220px; position: relative;} #sidebar ul { margin: 14px 12px 14px 12px;} #sidebar li { background: url(images/bullet_square_orange.gif) no-repeat 0 3px; padding-left: 12px; margin-bottom: 13px;} #sidebar li a {text-decoration: none;} #sidebar li a:hover {text-decoration: underline; color: #e29825; } .two-col #main-content { margin-left: 267px; border-left: 1px solid #dcdcdc; padding: 0 30px; min-height: 300px; } .one-col #main-content { margin-left: 0; } .alternate #sidebar {width: 150px;} .alternate #main-content { margin-left: 160px; border-left: none;} #main-content h3 { margin-bottom: 15px; } #main-content ul li { background: url(images/bullet_square_orange.gif) no-repeat 0 3px; padding-left: 12px; margin-bottom: 13px;} #main-content ol li { margin-bottom: 13px;} #main-content ol {margin: 0 15px 15px 20px;} #quotes {margin-top: 60px; height: 162px; overflow: hidden; } .narrow-main-col { width: 300px; } /**************End Sidebar and Content***********/ /***********************Home*********************/ body#home { height: auto;} #home #container { margin: 0 auto; min-height: 100%;} #home-content { height: 762px; padding: 34px 0 0 52px; position: relative;} #home-cycle { height: 550px; display: block; } .home-content {height: 762px; cursor: pointer; width: 100%; position: relative; z-index: 0;} #home-quotes { position: absolute; top: 270px; left: 52px; height: 241px; width: 350px; height: 300px; z-index: 50;} #home1 {background: url(images/home_person1.jpg) no-repeat 400px 20px;} #home2 {background: url(images/home_person2.jpg) no-repeat 400px 20px;} #home3 {background: url(images/home_person3.jpg) no-repeat 300px 20px;} #home4 {background: url(images/home_person4.jpg) no-repeat 400px 20px;} #home5 {background: url(images/home_person5.jpg) no-repeat 360px 20px;} #home-content #callouts { position: absolute; bottom: 0; z-index: 9999; } .polaroid {display: block; float: right; width: 465px;} .tagline { display: block; margin: 100px 0 93px 0; float: left; position: absolute; z-index: 999999;} .home-box {float: right; position: relative; font-size: 11px; cursor: pointer; width: 237px; height: 130px; line-height: 5px; margin-top: 330px; margin-right: 9px; padding: 13px 13px 13px 13px; background: url(images/bg_home_box.png) no-repeat; /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_home_box.png');*/} .home-box h3 {margin-bottom: 14px; color: #fff;} .home-box p {margin-bottom: 14px; color: #fff;} .home-box p.hquote { color: #151419; } .home-button { text-transform: uppercase; color: #fff; position: absolute; bottom: 4px; right: 8px; margin-right: 15px; padding: 4px 7px; background: url(images/arrow_right.gif) no-repeat right 6px; text-decoration: none; height: 20px; } .home-button:hover { color: #EAE1D2;} #home #footer {margin-top: 0;} /*******************End Home**********************/ /***********Testimonials*************/ #upload-testimonial-btn {position: absolute; top: 26px; right: 10px;} .quote { margin: 67px 0 37px 400px; width: 520px;} .quote blockquote { background: #fff; } .quote blockquote p a{ color: #a2a2a2; background: #fff; font-size: 26px; font-weight: 100; line-height: 28px; margin-bottom: 16px; text-decoration: none; display: block; } .quote blockquote p em { display: block; color: #e8821b; font-weight: 100; background: #fff; margin-top: 20px; font-size: 18px;} #testimonial-thumbs { margin-bottom: 48px; width: 375px; float: left; } #testimonial-thumbs ul { display: inline; } #testimonial-thumbs li { float: left; margin-right: 3px; } .carousel-btn { height: 20px; width: 20px; background: #e29825; margin-top: 20px; } #testimonial-thumbs .next { background: url(images/arrow_right.gif) #e29825 no-repeat 50% 50%; float: left; display: inline; margin-left: 7px; } #testimonial-thumbs .previous { float: left; margin-right: 3px; background: url(images/arrow_left.gif) #e29825 no-repeat 50% 50%; } /**********Testimonials Details***********/ #testimonial-detail #main-content { padding-right: 10px; } #testimonial-detail #sidebar img{ display: block; margin-bottom: 30px; border: 6px solid #EAE1D2; } #testimonials-content { width: 440px; padding: 0 0 0 64px; float: left; } #testimonials-content h4{ padding-left: 13px; margin-bottom: 16px; background: url(images/icon_gray_square.gif) no-repeat 0 50%; } #testimonials-content p { padding: 0 0 20px 13px; border-bottom: 1px dashed #676767; } #testimonials-picture { margin-left: 520px; width: 320px; } #testimonials-picture img { display: block; margin-bottom: 20px; } #testimonial-nav { height: 25px; margin-bottom: 20px;} #testimonial-nav #prev {float: left;} #testimonial-nav #prev a { background: url(images/arrow_left.gif) no-repeat 5px 4px; padding: 0 8px 0 16px; } #testimonial-nav #next {float: right;} .testimonial-info {background: #a5916e; padding: 10px; color: #fff; font-weight: bold; line-height: 20px; margin-bottom: 24px; } .testimonial-pic {display: block; margin-bottom: 20px;} #testimonial-detail #callout4 { margin-right: 0; margin-left: 14px; } /***********End Testimonials*************/ /***********Upload Testimonials*************/ #upload-testimonial { min-height: 600px; position: relative; top: 0;} #upload-testimonial label {display: block; float: none; color: #886321;} #upload-testimonial input {display: block; float: none; width: 300px;} #upload-testimonial textarea { display: block; float: none; width: 500px; height: 100px; } #upload-testimonial button { border: none; color: #fff; font-size: 11px; } #contact #upload-testimonial #form-results { position: absolute; bottom: 4px; left: 80px;} /***********End Upload Testimonials*************/ /***********What We Do*************/ .what-we-do, .coach-box { background: #fff; min-height: 700px;} .world-col { float: left; width: 180px; margin: 20px 30px 20px 0; } #world1 h4 { color:#4F51A2; font-weight: bold; } #world2 h4 { color:#9E9673; font-weight: bold; } #world3 h4 { font-weight: bold; } #world3 { margin-right: 0;} /***********End What We Do*************/ /***********Programs*************/ .program-intro { background: #F3F0EC; float: left; padding: 13px 13px 40px 13px; height: 590px; position: relative; } .program-intro .button { position: absolute; bottom: 10px; left: 13px; } #main-content .program-intro h3 { color: #737373; text-transform: uppercase; margin-top: 20px; font-size: 17px; margin-bottom: 18px; padding-bottom: 0; } .program {width: 294px; float: left; margin-right: 14px; margin-bottom: 30px;} .program img { display: block; /*margin: 0 0 10px 20px;*/} #program3 {margin-right: 0;} #book1, #book2, #book3 { cursor: pointer; } .program-btn {background: #a5916e; text-transform: uppercase; color: #fff; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 140px; } .program-btn:hover {background: #aa9e8a;} .what-we-do #loader { display: none; } /***********End Programs*************/ /***********Team*************/ .team { clear: left; min-height: 200px; margin-bottom: 30px; } .team-desc { width: 676px; margin-left: 180px; } .team img { float: left; } /***********End Team*************/ /***********Become Coach*************/ #coach #main-content img {margin-bottom: 20px;} #facilities-images {height: 270px; margin-bottom: 30px; } /***********Become Coach*************/ /****************Assessment Quiz**************/ #test #sidebar { width: 200px; padding-top: 10px;} #test #main-content { padding: 0; margin-left: 220px; } .pagenation { float: right; margin-bottom: 17px; } #main-content .pagenation li { float: left; padding-left: 0; background: none; } .pagenation li a { border: 1px solid #cacaca; display: block; width: 18px; height: 16px; margin-left: 10px; text-align: center; text-decoration: none; padding-top: 2px;} .pagenation li a:hover, .pagenation li a.active { background: #d2c5ad; color: #fff; } .pagenation li div { background: url(images/btn_left.gif) no-repeat; display: block; margin-top: -2px; height: 22px; padding: 3px 0; text-transform: uppercase; position: relative; } .pagenation li div a { border: 0; background: url(images/arrow_right.gif) no-repeat 89% 10px; padding-right: 10px; color: #fff; text-decoration: none; padding: 5px 16px 0 10px; display: inline; height: 22px; margin-left: 0; width: 100%; } .pagenation li div.previous a { background: url(images/arrow_left.gif) no-repeat 4px 10px; padding: 5px 10px 10px 10px;} .pagenation li div.next { margin-left: 15px; } .pagenation li div.next a { background: url(images/arrow_right.gif) no-repeat 88% 10px; padding: 5px 10px 10px 10px;} .pagenation li div .btn-end { background: url(images/btn_right.gif) no-repeat top right; position: absolute; top: 2px; right: 0; width: 4px; height: 22px; } .question-box { clear: right; background: url(images/bg_question.gif) bottom right no-repeat #f7f7f7;margin-bottom: 17px; padding: 13px 13px 14px 13px; position: relative; } .question-box p { color: #886321; font-size: 15px; font-weight: bold; margin: 4px 0 0 45px; width: 520px;} .question-box span { position: absolute; top: 3px; left: 10px; font-size: 30px; font-weight: bold; color: #b49e77; letter-spacing: -3px; } .question-box fieldset { background: #b49e77; color: #fff; padding: 5px; margin-top: 10px; } .question-box input { margin: 0 5px 0 10px; width: 10px; background: none; border: none; } .radio {font-size: 11px; display:compact; height:11px; vertical-align:text-top; line-height:11px; float:left} .radio1 { margin:0px ; padding:0px; display:compact; height:11px; float:left} #test-taken-intro { background: #bfad8c; color: #fff; padding: 20px 160px 5px 60px; position: relative; left: -32px; top: -10px; width: 460px; } #test #test-taken-intro p { color: #fff; font-weight: normal; font-size: 12px; } #test #test-taken-intro p.intro { font-size: 16px; } #test #test-taken-intro p.intro span { font-size: 26px; } #end-question { padding: 20px 40px 10px 45px; } #end-question p { color: #886321; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #end-question fieldset { margin-bottom: 20px; } #end-question input { width: 10px; margin: 0 5px 0 0; width: 10px; background: none; border: none; } #more-questions {margin-top: 20px; padding-left: 30px;} #more-questions p { font-size: 12px; font-weight: normal; color: #737373; margin-bottom: 20px; } #more-questions strong { display: block; margin-bottom: -5px; color: #ed881b; } #more-questions input{ width: 10px; } #more-questions input.text { width: 174px; background: url(images/bg_formfield.gif) repeat-x #fff; border: 1px solid #e6e6e6; color: #737373; font-size: 11px; padding: 3px 3px 2px 3px; width: 174px; } #more-questions textarea { width: 400px; height: 200px; } #more-questions #improvements p{margin-bottom: 0;} #more-questions #improvements textarea.other-box { height: 30px; margin-left: 18px; margin-bottom: 20px; width: 382px; } #more-questions #improvements .fright { float:right; padding-right:100px } #more-questions11 {background: url(images/bg_question.gif) bottom right no-repeat #f7f7f7;margin-top: 00px; padding-left: 30px; width: 520px;} #more-questions11 fieldset { margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: top;background: transparent;} #more-questions11 p { font-size: 12px; font-weight: normal; color: #FF9900; margin-bottom: 20px; } #more-questions11 strong { display: block; margin-bottom: -5px; color: #ed881b; } #more-questions11 input{ width: 10px; } #more-questions11 input.text { width: 174px; background: url(images/bg_formfield.gif) repeat-x #fff; border: 1px solid #e6e6e6; color: #737373; font-size: 11px; padding: 3px 3px 2px 3px; width: 174px; } #more-questions11 textarea { width: 400px; height: 200px; } #more-questions11 #improvements p{margin-bottom: 0;} #more-questions11 #improvements textarea.other-box { height: 30px; margin-left: 18px; margin-bottom: 20px; width: 382px; } /****************End Assessment Quiz**************/ /****************Assessment Login**************/ #login-page #main-content {margin-left: 190px;} .login-box { line-height: 12px; background: url(images/shadow_right.gif) right repeat-y #f7f7f7; float: left; padding: 15px 27px 25px 22px; width: 274px; position: relative; min-height: 184px; } .login-box form p, #contact-form p{ display: block; height: 15px; margin-bottom: 20px; } .login-box input, .login-box select { float: right;} .login-box label, #contact-form label { clear: left; float: left; color: #886321; display: block; font-size: 11px; line-height: 13px; text-transform: uppercase; width: 86px; padding: 4px 0 2px 0;font-size: 11px; margin-right: 4px; text-align: right; } .login-box small a{ clear: both; display: block; margin: -5px 0 13px 0; float: right; } button{ border: none; color: #fff; cursor: pointer; background-color:transparent; text-transform: uppercase; text-decoration: none; font-size: 11px; } .login-box .login-bottom { clear: both; background: url(images/shadow_bottom.gif) right no-repeat; margin: 30px 0 -2px -20px; height: 10px; width: 320px; position: absolute; bottom: 0; } #returning-user { margin-right: 0; float: right; } /****************End Login**************/ /***************Results**************/ /***Results Sidebar***/ #results #sidebar { width: 230px; } #results #main-content { margin-left: 250px; padding-right: 0;} .score { background: url(images/shadow_right.gif) repeat-y right #f7f7f7; text-align: center; padding: 16px; margin-bottom: 27px; position: relative; color: #bfad8c;} .score h4 { color: #bfad8c; font-weight: bold; } .score p { margin: 0; font-weight: bold; color: #bfad8c; } .score big { font-size: 36px; color: #bfad8c; } #score-guide { background: url(images/shadow_right.gif) repeat-y right #f7f7f7; padding: 16px 32px; margin-bottom: 27px; position: relative; } /***End Results Sidebar***/ .results { background: url(images/shadow_right.gif) repeat-y right #f7f7f7; padding: 30px 42px 42px 42px; position: relative; min-height: 370px; } #main-content ul#tab-nav { position: realtive; width: 100%; height: 39px; margin-bottom: 0; } #main-content ul#tab-nav li { background: url(images/bg_nav_results.gif) no-repeat; float: left; height: 39px; position: relative; } #main-content ul#tab-nav li:hover { background: url(images/bg_nav_results_over_on.gif) no-repeat; } #main-content ul#tab-nav li.active { background: url(images/bg_nav_results_on.gif) no-repeat #fff; } #main-content ul#tab-nav li.active:hover { background: url(images/bg_nav_results_on.gif) no-repeat #fff; } #main-content ul#tab-nav li a { background: url(images/arrow_right.gif) no-repeat 6px 16px; color: #fff; display: block; height: 24px; padding: 12px 16px 0 16px; text-decoration: none; text-transform: uppercase; width: 100%; } #main-content ul#tab-nav li.active a { background: url(images/nav_arrow_on.gif) no-repeat 6px 17px; color: #da770d; } #main-content ul#tab-nav li.active a:hover { background: url(images/bg_nav_results_over_on.gif) no-repeat; } #main-content ul#tab-nav li .nav-ending { background: url(images/bg_nav_results_end.gif) no-repeat top right; width: 7px; height: 39px; position: absolute; top: 0; right: 0; } #main-content ul#tab-nav li:hover { background: url(images/bg_nav_results_over.gif) no-repeat; } #main-content ul#tab-nav li:hover .nav-ending { background: url(images/bg_nav_results_over_end.gif) no-repeat top right; } #main-content ul#tab-nav li.active .nav-ending { background: url(images/bg_nav_results_on_end.gif) no-repeat; } #thumbs { margin: 40px 0; } #thumbs1 { margin: 20px 0 0px 80px; } .result-thumb { float: left; margin: 20px 90px 10px 0; } .result-thumb1 { float: left; margin: 20px 40px 10px 0; } .view-programs { background: url(images/btn_view_programs.gif) no-repeat; display: block; width: 206px; height: 36px; text-indent: -9999em; } .view-programs:hover { background: url(images/btn_view_programs_over.gif) no-repeat; } .ui-tabs-hide { display: none !important; } /*************End Results************/ /************FAQs************/ #faqs {padding: 25px; list-style: none; } #faqs p { line-height: 18px; margin-bottom: 0; } #main-content ul#faqs li {margin-bottom: 12px; background: none; padding-left: none; } #faqs li div {padding: 6px 15px 0 15px;} #faqs a.main {display: block; text-decoration: none; font-size: 12px; padding: 0 15px 0 15px; margin-bottom: 0; background: url(images/nav_arrow_on.gif) no-repeat 0 7px; font-weight: bold;} #faqs a.main:hover {color: #e29825;} #faqs a.selected {color: #e29825; font-size: 14px;} #faq-image { position: relative; z-index: 10; } /*#faqs .selected div {background: #fff;}*/ /************End FAQs************/ /*************Contact*******************/ #contact .two-col #main-content {padding: 0; border-left: none;} #contact #sidebar ul { margin: 14px 0 14px 0;} #contact #sidebar li { margin-bottom: 4px;} #contact-form { padding: 20px 47px 109px 93px; height: 240px; margin-top: 17px; } #contact-form label { clear: left; float: left; color: #886321; display: block; text-transform: uppercase; width: 150px; text-align: right; padding: 4px 20px 2px 0; } #contact-form input{} #contact-form textarea { width: 315px; height: 114px; display: block; } #contact-form button { border: none; color: #fff; display: block; font-size: 11px; padding: 2px 6px; margin: 100px 30px 0 0; clear: left; float: right; cursor: pointer; } #alan-contact {position: absolute; z-index: 4; bottom: -20px; left: 40px;} #contact #callout4 { margin-right: 10px; } #contact #callout3 {margin: 0;} #contact #form-results { position: absolute; left: 245px; bottom: 36px; width: 400px;} /*************End Contact*******************/ /************Login************************/ .mouse { position: absolute; top: 0; right: -190px; margin: 0; z-index: 2;} #login, #send-to-friend { padding: 17px 192px 31px 149px; margin-bottom: 34px; } #login h3 { margin-left: -110px; } #login label, #send-to-friend label { text-transform: uppercase; margin-top: 3px; display: block; float: left; width: 100px; } #login small { display: block; margin-left: 100px;} #login button, #send-to-friend button{ border: none; color: #fff; display: block; font-size: 11px; padding: 2px 6px; clear: right; float: right; cursor: pointer; } /************Login************************/ /*************Newsletter******************/ #newsletter-page .two-col #main-content {padding: 0; border-left: none;} #newsletter-form { padding: 20px 107px 109px 33px; height: 200px; margin-top: 17px; } #newsletter-form label { font-size: 11px; clear: left; float: left; color: #886321; display: block; text-transform: uppercase; width: 150px; text-align: right; padding: 4px 20px 2px 0; } #newsletter-form input{ width: 300px;} #newsletter-form select{ width: 307px;} #newsletter-form textarea { width: 315px; height: 114px; display: block; } #newsletter-form button { border: none; color: #fff; display: block; font-size: 11px; padding: 2px 6px; margin: 0 45px 0 0; clear: left; float: right; cursor: pointer; } /*************End Newsletter*******************/ /*************Callouts***************/ #callouts { clear: both; float: left; margin: 30px 0 0 0; padding: 0 0 0 0; height: 150px; font-size: 11px; } #callouts div.button {position: absolute; bottom: 5px; left: 10px;} #callouts h3 { text-transform: uppercase; font-size: 16px; margin-bottom: 11px; } #callouts p { width: 120px; line-height: 13px; } #callout1 { cursor: pointer; background: url(images/bg_callout_short.gif) no-repeat; float: left; position: relative; padding: 15px 13px 0 13px; margin-right: 13px; width: 277px; height: 116px; } #callout1 img { position: absolute; top: -15px; right: 20px;} #callout2 { cursor: pointer; background: url(images/bg_callout_short.gif) no-repeat;float: left; position: relative; padding: 15px 0 0 13px; margin-right: 0; width: 283px; height: 116px; } #callout2 h3 {width: 190px;} #callout2 strong { font-size: 13px;} #callout2 img { position: absolute; top: 16px; right: 7px; } #callout3 { background: url(images/bg_callout_long.gif) no-repeat right; float: left; position: relative; padding: 15px 0px 0 13px; margin-right: 0; margin-left: 13px; width: 277px; height: 116px;} #callout3-images { width: 160px; position: absolute; top: 15px; right: 10px;} #callout3 h3 {width: 110px; margin-bottom: 4px;} #callout4 { cursor: pointer; background: url(images/bg_callout_short.gif) no-repeat;float: left; position: relative; padding: 15px 0 0 13px; margin-right: 18px; width: 283px; height: 116px; } #callout4 h3 {width: 170px; margin-bottom: 4px;} #callout4 img { position: absolute; top: -26px; right: 5px; } #callout5 { cursor: pointer; background: url(images/bg_callout_short.gif) no-repeat; float: left; position: relative; padding: 15px 13px 0 13px; margin-right: 13px; width: 287px; height: 116px; } #callout5 img { position: absolute; top: 0; right: 25px; } /***********End Callouts***********/ /**********Footer*****************/ #push { clear: both; } #container { } #footer { clear: both; /*background: url(images/bg_footer.gif) repeat-x*/ background-color: #e9e9e9; height: 102px; margin-top: 103px; } #home #footer {margin-top: 0px; } #footer-content { color: #353535; width: 980px; text-align: left; margin: 0 auto; position: relative; } #footer-content a { color: #353535; text-decoration: none; } #footer-content a:hover { text-decoration: underline; } #footer-content p { position: absolute; top: 18px; left: 60px; } #footer-content ul { position: absolute; top: 18px; left: 259px; } #footer-content li {border-right: 1px solid #353535; display: inline; padding-right: 7px; margin-right: 7px;} #footer-content li.last { border-right: none; } #newsletter { position: absolute; top: 15px; right: 15px; } #newsletter input { background: url(images/bg_formfield.gif) repeat-x #fff; border: 1px solid #c19756; display: block; float: left; } #newsletter a { text-transform: uppercase; color: #353535; font-size: 13px; padding: 3px 25px 0 0; float: left; display: block; background: url(images/btn_newsletter.gif) no-repeat right; } #newsletter button { border: 0; background: url(images/btn_newsletter.gif) no-repeat; width: 20px; height: 20px; margin: 0 0 0 3px; display: block; text-indent: -9999em; float: left; } /*************End Footer**************/ /**************Classes****************/ .right { float: right; padding: 0 0 20px 20px;} .left { float: left; padding: 0 20px 20px 0;} .clear { clear: both; } .hide { display: none; } .back { margin: -40px 0 10px 300px; } .last { margin-right: 0; padding-right: 0; } .box { padding: 15px; background: #F3F0EC; position: relative; margin-bottom: 20px; } .bottom { clear: both; background: url(images/shadow_bottom.gif) right no-repeat; margin: 30px 0 -2px -20px; height: 10px; position: absolute; bottom: 0; right: 0; width: 100%;} .right-shade { position: relative; background: url(images/shadow_right.gif) repeat-y right #f7f7f7; padding: 11px 11px 20px 11px; margin-bottom: 20px; } .button { background: url(images/btn_left.gif) no-repeat; display:block; height: 22px; padding: 4px 10px 8px 7px; text-transform: uppercase; position:absolute } .button a { color: #fff; text-decoration: none; padding: 2px 7px 9px 0px; display:compact; height: 25px; width: 100%; background-image: url(images/arrow_right.gif); background-repeat: no-repeat; background-position: right 7px; } .btn-end { background: url(images/btn_right.gif) no-repeat top right; position: absolute; top: 0; right: 0; width: 4px; height: 22px; } .btn-end1 { position: absolute; top: 0; right: 0px; width: 4px; height: 22px; background-image: url(images/btn_right.gif); background-repeat: no-repeat; background-position: 40px top; } .button:hover { background: url(images/btn_left_over.gif) no-repeat; } .button:hover .btn-end{ background: url(images/btn_right_over.gif) no-repeat top right; } .btn-back a{ background: url(images/arrow_left.gif) no-repeat 10px 5px; padding-left: 20px; } .selected { color: #e29825; } li.selected { color: #737373; } .error { color: red; } .valid { color: #019304; } .coach-view button{ border: none; color: #fff; display: block; font-size: 11px; padding: 2px 6px; clear: right; float: right; cursor: pointer;} .coach-view button div.btn-end { position: absolute; right: 0; top: 0; background: url(images/btn_right.gif) top right no-repeat; } /**************JCarousel****************/ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {position: relative;} .jcarousel-clip { z-index: 2;padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the