html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, blockquote, ul, ol, li, 
dl, dt, dd, table, tbody, tfoot, thead, tr, th, td, img, form, fieldset {
  margin:0;
  padding:0; 
  border:0; 
  list-style:none; 
  font-size:100%; 
  font-weight:normal;
}
body{
  font-size:75%;/* make 1em = 10px (based on normal browser defaults) */
  line-height:1.5;/* make things nice and legible */
  margin: 10px;
  font-family: arial, verdana, sans-serif;
}
input, textarea, select{
  margin:0;
  font-family: arial, verdana, sans-serif;
  font-size: 100%;
}
a {
  color: #000;
}
.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.mandatory {
  color: #ff0000;
}
.astrix {
  color: #ff0000;
  font-family: verdana;
}
a.plain {
  text-decoration: none;
}
h1 {
  font-size: 2em;
}
.button {
  font-family: tahoma;
  color: #666;
  cursor: pointer;
  padding: 1px 2px;
}
.alert {
  color: #ff0000;
}
.error-panel {
  margin: 1em 0;
  padding: 10px;
  color: #CF0E03;
  border: 2px dotted #CF0E03;
}
.error-panel p {
  font-weight: bold;
  font-size: 110%;
}
.success-panel {
  margin: 1em 0;
  padding: 10px;
  color: #3d8424;
  border: 1px dotted #3d8424;
}
#order-ref {
  font-size: 1.8em;
  margin-bottom: 20px;
}
#surcharge {
  clear: both;
  padding: 10px 0;
  float: right;
  font-size: 1.2em;
  font-weight: bold;
}

/*----------------------------------------------/
/* header
/----------------------------------------------*/
#header {
  width: 982px;
}
#header #logo {
  float: left;
  margin-top: .5em;
}

/*----------------------------------------------/
/* search
/----------------------------------------------*/
#top-nav {
  float: right;
}
#top-nav ul li {
  float: left;
  margin: 0.2em 0.5em;
}
#top-nav #search-panel {
  float: right;
  margin: 1em 0.5em;
  width: 450px;
}
#top-nav #search-panel #search-form .go {
  float: left;
}
#top-nav #search-panel #search-form label {
  font-weight: bold;
  float: left;
  margin: 0.7em 0.5em 0 0;
  font-size: 1.2em;
  color: #0F1745;
}
#top-nav #search-panel #search-form #search {
  float: left;
  padding: 1px;
  margin: 0.7em 0.5em 0 0;
}
#top-nav #search-panel #search-form #go-button {
  margin-top: 0.7em;
}
#top-nav #search-panel #quick-order {
  float: left;
  font-size: 200%;
  margin: 0 1em 0 0;
}
#top-nav #search-panel #quick-order a {
  color: #CF0E03;
  font-weight: bold;
  text-decoration: none;
  padding-left: 23px;
  background:transparent url(/images/icons/basket.gif) no-repeat scroll 0 7px;
}

/*----------------------------------------------/
/* navigation
/----------------------------------------------*/
#navigation {
  clear: both;
}
#navigation ul li {
  float: left;
  /*height: 32px;*/
  margin-bottom: 0.2em;
  /*background:transparent url(/images/backgrounds/navigation.gif) repeat-x scroll 0 0;*/
  background-color: #0F1745;
  margin-right: 1px;
}
#navigation ul li a {
  display: block;
  padding: 5px 7px 5px 7px;
  /*margin-right: 1px;*/
  text-decoration: none;
  color: #fff;
}
#navigation ul li a.selected {
  background-color: #7192bf;
}
#navigation ul li.last {
  margin-right: 0;
}
#navigation ul li a:hover {
  background-color: #7192bf;
}

/*----------------------------------------------/
/* container
/----------------------------------------------*/
#container {
  clear: both;
  width: 982px;
  /*background-color: #0F1745;*/
}

