/* CSS generated by SiteManager at 12:14pm 23/06/2009 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Invest in Derby - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Studios Created: 11/05/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #f0f0f0 url(http://www.investinderby.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: transparent url(http://www.investinderby.co.uk/templatefiles/h1_bg.jpg) repeat-x left bottom; font: bold 1.6em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #c95a08; padding-bottom: 5px; margin: 0 0 15px; } h2 { font: bold 1.3em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #c95a08; margin: 20px 0 10px; } h3 { font: bold 1.1em "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #c95a08; margin: 15px 0 0; } p { font-size: 1.0em; line-height: 1.5em; color: #212121; margin: 10px 0; } li { font-size: 1.0em; line-height: 1.5em; color: #212121; margin: 10px 0; } .smalltext { font-size: 0.85em; } #content ul, #content ol { margin: 10px 30px; } #content li { list-style-type: square; padding-left: 5px; } .highlightcolour { color: #f9921b; } a:link, a:visited { font-weight: bold; text-decoration :none; color: #0162af; } a:hover, a:active { color: #f97302; } 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 { vertical-align: top; padding: 5px 5px 5px 0; } .tablestyle th { font-weight: bold; text-align: center; vertical-align: top; padding: 5px 5px 5px 0; } .tablestyle th p, .tablestyle td p { margin: 5px 0; } .tableborder td { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } .tableborder th { font-weight: bold; text-align: center; 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; } .tl { position: absolute; left: 0; top: 0; } .tr { position: absolute; right: 0; top: 0; } .bl { position: absolute; left: 0; bottom: 0; } .br { position: absolute; right: 0; bottom: 0; } .widthwrapper { width: 100%; } .padding { padding: 20px; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 984px; min-height: 100%; height: auto; text-align: left; padding: 0; margin: 0 auto -100px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } .wrapper { position: relative; background: transparent url(http://www.investinderby.co.uk/templatefiles/wrapper_bg.png) repeat-y center center; padding: 5px 5px 5px; margin: 10px auto 12px; } .inner { min-height: 500px; background: #f9f9f9 url(http://www.investinderby.co.uk/templatefiles/inner_bg.jpg) repeat-x center bottom; padding: 7px 14px 14px; margin: 0; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #tablinks { width: 100%; overflow: auto; text-align: right; } #accessibility { position: absolute; top: 5px; left: 10px; color: #F9F9F9; padding: 0; margin: 0; } #accessibility a { color: #F9F9F9; } #tablinks ul { float: right; } #tablinks ul li { background: #f4f4f4 url(http://www.investinderby.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 { float: left; color: #333333; padding: 3px 10px; } #tablinks ul li a:hover, #tablinks ul li a:active { color: #ee8617; } #tablinks ul li.firsttab a, #tablinks ul li.firsttab a:visited { background: transparent url(http://www.investinderby.co.uk/templatefiles/tabblinks_left.jpg) no-repeat 0 0; } #tablinks ul li.firsttab a:hover, #tablinks ul li.firsttab a:active { color: #ee8617; } #tablinks ul li.selected a, #tablinks ul li.selected a:visited { background: #ee8617 url(http://www.investinderby.co.uk/templatefiles/tablinks_right.jpg) no-repeat right top; color: #fff; border-left: 1px solid #fff; } #tablinks ul li.selected a:hover, #tablinks ul li.selected a:active { color: #333333; } #header { height: 102px; position: relative; background: #ee8617 url(http://www.investinderby.co.uk/templatefiles/header_bg.jpg) repeat-x 0 0; margin-bottom: 1px; } #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.investinderby.co.uk/templatefiles/navbar_bg.jpg) repeat-x bottom right; } #navbar ul { float: left; padding: 0 0 0 12px; margin: 0 215px 0 0; } #navbar ul li { font-weight: bold; font-size: 1.05em; list-style-type: none; float: left; padding: 0 14px 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: 5px 0 6px; } #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 #f9921b; } #navbar .search { position: absolute; top: 4px; right: 0; 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: #1b5d92 url(http://www.investinderby.co.uk/templatefiles/button_bg_search.jpg) no-repeat 0 0; color: #fff; vertical-align: middle; padding: 0; border: 0; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #banner { position: relative; margin-bottom: 14px; } #banner #bannerimg { display: block; border: 4px solid #bdbdbd; } #banner .tr { right: 1px; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #contentwrapper { width: 706px; float: right; padding-top: 14px; margin-left: 14px; } #content { width: 692px; float: left; } /* #home #content { width: 460px; margin-right: 5px; } */ .contentimgr { clear: right; float: right; padding: 2px; border: 1px solid #e8e8e8; margin: 5px 0 20px 20px; } .contentimgl { float: left; padding: 2px; border: 1px solid #e8e8e8; margin: 5px 0 20px 20px; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent { width: 223px; float: right; } /* changed when rssfeed was removed ansd testimonial moved in its place #subcontent .subbox { position: relative; background: #037dc8 url(http://www.investinderby.co.uk/templatefiles/subbox2_bg.jpg) repeat-x left bottom; color: #fff; padding: 10px; border: 1px solid #fff; margin-bottom: 28px; } */ #subcontent .subbox { position: relative; background: #9a9a9a url(http://www.investinderby.co.uk/templatefiles/subbox_bg.jpg) repeat-x left bottom; padding: 10px; border: 1px solid #fff; margin-bottom: 14px; } #subcontent .subbox p.title { font-weight: bold; font-size: 1.2em; color: #fff; margin: 0 0 5px; } #subcontent .subbox p { color: #fff; margin: 5px 0; } #subcontent .subbox p a, #subcontent .subbox p a:visited { color: #fff; text-decoration: underline; } #subcontent .subbox p a:hover, #subcontent .subbox p a:active { color: #fff; text-decoration: none; } #subcontent #contact { position: relative; background: #3e3e3e url(http://www.investinderby.co.uk/templatefiles/subbox3_bg.jpg) repeat-x left bottom; margin-bottom: 14px; } #subcontent .subbox #rss { position: absolute; right: 5px; top: 5px; } #subcontent #rssfeed .name { padding-top: 5px; border-top: 1px solid #71B5DF; margin-top: 5px; } #subcontent #rssfeed p { font-size: 0.85em; } #subcontent #rssfeed a:link, #subcontent #rssfeed a:visited { font-weight: bold; color: #fff; } #subcontent #rssfeed a:hover, #subcontent #rssfeed a:active { font-weight: bold; color: #f97302; } #subcontent .subbox #info { position: absolute; right: 5px; top: -10px; } #subcontent .subbox .tr { position: absolute; right: -1px; top: -1px; } #subcontent .subbox .bl { position: absolute; left: -1px; bottom: -1px; } #subcontent .subcontentimg { margin: 0 0 28px 1px; } /* Sidebar Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidebar { width: 226px; float: left; position: relative; margin-top: 14px; } #sidebar ul#sidenav { background: #0163ae url(http://www.investinderby.co.uk/templatefiles/sidenav_bl.jpg) no-repeat left bottom; padding: 10px 0 10px; margin-bottom: 14px; } #sidebar ul#sidenav li { background: transparent url(http://www.investinderby.co.uk/templatefiles/sidenav_li_bg.jpg) no-repeat center bottom; font-weight: normal; color: #fff; padding-bottom: 2px; margin: 0; } #sidebar ul#sidenav li.lastoption { background: none; } #sidebar ul#sidenav li a, #sidebar ul#sidenav li a:visited { display: block; background: transparent url(http://www.investinderby.co.uk/templatefiles/sidenav_li_arrow.jpg) no-repeat 10px 12px; font-weight: normal; color: #fff; padding: 5px 22px; } #sidebar ul#sidenav li a:hover, #sidebar ul#sidenav li a:active { background: #00355D url(http://www.investinderby.co.uk/templatefiles/sidenav_li_arrow2.jpg) no-repeat 10px 12px; color: #fff; } #sidebar ul#sidenav li.selectedoption { background-color: #00355D; padding-bottom: 0; } #sidebar ul#sidenav li.selectedoption a, #sidebar ul#sidenav li.selectedoption a:visited { background-image: url(http://www.investinderby.co.uk/templatefiles/sidenav_li_arrow-down2.jpg); } #sidebar ul#sidenav li.selectedoption a:hover, #sidebar ul#sidenav li.selectedoption a:active { background: #00355D url(http://www.investinderby.co.uk/templatefiles/sidenav_li_arrow-down2.jpg) no-repeat 10px 12px; color: #fff; } #sidebar ul#sidenav ul { background-color: #017fc9; padding: 0; } #sidebar ul#sidenav ul li { background: transparent none; padding-bottom: 0; } #sidebar ul#sidenav ul li a, #sidebar ul#sidenav ul li a:visited { background: transparent none; padding-left: 30px;} #sidebar ul#sidenav ul li a:hover, #sidebar ul#sidenav ul li a:active { background: #00355D none; color: #fff; } #sidebar ul#sidenav li.selectedoption ul li { padding-bottom: 0; } #sidebar ul#sidenav li.selectedoption ul li a, #sidebar ul#sidenav li.selectedoption ul li a:visited { background-image: none; } #sidebar ul#sidenav li.selectedoption ul li a:hover, #sidebar ul#sidenav li.selectedoption ul li a:active, #sidebar ul#sidenav li.selectedoption ul li.selectedoption a, #sidebar ul#sidenav li.selectedoption ul li.selectedoption a:visited { background: #00355D none; color: #fff; } #sidebar .subbox { position: relative; background: #9a9a9a url(http://www.investinderby.co.uk/templatefiles/subbox_bg.jpg) repeat-x left bottom; padding: 10px; border: 1px solid #fff; margin-bottom: 14px; } #sidebar .subbox p.title { font-weight: bold; font-size: 1.2em; color: #fff; margin: 0; } #sidebar .subbox .tr { right: -1px; top: -1px; } #sidebar .subbox .bl { left: -1px; bottom: -1px; } #sidebar .subbox #info { position: absolute; right: 5px; top: -10px; } #sidebar #contact { position: relative; background: #3e3e3e url(http://www.investinderby.co.uk/templatefiles/subbox3_bg.jpg) repeat-x left bottom; margin-bottom: 14px; } #sidebar .subbox h2.title, #sidebar .subbox p.title { font-weight: bold; font-size: 1.2em; color: #fff; margin: 0 0 10px; } #sidebar .subbox p { color: #fff; margin: 0 0 5px; } #sidebar .subbox p a, #sidebar .subbox p a:visited { color: #fff; text-decoration: underline; } #sidebar .subbox p a:hover, #sidebar .subbox p a:active { color: #fff; text-decoration: none; } #sidebar #testimonials h2.title { min-height: 36px; background: transparent url(http://www.investinderby.co.uk/templatefiles/testimonials_bg.jpg) no-repeat right bottom; margin: 0 0 5px; } #sidebar #testimonials h2.title a, #sidebar #testimonials h2.title a:visited { text-decoration: none; color: #fff; } #sidebar #testimonials h2.title a:hover, #sidebar #testimonials h2.title a:active { color: #000; } /* Four Column Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .col { width: 226px; float: left; display: inline; margin-left: 16px; } .last { margin-right: 0; } .col .bordertop a, .col .bordertop a:visited { display: block; background: transparent url(http://www.investinderby.co.uk/templatefiles/bordertop_off.jpg) no-repeat 0 0; text-decoration: none; color: #363636; padding: 7px 0 0; } .col .bordertop a:hover, .col .bordertop a:active { background-image: url(http://www.investinderby.co.uk/templatefiles/bordertop_on.jpg); } .col .bordertop img { display: block; } .col .coltext { min-height: 150px; background: #f5f3ee url(http://www.investinderby.co.uk/templatefiles/col_bg.jpg) no-repeat 0 0; padding: 10px 15px; } .col .coltext p.title { font-size: 1.3em; margin: 0 0 -10px; } .col .coltext .arrowlink { text-align: right; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clearfooter { clear: both; height: 100px; } /* height to match height + padding + margin etc in #footer */ #footer { width: 974px; height: 96px; position: relative; clear: both; background: #323232 url(http://www.investinderby.co.uk/templatefiles/footer_bg.jpg) repeat-x 0 0; text-align: left; margin: 0 auto 4px; } #footer ul { width: 130px; float: left; padding: 10px 0 0 0; margin: 0 0 0 22px; } #footer ul li { font-size: 0.85em; line-height: 1.3em; list-style-type: none; color: #fff; margin: 0 0 3px; } #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: #f9921b; } #footerlogo { position: absolute; top: 15px; right: 15px; } #footer p { font-size: 0.85em; line-height: 1.7em; list-style-type: none; color: #fff; padding: 62px 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: #f9921b; }