body { text-align: center;font-family: Arial, sans-serif;margin: 0 10px 10px 10px;background: #ebebeb;font-size: small;}
h1 {color: #fff;font-weight: normal;font-size: 150%;margin: 0;}
h3 {font-size: 16px;}
a {color: #0376A4;font-weight: bold;}
p {font-size: 12px;line-height: 19px;color: #444;margin:0;padding:12px 0;}
a img {border: none;}
.clear {clear: both; float: none; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0;}
.message, .error {color: #c40000; font-weight: bold;margin: 3px 0;}
/* MAIN LAYOUT ------------------------------ */

.wrapper {background: #fff;width: 870px;padding: 0 10px 10px 10px; text-align: left; margin: 0 auto; }
.header {width: 870px;float: left;clear: both;background: #003466;}
.utility {width: 400px;display:inline;float: right;text-align: right;margin: 12px 10px 20px 10px;padding: 0; color: #fff;}
.utility p {	margin: 3px 3px 0 0;padding: 0;font-weight: bold;color: #fff;}
.utility a {color: #fff;margin-bottom: 4px;}
.utility label {color: #fff; margin-right: 10px; font-weight: bold;}
.utility label {color: #fff;font-weight: bold; margin-right: 10px;}
p.minibasket a {margin-left: 4px;}

/* NAV ------------------------------ */

.nav {width: 870px;float: left;border-top: solid 1px #fff;		background: #001d39 ;}
.nav ul {margin: 0;padding: 0;list-style-type: none;}
.nav li {display: inline;float: left;}
.nav li a {color: #fff;text-transform: uppercase;padding: 9px 10px 5px 10px;font-weight: bold;text-decoration: none;float: left;background: none;border-bottom: solid 4px #001d39;}
.nav li a:hover {color: #fff;text-transform: uppercase;padding: 9px 10px 5px 10px;font-weight: bold;text-decoration: none;float: left;background: none;border-bottom: solid 4px #4298BB;}

.breadcrumb {background: #fff;width: 860px;float: left;clear: both;padding: 3px;}
.breadcrumb .first {float: left;width: 48px;margin: 0; padding:5px 0px 8px 0;}
.breadcrumb ul {margin: 0;padding: 0;list-style-type: none;}
.breadcrumb li {display: inline;float: left;margin: 6px 0px 8px 0px;background: #fff url(../Images/arrow.jpg) no-repeat  0% 50%;padding-left: 14px;}
.breadcrumb li#start {display: inline;float: left;margin: 6px 0px 8px 0;background: none;padding: 0;}
.breadcrumb li a {float: left;font-weight: bold;}
.search {float: right;display:inline;margin: 5px;}
.search label {color: #fff;	font-weight: bold;}
.search .textinput {border: solid 1px #333;padding: 2px;}
.search .searchbutton {background: #333;color: #fff;padding: 0 3px;border: solid 1px #fff;}
.logo {float: left;padding: 20px 0 30px 10px;}
.result {float:left; clear: both; border-bottom: dotted 1px #ccc;width: 100%;}
.result h2 {font-size: 14px;margin: 5px 0 2px 5px;}
.paginator2 {padding: 4px 0; float:left; clear:both;width: 100%;}

/* CONTENT -------------------------------- */

.homecontainer {width: 870px;float: left;clear: both;background: #222222;margin-bottom: 5px;}
.homecontainer .main {float: left;border: solid 1px #626262;}
.homecontainer .text {float: right;width: 315px;margin: 10px 10px 0 10px ;}
.homecontainer .text p {color: #fff;}
.homeproduct {float: left; width: 258px; border: solid 1px #ccc; margin-right: 4px;}
.panel {width: 263px;float: left;margin: 1px 1px 0 0;}
.panel .head {width: 253px;float: left;background: #003466;color: #fff;font-size: 125%;padding: 7px 0 5px 3px;	font-weight: bold;clear:both;}

.panel a img {width: 256px;height: 140px;float:left;}
.panel .details {	background: #ebebeb;float: left;width: 248px;border-bottom: solid 10px #003466;padding: 5px;}
.panel .details p {	margin: 0 0 3px 0 ;	font-weight: bold;color: #333; font-size: 11px;}
.panel .details a.readmore {background:  #001d39; color:#fff; font-weight: bold; padding: 4px 7px; float:left;margin: 5px 0;}
.panel .details .price {color: #fff;	font-size: 125%;}
.newspanel {padding: 0 0 7px; width: 342px;float: left;background: #ebebeb;border-bottom: solid 10px #003466;}
.newspanel .head {position:relative;background: #003466;color: #fff;float: left;width: 337px;font-size: 125%;padding: 7px 0 5px 5px;margin: 1px 0 3px 0;font-weight: bold;}
.newspanel .head span.rss{position: absolute; top : 8px; right: 8px;}
.newspanel .article {float:left; width: 330px; background: #fff;margin: 7px 0 0 5px; display:inline;}
.newspanel .article h2.title {font-weight: bold;margin: 7px 0 0 10px ;font-size: 14px;}
.newspanel .article p {margin: 0 0 0 10px;}
.footer {	font-size:12px;clear: both; border-top: dotted 1px #ccc;left:0;top: 4px;padding: 4px 0;position:relative;}
.geeks {position: absolute; top: 0; right: 0;float: right;}

.mainhomecontent {float: right; margin: 0; padding: 0; width: 500px;}

/* PRODUCT PAGES -------------------------------- */

.pagecontainer {background: #222222;width: 870px;float: left;clear: both;	border-bottom: solid 1px #fff;}
.pagecontainer img {float: right;	margin: 0;padding: 0;border-left: solid 1px #fff;}

.pagecontainer h1 {float: left;	color: #fff; margin:2px 3px 4px 5px;}
.left {width: 180px;float: left;padding: 0 0 15px 0;	background:  url(../Images/navback.jpg) repeat-x bottom left;}
.left .head {width: 170px;float: left;padding: 8px 5px;color: #fff;font-size: 150%;	font-weight: bold;background: #005B7F url(../Images/headcircles.jpg) no-repeat top right;	border-bottom: solid 1px #fff;}
.left ul {margin: 0;padding: 0 ;list-style-type: none;}
.left li {float: left;}
.left li a {float: left;font-size: 12px;width: 170px;background: #4298BB;padding: 6px 3px 6px 7px;	border-bottom: solid 1px #fff;color: #fff;font-weight: bold;	text-decoration: none;}
.left li a:hover {float: left;width: 170px;background: #005B7F;padding: 6px 3px 6px 7px;border-bottom: solid 1px #fff;color: #fff;	font-weight: bold;text-decoration: none;}
.right {	width: 685px;	background: #fff;float: right;	}
.right .heading {	background: #0376A4;padding: 7px 3px 5px 3px;	text-align: right;	float: left;clear: both;	width: 678px;	font-weight: bold;	font-size: 120%;color: #fff;	margin: 0 0 5px 0;}
.right p {padding: 6px 0 8px 5px;	}
.right .heading2 {background: #C0DDE8;	padding: 7px 3px 5px 3px;float: left;clear: both;	width: 683px;	font-weight: bold;	font-size: 120%;margin: 0 0 5px 0;}
.right .productshot, .right a .thumbnail  {float: right;width: auto;margin: 5px;padding: 1px;	border: solid 1px #666 !important;	}

/* PRODUCT TABLE LISTING --------------------------------- */

table {width: 680px;}
table thead tr td {font-weight: bold;font-size: 100%;padding: 3px;}
table tbody tr td {	padding: 3px;	}
#row td{	background: #fff;}
#alternate td{	background: #efefef;}
.paging {	width: 100%;	float: left;clear: both;	padding: 8px 0 5px 0;}
.page {float: left;}
.next {	float : right;}

/* NEWS------------*/

.article {float: left; clear:both;width: 685px;  margin-bottom: 7px; border-bottom: dotted 1px #ccc; padding-bottom: 6px;}
.article h2.title, h2.title {font-size: 16px;margin:5px 0 2px 0px; padding:3px 0 0 0 ;}
.article .date, .date {margin:0; padding:0;}
.article p { margin:0;}

.product {float: left; clear:both; width: 680px;  margin-bottom: 7px; border-bottom: dotted 1px #ccc; padding-bottom: 6px;margin-left: 5px;}
.product a img.thumbnail { float: right;padding: 1px; border: solid 1px #ccc !important;}
.productshot { float: right;padding: 1px; margin-right: 0; border: solid 1px #ccc !important;}
.product h2 {font-size: 16px;margin:0; padding:0; color: #001d39;}
.product a h2 {font-size: 16px;margin:0; padding:0;color: #001d39;}
.product .date {margin:0; padding:0;}

.product .readmore a {background:  #001d39; color:#fff; font-weight: bold; padding: 4px 7px; float:left;}
a.addtobasket {background:  #001d39; color:#fff; font-weight: bold; padding: 7px 7px; float:right;margin-top: 5px;}
p.holder { width: 550px; border: solid 1px #ccc; background: #f9f9f9; padding: 5px 8px; float: left; margin-bottom: 3px;margin-left: 0;font-size: 12px;clear:left;}
.product .readmore a {background:  #001d39; color:#fff; font-weight: bold; padding: 4px 7px; float:left;margin: 5px 0;}
a.addtobasket {background:  #001d39; color:#fff; font-weight: bold; padding: 6px 7px; float:right;clear:right;margin-top: 6px;width: 7em;}
p.holder {float:left; background: #f9f9f9; border:solid 1px #ccc; width: 546px;padding: 5px;margin-left: 0;display:inline;}
.added {float: left; width: 100%; clear: both; font-weight: bold;}
label { float:left; width: 170px; font-weight: bold; display: inline; margin: 6px 3px 3px 3px; }
select {clear:right;}
.textinput {width: 220px; border: solid 1px #333; padding: 2px; display: inline; margin: 3px;}
.textbox {width: 260px; border: solid 1px #333; padding: 2px; margin: 3px; display: inline; height: 120px;}

.search .textinput {width: 150px;padding: 3px;margin:2px 4px 0 0;}
.search .submitButton {background: #000; color: #fff; padding: 1px 3px;border: none;border: solid 1px #fff;margin: 0;}
textarea {font-family:Arial,sans-serif; font-size: 12px; padding:2px; border:solid 1px #ccc; width: 220px; height: 250px;}

table.listing {width: 100%; float: left; clear: both;margin: 0;}
table.listing thead th {background:#222 ;color: #fff; padding: 4px 3px;}
table.listing tr td.first{border-left: solid 1px #ccc;}
table.listing tr td {padding: 4px 3px; border-bottom: solid 1px #ccc;border-right: solid 1px #ccc;}

.button, .submitbutton {display: inline; float:left; padding: 4px 6px; color: #fff; font-weight: bold; background: #001d39;border: none;margin: 7px 0 15px 179px; width: auto;}
.button2 {float:left; padding: 4px 6px; color: #fff; font-weight: bold; background: #001d39;border: none;margin: 7px 0 7px 3px;}

.basket {float: left; clear: both; width: 685px;position: relative;text-align: right;}
.basket table {width: 685px; margin: 0 0 40px 0; background: #fff; border: none; text-align: right;font-size: 12px; float: left; clear: both;}
.basket table thead tr th {background: #ccc; padding: 5px 2px; font-weight: bold;  text-align: left;}
.basket table thead tr th.quantityColumn {width: 75px;text-align: left;}
.basket table thead tr th.quantityColumn img{margin-top: 7px;}
.basket table thead tr th.productColumn {width: 300px; text-align: left;}
.basket table thead tr th.priceColumn {width: 60px; text-align: right;}
.basket table thead tr th.quantityColumn .quantity, .basket tbody tr td.quantityColumn .quantity{width: 50px;float:left;}
.basket table thead tr th.attributesColumn {width: 50px;}
.basket table thead tr th.amountColumn {width: 70px; text-align: right; padding-right: 0px;}

.basket table.totals {clear:both; margin-bottom: 40px; width: 270px;margin-left:0;text-align: right; float: right;font-weight: bold;}
.basket .addressintro h2 {font-size: 16px;}
.basket table tbody td {padding: 4px 2px; margin: 0px; }
.basket table tbody tr.productRow td{border-bottom: solid 1px #ccc;}
.basket tbody tbody tr.productRow td.priceColumn{width: 60px; text-align: right;}
.basket table tbody tr.productRow td.attributesColumn{width: 50px;}
.basket table tbody tr.productRow td.vatTotalColumn{width: 50px;}
.basket table tbody tr.productRow td.subTotalColumn{width: 50px;}
.basket table tbody tr.productRow td.attributesColumn{width: 50px;}
.basket table tbody tr.productRow td.amountColumn{width: 70px; text-align: right; padding-right: 0px;}
.basket table tbody tr.productRow td.productColumn {width: 300px; text-align: left;}
.basket table tbody tr td.label, .basket tbody tr td.value {text-align: right;}
.basket tr td select {float: right;}
.basket span table tbody tr.productRow td.subTotalColumn {text-align: right; width: 70px;}
.basket .orderNotes {float: left;clear: both;}
.basket .orderNotes textarea.notearea{width: 325px !important; border: solid 1px #333; font-family: Arial, sans-serif;font-size: 12px; height: 80px !important;}

.basket .addresses label, .basket .addresses .textinput, .basket .addresses select, .basket .addresses select.dropList  {margin-bottom: 12px;float: left; clear: both;}
.basket .updatebutton {background: #333; color: #fff; font-weight: bold; padding: 3px 5px;}
.basket .addvoucherbutton {background: #333;color: #fff;font-weight: bold; padding: 3px 5px;}
.basket .continuebutton {background: #333;color: #fff;font-weight: bold;padding: 3px 5px; clear: both;}
.basket .proceedbutton {padding: 5px;background: #003300;color: #70c925; font-weight: bold; float: right; display:inline; margin: 5px; clear: both;}
.basket .removeButton{width: 16px;  height: 16px;float: right; clear: none;}
.basket .message {color: #ff0000; font-weight: bold; font-size: 12px;}
.basket .addresses{width: 500px; text-align: right;float: left;}
.basket .addresses label {margin-right: 10px;float: left; text-align: left;}
.basket .addressintro {float: left; width: 500px;text-align: left;}
.basket .submitbutton {float:left;margin: 10px 0;margin-left: 550px;}
.basket textarea.notearea {float:none;}