/*----------------------------------------------/
/* side panel
/----------------------------------------------*/
#side-panel {
  float: left;
  width: 200px;
  color: #fff;
  /*padding: 10px;*/
}
#side-panel #side-navigation {
  padding: 10px 10px 3em 10px;
  background-color: #0F1745;
}
#side-panel #side-navigation p {
  font-weight: bold;
}
#side-panel #side-navigation ul li {
  border-bottom: 1px solid #7D7D7D;
}
#side-panel #side-navigation ul li a {
  display: block;
  padding: 0.2em 0 0.2em 15px;
  color: #fff;
  text-decoration: none;
  background:transparent url(/images/icons/arrow.gif) no-repeat scroll 5px 8px;
}
#side-panel #side-navigation ul li a:hover, #side-panel #side-navigation ul li a.selected {
  color: #666;
  background: url(/images/icons/arrow-over.gif) no-repeat scroll 5px 8px #fff;
}
#side-panel #side-navigation p {
  font-size: 130%;
  margin: 0 0 0.5em 0;
}
#side-panel #panel-order {
  background-color: #375884;
  padding: 0.5em 0.8em 1em 0.8em;
  /*height: 100px;*/
  border-bottom: 4px solid #fff;
}
#side-panel #panel-order h2 {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#side-panel #panel-order a {
  color: #fff;
}
#side-panel #panel-order #minimum {
  font-size: 120%;
  font-weight: bold;
  margin-top: 5px;
}
#side-panel #panel-login {
  background-color: #7192BF;
  padding: 0.5em 0.8em 1em 0.8em;
  /*height: 100px;*/
  border-bottom: 4px solid #fff;
}
#side-panel #panel-login input {
  padding: 1px;
}
#side-panel #panel-login p {
  margin-bottom: 0.5em;
}
#side-panel #panel-login h2 {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#side-panel #panel-login a {
  color: #fff;
}
#side-panel #panel-currency {
  background-color: #294263;
  padding: 0.5em 0.8em 1em 0.8em;
  /*height: 100px;*/
  border-bottom: 4px solid #fff;
}
#side-panel #panel-currency h2 {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#side-panel #panel-currency a {
  color: #fff;
}
#side-panel #panel-currency select {
  width: 178px;
  padding: 1px;
}
#side-panel #panel-currency #flags {
  padding-top: 8px;
}
#side-panel #panel-currency #flags #sterling-flag, #side-panel #panel-currency #flags #euro-flag {
  margin-right: 5px;
}

/*----------------------------------------------/
/* main panel
/----------------------------------------------*/
#main-panel {
  float: right;
  width: 782px;
}
#main-panel #breadcrumb {
  background-color: #C0C0C0;
  padding: 5px 1em;;
  color: #fff;
}
#main-panel #breadcrumb a {
  color: #fff;
}
#main-panel #content {
  padding: 10px 0 10px 10px;
  background-color: #fff;
}
#main-panel #content h2 {
  /*font-size: 170%;
  height: 37px;
  background:transparent url(/images/backgrounds/title.gif) repeat-x scroll 0 0;
  padding: 5px 0 0 0.5em;
  color: #656566;
  border: 1px solid #E4E4E4;
  border-bottom: 0;*/
  font-size: 170%;
}

/*----------------------------------------------/
/* full panel
/----------------------------------------------*/
#full-panel {
  float: right;
  width: 982px;
  background-color: #fff;
}

/*----------------------------------------------/
/* paging
/----------------------------------------------*/
.paging {
  clear: both;
  float: left;
  padding-top: 1em;
}
.paging ul li {
  float: left;
  border: 1px solid #7192BF;
  margin-right: 1px;
  list-style-type: none;
  margin-left: 0;
}
.paging ul li a {
  display: block;
  padding: 0.1em 0.5em;
  text-decoration: none;
}
.paging ul li a:hover {
  text-decoration: none;
  background-color: #B9CCE5;
}
.paging li.current {
  padding: 0.1em 0.5em;
  background-color: #B9CCE5;
}
.paging li.disabled {
  color: #cccccc;
  padding: 0.1em 0.5em;
}

/*----------------------------------------------/
/* page sort
/----------------------------------------------*/
#page-sort {
  float: right;
  padding: 1em 0.5em 0 0;
}
#page-sort select {
  padding: 1px;
  width: 150px;
}

