/* -------------------------------------------------------------- coachescolleague.com * Version 2.0 (18-11-2008) Designed by: Daniel Gough - www.dangough.co.uk -------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { font-size: 100%; } body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; } .clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; padding: 0px; overflow: hidden; margin-bottom: -1px; } .clearer { clear: both; height: 15px; line-height: 1px; font-size: 1px; padding: 0px; overflow: hidden; margin-bottom: -1px; } /* Page Layout -------------------------------------------------------------- */ #wrap { width: 1210px; margin: 0 auto; min-height: 100%; text-align: left; } #columnMain { float: left; width: 930px; margin: 10px 0; } #columnRight { float: right; width: 280px; margin-top: 10px; } #header { width: 930px; height: 72px; margin-bottom: 15px; } #graphic { text-indent: -5000px; height: 200px; background: url(../images/front_page/welcome_graphic_new.jpg) no-repeat; } #content { width: 900px; padding-bottom: 15px; } #boxes { clear: both; } #footer { clear: both; width: 900px; padding-top: 15px; margin-bottom: 15px; } /* Header -------------------------------------------------------------- */ #logo { float: left; width: 726px; height: 53px; margin-top: 10px; background: url(../images/front_page/cc_logo.gif) no-repeat; } #logo h1 { text-indent: -999em; } #memberOffer { float: right; width: 204px; height: 72px; background: url(../images/front_page/newsletter.png) no-repeat; } #memberOffer h3 a { display: block; width: 172px; height: 72px; text-indent: -999em; } /* Content -------------------------------------------------------------- */ .contentOverview h3 { margin: 15px; text-indent: -5000px; width: 138px; height: 24px; background: url(../images/front_page/overview_h3.gif) no-repeat; } .contentOverview p { margin: 0 15px 0.5em; font-size: 1.5em; font-weight: bold; color: #666; line-height: 1.4em; text-align: justify; } blockquote { margin: 0.5em 15px; font-size: 1.3em; color: #666; line-height: 1.4em; text-align: justify; } #info_div, #join_div, #subscribe_div, #who_div, #testimonies_div { clear: left; } #info_div p, #join_div p, #subscribe_div p, #who_div p, #testimonies_div p { font-weight: normal; font-size: 1.3em; } #join_div ul, #who_div ul { margin: 0 30px; } .boxTop ul { margin: 5px 30px 0; } #join_div li, #who_div li, .boxTop li { font-size: 1.3em; font-weight: normal; color: #666; line-height: 1.3em; list-style-position: outside; } .subscribe_table { margin: 10px 15px 0; font-size: 1.2em; border: 1px solid #D4D4D4; width: 870px; color: #666; } .subscribe_table th { background: #E2DDD1; padding: 4px; color: #540860; } .subscribe_table td { padding: 4px; border-bottom: 1px solid #D4D4D4; } .subscribe_table .col { text-align: center; } .subscribe_table td.last { border: none; } .subscribe_table tr:hover { background: #F3F1EC; } /* Extra Content Tabs -------------------------------------------------------------- */ ul.tabs { margin: 10px 5px; padding: 0; } .tabs li { float: left; display: inline; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; } #info_tab a { text-indent: -5000px; display: block; width: 154px; height: 29px; background: url(../images/front_page/moreInfo_tab.png) 0 0px no-repeat; } #info_tab a:hover { text-indent: -5000px; display: block; width: 154px; height: 29px; background: url(../images/front_page/moreInfo_tab.png) 0 -29px no-repeat; } #info_tab.selected a { text-indent: -5000px; display: block; width: 154px; height: 29px; background: url(../images/front_page/moreInfo_tab.png) 0 -29px no-repeat; } #join_tab a { text-indent: -5000px; display: block; width: 226px; height: 29px; background: url(../images/front_page/reasons_tab.png) 0 0 no-repeat; } #join_tab a:hover { text-indent: -5000px; display: block; width: 226px; height: 29px; background: url(../images/front_page/reasons_tab.png) 0 -29px no-repeat; } #join_tab.selected a { text-indent: -5000px; display: block; width: 226px; height: 29px; background: url(../images/front_page/reasons_tab.png) 0 -29px no-repeat; } #subscribe_tab a { text-indent: -5000px; display: block; width: 141px; height: 29px; background: url(../images/front_page/subscribe_tab.png) 0 0 no-repeat; } #subscribe_tab a:hover { text-indent: -5000px; display: block; width: 141px; height: 29px; background: url(../images/front_page/subscribe_tab.png) 0 -29px no-repeat; } #subscribe_tab.selected a { text-indent: -5000px; display: block; width: 141px; height: 29px; background: url(../images/front_page/subscribe_tab.png) 0 -29px no-repeat; } #who_tab a { text-indent: -5000px; display: block; width: 164px; height: 29px; background: url(../images/front_page/who_tab.png) 0 0 no-repeat; } #who_tab a:hover { text-indent: -5000px; display: block; width: 164px; height: 29px; background: url(../images/front_page/who_tab.png) 0 -29px no-repeat; } #who_tab.selected a { text-indent: -5000px; display: block; width: 164px; height: 29px; background: url(../images/front_page/who_tab.png) 0 -29px no-repeat; } #testimonies_tab a { text-indent: -5000px; display: block; width: 114px; height: 29px; background: url(../images/front_page/testimonies_tab.png) 0 0 no-repeat; } #testimonies_tab a:hover { text-indent: -5000px; display: block; width: 114px; height: 29px; background: url(../images/front_page/testimonies_tab.png) 0 -29px no-repeat; } #testimonies_tab.selected a { text-indent: -5000px; display: block; width: 114px; height: 29px; background: url(../images/front_page/testimonies_tab.png) 0 -29px no-repeat; } /* Boxes */ .box { float: left; width: 280px; } .boxAdvert { float: right; display: inline; width: 280px; height: 200px; background: url(../images/front_page/box_advert.png) no-repeat; } .advert { display: block; text-indent: -5000px; width: 280px; height: 200px; } .boxSmall { float: right; width: 280px; height: 50px; margin-bottom: 10px; background: url(../images/front_page/box_small_bg.png) no-repeat; } .boxSmall_alt { float: right; width: 280px; height: 50px; margin-bottom: 10px; background: url(../images/front_page/box_small_alt_bg.png) no-repeat; } .boxSmall_image { float: right; width: 276px; height: 170px; margin: 0; padding: 4px 0 0 4px; background: url(../images/front_page/box_small_image_bg.png) no-repeat; } .boxTop { height: 135px; background: url(../images/front_page/box_bg_top.gif) top no-repeat; } .boxBottom { height: 65px; background: url(../images/front_page/box_bg_bottom.gif) no-repeat; } .boxCentre { float: left; width: 280px; height: 200px; background: url(../images/front_page/box_bg.gif) no-repeat; margin: 0 30px; } /* Headings */ .signUp h4 { text-indent: -5000px; width: 92px; height: 41px; margin: 0 0 0 15px; background: url(../images/front_page/signup_h4.gif) 0 15px no-repeat; } .freeAccess h4 { text-indent: -5000px; width: 240px; height: 41px; margin: 0 0 0 15px; background: url(../images/front_page/freeAccess_h4.gif) 0 15px no-repeat; } .tour h4 { text-indent: -5000px; width: 52px; height: 41px; margin: 0 0 0 15px; background: url(../images/front_page/tour_h4.gif) 0 15px no-repeat; } .gainFullAccess { text-indent: -5000px; width: 220px; height: 41px; margin: 0 0 0 15px; background: url(../images/front_page/gainFullAccess_h4.gif) 0 15px no-repeat; } .login h4 { text-indent: -5000px; width: 64px; height: 41px; margin: 0 0 0 15px; background: url(../images/front_page/login_h4.gif) 0 15px no-repeat; } .affiliation { text-indent: -5000px; width: 114px; height: 41px; margin: 0 0 0 15px; background: url(../images/front_page/affiliation_h4.gif) 0 15px no-repeat; } .boxSmall h4, .boxSmall_alt h4 { float: left; position: relative; top: 17px; left: 13px; text-indent: -5000px; width: 212px; height: 20px; } .boxSmall h4 a, .boxSmall_alt h4 a { display: block; width: 212px; height: 20px; } .newsletter h4 { background: url(../images/front_page/newsletter_h4.gif) no-repeat; } .affiliate h4 { background: url(../images/front_page/affiliationScheme_h4.gif) no-repeat; } .soccerDrills h4 { background: url(../images/front_page/soccerDrills_h4.gif) no-repeat; } .commonQuestions h4 { background: url(../images/front_page/commonQuestions_h4.gif) no-repeat; } .qualificationTopics h4 { background: url(../images/front_page/qualificationTopics_h4.gif) no-repeat; } .coachingSessions h4 { background: url(../images/front_page/coachingSessions_h4.gif) no-repeat; } .coachingProcess h4 { background: url(../images/front_page/coachingProcess_h4.gif) no-repeat; } .footballTraining h4 { background: url(../images/front_page/footballTraining_h4.gif) no-repeat; } .sportsScience h4 { background: url(../images/front_page/sportsScience_h4.gif) no-repeat; } .grassrootsCoaching h4 { background: url(../images/front_page/grassrootsCoaching_h4.gif) no-repeat; } .fullAccess h4 { background: url(../images/front_page/fullAccess_h4.gif) no-repeat; } .ourContent h4 { background: url(../images/front_page/ourcontent_h4.gif) no-repeat; } /* Box Content -------------------------------------------------------------- */ .boxCentre p { font-size: 1.3em; font-weight: bold; line-height: 1.4em; color: #540860; margin: 5px 15px 5px 15px; } .boxTop a { color: #41BC8C; } .box p { font-size: 1.3em; font-weight: bold; line-height: 1.2em; color: #540860; margin: 5px 15px 5px 15px; } .box a, a:visited { color: #3ABC8C; } p.conditions { font-size: 1em; font-weight: normal; margin: 0 15px; } /* Buttons -------------------------------------------------------------- */ .smallButton { float: right; text-indent: -5000px; display: block; position: relative; top: 12px; right: 10px; width: 40px; height: 30px; background: url(../images/front_page/small_button.gif) no-repeat; } .enterButton { text-indent: -5000px; display: block; position: relative; top: 15px; left: 74px; width: 134px; height: 44px; background: url(../images/front_page/enter_button.gif) 0 0 no-repeat; border: 0; } .signupButton { float: left; text-indent: -5000px; display: block; position: relative; top: 15px; left: 5px; width: 134px; height: 44px; background: url(../images/front_page/signup_button.gif) 0 0 no-repeat; } .tourButton { float: right; text-indent: -5000px; display: block; position: relative; top: 15px; right: 5px; width: 134px; height: 44px; background: url(../images/front_page/tour_button.gif) 0 0 no-repeat; } .loginButton { text-indent: -5000px; display: block; position: relative; top: 15px; left: 74px; width: 134px; height: 44px; background: url(../images/front_page/login_button.gif) 0 0 no-repeat; border: 0; } .affiliationButton { text-indent: -5000px; display: block; position: relative; top: 15px; left: 74px; width: 134px; height: 44px; background: url(../images/front_page/affiliation_button.gif) 0 0 no-repeat; border: 0; } /* Footer -------------------------------------------------------------- */ #footerContent { border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; } #footerContent p { padding: 8px 0; font-size: 1.3em; font-weight: bold; color: #666; } #footerLinks { margin: 5px 0; } #footerLinks div { text-align: center; } #footerLinks a { font-size: 1.1em; color: #666; line-height: 1.6em; letter-spacing: 0.02em; text-decoration: none; } #footerLinks a:hover { text-decoration: underline; } /* Login box -------------------------------------------------------------- */ .form-item label { float: left; width: 30%; font-size: 1.3em; margin-left: 15px; color: #666; } .remember-me { flaot: left; font-size: 1.1em; margin-top: 2px; margin-left: 35%; color: #666; } #edit-name { width: 55%; margin-right: 15px; border: 1px solid #89B1CA; padding: 1px; margin-bottom: 2px; } #edit-pass { width: 55%; margin-right: 15px; border: 1px solid #89B1CA; padding: 1px; }