body {
 margin: 0;
 padding: 0;
 font-family: Helvetica, Verdana, Aerial;
 font-size: 14px;
 color: White;
 background-color: Black;
}

/************
    Header
************/

div#headerwrap {
 width: 100%;
 text-align: center;
 background-color: Black;
}

div#header {
 width: 1000px;
 height: 160px;
 margin: 0 auto;
 padding: 0;
 background-color: Black;
}

div#header #left {
 float: left;
 width: 200px;
 margin: 0;
 padding: 10px 0 0 0;
}

div#header #middle {
 float: left;
 width: 550px;
 height: 100px;
 margin: 0;
 padding: 25px 0 0 0;
 text-align: center;
}

div#header #middle h1 {
 margin: 0;
 padding: 0;
 color: White;
 font-family: "Avignon SSK",Helvetica,Verdana;
}

div#header #middle p {
 margin: 0;
 padding: 0;
 color: White;
}

div#header #middle a {
 color: White;
 text-decoration: none;
}

div#header #middle a:hover {
 text-decoration: underline;
}

div#header #right {
 float: left;
 width: 220px;
 margin: 0;
 padding: 0;
}

div#header #right img {
 margin: 0;
 padding: 0 3px 0 0;
 border: 0;
}

div#header #standardpages {
 margin: 0 0 8px 0;
 padding: 1px 5px 3px 10px;
}

div#header #standardpages p {
 margin: 0;
 padding: 0;
 text-align: left;
 font-weight: bold;
 line-height: 140%;
}

div#header #standardpages a {
 text-decoration: none;
 margin: 0;
 padding: 0 4px 0 4px;
 color: White;
}

div#header #standardpages a:hover {
 text-decoration: underline;
 background-color: #303;
}

/*****************
    End of Header
*****************/

/**********************
    Main Navigation Bar
***********************/

div#MainNavBar {
 clear: both;
 margin: 30px 0 0 0;
 padding: 0;
 text-align: center;
 background-color: #609;
}

div#MainNavBar p.MainLink {
 margin: 0;
 padding: 0;
 line-height: 180%;
 font-size: 0.9em;
 border-top: solid 1px #603;
}

div#MainNavBar a {
 display: block;
 margin: 0;
 padding: 0 7px 0 7px;
 text-decoration: none;
 color: White;
}

div#MainNavBar a:hover {
 text-decoration: underline;
 background-color: #639;
}

/*****************************
    End of Main Navigation Bar
******************************/

div#basketinfo {
 color: White;
}

div#basketinfo p {
 text-align: center;
 line-height: 160%;
}

div#SearchForm {

}

div#SearchForm p {
 margin: 0;
 padding: 0;
 color: White;
}

div#SearchForm .txtSearch {
 margin: 0;
 padding: 0;
 color: White;
 background-color: #606;
}

div#SearchForm .btnSearch {

}

/**********************
    Content panel
***********************/

div.content br.clear {
 clear: both;
}

div.content {
 clear: both;
 width: 995px;
 margin: 0 auto;
 padding: 0;
 background-color: Black;
}

div.content #LeftColumn {
 float: left;
 width: 185px;
 margin: 0 0 0 0px;
 padding: 0;
}

div.content #CenterColumn {
float: left;
 width: 610px;
 margin: 0 0 0 0px;
 padding: 0;
}

div.content #RightColumn {
 float: right;
 width: 185px;
 margin: 0 0 0 0px;
 padding: 0;
}

div.content #CategoryPanelsWrapper {
 overflow: auto;
 width: 100%;
}

div.content .CategoryPanel {
 float: left;
 width: 48%;
 height: 140px;
 margin: 0.8em 0 0 0.8em;
 padding: 0;
 border: 0px solid green;
 background-color: #606;
}

div.content .CategoryImage {
 float: left;
 border: 0;
}

div.content h1.CategoryName {
 margin: 0;
 padding: 2px 0 2px 0;
 text-align: center;
 font-size: 1.2em;
 background-color: #609;
}

div.content .CategoryName a {
 text-decoration: none;
 color: White;
}

div.content .CategoryName a:hover {
 text-decoration: underline;
}

div.content .CategoryDesc {
 margin: 0;
 padding: 2px 0 2px 0;
 text-align: left;
 font-size: 1.0em;
 color: White;
}

div.content p.centre {
 text-align: center;
 font-size: 1em;
}

div.content #CenterColumn p {
 color: White;
}

/*****************************************
    Featured Product within Content panel
*****************************************/

div.content p.FeaturedProductHeader {
 margin: 0 0 10px 0;
 padding: 2px 0 2px 0;
 text-align: center;
 font-size: 1.0em;
 color: White;
}

div.content .FeaturedProductPanel {
 float: left;
 width: 150px;
 height: 168px;
 margin: 6px;
 padding: 2px;
 background-color: #000;
 border: 1px solid #fff;
}

div.content p.FeaturedProductImage {
 margin: 0 auto;
 padding: 0;
 text-align: center;
}

div.content .FeaturedProductPanel a {
 color: White;
 text-decoration: none;
}

div.content .FeaturedProductPanel h1.FeaturedProductName {
 margin: 0;
 padding: 4px 0 2px 0;
 text-align: center;
 font-size: 1.0em;
 
}

div.content .FeaturedProductPanel a:hover {
 text-decoration: underline;
}

div.content .FeaturedProductPanel p.FeaturedProductPrice {
 margin: 0;
 padding: 4px 0 2px 0;
 font-size: 1.0em;
 text-align: center;
}

/***************************
    End of Featured Product
****************************/

/******************************
    Cross Sell panel in content
******************************/

p.CrossSellHeader {
 margin: 25px 0 5px 0;
 padding: 0;
 font-size: 1.2em;
 text-align: center;
}

div.ProductCrossSellPanel {
 width: 75%;
 height: 125px;
 margin: 10px auto;
 border: 1px dotted purple;
}

div.ProductCrossSellImage {
 float: left;
 margin: 0 45px 0 0;
}

h1.ProductCrossSellName {
 font-size: 1.2em;
 color: White;
}

div.ProductCrossSellPrice {
 font-size: 1.2em;
 color: White;
}
/**************************
    End of Cross Sell panel
***************************/

/************************
    End of Content panel
*************************/