/*----------------------------------------------/
/* product-list
/----------------------------------------------*/
#product-list {
  clear: both;
  padding: 1em 0;
}
#product-list .product {
  float: left;
  width: 188px;
  height: 215px;
  margin: 0 2px 2px 0;
  text-align: center;
  border: 1px dotted #BBBBBB;
}
#product-list .product .info {
  height: 90px;
  margin: 0 2px;
  background-color: #F8F8F8;
}
#product-list div.product h3 {
  padding: 0 5px;
}
#product-list div.product .price {
  font-size: 130%;
  font-weight: normal;
  color: #345B91;
}
#product-list div.product .price .rrp {
  font-size: 80%;
  text-decoration: line-through;

}
#product-list .product .more-info {
  margin: 0 2px;
  background-color: #F8F8F8;
}
#product-list .product .note {
  font-size: 80%;
  font-family: verdana;
}
#product-list h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: #345B91;
}
#title-block {
  height: 37px;
  background:transparent url(/images/backgrounds/title.gif) repeat-x scroll 0 0;
  padding: 5px 0 0 0.5em;
  border: 1px solid #E4E4E4;
}
#refine {
  border: 1px solid #E4E4E4;
  padding: 10px;
  color: #6C6C6C;
  border-top: 0;
}
#refine a {
  color: #6C6C6C;
}
#refine h3 {
  font-size: 120%;
  font-weight: bold;
}

/*----------------------------------------------/
/* product-details
/----------------------------------------------*/
#product-details {
  padding: 10px;
  color: #666;
}
#product-details #info {
  float: left;
  width: 440px;
}
#product-details .price {
  font-size: 200%;
  color: #7192bf;
}
#product-details .price .rrp {
  font-size: 80%;
  color: #ccc;
  text-decoration: line-through;
}
#product-details ul#additional li{
  list-style: disc;
  margin-left: 17px;
}
#product-details #product-add {
  margin: 1em 0;
}
#product-details #product-add #quantity {
  margin-bottom: 5px;
}
#product-details #product-add label {
  font-weight: bold;
}
#product-details #no-stock {
  border: 1px dotted #ff0000;
  color: #ff0000;
  width: 200px;
  font-size: 130%;
  font-weight: bold;
  padding: 10px;
  margin-top: 1em;
}
#product-details #image {
  float: left;
  width: 280px
}
#product-details #thumbs {
  float: left;
  width: 62px;
}

/*----------------------------------------------/
/* basket-table
/----------------------------------------------*/
#basket-table {
  margin: 1em 0;
  width: 100%;
  border-collapse: collapse;
}
#basket-table th {
  background-color: #f3f3f3;
  padding: 5px;
  border-right: 1px dotted #ccc;
}
#basket-table tr {
  vertical-align: top;
}
#basket-table td {
  padding: 5px;
  text-align: center;
}
#basket-table .price, #basket-table .total {
  text-align: right;
  padding-right: 15px;
}
#basket-table .total {
  color: #5981b5;
  background-color: #fbfbfb;
}
#basket-table .title {
  text-align: left;
}
#basket-table .image {
  padding: 0;
}
#basket-table .last {
  border-right: 0;
}
#basket-table td {
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
#basket-table select {
  font-family: verdana;
  padding: 2px;
  color: #666;
}

/*----------------------------------------------/
/* panel login form
/----------------------------------------------*/
/*#login-form #buttons {
  margin-top: .5em;
}
#login-form #ac_number {
  width: 170px;
}
#login-form #password {
  width: 170px;
  margin-bottom: .5em;
}*/

/*----------------------------------------------/
/* footer
/----------------------------------------------*/
#footer {
  clear: both;
  /*padding: 10px;*/
  background-color: #fff;
  padding-top: 5px;
  color: #666;
  border-top: 2px solid #294263;
}
#footer li.title {
  float: left;
  width: 25%;

}
#footer li.title ul {
  margin-top: 5px;
  padding: 0 12px 10px 12px;
  border-bottom: 1px solid #dadada;
}
#footer li.title p {
  border-bottom: 1px dotted #9F9B9B;
  border-top: 1px dotted #9F9B9B;
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 110%;
  background-color: #fbfbfb;
  padding: 5px 10px;
}

