body {text-align:center;background:#00303f;font-family:verdana;font-size:12px !important}
#w {width:960px;margin:10px auto;padding:0 10px;background:#fff;text-align:left;position:relative}

#h {height:98px;overflow:hidden;position:relative;background:url(head.jpg) top no-repeat}
#c {width:960px;margin:30px 0}
#f {clear:left;height:35px;background:url(foot.jpg) bottom no-repeat}

#lhs, #rhs {width:230px}
#content {width:440px;margin:0 30px;overflow:hidden}

#logo, #subbar, #quick {display:block;position:absolute;overflow:hidden}
#logo {left:0;top:23px;width:230px;height:75px;text-indent:-100em}
#subbar {right:10px;top:76px;width:707px;height:22px;line-height:22px;text-align:right;color:#fff}
#subbar a {color:#fff}
#quick {left:813px;top:33px;width:110px;height:18px;display:none}

#f p {clear:none;margin:0 0 0 0;color:#ddf}
#f .lines {font-size:10px;line-height:17px;height:34px;padding:0 10px;float:left}
#f .tel {float:right;font-size:20px;line-height:34px;margin-right:10px}

#content a, #rhs a {text-decoration:none;color:#004c63}
#content a:hover, #rhs a:hover {text-decoration:underline}
#content li, #content p {line-height:1.6em}
#content li {margin-bottom:0.5em}

#rhs {color:#888;width:210px;overflow:hidden}

.col {float:left;overflow:hidden}

#lhs a {text-decoration:none}

.cb span {height:35px;line-height:35px;font-size:18px;font-weight:normal;margin:0}
#rhs .head {line-height:25px;font-size:18px;font-weight:normal;margin:0}
#rhs p, #lhs p {line-height:1.6em;color:#888}
#lhs p {margin-left:15px}

.cb {background:url(colour-bars.png) no-repeat top right;display:block;margin:0 0 5px 0;clear:both}
.cb span {background:url(colour-bars.png) no-repeat;display:block;margin-right:20px;padding-left:15px}
.cb.yellow {background-position:right -35px}
.cb.yellow span {background-position:0 -35px}
.cb.green {background-position:right -70px}
.cb.green span {background-position:0 -70px}
.cb.cyan {background-position:right -105px}
.cb.cyan span {background-position:0 -105px}
.cb.purple {background-position:right -140px}
.cb.purple span {background-position:0 -140px}
.cb * {color:#fff}


#nav {margin:0;background:url(navbg.jpg) no-repeat;padding:10px 0 0 30px}
#nav ul {margin:0;padding:0 0 0 20px}
#nav li {padding:5px 0 0 0;list-style-type:disc;color:#fff}
#nav a {color:#fff}
#endnav {clear:left;margin:0 0 5px 0;background:url(navbg.jpg) bottom left;height:15px}

#nav li li, #nav li li a {color:#19748f}
#nav li li.ancestor, #nav li.selected, #nav li.selected a {color:#a5ecff}
#nav li.selected li, #nav li.selected li a {color:#fff}
#nav li.selected li, #nav li.selected li a {color:#19748f}
#nav li li.ancestor, #nav li li.ancestor a {color:#a5ecff}
#nav a:hover {color:#a5ecff !important}

span.left {float:left;text-align:left}

#node11 {margin-top:20px}

.fivestarrating {background:#ddd url(5star.jpg) no-repeat;color:#fff;height:54px;padding-top:45px;display:block;margin-bottom:5px}
.fivestarrating span {text-align:center;font-size:16px;font-weight:bold;display:block}

.quote {padding:10px 20px 20px 20px;color:#aaa;position:relative}
.quote p {font-size:15px;line-height:1.5em}
.quote .oquo, .quote .cquo {font-size:500%;color:#ffd835;font-family:Georgia, Times New Roman, Times, serif;font-weight:bold}
.quote .oquo {float:left;height:45px;padding-top:30px;margin:-20px 7px -50px -20px}
.quote .cquo {float:right;padding-top:20px;margin:0 -20px 0 0}
.quote .who {font-weight:bold;font-style:italic}

.tabholder {}

ul.tabs {margin:0;padding:0;list-style:none;float:left;width:440px;overflow:hidden}
ul.tabs li {margin:0 1px 0 0 !important;padding:0;float:left;background:url(navbg.jpg) top right}
ul.tabs .selected {background:url(colour-bars.png) top right}

ul.tabs a {float:left;display:block;background:url(navbg.jpg);padding:5px 0 5px 10px;margin-right:10px;color:#fff !important}
ul.tabs .selected a {background:url(colour-bars.png)}
.tabend {clear:both;background:#217c97;height:3px;overflow:hidden}

.tabcontent {background:#e0eaec url(tabcontentbg.png) top;padding-top:20px;margin-bottom:20px}
.tabcontent2 {padding:0 20px 20px 20px;background:url(tabcontentbg.png) bottom}

.productbox {background:#FEF3BD url(product-bottom.png) bottom left no-repeat;padding:1px 15px 15px 15px}
.producttop {height:14px;background:#FEF3BD url(product-top.png) top left no-repeat}
.intro {}
.intro .pic {float:right;margin-left:15px}
.vid {margin:10px 0;height:220px;background:#ccc;position:relative}
.vid .overlay-top {position:absolute;z-index:5;width:100%;height:10px;background:url(vid-overlay.png) top;top:0}
.vid .overlay-bottom {position:absolute;z-index:5;width:100%;height:10px;background:url(vid-overlay.png) bottom;bottom:0}

.actions {height:50px;margin-bottom:10px}
.actions a {display:block;text-align:center;width:130px;height:50px;margin-right:10px;background:url(actions.png) top left;float:left}
.actions a:hover {background-position:top right;text-decoration:none !important}
.actions span {display:block;text-align:center;font-size:20px;margin-top:3px}
.actions .last {margin:0}
.onlyoneaction {padding-left:140px}

#rhs .head {}
#rhs .red {color:#D97970}
#rhs .yellow {color:#EFB301}
#rhs .green {color:#85B842}
#rhs .turq {color:#14A99D}
#rhs .purple {color:#825A99}

.clear {clear:both}

.product-list {margin-top:15px}
.product-list .filters {float:right;margin-right:10px}
.product-list .filters a {display:block;float:left;margin:0 0 1px 1px;padding:0 0 0 15px;background:url(colour-bars.png) top left}
.product-list .filters span {display:block;float:left;padding: 2px 15px 2px 0;background:url(colour-bars.png) top right}
.product-list .filters a#show-all {background:url(colour-bars.png) left -35px !important}
.product-list .filters a#show-all span {background:url(colour-bars.png) right -35px !important}
.product-list h2 {background:url(colour-bars.png) 0 -35px;padding:0 0 0 15px;font-size:12px;margin:0 0 1px 0;clear:both}
.product-list h2 a {text-decoration:none;display:block;padding:4px 15px 4px 0;background:url(colour-bars.png) right -35px}
.product-list .productbox {margin-bottom:10px}
.product-list .links a {padding-right:12px;border-right:1px solid #FAAC02;margin-right:5px}
.product-list .links a.last {border:none}

.disabled .block {padding-top:0}
.disabled .block, .disabled .end {background-color:#eee !important;margin-top:0}
.disabled .intro, .disabled .links {display:none}
.disabled h2 {background:#ddd url(break.png) 0 -20px no-repeat !important}
.disabled h2 * {background:none !important}

.rhsactions {list-style:none;margin:0;padding:0}
.rhsactions strong {display:block}
.rhsactions a {display:block;margin:5px 0}

.included {list-style:none;margin:0;padding:0}
.included li {margin:0;padding:5px 0 10px 40px;background:top left no-repeat}
.included p {margin:0}
.included .author {background-image:url(icons/author.png)}
.included .dvd {background-image:url(icons/dvd.png)}
.included .guide {background-image:url(icons/guide.png)}
.included .powerpoint {background-image:url(icons/powerpoint.png)}
.included .slides {background-image:url(icons/slides.png)}

.hide {display:none}
.block {background-color:#e0eaed;padding:1px 15px 0 15px;margin-bottom:10px;width:410px;overflow:hidden;position:relative}
hr, .break, .end, .top {height:30px;margin:0;background:#e0eaed url(break.png) top left;border:0;width:440px;position:relative;left:-15px;border:0}
.end, .top {height:10px}
.end {clear:both;margin-top:5px}
.top {top:-1px;background-position:bottom left;margin-bottom:5px}
h2.blocktop {background:url(colour-bars.png) 0 -35px;padding:0 0 0 15px;font-size:12px;margin:0 0 1px 0;clear:both}
h2.blocktop a {text-decoration:none;display:block;padding:4px 15px 4px 0;background:url(colour-bars.png) right -35px}

#dvd-learning-resources #content .cb {background-position:right -35px}
#dvd-learning-resources #content .cb span {background-position:left -35px}
#dvd-learning-resources .block, #dvd-learning-resources .top, #dvd-learning-resources .end, #dvd-learning-resources .break {background-color:#FEF3BD}
h2.blocktop {background-position:left -35px}
h2.blocktop a {background-position:right -35px}

#streamlearning #content .cb {background-position:right -70px}
#streamlearning #content .cb span {background-position:left -70px}
#streamlearning .block, #streamlearning .top, #streamlearning .end, #streamlearning .break {background-color:#E5F0D8}
h2.blocktop {background-position:left -70px}
h2.blocktop a {background-position:right -70px}

#workshops #content .cb {background-position:right -105px}
#workshops #content .cb span {background-position:left -105px}
#workshops .block, #workshops .top, #workshops .end, #workshops .break  {background-color:#C2EFEC}
h2.blocktop {background-position:left -105px}
h2.blocktop a {background-position:right -105px}

#news-and-events #content .cb {background-position:right -140px}
#news-and-events #content .cb span {background-position:left -140px}
#news-and-events .block, #news-and-events .top, #news-and-events .end, #news-and-events .break {background-color:#F5E6FF}
h2.blocktop {background-position:left -140px}
h2.blocktop a {background-position:right -140px}

.pagination {margin-top:15px}

.form {float:left;margin:0;padding:0;width:100%}
.form .field, .form .nonfloatfield {float:left;clear:left;list-style:none;width:410px;padding:0}
.form .field label {float:left;margin-left:5px;}
.form .field span {float:right;margin-right:5px}
.form .errorlist {float:left;color:red;clear:both}
.form li.action {padding-top:5px}
.form .haserror {background:#FFeFeF}
.form .haserror .cap {height:5px;background:url(errorcap.png) top}
.form .haserror .close {clear:both;background-position:bottom !important}
strong.req {color:red}
.form li.note {list-style:none;font-size:80%;padding:0 0 10px 5px}

.basket {width:100%;border-collapse:collapse;margin-bottom:1em}
.basket th {}
.basket th, .basket td {padding:5px 10px}
.basket th {background:#eee}
.basket .subtotal th {}
.basket .vat th {}
.basket .discount th {}
.basket .total td {font-weight:bold}
.emptybasket {text-align:center;font-style:italic}

.basket .subtotal, .basket .discount, .basket .carriage, .basket .vat, .basket .total {border-bottom:1px solid #fff !important}
.basket .subtotal {border-top:1px solid #fff}

.picplugin {margin-bottom:10px}

a img {border:0}

.homeblocks {width:990px;float:left;clear:left;padding-top:8px}
.homeblock {display:block;float:left;width:230px;margin-right:13px;position:relative;text-decoration:none;color:#000;cursor:pointer}
.homeblock * {cursor:pointer}
.homeblock .title {height:50px}
.homeblocks .main, .homeblocks .sub {margin:0;padding:0;font-weight:normal;display:block}
.homeblock .main {height:27px;line-height:34px;font-size:20px}
.homeblock .sub {height:20px;line-height:17px;font-size:12px}
.homeblock .body {margin:15px;display:block}
.homeblock .imgbody {padding-left:95px;background:top left no-repeat}

.homeblock .title .holder {height:50px;font-weight:normal;margin:0;display:block}
.homeblock .title {background:url(homeblocks.png) no-repeat top right;display:block;margin:0 0 5px 0;clear:both;height:50px;overflow:hidden}
.homeblock .title .holder {background:url(homeblocks.png) no-repeat;display:block;margin-right:20px;padding-left:15px}
.homeblocks .yellow .title {background-position:right -50px}
.homeblocks .yellow .title .holder {background-position:0 -50px}
.homeblocks .green .title {background-position:right -100px}
.homeblocks .green .title .holder {background-position:0 -100px}
.homeblocks .cyan .title {background-position:right -150px}
.homeblocks .cyan .title .holder {background-position:0 -150px}
.homeblocks .purple .title {background-position:right -200px}
.homeblocks .purple .title .holder {background-position:0 -200px}
.homeblocks .title * {color:#fff}

a.title {text-decoration:none}

.homeblocks ul {padding-left:20px}

.blocklink {position:absolute;z-index:500;top:0;left:0;bottom:0;right:0;float:left}
.bodylink {color:#000}

.formimage {height:85px;background:url(typing.jpg) no-repeat}

input[type="text"], input[type="password"] {width:180px}

small, .small {font-size:8px !important;font-weight:normal}
.add-streamlearning {font-size:8px;text-align:center}
.spacer {height:10px}

#homevid {float:left;width:716px;margin-left:14px;height:243px;background:#fff url(montage.jpg) top right no-repeat}
#homevid h1 {width:460px;font-size:18px;font-weight:normal}
#homevid p {width:350px;font-size:15px}

.blcol {float:left;width:205px}

#q {width:232px;position:absolute;top:15px;right:25px;background:url(qon-top.png) no-repeat}
#q h3 {margin:11px 0 0 18px;padding:0;height:26px;line-height:26px;font-size:12px;font-weight:normal;color:#222}
#q ul, #sw {background:url(qon-tile.png);padding:0 40px;margin:0}
#q li {padding-top:5px}
#q .foot {height:20px;background:url(qon-bot.png)}

#q.off {height:47px;background-image:url(qoff.png)}
#q.off div, #q.off ul {display:none}

#sw {padding:5px 18px;font-size:10px}
#sw .selected {font-weight:bold;text-decoration:none;color:#000}
#q .hidesubject .subject {display:none}
#q .hidetitle .title {display:none}

#fpwlink {display:block;float:left;padding-top:3px}action