/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
html,body{font-family:"Lucida Grande",Verdana,Arial,sans-serif;height:100%;background-color:#fff;color:#000;font-size:62.5%;}
/*body{background:#ffffff url(../../images/design/christmas-2.jpg) repeat-x top left;}*/
body{background:#ffffff;}
html,body,div,ul,ol,li,h1,h2,h3,p,form{margin:0;padding:0;}
h1{font-size:4em;line-height:26px;display:inline-block;letter-spacing:-.03em;font-family:Arial,Helvetica,Verdana,sans-serif;}
div{position:relative;}
img {border:0;}
#nav_back{position:absolute;z-index:0;width:100%;left:0;top:115px;height:38px;background-color:#535353;}
#container{width:900px;background:#f4f4f4 url(../../images/design/edges_white_left.jpg) repeat-y left top;margin:0 auto 0 auto;z-index:1;}
#inner_container{background:url(../../images/design/edges_white_right.jpg) repeat-y right top;}
#header{height:115px;}
#logo{position:absolute;top:0;left:10px;width:277px;height:74px;background:url(../../images/design/plugtest.png) no-repeat left top;z-index:2;}
#tester{position:absolute;top:0;left:600px;width:284px;height:166px;background:url(../../images/design/tester.jpg) no-repeat left top;z-index:2;}
#message{position:absolute;top:75px;left:20px;width:600px;height:40px;z-index:2;}
#nav_container{height:38px;background:#535353 url(../../images/design/edges_dark_grey_left.jpg) repeat-y left top;z-index:2;}
#nav{height:100%;background:url(../../images/design/edges_dark_grey_right.jpg) repeat-y right top;padding:0 0 0 20px;}
.clearit{clear:both;height:0;line-height:.0;font-size:0;}
#p7menubar,#p7menubar ul{padding:0;margin:0;list-style:none; }
#p7menubar a{display:block;text-decoration:none;padding:10px 15px 10px 15px;font-size:16px;color:#f4f4f4;border:0;}
#p7menubar a.dropdown{padding:10px 2em 10px 1em; background:url(../../images/dropdown_arrow.png) no-repeat center right;z-index:2;}
#p7menubar li{float:left;}
#p7menubar li ul,#p7menubar ul li{width:188px;}
#p7menubar ul li a{color:#565656;border-right:0;padding:3px 12px 3px 16px;}
#p7menubar li ul{position:absolute;display:none;background-color:#fff;}
#p7menubar li:hover a,#p7menubar a:focus,#p7menubar a:active,#p7menubar li.p7hvr a{background-color:#7e7a78;}
#p7menubar li:hover ul,#p7menubar li.p7hvr ul{display:block;}
#p7menubar li:hover ul a,#p7menubar li.p7hvr ul a{color:#f4f4f4;background-color:#535353;}
#p7menubar ul a:hover{background-color:#7e7a78!important;color:#fff!important;}
/* hide from IE mac \*/ #p7menubar li{position:static;width:auto;}
/* end hiding from IE5 mac */ #nav #current{padding:7px 15px 7px 15px;font-size:16px;color:#f4f4f4;}
#body_right{padding:20px 10px 0 0;width:250px;float:right; }
#body_right h3{color:#144c96;font-size:2.7em;font-family:Arial,Helvetica,Verdana,sans-serif;letter-spacing:.1em;padding:15px 0 10px 0;}
#body_left{width:610px;padding:10px 0 20px 20px;float:left; margin:0; }
body p{font-size:2.4em;line-height:150%;text-align:left;}
body address{font-size:2.4em;line-height:150%;text-align:left;}
body a{color:#144c96;text-decoration:none;}
body a:hover,.body a:focus,.body a:active{text-decoration:underline;}
#accreditation{clear:both;background:url(../../images/design/edges_white_bottom.jpg) repeat-x bottom left;}
#accreditation img{border:0;padding:20px 10px 10px 30px;}
#accreditation-left{background:url(../../images/design/edges_white_left.jpg) repeat-y left top;}
#accreditation-right{background:url(../images/design/edges_white_right.jpg) repeat-y right top;}
#corner-left{background:url(../../images/design/bottom-left-corner.jpg) no-repeat bottom left;}
#corner-right{right:-1px;background:url(../../images/design/bottom-right-corner.jpg) no-repeat bottom right;}
#footer{width:890px;margin:20px auto 0 auto;padding:0 0 20px 0;}
#footer_container{background-color:#535353;color:#fff;font-size:1.6em;padding:10px 20px 10px 20px;}
#footer_left{width:200px;overflow:hidden;float:left;}
#footer_right{height:100%;padding:0;width:250px;float:right;}
#footer_centre{margin-left:35%;margin-right:30%;}
#copyright{clear:both;text-align:left;padding:7px 0 0 0; }
#copyright p{font-size:10px;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover,#footer a:focus,#footer a:active{text-decoration:underline;}
#footer ul{list-style:none;font-size:1.3em;}
#footer address{font-size:1.2em;}
.bold{font-weight:bold;font-family:Arial,Helvetica,Verdana,sans-serif;}
.red{color:#d00e0f;}
.blue{color:#009;}
.smallred{color:#d00e0f;font-size:70%;}
.grey{color:#666;}
.italic{font-style:italic;}
.noir{color:#000;}
.smallgrey{color:#666;font-size:70%;}
.smallblue{color:#009;font-size:70%;}
#breadcrumbs{color:#666;padding:10px 0 10px 20px;}
#breadcrumbs p{font-size:12px;color:#535353;}
#breadcrumbs .lightgrey {color:#999;}

/*ORDER FORM */
#orderform{font-size:12px;margin:15px 0 0 0;}
#orderform p {font-size:12px;}
fieldset dt{float:left;width:140px;padding:3px;text-align:right;}
fieldset dd{margin:0;padding:2px;}
#email,#firstname,#surname,#company,#con_email,#address1,#address2,#address3,#city,#county,#postcode,#telephone,#name{border:1px solid #a19c99;width:250px;height:18px;}
fieldset {margin:0 0 20px 0; padding:0 0 10px 0;border:1px solid #a19c99;}
#complete_order {margin:10px 0 10px 260px;}
#orderform a{color:#000000; text-decoration:underline;}
#orderform #terms{margin:5px 0 5px 15px;}

.greyquestion{position:relative;top:4px;}
a.contactinfo{position:relative;text-decoration:none;}
a.contactinfo span{display:none;text-decoration:none;}
a.contactinfo:hover span{display:block;position:absolute;top:-2px;left:30px;width:170px;background-color:#999;color:#fff;text-align:left;padding:5px;}
#continue{position:relative;left:290px;}
#confirmdetails h2{background:none;padding:5px 0 5px 0;}
#confirmdetails{margin:20px 0 10px 80px;padding:0 10px 0 10px;border:1px solid #535353;width:420px;}
#confirmdetails #back,#confirmdetails #pay{margin:20px 0 20px 0;}
.bookingconfirmation{font-size:2.2em;width:80%;}
#bookingprice{border-top:1px solid #535353;border-bottom:1px solid #535353;font-size:2.2em;}
#ieecop{float:right;margin:0 30px 0 0;}
.ieebook{padding:0 20px 0 4px;}
#onsite-name,#onsite-company,#onsite-postcode,#onsite-email{width:180px;height:18px;border:1px solid #a19c99;}
#onsite-delegates{width:50px;height:18px;border:1px solid #a19c99;}
textarea{font-family:"Lucida Grande",Verdana,Arial,sans-serif;font-size:1.2em;border:1px solid #a19c99;}
#enquiry{width:400px;}
#address{width:250px;}
#contactform fieldset{border:none;}
#syllabus dt{font-size:2.2em;font-weight:bold;margin:5px 0 0 10px;}
#syllabus dd{font-size:2em;margin:0 0 0 25px;}
#booklist td{padding:10px;}

.products { margin:25px; float:left; position:realative; width:151px; display:inline; }
.products a{font-size:11px; color:#a19c99}
.accessories {margin:0px 10px 10px 5px; float:left;  width:151px; position:realative; display:inline;}

.products .quantity, .addproduct .quantity, .pricedetails .quantity, .accessories .quantity, #editbasket .quantity {width:20px; border:1px solid #a19c99;text-align:center;}
.products .quantity, .accessories .quantity {float:left; padding:0; margin:0;}
.products .add-to-basket, .accessories .add-to-basket {float:right; padding:0 5px 0 0;}
.equipmenthead {height: 40px;border-bottom:1px solid #a19c99;}
.equipmenthead h2, .equipment h2 {color:#535353;font-size:4em;font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:bold;}

.price_container {background-color:#f30000;color:white;float:right;padding:2px; height:15px; line-height:15px; margin:0;-moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);}
.price_overlay {font-size:12px;font-weight:bold;text-align:right;position:absolute;top:140px;left:10px; width:140px; }
.accessories .price_overlay {top:145px;}
/*BASKET, SIDE BAR INFO, SAGEPAY */
#basket, #side_bar_info {border:1px solid #a19c99; margin:8px 0 20px 0;}
#side_bar_info{padding:10px;}
#side_bar_info img{float:left; display:inline;}
#side_bar_info a,#side_bar_info p {text-decoration:none; color:#a19c99;font-size:16px;font-family:Arial,Helvetica,Verdana,sans-serif;letter-spacing:-.05em; font-weight:inherit; padding:0;}
#basket h2 {color:#a19c99;font-size:4em;font-family:Arial,Helvetica,Verdana,sans-serif;letter-spacing:-.05em; font-weight:bold;}
#basket img .basket-logo{float:left;}
#basket .buttons{padding:10px 0 10px 15px;}
#updatebasket .buttons{padding:10px 0 5px 50px;}
#basket td, #basket th {padding:5px;font-size:2em;}
#basket p {font-size:10px; color:#333333; padding:0 0 10px 10px;}
#vatrate {float:right; top:10px; right:10px;}
.pricedetails {float:right; width:170px; display:inline;}
.addproduct { padding-top:50px; padding-right:20px;}
.addproduct .add-to-basket{float:right; padding:0 10px 0 0;}
.addproduct .add-to-basket p{font-size:20px; font-weight:bold;}
.productprice {color:#f30000;padding:10px 0 10px 0;font-weight:bold;}
.sagepay{padding:0 0 0 40px;}
/* PRODUCT IMAGE GALLERY */
#info {position:relative; z-index:10;}
a, a:visited, a:hover, a:active {}
#gallery {width:360px; height:360px; position:relative; top:30px; left:30px; } /* alter width for thumb position original 750px */
#gallery .default {position:absolute; left:0px; top:0px;width:300px; height:300px;  z-index:-1;}  /* position of original image original left:89px; top:53px border:1px solid #888; */
#gallery ul {list-style:none; padding:0; margin:0; width:50px; float:right;}
#gallery ul li {display:inline; width:60px; height:60px; float:left;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; padding:4px; border:1px solid #f4f4f4;}
#gallery ul li a img {width:50px; height:50px; border:0;}
#gallery ul li a b {position:absolute; left:-9999px; display:block; width:300px; height:300px; background:#fff;}/* alter width and height of zoom image 570px 360px */
#gallery ul li a:hover,
#gallery ul li a:active,
#gallery ul li a:focus {white-space:normal; border-color:#000; outline:0;}
#gallery ul li a:hover b {position:absolute; left:0; top:0px; z-index:100;} /* original top:5px; */
#gallery ul li a:active b,
#gallery ul li a:focus b {position:absolute; left:0; top:0px;}/* original top:5px; */
#gallery ul li a b i {display:block; width:300px; height:300px; text-align:center; display:table-cell; vertical-align:middle;}
#gallery ul li a b i img {width:auto; height:auto; }/* border:1px solid #888;*/
.clear {display:block; height:0; overflow:hidden; clear:both;}
/* - PRODUCT TABBED PAGES - */
#menu2 {font-family: verdana, arial, sans-serif; width:600px;height:550px;margin:0; position:relative;z-index:90;}
#menu2 ul {padding:0; margin:0;list-style-type: none;border:0;}
#menu2 ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
#menu2 ul li {float:left; }
#menu2 ul li a, .menu2 ul li a:visited {display:block; text-align:center; text-decoration:none; width:149px; height:30px; color:#000; border:1px solid #f4f4f4;border-width:1px 1px 0 0;background:#c9c9c9; /* TAB COLOURS */line-height:30px; font-size:16px; /* TAB FONT SIZE */}
#menu2 ul li ul {position:absolute; left:-9999px; height:0;}
#menu2 ul li#current a {color:#fff; background:#a3a3a3;} /* MAIN TAB COLOUR */
#menu2 ul li a:hover,#menu2 ul li:hover a {color:#fff; background:#b3b3b3; /* TAB COLOUR ON HOVER */}
#menu2 ul li#current ul,#menu2 ul :hover ul {top:30px; left:0;height:480px;background:#f4f4f4;text-align:left;}
#menu2 ul li#current ul li,#menu2 ul :hover ul li {background:#f4f4f4; color:#000;padding:10px;width:539px; /* MENU WIDTH */height:auto;border:20px solid #b3b3b3; /*HOVER MENU BORDER COLOUR */}
#menu2 ul li#current ul li {border:20px solid #a3a3a3;} /* MAIN MENU BORDER COLOUR */
#menu2 ul li#current ul li img,#menu2 ul :hover ul li img {float:left; padding:10px 10px 10px 0; border:0;}
#menu2 ul li#current ul li p,#menu2 ul :hover ul li p {font-size:14px;line-height:1.5em;}
#menu2 ul li#current ul li a,#menu2 ul :hover ul li a {display:inline;background:#eee;color:#c00;text-decoration:underline;border:0;line-height:1.8em;}
#menu2 ul li#current ul li a:hover,#menu2 ul :hover ul li a:hover {text-decoration:none; color:#000;}
div.spec p{ padding:7px 0 0 5px;  }
/* EDIT SHOPPING BASKET */
#editbasket th, #yourorder th{text-align:left;}
#editbasket td, #editbasket th{padding:5px 2px 5px 2px; font-size:12px;}
#yourorder td, #yourorder th{padding:2px 2px 2px 2px; font-size:14px;}
#yourorder h2{font-size:18px;font-weight:bold; color:#535353; padding:10px 0 10px 0;}
#yourorder{border:1px solid #a19c99; padding:5px; margin:50px 0 20px 0;}
#yourorder .product{background-color:#cccccc; }
.qty {width:25px;}
.total{font-weight:bold;}
/*ORDER SUCCESSFUL */
.your_order {font-size:14px;}
/* KEY FEATURES LIST */
.key_features{font-size:14px; margin:0 0 0 50px;}
.key_features li{padding:3px 0 3px 0;}
/* COMPARISON TABLE */
#comparison_table{font-size:12px; margin:20px 0 20px 0; border:0; border-collapse:collapse;}
#comparison_table td{padding:6px 8px 6px 8px; text-align:center;}
#comparison_table .dark{background:#cccccc;}
.passlabels {margin:20px 0 20px 0;}
#plus1 {position:absolute; left:835px; bottom:135px;}
.fb-like {position:absolute; left:835px; bottom:125px;}