@charset "utf-8";
/* Sensory Direct v1.0 2009 */

/*-- General Tags -----------------------------------------------------------------------------------*/
* { margin:0; padding:0 }
a img { border:0 none; }
a { outline:none; }
body { background:#ebebeb url(../img/bg.gif) 0 0 repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
h1, h2, h3, h4 { margin:0 0 10px 0; color:#E8362C; }
h1 { font-size:28px; margin:0 0 20px 0; padding: 10px 0 0 0; }
h2 { font-size:18px; border-bottom:2px solid #c2c2c2; }
h3 { font-size:13px; color:#333;  }
h4 { border-bottom:1px dotted #999; }
h5 { font-size:16px; color:#fff; }
p { display:block; margin:0 0 10px 0; }
fieldset { border: 0 none; }
/*--// General Tags -----------------------------------------------------------------------------------*/

/*-- Headings -----------------------------------------------------------------------------------*/
h1#welcome { float:left; padding: 30px 0 0 0; }
h1#about { }
h1#product { }
h1#faqhead {  }
h1#charity { }
h2#feature { }
/*--// Headings -----------------------------------------------------------------------------------*/

/*-- Layout -----------------------------------------------------------------------------------*/
#container { width:980px; padding:0 12px; margin:0 auto; background:url(../img/bg-content.png) 0 0 repeat-y; }
#top, #btm { width:1004px; height:23px; margin:0 auto; clear:both; }
#top { background:url(../img/bg-top.png) 0 0 no-repeat; margin:20px auto 0 auto; }
#btm { background:url(../img/bg-btm.png) 0 0 no-repeat; }
#content { width:970px; clear:both; padding:20px 5px 0 5px; border-top:6px solid #515151; }
/*--// Layout -----------------------------------------------------------------------------------*/

/*-- Header -----------------------------------------------------------------------------------*/
#header { width:960px; height:155px; padding:0 10px; }
#header img { float:left; }
#header p { width:186px; display:block; float:right; clear:right; font-weight:bold; padding:5px 0 5px 40px; background:url(../img/union-jack.gif) left center no-repeat; color:#666; }
#basket { width:220px; height:60px; padding:10px 0 0 0; margin:0 0 20px 0; float:right; text-align:center; background:#fff url(../img/basket.gif) 10px 8px no-repeat; border:1px solid #ccc; color:#173D94; font-size:10px; }
#basket ul { list-style:none; margin:0 0 10px 0; }
#basket a { width:200px; margin:0 auto; display:block; color:#fff; text-decoration:none; background:#0099FF url(../img/arrow-blue-bg.gif) 90% 50% no-repeat; font-size:12px; padding:3px 0; }
#basket a:hover { color:#fff; text-decoration:underline; background:#0099FF url(../img/arrow-blue-bg.gif) 92% 50% no-repeat; }
/*--// Header -----------------------------------------------------------------------------------*/

/*-- Footer -----------------------------------------------------------------------------------*/
#footer { width:980px; margin:0 auto; clear:both; padding:15px 0; color:#333; font-size:10px; }
#footer p { float:left; }
#footer ul { float:right; list-style:none; }
#footer li { display:inline; }
#footer a:link { color:#333; text-decoration:underline; }
#footer a:visited { color:#333; text-decoration:underline; }
#footer a:hover { color:#000; text-decoration:underline; }
/*--// Footer -----------------------------------------------------------------------------------*/

/*-- Navigation -----------------------------------------------------------------------------------*/
#nav { width:970px; height:40px; padding:0 0 0 10px; clear:both; border-bottom:1px solid #fff; background:url("../img/bg-nav.gif") 0 0 repeat-x; color:#fff; }
#nav ul { list-style:none; float:left; margin:14px 0 0 0; }
#nav ul li { float:left; display:block; margin:0 9px 0 0; padding:0 10px 0 0; border-right:1px dotted #fff; }
#nav ul li.last { margin:0; padding:0; border:none; }
#nav ul li a { color:#fff; display:block; text-decoration:none; }
#nav ul li a:hover { color:#fff; text-decoration:underline; }
#nav form { float:right; padding:10px 10px 0 10px; height:30px; background:url(../img/bg-search.gif) 0 0 repeat-x; }
#nav form input { width:140px; padding:2px; color:#666; font-size:11px; border:1px solid #696969; background:#fff url(../img/bg-search-shadow.gif) 0 0 repeat-x; border-bottom:none; }
#nav form input#button { width:25px; padding:1px; background:#ccc; border:1px solid #696969; color:#333;  }
/*--// Navigation -----------------------------------------------------------------------------------*/

/*-- Sidebar -----------------------------------------------------------------------------------*/
#sidebar { width:220px; padding:0 20px 0 0; float:left; }
#sidebar ul { list-style:none; margin:0 0 10px 0; }
#sidebar ul li ul { list-style:none; margin:0; }
#sidebar ul li { margin:0 0 10px 0; height:1%; }
#sidebar ul li ul li { margin: 0; height: auto; }
#sidebar ul li a { padding:0 0 10px 20px; display:block; font-weight:bold; text-decoration:none; border-bottom:1px solid #999; }
#sidebar ul li.last { margin:0; }
#sidebar ul li.last a { border:none; }
#sidebar ul li.last ul li a { border-bottom:1px solid #999;}
#sidebar ul#blue { border:1px solid #0099FF; }
#sidebar ul#blue li.first { background:url(../img/product-information.gif) 0 0 no-repeat; }
#sidebar ul#blue li a { color:#0099FF; background:url(../img/arrow-blue.gif) 7px 5px no-repeat; }
#sidebar ul#blue li a:hover { background:url(../img/arrow-blue.gif) 10px 5px no-repeat; }
#sidebar ul#accordion { border:1px solid #E8362C; }
#sidebar ul#accordion li.first { background:url(../img/online-shop.gif) 0 0 no-repeat; }
#sidebar ul#accordion li a { color:#E8362C; background:url(../img/arrow-red.gif) 7px 5px no-repeat; }
#sidebar ul#accordion li a:hover { background:url(../img/arrow-red.gif) 10px 5px no-repeat; }
#sidebar ul#accordion li ul li a { background:url(../img/arrow-red-grey.gif) 17px 13px no-repeat; background-color: #ccc; padding: 8px 0 10px 30px; }
#sidebar ul#accordion li ul li a:hover { background:url(../img/arrow-red-grey.gif) 20px 13px no-repeat; background-color: #ccc;}
#sidebar ul#accordion li.first, #sidebar ul#blue li.first, #sidebar ul#grey li.first { height:25px; text-indent:-9999px; }
#sidebar ul#grey { border:1px solid #515151; }
#sidebar ul#grey li.first { background:url(../img/questions.gif) 0 0 no-repeat; }
#sidebar ul#grey li a { color:#515151; background:url(../img/arrow-grey.gif) 7px 5px no-repeat; }
#sidebar ul#grey li a:hover { background:url(../img/arrow-grey.gif) 10px 5px no-repeat; }

#sidebar a.send { clear:left; display:block; padding:0 0 0 20px; color:#666; font-size:11px; text-decoration:none; background:url(../img/env.gif) 0 center no-repeat; }
#sidebar a:hover.send { text-decoration:underline; }
#faq { width:118px; padding:5px 0 0 100px; margin:0 0 10px 0; font-size:11px; border:1px solid #ccc; background:#fff url(../img/faq-bg.jpg) 0 0 repeat-y;  }
#faq h5 { height:90px; background:url(../img/faqhead.jpg) 0 0 no-repeat; text-indent:-9999px; }
#faq p { margin:0 0 5px 0; }
#faq a { width:70px; display:block; float:right; padding:5px 5px 0 5px; margin:0 auto 10px auto; font-size:9px; color:#333; text-decoration:none; background:url(../img/arrow-white-bg.gif) 60px center no-repeat; }
#faq a:hover { background:url(../img/arrow-white-bg.gif) 65px center no-repeat; }
/*--// Sidebar -----------------------------------------------------------------------------------*/

/*-- Primary -----------------------------------------------------------------------------------*/
#primary { width:510px; padding:0 20px 0 0; float:left; }
#primary p, #primary address, #primary ul { line-height: 180%; }
#primary ul { list-style:none; margin:0 0 10px 0; }
#primary ul li { width:140px; padding:10px 9px; margin:0 5px 0 0; float:left; background:#fff; border:1px solid #ccc; }
#primary ul li img { border:1px solid #ccc; }
#primary ul li p { font-size:10px; color:#666; line-height: 140%; }
#primary ul li a { width:70px; display:block; float:right; padding:5px; font-size:9px; color:#fff; text-decoration:none; background:#FF0000 url(../img/arrow-more.gif) 95% 50% no-repeat; line-height: 140%; }
#primary ul li a:hover { text-decoration:underline; }
#primary a.more { display:block; clear:both; padding:3px 30px 3px 0; margin:0 0 10px 0; color:#fff; text-decoration:none; font-weight:bold; font-size:13px; text-align:right; background:#E8362C url(../img/arrow-red-bg.gif) 490px center no-repeat; }
#primary a:hover.more { text-decoration:underline; background:#E8362C url(../img/arrow-red-bg.gif) 495px center no-repeat;  }

#primary.pg ul { list-style-type:disc; margin:0 0 10px 10px; }
#primary.pg ul li { width:auto; padding:0; margin:0; float:none; background:none; border:0; }
#primary.pg address { display:block; margin:0 0 10px 0; }
#primary.pg a { color:#E8362C; text-decoration:none; }
#primary.pg a:hover { color:#E8362C; text-decoration:underline; }
/*--// Primary -----------------------------------------------------------------------------------*/

/*-- Secondary -----------------------------------------------------------------------------------*/
#secondary { width:200px; float:left; }
#secondary ul { list-style:none; }
#secondary ul li { width:180px; display:block; margin:0 0 10px 0; padding:5px; }
#secondary ul li a { width:70px; display:block; float:right; padding:5px; font-size:9px; color:#fff; text-decoration:none; }
#secondary ul li a:hover { text-decoration:underline; }
#secondary ul li.first { background:#0099FF; }
#secondary ul li.first h5 { height:65px; background:url(../img/nhs-schools-healthcare.gif) 0 0 no-repeat; text-indent:-9999px; }
#secondary ul li.first a { background:url(../img/arrow-blue-bg.gif) 60px center no-repeat; }
#secondary ul li.first a:hover { background:url(../img/arrow-blue-bg.gif) 65px center no-repeat; }
#secondary ul li.second { background:#ebebeb url(../img/bg-second.gif) bottom left repeat-x; width:178px; border:1px solid #ccc; font-weight:bold; }
#secondary ul li.second a { background:url(../img/arrow-grey-bg.gif) 60px center no-repeat; color:#333; font-weight:normal; }
#secondary ul li.second a:hover { background:url(../img/arrow-grey-bg.gif) 65px center no-repeat; }
#secondary ul li.third { background:#F4AA00; }
#secondary ul li.third h5 { height:30px; background:url(../img/sign-up.gif) 0 0 no-repeat; text-indent:-9999px; }
#secondary ul li.third a { background:url(../img/arrow-gold-bg.gif) 60px center no-repeat; color:#333; }
#secondary ul li.third a:hover { background:url(../img/arrow-gold-bg.gif) 65px center no-repeat; }
#secondary ul li.fourth { background:#E8362C; }
#secondary ul li.fourth h5 { height:30px; background:url(../img/exchange-program.gif) 0 0 no-repeat; text-indent:-9999px; }
#secondary ul li.fourth a { background:url(../img/arrow-red-bg.gif) 60px center no-repeat; }
#secondary ul li.fourth a:hover { background:url(../img/arrow-red-bg.gif) 65px center no-repeat; }
#secondary p { font-size:11px; color:#fff; }
#secondary p span { font-size:36px; color:#D63229; font-weight:bold; letter-spacing:-3px; }
#secondary ul li.second p { color:#333; }
#secondary address, #secondary ol { font-size:10px; font-weight:bold; font-style:normal; color:#333; margin:0 0 10px 0; }
#secondary ol { color:#0099FF; list-style:none; }
#secondary ol a { color:#0099FF; text-decoration: none; }
#secondary ol a img { margin-right: 5px; }
#secondary ol.social li { }
#secondary ol.social a { display: block; padding: 5px 0; }
#secondary ol.social a:hover { text-decoration: underline; }
/*--// Secondary -----------------------------------------------------------------------------------*/

/*-- General Classes -----------------------------------------------------------------------------------*/
.clear { clear:both; }
.clearfix { display: inline-block; }  /* for IE/Mac */
.clearfix:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; }
.block { display:block; }
.fr { float:right; }
.fl { float:left; }
.bold { font-weight:bold; }
.center { text-align:center; }
/*--// General Classes -----------------------------------------------------------------------------------*/

/*-- Other Pages -----------------------------------------------------------------------------------*/
#page, #summary, #payment, #pageProduct, #results { width:690px; padding:0 20px 20px 20px; float:left; background:#ebebeb; font-size:12px; line-height:18px; }
#page h1 span { display:block; font-size:15px; }
#page h3 { color:#E8362C; }
#page ul { margin:0 0 10px 0; padding:0 0 0 20px; }
#page img { border:1px solid #ccc; margin:0 0 20px 20px; }
#page a, #summary a, #payment a, #pageProduct a, #results a { color:#E8362C; text-decoration:none; }
#page a:hover, #summary a:hover, #payment a:hover, #pageProduct a:hover, #results a:hover { color:#E8362C; text-decoration:underline; }

#page form#contact { width:200px; padding:40px 20px 20px 20px; float:right; border:1px solid #ccc; background:#fff url(../img/enquiry-form.gif) 20px 5px no-repeat; }
#page form#contact label, #page form#faq_form label { display:block; }
#page form#contact input, #page form#contact textarea, #page form#faq_form input, #page form#faq_form textarea { display:block; width:194px; margin:0 0 5px 0; padding:2px; border:1px solid #696969; background:url(../img/bg-search-shadow.gif) 0 0 repeat-x; }
#page form#contact input#submit, #page form#faq_form input#submit { width:64px; height:18px; padding:0; float:right; background:url(../img/submit-btn.gif) 0 0 no-repeat; border:none; cursor:pointer; }
#page form#contact input[type=hidden] { display:none; }
#page form#contact textarea { min-height:250px; overflow:auto; }
#page iframe { float:left; border:1px solid #ccc; }

#pageProduct { padding-top: 20px; }
#pageProduct form#charity_declaration {  }
#pageProduct form#charity_declaration label { display:block; width:210px; }
#pageProduct form#charity_declaration input, #pageProduct form#charity_declaration textarea { width:200px; padding:2px; margin:0 0 10px 0; border:1px solid #696969; background:url(../img/bg-search-shadow.gif) 0 0 repeat-x; }
#pageProduct form#charity_declaration input.button  { width:64px; height:18px; padding:0; background:url(../img/submit-btn.gif) 0 0 no-repeat; border:none; cursor:pointer; }
#pageProduct form#charity_declaration textarea { width: 98%; }
p.large { font-size:16px; font-weight:bold; }

#page form#faq_form { width:200px; padding:80px 20px 20px 20px; float:right; border:1px solid #ccc; background:#fff url(../img/online-question.gif) 20px 5px no-repeat;  }
#page #list { width:440px; float:left; }
#page dl dt { color:#E8362C; font-size:15px; }
#page dl dd { margin:0 0 10px 0; }
#page a.top { float:right; }

#page.quotes dt { font-style:italic; padding:20px 0 0 50px; background:url(../img/open-quote.gif) 0 0 no-repeat; }
#page.quotes dd { text-align:right; padding:30px 0 10px 0; background:url(../img/close-quote.gif) top right no-repeat; border-bottom:1px solid #ccc; }

#pageProduct { background:#fff; }

ul#vat_list { margin: 0 0 20px 0; padding: 0 0 0 20px; }

#page table { width:50%; margin:0 auto 20px auto; border-right:1px solid #666; border-bottom:1px solid #666; background:#ccccff; }
#page table th { background:#FF0000; color:#fff; }
#page table td { border-left:1px solid #666; border-bottom:1px solid #666; text-align:center; font-weight:bold; }
#page table th, #page table td { padding:5px 2px; }
#page table tr {   }
#page table tr.last td { border-bottom:0; }

#details { width:400px; float:left; font-size: 13px; }

#payment { width:610px; padding:20px 20px 20px 100px; background:#fff; }
#payment img { padding:10px; margin:0 0 10px 0; }
#payment form { padding: 0; margin:0 0 20px 0; }
#payment form label { width:150px; float:left; }
#payment form input, #payment form select, #payment form textarea { padding:2px; margin:0 0 10px 0; width:300px; display:block; border:1px solid #696969; background:url(../img/bg-search-shadow.gif) 0 0 repeat-x; }
#payment form label.mb { margin:0 0 55px 0; }
#payment form label.mb2 { margin:0 0 40px 0; }
#payment form select { width:auto; }
#payment form label.first, #payment form input.first  { width:auto; float:left; }

#payment form#customer { }
#payment form#delivery { }
#payment form#customer input.button { width:64px; height:18px; clear:left; padding:0; border:none; margin:0 auto; background:url(../img/submit-btn.gif) 0 0 no-repeat; cursor:pointer; }

#gallery { width:220px; padding:0 20px 0 0; float:left; }
#gallery img { float:left; border:1px solid #E8362C; margin:0 19px 5px 0; }
#gallery img.focus { margin:0 0 5px 0; }
#gallery p { clear:left; }
#gallery table { width:212px; border-collapse:collapse; margin:0 0 10px 0; clear:left; }
#gallery td, #gallery th { padding:2px; }
#gallery table th, #summary table th { color:#fff; background:#E8362C; text-align:left; }
#gallery table th.br { border-right:1px solid #fff; }
#gallery tr { border-bottom:1px dotted #696969; }

#info { width:450px; float:left; }
#info h2 { border:none; color:#333; font-size:15px; font-weight:normal; }
#info h2 span { display:block; }
#info h2 span span { display:inline; color:#E8362C; }

#info form#add { width:60%; margin:auto; background:#fff; padding:20px; }
#info form#add label { display:block; width:100px; float:left; clear:left; padding:0 0 5px 0; font-weight:bold; }
#info form#add input { width:75px; display:block; border:1px solid #696969; padding:2px; margin:0 0 10px 0; background:url(../img/bg-search-shadow.gif) 0 0 repeat-x; }
#info form#add input#add_basket { width:102px; height:18px; margin:0 0 0 100px; background:url(../img/add-btn.gif) 0 0 no-repeat; padding:0; border:0; cursor:pointer; }
#info form#add select { width:auto; border:1px solid #696969; margin:0 0 10px 0; }
#info form#add a { width:130px; display:block; clear:left; padding:0 0 5px 25px; background:url(../img/info.gif) 0 0 no-repeat; }

#summary { background:#fff; }
#summary table { border-collapse:collapse; }
#summary table td, #summary table th { padding:5px 2px; }
#summary table td.bold p {font-size: 10px; font-weight: normal; padding: 0; margin: 0;}
#summary table th { font-size:14px; }
#summary table tr.odd { background:#F08079; }
#summary table tr { border-bottom:1px solid #ccc; }
#summary form input { width:70px; }
#summary form input.button { width:auto; }
#summary table a.info { padding:0 0 5px 25px; background:url(../img/info.gif) 0 0 no-repeat; }
#summary img { padding:10px; }
#summary p.confirm { background:url(../img/order-confirmation.gif) top center no-repeat; padding:40px 0 0 0; font-size:16px; font-weight:bold; }

.related_products {margin-top: 25px;}
#summary table.related_products th { background-color: #0099FF; }
.related_products .left { text-align: left;}
.related_products .middle { text-align: center;}
.related_products .right { text-align: right;}

/*--// Other Pages -----------------------------------------------------------------------------------*/

.hidden {display: none;}
span#price {font-weight: bold; font-size: 14px; margin-bottom: 8px;}

#images { width:410px; float:right; margin:0 0 10px 0; }
#images-hp { width:350px; float:right; margin:0 0 10px 0; }
#images img, #images-hp img { float:right; margin:0 0 0 5px; }

.result { width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #d63229; }
.result img { float:left; margin:0 20px 0 0; }
.result h4 { }
.result p { }
.result a { }

form#subscribe { width: 410px; margin: 20px auto; }
form#subscribe label { width: 140px; display: block; margin: 0 10px 0 0; float: left; }
form#subscribe input { padding: 2px; width: 250px; float: left; margin: 0 0 10px 0; }
form#subscribe input#submit { width: 100px; cursor: pointer; margin: 10px 0 0 0; float: right; }

form fieldset#hide { display: none; }

#downloads {width: 320px; float: left; border: 1px solid #0099FF; padding: 3px;}
#downloads legend {font-weight: bold; margin-bottom: 8px; color: #0099FF; padding: 0 2px; font-size: 14px;}
#downloads label {width: 70px; clear: both; float: left;}
#downloads input { width: 244px; float: left; margin-bottom: 5px; padding: 2px;}
#downloads p span {clear: both; display: block; font-size: 10px; line-height: normal; margin-top: 5px;}
#downloads input[type="submit"] {float: right; background: url("../img/add-btn.gif") no-repeat scroll 0 0 transparent; width:102px; height:18px; background:url(../img/add-btn.gif) 0 0 no-repeat; padding:0; border:0; cursor:pointer;}

#download_files a {float: right;}

#brochure {width: 320px; float: right; border: 1px solid #E8362C; padding: 3px;}
#brochure legend {font-weight: bold; margin-bottom: 8px; color: #E8362C; padding: 0 2px; font-size: 14px;}
#brochure label {width: 70px; clear: both; float: left;}
#brochure input, #brochure textarea { width: 244px; float: left; margin-bottom: 5px; padding: 2px;}
#brochure input[type="checkbox"] {width: auto; padding: 0; margin: 4px; clear: both;}
#brochure label[for="mailing_list"] {width: 295px; clear: none; font-size: 11px;}
#brochure input[type="submit"] {float: right; background: url("../img/add-btn.gif") no-repeat scroll 0 0 transparent; width:102px; height:18px; background:url(../img/add-btn.gif) 0 0 no-repeat; padding:0; border:0; cursor:pointer; margin-top: 8px;}