﻿/* Global Reset */
* {margin:0; padding:0;}


/* Main layout */
body {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#888888; background:#e1e1e1;}
#skip {position:absolute; top:15px; left:-9999px;}
#container {margin:0 auto; text-align:left; width:950px; background:#fff; border-top:solid 3px #66bfe3; padding:15px 20px 20px 20px;}
#header-left {float:left; width:230px; padding-top:8px;}
#header-right {float:right; width:700px; text-align:right; font-size:8pt;}
#top-menu {padding-top:10px;}
#top-menu ul {margin:0; padding:0; list-style:none;}
#top-menu li {float:right;}
#top-menu a {text-decoration:none; color:#888888;}
#top-menu a:hover {text-decoration:underline;}
#top-menu #basket {color:#66bfe3;}
#keywordsearch {float:right; width:290px; height:20px; background:#efefef; margin-top:10px; padding:10px;} 
#content {padding:10px 0 40px 0; min-height:400px; height:auto !important; height:400px; border-bottom:solid 1px #dadada;}
#main {float:left; width:625px; padding-right:15px; line-height:18px;}
#side {float:left; width:310px;} 
#footer {padding-top:20px; font-size:8pt; color:#666666; line-height:16px;}
#footer .column {float:left; width:150px; margin-right:10px;}
#footer .column-last {float:left; width:150px;}
#footer ul {margin-top:15px; padding:0; list-style:none;}
#footer li {margin:0; padding-left:8px; background:url('/images/design/bullet-footer.gif') 0 6px no-repeat;}
#footer li a {text-decoration:none; color:#66bfe3;}
#footer li a:hover {text-decoration:none; color:#cccccc;}
#footer #telephone {padding:16px 0 0 25px; background:url('/images/design/icon-telephone.gif') 0 15px no-repeat;}
#footer #fax {padding:16px 0 0 25px; background:url('/images/design/icon-fax.gif') 0 15px no-repeat;}
.footer-textbox {margin-top:4px; width:140px; height:14px; padding:3px 5px 3px 5px; border:solid 1px #dadada; font-size:8pt; color:#888888;}
.footer-button {margin:8px 0 0 0; float:right;}
#credit {float:right; padding-top:15px;}


/* Main Menu */
#menu {margin-top:20px; height:36px; background:url('/images/design/background-menu.gif') repeat-x;}
#menu ul {list-style:none;}
#menu li {float:left; background:url('/images/design/menu-divider.gif') no-repeat right;}
#menu li.last {background:none;}
#menu li.last a {padding-right:0;}
#menu a {font-size:10pt; color:#888888; text-decoration:none; outline:none; display:block; height:18px; padding:8px 23px 9px 23px; text-align:center;}
#menu a:hover {color:#cccccc;}
.products #adminmenu_products a {color:#66bfe3;}
.featured #adminmenu_featured a {color:#66bfe3;}
.categories #adminmenu_categories a {color:#66bfe3;}
.content #adminmenu_content a {color:#66bfe3;}
.rotator #adminmenu_rotator a {color:#66bfe3;}
.orders #adminmenu_orders a {color:#66bfe3;}
.eeg #menu_eeg a {color:#66bfe3;}
.emg #menu_emg a {color:#66bfe3;}
.erg #menu_erg a {color:#66bfe3;}
.iom #menu_iom a {color:#66bfe3;}
.pastes #menu_gels a {color:#66bfe3;}
.sleep #menu_sleep a {color:#66bfe3;}
.cables #menu_cables a {color:#66bfe3;}
.caps #menu_caps a {color:#66bfe3;}
.accessories #menu_accessories a {color:#66bfe3;}
.ecg #menu_ecg a {color:#66bfe3;}
.news #menu_news a {color:#66bfe3;}


/* General */
h1 {margin:12px 0; font-size:14pt; color:#666666; padding:0;}
h1.homepage {margin:12px 0; font-size:28px; color:#666666; padding:0;}
h1.details {margin:0 0 12px 0; font-size:14pt; color:#666666; padding:0; line-height:28px;}
h2 {margin:0 0 20px 0; font-size:16px; color:#666666;}
h2.underline {margin:0 0 15px 0; font-size:16px; color:#666666; border-bottom:solid 1px #dadada; padding-bottom:5px;}
h3 {margin:0 0 20px 0; font-size:16px; color:#2f241b; font-weight:bold;}
.clear {clear:both; height:0px;}
.divider {padding:0 8px;}
.required {color:#2eafe4; padding:0 5px; font-weight:bold;}
.small {font-size:8pt;}
a img {border:0;}
a {color:#66bfe3; text-decoration:none;}
a:hover {text-decoration:underline;}
.line {height:20px; border-bottom:solid 1px #888888;}
.blue {color:#66bfe3;}
.message {padding:20px; background:#66bfe3; color:#fff; margin-bottom:30px;}


/* Search box */
#searchbox {float:left; padding-right:10px;}
.searchbox {padding:3px 5px 3px 5px; border:0px #fff; font-size:8pt; color:#888888;}
.searchbutton {border:0px; padding:0;}


/* Forms  */
.formlabel {display:block; font-weight:bold; padding:15px 0 3px;}
.formlabelshort {float:left; width:120px;}
.formfield {float:left; width:800px; padding-bottom:20px;}
.formfieldshort {float:left; width:175px; padding-bottom:10px;}
.formfieldmedium {float:left; width:500px; padding-bottom:20px;}
.formlabelcheckout {float:left; width:100px; text-align:right; margin-right:12px; padding-top:5px;}
.formlabelcheckoutwide {float:left; width:205px; text-align:right; margin-right:12px; padding-top:5px;}
.formfieldcheckout {float:left; width:350px; padding-bottom:2px;}
.formfieldcheckoutliteral {float:left; width:350px; padding:5px 0 2px 0;}
input, textarea, select {border:solid 1px #ddd9d8; font-family:Arial, Helvetica, sans-serif; font-size:9pt; padding:3px; color:#888888;}
.requiredfield {color:#939291; font-size:8pt; font-weight:normal;}
.submit {padding-top:20px;}
.nospam {display:none;}


/* Admin control bar */
#controlbar {position:fixed; height:15px; line-height:13px; top:0; left:25px; z-index:10; color:#666666; width:130px; padding:5px 0 5px 5px; background:#fff; font-size:9pt; border:solid 1px #d2d2d2; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
#controlbar a {color: #666666; text-decoration:none;}
#controlbar a:hover {text-decoration:underline;}


/* Image Zoom */
.MagicZoomBigImageCont {border: 0px solid #999;}
.MagicZoomPup {border: 1px solid #aaa; background: #fff; cursor: move;}
.MagicZoomLoading {border: 1px solid #ccc; background: #fff url(graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; line-height: 1.5em; font-size: 8pt; font-family: sans-serif; color: #444;}


/* Homepage */
#rotator {float:left; margin:0 10px 10px 0; border:solid 1px #dadada;}
#homepage-newsletter {float:left; width:290px; height:129px; background:url('/images/design/background-newsletter-box.gif'); padding:95px 0 0 20px}
#homepage-introduction {border:solid 1px #dadada; border-right:0; border-left:0; background:#efefef url('/images/design/background-reveal.gif') 915px 18px no-repeat; padding:0 15px 0 15px; cursor:pointer;}
#homepage-introduction h1 {margin:12px 0;}
#reveal {display:none; padding-bottom:20px; line-height:18px;}
#homepage-products {padding-top:20px;}
.homepage-promotion {margin-bottom:10px; height:107px; overflow:hidden;}
.newsletter-textbox {margin-bottom:12px; padding:3px 5px 3px 5px; border:solid 1px #dadada; font-size:8pt; color:#888888; line-height:20px;}
.newsletter-button {margin-right:18px; float:right;}
#rotator {float:left; width:618px; height:456px; padding-right:10px;}
#rotator ul {margin:0; padding:0; list-style:none;}
#rotator ul li {position:absolute; list-style:none;}
#rotator ul li.show {z-index:500}


/* Datagrid Tables */
.datagrid td {padding:5px 10px;}
.datagrid th {padding:0 5px; background:#efefef; height:30px; color:#888888; border:0;}
.datagrid th a {color:#888888;}
.datagrid td {border:solid 1px #F1F3F5;}
.datagrid table {border:solid 1px #F1F3F5;}
.datagrid td a {color:#888888; text-decoration:none; border-bottom:dashed 1px #888888;}
.datagrid .orderImage {margin:0; padding:0;}


/* Search Results  */
#category-intro {float:left; width:588px; height:86px; margin-right:10px; border:solid 1px #dadada; padding: 10px 20px; line-height:18px;}
.paging {height:23px; background:#efefef; margin-top: 10px; padding:7px 20px 0 20px;}
.navigation-left {float:left; width:400px; color:#81807f;}
.navigation-right {float:right; width:400px; color:#81807f; text-align:right;}
.paging a {color:#888888;}
.paging a:hover {text-decoration:none;}
.searchresult {float:left; width:150px; padding-top:10px;}
.searchresult .image {margin-bottom:10px; border:solid 1px #dadada; height:148px;}
.searchresult .name {height:48px; overflow:hidden; margin-bottom:5px;}
.searchresult .name a {color:#888888; line-height:15px;}
.searchresult .name a:hover {text-decoration:none;}
.searchresult .price {background:#efefef url('/images/design/magnifying-glass.png') no-repeat 125px 6px; border:solid 1px #dadada;}
.searchresult .price a {display:block; width:138px; height:22px; text-decoration:none; color:#888888; padding:5px 0 0 10px;}
.resultpadding {float:left; width:10px;}
.previouslink {background:#efefef url('/images/design/arrow-left.png') no-repeat 0 1px; padding:0 15px 0 10px;}
.nextlink {background:#efefef url('/images/design/arrow-right.png') no-repeat 28px 2px; padding-right:15px;}
.showall {padding-left:15px;}


/* Product Details*/
#productdetails {float:left; width:623px; padding:10px 15px 0 0; line-height:18px;}
#productimage {float:left; width:310px; padding-top:15px;}
#productprice {color:#888888; font-size:14pt; padding:10px 0 20px 0;}
input.basketbutton {padding:0; margin:0 0 0 15px;}
#relateditems {height:23px; background:#efefef; margin-top:10px; padding:7px 20px 0 10px;}


/* Add to Basket Confirmation Popup*/
.modalBackground {background-color:#000000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
#addedtobasket {width:420px; background:#fff; padding:30px; line-height:18px;}
#addedtobasket-title {font-weight:bold; font-size:16pt; padding-bottom:20px;}
#addedtobasket-left {float:left; width:80px;}
#addedtobasket-right {float:left; width:330px;}
.addedtobasket .productimage {float:left; width:40px;}
.addedtobasket .Productname {float:left; width:350px; padding:15px 20px;}


/* Basket & Checkout */
.basket th {margin-bottom:15px; padding-bottom:10px; height:20px; color:#888888; border-bottom:solid 1px #dadada;}
.basket td {padding-top:20px; line-height:18px;}
.basket td a {color:#888888; text-decoration:none;}
.basket .deletelink {color:#66bfe3; text-decoration:none;}
#basket-left {float:left; width:200px;}
#basket-right {float:right; width:700px; text-align:right; font-size:11pt; font-weight:bold; line-height:23px;}
.checkout-left {float:left; width:475px;}
.checkout-right {float:left; width:475px;}
.checkout-offers {padding:25px 0 5px 0; line-height:18px;}
.checkoutline {height:1px; background:#dadada; margin:30px 0 20px 0;}
.Checkout-linkbutton {display:block; padding:7px 0 0 112px; font-weight:bold;}
#checkout-vat-left {float:left; width:550px; padding-right:37px; line-height:18px;}
#checkout-vat-right {float:left; width:340px;}
#checkout-bottom-left {float:left; width:560px; padding-right:45px; line-height:18px;}
#checkout-bottom-right {float:right; width:340px; text-align:right;}
#checkout-bottom-right input {padding:0 0 0 5px;}
.basket-right-label {float:right; width:150px; text-align:right;}
.basket-right-field {float:right; width:80px;}
#confirm-order-guidance {text-align:left; line-height:18px; padding:0 0 10px 20px;}


/* TinyMCE */
.title-divider {padding-bottom:10px;}
.popup {background:#fff; padding-left:20px;}
.image-left {padding-right:10px;}
.image-right {padding-left:10px;}


 /* Modal Popup */
.modal {display: none;   position: fixed;  z-index: 999999;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.6);}
.modal-content {background-color:#fefefe; margin:20% auto; padding:20px; border:1px solid #888; width:500px;}