﻿/* general layout */
body, div#top, div#middle, div#bottom 
{
    width: 776px;
    font-family: Arial, Times New Roman; 
    color:#013245;
    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:#013245; 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:#013245; 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:#013245;}
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:#013245;}
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:#013245;}
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:#013245;}
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:#013245;}
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:#013245;}
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:#013245;}
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:#013245;}
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:#013245;text-decoration:underline; font-weight:bold; margin:0px 0px 0px 2px;}
div#MiniBasket a:hover{color:#013245;text-decoration:none;  font-weight:bold;margin:0px 0px 0px 2px;}
.MiniBasketHeader {line-height:10px; vertical-align:middle; background-color:#005672; color:white;  width:180px; font-weight:bold;}
.MiniBasketEmpty{color:#013245; margin:2px 0px 0px 2px;}
.MiniBasketContent{color:#013245;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:#0083A9; color:white;  width:180px; font-weight:bold;}
.SearchBoxContent{color:#013245; margin:2px 0px 4px 2px;}

div#GroupSites{color:White; background-color:#005672;}


.GroupSitesContent {margin: 5px 5px 5px 5px; padding: 5px 0px 0px 0px;}
.DropGroup {margin: 5px 5px 5px 5px;}


div#FooterBar {background:#013245; 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:#013245;}
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:#0083A9;height:75px;}
.FreeDelivery {width:175px;color:white;margin-top:2px;background-color:#005672;padding:5px 0px 5px 5px;}
.Catalogue {width:175px;color:white;margin-top:2px;background-color:#013245;padding:5px 0px 5px 5px;}
.Catalogue a {color:White;text-decoration:underline;font-weight:bold;}
.ShopSecurely {width:173px;border:solid 1px #013245;margin-top:2px;padding:5px 0px 5px 5px;}
.Sale {width:173px;border:solid 1px #013245;margin-top:2px;padding:5px 0px 5px 5px;}
.Sale a {text-decoration:underline;}

