/* CSS generated by SiteManager at 10:50am 09/11/2009 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Marketing Derby Portal - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Studios Created: 08/05/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #A8A8A8 url(http://www.marketingderby.co.uk/templatefiles/body_bg.jpg) repeat-x 0 0; font: 80% "trebuchet ms", verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0; } h1 { background: #fff url(http://www.marketingderby.co.uk/templatefiles/h1_bg.jpg) repeat-x left bottom; font: bold 1.5em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #262626; padding: 5px 10px; margin: 0 -10px; } h2 { clear: both; font: bold 1.2em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #595959; padding-bottom: 5px; border-bottom: 1px solid #e8e8e8; margin: 20px 0 10px; } h3 { font: bold 1.1em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #595959; margin: 14px 0 5px; } p { font-size: 1.0em; line-height: 1.5em; color: #595959; margin: 10px 0; } li { font-size: 1.0em; line-height: 1.5em; color: #595959; margin: 10px 0; } blockquote { font-style: italic; margin: auto 25px; } #content ul, #content ol { padding: 0 0 0 20px; margin: 10px 0; } #content li { list-style-type: square; } #subcontent ul li { background: transparent url(http://www.marketingderby.co.uk/templatefiles/star.jpg) no-repeat 0 3px; font-size: 0.95em; padding-left: 20px; } .highlightcolour { color: #99CC67; } a, a:visited { font-weight: bold; color: #538B1E; text-decoration: none; } a:hover, a:active { color: #316002; 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; color: #595959; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { vertical-align: top; padding: 2px 10px 2px 0; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .tablestyle th { font-weight: bold; } .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; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 973px; min-height: 100%; height: auto; background: #fff url(http://www.marketingderby.co.uk/templatefiles/container_bg.jpg) repeat-y 0 0; text-align: left; padding: 0 11px; margin: 0 auto -90px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } .contentwrapper { background-color: #dcdcdc; padding: 0 12px 12px; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #tablinks { width: 100%; overflow: auto; position: relative; background-color: #fff; text-align: right; } #accessibility { position: absolute; top: 0; left: 0; color: #fff; padding: 0; margin: 0; } #accessibility a { color: #fff; } #tablinks ul { background-color: #F0F0F0; float: right; padding: 0; margin: 5px 0 0; } #tablinks ul li { background: #f4f4f4 url(http://www.marketingderby.co.uk/templatefiles/tablinks_bg.jpg) repeat-x top left; float: left; font-weight: bold; font-size: 0.85em; text-align: center; color: #383838; margin: 0; } #tablinks ul li a, #tablinks ul li a:visited { text-decoration: none; float: left; color: #343434; padding: 3px 10px; } #tablinks ul li a:hover, #tablinks ul li a:active { text-decoration: none; color: #316002; border-color: #316002; } #tablinks ul li.firsttab a, #tablinks ul li.firsttab a:visited { background: transparent url(http://www.marketingderby.co.uk/templatefiles/tabblinks_left.jpg) no-repeat 0 0; } #tablinks ul li.firsttab a:hover, #tablinks ul li.firsttab a:active { color: #316002; } #tablinks ul li.selected a, #tablinks ul li.selected a:visited { background-color: #316002; color: #fff; border-left: 1px solid #fff; } #tablinks ul li.selected a:hover, #tablinks ul li.selected a:active { color: #99CC67; } #header { height: 102px; position: relative; background: #316002 url(http://www.marketingderby.co.uk/templatefiles/header_bg.jpg) repeat-x 0 0; } #header #sitelogo { position: absolute; top: 20px; right: 20px; } #header #printlogo { display: none; } #header #headertext { position: absolute; top: 20px; left: 20px; font-weight: normal; font-size: 2.5em; color: #fff; vertical-align: middle; margin: 0; } #header #headertext .star { vertical-align: middle; } /* Navbar Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #navbar { min-height: 35px; position: relative; background: #fff url(http://www.marketingderby.co.uk/templatefiles/navbar_bg.jpg) repeat-x left bottom; margin: 0 -11px; } #navbar ul { position: absolute; left: 0; bottom: 0; float: left; padding: 0 0 0 12px; margin: 0 215px 0 0; } #navbar ul li { font-weight: bold; font-size: 0.95em; list-style-type: none; float: left; padding: 0 12px 0 0; margin: 0; } #navbar ul li a, #navbar ul li a:visited { list-style-type: none; float: left; text-decoration: none; color: #585858; padding: 6px 0; border-bottom: 4px solid #000; } #navbar ul li a:hover, #navbar ul li a:active, #navbar ul li.selectedoption a, #navbar ul li.selectedoption a:visited { color: #585858; border-bottom: 4px solid #99cc67; } #navbar_lower { min-height: 35px; overflow: auto; background: /*#dbdbdb (original grey)*/ #d2dbca url(http://www.marketingderby.co.uk/templatefiles/navbar_lower_bg2.jpg) repeat-x left bottom; margin: 0 -11px; } #navbar_lower ul { float: left; padding: 5px 22px 0 11px; margin: 0; } #navbar_lower ul li { font-weight: bold; font-size: 0.95em; list-style-type: none; float: left; padding-right: 14px; margin: 0; } #navbar_lower ul li a, #navbar_lower ul li a:visited { list-style-type: none; float: left; text-decoration: none; color: #585858; } #navbar_lower ul li a:hover, #navbar_lower ul li a:active, #navbar_lower ul li.selectedoption a, #navbar_lower ul li.selectedoption a:visited { color: #000; } #navbar .search { position: absolute; top: 4px; right: 5px; vertical-align: middle; } #navbar .search label { font-size: 0.95em; vertical-align: middle; } #navbar .search input { width: 154px!important; background-color: #f1f1f1; vertical-align: middle; border: 1px solid #d4d4d4; } #navbar .search .button { width: 27px!important; height: 22px!important; background: #000 url(http://www.marketingderby.co.uk/templatefiles/button_bg_search.jpg) no-repeat 0 0; color: #fff; vertical-align: middle; padding: 0; border: 0; } p.breadcrumb { position: relative; font-size: 0.85em; color: #383838; padding: 5px 2px 0; margin: 0; } p.breadcrumb a:link, p.breadcrumb a:visited { text-decoration: none; color: #316002; } p.breadcrumb a:hover, p.breadcrumb a:active { text-decoration: underline; color: #316002; } p.prevnext { text-align: right; padding-top: 0; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { overflow: hidden; background: #000 url(http://www.marketingderby.co.uk/templatefiles/banner_bg.jpg) no-repeat right bottom; color: #fff; margin: 0 0 22px; } #banner #bannerimg { display: block; float: right; } #banner p { font-size: 1.5em; color: #fff; padding: 25px 15px; margin: 0; } #withimg #banner { background: #000 url(http://www.marketingderby.co.uk/templatefiles/banner_bg_home.jpg) no-repeat left bottom; } #withimg #banner p { width: 285px; padding: 20px 15px 0; } #withimg #banner p span#bannertext1 { } #withimg #banner p span#bannertext2 { padding-left: 45px; } #withimg #banner p span#bannertext3 { padding-left: 65px; } #withimg #banner p span#bannertext4 { padding-left: 105px; } #withimg #banner p span#bannertext5 { padding-left: 90px; } #withimg #banner p span#bannertext6 { padding-left: 75px; } #home #banner { height: 258px; background: #000 url(http://www.marketingderby.co.uk/templatefiles/banner_bg_green.jpg) no-repeat top left; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content { width: 626px; float: left; margin: 14px 14px 0 0; } #content .inner { background: #fff; padding: 0 10px 20px; margin-bottom: 14px; } .contentimgr { width: 210px; float: right; clear: right; text-align: center; margin: 5px 0 10px 10px; } .contentimgr img { margin: 0 auto; } .contentimg { clear: right; padding: 1px; border: 1px solid #e8e8e8; } .subbox .contentimg { float: right; margin-left: 10px; } .caption { font-size: 0.85em; text-align: center; color: #383838; padding: 3px 3px 0; margin: 0; } .gallery { clear: both; } .gallery td { text-align: center; } .gallery td img { margin: 0 auto; } .imagegallery .gallerythumb { width: 130px; min-height: 190px; float: left; text-align: center; margin: 0 20px 20px 0; } .imagegallery .galleryimg { padding: 2px; border: 1px solid #e8e8e8; margin: 0 auto; } .bondholder { width: 180px; height: 192px; float: left; margin: 0 20px 0 0; } .bondholder img { padding: 2px; border: 1px solid #e8e8e8; } .file { min-height: 55px; } .file .fileicon { float: left; margin: 5px 10px 10px 0; } .file p { padding-top: 10px; margin: 0; } /* Home Boxes Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content .imgbox { width: 304px; height: 136px; display: block; float: left; overflow: visible; position: relative; z-index: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; border: 1px solid #fff; margin: 0 0 14px 0; } #content .spacing { margin-right: 14px; } #content .imgbox span.title { position: relative; z-index: 2; display: block; font-weight: bold; font-size: 1.2em; color: #343434; padding: 10px 10px 5px; } #content .imgbox a, #content .imgbox a:visited { width: 304px; height: 136px; position: relative; z-index: 3; display: block; background: transparent url(http://www.marketingderby.co.uk/templatefiles/imgbox_a_bg.png) repeat-x 0 -5px; text-decoration: none; color: #343434; } #content .imgbox a:hover, #content .imgbox a:active { background-image: url(http://www.marketingderby.co.uk/templatefiles/imgbox_a_bg_over.jpg); text-decoration: none; color: #343434; } #content .imgbox-half { width: 152px; float: left; border: 0; margin-bottom: 0; } #content .imgbox-half span.title { position: absolute; left: 0; bottom: 0; font-size: 1.0em; padding: 5px 10px; } #content .imgbox-half a, #content .imgbox-half a:visited { width: 152px; background-position: left bottom; } #content .imgbox-third { width: 101px; float: left; border: 0; margin-bottom: 0; } #content .imgbox-third a, #content .imgbox-third a:visited { width: 101px; } #content #imgbox-middle { width: 102px; float: left; border: 0; } #content #imgbox-middle a, #content #imgbox-middle a:visited { width: 102px; } #content .imgbox img.imgboxbg { display: none; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent { width: 308px; float: right; margin-top: 14px; } #subcontent p.boxtitle { background-color: #000; font-size: 1.4em; color: #fff; padding: 11px; margin: 0; } #subcontent p.title { font-weight: bold; font-size: 1.2em; color: #4f4f4f; margin: 0 0 5px; } #subcontent .subcontentimg { display: block; } #subcontent .subbox { position: relative; background-color: #fff; padding: 11px; margin-bottom: 14px; } #subcontent .subtext { min-height: 200px; } home #subcontent .subtext { min-height: 290px; } #subcontent #enewsletter { min-height: 100px; background: #ccdde4 url(http://www.marketingderby.co.uk/templatefiles/subbox_shadow.jpg) repeat-y right top; padding: 5px; margin-bottom: 18px; } #subcontent #enewsletter #shadow { position: absolute; right: 0; bottom: 0; } #subcontent #enewsletter #envelope { float: left; margin: 0 15px 0 5px; } #subcontent #enewsletter #archive { position: absolute; top: 65px; left: 15px; background: transparent url(http://www.marketingderby.co.uk/templatefiles/arrow_bg.jpg) no-repeat 0 6px; font-size: 0.85em; color: #000; text-decoration: underline; padding-left: 15px; } #subcontent #enewsletter #archive:hover { color: #4f4f4f; text-decoration: none; } #subcontent #enewsletter p.title { margin: 0 0 2px; } #subcontent #enews { width: 210px; float: left; } #subcontent #enews table { width: auto !important; } #subcontent #enews table td { } #subcontent #enews table td span { } #subcontent #enews label { font-size: 0.85em; padding-left: 5px; } #subcontent #enews input { width: 160px !important; } #subcontent #enews .button { width: 60px !important; background: #989a99 url(http://www.marketingderby.co.uk/templatefiles/button_bg.jpg) repeat-x 0 0; font-size: 0.85em; color: #fff; padding: 2px 0; border: 1px solid #2d3132; border-top-color: #e5e7e6; border-left-color: #e5e7e6; margin: 3px 0 5px 145px; } #subcontent #usefulresources { background: #424242 url(http://www.marketingderby.co.uk/templatefiles/check_bg.jpg) repeat 0 0; padding: 3px 10px; margin-bottom: 0; } #subcontent #usefulresources p.title { color: #fff; margin: 0; } #subcontent .titlebg { background: #424242 url(http://www.marketingderby.co.uk/templatefiles/check_bg.jpg) repeat 0 0; padding: 3px 10px; margin-bottom: 0; } #subcontent .titlebg p.title { color: #fff; margin: 0; } #subcontent #map { font-size: 0.9em; line-height: 1.6em; } #subcontent #map img { display: block; margin: 0; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { clear: both; height: 90px;} /* height to match height + padding + margin etc in #footer */ #footer { width: 973px; height: 76px; position: relative; clear: both; background-color: #323232; text-align: left; margin: 14px auto 0; } #footer ul { float: left; padding: 2px 0 0 0; margin: 0 0 0 22px; } #footer ul li { font-size: 0.85em; line-height: 1.7em; list-style-type: none; color: #fff; margin: 0; } #footer ul li a, #footer ul li a:visited { text-decoration: none; color: #fff; } #footer ul li a:hover, #footer ul li a:active { text-decoration: none; color: #99CC67; } #footerlogo { position: absolute; top: 10px; right: 15px; } #footer p { font-size: 0.85em; line-height: 1.7em; list-style-type: none; color: #fff; padding: 52px 15px 0 0; margin: 0; } #footer p a, #footer p a:visited { text-decoration: none; color: #fff; } #footer p a:hover, #footer p a:active { text-decoration: none; color: #99CC67; }