/*----------------------------------------------/
/* footer-home
/----------------------------------------------*/
#footer-home {
  clear: both;
  /*padding: 10px;*/
  background-color: #fff;
  padding-top: 5px;
  color: #666;
}
#footer-home li.title {
  float: left;
  width: 25%;

}
#footer-home li.title ul {
  margin-top: 5px;
  padding: 0 12px 10px 12px;
  border-bottom: 1px solid #dadada;
}
#footer-home li.title p {
  border-bottom: 1px dotted #9F9B9B;
  border-top: 1px dotted #9F9B9B;
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 110%;
  background-color: #fbfbfb;
  padding: 5px 10px;
}

/*----------------------------------------------/
/* registration form
/----------------------------------------------*/
#register-form {
  margin: 1em 0;
}
#register-form div {
  
}
#register-form label {
  width: 150px;
  padding-right: 5px;
  float: left;
  text-align: right;
}
#register-form #title {
  width: 50px;
}
#register-form input, #register-form textarea {
  width: 300px;
  margin-bottom: 5px;
}
#register-form textarea {
  height: 100px;
}
#register-form fieldset {
  border: 1px solid #e4e4e4;
  margin: 10px;
  padding: 10px;
}
#register-form legend {
  padding: 0 5px;
  margin-left: 5px;
  font-size: 1.1em;
  font-weight: bold;
  color: #5799c3;
  background-color: #fff;
}
#register-form #invoice_postcode, #register-form #delivery_postcode {
  width: 75px;
}
#register-form #register-submit {
  width: auto;
  margin: 1em 0 0 150px;
}
#register-form .mandatory {
  vertical-align: top;
}
#register-form #credit_card {
  margin-left: 155px;
  width: auto;
  float: left;
  margin-top: 4px;
}
#register-form label#credit_card_label {
  text-align: left;
  width: 550px;
  padding-left: 5px;
  color: #cf0e03;
  font-weight: bold;
  font-size: 120%;
}

/*----------------------------------------------/
/* account details
/----------------------------------------------*/
dl#account-details {
  padding: 0.5em 10px 0 10px;
  margin: 10px 0;
}
dl#account-details dt {
  float: left;
  width: 130px;
  text-align: right;
  padding-right: 10px;
  color: #7192bf;
  background-color: #fafafa;
}
dl#account-details dd {
  padding-left: 150px;
  border-bottom: 1px dotted #e4e4e4;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

/*----------------------------------------------/
/* home page
/----------------------------------------------*/
#home-buttons {
  clear: both;
  background-color: #0F1745;
  float: left;
  width: 982px;
}
#home-buttons ul {
  float: left;
}
#home-buttons ul li {
  float: left;
  padding: 12px 16px 12px 0;
}
#home-buttons ul li.first {
  padding-left: 14px;
}
#home-content {
  float: left;
  width: 595px;
  margin: 2px 0 0 0;
  color: #fff;
  height: 475px;
  overflow: auto;
}
#home-content #text {
  padding: 10px 15px 0 15px;
  height: 334px;
  background: url(/images/backgrounds/home-page2.gif) repeat-y scroll 0 0 #0f1745;
  line-height: 16px;
}
#home-content #buttons {
  padding-top: 4px;
}
#home-content #buttons img {
  margin-right: 5px;
}
#home-content #buttons img.last {
  margin-right: 0;
}
#home-content #buttons a:focus {
  outline:none;
}
#home-content p {
  margin-bottom: 1em;
}
#home-flash {
  float: right;
  width: 380px;
  /*border: 8px solid #E8E8E8;*/
  margin: 2px 0 0 0;
}

