/* CSS generated by Site Manager at 02:51pm 19/02/2009 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Jigsaw Financial - Main Stylesheet Author: David Ball (davidball@silktide.com) / Silktide Ltd / Adapted by Alison Springall (alisonspringall@silktide.com) Created: 22/08/2008 / 17/02/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack */ html, body { height: 100%; } /* end hack */ body { background: #EEF5E9 url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/bkg.jpg) top repeat-x; font: 80% "trebuchet ms", arial, verdana, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: normal 1.6em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #81C126; padding: 5px 0 0 0; margin: 0 0 10px; } h2 { font: 1.3em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #81C126; margin: 20px 0 5px; } h3 { font: bold 1.1em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #81C126; margin: 20px 0 5px; } p, li { font-size: 1.0em; line-height: 1.6em; color: #666; margin: 9px 0; } li { margin: 5px 0; } .smalltext, .breadcrumb { font-size: 0.9em; margin: 0 0 5px; } a, a:visited { color: #81C126; text-decoration: none; } a:hover, a:active { color: #689F1B; text-decoration:underline; } hr { height: 1px; background-color: #00357B; color: #00357B; border: 0; margin: 2px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; color: #666; } .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; } .right { float: right; } .imgleft { width: 205px; float: left; margin: 0 15px 15px 0; } .imgright { width: 205px; float: right; margin: 0 0 15px 15px; } .centerimg { text-align: center; } .centerimg img { margin: 0 auto; } .alignright { text-align: right; } .widthwrapper { width: 100%; } .autowidth table { width: auto!important; } .padding { padding: 20px; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 990px; min-height: 100%; height: auto; position:relative; background:#fff; text-align: left; margin: 0 auto -23px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #contentwrapper { margin:20px 15px 0; } #header { height: 132px; position: relative; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/header_bk.jpg); padding:0; margin: 0 4px; } #topnav { height:41px; background:transparent url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/topnav.gif) repeat-x; margin: 0 4px; } #sidecol { width: 225px; float: left; display: block; background: #9ABB8B; } #content { padding: 0; margin: 0 0 10px 240px; } .fullwidth #content { margin-left: 15px; } #subcontent { width: 366px; float: right; background: transparent url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/box366_mid.jpg) bottom left repeat-y; margin: 0 0 15px 15px; } #clearfooter { height: 23px; clear: both; } /* height to match height + padding + margin etc in #footer */ .smallbox { width: 271px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/box270_mid.gif) repeat-y; } .smallbox .top { height: 8px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/box270_top.gif) no-repeat top; } .smallbox .bottom { height: 7px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/box270_bottom.gif) no-repeat top; } .smallbox .middle { padding: 1px 8px 2px 9px; } .smallbox h2 { background: transparent url(templatefiles/bullet_blue.gif) no-repeat 7px 9px; line-height: 32px; color: #FFF; padding: 0 10px 0 27px; margin:0; } .smallbox p { font-size: 1.15em; color: #fff; padding: 8px 12px; } .smallbox .link { text-align: right; padding: 5px 10px; } .smallbox .link a { font-size: 1.15em; text-decoration: underline; color: #fff; } .smallbox .link a:hover { color: #D0E6FF; } .stripe { background: #81C126 url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/green_stripe.gif) repeat-x; } .widebox { width: 559px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/boxnews_mid.gif) repeat-y; margin-top: 20px; } .widebox .top { height: 9px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/boxnews_top.gif) no-repeat top; overflow: hidden; } .widebox .bottom { height: 7px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/boxnews_bottom.gif) no-repeat top; overflow: hidden; } .widebox .middle { padding: 1px 8px 2px 9px;} .widebox .middle p { color: #666; margin: 10px 10px 5px; } .widebox h2 { color: #FFF; line-height: 32px; padding: 0 20px; margin: 0; } .widebox img { display: block; } #userstatus { float: right; margin-top: 0; } #eventstable { } #eventstable tr { vertical-align: top; } #eventstable td { } .sidemap { width: 350px; float: right; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { position: absolute; left: 25px; top: 40px; } #header #headertext { width: 250px; height: 103px; position: absolute; bottom: 20px; right: 10px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/contactus_box.jpg) no-repeat; text-align: center; } #header p { color: #000; line-height: 1em; } #header strong { font-size: 1.55em; color: #81C126; } #header a { font-size: 1.2em; color: #81C126; } #header a:hover, #header a:active { text-decoration: underline; } #header hr { position: absolute; top: 115px; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #topnav ul { padding: 10px 0; margin: 0; } #topnav ul li { display: inline; list-style-type:none; padding:0; margin: 0; } #topnav a, #topnav a:visited { font-size: 1.2em; color: #454C59; padding: 0 15px; border-left: 1px solid #B0B0B0; margin: 0; } #topnav a:hover, #topnav a:active, #topnav .selected a { background: #f8f8f8; text-decoration: none; color: #689F1B; } #topnav li.firstli a { border-left: none; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subnav { padding: 0; margin: 10px 10px; } #subnav li { list-style-type: none; border-bottom: 1px solid #EEF5E9; padding: 0; margin: 0; } #subnav li a { display: block; font-size: 1.2em; color: #fff; padding: 3px 20px; } #subnav li a:hover, #subnav li a:active, #subnav li.selected a { background-color: #EDEDED; text-decoration: none; color: #689F1B; } #subnav li.selected ul { padding: 0; border-top: 0; margin: 0; } #subnav li.selected ul li { list-style-type: none; font-size: 0.85em; border-top: 1px solid #fff; border-bottom: 0; } #subnav li.selected ul li a { display: block; color: #689F1B; padding: 3px 10px 3px 35px; } #subnav li.selected ul li a:hover, #subnav li.selected ul li a:active { background-color: #FFF; text-decoration: none; color: #689F1B; } #subnav li.selected ul li.selected a { font-weight:bold; color: #689F1B; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent p { font-size: 0.95em; color: #000; margin: 10px 20px; } #subcontent .top { height: 8px; display: block; overflow: hidden; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/box366_top.jpg) no-repeat top left; padding: 0; margin: 0; } #subcontent .bottom { height: 7px; display: block; overflow: hidden; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/box366_bottom.jpg) no-repeat top left; padding: 0; margin: 0; } #subcontent .middle { padding: 0 8px 0 9px; margin: 1px 0; } #subcontent h2 { background: transparent url(templatefiles/bullet_blue.gif) no-repeat 7px 9px; line-height: 32px; color: #FFF; padding: 0 10px 0 27px; margin: 0; } #subcontent img { display: block; padding: 0; margin: 0; } #subcontent .stripe { padding: 0; margin: 0; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home #loginbutton { width: 370px; height: 63px; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/thin_grad_box.jpg) no-repeat; margin: 30px auto; } #home #loginbutton p { font-size: 1.3em; line-height: 1em; text-align: center; padding: 15px 10px; } #home #sidecol { width: 390px; background: none; } #home #content { margin-left: 400px; } #home #userstatus { float: none; text-align: right; margin-top: 0; } #home #flashbox img { margin-bottom: 3px; } #home #flashbox .flash { margin-bottom: 3px; } /* Other Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .newstable { border-collapse: collapse; } .newstable td { vertical-align: top; padding: 5px; } .newstable td p { padding-bottom: 5px; margin-top: 0; } .newstable td img { padding: 2px; border: 1px solid #c5d596; margin-top: 2px; } .imagegallery td { vertical-align: top; padding-bottom: 10px; } .imagegallery img { padding: 5px; border: 1px solid #e8e8e8; margin-bottom: 5px; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { width: 982px; height: 23px; position: relative; background: url(http://jigsawfinancial.silktide-preview.co.uk/private/templatefiles/footer_bk.jpg) repeat-x; font-size: 0.9em; padding: 0; margin: 0 auto; } #footer p { text-align: left; color: #689F1B; padding: 3px 0 2px; margin: 0 10px; } #footer .right { display: block; float: right; color: #689F1B; } #footer a, #footer a:visited { color: #689F1B; } #footer a:hover, #footer a:active { color: #689F1B; text-decoration: underline; }