body {
  margin: 0;
  padding: 0;
  background: #d8d8d8;
  font-family: Sans-serif;
  font-size: 1em;
}

a {
  color: #3233ff;
  font-size: 1em;
  text-decoration: underline;
}
a:hover {
  color: #3233ff;
  text-decoration: none;
}
a img {
  border-style: none;
}
#body {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

#header {
  width: 1000px;
  height: 80px;
  background: #3233ff;
}
#logo {
  float: left;
  width: 150px;
  position: absolute;
  left: -30px;
}
#title {
  position: absolute;
  left: 120px;
}

#basket {
  float: right;
  height: 16px;
  width: 200px;
  text-align: right;
  font-size: 16px;
  margin: 30px 5px;
  background: url('images/basket.gif') no-repeat;
}

#basket a {
  color: #000000;
  text-decoration: none;
  font-size: 0.9em;
}
#basket a:hover {
  background: #6466ff;
  color: #000000;
  text-decoration: none;
}

/* Menu at side */
#menu {
  width: 180px;
  float: left;
  margin: 0 0 10px 10px;
  padding: 0;
  position: relative;
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#menu li li {
  width: 174px;
  margin: 2px 0 0 6px;
  padding: 0;
}

#menu a {
  display: block;
  color: #000000;
  font-size: 0.9em;
  text-decoration: none;
}

#menu a:hover {
  background: #e8e8e8;
}

#menu h3 {
  margin: 10px 0 5px 0;
  padding: 5px;
  font-size: 1em;
  background: #200050 url('images/bluegrad.jpg') repeat-x;
  color: #969696;
}

/* Main Content */
#main {
  width: 750px;
  float: right;
  margin: 0 10px 0 0;
  padding: 0;
}

#main h2 {
  margin: 10px 0 5px 0;
  padding: 5px;
  font-size: 1.5em;
  /*background: #dd7000;*/
  background: #200050 url('images/bluegrad.jpg') repeat-x;
  color: #969696;
}

/* Footer */
#footer {
  width: 1000px;
  height: 20px;
  margin: 10px 0;
  padding: 0;
  clear: both;
  background: #aaaaaa;
  overflow: auto;
}

#footer p {
  margin: 3px 0;
  padding: 0;
  text-align: center;
  font-size: 10px;
}

.range {
  width: 350px;
  float: left;
  margin: 10px 5px;
  padding: 0;
}

.range img, .product img {
  width: 100px;
  height: 100px;
  float: left;
  margin: 5px;
  padding: 5px;
  background-image: url('images/imgback.gif');
  border-style: none;
}

.range h3, .product h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 5px 0;
  padding: 0;
}

.range a {
  font-size: 1em;
}

.range a:hover {
  color: #3233ff;
}

.range p, .product p {
  margin: 0;
  padding: 0;
}

.product {
  width: 210px;
  float: left;
  margin: 10px 5px;
  padding: 5px;
}

.price {
  margin: 1em 0 0;
  clear: both;
}
.price form {
  margin: 0;
}
.price input {
  margin: 0 .5em;
}

img#rangebigpic {
  height: 300px;
  float: left;
  margin-right: 10px;
  padding: 5px;
  background: #ffffff;
}
#rangedesc {
 height: 300px;
}

/* Shopping basket page */
.basket_row {
  clear: both;
  text-align: center;
  margin: 0;
  width: 100%;
}
.basket_row p {
  margin: 5px 0;
  padding: 0;
}
.basket_row_header {
  clear: both;
  text-align: center;
  font-weight: bold;
  margin: 0;
  width: 100%;
}
.basket_row_header p {
  margin: 5px 0;
  padding: 0;
}
.basket_item {
  width: 200px;
  float: left;
}
.basket_price {
  width: 90px;
  float: left;
  text-align: right;
}
.clear {
  clear: both;
  margin-bottom: 10px;
}
.clear input, .clear button {
  margin-left: 5px;
  margin-right: 5px;
}


/* Order form page */
#address {
  margin-top: 15px;
}
#address div {
  margin: 2px;
  padding: 0;
}
#address .label {
  width: 200px;
  float: left;
  text-align: right;
}
#address .input {
  width: 500px;
  float: left;
}
#address .space {
  height: 1em;
  clear: both;
}
#address #paypal {
  position: relative;	/* Shift paypal logo up so it lines up with option button */
  top: -8px;
}

/* Preview page */
#preview img {
  background: #ffffff;
  padding: 5px;
}
#preview a {
  text-decoration: underline;
}
#preview a:hover {
  text-decoration: none;
}

/* Postage page */
#postage {
  border: 1px black solid;
  border-collapse: collapse;
  margin-bottom: 10px;
}

#postage td, #postage th{
  border: 1px black solid;
  padding: 1em;
}

/* Menu paypal picture for homepage */
div#paypal_logo {
  margin-top: 10px;
}
div#paypal_logo a:hover {
  background-color: transparent;
}