* { margin:0; padding:0;}
body{font-family: arial, verdana, tahoma, sans-serif; color:#777777; font-size:12px; line-height:17px;}
p {font-family:Arial, Verdana; color:#777777; font-size:12px; line-height:16px;}
img {border:none;}
a {color:#e01529; text-decoration:none;}
a:link {color:#e01529;}
a:hover {color:#e01529; }
a:visited {color:#e01529;}

.odd { background:#dddddd;}
.even { background:#eaeaea;}
.messages { margin:5px 0px; border:dashed 1px #ccc; padding:5px;}
.messages li { color:#e01529}

h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1 { font-size:18px; line-height:20px; color:#e6404a;}
h2 { font-size:16px; line-height:18px; color:#363636; }
h3 { font-size:14px; line-height:18px; color:#404040; color:#000}
h4 { font-size:12px; line-height:16px;}
li { list-style:none;}
img { border:none;}
.clearFloats { clear:both;}
.first {color:#404040}

/*button styling*/
input[type="submit"], input[type="reset"], input[type="button"] { background:transparent url("images/buttonBg.gif") repeat-x; padding:1px 5px; border:solid 1px #ccc; border-style:outset;}

html { background:#d9d9d9;background:#d9d9d9 url("images/htmlBg.gif") repeat-x; background-position: top; }
body {background:#d9d9d9 url("images/bodyBg2.jpg") no-repeat; background-position: top center; margin-top:7px; }
#content {margin:0px auto;  width:888px; background:#fff url("images/contentBg.gif") repeat-x;  background-position: top;   min-height:500px; padding:10px;}
#header { padding-top:10px; height:99px; background:#fff url("images/headerbg.jpg") no-repeat; clear:both; overflow:hidden;}
#headerLogo { width:200px; float:left; padding-top:10px;}
#headerAddress {width:300px; float:right; color:#363636;}
#headerAddress p {color:#363636;}
#headerAddress .topLine { margin:15px 0px 0px 30px;}
#headerAddress .topLine .addressSpacer { margin-left:45px;}
#headerAddress .secondLine { margin:10px 20px 2px 55px; text-align:right;}
#headerAddress .secondLine .compName { font-weight:bold; text-transform:uppercase;}

#footer {margin:0px auto;  width:908px; background:#d9d9d9 url("images/footerBg.jpg") repeat-x;  background-position: top;   min-height:20px; padding-top:15px; margin-bottom:10px;}
#footer, #footer p {color:#605f5f; font-size:11px; }
#footer a:link, #footer a:visited { color:#605f5f}
#footerLeft, #footerRight { width:444px; float:left;}

#footerRight { text-align:right; height:56px; }
#footerRight .roastLogo { float:right; width:115px;padding:0px;border-left:solid 1px #c0bdbd; height:20px;  }
#footerRight .roastLogo img {}
#footerRight .footerMenuContainer { float:right; width:250px; overflow:hidden;}
#footerRight li { display:inline; padding:0px 5px; border-left:solid 1px #c0bdbd;}
#footerRight .HorizontalMenu li { float:right; padding-left:10px; padding-right:5px; margin:0px 5px;}
.HorizontalMenu ul.level_2 { display:none;}
#footerRight .HorizontalMenu li a:hover { color:#e01529;}

#topMenu { height:32px; width:100%; /*background: url("images/topMenuBg.gif") repeat-x;padding-top:29px;  margin-top:10px;*/margin-bottom:2px; }
#topMenu .HorizontalMenu {background: url("images/menuBg.gif") repeat-x; height:24px; padding-top:8px; padding-left:5px; }
#topMenu .HorizontalMenu li.level_1 { display:inline; margin:0px 5px;padding-right:20px; border-right:solid 1px #b5b5b5; padding-left:10px;}
#topMenu .HorizontalMenu li.sep { display:inline; margin:0px 5px; border-right:solid 1px #b5b5b5; height:20px; width:1px;}
#topMenu .HorizontalMenu li a { font-weight:bold; color:#505050; padding-top:10px; }
#topMenu .HorizontalMenu li a:link, #topMenu .HorizontalMenu li a:visited { color:#505050;}
#topMenu .HorizontalMenu li a:hover{ color:#e01529;}
#topMenu .HorizontalMenu li:hover {/*background: url("images/menuHover.gif") no-repeat;*/ background-position:center top; }
#topMenu .HorizontalMenu ul.level_2 { display:none;}
#adverts { padding-bottom:5px; border-bottom:solid 1px #ddd; }
#adverts .ImageBanner {height:226px; overflow:hidden;}
#adverts .zones_sortable {min-height:2px;height:auto !important;height:2px; }

/* Vertical Menu */
.VerticalMenu ul { margin:0px; padding:0px; }
.VerticalMenu li { margin:0px; padding:0px; list-style:none;}
.VerticalMenu a { margin:0px; padding:0px;}
.VerticalMenu li {min-height:25px;height:auto !important;height:25px; }
.VerticalMenu li a { color:#575757; font-weight:bold;  display:block; width:100%;}
.VerticalMenu li a:link {color:#575757;}
.VerticalMenu li a:visted {color:#575757;}
.VerticalMenu li a:hover {color:#e01529;}
.VerticalMenu li.level_1 { background: url("images/VerticleMenu-Level-1.png") no-repeat; background-position:top; width:183px; padding:8px 5px 0px 5px; margin:0px;}
/* Level 2 */

.VerticalMenu li.level_1 ul.level_2 { margin-left:-5px;}
.VerticalMenu li.level_2 { background: url("images/VerticleMenu-Level-2.png") no-repeat; background-position:top; width:159px; padding:8px 5px 0px 30px; margin:0px;margin-bottom:1px;}
.VerticalMenu li.level_1 ul.level_2 li.index_0 { margin-top:10px;}


/* Level 3 */
.VerticalMenu li.level_1 ul.level_3 { margin-left:-30px;}
.VerticalMenu li.level_3 { background: url("images/VerticleMenu-Level-3.png") no-repeat; background-position:top; width:139px; padding:8px 5px 0px 50px; margin:0px;margin-bottom:1px;}
.VerticalMenu li.level_1 ul.level_2 li.index_0 { margin-top:10px;}




#breadCrumbSearch { padding:2px 0px; width:888px; overflow:hidden; }
#breadcrumb { float:left;  width:650px;  margin-right:20px; padding-top:7px; overflow:hidden;} 
#breadcrumb li { display:inline; margin:0px 2px; padding-right:15px; background: url("images/breadCrumbSep.gif") no-repeat; background-position:right; font-size:11px;}
#breadcrumb a:link, #breadcrumb a:visited { color:#777777;}
#breadcrumb a:hover { color:#e01529;}

#search { float:right; width:211px; padding:0px; text-align:left; overflow:hidden; }
#search input { border:0; background: url("images/searchBg.png") no-repeat; width:196px; height:20px; padding:5px 10px 5px 10px; margin:0px; color:#777777}
#mainContent { min-height:300px;background:#fff url("images/mainContentBg.jpg") no-repeat; border-top:solid 1px #e3e3e3; margin:1px 0px 10px 0px; padding:15px 10px 10px 10px; width:868px; overflow:hidden;  }


#companyLinks { height:154px; width:868px; padding:10px; background:#e8e8e8 url("images/linksBg.gif") no-repeat;  background-position: top center; color:#505050; margin-top:15px;}
#companyLinks p {color:#505050}
#companyLinks h1 {color:#505050; margin-bottom:10px;}
#compLinksLeft .contentWidgetMain li { margin:0px 0px 4px 0px; list-style:none;padding:0px;  }
#compLinksLeft a:link, #companyLinks a:visited { color:#505050; text-decoration:underline; padding-right:15px; background: url("images/redarrowgreytrans.gif") no-repeat;  background-position: right; }
#compLinksLeft {background: url("images/linksSep.gif") no-repeat;  background-position: right;
width:414px; height:134px; float:left; padding:10px;}
#compLinksLeft #compLinksCol1, #compLinksLeft #compLinksCol2 { width:207px; float:left;  } 
#compLinksRight{width:414px; height:134px; float:left; padding:10px;}


#pageThick h1{ background:url("images/headerTagBg.jpg") no-repeat;  background-position: right; margin-bottom:10px;}
#pageThick h2 { background:url("images/headerTagBg.jpg") no-repeat;  background-position: right; margin-bottom:10px;}
#pageThick { width:618px; float:left; margin-right:20px;  min-height:430px;height:auto !important;height:430px;  }


#rightColumnLayout #pageThick {padding-right:30px;  background:url(images/middleStrip.jpg) no-repeat;  background-position:right top;}
#leftColumnLayout #pageThick {padding-left:30px;  background:url(images/middleStrip.jpg) no-repeat;  background-position:left top;}

#pageThin { width:200px; float:left; overflow:hidden; }
#pageThick .wiFooter { background:url("images/wiFooterLeft.jpg") no-repeat;  background-position: top center; width:100%; height:30px; margin:15px 0px; }
#pageThin .wiFooter { background:url("images/wiFooterRight.jpg") no-repeat;  background-position: top center; width:100%; height:20px; margin:10px 0px;}


/* Product */
.productDisplay .wiHeader h2 { font-size:20px; background:url("images/headerTagBg.jpg") no-repeat;  background-position: right;}
ul.productsTabs li a { font-weight:bold; color:#000; }
ul.productsTabs li.selected {background:transparent url("images/tabSelected.png") no-repeat; }
ul.productsTabs li {background:transparent url("images/tabNotSelected.png") no-repeat; width:158px; border:none;}
ul.productsTabs li.selected a { color:#fff;}
#productDescriptionTab, #productSpecificationTab { background:#fff url("images/productDetailsBgFade.png") repeat-x; color:#202020; min-height:150px;height:auto !important;height:150px;  }
#productDescriptionTab p, #productSpecificationTab p { color:#202020; line-height:20px;}

.productDisplay .productSpecifications td { padding:7px; border:none;}
.productDisplay .productSpecifications tr.odd { background:#dddddd;}
.productDisplay .productSpecifications tr.even { background:#eaeaea;}
.productDisplay .productImage img { padding:2px; border:solid 2px #ccc;}

.productDisplay .purchase {background:#b62b32; border:solid 1px #7a3128; }
.basket .tblBasket .updateBasket {background:#b62b32; border:solid 1px #7a3128; }

.checkout .checkoutMembersignIn { border-color:#ccc}
.checkout .signUpMessage  {color:#b62b32}
/* Product Gallery */

.productCategory .productGallery li { width:182px; height:212px; float:left; border:none; padding:10px;  margin:0px; background:transparent url("images/ProductGalleryBg.png") no-repeat; }
.productCategory .productGallery .prodName { font-weight:bold;}
.productCategory .productFilter .productSearchButton { display:block; background:#e8e8e8 url("images/ProdSearchButtonBg.jpg") no-repeat; text-align:left; padding-left:10px; float:right; margin:2px 0px 0px 0px; color:#444444; width:80px;  }
.productCategory .productFilter .productSearchButton a { color:#444444; }
.productFilter { background:#e8e8e8;}

/* Featured Product */
.featuredProduct  {   }
.featuredProduct .prodImg { background:#fff;}
.featuredProduct .wiMainContent { overflow:hidden; padding:10px; background:#fff url("images/productDetailsBgFade.png") repeat-x; border:solid 1px #ccc; }
.featuredProduct .wiMainContent p {color:#494949; margin-top:5px; }
/* News Articles */
.newsArticleList li { padding:5px; margin-bottom:1px;}
.newsArticleList li h3 a {color:#404040;}
.featuredProduct .viewProduct { background:transparent url("images/featuredProductLinkBg.png") no-repeat; width:150px; float:right; height:33px; text-align:left; padding:8px 0px 0px 10px; float:right; color:#494949; }


/* Search Box  */
.siteSearchBox { margin-top:2px; margin-bottom:0px;} 
.siteSearchBox .wiHeader { display:none;}
.siteSearchBox .button { display:none;}

/* Search page */
.siteSearch b { color:#494848}


#pageThick .dealersSearchBox h2, #pageThin .dealersSearchBox h2 { background:url("images/headerTagBg.jpg") no-repeat;  background-position: right; margin-bottom:10px;}
.dealersSearchBox p { font-size:11px;}
.dealersSearchBox .postCode   { width:107px; height:19px; padding:3px 10px; color:#777777;
                                   border:0; background: url("images/postcodeinput.gif") no-repeat;}
.dealersSearchBox .enterPost { margin:10px 0px 5px 0px;}

.dealerLocator .dealers td a { color:#777777; }