/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Team Beds & Luton - Main Stylesheet Author: Alison Lee (alisonlee@silktide.com) / Silktide Ltd Created: 13/07/2006 Updated: History: 13/07/2006 Stylesheet created COLOURS Blue #002483 Green #54AD27 Green links #35AF23 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #BBD4E4 url("templatefiles/bkg.jpg") repeat-x top left; font: 80% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: normal 1.8em arial, verdana, helvetica, sans-serif; color: #002483; margin: 0 0 15px;} h2 { font: normal 1.4em arial, verdana, helvetica, sans-serif; color: #002483; margin: 0 0 15px; } h3 { font: bold 1.2em arial, verdana, helvetica, sans-serif; color: #002483; margin: 0 0 15px; } h4 { font: bold 1.0em arial, verdana, helvetica, sans-serif; color: #002483; margin: 0 0 15px; } p, li { font-size: 1.0em; line-height: 1.5em; } a { color: #35AF23; } a:hover { color: #002483; } img { border: 0; } hr { height: 1px; background-color: transparent; color: #002483; border: 1px dashed #002483; padding: 0; margin: 5px 0; } form, table { background: transparent; font-size: 1.0em; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 5px; } fieldset table td { padding-bottom: 10px; } .left { float: left; } .right { float: right; } .clear { clear: right; } .widthwrapper { width: 100%; } .padding { padding: 10px; } #skip { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 775px; background-color: #fff; color: #333; text-align: left; margin: 10px auto; } .header { background: #fff url("templatefiles/header-bg_dark.jpg") repeat-y top right; border-bottom: 10px solid #54AD27; } .header img { margin: 10px 0 5px 10px; } .header .tbl-logo { display: block; } .header #boost-logo { display: none; } .header #comps-logo { display: none; } .header a { text-decoration: none; } #leftcol { width: 170px; background: #002483 url("templatefiles/leftcol-bg.jpg") no-repeat bottom right; float: left; color: #fff; padding:0 0 20px; margin: 0 0 10px; } #rightcol { width: 180px; position: relative; float: right; margin: 15px 0 10px 10px; } #content { padding: 1em; margin-left: 175px; margin-right: 1em; } #footer { clear: both; padding: 2px 5px; border-top: 3px solid #54AD27; margin: 0; } #footer #poweredby { display: none; float: right; } /* Search Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .header #search { float: right; font-weight: bold; font-size: 0.9em; color: #fff; margin: 5px 5px 0 0; } .header #search .button { width: 25px; height: 24px; background: url("templatefiles/button-go_dark.jpg") no-repeat 0 1px; font-size: 1.0em; color: #fff; border: 0; padding: 2px 0 0; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ ul#nav { padding: 0; margin: 0; } ul#nav li { list-style-type: none; color: #fff; padding: 0; border-bottom: 1px solid #2A4FB2; } ul#nav li a { display: block; color: #fff; text-decoration: none; padding: 3px 10px; } ul#nav li a:hover { background-color: #54AD27; color: #fff; } ul#nav ul { background-color: #35519C; padding: 0; margin: 0; } ul#nav ul li { border-top: 1px solid #6077B2; border-bottom: 0; } ul#nav ul li a { width: 130px; display: inline-block; padding: 3px 20px; } ul#nav ul li a:hover { background-color: #54AD27; color: #fff; } ul.subnav { background:none; padding: 0; margin: 0; } ul.subnav li { list-style-type: none; color: #fff; padding:0; border-top: 1px solid #6077B2; position:relative; } ul.subnav li a { display: block; color: #fff; text-decoration: none; padding: 3px 15px; } ul.subnav li a:hover { background-color: #54AD27; color: #fff; } ul.subnav ul { background-color: #35519C; padding: 0; margin: 0; } ul.subnav ul li { border-top: 1px solid #6077B2; border-bottom: 0; position:relative; } ul.subnav ul li a { display: block; padding: 3px 10px 3px 30px; } ul.subnav ul li a:hover { background-color: #54AD27; color: #fff; } ul.inlinenav { padding: 0; margin: 10px 0; } ul.inlinenav li { display: inline; list-style-type: none; } ul.inlinenav li.selected a { color: #002483; } ul.inlinenav li.selected a:hover { color: #35AF23; } /* Leftcol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #leftcol h2 { color: #fff; margin-left: 10px; } #leftcol .padding { padding: 0 10px; } /* Login Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .login .button { height: 24px; background: url("templatefiles/button-login.gif") no-repeat 50% 50%; font-size: 0.8em; color: #fff; border: 0; padding: 2px 0; } #leftcol .login label { font-size: 0.8em; color: #fff; } #leftcol .login .button { background: url("templatefiles/button-login.jpg") no-repeat 50% 50%; } /* Rightcol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #rightcol-top { width: 180px; height: 13px; position: absolute; top: 0; left: 0; background: transparent url("templatefiles/rightcol-top-bg.gif") no-repeat left top; padding: 0; margin: 0; } #rightcol-content { border-left: 1px solid #35519C; } #rightcol-bottom { width: 180px; height: 15px; border-top:1px solid #2A4FB2; background: url("templatefiles/rightcol-bg-green.gif") no-repeat left bottom; padding: 0; margin: 0; } #rightcol .padding { padding: 3px 10px 10px; } #rightcol img { display: block; } #rightcol { background-color: #012384; color:#fff; } #rightcol h3 { color: #fff; padding:10px 8px; margin:0; background-color:#56AB2A; position:relative; } #rightcol a { color: #55AC27; } #rightcol a:hover { color: #fff; } #rightcol li { background:none; } #rightcol li ul { margin:0; padding:0; } #rightcol .subnav li a { color:#fff; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #cornerwrapper { display: inline; height: 100%; position: relative; padding: 0; margin: 0; } #cornerwrapper img { display: block; border: 2px solid #002483; } #topleft { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('templatefiles/imgcorner-tl.gif') no-repeat top left; } #topright { width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-tr.gif') no-repeat top right; } #bottomright { width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-br.gif') no-repeat bottom right; } #bottomleft { width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-bl.gif') no-repeat bottom left; } .cornerwrapper { display: inline; height: 100%; position: relative; padding:0; margin: 0 10px 5px 10px; } .cornerwrapper img { display: block; border: 1px solid #002483!important; } .topleft { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent url('templatefiles/imgcorner-tl.gif') no-repeat top left; } .topright { width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-tr.gif') no-repeat top right; } .bottomright { width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-br.gif') no-repeat bottom right; } .bottomleft { width: 100%; height: 100%; background: transparent url('templatefiles/imgcorner-bl.gif') no-repeat bottom left; } .column { width: 49%; float: left; padding-right: 15px; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home #content { margin-right:280px; } #home #content p { margin:10px 0 8px 0; } #home #flashbanner { margin:0; padding:0; height:180px; } #home #col2 { float:right; width:250px; border-left:1px solid #9C9C9C; margin:15px 0 0 0; padding:1em 1em; } #home #col2 p { margin:10px 0 8px 0; } #home hr { height: 1px; width:85%; text-align:center; background-color: transparent; border: 1px solid #D9D9D9; padding: 0; margin:3px 0 10px 0; }