body {
margin:0 0 0 0 ; 
padding:0px; 
background:url(../images/bg.jpg) repeat; 
font-family:Arial, Helvetica, sans-serif;
color:#5E5E5E; 
font-size:13px}

.bgcolor {background-color:#3F3F3F}


#container{margin:0px auto 0 auto; padding:0px; width:891px; min-height:300px;  height:auto}
#wrapper, #wrappershop, #footer, #navbar {width:891px; float:left}  
#headercontainer {}
#headertop {background:url(../images/headertop100years.jpg) no-repeat; margin:0;height:120px;padding:0px;width:891px}
#accountheader {background:url(../images/headertop100years.jpg) no-repeat; margin:0;height:120px;padding:0px; width:891px}
#wrapper, #wrappershop {background-color:#FFFFFF; margin:-1px 0 0 0; padding:0px 0 10px 0; background-repeat:repeat-y; min-height:600px;  height:auto !important;  height:300px;}

.clearfix:after {display:block; content:"."; height:0; visibility:hidden; clear:both;}.clearfix {display:inline-table}/* for IEMac only */.clearfix {display:block} /* resets to block */

#footer {/*background:url(../images/footer.gif) no-repeat;*/ background-color:#F7F7F7; border-bottom:10px solid #2E2E2E; height:8px}
.white, .white a {color:#FFFFFF; font-size:10px}

.divider {margin:3px 0 3px 0; float:left;border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%}

.admindivider {float:left; margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:800px; height:1px}
.admindivider2 { margin:3px 0 3px 0; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF;  width:800px; height:1px}

#shoppage {float:left; width:605px; margin:25px 0 0 15px; padding:0px}
#page {float:left; width:830px; margin:25px 0 0 30px; padding:0px}
/*text styles */

a {font-weight:bold; color:#000000;text-decoration:none;}
a:hover  {color:#990000}

p {line-height:25px}

ul {margin:0 0 0 25px; padding:0px;}
li {line-height:22px; list-style:none}


h1, h2, h3, h4, h5{ padding:0px; background-color: inherit} 

h1 {margin:0px;font-size:24px; padding:0 0 5px 0; font-weight:normal; color:#D54326} 
h2 {margin:0px;font-size:20px;  font-weight:normal; color:#3F3F3F} 
h3 {font-size:14px; font-weight:bold;color:#D54326} 
h4 {margin:0px;color:#D54326; font-size:18px; font-weight:bold}
h5 {margin:0px; padding:0px; font-size:13px; color:#3F3F3F}


.newsbordertext h2
{line-height:22px; font-size:18px; color:#30F62}

/*header */


.basket2 {float:left; margin:0px 0 0 0px}
.basket {float:left; margin:0px 0 0 0px}
.basketimage{}
.account a, .basket a, .basket2 a {font-size:11px; color:#FFFFFF; font-weight:bold; text-decoration:none}

.basket a:hover,  .basket2 a:hover, .account a:hover{color:#990000}
.account{float:left; margin:0px}
.accountimage{}

/*Navbar */

#navbar {background:url(../images/navbar.jpg) no-repeat; float:left; margin:0px; height:48px; padding:0px; width:891px}

.bttnshop, .bttnshop:link, .bttnhome, .bttnhome:link, .bttndivider, .bttndivider:link, .bttnmenu, .bttnmenu:link, .bttnlogout, .bttnlogout:link, .bttnlogin, 
.bttnlogin:link, .bttnabout, .bttnabout:link, .bttnabout2, .bttnabout2:link, .bttnnews, .bttnnews:link, .bttnbranches, .bttnbranches:link, .bttnrecruitment, 
.bttnrecruitment:link, .bttncontact, .bttncontact:link, .bttncontact2, .bttncontact2:link
{margin: 0; display:block; text-decoration: none;float:left; -moz-outline-style:none; height:35px; margin: 0 0 0 0px}



.bttnhome, .bttnhome:link {background:url(../images/buttons/bttnhome.jpg) no-repeat; width:65px}
.bttnshop, .bttnshop:link {background:url(../images/buttons/bttnshop.jpg) no-repeat; width:143px}

.bttnabout, .bttnabout:link {background:url(../images/buttons/bttnabout.jpg) no-repeat; width:118px}
.bttnabout2, .bttnabout2:link {background:url(../images/buttons/bttnabout2.jpg) no-repeat; width:112px}
.bttnnews, .bttnnews:link {background:url(../images/buttons/bttnnews.jpg) no-repeat; width:175px}
.bttnbranches, .bttnbranches:link {background:url(../images/buttons/bttnbranches.jpg) no-repeat; width:168px}
.bttnrecruitment, .bttnrecruitment:link{background:url(../images/buttons/bttnrecruitment.jpg) no-repeat; width:137px}
.bttncontact, .bttncontact:link {background:url(../images/buttons/bttncontact.jpg) no-repeat; width:129px}
.bttncontact2, .bttncontact2:link {background:url(../images/buttons/bttncontact2.jpg) no-repeat; width:156px}
.bttnlogout, .bttnlogout:link {background:url(../images/buttons/bttnlogout.jpg) no-repeat; width:100px}
.bttnmenu, .bttnmenu:link {background:url(../images/buttons/bttnmenu.jpg) no-repeat; width:92px}
.bttnlogin, .bttnlogin:link {background:url(../images/buttons/bttnlogin.jpg) no-repeat; width:164px}
.bttnlogin:hover,  .bttnhome:hover, .bttnmenu:hover,  .bttnlogout:hover, .bttncontact:hover, .bttnabout:hover, .bttncontact2:hover, .bttnabout2:hover, .bttnshop:hover, .bttnrecruitment:hover, .bttnnews:hover, .bttnbranches:hover {background-position: 0 -48px}


/*Search Box */

#searchbar {background:url(../images/searchbg.jpg) no-repeat;  float:left; margin:0px 0 0 3px;}
.searchbox {padding:0px; width:160px; margin:3px 0 0 3px; height:15px; background-color:#ffffff; color:#333333; border:1px solid #ffffff;  float:left;}
.searchbttn, .searchbttn:link
{display:block; background:url(../images/buttons/bttnsearch.gif) no-repeat; 
text-decoration: none; height:23px; width:71px; float:left; -moz-outline-style:none;text-indent: -3000px; margin: 0 0 0 3px}

.searchbttn:hover {background-position: 0 -23px}

/*Sidebar*/



#sidebar {width:232px; float:left; margin: 0 0 0 10px}
.sidebartop h5 {margin:15px 0 0 20px; float:left; color:#3F3F3F; font-size:17px}
ul.sidebarlinks a, .panelContent a  {text-decoration:none; color:#5E5E5E; font-size:11px; font-weight:normal}
ul.sidebarlinks a:hover, .panelContent a:hover {color:#D54326}
ul.sidebarlinks a {float:left; margin:2px 0 2px 0}

ul.sidebarlinks {margin:0px; padding:0px; width:185px}
ul.sidebarlinks li {list-style:none;}

ul.sidebarlinks li img {float:left; margin:9px 0 0 3px; padding: 0 6px 0 0}

.sidebarcontent {width:150px; float:left; margin: 0px 0 0 20px}

.sidebartop {background:url(../images/sidebartop.jpg) no-repeat;  margin:11px 0 0 0;  height:45px; width:232px; float:left}
.sidebarmiddle {background:url(../images/sidebarmid.jpg) repeat-y; height:auto !important;  height:5px;  width:232px; float:left; padding:0px 0 0px}
.sidebarbottom {background:url(../images/sidebarbottom.jpg) no-repeat;  height:31px; width:232px; float:left}


.sidebarlatestproducts {text-align:center;  margin:0 0 0 25px; width:180px}
.sidebarlatestproducts h4 {font-size:11px}
.sidebarlatestproducts b {font-size:12px; font-weight:bold}
.sidebarlatestproducts a {font-size:12px; font-weight:normal}
.sidebarlatestproducts b.prices {font-size:12px; font-weight:bold}
.sidebarlatestproducts img {border:1px solid #DFDFDF; background-color:#FFFFFF; padding:2px; margin:0px; padding:0px; width:80px; height:80px}
.sidebardivider {width:190px; border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; float:left; margin:0 0 0 0px}


.panelContent ul {margin:0 0 0 10px}

/*Main Shop Page */
#hellologin {font-size:11px}
.intro {padding: 0 0 15px 0; width:100%; float:left}


/*Featured Products */

.featuredproductsbox {margin: 10px 0 0 0; min-height:170px;  height:auto !important;  height:150px; float:left; background-color:#FFFFFF; border:1px solid #DFDFDF; width:600px}
.featuredproductsbox .img {float:left; width:130px; border:1px solid #DFDFDF; margin:10px 0 0 10px; background-color:#FFFFFF}
.featuredtextcontainer {border-right:1px solid #DFDFDF; float:left; width:280px; margin: 10px 0 0 10px}
.featuredtextcontainer h4 {font-size:13px}
.featuredtextcontainer h5 {margin:5px 0 0 0; font-weight:normal; font-size:11px}  
.featuredtextcontainer h5 b{font-weight:bold}
.featuredtextcontainer p {font-size:11px; line-height:15px}
.featuredtextcontainer .packs{font-size:12px; font-weight:bold}
.featuredtextcontainer .prices{font-size:12px}
.featuredtextcontainer .packprices{float:left}
.packprices {float:left; margin: 0px 0 0 8px}
.featuredqty{margin: 5px 0 0 10px; width:100px; float:left}
.featuredqty input{width:50px; border:1px solid #DFDFDF}



/*category display */

.categorycontainer {background-color:#FFFFFF; text-align:center; padding:6px; border:1px solid #DFDFDF; margin:4px; float:left; height:210px; width:178px}
.categorycontainer img{width:150px; padding:10px}
.categorycontainer2 {background-color:#FFFFFF; text-align:center; padding:6px; border:1px solid #DFDFDF; margin:4px; float:left; height:180px; width:128px}
.categorycontainer2 img{width:100px; padding:10px}

/*Detailed Information */
.productpreview {border:1px solid #DFDFDF}
.productlogo {margin:0 0 0 0px; float:left; width:150px}
.detailedinformation li {line-height:22px; list-style-image:url(../images/bullet.jpg)}



/*Basket and Detailed Information Price Layout */
.addtothebasket {float:left; margin: 10px 0 0 500px}
#pricecontainer{float:left;margin:30px 0 0 0; padding: 0 0 10px 0;  width:605px; border:1px solid #DFDFDF}
#priceheader {width:605px;  height:25px; background-color:#2D2D2D; margin:0px; padding:0px}
.pack {float:left; width:250px; margin:4px 0 0 20px}
.price {float:left; width:250px; margin:4px 0 0 0px}

.qty {float:left; width:60px; margin:4px 0 0 0px}
.qtybox {border:1px solid #C1C1C1; width:40px}
span.priceheadings, span.basketheadings  {font-weight:bold;  padding:0px; color:#FFFFFF}



#basketcontainer{font-size:11px; float:left;margin:0px 0 0 0;  width:600px; border:1px solid #DFDFDF}
#basketheader {width:600px;  height:25px; background-color:#2D2D2D;  margin:0px; padding:0px}
.basketitem, .basketqty, .basketprice, .basketimages, .baskettotaldescription
{margin:4px 0 0 10px; float:left}


.basketitem{width:410px}
.basketqty{width:70px}
.basketprice{width:50px}
.basketimages img {height:40px}
.basketimages{width:40px}
.basketdescription{font-size:11px; margin:4px 0 0 15px; float:left; width:355px}
.basketqty input{border:1px solid #DFDFDF; width:50px}
.baskettotal {float:left}
.baskettotaldescription{width:490px}
.baskettotaldescription b, .basketprice b {font-size:12px; color:#003876}

.updatebttn {float:left; margin:10px 0 0 460px}
.basketbuttons, .currentlydeliver {float:left; width:650px}
.checkoutbttn {float:left; margin: 0 0 0 320px}
.returnshopbttn{float:left}
.basketbuttons, .currentlydeliver {margin:30px 0 0 0}



/*Registration */

.login-box {height:220px; margin:15px 15px 15px 0; width:290px; border:1px solid #DFDFDF; float:left}
.login-boxheader {width:290px; height:30px; background-color:#2D2D2D}
.login-boxheader h3 {float:left; color:#FFFFFF; margin:4px 4px 4px 10px; padding:0px; font-size:18px; font-weight:bold}
.login-boxtext {padding:10px}
.login-boxtext input{ margin:5px 0 0 0; border:1px solid #DFDFDF; width:270px}


#registercontainer {padding: 0 0 15px 0; width:600px; margin:10px 15px 15px 0;  border:1px solid #DFDFDF; float:left}
.registerheader {width:600px; height:30px; background-color:#2D2D2D}
.registerheader h3 {float:left; color:#FFFFFF; margin:4px 4px 4px 10px; padding:0px; font-size:18px; font-weight:bold}
.registertext {margin:5px 0 0 0; float:left; width:285px}
.registertext input{float:left; margin:5px 0 0 0; border:1px solid #DFDFDF; width:285px}
.registertext p {margin:5px 0 0 15px; line-height:18px; font-weight:bold}



/*Customer Accounts Area */

#content {float:left; width:635px; margin:25px 0 0 0px; padding:0px}

.topBar span {float:left; margin: 0 0 0 10px}
.inputbox {border:1px solid #DFDFDF; width:200px}
.inputboxnews  {border:1px solid #DFDFDF; width:500px}
.dhtmlgoodies_panel li{list-style:none}

tr.bluebar {color:#ffffff; width:100%;  height:25px; background-color:#2D2D2D; width:600px}
td.headingswhite, td.headings {font-weight:bold; font-size:11px; color: #ffffff; height:25px;}
/* admin area */

#customeraccount {float:left; color:#FFFFFF; margin: 42px 0px 0 200px;font-size:23px; text-align:center; line-height:36px}

.adminmenu {text-align:left; margin:0 0 0 360px}
.reportingmenu {text-align:left; margin:0 0 0 230px}
#categoryform {font-size:11px; width:800px; margin: 20px 0 0 60px}


.categoryheader {float:left; color:#FFFFFF; width:100%;  height:25px; background-color:#2D2D2D;  margin:0px; padding:0px}

.category1 {width:120px; float:left; margin: 4px 0 0 10px}
.category2 {width:60px; float:left; margin: 4px 0 0 20px}
.category3 {width:110px; float:left; margin: 4px  0 0 20px}
.category4 {width:80px; float:left; margin: 4px  0 0 30px}
.category5 {width:160px; float:left; margin: 4px  0 0 30px}
.category6 {width:120px; float:left; margin: 4px  0 0 20px}

.category2 img, .maincatalogueheaderimage img, .maincatalogueheadersummary3 img {width:50px}

a.featured {color:#660099}
a.products {color:#FF6600}
a.featured {color:#660099}
a.products {color:#FF6600}


.maincategoryspacer {width:20px;float:left}
.maincategorybttns {width:40px;float:left}
.maincategoryheader {width:145px;float:left; margin: 4px 0 0 20px}
.maincategoryimageheader {font-size:11px;width:120px;float:left}
.maincategorydescheader {width:205px; float:left; margin: 4px 0 0 20px}
.maincategorydescheader2 {width:180px; float:left; margin: 4px 0 0 20px}
.maincategorymodifyheader {width:100px; float:left; margin: 4px 0 0 20px}
.maincatalogueheader {width:110px; float:left; margin: 4px 0 0 20px}
.maincatalogueheader2 {width:50px; float:left; margin: 4px 0 0 20px}

.maincatalogueheaderselect {height:auto; width:40px; float:left; margin: 4px 0 0 20px}
.maincatalogueheaderimage {height:auto; width:80px; float:left; margin: 4px 0 0 10px}
.maincatalogueheaderheading {width:120px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadersummary {width:120px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadermoddel {width:50px; float:left; margin: 4px 0 0 20px}
.maincatalogueheadersummary3 {width:105px; float:left; margin: 4px 0 0 20px}

#cSearch, .nextcontainer {width:100%; float:left}
.nextcontainer2 {height:50px; width:800px; float:left}
.h4container {height:50px; width:900px}
label.error, .warning { color: red }

table b a {color:#FFFFFF}


/*News and Events Page */

.newsborder1 {}
.newsborder2 {margin: 10px 0 0 0; float:left;min-height:200px;height:auto !important; float:left;border:1px solid #DFDFDF; background-color:#FFFFFF; width:100%;}

.newsborder2 img {width:150px}

.newsbordertext  {padding: 0 0 15px 0; line-height:23px; min-height:200px;height:auto !important; float:left; margin: 0 10px 0 10px; width:95%}


.newsimagebordertext2 {float:left; border:1px solid #DFDFDF;margin: 0 10px 0 0px}
.newsimagebordertext {border:5px solid #FFFFFF}

.onlineborder {padding: 0 0 10px 0; margin:2px 0 2px 0px; float:left; border-top:1px solid #DFDFDF; width:100%; height:1px}


.newsborder2 h2 {margin: 2px 0 0 0; padding:5px 0 5px 0}

.newsborder2 h3,
.newsborder2 h4,
.newsborder2 strong,
.newsborder2 b
{font-size:14px;
font-weight:bold;
color:#4C584A;

}



/*Other Pages about us, services etc etc */

.branchphotoinner {float:right; margin:5px 0 0 0; padding:4px; background-color:#FFFFFF; border:1px solid #C45C60}

.avenue {float:right}
.imagemain {padding:4px; background-color:#FFFFFF; border:1px solid #C45C60}
#page .floatright {padding:3px; background-color:#FFFFFF; border:1px solid #DFDFDF}
.surname {display:none}
.logo {float:left; margin:15px 15px 0 10px}
#loginbg {background-color:#FFFFFF; width:100%; height:100%}
#loginpadding {padding:15px}

#mellogo {float:left; margin:10px 0 0 30px}
#shoporcall {float:left; color:#FFFFFF; margin: 30px 100px 0px 335px;font-size:18px; text-align:center; line-height:22px}
#shoporcall2 {float:left; color:#FFFFFF; margin: 30px 0px 0px 0px;font-size:18px; text-align:center; line-height:22px}
#shoporcall2 a, #shoporcall a {font-weight:normal;color:#FFFFFF; font-size:16px; text-decoration:none}
#shoporcall2 a:hover, #shoporcall a:hover {color:#990000}
#basketlinkscontainer {float:left; margin: 30px 0px 0 200px; width:250px}
#searchcontainer {margin:20px  0 0 0px; float:left}


.jobtitle, .branchname, .closedate {width:30%; float:left}


.viewjob 
{width:5%; float:left}


.jobtitle b, .branchname b, .closedate b, .viewjob b {color:#D54326}

.dividerred {margin:3px 0 3px 0; float:left;border-top:2px solid #FFBC99; height:1px; background-color:#FFFFFF; width:100%}
.dividerred2 {margin:3px 0 3px 0; float:left;border-top:1px solid #FFBC99; height:1px; background-color:#FFFFFF; width:100%}

.viewjobbttn {float:right}

.pagespacer{margin:0 25px 0 20px}
a.noborder {color:#FFFFFF}