/* general layout */
body, div#top, div#middle, div#bottom 
{
    width: 776px;
    font-family: Arial, Times New Roman; 
    color:#003200;
    font-size: 80%;
    line-height:1.5em;
    margin-top: 0px;
    margin-left: 0px;
}
div#top, div#middle, div#bottom
{}

div#bottom {height: 50px;width:776px;clear:both;}
div#middle {width:776px;min-height:450px;}

div#header {width:776px;height: 90px;  margin-bottom:-2px;}
div#CategoryNavigation{width:209px;left:0px;float:left;}
div#ContentPlaceholder{width:550px; left:220px; float:right;}

div#breadcrumb {width:776px; color:white; background:#003200; padding: 2px 0px 4px 0px;}
a.breadcrumb {color:White;text-decoration:underline;}

li { list-style-type:square;}

ol li { list-style-type:inherit;}

li.Navigation_Header { font-weight:bold; background-color:#003200; color:White; padding: 2px 0px 2px 5px;}

/* top level nav */
li.Navigation {list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 5px; background-color:#E5E5E5;}
li.Navigation a { text-decoration:none; color:#003200;}
li.Navigation a:hover {background-color:#C5C5C5;}

li.NavigationSelected { list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 5px; background-color:#C5C5C5; font-weight:bold;}
li.NavigationSelected a { text-decoration:none; color:#003200;}
li.NavigationSelected a:hover {background-color:#C5C5C5;}

/* secon level */
li.SubNavigationL2 { list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 15px; background-color:#E5E5E5;}
li.SubNavigationL2 a { text-decoration:none; color:#003200;}
li.SubNavigationL2 a:hover {background-color:#C5C5C5;}

li.SubNavigationL2Selected { list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 15px; background-color:#C5C5C5; font-weight:bold;}
li.SubNavigationL2Selected a { text-decoration:none; color:#003200;}
li.SubNavigationL2Selected a:hover {background-color:#C5C5C5;}

/* third level */
li.SubNavigationL3 { list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 25px; background-color:#E5E5E5;}
li.SubNavigationL3 a { text-decoration:none; color:#003200;}
li.SubNavigationL3 a:hover {background-color:#C5C5C5;}

li.SubNavigationL3Selected { list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 25px; background-color:#C5C5C5; font-weight:bold;}
li.SubNavigationL3Selected a { text-decoration:none; color:#003200;}
li.SubNavigationL3Selected a:hover {background-color:#C5C5C5;}

/* fourth level */
li.SubNavigationL4 { list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 35px; background-color:#E5E5E5;}
li.SubNavigationL4 a { text-decoration:none; color:#003200;}
li.SubNavigationL4 a:hover {background-color:#C5C5C5;}

li.SubNavigationL4Selected { list-style-type:none; border-bottom: solid 1px #A5A5A5; padding: 2px 0px 2px 35px; background-color:#C5C5C5; font-weight:bold;}
li.SubNavigationL4Selected a { text-decoration:none; color:#003200;}
li.SubNavigationL4Selected a:hover {background-color:#C5C5C5;}


ul.Navigation {margin: 0px 0px 0px 0px; border-top: solid 2px white;padding: 0;list-style-type: none;}


div#MiniBasket{width:180px;min-height:80px;left:596px;top:0px;background-color:#F8F8F8; position:absolute;border-top: solid 5px white;}
div#MiniBasket a{color:#003200;text-decoration:underline; font-weight:bold; margin:0px 0px 0px 2px;}
div#MiniBasket a:hover{color:#003200;text-decoration:none;  font-weight:bold;margin:0px 0px 0px 2px;}
.MiniBasketHeader {line-height:10px; vertical-align:middle; background-color:#015d1a; color:white;  width:180px; font-weight:bold;}
.MiniBasketEmpty{color:#003200; margin:2px 0px 0px 2px;}
.MiniBasketContent{color:#003200;;margin:2px 0px 0px 2px;}
div#SearchBox{width:180px;min-height:80px;left:414px;top:0px;background-color:#F8F8F8; position:absolute;border-top: solid 5px white;}
.SearchBoxHeader { line-height:10px;vertical-align:middle; background-color:#23974e; color:white;  width:180px; font-weight:bold;}
.SearchBoxContent{color:#003200; margin:2px 0px 4px 2px;}

div#GroupSites{color:White; background-color:#015d1a;}


.GroupSitesContent {margin: 5px 5px 5px 5px; padding: 5px 0px 0px 0px;}
.DropGroup {margin: 5px 5px 5px 5px;}


div#FooterBar {background:#003200; color:White; padding: 4px 0px 4px 5px; border-top: solid 2px white;}
div#FooterNav {padding: 4px 0px 4px 5px;}
div#FooterNav a {text-decoration:underline;color:#003200;}
div#CheckoutFields {text-indent:2px;}
div#HeaderImage {border-top: solid 2px white;}

.RightNav {float:right;width:180px;}
.CustomerServices {width:180px;margin-top:5px;background-color:#23974e;height:75px;}
.CustomerServicesBlock {width:180px;margin-top:5px;background-color:#23974e;height:75px;}
    .CustomerServicesBlock .PhoneContainer {height:30px;width:157px;}
        .CustomerServicesBlock h2 {display:block;color:White;font-size:1.5em;margin:1px 0 0 5px;padding:3px 0 0;font-weight:bold;}
        .CustomerServicesBlock p {display:block;color:#003200;font-size:1.8em;margin:1px 0 0 5px;padding:0;font-weight:bold;}
        .CustomerServicesBlock a {display:block;color:#003200;font-size:1.8em;margin:25px 0 0 5px;font-weight:bold;}

.FreeDelivery {width:175px;color:white;margin-top:2px;background-color:#015d1a;padding:5px 0px 5px 5px;}
.Catalogue {width:175px;color:white;margin-top:2px;background-color:#003200;padding:5px 0px 5px 5px;}
.Catalogue a {color:White;text-decoration:underline;font-weight:bold;}
.ShopSecurely {width:173px;border:solid 1px #003200;margin-top:2px;padding:5px 0px 5px 5px;}
.Sale {width:173px;border:solid 1px #003200;margin-top:2px;padding:5px 0px 5px 5px;}
.Sale a {text-decoration:underline;}


.categoryIntro {float:left; width:350px;}
.categoryIntro p {margin-top:1px;}