/* CSS generated by SiteManager at 03:56pm 08/05/2009 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Studios Created: 17/02/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack */ html, body { height: 100%; } /* end hack */ body { background: #E2EBF0 url(http://www.prospects4sport.co.uk/private/templatefiles/body_bg.jpg) repeat-x 0 0; font: 80% 'trebuchet ms', arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/h1_bg.jpg) repeat-x 0 0; font: normal 1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #fff; padding: 5px 10px; border: 1px solid #916a9f; border-width: 0 1px; margin: -5px -7px 15px; } h2 { font: normal 1.5em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #5D6E80; margin: 10px 0; } h3 { font: bold 1.1em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #5D6E80; margin: 10px 0 0; } p, li { font-size: 1.0em; line-height: 1.5em; color: #333; } #content p, #content li { line-height: 2.0em; } a:link, a:visited { text-decoration: underline; color: #5c0f61; } a:hover, a:active { text-decoration: none; color: #ac477f; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 5px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px 5px 5px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .widthwrapper { width: 100%; } .padding { padding: 20px; } .centerimg { text-align: center; } .centerimg img { margin: auto; } #accessibility { display: none; } /* Container Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 965px; min-height: 100%; height: auto; text-align: left; padding: 0; border: 0; margin: 0 auto -131px; } /* margin-bottom to match #clearfooter */ /* Header and Nav Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { height: 125px; position: relative; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/header_bg.jpg) no-repeat 0 0; margin-bottom: 15px; } #header #logo { position: absolute; top: 25px; left: 230px; margin: 0; } #header #tab { display: none; } /* Removed at client's request (07/05/09) #header #tab { width: 71px; height: 28px; display: block; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/tab_down.jpg) no-repeat 0 0; position: absolute; top: 0; right: 10px; font-weight: bold; font-size: 1.0em; text-align: center; color: #622E64; padding: 7px 0 0; margin: 0; } #header #tab a, #header #tab a:visited { text-decoration: none; color: #622E64; } #header #tab a:hover, #header #tab a:active { color: #666; } */ ul#mainnav { position: absolute; bottom: 0; left: 300px; padding: 0; margin: 0; } ul#mainnav li { float: left; display: inline; list-style-type: none; font-size: 1.0em; text-decoration: none; text-align: center; color: #fff; padding: 0; margin: 0 2px; } ul#mainnav li a, ul#mainnav li a:visited { width: 83px; height: 22px; float: left; text-decoration: none; color: #fff; padding: 1px 0 0; border: 0; } ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li.selected a{ background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/tab.jpg) no-repeat top center; text-decoration: none; color: #000; } /* Sidecol Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol { width: 224px; min-height: 50px; float: left; background: transparent none; margin: 0; } #sidecol ul#subnav { background: #745282 url(http://www.prospects4sport.co.uk/private/templatefiles/sidenav_bg.jpg) no-repeat 0 0; padding: 2px 0 0; margin: 0; } #sidecol ul#subnav li { list-style-type: none; font-weight: bold; color: #fff; padding: 0; border-top: 1px solid #B592C4; margin: 0 2px; } #sidecol ul#subnav li a, #sidecol ul#subnav li a:visited { display: block; color: #fff; text-decoration: none; padding: 2px 20px; border-bottom: 1px solid #5C386C; margin: 0; } #sidecol ul#subnav li a:hover, #sidecol ul#subnav li a:active { background-color: #BCA9C5; color: #000; } #sidecol ul#subnav li.selected a { background-color: #BCA9C5; color: #000; } #sidecol ul#subnav li ul { background: transparent none; padding: 2px 0; margin: 0 0 0 30px; } #sidecol ul#subnav li ul li { font-size: 0.9em; color: #fff; padding: 0; border: 0; margin: 0; } #sidecol ul#subnav li ul li a, #sidecol ul#subnav li ul li a:visited { background-color: transparent; color: #fff; padding: 1px 0; border: 0; margin: 0; } #sidecol ul#subnav li ul li a:hover, #sidecol ul#subnav li ul li a:active, #sidecol ul#subnav li ul li.selected a { background: transparent; color: #000; } #sidecol ul#subnav li.selected ul { background: transparent none; padding: 2px 0; margin: 0 0 0 30px; } #sidecol ul#subnav li.selected ul li { font-size: 0.9em; color: #fff; padding: 0; border: 0; margin: 0; } #sidecol ul#subnav li.selected ul li a, #sidecol ul#subnav li.selected ul li a:visited { background-color: transparent; color: #fff; padding: 1px 0; border: 0; margin: 0; } #sidecol ul#subnav li.selected ul li a:hover, #sidecol ul#subnav li.selected ul li a:active, #sidecol ul#subnav li.selected ul li.selected a { background: transparent; color: #000; } #sidecol ul#subnav ul ul, #sidecol ul#subnav li ul li.selected ul { margin: 0 0 0 20px; } #sidecol ul#subnav ul ul li, #sidecol ul#subnav li ul li.selected ul li { font-size: 0.95em; list-style-type: square; } #sidecol .subboxtop { width: 224px; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/subbox_top_220.jpg) no-repeat 0 0; margin-top: 15px; } #sidecol .subbox { width: 218px; min-height: 200px; background: #fff; position: relative; padding: 0px 2px 2px; border: 1px solid #BBD1DD; border-top: 0; margin: 4px 0 0; } #sidecol .subbox h2 { background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/h2_bg.jpg) repeat-x 0 0; font: normal 1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #fff; padding: 5px 10px; border: 1px solid #8E2B74; border-width: 0 1px; margin: 0; } #sidecol .subbox p { background: #eeeef2 url(http://www.prospects4sport.co.uk/private/templatefiles/fade_bg.jpg) repeat-x 0 0; font-size: 0.9em; color: #574565; padding: 8px 8px 18px 8px; border: 1px solid #B9CFDC; margin: 2px 0 0; } #sidecol .subbox .arrowlink { width: 11px; height: 11px; display: block; float: right; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/arrow.png) no-repeat center center; margin: -15px 4px 0 0; } #sidecol .subbox .centerimg img { margin: 5px auto; } #sidecol #testimonials { min-height: 100px; } #sidecol #testinner { position: relative; background: #eeeef2 url(http://www.prospects4sport.co.uk/private/templatefiles/fade_bg.jpg) repeat-x 0 0; font-size: 0.9em; color: #574565; padding: 8px 8px 18px 8px; border: 1px solid #B9CFDC; margin: 2px 0 0; } #sidecol #testinner .arrowlink { position: absolute; right: 0; bottom: 2px; } /* SearchStyles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #search { margin: 25px 15px 15px; } #search p { font-weight: bold; font-size: 0.9em; text-transform: uppercase; color: #5D6E80; margin: 0; } #search input { width: 125px; padding: 5px; border: 1px solid #5D6E80; } #search .button { width: 28px; background-color: #457DB9; font-size: 0.9em; text-transform: uppercase; color: #fff; padding: 4px 0 5px; } /* Banner Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #home #bannerwrapper { margin-left: 241px; } #banner { width: 724px; height: 168px; overflow: hidden; position: relative; background: #622E64 none; margin: 0 0 15px 0/*241px*/; } #banner #banneroverlay { position: absolute; top: 0; left: 0; } /* Content Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #contentwrapper { min-height: 300px; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/content_top_724.jpg) no-repeat 0 0; margin-left: 241px; } #home #contentwrapper { background-image: url(http://www.prospects4sport.co.uk/private/templatefiles/content_top_home.jpg); margin-top: 25px; margin-left: 0; } #content { width: 702px; min-height: 300px; background: #fff; position: relative; padding: 5px 10px 10px; border: 1px solid #BBD1DD; border-top: 0; margin: 4px 0 0; } #home #content { width: 444px; min-height: 390px; } .contentimg { display: block; border: 1px solid #B9CFDC; } #content .right { margin: 5px 0 0 10px; } #content .left { margin: 5px 10px 0 0; } .col { width: 125px; min-height: 50px; float: left; background: #fff; padding: 5px 10px; border: 1px solid #BBD1DD; margin-top: 10px; } .spacer { margin-right: 12px; } #col1 { background: #e9eaef url(http://www.prospects4sport.co.uk/private/templatefiles/col1_bg.jpg) no-repeat bottom right; } #col2 { background: #e9eaef url(http://www.prospects4sport.co.uk/private/templatefiles/col2_bg.jpg) no-repeat top left; } #col3 { background: #e9eaef url(http://www.prospects4sport.co.uk/private/templatefiles/col3_bg.jpg) no-repeat top right; } .col h2 { font-weight: bold; font-size: 1.3em; margin: 0 0 10px; } .col h2 a { text-decoration: none; } .col p.button { font-size: 0.9em; color: #fff; margin: 0; } .col p.button a { display: block; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/button.png) no-repeat 0 1px; text-decoration: none; color: #fff; padding: 0 7px; margin: 0; } .col p.button a:hover, .col p.button a:active { color: #BCA9C5; } #content ul { overflow: hidden; padding: 0 0 0 20px; margin: 15px; } /* Subcontent Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent { width: 236px; min-height: 475px; float: right; background-color: #fff; padding: 0px 2px 2px; border: 1px solid #BBD1DD; border-top: 0; margin-top: 4px; } #subcontent h2 { background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/h2_bg_news.jpg) repeat-x 0 0; font: normal 1.3em 'trebuchet ms', arial, verdana, helvetica, sans-serif; color: #fff; padding: 5px 10px; border: 1px solid #b93c7e; border-width: 0 1px; margin: 0; } #news { padding: 20px 10px; } #news p { font-size: 0.9em; margin: 0 0 10px; } #news p.title { font-size: 1.1em; } #news .date { font-size: 0.85em; } #news a.left { border: 1px solid #333; margin: 5px 10px 10px 0; } #news p.button { text-align: right; color: #fff; margin: 0; } #news p.button a { display: block; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/button.png) no-repeat right 1px; text-decoration: none!important; color: #fff; padding: 0 5px 6px; } #news p.button a:hover, #news p.button a:active { color: #BCA9C5; } /* Footer Styles ---------------------------------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { clear: both; height: 131px; } /* height to match height + padding + margin etc in #footer */ #footer { width: 100%; background: transparent url(http://www.prospects4sport.co.uk/private/templatefiles/footer_bg.jpg) repeat-x 0 0; clear: both; text-align: left; margin: 40px auto 0; } #footerinner { width: 965px; height: 91px; position: relative; margin: 0 auto; } #footerinner p { position: absolute; left: 10px; bottom: 10px; font-size: 0.85em; color: #fff; } #footerinner p a { color: #fff; border: 0; } #footerinner p a:hover, #footerinner p a:active { text-decoration: none; } #footerinner ul { position: absolute; right: 10px; bottom: 10px; padding: 0; margin: 0; } #footerinner ul li { display: inline; list-style-type: none; font-size: 0.85em; color: #fff; } #footerinner ul li a { color: #fff; border: 0; } #footerinner ul li a:hover, #footerinner ul li a:active { text-decoration: none; }