@charset "utf-8";

/* CSS Document */

* {margin:0; padding:0;}



body {

font-size: 62.5%;

text-align: center; /* center for ie */

margin: 0;

padding: 0;

/* background-color: #d1e8f4; */

background: #fff url(null) fixed no-repeat;

}



P {

font-size: 1.2em;

}

h1 {

font-size: 2.8em;

}

h2 {

font-size: 2.2em;

}

.clear {

display: block;

height:1px;

clear:both;

margin: 0;

background: #fff;

}

/* Page Structures -------------------------------------*/

/* Page Header -----------------------------------------*/

#headercontainer {

background-color: #fff;

width: 903px;

margin-top: 0;

padding-top: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

clear: both;

}



#header {

width: 903px;

background: #fff url(images/header_bg.jpg);

background-position: bottom center;

background-repeat: no-repeat;

position: relative;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

text-align: center;

}



/* Page Body ---------------------------------------------------*/



#pagebody {

background-color: #fff;

width: 903px;

margin-top: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0;

padding: 5px 0 0 0;

clear: both;

}

#bodycontainer {

width: 903px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

text-align: center;

background-color: #e5e5e5;

}



#leftcol {

float: left;

width: 208px;

margin: 0 0 5px 0;

background-color: #e5e5e5;

}

#rightcol {

float: left;

width: 695px;

padding: 0;

margin: 0;

background-color: #fff;

}



/* ----Footer -------------------------------------------------*/

#footercontainer {

background: #fff;

width: 903px;

border-top: 1px;

padding-top: 5px;

margin-top: 15px;

margin-right: auto;

margin-bottom: 15px;

margin-left: auto;

clear: both;

}

#footer {

width: 903px;

background: #ba0113;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

/*-- Header Content ---*/

#logocontainer {

width: 543px;

height: 121px;

float: right;

padding: 0 0 75px 0;

}



#header h1 {position: absolute; right: 0px; top: 0px;}



#header #logo { 

position: absolute;

overflow: hidden;

margin: 0;

padding: 0;

width: 534px; 

height: 121px;

}

#header #logo span {

display: block;

position:absolute;

right: 0;

top: 0;

z-index: 1;

width: 534px;

height: 121px;

margin: 0;

padding: 0;

background: url("images/logo.jpg") top right no-repeat;

cursor: pointer;

}

#header #logo a {

position: static;

display: block;

height: 121px;

white-space: nowrap;

color: #000;

}



.minibasket {

position: absolute;

bottom: 40px;

right: 10px;

text-align: right;

padding: 0;

}

.minibasket p {

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.1em;

color: #fff;

background: #ba0113;

}

.minibasket a {

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.0em;

color: #fff;

font-weight: bold;

text-decoration: none;

}

#tagcontainer {

position: absolute;

bottom: 5px;

left: 315px;

width: 355px;

height: 20px;

}



#tag h2 {position: absolute; left: 1px; top: 1px;}



#tagcontainer #tag {

position: absolute;

overflow: hidden;

margin: 0;

padding: 0;

width: 355px;

height: 20px;

}



#tagcontainer #tag span {

display: block;

position:absolute;

left: 0;

top: 0;

z-index: 1;

width: 355px;

height: 20px;

margin: 0;

padding: 0;

background: url("images/tagline.jpg") top left no-repeat;

cursor: text;

}





.searchbox {

position: absolute;

bottom: 0;

right: 0;

width: 207px;

text-align: left;

padding: 0 0 6px 0;

}

.searchbox .searchform p {

font-family: Arial, Helvetica, sans-serif;

color: #fff;

font-size: 1.0em;

margin: 0;

padding: 0;

font-weight: bold;

}

.searchbox .searchform fieldset {

border: none;

margin: 0;

}

.searchbox .searchform legend {

display: none;

margin: 0;

}

.searchform #search {

width: 154px;

margin: 2px 0 0 0;

float: left;

font-family: Arial, Helvetica, sans-serif;

color: #666;

}

.searchform .go {

float: left;

padding-left: 5px;

}

.searchform {

margin: 0;

}





/* --- Global Navigation --------------------------------------------------*/

