body {font:normal 81.25%/1.3 arial, helvetica, verdana, sans-serif; padding:0px; margin:10px 20px;}

p {color:#000; margin-bottom:5px;}
h1 {font-size: 2em; }
h2 {font-size:1.7em; }
h3 {font-size:1.3em;}
h4 {font-size:1.1em;  margin-bottom:.6em;}

/*-------useful classes---------- */
.shhh{display:inline;}
.shhh a{display:none;}

.small{font-size: .8em !important;}
.big {font-size: 1.4em !important;}
.clear, br.clear{clear:both; font-size:1px; border:none; background:transparent; overflow:hidden; margin:0px;}
.pad{padding:5px 15px;}
.it {font-style:italic;}
strong{font-size:1.4em;}


/*------------top nav----------*/
.topnav {display:none;}

/* ----------banner-------------- */
#banner { margin:0; padding:5px;}
#banner h1{color:#000; margin:10px;}


/* ---------input form stuff ------ */
 /*SEARCH*/
 .searchbar {display:none;}
 
/* ----------------maincontent ------------------- */ 
.maincontent{padding:15px; border:1px solid #2191E4;}
p.strong, span.strong{font-weight:bold;} 
.maincontent h1{background-color:#96BD45; color:#006; line-height:40px; }
.maincontent h1 img{vertical-align:middle;padding-right:15px; }

.onethird{width:31%; float:left; border-right: 1px dotted #ccc; margin-bottom: 20px; padding:5px;}
.onethird h2{color:#96BD45; border: 1px solid #aaa; padding:3px; margin-bottom:5px; padding-left:40px; margin:0 10px;}
  .onethird h2.key{background: url(../img/icon-keyboard.gif) left center no-repeat;}
  .onethird h2.mice{background: url(../img/icon-mouse.gif) left center no-repeat;}
  .onethird h2.furn{background: url(../img/icon-chair.gif) left center no-repeat;}
  .onethird h2.gad{background: url(../img/icon-gadget.gif) left center no-repeat;}
  .onethird h2.access{background: url(../img/icon-accessories.gif) left center no-repeat;}
  .onethird h2.soft{background: url(../img/icon-software.gif) left center no-repeat;}
.onethird img{display:block; margin:0 auto;}
.onethird ul{list-style-type:none; font-size: .9em; margin-left: 10px;}
 .onethird ul li{margin:0 0 4px 0;}
 .onethird ul li a{color:#666 ; font-weight:bold; text-decoration:none;}
 .onethird ul li a:hover{ text-decoration:underline ;}
 
 .spot{border: 1px solid #96BD45; padding:5px; margin:1px;}
 .spot img{float:left; margin-right: 20px;}
 .spot h2 {margin-left: 120px; color:#96BD45;}
 .spot p{margin-left: 120px; font-size:.9em;}
 .spot p.price{font-size:.9em; font-weight:bold; color:#006;}
 .spot p.addtobasket{ font-size:.9em; text-align:right; font-weight:bold; float:right;}
 .spot p.addtobasket a{color:#006;font-weight:bold; text-decoration:none;}
 .spot p.addtobasket a:hover{color:#333; background: #96BD45;}
 .spot p.addtobasket img{float:none; vertical-align:middle;}
 
 /*--------catagories page-------*/
 .catagories h2{color:#ACB8C2;}
 .catagories .feature{margin:10px; padding:10px; border:1px dashed #999;}
 .catagories .feature img{float:left;}
 .catagories .feature h3{ color:#666; margin-left: 210px;}
 .catagories .feature p {margin-left:210px;}
 
 .catagories .onethird img {float:left;}
 .catagories .onethird p {margin-left:70px;}
 .catagories .onethird a{color:#666; text-decoration:none; font-weight:bold;}
 .catagories .onethird a:hover p{color:#000; text-decoration:underline;}
 
   
   /*--------item display---------*/
 
 .itemdisplay{border: 1px dashed #000; margin:5px; padding:5px;}
 .itemdisplay .desc {margin-left: 400px; border-left: 1px dashed #000; padding:10px;}
 .itemdisplay .plus{color:#000; font-weight:bold; font-size:3em;}
 .itemdisplay a{text-decoration:none;}
 .itemdisplay a:hover {text-decoration:underline;}
 .itemdisplay .l h2 a{color:#000;}
 
 .itemdisplay .info{border: 1px dashed #000; padding:5px;}
 .info p{color:#000; font-size:1.1em; font-weight:bold;}
 .info h2{color:#000;}
 .info h2 input{width:20px;}
 
 
 
 /* ----------------sidebar ------------------- */ 
 
 .sidebar h1.top {display:none;}
 .sidebar h2.top{display:none;}
 .sidebar h2.top a {color:#fff; font-size:1.3em; text-decoration:none;}
 .sidebar h2.top a:hover{color: #00a;}
 .sidebox{background:#fff; border:1px solid #2191E4; }
 .sidebox h2{color:#fff; background-color:#96BD45; margin:0 0 10px 0; line-height:30px;}
 ul.sidemenu{display:none;}

 ul.pdf{margin:10px; list-style-type:none;}
 ul.pdf li{padding-left:20px; background: url(../img/pdf.gif) left center no-repeat;margin:5px 10px;}
 ul.pdf li a{color:#219AF1; font-weight:bold; text-decoration:none;}
 ul.pdf li a:hover{color:#A4CF4C; text-decoration:underline;}
 
 
 /*------shopping basket-------*/
 .shoppingbasket{background: url(../img/basket.gif) right top no-repeat; padding-bottom:5px;}
 .shoppingitems{border: 1px solid #dedede; width:85%; margin:0 auto; max-height:100px; overflow:scroll;}
 table.basket{ font-size:.9em; color:#333;}
 table.basket td{padding:4px; vertical-align:top; }
 p.price {font-size:1em; font-weight:bold; color:#006; }
 p.price a{color:#006;font-weight:bold; text-decoration:none; }
 p.price img{vertical-align:middle;}
 p.price a:hover{color:#333; background: #96BD45;}
 
/* -----------footer--------------------------- */
#footer { background-color:#B2DAF8; border:1px solid #fff; padding: 5px;}
 #footer p {color:#006; font-size:.9em; margin-bottom:1px;}
 #footer p strong{font-weight:bold; font-size:1.1em;}