/* CSS generated by SiteManager at 03:28pm 06/01/2010 - do not edit this file directly */ /*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Reconomy - Main Stylesheet Author: Alison Springall (alisonspringall@silktide.com) / Silktide Studios Created: 20/08/2009 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body { background: #fff url(/templatefiles/body_bg.jpg) repeat-x 0 0; font: 80% arial, helvetica, verdana, sans-serif; text-align: center; padding: 0; margin: 0; } h1 { font: normal 2.0em arial, helvetica, verdana, sans-serif; color: #2e6198; margin: 0 0 14px; } h2 { font: normal 1.6em arial, helvetica, verdana, sans-serif; color: #2e6198; margin: 20px 0 10px; } h3 { font: bold 1.2em arial, helvetica, verdana, sans-serif; color: #2e6198; margin: 10px 0 5px; } p { font-size: 1.0em; line-height: 1.5em; color: #333; margin: 15px 0; } li { font-size: 1.0em; line-height: 1.5em; color: #333; margin: 5px 0; } p.largetext { font-size: 1.3em; line-height: 1.3em; } p.smalltext { font-size: 0.85em; } a:link, a:visited { text-decoration: none; color: #4C91DC; } a:hover, a:active { text-decoration: none; color: #86A20C; } 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: #2E6197; } .tablestyle { } .tablestyle th { background-color: #9BB69A; vertical-align: top; font-size: 1.0em; text-align: center; color: #2E6197; text-transform: uppercase; color: #fff; padding: 3px 5px; } .tablestyle td { background-color: #C7E0F2; vertical-align: top; font-size: 1.0em; text-align: center; color: #2E6197; padding: 3px 5px; } .tableborder { border-collapse: collapse; } .tableborder td, .tableborder th { vertical-align: top; color: #2E6197; padding: 5px; border: 1px solid #e8e8e8; } .clear { height: 1px; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .last { margin-right: 0!important; } .widthwrapper { width: 100%; } .padding { padding: 20px; } #accessibility { display: none; } b.niftycorners { position: relative; z-index: 10; } /*Uses NiftyCorners: */ /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { background: transparent url(/templatefiles/bg_glow.png) no-repeat top center; border-top: 4px solid #272320; } /* Toplinks Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #toplinks { width: 100%; background-color: #272320; text-align: center; border-bottom: 1px solid #a6bfaa; margin: -5px 0 0; } #toplinks .fixedwrapper { width: 920px; text-align: left; padding: 0; margin: 0 auto; } #toplinks p { color: #666; padding: 3px 0 5px; margin: 0; } #toplinks p a, #toplinks p a:visited { text-decoration: none; color: #bbb; } #toplinks p a:hover, #toplinks p a:active { text-decoration: underline; color: #bbb; } /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { width: 946px; height: 117px; position: relative; text-align: left; padding: 0; margin: 0 auto; } #header #sitelogo { width: 200px; display: block; padding: 30px 0 0 15px; } #header #customerlogin { width: 235px; height: 70px; display: block; position: absolute; top: 0; right: 0; background: transparent url(/templatefiles/customer-login.png) no-repeat top center; text-decoration: none; font-size: 1.3em; text-align: center; color: #fff; padding-top: 50px; } #header #customerlogin:hover, #header #customerlogin:active { color: #DFE7AC; } #search { } #search .taosTextField { width: 207px!important; height: 19px; background: transparent url(/templatefiles/search.png) no-repeat 0 0; border: 0; padding: 3px 10px 0; margin: 0 5px; } #search .button { width: 66px!important; height: 22px; background: transparent url(/templatefiles/button.png) no-repeat 0 0; font-size: 0.9em; color: #fff; padding: 0; border: 0; margin: 0; } .mainnav #search { float: right; margin-top: 3px; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .mainnav { width: 946px; position: relative; clear: both; padding: 0; border-top: 1px solid #a6bfaa; margin: 0 auto; } .mainnav ul { float: left; padding: 0; margin: 0; } .mainnav li { float: left; line-height: 1.0em; list-style-type: none; margin: 10px 0; } .mainnav li a, .mainnav li a:visited { float: left; text-decoration: none; color: #1c653a; padding: 0 10px; border-left: 1px solid #a1c2a5; } .mainnav li a:hover, .mainnav li a:active { color: #333; } .mainnav li.firstoption a, .mainnav li.firstoption a:visited { border-left: 0; } .mainnav li.selectedoption a, .mainnav li.selectedoption a:visited { text-decoration: underline; color: #2863a5; } .mainnav li.selectedoption a:hover, .mainnav li.selectedoption a:active { text-decoration: none; } #submenu { width: 216px; background-color: #2b2823; } #submenu p.largetext { background-color: #1f1b18; font-size: 1.3em; color: #b2b2b0; padding: 10px 14px; margin: 0; } #submenu ul { width: 216px; padding: 0 0 7px; margin: 0; } #submenu ul li { list-style-type: none; color: #fff; border-top: 1px solid #3f3b38; padding: 4px 14px; margin: 0; } #submenu ul li a, #submenu ul li a:visited { color: #fff; } #submenu ul li a:hover, #submenu ul li a:active { color: #86A20C; } #submenu ul li.selectedoption a, #submenu ul li.selectedoption a:visited { color: #86A20C; } #submenu ul ul { width: 191px; padding: 0; margin: 0; } #submenu ul ul li { background: transparent url(/templatefiles/submenu_bullet.jpg) no-repeat 4px 11px; padding: 4px 14px 4px 18px; border-top: 0; margin: 0; } #submenu ul li.selectedoption ul li a, #submenu ul li.selectedoption ul li a:visited { color: #fff; } #submenu ul li.selectedoption ul li a:hover, #submenu ul li.selectedoption ul li a:active { color: #86A20C; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .sidecol { width: 226px; float: left; color: #fff; margin-right: 14px; } .sidecolinner { background-color: #5f5b52; padding: 5px; margin-bottom: 28px; } .feature { position: relative; margin-bottom: -2px; } .feature img { display: block; } .feature span.featuretitle { width: 188px; display: block; position: absolute; left: 0; bottom: 3px; background: transparent url(/templatefiles/hireaskip_greybottom.png) repeat-x left bottom; font-size: 1.4em; color: #fff; padding: 10px 14px; margin: 0; } .feature span.featuretitle:hover { color: #86A20C; } .feature img.arrow { position: absolute; right: 14px; bottom: 15px; } /* Banner Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #flashbanner { height: 250px; position: relative; overflow: hidden; background-color: #5f5b52; padding: 4px; margin-bottom: 14px; } #flashbanner img { display: block; } #flashbanner h1 { max-width: 439px; background: #000; position: absolute; left: 4px; bottom: 18px; color: #fff; padding: 7px 14px; } #flashbanner #bannertext { width: 198px; height: 236px; overflow: hidden; float: right; background-color: #2b2823; padding: 14px; } #flashbanner #bannertext p { font-size: 1.3em; line-height: 1.7em; color: #fff; margin: 0; } #flashbanner #bannertext a, #flashbanner #bannertext a:visited { color: #fff; } #flashbanner #bannertext a:hover, #flashbanner #bannertext a:active { color: #86A20C; } #flashbanner #flashwrapper { width: 467px; height: 250px; overflow: hidden; } #home #flashbanner { height: 306px; margin-bottom: 25px; } #home #flashbanner #submenu { width: 306px; height: 306px; float: right; } #home #flashbanner #submenu p.largetext { padding: 10px 34px; } #home #flashbanner #submenu ul { width: 304px; } #home #flashbanner #submenu ul li { background: transparent url(/templatefiles/submenu_bullet.jpg) no-repeat 20px 11px; padding: 4px 4px 4px 35px; } #home #flashbanner #submenu ul li.lastoption { background-image: none; } #home #flashbanner #flashwrapper { width: 627px; height: 306px; overflow: hidden; } /* Content Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .contentwrapper { width: 946px; min-height: 550px; background: transparent url(/templatefiles/contentwrapper_bg.png) no-repeat top center; text-align: left; padding: 17px; margin: 0 auto; } .wrapper { background: transparent url(/templatefiles/wrapper_bg.jpg) repeat-y top right; } .nosubcontent .wrapper { background: none; } .content { margin: 0 240px 0 250px; } .nosubcontent .content { margin: 0 0 0 240px; } .colwrapper { overflow: auto; } .col { width: 200px; min-height: 185px; float: left; background-color: #f2f2f2; padding: 10px; margin: 0 7px 25px; } .nobg .col { min-height: 240px; background-color: transparent; text-align: left; } .nobg .col img { margin: 0 auto; } .nobg .col p { text-align: left; } .fullcolwrapper { background: transparent url(/templatefiles/fullcolwrapper_bg.jpg) repeat-y top center; } .fullcolwrapper .col { width: 286px; min-height: 100px; float: left; background-color: transparent; padding: 10px; margin: 0 14px 0 0; } .last { margin-right: 0; } .intro { margin-bottom: 15px; } .intro p { font-weight: normal; font-size: 1.3em; } .thumbnail img { float: left; margin: 0 14px 20px 0; } ul.arrows { padding: 0; margin: 10px 0; } ul.arrows li { background: transparent url(/templatefiles/arrow.png) no-repeat 0 4px; list-style-type: none; padding-left: 25px; } ul.ticks { padding: 0; margin: 10px 0; } ul.ticks li { background: transparent url(/templatefiles/arrow_tick.jpg) no-repeat 0 4px; list-style-type: none; padding-left: 25px; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .subcontent { width: 226px; float: right; } .contentimg { background-color: #f2f2f2; padding: 10px; margin-bottom: 14px; } .contentimg img { display: block; margin: 0 auto; } .contenttextbox { background-color: #f2f2f2; text-align: left; padding: 10px; margin-bottom: 14px; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { width: 896px; background-color: #272320; text-align: left; padding: 0 25px; margin: 14px auto 0; } #footer p { width: 220px; float: left; font-size: 1.0em; color: #b2b2b0; padding-top: 12px; margin: 0 0 15px; } #footer p.right { width: auto; float: right; font-size: 1.0em; line-height: 1.2em; color: #fff; margin: 0 0 5px 0; } #footer p a, #footer p a:visited { text-decoration: none; color: #b2b2b0; } #footer p a:hover, #footer p a:active { text-decoration: underline; color: #b2b2b0; } #footer ul { width: 220px; float: left; padding: 0; margin: 0; } #footer ul li { font-size: 1.0em; list-style-type: none; color: #fff; margin: 0; } #footer ul ul li { list-style-type: square; margin-left: 35px; } #footer li a, #footer li a:visited { text-decoration: none; color: #fff; } #footer li a:hover, #footer li a:active { text-decoration: underline; color: #fff; } /* Homepage Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .col#news p { margin: 5px 0; } .col#news .date { font-size: 0.85em; color: #aaa; margin: 0; } .col#news .title { font-size: 1.2em; color: #333; margin: 0 0 10px; } .col#news .readmore { vertical-align: middle; margin: 5px 0 25px; } .col#logos p.logo { clear: both; vertical-align: middle; text-align: center; } .col#logos p.logo a { width: 140px; float: left; vertical-align: middle; } .col#logos p.logo img { vertical-align: middle; margin: 15px 0; } .col#testimonial p.title { font-size: 1.6em; line-height: 1.2em; color: #333; margin: 0 15px 20px; } .col#testimonial p.quote { background: transparent url(/templatefiles/quote_start.png) no-repeat top left; font-size: 1.3em; padding: 10px 10px 0 20px; } .col#testimonial p.quote span { display: block; background: transparent url(/templatefiles/quote_end.png) no-repeat bottom right; padding: 0 15px 10px 0; }