/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

html,body {margin:0;padding:0;}
body{background-color:#FFFFFF;font-family: Helvetica, Arial, sans-serif;}

#wrapper {width:798px;padding:90px 0 0 0;}
#container {margin-left:auto;margin-right:auto;margin-top:1%;width:798px;position:relative;padding:0 0 2% 0;height:auto !important;height:91%;min-height:92%;}
#banner {position:absolute;top:0px;left:0;width:798px;padding:0;maring:0;text-align:center;}

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

#footer {clear:both;margin-left:auto;margin-right:auto;width:768px; background-color:#FFFFFF;padding:0px;height:auto !important;height:3%;min-height:3%;}
#footer p {text-align:center;font-size:10px;color:#878889;margin-top:3px;}

/*------------------------------ Main Content Container ----------------------------------*/

#MainContent{float:right;}
#MainContent p {margin:0;padding:0;}
#MainImage {display:block;width:648px;height:364px;border:0;}
/*------------------------------ Index page Container ------------------------------------*/

.indexcontent{width:653px;padding-top:0;}
.indeximage {background: #FFFFFF url('images/index_background.jpg') no-repeat 156px 70px;}
.indexcontent table {padding:0;border-collapse:collapse;margin:0;} 
.indexcontent td {width:50%;padding-left:10px;text-align:center;}
.indexcontent td p {padding:4px 7px;}
.indexcontent h1{font-size:18px;color:#641556;text-align: center;font-weight:normal;}
.indexcontent h2{font-size: 16px; color: #641556;font-weight:normal;}
.indexcontent h3{font-size:16px;color: #641556;text-align: center;font-weight:bold;text-align:left;}
.indexcontent h5{font-family: Helvetica, Arial, sans-serif;font-size: 13px; color:#641556;font-weight:normal;padding:5px;margin:0;}
.indexcontent h4 {padding:0 0 5px 0;margin:0;}
.indexcontent h4 a {font-size:12px;color: #641556;text-align: left;font-weight:bold;text-align:left;margin:0;text-decoration:none;}
.indexcontent b {font-weight:bold;font-size:12px;color:#878889;padding:0 0 5px 0;display:block;}

/*------------------------------- Left side Navigation ------------------------------------*/

#MainNav {width:145px;float:right;}
#MainNav a, #MainNav a:visited {text-decoration:none;text-align:left;color:#7A8083;font-size:15px;display:block;padding:0;margin:2px;}
#MainNav span {margin-left:10px;display:block;}
p { color:#999999; font-size:12px;text-align:left;}
strong {font-weight:bold;color:#999999; font-size:12px;text-align:left;}

/*------------------------------ Product catalog display ----------------------------------*/

.productcontent {width:633px;padding-left:20px;}
.productcontent h1 {font-size:18px;color:#641556;text-align: left;font-weight:normal;}
.productcontent h2{font-size: 16px; color: #641556;font-weight:normal;}
.productcontent h3{font-size:16px;color: #641556;text-align: left;font-weight:bold;text-align:left;}
.productcontent h4 {padding:0 0 5px 0;margin:0;}
.productcontent h4 a {font-size:12px;color: #641556;text-align: left;font-weight:bold;text-align:left;margin:0;text-decoration:none;}
.productcontent b {font-weight:bold;font-size:12px;color:#878889;padding:0 0 5px 0;display:block;}
.newslink {text-decoration:none;text-align:left;font-size:12px;display:block;padding-top:5px;width:50px;}

.productcontainer {width:195px;height:295px;position:relative;border:1px solid #878889;float:left;padding:0;margin:5px 0px 5px 0px;}
.productpadding {margin:5px 11px 5px 11px}
.productimage {width:195px;height:195px;padding:0;overflow:hidden;text-align:center;}
.productimage img {border:0;padding:0;margin:0;}
.productheader { border-top:1px solid #878889;margin:0;padding:0; }

.productheader h3 {color:#641556;padding:2px 0 0 4px;margin:0;font-weight:bold;font-size:11px;text-align:left;}
.productheader h4 {color:#641556;padding:2px 0 2px 4px;margin:0;font-weight:normal;font-size:11px;text-align:left;height:26px;overflow:hidden}
.productheader h5 {color:#641556;padding:5px 0 5px 4px;margin:0;font-size:11px;font-weight:normal;}
.productheader img {padding:0;margin:0px 0 0 4px;border:0;text-align:right;}

.productnav p {margin:0;padding:0;color:#641556;font-size:12px;text-align:right;}
.productnav img {margin:0 5px 0 5px;padding:0;}
.productnav a {text-decoration:none;margin:0px 2px 0 2px;font-size:12px;color:#641556;font-weight:bold;}

/*------------------------------- Product display ----------------------------------------*/

.ProductDetail {margin-top:5px;width:530px;}
.ProductDetail .image { float:left;width:220px;height:220px;border:1px solid #878889;text-align:center;}
.image img {margin:12px 0 0 0;}
.ProductDetail .description {float:left;margin:8px 0 0 20px;}
.description img {margin-top:5px;}
.ProductDetail h3 {width:100px;color:#878889;font-size:12px;margin:0;padding:0;}
.ProductDetail h4 {font-size:12px;color:#641556;padding:0px;margin:2px 0 5px 0;}
.QuantityBox {width:20px;margin:0 5px 5px 0;text-align:center;}
.ProductPurchase {margin:5px 0 0 0;}
.ProductDetail h2 {clear:both;color:#878889;font-size:12px;padding:0;margin:10px 0 10px 0;}
.ProductDetail p {padding:0;margin:0;color:#878889;}
.backimage {border:0;margin:20px 0 0 150px;padding:0;}
#clr {clear:both;}

/*------------------------------- BreadCrumb trail ----------------------------------------*/

.breadcrumb { clear:left;width:100%;padding:5px 0 2px 0;font-size:10px;color:#641556; }
.breadcrumb a {font-size:10px;text-decoration:underline;color:#641556;}

table tr td a {color:#878889;font-size:15px;font-weight:bold;text-decoration:none;}

/*------------------------------- Shopping Basket -----------------------------------------*/

#ShoppingBasket {width:612px;padding-left:20px;}
#ShoppingBasket h1 {color:#7A8083;font-size:18px;font-weight:bold;padding:0;margin:0 0 20px 0;width:100%;}
#ShoppingBasket table {padding:0; border-collapse:collapse;margin:0;width:580px;}
#ShoppingBasket th {color:#641556;font-size:12px;padding:5px;background:#EEEEEE;}
#ShoppingBasket .CartContents {height:35px;}
#ShoppingBasket .CartContents td {font-size:12px;padding-left:5px;color:#878889;}
#ShoppingBasket p {margin:0;padding:0 0 2px 0;}	
#ShoppingBasket a {text-decoration:none;font-weight:normal;font-size:12px;}
#ShoppingBasket a:hover {color:#641556;text-decoration:underline}
#ShoppingBasket form {width:20px;float:left;margin-right:5px;}
#ShoppingBasket h5 {text-align:center;padding:10px 0 0 0;margin:0;color:#641556;}
#BasketOptions {margin:20px 0 0 370px;}
html>body #BasketOptions img {margin-left:90px;} 
#BasketOptions img {border:0;}
form { padding:0;margin:0;}

/*--------------------------------- Brand display -----------------------------------------*/

#BrandContainer {width:612px;padding-left:20px;}
#BrandContainer h1 {color:#7A8083;font-size:18px;font-weight:bold;padding:0;margin:0;width:100%;}
#BrandCategory { width:100%;margin-top:10px;}
#BrandCategory a {font-size:12px;font-weight:bold;color:#878889;text-decoration:none;}
#BrandCategory img {border:0;}
#BrandDescription { width:100%;margin:10px 0 0 0;}
#BrandImage { float:right;padding:0 10px;}
#BrandContainer a {text-decoration:none;}
#BrandContainer a strong {color:#641556;text-decoration:none;}
#BrandContainer strong a {color:#641556;text-decoration:none;}
#BrandContainer p {width:360px;}
#BrandContainer strong {text-align:justify;}

/*--------------------------------- Voucher Display ----------------------------------------*/

#voucher select {margin-top:10px;}
#voucher #purchase {margin:10px 0 0 440px;}

/*--------------------------------- Order Form ----------------------------------------------*/

#OrderForm table{width:610px;border-collapse:collapse;}
#OrderForm td {color:#7A8083;font-size:12px;font-weight:bold;padding-left:10px;}
#OrderForm input {text-align:left;}
#OrderForm th {background-color:#7A8083;color:#ffffff;font-size:14px;padding:2px 0 2px 0;}

.errormessage {background:#7A8083;color:#FFFFFF;padding:1px 5px 1px 2px;}

/*-------------------------------- OrderComplete -------------------------------------------*/

#OrderComplete table{width:610px;border-collapse:collapse;}
#OrderComplete .address {width:100%;border-collapse:collapse;}
#OrderComplete  th {background-color:#7A8083;color:#ffffff;font-size:12px;font-weight:bold;padding:2px;}
.address td {color:#641556;padding:5px 0 0 5px;font-size:12px;margin:0;font-weight:bold;}
#OrderComplete  .pheader {text-align:center;}
#OrderComplete th {background-color:#7A8083;color:#ffffff;font-size:12px;font-weight:bold;padding:2px;text-align:left;}
.purchaseItems td {padding:4px 0 4px 0;}

/*------------------------------- Search ---------------------------------------------------*/

#Search { position:absolute;top:0;right:2px;margin-right:50px; }
.search {margin:0 auto;text-align:center;color:#999999; font-size:12px;}
#Search img {padding-top:3px;border:0;}