.navcontainer {

background-color: #e5e5e5;

width: 208px;

height: auto;

margin-top: 0;

padding: 0;

margin-right: auto;

margin-left: auto;

margin-bottom: 0px;

}



/*

#navspace {

height: 10px;

min-height: 10px;

} */

.nav {

width: 208px;

font-size: 90%;

margin: 0;

padding: 0;

line-height: 1.8em;

height: auto;

}

.nav ul {

margin: 0;

text-align: left;

padding: 0;

list-style: none;

/* margin: 0; */

}

.nav ul ul {

text-align: left;

padding: 0;

list-style: none;

}

.nav li {

text-align: left;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.2em;

color: #000;

border-bottom: dashed 1px #b80000;

}

.nav li li {

font-weight: normal;

font-size: 1.0em;

}

.nav li a:link, .nav li a:visited {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.0em;

display: block;

color: #000;

padding: 4px 0 4px 25px;

background-color: #e5e5e5;

text-decoration: none;

text-align: left; 

margin-right: 0;

}



.nav li a:hover {

background-color: #c6c5ca;

}

.nav li li a:link, .nav li li a:visited {

font-weight: normal;

}

#nav li li a:hover {

background-color: #74259c;

color: #fff;

text-decoration: none;

}



.navcontainer .nav .navcurrent {

background-color: #c6c5ca;

}



/* ------------------------ Content --------------*/

#productbuttons {

padding: 0;

text-align: left;

}

#productbuttons ul {

list-style: none;

}

.button {

background: #b80000;

width: 111px;

float: left;

margin: 0 0 5px 4px;

}

.buttonimg img {

border: solid 1px #9c9c9c;

}

.buttontitle a {

font-family: Arial, Helvetica, sans-serif;

color: #fff;

text-decoration: none;

}

.buttontitle h2 {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.3em;

padding: 3px;

height: 35px;

min-height: 35px;

}











#content {

width: 520px;

text-align: left;

float: left;

}



.images {

width: 520px;

text-align: left;

padding: 5px 0 0 5px;

}

.images img {

border: solid 1px #d4d4d4;

}



.textarea {

text-align: left;

margin: 0;

padding: 5px 0 0 5px;

width: 505px;

}

.textarea h1 {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 2.0em;

line-height: 1.2em;

padding-bottom: 10px;

}

.textarea h2 {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.8em;

line-height: 1.2em;

padding-bottom: 10px;

}

.textarea h3 {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.7em;

line-height: 1.2em;

padding-bottom: 10px;

}

.textarea h4 {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.6em;

line-height: 1.2em;

padding-bottom: 10px;

}



.textarea h5 {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.6em;

line-height: 1.2em;

padding-bottom: 10px;

}

.textarea p {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-size: 1.3em;

line-height: 1.4em;

padding-bottom: 15px;

}

.textarea span {

font-weight: bold;

}

.textarea img {

margin-right: 15px;

margin-left: 15px;

float: right;

border: solid 1px #e5e5e5;

}

.textarea a {

color: #2b2b2b;

font-weight: bold;

text-decoration: none;

}

.textarea ul {

list-style: disc;

margin: 0 0 0 25px;

}

.textarea li {

font-family: Arial, Helvetica, sans-serif;

color: #000;

font-size: 1.2em;

word-spacing: 0.1em;

line-height: 1.0em;

padding: 0 0 10px 0;

}



#sidebar {

width: 170px;

text-align: left;

float: left;

padding: 0 0 225px 0;

}



.usp {

background: #e5e5e5;

padding: 5px 0 15px 0;

margin-top: 5px;

}

.usp ul {

list-style-image: url("images/bullets.jpg");

width: 140px;

padding: 10px 0 0 20px;

}

.usp li {

font-family: Arial, Helvetica, sans-serif;

color: #000;

font-size: 1.1em;

font-weight: bold;

padding: 0 0 10px 0;

}

#fastdelivery {

position: relative;

width: 140px;

height: 80px;

text-align: left;

padding-left: 15px;

}



#delivery h5 {position: absolute; left: 0px; top: 0px;}



#fastdelivery #delivery {

position: absolute;

