html, body, form, fieldset, table, tr, td, th, h1, h2, h3, h4, h5, ul, li, p, img { border: 0; margin: 0; padding: 0; }
html, body { background: #888; }
body { color: #000; }
input { width: auto; overflow: visible; font: normal 100% arial, sans-serif; }
textarea { font: normal 80% arial, sans-serif; padding: 4px; }
label { display: block; padding: 0 0 8px 0; font: normal 80% arial, sans-serif; }

#RootContainer { margin: auto; width: 835px; clear: both; }
#Logo { width: 835px; height: 200px; clear: both; }
#TopNav { clear: both; }
#TopBar { width: 835px; clear: both; }
#Main { width: 835px; min-width: 835px; padding: 6px 0 0 0; clear: both; }
#Content { width: 639px; float: left; }
#Nav { width: 196px; float: left; clear: right; }

#ContentZone { padding: 0 8px 0 0; }

#Footer { width: 630px; border: 1px solid #2e5d2f; border-left: 0; background: #2e5d2f; clear: both; }
#Footer p { font: normal 75% arial, sans-serif; color: #fff; text-align: center; }
#FooterAddress p { padding: 4px; font: normal 75% arial, sans-serif; color: #fff; text-align: center; }

.TopNavContainer { padding: 4px 0 0 0; display: table-row; }
.TopBarContainer { padding: 4px 0 0 0; display: block; }

.TopNavLink { margin: 0 4px 0 0; padding: 8px; border: 1px solid #888; background: #ddd; text-align: center; float: left; }
.TopNavLink:hover { background: #ccc; }
.TopNavLink a { font: bold 70% arial, sans-serif; color: #2e5d2f; text-decoration: none; }

.CurrencyTool { width: 144px; padding: 8px; border: 1px solid #888; background: #fff; text-align: center; float: left; clear: right; }
.CurrencyTool img { margin: 0 0 0 4px; }
.CurrencyTool span { margin: 0 16px 0 0; font: bold 70% arial, sans-serif; color: #2e5d2f; }

.SearchProducts { height: 47px; float: left; margin: 0 4px 0 0; background: #fff; border: 1px solid #888; }
.SearchProductsContainer { padding: 8px; }
.SearchProductsNewsContainer { padding: 12px 4px 8px 4px; text-align: center; vertical-align: bottom; }
.SearchProducts input { overflow: hidden; padding: 6px; font: normal 80% arial, sans-serif; border: 1px solid #aaa; color: #333; vertical-align: middle; }
.SearchProducts input.Button { width: 34px; margin: 0 0 0 4px; height: 30px; font: bold 70% arial, sans-serif; color: #2e5d2f; }
.SearchProducts img { vertical-align: middle; }
.SearchProducts select { border: 1px solid #aaa; margin: 0; padding: 4px; vertical-align: middle; }
.SearchProducts span { font: bold 80% arial, sans-serif; text-align: center; }
.SearchProducts span a { border-bottom: 1px solid #2e5d2f; color: #333; text-decoration: none; }
.SearchProducts a { font: normal 80% arial, sans-serif; }

.FooterContainer { padding: 8px 0 8px 0; }

.NavBox { margin: 0 0 8px 0; border: 1px solid #888; border-bottom: 0; clear: both; }
.NavBox img { border: 1px solid #a8b9a3; margin: 4px 4px 4px 12px; vertical-align: middle; }
.NavBox a { color: #333; text-decoration: underline; }

.NavBoxList { list-style-type: none; }
.NavBoxList li { font: normal 75% arial, sans-serif; text-align: right; vertical-align: middle; background: #ccc; border-bottom: 1px solid #888; }
.NavBoxList li:hover { background: #ddd; }

.DarkHeader { width: 632px; margin: 0 0 8px 0; background: #2e5d2f; clear: both; display: table; }
.DarkHeaderContainer { padding: 12px 8px 12px 8px; }
.DarkHeader h1, .DarkHeader h5 { font: bold 95% arial, sans-serif; color: #fff; display: inline; }

.Feature { clear: both; margin: 0 0 8px 0; }
.Feature p { margin: 0 0 16px 0; font: normal 90% arial, sans-serif; text-align: justify; }
.Feature a { text-decoration: none; color: #333; }

.FeatureHeader { background: #ddd; }
.FeatureHeaderContainer { padding: 12px 8px 12px 8px; }
.FeatureHeader h2, .FeatureHeader h5 { font: bold 75% arial, sans-serif; color: #2e5d2f; }

.FeatureMain, .FeatureAlt { border-top: 1px solid #888; background: #fff; }
.FeatureMainContainer { padding: 12px 12px 4px 12px; }
.FeatureMain h2, .FeatureMain h5 { margin: 0 0 12px 0; font: bold 80% arial, sans-serif; color: #2e5d2f; }
.FeatureMain a { border-bottom: 1px solid #2e5d2f; }

.NavBySection, .NavByBrand, .GridProducts { width: 631px; display: table; padding: 24px 0 0 0; }
.NavBySection img, .GridProducts img { padding: 0 0 4px 0; border: 1px solid #aaa; border-bottom: 0; vertical-align: middle; }

.Section { width: 100px; padding: 0 0 20px 20px; text-align: center; float: left; }
.SectionFooter { width: 100px; background: #ccc; border: 1px solid #aaa; border-top: 0; height: 75px; }
.SectionBrandFooter { width: 100px; background: #ccc; border: 1px solid #aaa; border-top: 0; height: 50px; }
.SectionFooterContainer { padding: 4px 4px 0 4px; }
.SectionFooterContainer a { font: bold 70% arial, sans-serif; color: #333; text-decoration: none; border-bottom: 1px solid #2e5d2f; }

.ButtonBar { clear: both; margin: 0 0 8px 0; background: #fff; }
.ButtonBarContainer { padding: 8px; }
.ButtonBar input { width: auto; overflow: visible; margin: 0 4px 0 0; padding: 4px; font: normal 80% arial, sans-serif; }

.GridProducts { width: 615px; padding: 16px 0 0 16px; }
.GridProducts img { padding: 0 0 8px 0; vertical-align: middle; border-bottom: 0; }
.GridProducts a { color: #333; text-decoration: none; }
.GridProducts span.OurPrice { font-weight: bold; color: #2e5d2f; }

.RowProduct { margin: 0 0 8px 0; width: 585px; height: 142px; border-bottom: 1px solid #aaa; clear: both; display: table; }
.RowProductImg { width: 133px; height: 125px; float: left; }
.RowProductImg img { border-bottom: 1px solid #aaa; }
.RowProductBody { width: 452px; height: 125px; float: left; clear: right; }
.RowProductTitle { font: bold 80% arial, sans-serif; background: #ccc; clear: both; }
.RowProductTitleContainer { padding: 8px; }
.RowProductDesc { height: 60px; clear: both; padding: 12px 8px 12px 8px; }
.RowProductPricing { font: normal 80% arial, sans-serif; text-align: right; clear: both; }

.GridProduct { width: 127px; margin: 0 24px 32px 0; float: left; text-align: center; }
.GridProduct span { display: block; text-align: center; vertical-align: bottom; }
.GridProductTitle { font: bold 80% arial, sans-serif; height: 100px; background: #ccc; border: 1px solid #aaa; border-bottom: 0; }
.GridProductTitleContainer { padding: 8px 6px 8px 6px; }
.GridProductFooter { height: 70px; background: #ddd; border: 1px solid #aaa; }
.GridProductFooterContainer { font: normal 75% arial, sans-serif; padding: 8px 6px 8px 6px; }
.GridProductFooterSale { height: 70px; background: url('../img/SaleCorner.png') no-repeat bottom right #ddd; border: 1px solid #aaa; }

.ProductView span.Price { font-weight: bold; color: #2e5d2f; }
.ProductViewMain { width: 631px; clear: both; }
.ProductViewMain div.Left { width: 232px; float: left; vertical-align: top; }
.ProductViewMain div.Right { margin: 0 0 0 8px; width: 391px; float: left; clear: right; vertical-align: top; }
.ProductView img { border: 1px solid #888; margin: 0 0 8px 0; }
.ProductView img:hover { cursor: pointer; }

.ProductSpec { text-align: left; }
.ProductSpec th { font: bold 90% arial, sans-serif; padding: 6px 6px 6px 6px; background: #ccc; color: #333; }
.ProductSpec td { font: normal 90% arial, sans-serif; padding: 6px 4px 6px 6px; color: #333; }

.SearchFilters { padding: 12px 0 0 16px; }

.SectionActionImg { clear: both; padding: 0 0 4px 0; }

.GoogleMap { width: 100%; background: #fff; border-top: 1px dotted #888; border-bottom: 1px solid #888; display: table; }
.GoogleMapLeft { width: 300px; float: left; }
.GoogleMapLeft div.Container { padding: 12px 24px 12px 12px; }
.GoogleMapRight { width: 320px; float: left; }
.GoogleMapRight div.Container { padding: 12px 0 12px 0; }
.GoogleMapRight div.Map { width: 320px; height: 290px; border: 1px solid #aaa; }

.GroupsList, .SiteMapList { padding: 4px 16px 12px 32px; list-style-type: circle; }
.GroupsList li, .SiteMapList li { margin: 0 0 12px 0; font: normal 90% arial, sans-serif; }
.SiteMapList { padding-top: 20px; }

.ProductsList { padding: 4px 16px 0 128px; list-style-type: circle; }
.ProductsList li { margin: 0 0 12px 0; font: normal 90% arial, sans-serif; }

.ServiceList { padding: 4px 16px 0 16px; list-style-type: circle; }
.ServiceList li { margin: 0 0 12px 0; font: normal 90% arial, sans-serif; text-align: justify; }

.TblBrandPricing { width: 100%; }
.TblBrandPricing td.Pricing { text-align: center; vertical-align: middle; }
.TblBrandPricing td.Branding { text-align: left; }
.TblBrandPricing td.Branding img { border: 0; }

.TblPricing { text-align: right; }
.TblPricing th { padding: 0 12px 8px 0; font: bold 90% arial, sans-serif; color: #333; }
.TblPricing td { padding: 0 0 8px 0; font: bold 90% arial, sans-serif; color: #333; }

.YourBasket { margin: 0 0 8px 0; }
.YourBasket table { width: 100%; margin: 8px 0 0 0; }
.YourBasket th { padding: 12px 8px 12px 8px; background: #ccc; font: bold 90% arial, sans-serif; color: #2e5d2f; }
.YourBasket td { padding: 12px 8px 12px 8px; background: #eee; font: normal 90% arial, sans-serif; }
.YourBasket th.Checkbox, .YourBasket td.Checkbox { width: 20px; text-align: center; }
.YourBasket th.Qty, .YourBasket td.Qty { width: 45px; text-align: center; }
.YourBasket th.Description, .YourBasket td.Description { text-align: left; }
.YourBasket th.Price, .YourBasket td.Price { width: 82px; text-align: right; }
.YourBasket td.Checkbox input { border: 0; }
.YourBasket input { padding: 8px; border: 1px solid #aaa; }
.YourBasket input.Button { margin: 0 4px 0 0; font: normal 70% arial, sans-serif; }

.Tour table { width: 100%; }
.Tour td.Image { padding: 0 0 0 16px; text-align: right; }
.Tour img:hover { cursor: pointer; }

.CompleteOrder { width: 100%; display: table; text-align: right; }
.CompleteOrder input { border: 0; margin: 0 0 0 4px; }

.DeliveryTariff select, .DeliveryTariff textarea { margin: 0 0 12px 0; }
.DeliveryTariff option { font: normal 90% arial, sans-serif; }

.WorkBookRow img { border: 0; vertical-align: top; }
.WorkBookRow a { vertical-align: top; }
.WorkBookRow a.Img { border: 0; }

.SeasonBanner { font: bold 80% arial, sans-serif; color: #fff; display: inline; float: right; }

.Addresses input, .DeliveryTariff input { padding: 4px; margin: 0 0 8px; font: normal 80% arial, sans-serif; }
.Addresses td.Left { width: 200px; }
.Addresses td.Right { width: 180px; }

.AgreeTerms { padding: 0 0 12px 0; }
.AgreeTerms span { font: normal 80% arial, sans-serif; vertical-align: middle; }
.AgreeTerms input { margin: 0 4px 0 8px; vertical-align: middle; display: inline; }
.AgreeTerms label { display: inline; }

.AddToBasket, .AddToWishList { width: 100%; margin: 0 0 8px 0; }
.AddToBasketPadding, .AddToWishListPadding { padding: 8px; background: #fff; border: 1px solid #888; }
.AddToBasket select { font: normal 80% arial, sans-serif; display: block; margin: 0 0 8px 0; border: 1px solid #ccc; vertical-align: middle; }
.AddToBasket span { font: normal 75% arial, sans-serif; vertical-align: middle; }
.AddToBasket input { display: inline; font: normal 80% arial, sans-serif; border: 1px solid #ccc; margin: 0 4px 0 0; padding: 4px; text-align: center; }

.AddToWishList input { display: inline; font: normal 80% arial, sans-serif; border: 1px solid #888; background: #ddd; margin: 0 4px 0 0; padding: 4px; }
.AddToWishList input.Button { display: inline; font: bold 70% arial, sans-serif; color: #2e5d2f; border: 1px solid #aaa; margin: 0 4px 0 0; padding: 6px; text-align: center; }
.AddToWishList input.Field { margin: 0 4px 4px 0; }
.AddToWishList span { display: block; padding: 4px 0 8px 0; font: bold 80% arial, sans-serif; }

.ProductAvailabilityLabel { margin: 0 0 8px 0; padding: 4px; display: block; font: bold 80% arial, sans-serif; background: #ccc; }

.BasicTable { margin: 0 0 12px 0; border: 1px solid #888; background: #fff; }
.BasicTable th { padding: 8px; color: #fff; text-align: left; background: #2e5d2f; }
.BasicTable td { padding: 8px; color: #333; text-align: left; border-bottom: 1px solid #ccc; }
.BasicTable th, .BasicTable td { font: normal 80% arial, sans-serif; }
.BasicTable th.Checkbox, .BasicTable td.Checkbox { width: 12px; text-align: center; }
.BasicTable th.Brand, .BasicTable td.Brand { width: 95px; }
.BasicTable th.Id, .BasicTable td.Id { width: 26px; text-align: center; }
.BasicTable th.Qty, .BasicTable td.Qty { width: 38px; text-align: center; }
.BasicTable th.DateTime, .BasicTable td.DateTime { width: 90px; text-align: left; }
.BasicTable th.Date, .BasicTable td.Date { width: 50px; text-align: center; }
.BasicTable th.Time, .BasicTable td.Time { width: 20px; text-align: center; }
.BasicTable th.Name, .BasicTable td.Name { width: 60px; }
.BasicTable th.Status, .BasicTable td.Status { width: 24px; text-align: center; }
.BasicTable th.Amount, .BasicTable td.Amount { width: 84px; text-align: right; }
.BasicTable th.Weight, .BasicTable td.Weight { width: 74px; text-align: right; }
.BasicTable th.Tracking, .BasicTable td.Tracking { width: 120px; text-align: right; }
.BasicTable a { color: #333; border-bottom: 1px solid #2e5d2f; text-decoration: none; }

.Messages { clear: both; margin: 0 0 8px 0; background: #555; }
.Messages ul { padding: 16px 16px 4px 24px; list-style-type: circle; }
.Messages li { padding: 0 0 12px 0; font: normal 90% arial, sans-serif; color: #fff; text-align: justify; }

.Buttons { padding: 0 0 8px 0; }
.Buttons input { padding: 4px; }

.ImageRight { padding: 0 0 0 16px; float: right; }

.FirstItem td { background: #ccc; }
.SubTotal td { background: #bbb; }
.NetTotal td { background: #aaa; }

.TextBold { font-weight: bold; }
.TextAlignLeft { text-align: left; }
.TextAlignRight { text-align: right; }
.TextAlignCentre { text-align: center; }
.DisplayInline { display: inline; }
.DisplayBlock { display: block; }
.DisplayNone { display: none; }
.NoBorder { border: 0; }
.PaddingLeft { padding: 0 0 0 12px; }
.FloatRight { float: right; }

.Amount, .Weight { text-align: right; }
.Qty { text-align: center; }