html { font: 90% Arial, Helvetica, sans-serif; height: 100%; }
a { text-decoration: none; }
body { height: 100%; margin: 0; padding: 0; background: #fffdea url(img/footer-fix.gif) center repeat-y; }
.floatclear { clear: both; height: 1px; margin: 0; padding: 0; line-height: 1px; }
form { margin: 0; padding: 0; }
img { border: 0; }


#main {
position: relative;
background: #fff url(img/bg-new.gif) center repeat-y;
text-align: center; margin: 0; padding: 0;
height: 100%; width: 100%;
min-height: 100%;

}
html>body #main {
height: auto; 
}
#headercontainer {
width: 100%; text-align: center;
height: 158px;
margin: 0; padding: 0;
background: url(img/header-new.gif) no-repeat top center;
}
#header {
position: relative;
width: 770px; height: 158px;
margin: 0 auto; padding: 0;
}
.topbox {
text-align: left;position: relative;left: 12px;top: -5px;z-index: 50;height: 28px;
}
.top {
border-left: 1px solid #FFF;
padding: 0 10px 0 10px;
font-weight: bold;font-size: 0.8em;
}
.top a:link, .top a:visited {color: #FFF; }
.top a:hover, .top a:active {color: #FF0; }
#animals {
margin: 0;text-align: right;
position: absolute; top: -2px; right: 34px;
width: 730px; z-index: 30;
}
.cat { position: relative; left: -26px; top: -38px; }
.mouse { position: relative; top: -2px; }
.dog { left: 19px; top: 26px; }
#bplogo1 { position: relative; left: -275px; top: -28px; }



.LeftColumn a:link, .LeftColumn a:visited, .RightColumn a:link, .RightColumn a:visited, .TurqLink a:link, .TurqLink a:visited {
color: #00a3b4; font-weight: bold; }
.LeftColumn a:hover, .LeftColumn a:active, .RightColumn a:hover, .RightColumn a:active, .TurqLink a:hover, .TurqLink a:active {
color: #07818e; font-weight: bold; text-decoration: underline; }
.CatOrange a:link {color: #efaa22;}
.DogGreen a:link {color: #86ba0d;}
.BirdPink a:link {color: #d1b0d2;}
.FishCyan a:link {color: #3bbcda;}
.RabbitBrown a:link {color: #d8ae7e;}
.HamsterKhaki a:link {color: #b3b392;}
.CatOrange a:hover, .CatOrange a:visited, .LeftColumn.CatOrange a:hover{color: #cf8a12;}
.DogGreen a:hover, .DogGreen a:visited {color: #669a00;}
.BirdPink a:hover, .BirdPink a:visited {color: #b190b2;}
.FishCyan a:hover, .FishCyan a:visited {color: #1e9cba;}
.RabbitBrown a:hover, .RabbitBrown a:visited {color: #b88e5f;}
.HamsterKhaki a:hover, .HamsterKhaki a:visited {color: #a3a382;}
.LeftColumnContent p.BirdPink, .LeftColumnContent p.CatOrange, .LeftColumnContent p.DogGreen,
.LeftColumnContent p.FishCyan, .LeftColumnContent p.RabbitBrown, .LeftColumnContent p.HamsterKhaki { margin-top: 4px; }
#content {
width: 760px; margin: 10px auto 0;
position: relative;
top: -5px; left: 6px;
z-index: 20; text-align: left;
borrder: 1px solid green;
}
h1 { font-weight: bold; font-size: 1.3em; padding-bottom: 10px; }
h1.article { color: #00a3b4; padding: 0; }
h2 { font-weight: bold; font-size: 0.9em; padding: 0 0 1px 4px; margin-bottom: 0px; }
.LeftColumnIntro {
float: left;
clear: none;
padding: 0 15px 0 0;
margin: 0 0 10px;
text-align:left;
width: 436px;
voice-family: "\"}\""; 
voice-family:inherit;
width:421px;
}
html>body .LeftColumnIntro { width:421px; } 

.LeftColumnIntro p, .LeftColumn p{
font-size: 0.9em; margin: 0 10px 10px 0; padding-top: 0;
}
.SubHeading { font-weight: bold; font-size: 1.3em; }
.LeftColumn {
width: 495px;
float: left;
clear: none;
padding: 0;
margin: 0;
text-align:left;
}
.topsection { height: 168px; margin-bottom: 10px;
border-bottom: 2px dotted #663;
}
.topsectionleft { margin-right: 5px; }

.LeftColumnContent { margin: 0 0 14px; }
.LeftColumnContent p { margin: 10px 0 0 0; }
.LeftColumnContent ol, .LeftColumnContent ul {
font-size: 0.9em; margin: 10px 16px 10px 0; padding-top: 0;
}

.column1 { width: 228px; float: left; }
.column2 { width: 250px; margin: 0 6px; float: left; background: #fff;}
.brochure { background: url('img/brochure-box-bg.png') no-repeat top center; }
.brochureinner { margin: 180px 0 0 10px; width: 232px; }

.Product {
margin: 12px 14px 12px 0px;
padding-top: 15px; padding-bottom: 0px;
border-top: 1px solid #999;
clear:both; position: relative; z-index: 60;
}
.Product p { margin: 0 0 10px; padding: 0; font-size: 0.85em }
.ProductLast {
margin: 12px 24px 1px 0px; padding: 0;
border-top: 1px solid #999; clear:both;
}
.ProductPic { margin-bottom: 4px; }
p.ProdName { font-size: 1.0em; font-weight: bold; margin-bottom: 4px; }
.MoreInfo a { font-size: 0.8em; font-weight: bold; }
.MoreInfo a:hover { text-decoration: underline; }

.ProductFull { width: 480px; margin: 0 ; clear:both; }
.ProductPicLg { margin: 4px 0 12px 10px; }
.ProductFull h1 { border-bottom: 1px solid #999; margin-bottom: 4px; margin-right: 10px; }
.ProductFull h2 { padding: 3px 5px; font-size: 1em; }
.ProductFull p {
padding: 0;
margin: 8px 0 12px;
font-size: 0.75em;
line-height: 1.15em
}
p.IntroPara {
font-weight: bold;
line-height: 1.2em
}
.ProductFull ul {
margin: 6px 0 12px 0;
padding: 0 0 0 17px; }
.ProductFull li {
font-size: 0.75em;padding: 0;margin-bottom: 6px;
list-style-image: url(img/bullet-trq.gif);
}
.catpicture {
width: 240px; height: 222px; position: absolute; top: 446px; left: 220px;}

.Retailers p {
margin: 0 0 5px; }
.Retailers ul {
margin: 0 0 5px; padding-left: 0;
 }
.TopLink { text-align: right; clear: right; }
.Retailers li, .TopLink a {
font-size: 1em;
margin: 0 0 2px;
font-weight: bold;
list-style: none;}
.Retailers a:link, .Retailers a:visited, .TopLink a:link, .TopLink a:visited {
color: #333; }
.Retailers a:hover, .Retailers a:active, .TopLink a:hover, .TopLink a:active {
color: #00a3b4; }
p.DepotName {
font-size: 1.0em;
color: #00a3b4; 
font-weight: bold;
margin: 0 0 4px;
}
.ProductInfoTable {
background-color: #d9f1f5;
font-size: 0.95em;
}
.ProductInfoTable td { padding: 2px; }
.TableOdd { background-color: #b2e3eb; }
.TableHeading { background-color: #00a2be; color: #fff; }
h2 { font-size: 1.1em; color: #00A3B4; padding: 0 0 4px; margin: 4px 0; }
h3 { font-size: 1.0em; color: #000; padding: 0 0 4px; margin: 2px 0;}

.branch-code-table { margin: 10px 0; font-size: 0.9em; background: #f7f7f7; }
table.branch-code-table td { padding: 2px 5px 2px 4px; }
table.branch-code-table thead { background: #00a3b4; color: #fff; font-weight: bold; }

p.login { font-weight: bold; color: #c00; }


.RightColumn #nav {
text-align: left; margin: 0 0 14px; padding: 0;}
.RightColumn #nav li { width: 212px; 
list-style: none; display: block; border-bottom: 1px solid #000;
padding: 4px 0; margin: 0;}
.RightColumn #nav li a { background: url('img/nav-arrows.gif') no-repeat left 6px;
padding: 2px 0 2px 14px; color: #000; 
font-weight: normal; font-size: 12px;
}
.RightColumn #nav li.nav-account a { color: #00a3b4; }

.RightColumn #nav li a:hover { color: #07818e; 
background-position: left -13px; }

.RightColumn p.loginerror {
color: #C00; margin: 5px 7px;}
.RightColumn p.loginerror a { color: #F00; }
.loginerror a:hover, .loginerror a:active { text-decoration: underline; }


fieldset { border: 0; margin: 0 10px 0 0; padding: 0; }
.LoginForm { width: 200px; margin: 5px 0 0 7px; padding: 0; height: 38px; position: relative; }

.LoginInput, .LoginPassword {
font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;
border: 1px solid #00a3b4;
padding: 2px; background: #f2f2f2;
width: 80px; height: 20px;
position: absolute;
}
.LoginInputImage { position: absolute; top: 14px; right: 2px;}

.LoginLeft { font-size: 0.9em; }
.LoginLeft td { padding: 3px 8px 3px 0; }
.LoginLeftInput, .LoginLeftPassword {
font-family: Arial, Helvetica, sans-serif; font-size: 1em;
border: 1px solid #00a3b4;
padding: 2px; background: #f2f2f2;
width: 100px; height: 20px;
}
.logincol { width: 80px; height: 40px; float: left; margin-right: 3px; position: relative; }
 .logincol label { color: #666; font-size: 0.75em; }
 .logincol input { width:73px; margin: 0; font-size: 1.1em; padding: 1px 2px; height: 18px; }
.logincol .LoginInput { top: 14px; }
.logincol .LoginPassword { top: 14px; left: 0px;}

.LeftColumn p.loginerror { color: #C00; margin: 5px 0;}
.LeftColumn p.loginerror a { color: #F00; }

.DepotForm { width: 200px; margin: 4px 0 0 7px; padding: 0; height: 26px; position: relative; clear: left;}
.dropdown { margin: 0; padding: 0; }
.dropdown select, select.dropdown, .DepotForm select, select.DepotForm { border: 1px solid #00a3b4;
font-size: 11px; margin-right: 6px; padding: 2px 1px; }
.DepotForm select { position: absolute; top: 1px; background: #f2f2f2; width: 161px;}
.DepotInputImage { position: absolute; top: 1px; right: 2px;}

table.contactform { margin: 10px 0 5px; }

.contactform td { padding: 4px 0; font-size: 0.9em; }
.contactform input, .contactform textarea, .contactform select, .searchinput, .productedit input, .productedit textarea {
font: 0.9em Arial, Helvetica, sans-serif;
border: 1px solid #00A3B4;
padding: 3px; width: 280px;
}
.StoreCartFull input {
font: 0.9em Arial, Helvetica, sans-serif; border: 1px solid #00A3B4; padding: 3px; width: 35px; }

.productedit input, .productedit textarea { font-size: 1em; line-height: 1.1; }
.contactform input.submitbutton {
background: #00A3B4;
width: 90px; font-size: 0.9em;
color: #fff;
}
.contactform input.radio { width: auto; border: none; }
td.contactformlabel { padding-top:8px; }
td.contactformlabel label { font-size: 0.9em; margin-right:6px; }

.contactform td.privacyterms { font-size: 0.7em; }

.required { color: #df0021; }
input.FormSubmit {
width: 80px; background: #00a3b4;
color: white; margin: 2px 0;
font-weight: bold; padding: 1px;
border: 0; }
input.GoButton { width: auto;}
input.GoButton, a.GoButton {
background: #00a3b4; color: white; font: 0.9em Arial, Helvetica, sans-serif; 
margin: 0; font-weight: bold; padding: 4px; border: 0; }
a.GoButton { display:block; width: auto; padding: 5px 6px 4px; }
 a.GoButton:visited { color: #fff; }
input.GoButton:hover { text-decoration: underline; cursor:pointer; }
.LeftColumn a.GoButton, .LeftColumn a.GoButton:link { color: #fff; }
span.DisabledButton {
background: #ccc; color: white; margin: 0; font-weight: bold; padding: 3px; border: 0; font: 0.9em Arial, Helvetica, sans-serif; display:block; width: auto; padding: 5px 6px 4px; }

input.GoImage { width: 33px; height: 20px; border: none; }

table.users { margin-bottom: 18px; }
table.users thead th { background: #00a3b4; color: #fff; padding: 4px; border-bottom: none; }
 table.users td { padding: 4px 6px 4px 3px; }


h3.burns { clear: left; background: #0082a4; color: #fff; height: 73px; }
h3.burns span { padding: 20px 0 0 10px; display: block; }
 .burns img { float: right; }
h3.burns a:link, h3.burns a:visited { color: #fff; }
h3.burns a:hover, h3.burns a:active { color: #ddf2f9; }




.RightColumn { width: 215px;float: right; padding: 0; margin-bottom: 50px; }
 .RightColumn p { margin: 0 0 10px 0; font-size: 0.9em; }
 .RightColumn img.onlineoffers { margin: 5px 0; }

.Menu { text-align: left; }
 .Menu a { display:block; width: 212px; height: 28px; margin: 0 0 4px 0; border: 0; }
.rule { border-bottom: 1px solid #999; padding-bottom: 6px; margin: 0 0 12px 0; }

.bluerule { margin: 12px 0; border-top: 1px solid #00A3B4; height: 1px; line-height:1px; overflow:hidden; }

.RightColumn ul { margin-top: 0; margin-bottom: 6px; }
.RightColumn li { font-size: 0.8em; font-weight: bold; list-style-type: square; }
.RightColumnLast { }

.openinghours { float: right; width: 145px; margin: 0 0 10px 20px;}
.openinghours th { padding-bottom: 4px; font-size: 0.8em; }
.openinghours td { padding-right: 6px; font-size: 0.7em; }

.Product p.directions-heading { margin-bottom: 4px; font-weight: bold; }
.Product p.directions { width: 230px; }

#TradeOnlyBox { width: 213px; margin: 6px 0 10px; padding: 30px 0 0;
background: url('img/trade-only-box-top.gif') top left no-repeat;
}
#LoggedInBox { width: 213px; margin: 6px 0 8px; padding: 6px 0 0;
background: #fff url('img/logged-in-box-top.gif') top left no-repeat;
}
#OnlineOrderingBox { width: 213px; margin: 6px 0 8px; padding: 30px 0 0; 
background: url('img/online-ordering-box-top2.png') top left no-repeat;
}
#SidebarBox { width: 213px; margin: 10px 0 8px; padding: 4px 0 0;
background: url('img/sidebar-box-top.png') top left no-repeat;
}

#TradeOnlyBox p, #LoggedInBox p, #OnlineOrderingBox p, #SidebarBox p { margin: 3px 7px; }
#LoggedInBox h3 { margin: 0 7px; height: 23px; padding: 0 0;
font-size: 0.9em; color: #fdff22; }
#LoggedInBox h3 a { color: #fff; }
#TradeOnly Box p.rule, #LoggedInBox p.rule {
border-bottom: 1px solid #f4a139; 
padding-bottom: 6px; margin: 0 8px 12px; }

.RightColumn #LoggedInBox p.TrolleyValue { display: inline;
 margin: 0 0 3px 7px; float: left; width: 140px; color: #00a3b4; font-size: 1.1em; }
.RightColumn #LoggedInBox p.TrolleyItems { display: inline;
 margin: 4px 8px 3px 0; float: right; width: 50px; color: #687374; font-size: 0.8em; text-align: right; }
.RightColumn #LoggedinBox p { line-height: 1.2; }
.empty { color: #c6cbd0; } .trolleytotal { color: #000; }

.RightColumn #LoggedInBox input.GoButton { padding: 0; margin: 0; height: 20px; width: 33px; position: absolute; top: 10px; right: 0px;}
.RightColumn #LoggedInBox input.searchinput { margin: 0; position: absolute; top: 10px; height: 14px; width: 153px; }

a.OnlineOrderingBox { display: block; background: url('img/online-ordering-box2.png') top left no-repeat; 
width:213px; height: 57px; margin: 4px 0; font-size: 0.95em; }
 a.OnlineOrderingBox span { display: block; padding: 33px 0 0 19px; }

p.OnlineOffers { margin-bottom: 60px; font-size: 0.8em; }

.RightColumn #LoggedInBox p.accountboxsearch { clear: both;margin: 0 0 5px 0; height: 30px;
position: relative; left: 7px; width: 199px; }

.news {
margin: 12px 0;
padding-top: 0px;
padding-bottom: 15px;
border-bottom: 1px solid #999;
clear:both;
}
.LeftColumnContent p.newsdate {
text-align: right; margin: 0; color: #555; font-size: 0.75em;}
.news h5 {
font-size: 1.1em;
margin: 4px 0 6px; }
.LeftColumnContent .news p { margin: 0; }
.LeftColumnContent .listingsnav {
text-align: center; margin: 3px 0 8px; }

.morenews {
width: 124px; float: right; clear: right; background: #eee; 
margin: 0 6px 5px 8px;}
.morenewsinner { margin: 7px; }
h2.news { font-size: 1.2em; 
color: #00A3B4; padding: 0 0 4px; margin-top: 4px;}
.LeftColumnContent p.newsfulldate {
text-align: left; margin: 2px 0 6px 0;
color: #555; font-size: 0.85em; text-weight: bold;}
.morenewsinner h5 { margin: 0; }
.LeftColumnContent p.newstitle { 
margin: 6px 0 9px; font-size: 0.8em; font-weight: normal; }
.LeftColumn p.newstitle a, .LeftColumn p.newstitle a:hover, .LeftColumn p.newstitle a:active, .LeftColumn p.newstitle a:visited { font-weight: normal; }
.LeftColumn p.newstitle a:visited { color: #07818e; }
.LeftColumnContent p.newstitle .newsdate { color: #555; font-size: 0.9em;}
.firstpara { font-weight: bold; }
.press_image { float: right; margin: 0 6px 8px 8px;}


table.supplierslogin { margin: 6px 0 12px 14px; }
.supplierslogin th { padding: 2px 12px 2px 0;
font-size: 0.8em; font-weight: normal;}
.supplierslogin td { padding: 2px 0; }
.supplierslogin input.LoginInput { width: 150px; margin-right: 0px; background: #fafafa; }

.RightColumn ul.mktree li { font-size: 0.85em; }
ul.mktreeli { list-style: none; font-weight: bold; margin: 1px 0 1px 0; padding: 1px 0px; } 
ul.mktree { margin-left: 15px; padding: 0px; }
ul.mktree ul { margin: 1px 0 0 10px; padding: 1px 0px; }
ul.mktree li .bullet { padding-left: 15px; }
ul.mktree li.liOpen .bullet { cursor: pointer; background: url(img/icon-minus.gif)center left no-repeat; }
ul.mktree li.liClosed .bullet { cursor: pointer; background: url(img/icon-plus.gif) center left no-repeat; }
ul.mktree li.liBullet .bullet { cursor: default; background: url(img/icon-blank.gif) center left no-repeat; }
ul.mktree li.liOpen ul { display: block; }
ul.mktree li.liClosed ul { display: none; }
ul#sidetree { margin-left: 0px; }

select.catdropdown { font-size: 0.8em; margin-left: 14px; border: 1px solid #00A3B4; padding: 2px 1px; }
select.catdropdown optgroup { font-style: normal; background: #d9f1f4;}
select.catdropdown option { font-style: normal; background: #fff; }
.SuppliersSearchResults { margin-top: 10px; }
table.listtable { width: 495px; margin: 4px 0; font-size: 0.86em; }
.listtable th { text-align: left; padding: 2px 5px 1px; }
.oddrow {
background: #f2fafb; }
.rowhead, .rowhead a:link, .rowhead a:hover, .rowhead a:active, .rowhead a:visited {
background: #59b0c0; color: #fff; }

.productedit { font-size: 0.86em; }
.productedit td { padding: 3px 6px 3px 0; }
.productedit th { text-align: left; padding: 3px 6px 3px 1px; color: #555; }

.productedit input.GoButton {
width: auto; font-size: 1em; 
font-weight: bold; padding: 2px 3px; margin-right: 5px; }

.LeftColumn .LeftColumnContent p.awaitingapproval { color: #c00;
margin-bottom: 10px; background: #fff798; padding: 2px; }
.edited { color: #c00; font-weight: bold; } 
.LeftColumnContent p.editedkey { color: #c00; float: right; width: 200px; text-align: right; margin: 0;} 
.productlistsml { font-size: 0.9em; }
.centred { text-align: center; }
.imageerror { color: #d22; }



.resultsnav { background: #ccedf0; padding: 3px; margin-top: 10px; border-top: 1px solid #00A3B4;border-bottom: 1px solid #00A3B4; }
p.resultsnavleft { width: 204px; font-size: 0.8em; margin: 0; padding: 1px 0 0;}
p.resultsnavright { width: 280px; float: right; text-align: right; font-size: 0.9em;margin: 0; padding: 0;}
p.resultsnavright a, .resultsnavcurrent { padding: 0 2px; }

.ProdSearchCats { color: #666; }

.producti3mage { width: 230px; border: 10px solid #f4f4f4; background: #fff;
float: right; margin: 10px 0 6px 10px; }
.produc3timage img { margin: 5px; }
.productnoimage { width: 250px; text-align: center; float: right; margin: 10px 0 6px 10px; }

.productimage { width: 250px; text-align: center; background: #fff;
float: right; margin: 10px 0 6px 10px; }
.productimage img { border: 10px solid #f4f4f4; padding: 5px; }


a.favsbutton, span.favsbutton { background: #e5eae9 url(img/icon-favourite.png) no-repeat 5px -197px; line-height: 20px; padding: 4px 7px 4px 29px; }
 a.favsbutton:hover, a.favsbutton:active, span.favsbutton { background-position: 5px 3px; }

.introlley { color: #f4a139; font-weight: bold; }
.price .introlley { font-size: 0.8em; }
.StoreCategoriesTabs, div.StoreBrowse {
height: 24px; border-bottom: 1px solid #00A3B4; padding: 0; margin: 0; position: relative; }
 .StoreCategoriesTabs ul { list-style-type:none; margin: 0; padding: 0; }
.StoreCategoriesTabs ul li { margin: 0 10px 0 0; padding: 0; display: inline; float: left; width: 113px; height: 24px; font-size: 0.8em; } 
.StoreCategoriesTabs ul li.BestPetsTab { width: 145px; } 
.StoreCategoriesTabs ul li a { width: 113px; height: 24px; display: block; }
.StoreCategoriesTabs ul li.BestPetsTab a { width: 145px; }
.StoreCategoriesTabs ul li.CategoryTab { background: url(img/store/view-by-category-tab.gif) no-repeat left -80px; }
 .StoreCategoriesTabs ul li.SupplierTab { background: url(img/store/view-by-supplier-tab.gif) no-repeat left -80px; }
 .StoreCategoriesTabs ul li.BestPetsTab { background: url(img/store/view-bestpets-tab.gif) no-repeat left -80px; }
.StoreCategoriesTabs ul li.CategoryTab a { background: url(img/store/view-by-category-tab.gif) no-repeat left 0px; }
 .StoreCategoriesTabs ul li.SupplierTab a { background: url(img/store/view-by-supplier-tab.gif) no-repeat left 0px; }
 .StoreCategoriesTabs ul li.BestPetsTab a { background: url(img/store/view-bestpets-tab.gif) no-repeat left 0px; }
 .StoreCategoriesTabs ul li a.inactive { background-position: left -40px; }
 .StoreCategoriesTabs ul li a:hover { background-position: left -80px; text-decoration: none; }
 .StoreCategoriesTabs ul li a:active { outline: none; }
.StoreCategoriesTabs ul li a span { position: relative; left: -9999px; }


.LeftColumn div.StoreBrowse p { padding: 2px 0 0 ; margin: 0; height: 24px; line-height: 24px; }
div.StoreBrowse { height: 27px; padding-bottom: 2px; }
.StoreBrowse .searchinput { position: absolute; top: 4px; left: 50px; width: 126px; height: 16px; padding: 3px 4px 1px; }
.StoreBrowse .catdropdown { position: absolute; top: 4px; left: 175px; }
.StoreBrowse .GoButton { position: absolute; top: 4px; right: 10px; }
.StoreBrowse input.GoButton { padding: 2px 5px; }

div.StoreBrowse2 {
height: 27px; border-bottom: 1px solid #999; padding: 0; margin: 0; }
.LeftColumn div.StoreBrowse2 p { padding: 2px 0 0; margin: 0; height: 24px; line-height: 24px;}

.StoreCategoriesFirst { width: 168px; float: left; margin: 12px 0; border-right: 1px solid #999;}
.StoreCategoriesFirst ul { list-style: none; margin: 0; padding: 0; }
.StoreCategoriesFirst ul li { margin: 0 0 5px 0; padding: 0; }
.LeftColumn .StoreCategoriesFirst a, .LeftColumn .StoreCategoriesFirst a:link, .LeftColumn .StoreCategoriesFirst a:visited, .LeftColumn .StoreCategoriesFirst a:hover { 
font-weight: normal; }
.LeftColumn .StoreCategoriesFirst a.current { font-weight: bold; color: #000; }

.StoreCategoriesSecond { width: 190px; float: left; display: none;
border-left: 1px solid #999; margin: 12px 0; padding-left: 10px; position: relative; left: -1px;}
.StoreCategoriesSecond ul { list-style: none; margin: 0; padding: 0; }
.StoreCategoriesSecond ul li { margin: 0 0 5px 0; padding: 0; }
.LeftColumn .StoreCategoriesSecond a, .LeftColumn .StoreCategoriesSecond a:link, .LeftColumn .StoreCategoriesSecond a:visited { 
font-weight: normal; color: #666; }
.LeftColumn .StoreCategoriesSecond a:hover { font-weight: normal; color: #000; }

.StoreSupplierInitials { color: #666; }
 .LeftColumn .StoreSupplierInitials a, .Letter { font-weight: normal; padding: 0 3px; }
 .LeftColumn .StoreSupplierInitials a.current { font-weight: bold; color: #000;}

.StoreProductList { height: 80px; border-bottom: 1px solid #999; margin: 0; padding: 0;}
.StoreProductList h4 { font-size: 0.95em; padding-bottom: 0; margin: 4px 0 3px; }
.StoreProductList h5 { font-size: 0.85em; color: #00A3B4; margin: 0 0 4px; font-weight: normal; }
.StoreProductList .packsize { font-size: 0.85em; color: #00A3B4; font-weight: normal; }
.StoreProductList p { margin: 0 0 3px; padding: 0; line-height: 1.2; font-size: 0.8em; }
.StoreProductList p.category { color: #555; margin: 4px 0 0;}
.StoreProductList p.priceinfo { color: #777; margin: 0 0 3px 0; }
.StoreProductList p.priceinfo .pricevalue { color: #222; font-weight: bold; }
.StoreProductList p.productcode { margin: 0; }
.StoreProductList p.productrsp { color: #00A3B4; font-weight: bold; margin: 0 0 12px; }
.StoreProductList .image { width: 80px; height: 100%; float: left;}
.StoreProductList .image img { margin-top: 7px; border: 0; }
.StoreProductList .code, .StoreProductList .supplier { font-weight: normal; }
.StoreProductList .spacer { width: 300px; height: 6px; margin: 0; padding: 0;}
.StoreProductList .addtocart { width: 53px; height: 74px; margin: 3px 0; float: right; font-size: 0.9em; color: #666; }
.addtocart input.quantity { width: 52px; border: 1px solid #888; margin: 3px 0; color: #00A3B4; }

.StoreProduct { margin-top: 8px; }
.StoreProduct h2 { font-size: 1.2em; color: #000; font-weight: normal;
padding-bottom: 2px; margin-bottom: 2px; }
.StoreProduct p { margin: 0 0 10px 0; line-height: 1.3; }
.StoreProduct p.description { clear: right; }
.StoreProduct p.packsize { color: #555; margin: 0 0 10px; font-size: 1em; }
.StoreProduct p.casesize { margin: 0; }
.StoreProduct p.productcode { margin: 0; }
.StoreProduct p.productrsp { color: #00A3B4; font-weight: bold; margin: 0 0 12px; }
.StoreProduct p.price { margin: 0px 0 10px; color: #f4a139; font-size: 1.2em; font-weight: bold; }
.StoreProduct table { margin: 4px 0 10px; }
.StoreProduct table td { font-size: 0.8em; padding: 4px 8px 3px 3px; }
.StoreProduct table th { font-size: 0.8em; padding: 4px 12px 3px 3px; text-align: left; color: #222; }
.StoreProduct table tr.oddrow { background: #f2fafb; }
.StoreProduct table tr.cartrow { background: #ccedf0; }
.StoreProduct table tr.cartrow th { text-align: center;}
.StoreProduct.addtocart input.quantity { width: 40px; height: 18px; margin: 0; position: absolute; top: -4px; right: 58px;}
.StoreProduct.addtocart { width: 132px; height: 18px; margin: 4px auto 0; position: relative; text-align: left; }
.StoreProduct.addtocart input.addsubmit { position: absolute; top: -4px; right: 0px; width: 52px; height: 21px; border: none; }
.StoreProduct.addtocart input.submit, .StoreProductList.addtocart input.submit { width: 52px; height: 21px; border: none; }


.StoreCartShort { clear: both; width: 196px; font-size: 0.8em; line-height: 1.1;
border-top: 1px solid #f4a139; margin: 0 8px 8px; }
.StoreCartShort td { padding: 6px 0; border-bottom: 1px solid #f4a139; color: #666;}
.StoreCartShort td a:link, .StoreCartShort td a:visited { font-weight: normal; text-decoration: none; color: #666; }
.StoreCartShort td a:hover, .StoreCartShort td a:active { text-decoration: underline; color: #666; }
.StoreCartShort td .quantity, .StoreCartShort td .price { color: #000; }
.StoreCartShort img { border: 0; }
 
.StoreCartFull { clear: both; width: 100%; font-size: 0.9em; line-height: 1.1; margin: 6px 0; }
.StoreCartFull th { padding: 4px 0; border-bottom: 1px solid #f4a139; font-size: 0.9em; }
.StoreCartFull td { padding: 4px 0; border-bottom: 1px solid #f4a139; color: #666;} 
.StoreCartFull td .quantity, .StoreCartFull td .price { color: #000; }
.StoreCartFull tr.last td { border: none; text-align: center; padding-top: 8px; }
.StoreCartFull img { border: 0; }
.StoreCartFull tr.CheckoutWarning td { border-bottom: none; }
.LeftColumn .LeftColumnContent p.highlight { font-weight: bold; padding: 8px 10px; line-height: 1.2; background: #fffdea; border: 1px solid #888; }
.LeftColumn .LeftColumnContent p.highlightWarning { font-weight: bold; padding: 8px 10px; line-height: 1.2; background: #feeee4; border: 1px solid #fd7337; }

.DepotAvailability { color: #d95c01; }
.DepotAvailability a:link, .DepotAvailability a:visited { color: #d95c01; }
.DepotAvailability a:hover, .DepotAvailability a:active { color: #c42e00; }

label.address { border: 1px solid #00a3b4; width: 230px; float: left; background: #f0fafb; margin: 0 4px 14px 10px; }
 label.address:hover { border: 1px solid #f4a139; background:#FFC; cursor:pointer;}
 label.address input { margin: 5px 3px 50px 5px; float: left; padding: 0; width: 20px;}
label.address span { display: block; margin: 5px 5px 5px 26px; }

.CheckoutWarning p, p.CheckoutWarning, div.CheckoutWarning { padding: 8px 10px; line-height: 1.2; background: #fffdea; border: 1px solid #888; margin-top: 0px; }
.CheckoutWarning p img { float: left; margin: 0 10px 4px 0; }
p.CheckoutWarning { color: #666; margin: 0 0 12px; }
div.CheckoutWarning p { border: none; padding: 4px 0; }
div.CheckoutWarning a.GoButton { display: inline; text-align: center; }

#prices { background: url(img/prices-box-bg.gif) no-repeat left top; height: 22px; padding: 5px 0 0 6px; color: #fdff22; font-weight: bold; font-size: 0.9em; }
 #prices a { padding: 2px 4px; margin-left: 8px; }
 #prices a:link, #prices a:visited { color: #fff; }
#prices a:hover, #prices a:active { color: #FF6; text-decoration: none; }
#prices a.current { padding: 2px 8px; background: #00a3b4; }


a.favourite, span.favourite { display: block; float: right; margin: 6px; width: 22px; height: 22px; background: url(/img/icon-favourite.png) no-repeat 1px -99px; }
a.favourite:hover, a.favourite:active, span.favourite {background-position: 1px 1px; }

a.favsremove { display: block; float: right; margin: 6px; width: 24px; height: 24px; background: url(/img/icon-delete.png) no-repeat 1px 1px; }
a.favsremove:hover, a.favsremove:active {background-position: 1px -99px; }





#banners { width: 428px; margin: 8px 0 16px; }

#footerlogos {
width: 382px; margin: 0;
position: absolute; bottom: 34px; left: 50%;
z-index:10; text-align: right;
}
#footercontainer {
width: 100%; margin: 0; height: 22px;
position: absolute; bottom: 0px; left: 0px;
z-index:30; text-align: center;
background: url('img/footer-bg.gif') bottom center no-repeat;

}
#footer {
z-index:15; margin: 0 auto; height: 22px;
width: 752px; padding: 2px 0 0;
color: white; text-align: left;
}
#footer table { margin: 3px 0 0;
color: white; font-size: 0.85em; height: 12px;
}
#footer table a { font-weight:bold; display: inline; color: white; }
#footer table a:visited { color: #bfe8ec; }
#footer table a:hover, #footer table a:active { color: #FF0; }
.illustration { z-index:32; position:relative; left: -84px;}
.article-image-right {
float: right; clear: right; 
margin: 0 8px 6px;
 }
.article-image-left {
float: left;
margin-right: 10px;
margin-bottom: 6px; }

.centered { text-align: center; }

.smallpdf {
background:url(img/pdf-icon-sml.gif) no-repeat left top;
padding: 2px 0px 10px 22px;
margin-bottom: 3px;
}

.highlightbox { font-weight: bold; font-size: 14px; color: #CC3333; }

.LeftColumn p.highlightbox2 { font-weight: bold; font-size: 1em; color: #f4a139; }

h3.newsproduct { margin: 14px 0 0; padding: 0 0 2px; }
h4.newsproduct { margin: 0 0 5px; color: #333; }