overflow: hidden;

margin: 0;

padding: 0;

width: 140px;

height: 80px;

}



#fastdelivery #delivery span {

display: block;

position:absolute;

left: 0;

top: 0;

z-index: 1;

width: 140px;

height: 80px;

margin: 0;

padding: 0;

background: url("images/fastdelivery.jpg") top left no-repeat;

cursor: text;

}



/*--- Sale Button --------------*/



.sale {

text-align: left;

background-image: url("images/sale_roll.jpg"); 

background-repeat: no-repeat;

height: 278px; 

width: 170px; 

display: block; 

padding: 0;

margin-top: 5px; 

}

.sale a#saleroll { 

background-image: url("images/sale.jpg"); 

height: 278px; 

width: 170px; 

display: block; 

}

.sale a#saleroll span { 

display: none; 

}

.sale a#saleroll:hover { 

background-image:url("images/sale_roll.jpg"); 

}

.sagelogo {
text-align: center;
margin-top: 35px;
margin-right: auto;
margin-bottom: 45px;
margin-left: auto;
}
.sagespace {
min-height: 125px;
height: 125px;
}

/*--Products page Sidbar -------*/

.orderline img {

padding-bottom: 5px;

}

.freeshipping img {

padding-bottom: 5px;

}

.minorder img {

padding-bottom: 5px;

}

.produsp {

background: #e5e5e5;

padding: 5px 0 75px 0;

margin-bottom: 125px;

}

.produsp ul {

list-style-image: url("images/bullets.jpg");

width: 140px;

padding: 10px 0 0 20px;

}

.produsp li {

font-family: Arial, Helvetica, sans-serif;

color: #000;

font-size: 1.1em;

font-weight: bold;

padding: 0 0 10px 0;

}

/*----------------Content Page Side Bar Space at bottom -----*/

.sidebarspace {

height: 245px;

min-height: 245px;

display: block;

}

/*-- Product option Style ---*/

.products {

width: 510px;

padding: 0 0 0 5px;

}

.productsheader {

width: 500px;

background: #b80000;

padding: 5px 0 5px 0;

}

.productsheader h1 {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.8em;

font-weight: normal;

color: #fff;

text-transform: uppercase;

padding-left: 5px;

}



.product {

width: 500px;

margin: 0;

padding: 20px 0 25px 0;

}

.productimg {

width: 125px;

float: left;

text-align: center;

}

.productdetail {

width: 365px;

float: left;

padding: 0 0 0 10px;

}
.productdetail a {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
.producttitle {

width: 365px;

background: #e5e5e5;

padding: 5px 0 5px 0;

}

.producttitle h2 {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.8em;

font-weight: normal;

color: #000;

text-transform: uppercase;

padding-left: 5px;

}

.productdesc {

width: 355px;

text-align: left;

padding: 5px 0 5px 5px;

}

.productdesc p {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.2em;

line-height: 1.4em;

padding-bottom: 15px;

color: #000;

}

.productopt {

width: 355px;

padding: 0 0 5px 5px;

}

.pcode {

width: 120px;

float: left;

}

.pcode p {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.2em;

color: #000;

font-weight: bold;

}

.pdesc {

width: 155px;

float: left;

}

.pdesc p {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.2em;

color: #000;

font-weight: bold;

}

.order {

width: 61px;

float: left;

}

.order img {

border: none;

}

.orderdetail {

clear: both;

font-family: Arial, Helvetica, sans-serif;

font-size: 1.2em;

font-weight: bold;

padding: 20px 0 20px 0;

}

.orderdetail p {
font-size: 1.0em;
}


.orderdetail tr {

line-height: 1.6em;

}



th.qtyheader {

  text-transform: uppercase;

  padding: 2px 0 2px 0;

}

th.priceheader{

  text-transform: uppercase;

  padding: 2px 0 2px 0;

}

.orderdetail .orderform fieldset {

border: none;

}

.orderdetail .orderform legend {

display: none;

}



.orderform fieldset {

border: none;

}

.orderform legend {

display: none;

}

.orderform .fixedwidth {

display: block;

width: 125px;

float: left;

font-size: 1.0em;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

padding: 2px 0 0 0;

}



.orderform #quantity {

width: 65px;

float: left;

margin-right: 15px;
margin-bottom: 25px;
background-image: url("images/order_bg.jpg");

background-repeat: no-repeat;

background-position: left;

}

