/************************************************************************* ******* Forum Business Media 2010 ******* © 2010 enginehouse - contact enginehouse at gmail dot com **************************************************************************/ /****** EVERYTHINGS **************************************************************/ html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,em,img,strong,sub,sup,center,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;font-family:arial,sans-serif;} ol,ul {list-style:none;} blockquote,q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} body {color:#000;line-height:1.4;background:#fff url(../images/structure/body-vertical-gradient.jpg) repeat-x left top;text-align:left;font-family:Arial, sans-serif; padding-left:30px;} a {outline:none;text-decoration:underline;color:#000;} img {border:none;display:inline;} ul#accessibility {display:none;} /****** structure **************************************************************/ div.container {width:980px;text-align:left;} div.centre-panel {float:left;width:990px;padding-left:5px;background:url(../images/structure/centre-panel-glow-sides-horizontal.png) repeat-y left top;} div.header, div#content, div.footer {float:left;width:920px;padding:10px 30px;clear:both;} div.header {padding-bottom:0;position:relative;margin-left:5px;min-height:120px;} div#content {padding-bottom:50px;padding-top:30px;} div#content.home {background:url(../images/structure/hpimage.jpg) no-repeat left top;padding-top:20px;} div.footer {background:#fff url(../images/structure/footer-bottom-gradient.gif) no-repeat 30px 0;} div.container {margin:0 auto;} div.item {float:left;width:100%;clear:both;} strong.yellow {font-size:1.5em;color:orange} /****** typography **************************************************************/ strong.fbm {color:red;} h1 a {float:left;display:block;font-size:0.1em;height:105px;margin-top:7px;width:90px;text-indent:-9999px;background:url(../images/structure/forum_logo.gif) no-repeat left top;} h2 {font-size:1.4em;padding:10px 0 20px;float:left;line-height:1.15;font-weight:normal;display:block;width:100%;font-family:arial, sans-serif;} h3 {font-size:1em;} div.inner-left h3 {margin:-3px 0 10px;padding-top:0;} div.inner-right h3 {font-size:0.75em;font-weight:bold;} p {font-size:0.75em;margin-bottom:0.8em;} p a.button {border-bottom:0;} div.inner-left h2, div.inner-right h2 {font-size:1em;float:none;clear:both;background-color:transparent;padding:22px 12px 3px;} div.inner-left h2 {font-size:1.3em;font-weight:normal;padding:20px 12px} div.inner-right h2 {padding:0;font-weight:bold} h4.product-id {clear:both;float:left;width:100%;font-size:0.75em;padding-top:15px} /****** blockquote **************************************************************/ fieldset.search-right, blockquote {background:#f1f1f1;border-radius:0.25em;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;width:86%;padding:3% 7%;font-size:1.9em;margin:30px 0;} blockquote p {margin:0;} fieldset.search-right {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background:url(/images/structure/search-submit-gradient.jpg) no-repeat left bottom} #bookingform {width:480px;float:left;padding:40px;} #bookingform h2 {color:#4b4b4b} #bookingform ul.bookingforms {width:100%;} #bookingform ul.bookingforms li {width:48%;float:left;display:block;padding-bottom:4px;} #bookingform ul.bookingforms li.full {width:100%;clear:both} #bookingform ul.bookingforms li label span {font-size:.75em;width:100%;clear:both;display:block;} #bookingform ul.bookingforms li label input.text {width:80%} #bookingform ul.bookingforms li.full label input.text {width:88%} label.error {border:0;clear:both;display:block;font-size:0.7em;font-weight:bold;color:#ff6600;} /****** category specific h2 **************************************************************/ h2 a {text-decoration:none;} body.health-and-social-care h2, body.health-and-social-care h3, h2 a.h2-health-and-social-care, ul.product-listing li.health-and-social-care h3 a, ul.content-rotator li.health-and-social-care h2, body.health-and-social-care ul.related-items a, body.health-and-social-care li.first-item, ul.search-results a.health-and-social-care, ul.product-listing.events-list li p.intro a.health-and-social-care, body.health-and-social-care a.pdf, h3.health-and-social-care, ul.content-rotator li.health-and-social-care h3 a {color:#000;} body.education h2, body.education h3, h2 a.h2-education, ul.product-listing.events-list li p.intro a.education, ul.content-rotator li.education h2, ul.product-listing li.education h3 a, body.education ul.related-items a, body.education li.first-item, ul.search-results a.education, body.education a.pdf, h3.education, ul.content-rotator li.education h3 a {color:#000;} body.early-years h2, body.early-years h3, h2 a.h2-early-years, ul.content-rotator li.early-years h2, ul.product-listing li.early-years h3 a, body.early-years ul.related-items a, body.early-years li.first-item, ul.product-listing.events-list li p.intro a.early-years, ul.search-results a.early-years, body.early-years a.pdf, h3.early-years, ul.content-rotator li.early-years h3 a {color:#000} body.construction h2, body.construction h3, h2 a.h2-construction, div.header h2 a.construction, ul.content-rotator li.construction h2, ul.product-listing li.construction h3 a, ul.related-items a.construction, body.construction li.first-item, ul.product-listing.events-list li p.intro a.construction, ol.search-results a.construction, body.construction a.pdf, h3.construction, ul.newsletter-listing li.construction, ul.newsletter-listing li.construction a, ul.newsletter-listing li label.construction span, ul.content-rotator li.construction h3 a {color:#000} div.header h2 a.health-and-social-care, div.header h2 a.construction, div.header h2 a.education, div.header h2 a.early-years {color:#fff;text-decoration:underline} ul.content-rotator li h2 {font-size:0.875em;font-weight:bold;padding:0.4em 0 0.7em;} a.more {color:#000;text-decoration:underline;font-weight:normal;border:0;font-size:12px;} div.header a:hover {text-decoration:underline} div.header h2 {color:#fff;display:block;width:780px;margin-left:30px;padding-bottom:45px;float:left;font-size:1.2em} /****** homepage rotator **************************************************************/ div.content-rotator-copy {float:right;width:580px;padding-top:15px;padding-right:20px} div.content-rotator-purchase {float:right;width:100%;clear:both;} div.content-rotator-purchase h4 {color:#E53520;font-size:1em;float:left;visibility:hidden;} div.content-rotator-image {float:left;width:260px;overflow:hidden} div.priceholder {float:right;width:auto;margin-right:-15px} ul.content-rotator li div.priceholder {position:absolute;bottom:15px;right:20px} ul.content-rotator {width:920px;height:220px;overflow:hidden;background-color:#fff;} ul.content-rotator li {height:180px;padding:20px 10px 20px 20px;width:890px;} ul.content-rotator li p {font-size:0.85em;} ul.content-rotator h3 {font-size:1.5625em;padding:0.5em 0 0;font-weight:normal;} ul.content-rotator h3 a {text-decoration:none;} ul.content-rotator h3 a:hover {text-decoration:underline;} ul.content-rotator.closed div.content-rotator-copy h2, ul.content-rotator.closed div.content-rotator-copy p, ul.content-rotator.closed div.priceholder, ul.content-rotator.closed div.content-rotator-image {display:none;} ul.content-rotator.closed div.content-rotator-copy h3 {position:absolute;left:10px;top:-3px;font-size:1.2em;} ul.content-rotator.closed, ul.content-rotator.closed li {height:40px} #nav {position:absolute;top:10px;right:50px;z-index:200;float:right;} #nav a {font-size:0.75em;margin-left:5px;display:block;float:left;text-decoration:none;padding:2px 6px;background:#fff;color:#999999;border-radius:0.25em;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;} div.dropshadow {position:relative;float:left;width:920px;} #nav a:hover, #nav a.activeSlide {background:#EAEAEA;} .botpad30 {padding-bottom:30px;} .botpad30 a.button {float:right} /****** prev next **************************************************************/ div.prev-next-holder {float:right;position:relative;z-index:20;width:auto;display:block;top:40px;right:10px;} div.prev-next-holder a.prev, div.prev-next-holder a.next {float:left;display:block;width:auto;padding:3px 10px;font-size:0.75em;text-decoration:none;color:#4b4b4b;} /****** product listing **************************************************************/ ul.product-listing {width:100%;float:left;clear:both;padding:20px 0;} ul.product-listing li {position:relative;z-index:0;display:block;float:left;width:100%;background:url(../images/structure/product-listing-divider.jpg) no-repeat left bottom;margin-bottom:15px;padding-bottom:22px;} ul.product-listing li li {background:none;margin-bottom:0;padding-bottom:0;line-height:1} ul.product-listing li li p.venue-date, ul.product-listing li li p.venue, ul.product-listing li li p.ticket {float:left;display:inline;font-size:0.6875em;} ul.product-listing li li p.venue {width:120px;} ul.product-listing li li p {vertical-align:middle;} ul.product-listing li li p.ticket {font-size:1em;margin-top:-4px} ul.product-listing.events-list li p.intro {width:250px;float:left;padding-left:12px;} ul.product-listing.events-list li p.intro a {border:0;} ul.product-listing.events-list li p.intro a:hover {text-decoration:underline} ul.product-listing.events-list li p.intro a.education, ul.product-listing.events-list li p.intro a.early-years, ul.product-listing.events-list li p.intro a.health-and-social-care {border:0;} ul.product-listing li li p.venue-date {font-weight:bold;width:130px;} body.no-image ul.product-listing.events-list ul {float:left;width:600px;margin-left:12px} body.no-image ul.product-listing.events-list li li p.venue, body.no-image ul.product-listing.events-list li li p.venue-date{width:180px;font-size:0.9em;} body.no-image ul.product-listing li li p.ticket {width:23 0px} ul.product-listing ul {width:370px;float:right;clear:none;padding:4px 0 0;} ul.product-listing li.open {background:url(../images/structure/product-listing-divider.jpg) no-repeat left bottom;padding-bottom:5px;} body.products ul.product-listing li div.priceholder, ul.product-listing li.open div.priceholder {padding:10px 0 15px;margin-right:-15px;} ul.product-listing li div.product-listing-image, ul.product-listing li div.product-listing-copy {display:none;} body.products ul.product-listing li div.product-listing-image, body.products ul.product-listing li div.product-listing-copy {display:inline;} body.newsletter ul.product-listing li div.product-listing-image, body.newsletter ul.product-listing li div.product-listing-copy {display:inline;} body.products ul.product-listing li div.product-listing-image, body.products ul.product-listing li div.product-listing-copy, ul.product-listing li.open div.product-listing-image, ul.product-listing li.open div.product-listing-copy {position:relative;z-index:10;display:block;float:left;} ul.product-listing li div.product-listing-copy, ul.product-listing li.open div.product-listing-copy {width:500px;float:left;padding-right:15px;} body.products ul.product-listing li div.product-listing-image, ul.product-listing li.open div.product-listing-image {margin:-30px 5px 0 10px;width:120px;height:120px;position:relative;} span.new {position:absolute;top:8px;right:0;background:url(../images/structure/icon-new.png) no-repeat left top;text-indent:-9999px;width:35px;height:30px;} ul.product-listing li p {font-size:0.8125em;} ul.product-listing li h3 {font-size:0.9em;} ul.product-listing li.education span.open-close {background:url(../images/structure/icon-list-bullet-blue.jpg) no-repeat left top;} ul.product-listing li.health-and-social-care span.open-close {background:url(../images/structure/icon-list-bullet-green.jpg) no-repeat left top;} ul.product-listing li.early-years span.open-close {background:url(../images/structure/icon-list-bullet-yellow.jpg) no-repeat left top;} ul.product-listing li h3 {margin-bottom:0;float:left;width:auto;margin-left:12px;} ul.product-listing li h3 a span {margin-right:15px;margin-right:10px;float:left;background:url(../images/structure/icon-new.png) no-repeat left bottom;width:33px;height:20px;text-indent:-9999px;text-align:left;} ul.product-listing li h3 a {text-decoration:none;} ul.product-listing li h3 a:hover {text-decoration:underline;} ul.product-listing li span.open-close {background-position:left bottom;cursor:pointer;float:right;margin-right:15px;text-indent:-9999px;margin-top:-3px;font-size:0.75em;height:20px;width:20px;} ul.product-listing li.open span.open-close {background-position:left bottom;} body.products ul.product-listing li h3, ul.product-listing li.open h3 {margin-left:135px;margin-top:10px;display:inline;} ul.product-listing li.open h3 a {margin-left:0;} body.products ul.product-listing li div.priceholder a.button {float:right;} div.priceholder h4, div.priceholder h5, div.priceholder p {width:60%;float:left;font-size:0.75em;font-weight:bold;margin-left:10px;} body.education div.priceholder p strong span, div.priceholder h4 span {font-size:0.875em;margin-left:5px;} body.education div.priceholder p strong span{font-size:0.65em;font-weight:normal;color:#333;} body.education div.priceholder p strong span a{color:#333;} div.priceholder h4 {font-size:0.75em;font-weight:normal;margin-left:10px;} body.education div.priceholder p strong {color:#6699CC;font-size:1.3em;} ul.product-listing li p.category {display:none;} ul.product-listing li.open p.category {position:absolute;bottom:20px;left:135px;display:inline;z-index:300} ul.product-listing li.open p.category a {color:#4b4b4b;text-decoration:none} body.events div.sub-homepage-image {width:690px;} ul.product-listing li label {width:80%;margin-left:10px;} ul.product-listing li label span { display:inline; float:left; font-size:0.75em; margin-left:10px; margin-top:1px; vertical-align:middle; width:90%; } ul.product-listing li label input {float:left;width:auto;margin-left:10px;} /****** newsletter **************************************************************/ div.newsletter-container {width:450px;margin-left:120px;display:block;} div.inner-left div.newsletter-container h2 {padding-left:0;} ul.newsletter-listing {width:400px} ul.newsletter-listing li {font-weight:bold;float:left;display:block;width:400px;background:url(/images/structure/newsletter-divide.jpg) no-repeat left top;padding:10px 0 20px} ul.newsletter-listing li label {float:left;width:100%;display:block;padding:6px 0;} ul.newsletter-listing li label span {font-size:0.75em;padding-left:10px;vertical-align:middle;} ul.newsletter-listing li label span.email {padding-left:0} ul.newsletter-listing li label input {vertical-align:middle;} ul.newsletter-listing li label span.normal {display:block;float:right;width:370px;margin-top:2px;font-weight:normal} ul.newsletter-listing.less-padding li {padding:14px 0 12px;} ul.newsletter-listing.less-padding li li {padding:8px 0 6px;} ul.newsletter-listing li label input.text {padding:6px;} ul.newsletter-listing li li {background:none;font-weight:normal;font-size:0.9em;padding:10px 0;} ul.newsletter-listing li li a {padding:2px 10px;display:block;width:95%} ul.newsletter-listing li li a:hover {text-decoration:underline} /****** useful-links-listing **************************************************************/ ul.useful-links-listing {width:630px;float:left;clear:both;padding:12px;} /****** product listing page **************************************************************/ ul.product-sort {width:100%;margin-top:20px;} ul.product-sort a, ul.product-sort li {float:left;width:auto;display:inline;} ul.product-sort li.first, ul.product-sort a {padding:8px 18px 8px 0;font-size:0.75em;text-decoration:none;} ul.product-sort li.first {font-weight:bold;} ul.product-sort a {padding-left:18px;display:block;border:solid #85ADD6;margin-right:6px;border-width:1px 1px 0 1px;} ul.product-sort a.here {padding-bottom:9px;background-color:#fff;border-bottom-color:#fff;margin-bottom:-1px;text-decoration:underline;} div.product-page-image {width:250px;float:left;} div.product-page-copy {width:380px;float:right;} div.product-page-copy div.priceholder {float:left;clear:both;width:100%} div.product-page-intro {width:630px;float:left;clear:both;padding:0 10px 10px 20px;} div.product-page-intro h2, div.product-page-intro h3 {padding-left:0;margin-left:0;} div.product-page-intro h2 {padding-bottom:8px} div.product-page-intro h3 {font-size:0.9em;} div.product-page-intro h3 em {font-weight:normal;} p.footnote {clear:both;width:100%;float:left;font-size:0.6875em;} /****** sub navigation items *************************************************************/ ul.sub-navigation {width:170px;float:right;padding:16px 32px 20px 28px;} ul.sub-navigation li {width:100%;float:right;clear:both;display:block;border-bottom:1px solid #000} ul.sub-navigation li span {display:none;} ul.sub-navigation a {padding:6px 0;background:url(../images/structure/sub-navigation-bottom-line.png) repeat-x left bottom;width:100%;float:left;display:block;font-size:0.72em;font-weight:bold;color:#333333;text-decoration:none;} ul.sub-navigation a.last {border:0;} body.newsletter ul.sub-navigation a {color:#000;} ul.sub-navigation a:hover, ul.sub-navigation li.here a {color:#000;text-decoration:underline} div.sub-homepage-image {position:relative;overflow:hidden;width:920px;min-height:180px;float:left;} div.sub-homepage-image img {position:absolute;top:0;left:0;} div.sub-homepage-main-content {width:920px;float:left;} div.sub-homepage-main-content.thin, div.sub-homepage-main-content.thin div.sub-homepage-image {width:230px;float:right;} div.sub-homepage-main-content.no-sub-nav div.sub-homepage-image {width:690px;float:left;} div.sub-homepage-main-content.no-sub-nav {width:690px} body.static div.inner-right {margin-top:-200px;} div.fade-divider {position:absolute;z-index:50;right:220px;top:0;width:10px;height:520px;background:url(../images/structure/sub-homepage-main-content-right-glow.png) no-repeat left top;} div.sub-homepage-intro-content {clear:both;padding:12px;display:block;float:left;width:636px} div.sub-homepage-intro-content ul {padding-bottom:20px;} div.sub-homepage-intro-content ul li {font-size:0.8em;} p.footnote {clear:both;width:100%;float:left;font-size:0.6875em;} div.sub-homepage-intro-content, body.products div.sub-homepage-intro-content {background:url("/images/structure/intro-content-vert-grad-white.png") repeat-x scroll left top transparent;padding-bottom:0;position:relative;} body.no-image div.sub-homepage-image img {display:none;} div.sub-homepage-intro-content h2 {padding:10px 0 20px;} div.sub-homepage-intro-content h2.on-image { background:#000; margin-left:-12px; padding:10px 30px 10px 12px; color:#fff; font-size:1.8em; position:absolute; top:-80px; width:auto; z-index:400; } .left {float:left} body.no-image div.sub-homepage-intro-content h2 {position:relative} p.breadcrumb {position:absolute;top:-23px;left:12px;z-index:400;} p.breadcrumb a {border:0;padding:2px 5px;font-size:11px;text-decoration:none;font-weight:normal;color:#000;margin-right:5px;} p.breadcrumb a:hover {border-bottom:1px solid;} /****** navigation **************************************************************/ dl.summary {float:left;display:block;width:100%;clear:both;padding:10px 0;} dl.summary dt, dl.summary dd {font-size:0.8em;float:left;} dl.summary dt {width:120px;display:block;clear:left;} dl.summary dd {float:left;width:180px;color:#4b4b4b;} dl.summary dt.total, dl.summary dd.total {font-size:1.4em;border:solid #eaeaea;border-width:1px 0;margin:10px 0;padding:5px 0;} dl.summary dd.total {font-weight:bold;} dl.summary.top dt, dl.summary.top dd {font-size:0.72em;} dl.summary.top dt.total, dl.summary.top dd.total {font-size:1.1em;border:solid #eaeaea;border-width:1px 0;margin:10px 0;padding:5px 0;} ul.related-items {margin-left:20px;padding-top:30px;} ul.related-items, ul.related-items li, ul.related-items a {float:left;width:200px;} ul.related-items li {font-weight:bold;font-size:0.6875em;} ul.related-items li.first-item {font-size:1em;} ul.related-items a {font-weight:bold;text-decoration:none;display:block;padding:8px 0;border-bottom:1px solid #bebebe;width:180px;padding-left:0;} ul.related-items a:hover {text-decoration:underline} /****** navigation **************************************************************/ ul.main-navigation, ul.sitemap {width:100%;float:left;} ul.main-navigation {position:absolute;bottom:0;left:150px;width:805px;float:right;margin-right:-5px;} ul.main-navigation li {display:inline;float:left;width:auto;} ul.main-navigation li a.here, ul.main-navigation li a:hover, ul.main-navigation li.active a {text-decoration:none;background-color:#0863A5;color:#fff;border-color:#0863A5;} ul.main-navigation li a:hover {background-color:#fff;} ul.main-navigation li.active a {color:#fff;} ul.main-navigation li.member-tab, ul.main-navigation li.member-tab a{float:right;} ul.main-navigation li a {-moz-border-radius:0.2em 0.2em 0 0;-webkit-border-radius:0.2em 0.2em 0 0;background:url("/images/structure/tab-bottom-gradient.png") repeat-x scroll left bottom #363A3A;color:#FFFFFF;display:block;float:left;font-size:0.8125em;font-weight:bold;margin-right:5px;padding:7px 15px;text-decoration:none;} ul.main-navigation li.contrast, ul.main-navigation li.contrast a{float:right;} ul.main-navigation li.contrast a.large {font-size:18px;padding:3px 12px;} ul.main-navigation li.contrast a.small {font-size:11px;} ul.main-navigation li.contrast a{text-align:left;float:left} ul.main-navigation li.contrast a:hover{color:#4b4b4b} body.education h2, body.education h3, body.education h4, body.education ul.product-listing h3 a {color:#000;} body.health-and-social-care h2, body.health-and-social-care h3, body.health-and-social-care h4, body.health-and-social-care ul.product-listing h3 a {color:#000;} body.early-years h2, body.early-years h3, body.early-years h4, body.early-years ul.product-listing h3 a {color:#000;} body.construction h2, body.construction h3, body.construction h4, body.construction ul.product-listing h3 a {color:#000;} body.early-years ul.product-listing h3 a {text-decoration:underline} body.education ul.main-navigation li a.education, ul.main-navigation li a.education:hover, body.health-and-social-care ul.main-navigation li a.health-and-social-care, ul.main-navigation li a.health-and-social-care:hover, body.construction ul.main-navigation li a.construction, ul.main-navigation li a.construction:hover, body.health-safety ul.main-navigation li a.health-safety, ul.main-navigation li a.health-safety:hover, body.early-years ul.main-navigation li a.early-years, ul.main-navigation li a.early-years:hover {background-color:#fff;color:#000;background-image:none} body.education div.sub-homepage-main-content {background-color:#fff} body.health-and-social-care div.sub-homepage-main-content {background-color:#fff} body.newsletter div.sub-homepage-main-content {background-color:#fff} body.early-years div.sub-homepage-main-content {background-color:#fff} body.construction div.sub-homepage-main-content {background-color:#fff} div.top-nav {float:right;width:auto;padding-top:20px;height:50px;} div.top-nav ul {float:left;width:auto;margin-right:1em;} div.top-nav ul li {float:left;display:inline;} div.top-nav ul li a {float:left;display:block;font-size:0.85em;padding:0.5em 1.2em 0.2em 0.6em;color:#fff;text-decoration:none;background:transparent url(../images/structure/top-nav-forward-slash.gif) no-repeat right center} div.top-nav ul li a.last {padding-right:0;background:none;} div.top-nav ul li a:hover, div.top-nav ul li a.here {color:#666;} div.top-nav {margin-left:10px;position:relative;float:right;width:auto;padding-top:5px;} fieldset.search {margin-top:-5px;position:relative;float:left;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:#363A3A;padding:5px;display:block;} fieldset.search input.text {float:left;font-size:0.8em;margin-right:8px;margin-top:1px;width:125px;} fieldset.search input.submit {float:left;display:block;border:0;width:78px;height:25px;text-indent:-9999px;background:url(/images/structure/submit-button.png) no-repeat left top;margin-top:2px;} label.overlabel {color:#999;position:absolute;right:210px;top:5px;} label.overlabel span {white-space:nowrap;font-size:0.8em} label.overlabel-apply {position:absolute;top:2px;left:8px;z-index:1;color:#999;} div.open-closetoggle {background:url(/images/structure/toggle-cross.gif) no-repeat scroll 0 0;cursor:pointer;font-weight:bold;height:20px;width:20px;padding-left:5px;position:absolute;right:10px;top:10px;z-index:500;} div.open-closetoggle.isopen {background-position:0 -20px} fieldset.newsletter-sign-up input.submit.button-signup {float:left;display:block;border:0;width:54px;height:25px;text-indent:-9999px;background:url(/images/structure/button-signup.gif) no-repeat left top;margin-top:2px;} ul.sitemap {padding:25px 0;font-size:1.7em;display:block;} ul.sitemap ul {margin-left:15px;padding:0} ul.sitemap li {font-weight:bold;} ul.sitemap.first {margin-left:0;} ul.sitemap.last {border-right:0;} ul.sitemap li li {font-weight:normal;} ul.sitemap li li li {color:#666;} ul.latest {width:100%;} ul.latest li a {display:block;padding:2% 8%;width:84%;font-size:0.7em;} ul.main-nav {border-bottom:4px solid #0863A5;} ul.footer-nav {border-top:1px solid #0863A5;} div.content-inner {width:700px;float:left;} div.content-feature {width:660px;padding:20px;float:left;clear:both;height:220px;background-color:#002963;color:#fff;margin-bottom:20px;} body.homepage div.inner-left, body.homepage div.inner-right {margin-top:15px;} div.inner-left, div.inner-right {margin-top:5px;background-color:#fff;} div.inner-left {width:660px;float:left;} div.inner-right {width:220px;float:right;} div.inner-right p {font-weight:bold;line-height:1.3;padding-bottom:8px;} div.inner-right-contact {width:300px;float:right;} div.content-inner.main div.inner-right, div.content-inner.main div.inner-left {width:48%;} div.content-inner.main.full {width:950px;} div.slideshow {position:relative;margin-bottom:20px;height:12.3em;display:block;float:left;width:100%;} ul#features {width:100%;display:block;clear:both;float:left;} ul#features li {padding:5%;font-weight:bold;position:relative;height:8em;width:90%;} ul#features li h3 {font-size:2em;font-family:georgia, serif;font-weight:normal;} ul#features li h3 a {color:#fff;} ul#features li.li-carehomes {background-color:orange;} ul#features li.li-education {background-color:#002963;} ul#features li.li-carehomes h3 {float:right;width:auto;margin:0 0 20px 25px;} ul#features li.li-education h3 {float:left;width:auto;margin:0 25px 20px 0;} ul.homepage-categories {width:100%;float:left;clear:both;} ul.homepage-categories li {width:49%;margin-right:1%;float:left;} ul.homepage-categories li.right {float:right;margin-left:1%;margin-right:0;} ul.homepage-categories li a {width:100%;float:left;height:6em;display:block;background-color:#dedede;font-size:1.8em;font-family:georgia, serif;font-weight:normal;} /****** form items *************************************************************/ form {float:left;clear:none;} body.shop form {width:100%} fieldset.form {width:580px;clear:both;float:left;} fieldset.form label {float:left;padding:5px 0;width:auto;clear:both;display:block;} fieldset.form textarea.textarea {float:left;width:250px;border:1px solid #535353;padding:0.2em;margin-bottom:5px;} fieldset.form textarea.textarea {width:530px;height:80px;} fieldset.form label.oneline {width:260px;} fieldset.form label span {float:left;width:90px;line-height:2;font-size:12px;font-weight:bold;} fieldset.form label.oneline span {float:none;clear:both;} fieldset.form label.checkbox, fieldset.form label.radio, fieldset.form label.radio span, fieldset.form label.checkbox span {line-height:18px;float:left;width:auto;vertical-align:middle;margin-right:10px;display:inline;} fieldset.form label.radio, fieldset.form label.checkbox {clear:none;margin-right:10px;padding-right:0;} label.checkbox input {float:left;clear:none;display:inline;} input.text {width:58%;float:left;padding:3px 4px;font-size:0.7em} ul.two-col {margin-left:-3px;float:left;width:100%;padding-bottom:10px;} ul.two-col li {line-height:18px;width:275px;display:inline;float:left;padding:0;} ul.two-col li input.radio, ul.two-col li input.checkbox {float:left;height:18px;width:auto;margin-right:5px;} ul.two-col li label.two-columns span {width:200px;float:left;vertical-align:middle;font-weight:normal;} ul.two-col.thin li {width:105px;} ul.two-col.thin li label.two-columns span {width:80px;} fieldset.form select {padding:0.2em;border:1px solid #535353;width:auto;min-width:100px;} fieldset.form option {border:none;} ul.three-col {float:left;width:32%;margin-right:2%;} ul.three-col.last {margin-right:0;} ul.three-col li.heading {padding:0 0 5px;font-weight:bold;} ul.three-col label {line-height:18px;margin:0;padding:0;float:left;clear:both;width:auto;} ul.three-col label span {vertical-align:top;} ul.three-col input.checkbox {margin:0;padding:0;height:20px;float:left;margin-right:2px;vertical-align:baseline;} fieldset.form span.radiolist {display:block;clear:both;float:left;} fieldset.form span.radiolist input {float:left;clear:left;margin-right:4px;vertical-align:middle;margin-top:4px;} fieldset.form span.radiolist label {float:left;clear:right;padding:1px 0;} fieldset.form span.checklist {display:block;clear:both;float:left;} fieldset.form span.checklist input {float:left;clear:left;margin-right:4px;vertical-align:middle;margin-top:4px;} fieldset.form span.checklist label {float:left;clear:right;padding:2px 0;} fieldset.newsletter-sign-up {padding-bottom:20px;position:relative;} fieldset.newsletter-sign-up label span {font-size:11px;color:#4f4f4f;white-space:nowrap} fieldset.newsletter-sign-up label.overlabel-apply {top:-1px;} div.input-block {width:100%;clear:both;float:left;padding:0;margin:0;} div.input-block-two {width:48%;clear:none;float:left;padding:0;margin:0;} ul.about {padding-top:30px;float:left;width:100%;} ul.about li {margin-bottom:1em;clear:both;} ul.about li div {float:right;width:62%;} ul.about li span.img {font-size:0.75em;background-color:#002963;float:left;width:30%;height:5em;display:block;padding:10px;margin-bottom:20px;} /****** right box **************************************************************/ ul.right-container, ul.right-container li, ul.right-container ul.tab {width:100%;float:left;clear:both;} ul.right-container li {padding-bottom:18px;background:transparent url(../images/structure/right-side-divider.jpg) no-repeat left bottom;} div.box-narrow {float:left;width:190px;padding:20px 15px 15px;} div.box-narrow.pin {background:url(../images/structure/icon-pin.jpg) no-repeat 96% 5%;} div.box-narrow.pin p {width:85%;} div.box-narrow.pin h2 {padding:20px 0 12px;} div.box-narrow input.text {padding:5px;width:100px;} ul.right-container ul.tab {background:#EAEAEA url(../images/structure/tab-gradient-vertical.jpg) repeat-x left bottom;} ul.right-container ul.tab li {background:none;display:inline;float:left;width:auto;clear:none;margin:0;padding:0 0 0 5px;} h3.email-friend a {padding:5px 0;display:block;text-indent:-9999px;background:url(../images/structure/icon-email.gif) no-repeat left center;} ul.right-container ul.tab li a, ul.right-container ul.tab li a.current {float:left;background:url(../images/structure/tab-right.png) no-repeat right top;color:#4b4b4b;font-size:0.75em;float:left;display:block;width:auto;position:relative;text-decoration:none;margin-right:6px;padding-right:10px;margin-top:10px;} a.button-less-pad {padding-right:5px;} ul.right-container ul.tab li a.current span, ul.right-container ul.tab li a span {background:url(../images/structure/tab-left.png) no-repeat left top;display:block;padding:8px 0 8px 10px;} ul.right-container ul.tab li a span, ul.right-container ul.tab li a {background:none;} ul.right-container ul.tab li a.current span {} span.date-format {font-family:verdana, arial,sans-serif;text-transform:uppercase;font-size:9px;font-weight:normal} div.inner-right p b {float:left;font-size:1.25em;margin:0 0 0.6em;} span.issue-number {font-weight:bold;margin-right:10px} /****** buttons **************************************************************/ span.button, a.button, span.submit, a.button-less-pad {font-size:0.75em;float:left;display:block;width:auto;position:relative;text-decoration:none;color:#fff;height:25px;margin-right:6px;padding-right:10px;} a.button.more-pad {padding-right:30px;} ul.product-listing a.button {color:#fff;} div.box-narrow a.button {font-size:0.72em;} a.button-less-pad {padding-right:5px;} a.button-less-pad span, a.button span {display:block;line-height:15px;padding:5px 0 5px 10px;} span.button {color:#999999;background:transparent url(../images/structure/button-white-right.gif) right top;height:20px;} span.button span {background:transparent url(../images/structure/button-white-left.gif) left top;display:block;line-height:10px;padding:5px 0 5px 10px;} a.red-large span {padding-left:30px;} a.button-less-pad span {padding-left:5px;} span.button.right, a.button-less-pad.right, a.button.right {float:right;} a.red {background:transparent url(../images/structure/button-red-right.gif) right top;} a.blue {background:transparent url(../images/structure/button-blue-right.gif) right top;} input.inner-submit {background:transparent url(../images/structure/button-blue-right.gif) no-repeat right top;border:0;width:auto;} span.submit {background:transparent url(../images/structure/button-blue-left.gif) no-repeat left top;} a.white {color:#315480;background:transparent url(../images/structure/button-white-right.gif) right top;} a.blue-small {font-size:0.7em;height:20px;background:transparent url(../images/structure/button-blue-small-right.gif) right top;} a.red-large {font-size:1.8em;height:58px;background:transparent url(../images/structure/button-red-large-right.gif) right top;} a.red span {background:transparent url(../images/structure/button-red-left.gif) left top;} a.white span {background:transparent url(../images/structure/button-white-left.gif) left top;} a.blue span {background:transparent url(../images/structure/button-blue-left.gif) left top;} a.blue-small span {line-height:10px;background:transparent url(../images/structure/button-blue-small-left.gif) left top;} a.red-large span {line-height:48px;background:transparent url(../images/structure/button-red-large-left.gif) left top;} a.button:active, a.button-less-pad:active, a.button:hover, a.button-less-pad:hover {background-position:right bottom;text-decoration:underline;} a.button:hover span, a.button-less-pad:hover span, a.button:active span, a.button-less-pad:active span {background-position:left bottom;} p a strong {border:0;} /****** product detail **************************************************************/ div.product-page-copy ul {width:95%;} div.sub-homepage-intro-content ul li, div.product-page-copy ul li {background:url(../images/structure/bullet-product-list.gif) no-repeat 0 7px;padding-left:15px;display:block;font-size:0.8em;margin-bottom:0.6em;} div.product-page-copy ol.search-results, div.product-page-copy ul.sitemap li, div.sub-homepage-intro-content ol.search-results li, div.sub-homepage-intro-content ul.sitemap li {background:none;padding-left:0;} /****** search results **************************************************************/ ol.search-results {width:95%;float:left;padding:10px 0;list-style:decimal inside none;} ol.search-results li {font-size:0.9em;padding:0.5em 0} ol.search-results a {text-decoration:none;padding:0.3em 0;} fieldset.search-right {width:200px;float:right;padding:15px;font-size:1em;position:relative} fieldset.search-right h3 {padding-top:5px;} fieldset.search-right label {clear:none;float:left;width:auto;display:inline;margin-right:10px;padding-bottom:8px;} fieldset.search-right label span {clear:both;color:#4B4B4B;float:left;font-size:0.75em;font-weight:bold;margin-right:10px;vertical-align:middle;width:100%;} fieldset.search-left {width:380px;float:left;} fieldset.search-left label, fieldset.search-left label span {float:left;width:100%;} fieldset.search-left label span {font-size:72%;padding-top:8px;font-weight:bold;} div.inner-left h3 span {font-weight:normal} a.pdf {padding:10px 0 10px 25px;text-decoration:none} a.pdf:hover {text-decoration:underline} div.hr {margin-left:-25px;width:431px;height:50px;background:url(../images/structure/hr.jpg) no-repeat left center} /****** forms **************************************************************/ ol.forms {padding:20px 0} ol.forms, ol.forms li {width:100%;clear:both;float:left} ol.forms li {padding:0.3em 0;width:400px} ol.forms li label {width:80%;float:left;padding:20px;border-bottom:1px dotted #333} ol.forms.wide li {padding:0;} ol.forms.wide li label span {width:220px;font-size:14px;font-weight:bold;vertical-align:center} ol.forms.wide li label span.normal {color:#4b4b4font-size:12px;font-weight:normal} ol.forms.wide li {width:80%} ol.forms li label input {width:60%;float:left;vertical-align:center} ol.forms li label input.text {width:220px;} ol.forms.wide li label input.text {padding:6px;borb;der-width:1px;} ol.forms li label input.checkbox {width:auto;float:right} ol.forms li.buttons input {width:auto} ol.forms.wide input.submit {border:0;} ol.forms.wide input.submit.newsletters-form {border:0;width:120px;height:32px;text-indent:-9999px;text-align:left;} ol.forms li textarea {width:220px;float:left;height:90px} fieldset.order-form {padding:20px;width:600px;} fieldset.order-form ol.forms li {width:300px} fieldset.order-form ol.forms li input {width:160px;} fieldset.order-form ol.forms li input.submit, fieldset.order-form ol.forms li input.checkbox {width:auto;} ul#msg {float:right;width:250px;} ul#msg li {width:230px;font-size:0.75em} div#entry_id, div#entry_form_id {display:none} fieldset.order-form h2 {width:260px;clear:both;} div#sign-up p, div#archive p {font-size:11px;font-weight:normal} ol.forms.wide li label span.email {width:auto;margin-right:20px;} ol.forms.wide li label.early-years span {color:#E1AE00;} ol.forms.wide li label.education span {color:#6699cc;} ol.forms.wide li label.health-and-social-care span {color:#69A641;} ol.forms.wide li label.early-years:hover {background-color:#E1AE00;} ol.forms.wide li label.education:hover {background-color:#6699cc;} ol.forms.wide li label.health-and-social-care:hover {background-color:#69A641;} ol.forms.wide li label.early-years:hover span, ol.forms.wide li label.education:hover span, ol.forms.wide li label.health-and-social-care:hover span {color:#fff;} /****** tables / checkout **************************************************************/ #fc_cart_controls_top a, #fc_cart_controls_bottom a, #fc_checkout_container a.fc_link_nav, #fc_receipt_links a.fc_link_nav, #fc_checkout_container button.fc_button {background:none repeat scroll 0 0 #ff6600;border:0;color:#FFFFFF;margin-left:10px;padding:5px 10px;text-decoration:none;} #fc_cart_table thead th {background:transparent;border:solid #4b4b4b;border-width:1px 0;padding:10px 0;color:#4b4b4b;font-size:16px;} body.shop div.inner-left {width:100%} #fc_cart_table {width:910px;margin-left:10px;} #fc_cancel_continue_shopping a {background-color:red;color:#fff;padding:7px 12px} #fc_cart_table td {border-bottom:1px solid;} #fc_cart_table td {border-bottom:1px solid;} #fc_cart_table td, #fc_cart_table th {font-size:16px;padding:10px 0;text-align:left;vertical-align:top;} #fc_cart_table tfoot td.fc_col1, #fc_cart_table tfoot td.fc_col2 {text-align:right;font-size:1.5em;padding:10px 0;} #fc_cart_table tfoot td.fc_col1 {font-weight:bold} #fc_cart_table tfoot td.fc_col2 {text-align:left} #fc_cart_table tfoot td {background:none repeat scroll 0 0 #EEEEEE;border-bottom:1px solid #AAAAAA;} #fc_checkout_cart, #fc_checkout_container {padding:0 12px} .cart_checkout {background:none repeat scroll 0 0 #ff0000;border:0;color:#fff;margin-left:10px;padding:15px 20px;text-decoration:none;} .fc_cart_remove_link {color:#ff6600} /****** footer **************************************************************/ div.footer ul.bottom-nav {padding:0 5px 50px;clear:both;} div.footer ul.bottom-nav li {display:inline;float:right;font-size:0.6875em;font-weight:bold;color:#4b4b4b;} div.footer ul.bottom-nav li.first {display:inline;float:left;font-size:0.6875em;font-weight:bold;padding:0.3em 1em;font-weight:normal;} div.footer ul.bottom-nav li a {display:block;float:left;color:#4b4b4b;text-decoration:none;padding:0.3em 1em;background:url(../images/structure/footer-li-divider.gif) no-repeat right center;} div.footer ul.bottom-nav li a.last {padding-right:0;background:none;} /****** updates **************************************************************/ table.updates {width:100%;font-size:72%} table.updates td, table.updates th {padding:5px;vertical-align:top;text-align:left}