/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for PC4Recycling - Main Stylesheet Author: David Ball (davidball@silktide.com) / Silktide Ltd -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #fff url("templatefiles/body-bg.jpg") no-repeat top left; font: 80% verdana, arial, helvetica, sans-serif; padding: 0; margin: 0;} body#home { background: #fff url("templatefiles/body-bg-home.jpg") no-repeat top left; } h1 { font: bold 1.8em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #1F49AB; margin: 0 0 5px; } h2 { font: bold 1.2em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #1F49AB; margin: 10px 0; } h3 { font: normal 1.2em arial, verdana, helvetica, sans-serif; text-transform: uppercase; color: #1F49AB; margin: 10px 0; } p, li { font-size: 1.0em; line-height: 1.5em; margin: 8px 0; } .smalltext { font-size: 0.85em; } #content p { text-align: justify; } li { list-style:none; background: transparent url("templatefiles/content_bullet.gif") no-repeat 0px 9px; padding-left:15px;} a, a:visited { font-weight: bold; color: #214CAE; text-decoration: none; } a:hover, a:active { color: #447DE2; text-decoration:underline; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 15px 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; } .cleartable { border-collapse: collapse; } .cleartable td, .cleartable th { vertical-align:top; } .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-left: auto; margin-right: auto; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 100%; min-height: 100%; height: auto; margin-bottom: -45px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #header { min-width: 760px; height: 144px; position: relative; background:#FEFEFE url(templatefiles/header_bk.jpg) repeat-x top left; } #contentwrapper { min-width: 760px; } #sidecol { width: 255px; float: right; padding: 0 2px 0 0; margin: -20px 0 0 0; } #content { padding: 0 20px; margin: 0 260px 0 0; } .fullwidth #content { margin-right: 20px; } #subcontent { width: 200px; float: right; padding: 0; margin: 0 10px 10px 20px; } #clearfooter { clear: both; height: 45px; } /* height to match height + padding + margin etc in #footer */ #footer { width: 100%; height: 35px; position: relative; clear: both; background: transparent url("templatefiles/footer-bg.jpg") repeat-x bottom left; margin-top: 10px; padding:0; overflow:hidden; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { position: absolute; left: 10px; top: 5px; } #header #flash { position: absolute; right: 15px; top: -5px; } #header #topimage { text-align:right;} #banner { height: 185px; background: url("templatefiles/banner_bk.jpg") repeat-x top; padding: 0; margin: 10px 0 0 0; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #topnav { width: 100%; height: 35px; position: absolute; top: 109px; background: transparent url("templatefiles/topnav.jpg") repeat-x; } #header #topnav .right { color: #fff; text-transform: uppercase; margin-right: 10px; } #header #topnav ul { padding: 0; margin: 8px 20px; } #header #topnav ul li { display: inline; list-style-type: none; background: url("templatefiles/topnav_bullet.jpg") no-repeat 0px 3px; font-weight: bold; text-transform: uppercase; padding: 0 0 0 13px; margin: 0 15px 0 0; } #header #topnav ul li a, #header #topnav ul li a:visited { color: #fff; text-decoration: none; } #header #topnav ul li a:hover, #header #topnav ul li a:active, #header #topnav ul li.selected a { color: #FFCC00; } ul#topnav ul { background-color: transparent; padding: 0; border: 0; margin: 0; } ul#topnav ul li { background-image: none; padding-left: 0; } p#breadcrumb { font-size: 0.85em; color: #B8BCBF; } p#breadcrumb b { font-weight: normal; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol .padding { padding: 10px; } #sidecol .block { background: #457EE4 url(templatefiles/blue_box.jpg) repeat-x top left; margin-bottom:10px; color:#FFF; } #sidecol .block .padding a, #sidecol .block .padding a:visited { font-weight: normal; color: #000; } #sidecol .block .padding a:hover, #sidecol .block .padding a:active { color: #FFCC00; } #sidecol h2 { color: #1F49AB; margin: 0; } #sidecol .block h2 { color: #fff; margin: 5px 0 15px; } #sidecol .block form label { font-size: 0.85em; text-transform: uppercase; color: #fff; } #sidecol form .button { font-size: 0.85em; } #sidecol a, #sidecol a:visited { color:#fff;} #sidecol a:active, #sidecol a:hover { color:#FFCC00; } #sidecol ul.subnav { padding: 0; margin: 0; /*border-top: 1px dotted #000;*/ } #sidecol ul.subnav li { font-weight: bold; font-size: 1em; list-style-type: none; padding:0; border-bottom: 1px dotted #b0afaa; margin: 0; background:none; } #sidecol ul.subnav li a { text-decoration:none; padding: 8px 20px; margin:0; display:block; } #sidecol ul.subnav li a:hover { background-color: #6190E4; } #sidecol ul.subnav li .selected a { background-color:#6190E4; } #sidecol ul.subnav ul { padding: 0; margin: 0; } #sidecol ul.subnav ul li { font-weight: bold; padding:0; border-bottom:0; border-top:1px dotted #b0afaa; } #sidecol ul.subnav ul li a { padding-left:50px; background: url("templatefiles/bullet.gif") no-repeat 35px 14px; background-color:#457EE4; } #sidecol .centerimg { background:#fff; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent p { text-align: left; } #subcontent ul { padding: 0 8px; margin: 0 0 0 8px; } #subcontent ul li { margin: 1px 0; } #subcontent .padding { padding: 5px 15px; margin:0; } #subcontent img { display:block; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer p { font-size: 0.85em; color: #fff; margin: 8px 10px 0; } #footer a, #footer a:visited { color: #fff; text-decoration: underline; } #footer a:hover, #footer a:active { color: #FDB415; } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ .halfcontent { width: 40%; float: left; margin-right: 20px; }