.orderform .btn {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.0em;

width: 122px;

float: left;

}

/* ---------------- Contact Form ------------------------*/



.form {

text-align: left;

margin: 10px 0 0 5px;

}

.form h2 {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.8em;

margin: 0 0 15px 0;

line-height: 1.0em;

}

.form h3 {

color: #000;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 1.6em;

margin: 0 0 15px 0;

line-height: 1.0em;

}

.form p {

font-family: Arial, Helvetica, sans-serif;

color: #000;

font-size: 1.2em;

margin: 0 10px 25px 0;

word-spacing: 0.1em;

line-height: 1.3em;

}

.form .contactform fieldset {

border: none;

}

.form .contactform legend {

display: none;

}

.contactform .fixedwidth {

display: block;

width: 175px;

float: left;

}

.contactform #name {

width: 205px;

}

.contactform #email {

width: 205px;

}

.contactform #tel {

width: 205px;

}

.contactform #subject {

width: 205px;

}

.contactform .btn {

font-family: Arial, Helvetica, sans-serif;

font-size: 1.0em;

width: 75px;

margin-right: 95px;

}

/*------------Customer Detail Form Formatting ------------*/

.contactform #fname {

width: 205px;

}

.contactform #sname {

width: 205px;

}

.contactform #house {

width: 205px;

}

.contactform #street {

width: 205px;

}

.contactform #town {

width: 205px;

}

.contactform #county {

width: 205px;

}

.contactform #phone {

width: 205px;

}

.contactform #fax {

width: 205px;

}

.contactform #d_name {

width: 205px;

}

.contactform #d_sname {

width: 205px;

}

.contactform #d_house {

width: 205px;

}

.contactform #d_street {

width: 205px;

}

.contactform #d_town {

width: 205px;

}

.contactform #d_county {

width: 205px;

}

.contactform #d_phone {

width: 205px;

}

/* -------- Footer Formatting ---------------------------*/



#copy {

float: left;

padding: 5px 0 5px 20px;

}

#copy p {

font-family: Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1.0em;

color: #fff;

text-align: left;

}

#copy span {

font-weight: bold;

}



#designby {

float: right;

width: auto;

text-align: right;

padding: 5px 0 5px 0;

}

#designby p {

font-family: Arial, Helvetica, sans-serif;

font-size: 0.9em;

color: #ffcccc;

padding: 0 20px 0 0;

}

#designby a {

text-decoration: underline;

}

#designby a:link {

text-decoration: none;

color: #ffcccc;

}

#designby a:visited {

text-decoration: none;

color: #ffcccc;

}

#designby a:hover, #designby li a:active {

text-decoration: underline;

}



/* ----- Footer Nav style / format ----------*/

#footernav {

float: left;

margin: 0;

padding: 5px 0 10px 20px;

text-align: left;

clear: left;

}

#footernav ul {

margin: 0 0 0 0;

padding: 0;

}

#footernav li {

list-style: none;

display: inline;

font: normal 1.0em Arial, Helvetica, sans-serif;

color: #fff;

border-right: solid 1px #fff;

margin: 0 5px 0 0;

padding: 0 5px 0 0;

}

#footernav li a:link {

text-decoration: none;

color: #fff;

}

#footernav li a:visited {

text-decoration: none;

color: #fff;

}

#footernav li a:hover, #footernav li a:active {

text-decoration: underline;

}



/******************************* Basket ***************************/



.basketBox {

   color: #000;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size:12px;

   }

 .basketBox a{

   color: #000;

 }

 .basketBox a:hover {

    color: #bc5718;

     }



th.header{

  background: #dedede;

  color: #000;

}



.errormsg {

   color: #ff0000;

   font-family: Verdana, Arial, Helvetica, sans-serif;

   font-size: 14px;

   font-weight: bold;

  }



td.underLine{

  border-bottom: solid #cccccc 1px;

}