/*----------------------------------------------/
/* TB Login
/----------------------------------------------*/
#tb-login p {
  padding: 0.5em 1em;
}
#tb-login .error {
  color: red;
  padding: 0.5em 1em;
}
#tb-login #login {
  margin: 1em 0;
}
#tb-login #login label {
  margin-bottom: 2px;
  font-size: 120%;
  font-weight: bold;
  color: #5799c3;
  padding-right: 5px;
}
#tb-login #login input {
  width: 120px;
  font-size: 120%;
  padding: 2px;
  margin-bottom: 5px;
}
#tb-login #login #submit, #tb-login #login #cancel {
  width: auto;
  font-size: 1em;
  cursor: pointer;
  padding: 1px;
}
#tb-login #login fieldset {
  border: 1px solid #e4e4e4;
  margin: 10px;
  padding: 10px;
}
#tb-login #login legend {
  padding: 2px 5px;
  margin: 0 0 0.2em 5px;
  font-size: 1.1em;
  font-weight: bold;
  color: #5799c3;
}

/*----------------------------------------------/
/* Order form details
/----------------------------------------------*/
#order-form-details h4 {
  font-weight: bold;
  font-size: 110%;
}
#order-form-details .col {
  width: 33%;
  float: left;
}
#order-form-details .check {
  font-weight: bold;
  font-size: 110%;
  color: #E00000;
  clear: both;
  padding-top: 10px;
}

/*----------------------------------------------/
/* Login form
/----------------------------------------------*/
#login-existing {
  float: left;
  width: 50%;
  color: #666;
}
#login-existing .error-panel {
  margin: 1em 20px 0 0;
  padding: 5px 10px;
}
#login-existing .error-panel p {
  margin: 0;
  padding: 0;
}
#login-existing h3, #login-new h3 {
  border-bottom: 1px solid #ccc;
}
#login-existing #login-form {
  padding: 0.5em 0;
}
#login-existing #login-form label {
  display: block;
  font-weight: bold;
  font-size: 110%;
}
#login-existing #login-form div {
  margin-top: 0.5em;
}
#login-existing #login-form input {
  padding: 2px;
  width: 70%;
}
#login-existing #login-form #login-button {
  width: auto;
}
#login-new {
  float: left;
  width: 50%;
}
#login-existing p, #login-new p {
  margin-top: 1em;
}

/*----------------------------------------------/
/* Quick order form
/----------------------------------------------*/
#quick-order-form {
  margin-top: 1em;
}
#quick-order-form .column {
  width: 96px;
  float: left;
}
#quick-order-form .column input {
  width: 40px;
  margin-bottom: 2px;
}
#quick-order-form .column input.error {
  color: #cf0e03;
  font-weight: bold;
}
#quick-order-form .column select {
  width: 40px;
}
#quick-order-form #add-order {
  margin-top: 1em;
  float: right;
}

/*----------------------------------------------/
/* generic form
/----------------------------------------------*/
#form {
  margin: 1em 0;
}
#form label, #form div.label {
  width: 200px;
  padding-right: 5px;
  float: left;
  text-align: right;
}
#form input, #form textarea {
  width: 300px;
  margin-bottom: 5px;
}
#form textarea {
  height: 100px;
}
#form #submit-button {
  width: auto;
  margin: 8px 0 0 205px;
  cursor: pointer;
}
#form .mandatory {
  vertical-align: top;
}
#form #sales_force_yes, #form #sales_force_no, #form #newsletter_yes, #form #newsletter_no {
  width: auto;
  margin-right: 5px;
  float: left;
  margin-top: 3px;
}
#form #sales_force_yes_label, #form #sales_force_no_label, #form #newsletter_yes_label, #form #newsletter_no_label {
  width: auto;
  float: left;
}
#form #sales_force_no, #form #newsletter_no {
  margin-left: 15px;
}

/*----------------------------------------------/
/* print-table
/----------------------------------------------*/
#print-table {
  margin: 1em 0;
  width: 100%;
  border-collapse: collapse;
  border: 1px dotted #ccc;
}
#print-table th {
  border-bottom: 1px solid #000;
  padding: 5px;
  border-right: 1px dotted #ccc;
}
#print-table tr {
  vertical-align: top;
}
#print-table td {
  padding: 5px;
  text-align: center;
}
#print-table .price, #print-table .total {
  text-align: right;
  padding-right: 15px;
}
#print-table .title {
  text-align: left;
}
#print-table .image {
  padding: 0;
}
#print-table .last {
  border-right: 0;
}
#print-table td {
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
#print-table select {
  font-family: verdana;
  padding: 2px;
  color: #666;
}