ul.featured-brands {
  padding: 0;
  margin: 0;
}

ul.featured-brands .table-layout {
  display: table;
  width: 100%;
}

ul.featured-brands .table-layout .field-name-field-logo a {
  height: 170px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

ul.featured-brands .table-layout .field-name-field-logo img {
  width: 100%;
}

.section-brand .content-box .view-id-brands_wrapper { font-size: 16px; }

#brands-top-menu ul { padding: 0; }
#brands-top-menu ul li { list-style: none; display: inline-block; margin: 0 -4px 0 0; padding: 0; width: 25%; text-align: center; }
#brands-top-menu ul li a { display: block; padding: 5px 10px; color: #fff; font-size: 0.9em;}

.page-brand .pager li > a { font-size: 1em; }
.page-brand .pager li.pager-current { font-size: 1.2em; }

.page-brand .brand-information { margin-top: 10px; margin-bottom: 30px; padding-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.page-brand .brand-information img + p { font-family: 'Raleway', sans-serif; font-size: 1.6em; padding-top: 10px; color: #777; }

.section-brand .category-info { padding: 0; }


/* Black colour scheme */

body[class*="arcade"] #topline,
body[class*="arcade"] #catmenu li.depth-1 a:hover,
body[class*="arcade"] #catmenu li.depth-1 a.active,
body[class*="arcade"] #catmenu li.depth-2 a:hover,
body[class*="arcade"] #catmenu li.depth-2 a.active,
body[class*="arcade"] #catmenu li.depth-3 a:hover,
body[class*="arcade"] #catmenu li.depth-3 a.active,
body[class*="arcade"] input[type="submit"],
body[class*="arcade"] #brands-top-menu ul,
body[class*="arcade"] #brands-top-menu ul li a,
body[class*="arcade"] .viewprodcat { background: #777; color: #fff; }
body[class*="arcade"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="arcade"] a,
body[class*="arcade"] #opening-times .number,
body[class*="arcade"] .brand-color,
body[class*="arcade"] #content-top h1,
body[class*="arcade"] #content-top h2,
body[class*="arcade"] #content-top h3,
body[class*="arcade"] #content-top h4,
body[class*="arcade"] #content-top h5,
body[class*="arcade"] #content-top h6,
body[class*="arcade"] #content-bottom h1,
body[class*="arcade"] #content-bottom h2,
body[class*="arcade"] #content-bottom h3,
body[class*="arcade"] #content-bottom h4,
body[class*="arcade"] #content-bottom h5,
body[class*="arcade"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="arcade"] .pager li > a { color: #bfc2c3; }
body[class*="arcade"] .pager li > a:hover { color: #2c3437; }
body[class*="arcade"] .pager li.pager-previous > a,
body[class*="arcade"] .pager li.pager-previous > a:hover,
body[class*="arcade"] .pager li.pager-next > a,
body[class*="arcade"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="ambience-bains"] #topline,
body[class*="ambience-bains"] #catmenu li.depth-1 a:hover,
body[class*="ambience-bains"] #catmenu li.depth-1 a.active,
body[class*="ambience-bains"] #catmenu li.depth-2 a:hover,
body[class*="ambience-bains"] #catmenu li.depth-2 a.active,
body[class*="ambience-bains"] #catmenu li.depth-3 a:hover,
body[class*="ambience-bains"] #catmenu li.depth-3 a.active,
body[class*="ambience-bains"] input[type="submit"],
body[class*="ambience-bains"] #brands-top-menu ul,
body[class*="ambience-bains"] #brands-top-menu ul li a,
body[class*="ambience-bains"] .viewprodcat { background: #777; color: #fff; }
body[class*="ambience-bains"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="ambience-bains"] a,
body[class*="ambience-bains"] #opening-times .number,
body[class*="ambience-bains"] .brand-color,
body[class*="ambience-bains"] #content-top h1,
body[class*="ambience-bains"] #content-top h2,
body[class*="ambience-bains"] #content-top h3,
body[class*="ambience-bains"] #content-top h4,
body[class*="ambience-bains"] #content-top h5,
body[class*="ambience-bains"] #content-top h6,
body[class*="ambience-bains"] #content-bottom h1,
body[class*="ambience-bains"] #content-bottom h2,
body[class*="ambience-bains"] #content-bottom h3,
body[class*="ambience-bains"] #content-bottom h4,
body[class*="ambience-bains"] #content-bottom h5,
body[class*="ambience-bains"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="ambience-bains"] .pager li > a { color: #bfc2c3; }
body[class*="ambience-bains"] .pager li > a:hover { color: #2c3437; }
body[class*="ambience-bains"] .pager li.pager-previous > a,
body[class*="ambience-bains"] .pager li.pager-previous > a:hover,
body[class*="ambience-bains"] .pager li.pager-next > a,
body[class*="ambience-bains"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="balteco"] #topline,
body[class*="balteco"] #catmenu li.depth-1 a:hover,
body[class*="balteco"] #catmenu li.depth-1 a.active,
body[class*="balteco"] #catmenu li.depth-2 a:hover,
body[class*="balteco"] #catmenu li.depth-2 a.active,
body[class*="balteco"] #catmenu li.depth-3 a:hover,
body[class*="balteco"] #catmenu li.depth-3 a.active,
body[class*="balteco"] input[type="submit"],
body[class*="balteco"] #brands-top-menu ul,
body[class*="balteco"] #brands-top-menu ul li a,
body[class*="balteco"] .viewprodcat { background: #777; color: #fff; }
body[class*="balteco"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="balteco"] a,
body[class*="balteco"] #opening-times .number,
body[class*="balteco"] .brand-color,
body[class*="balteco"] #content-top h1,
body[class*="balteco"] #content-top h2,
body[class*="balteco"] #content-top h3,
body[class*="balteco"] #content-top h4,
body[class*="balteco"] #content-top h5,
body[class*="balteco"] #content-top h6,
body[class*="balteco"] #content-bottom h1,
body[class*="balteco"] #content-bottom h2,
body[class*="balteco"] #content-bottom h3,
body[class*="balteco"] #content-bottom h4,
body[class*="balteco"] #content-bottom h5,
body[class*="balteco"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="balteco"] .pager li > a { color: #bfc2c3; }
body[class*="balteco"] .pager li > a:hover { color: #2c3437; }
body[class*="balteco"] .pager li.pager-previous > a,
body[class*="balteco"] .pager li.pager-previous > a:hover,
body[class*="balteco"] .pager li.pager-next > a,
body[class*="balteco"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="bc-designs"] #topline,
body[class*="bc-designs"] #catmenu li.depth-1 a:hover,
body[class*="bc-designs"] #catmenu li.depth-1 a.active,
body[class*="bc-designs"] #catmenu li.depth-2 a:hover,
body[class*="bc-designs"] #catmenu li.depth-2 a.active,
body[class*="bc-designs"] #catmenu li.depth-3 a:hover,
body[class*="bc-designs"] #catmenu li.depth-3 a.active,
body[class*="bc-designs"] input[type="submit"],
body[class*="bc-designs"] #brands-top-menu ul,
body[class*="bc-designs"] #brands-top-menu ul li a,
body[class*="bc-designs"] .viewprodcat { background: #777; color: #fff; }
body[class*="bc-designs"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="bc-designs"] a,
body[class*="bc-designs"] #opening-times .number,
body[class*="bc-designs"] .brand-color,
body[class*="bc-designs"] #content-top h1,
body[class*="bc-designs"] #content-top h2,
body[class*="bc-designs"] #content-top h3,
body[class*="bc-designs"] #content-top h4,
body[class*="bc-designs"] #content-top h5,
body[class*="bc-designs"] #content-top h6,
body[class*="bc-designs"] #content-bottom h1,
body[class*="bc-designs"] #content-bottom h2,
body[class*="bc-designs"] #content-bottom h3,
body[class*="bc-designs"] #content-bottom h4,
body[class*="bc-designs"] #content-bottom h5,
body[class*="bc-designs"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="bc-designs"] .pager li > a { color: #bfc2c3; }
body[class*="bc-designs"] .pager li > a:hover { color: #2c3437; }
body[class*="bc-designs"] .pager li.pager-previous > a,
body[class*="bc-designs"] .pager li.pager-previous > a:hover,
body[class*="bc-designs"] .pager li.pager-next > a,
body[class*="bc-designs"] .pager li.pager-next > a:hover { color: #fff; color: #fff; }

body[class*="britton"] #topline,
body[class*="britton"] #catmenu li.depth-1 a:hover,
body[class*="britton"] #catmenu li.depth-1 a.active,
body[class*="britton"] #catmenu li.depth-2 a:hover,
body[class*="britton"] #catmenu li.depth-2 a.active,
body[class*="britton"] #catmenu li.depth-3 a:hover,
body[class*="britton"] #catmenu li.depth-3 a.active,
body[class*="britton"] input[type="submit"],
body[class*="britton"] #brands-top-menu ul,
body[class*="britton"] #brands-top-menu ul li a,
body[class*="britton"] .viewprodcat { background: #777; color: #fff; }
body[class*="britton"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="britton"] a,
body[class*="britton"] #opening-times .number,
body[class*="britton"] .brand-color,
body[class*="britton"] #content-top h1,
body[class*="britton"] #content-top h2,
body[class*="britton"] #content-top h3,
body[class*="britton"] #content-top h4,
body[class*="britton"] #content-top h5,
body[class*="britton"] #content-top h6,
body[class*="britton"] #content-bottom h1,
body[class*="britton"] #content-bottom h2,
body[class*="britton"] #content-bottom h3,
body[class*="britton"] #content-bottom h4,
body[class*="britton"] #content-bottom h5,
body[class*="britton"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="britton"] .pager li > a { color: #bfc2c3; }
body[class*="britton"] .pager li > a:hover { color: #2c3437; }
body[class*="britton"] .pager li.pager-previous > a,
body[class*="britton"] .pager li.pager-previous > a:hover,
body[class*="britton"] .pager li.pager-next > a,
body[class*="britton"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="burlington"] #topline,
body[class*="burlington"] #catmenu li.depth-1 a:hover,
body[class*="burlington"] #catmenu li.depth-1 a.active,
body[class*="burlington"] #catmenu li.depth-2 a:hover,
body[class*="burlington"] #catmenu li.depth-2 a.active,
body[class*="burlington"] #catmenu li.depth-3 a:hover,
body[class*="burlington"] #catmenu li.depth-3 a.active,
body[class*="burlington"] input[type="submit"],
body[class*="burlington"] #brands-top-menu ul,
body[class*="burlington"] #brands-top-menu ul li a,
body[class*="burlington"] .viewprodcat { background: #777; color: #fff; }
body[class*="burlington"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="burlington"] a,
body[class*="burlington"] #opening-times .number,
body[class*="burlington"] .brand-color,
body[class*="burlington"] #content-top h1,
body[class*="burlington"] #content-top h2,
body[class*="burlington"] #content-top h3,
body[class*="burlington"] #content-top h4,
body[class*="burlington"] #content-top h5,
body[class*="burlington"] #content-top h6,
body[class*="burlington"] #content-bottom h1,
body[class*="burlington"] #content-bottom h2,
body[class*="burlington"] #content-bottom h3,
body[class*="burlington"] #content-bottom h4,
body[class*="burlington"] #content-bottom h5,
body[class*="burlington"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="burlington"] .pager li > a { color: #bfc2c3; }
body[class*="burlington"] .pager li > a:hover { color: #2c3437; }
body[class*="burlington"] .pager li.pager-previous > a,
body[class*="burlington"] .pager li.pager-previous > a:hover,
body[class*="burlington"] .pager li.pager-next > a,
body[class*="burlington"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="clearwater"] #topline,
body[class*="clearwater"] #catmenu li.depth-1 a:hover,
body[class*="clearwater"] #catmenu li.depth-1 a.active,
body[class*="clearwater"] #catmenu li.depth-2 a:hover,
body[class*="clearwater"] #catmenu li.depth-2 a.active,
body[class*="clearwater"] #catmenu li.depth-3 a:hover,
body[class*="clearwater"] #catmenu li.depth-3 a.active,
body[class*="clearwater"] input[type="submit"],
body[class*="clearwater"] #brands-top-menu ul,
body[class*="clearwater"] #brands-top-menu ul li a,
body[class*="clearwater"] .viewprodcat { background: #777; color: #fff; }
body[class*="clearwater"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="clearwater"] a,
body[class*="clearwater"] #opening-times .number,
body[class*="clearwater"] .brand-color,
body[class*="clearwater"] #content-top h1,
body[class*="clearwater"] #content-top h2,
body[class*="clearwater"] #content-top h3,
body[class*="clearwater"] #content-top h4,
body[class*="clearwater"] #content-top h5,
body[class*="clearwater"] #content-top h6,
body[class*="clearwater"] #content-bottom h1,
body[class*="clearwater"] #content-bottom h2,
body[class*="clearwater"] #content-bottom h3,
body[class*="clearwater"] #content-bottom h4,
body[class*="clearwater"] #content-bottom h5,
body[class*="clearwater"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="clearwater"] .pager li > a { color: #bfc2c3; }
body[class*="clearwater"] .pager li > a:hover { color: #2c3437; }
body[class*="clearwater"] .pager li.pager-previous > a,
body[class*="clearwater"] .pager li.pager-previous > a:hover,
body[class*="clearwater"] .pager li.pager-next > a,
body[class*="clearwater"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="imperial"] #topline,
body[class*="imperial"] #catmenu li.depth-1 a:hover,
body[class*="imperial"] #catmenu li.depth-1 a.active,
body[class*="imperial"] #catmenu li.depth-2 a:hover,
body[class*="imperial"] #catmenu li.depth-2 a.active,
body[class*="imperial"] #catmenu li.depth-3 a:hover,
body[class*="imperial"] #catmenu li.depth-3 a.active,
body[class*="imperial"] input[type="submit"],
body[class*="imperial"] #brands-top-menu ul,
body[class*="imperial"] #brands-top-menu ul li a,
body[class*="imperial"] .viewprodcat { background: #777; color: #fff; }
body[class*="imperial"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="imperial"] a,
body[class*="imperial"] #opening-times .number,
body[class*="imperial"] .brand-color,
body[class*="imperial"] #content-top h1,
body[class*="imperial"] #content-top h2,
body[class*="imperial"] #content-top h3,
body[class*="imperial"] #content-top h4,
body[class*="imperial"] #content-top h5,
body[class*="imperial"] #content-top h6,
body[class*="imperial"] #content-bottom h1,
body[class*="imperial"] #content-bottom h2,
body[class*="imperial"] #content-bottom h3,
body[class*="imperial"] #content-bottom h4,
body[class*="imperial"] #content-bottom h5,
body[class*="imperial"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="imperial"] .pager li > a { color: #bfc2c3; }
body[class*="imperial"] .pager li > a:hover { color: #2c3437; }
body[class*="imperial"] .pager li.pager-previous > a,
body[class*="imperial"] .pager li.pager-previous > a:hover,
body[class*="imperial"] .pager li.pager-next > a,
body[class*="imperial"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="matki"] #topline,
body[class*="matki"] #catmenu li.depth-1 a:hover,
body[class*="matki"] #catmenu li.depth-1 a.active,
body[class*="matki"] #catmenu li.depth-2 a:hover,
body[class*="matki"] #catmenu li.depth-2 a.active,
body[class*="matki"] #catmenu li.depth-3 a:hover,
body[class*="matki"] #catmenu li.depth-3 a.active,
body[class*="matki"] input[type="submit"],
body[class*="matki"] #brands-top-menu ul,
body[class*="matki"] #brands-top-menu ul li a,
body[class*="matki"] .viewprodcat { background: #777; color: #fff; }
body[class*="matki"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="matki"] a,
body[class*="matki"] #opening-times .number,
body[class*="matki"] .brand-color,
body[class*="matki"] #content-top h1,
body[class*="matki"] #content-top h2,
body[class*="matki"] #content-top h3,
body[class*="matki"] #content-top h4,
body[class*="matki"] #content-top h5,
body[class*="matki"] #content-top h6,
body[class*="matki"] #content-bottom h1,
body[class*="matki"] #content-bottom h2,
body[class*="matki"] #content-bottom h3,
body[class*="matki"] #content-bottom h4,
body[class*="matki"] #content-bottom h5,
body[class*="matki"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="matki"] .pager li > a { color: #bfc2c3; }
body[class*="matki"] .pager li > a:hover { color: #2c3437; }
body[class*="matki"] .pager li.pager-previous > a,
body[class*="matki"] .pager li.pager-previous > a:hover,
body[class*="matki"] .pager li.pager-next > a,
body[class*="matki"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="merlyn"] #topline,
body[class*="merlyn"] #catmenu li.depth-1 a:hover,
body[class*="merlyn"] #catmenu li.depth-1 a.active,
body[class*="merlyn"] #catmenu li.depth-2 a:hover,
body[class*="merlyn"] #catmenu li.depth-2 a.active,
body[class*="merlyn"] #catmenu li.depth-3 a:hover,
body[class*="merlyn"] #catmenu li.depth-3 a.active,
body[class*="merlyn"] input[type="submit"],
body[class*="merlyn"] #brands-top-menu ul,
body[class*="merlyn"] #brands-top-menu ul li a,
body[class*="merlyn"] .viewprodcat { background: #777; color: #fff; }
body[class*="merlyn"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="merlyn"] a,
body[class*="merlyn"] #opening-times .number,
body[class*="merlyn"] .brand-color,
body[class*="merlyn"] #content-top h1,
body[class*="merlyn"] #content-top h2,
body[class*="merlyn"] #content-top h3,
body[class*="merlyn"] #content-top h4,
body[class*="merlyn"] #content-top h5,
body[class*="merlyn"] #content-top h6,
body[class*="merlyn"] #content-bottom h1,
body[class*="merlyn"] #content-bottom h2,
body[class*="merlyn"] #content-bottom h3,
body[class*="merlyn"] #content-bottom h4,
body[class*="merlyn"] #content-bottom h5,
body[class*="merlyn"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="merlyn"] .pager li > a { color: #bfc2c3; }
body[class*="merlyn"] .pager li > a:hover { color: #2c3437; }
body[class*="merlyn"] .pager li.pager-previous > a,
body[class*="merlyn"] .pager li.pager-previous > a:hover,
body[class*="merlyn"] .pager li.pager-next > a,
body[class*="merlyn"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="svedbergs"] #topline,
body[class*="svedbergs"] #catmenu li.depth-1 a:hover,
body[class*="svedbergs"] #catmenu li.depth-1 a.active,
body[class*="svedbergs"] #catmenu li.depth-2 a:hover,
body[class*="svedbergs"] #catmenu li.depth-2 a.active,
body[class*="svedbergs"] #catmenu li.depth-3 a:hover,
body[class*="svedbergs"] #catmenu li.depth-3 a.active,
body[class*="svedbergs"] input[type="submit"],
body[class*="svedbergs"] #brands-top-menu ul,
body[class*="svedbergs"] #brands-top-menu ul li a,
body[class*="svedbergs"] .viewprodcat { background: #777; color: #fff; }
body[class*="svedbergs"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="svedbergs"] a,
body[class*="svedbergs"] #opening-times .number,
body[class*="svedbergs"] .brand-color,
body[class*="svedbergs"] #content-top h1,
body[class*="svedbergs"] #content-top h2,
body[class*="svedbergs"] #content-top h3,
body[class*="svedbergs"] #content-top h4,
body[class*="svedbergs"] #content-top h5,
body[class*="svedbergs"] #content-top h6,
body[class*="svedbergs"] #content-bottom h1,
body[class*="svedbergs"] #content-bottom h2,
body[class*="svedbergs"] #content-bottom h3,
body[class*="svedbergs"] #content-bottom h4,
body[class*="svedbergs"] #content-bottom h5,
body[class*="svedbergs"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="svedbergs"] .pager li > a { color: #bfc2c3; }
body[class*="svedbergs"] .pager li > a:hover { color: #2c3437; }
body[class*="svedbergs"] .pager li.pager-previous > a,
body[class*="svedbergs"] .pager li.pager-previous > a:hover,
body[class*="svedbergs"] .pager li.pager-next > a,
body[class*="svedbergs"] .pager li.pager-next > a:hover { color: #fff; }




/* blue colour scheme */

body[class*="bauhaus"] #topline,
body[class*="bauhaus"] #catmenu li.depth-1 a:hover,
body[class*="bauhaus"] #catmenu li.depth-1 a.active,
body[class*="bauhaus"] #catmenu li.depth-2 a:hover,
body[class*="bauhaus"] #catmenu li.depth-2 a.active,
body[class*="bauhaus"] #catmenu li.depth-3 a:hover,
body[class*="bauhaus"] #catmenu li.depth-3 a.active,
body[class*="bauhaus"] input[type="submit"],
body[class*="bauhaus"] #brands-top-menu ul,
body[class*="bauhaus"] #brands-top-menu ul li a,
body[class*="bauhaus"] .viewprodcat { background: #00a3ff; color: #fff; }
body[class*="bauhaus"] #brands-top-menu ul li a:hover { background: #1983c1; color: #fff; }
body[class*="bauhaus"] a,
body[class*="bauhaus"] #opening-times .number,
body[class*="bauhaus"] .brand-color,
body[class*="bauhaus"] #content-top h1,
body[class*="bauhaus"] #content-top h2,
body[class*="bauhaus"] #content-top h3,
body[class*="bauhaus"] #content-top h4,
body[class*="bauhaus"] #content-top h5,
body[class*="bauhaus"] #content-top h6,
body[class*="bauhaus"] #content-bottom h1,
body[class*="bauhaus"] #content-bottom h2,
body[class*="bauhaus"] #content-bottom h3,
body[class*="bauhaus"] #content-bottom h4,
body[class*="bauhaus"] #content-bottom h5,
body[class*="bauhaus"] #content-bottom h6 { color: #00a3ff; }
/* resets for black colour scheme */
body[class*="bauhaus"] .pager li > a { color: #bfc2c3; }
body[class*="bauhaus"] .pager li > a:hover { color: #2c3437; }
body[class*="bauhaus"] .pager li.pager-previous > a,
body[class*="bauhaus"] .pager li.pager-previous > a:hover,
body[class*="bauhaus"] .pager li.pager-next > a,
body[class*="bauhaus"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="bauhaus"] #topline,
body[class*="bauhaus"] #catmenu li.depth-1 a:hover,
body[class*="bauhaus"] #catmenu li.depth-1 a.active,
body[class*="bauhaus"] #catmenu li.depth-2 a:hover,
body[class*="bauhaus"] #catmenu li.depth-2 a.active,
body[class*="bauhaus"] #catmenu li.depth-3 a:hover,
body[class*="bauhaus"] #catmenu li.depth-3 a.active,
body[class*="bauhaus"] input[type="submit"],
body[class*="bauhaus"] #brands-top-menu ul,
body[class*="bauhaus"] #brands-top-menu ul li a,
body[class*="bauhaus"] .viewprodcat { background: #00a3ff; color: #fff; }
body[class*="bauhaus"] #brands-top-menu ul li a:hover { background: #1983c1; color: #fff; }
body[class*="bauhaus"] a,
body[class*="bauhaus"] #opening-times .number,
body[class*="bauhaus"] .brand-color,
body[class*="bauhaus"] #content-top h1,
body[class*="bauhaus"] #content-top h2,
body[class*="bauhaus"] #content-top h3,
body[class*="bauhaus"] #content-top h4,
body[class*="bauhaus"] #content-top h5,
body[class*="bauhaus"] #content-top h6,
body[class*="bauhaus"] #content-bottom h1,
body[class*="bauhaus"] #content-bottom h2,
body[class*="bauhaus"] #content-bottom h3,
body[class*="bauhaus"] #content-bottom h4,
body[class*="bauhaus"] #content-bottom h5,
body[class*="bauhaus"] #content-bottom h6 { color: #00a3ff; }
/* resets for black colour scheme */
body[class*="bauhaus"] .pager li > a { color: #bfc2c3; }
body[class*="bauhaus"] .pager li > a:hover { color: #2c3437; }
body[class*="bauhaus"] .pager li.pager-previous > a,
body[class*="bauhaus"] .pager li.pager-previous > a:hover,
body[class*="bauhaus"] .pager li.pager-next > a,
body[class*="bauhaus"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="crosswater"] #topline,
body[class*="crosswater"] #catmenu li.depth-1 a:hover,
body[class*="crosswater"] #catmenu li.depth-1 a.active,
body[class*="crosswater"] #catmenu li.depth-2 a:hover,
body[class*="crosswater"] #catmenu li.depth-2 a.active,
body[class*="crosswater"] #catmenu li.depth-3 a:hover,
body[class*="crosswater"] #catmenu li.depth-3 a.active,
body[class*="crosswater"] input[type="submit"],
body[class*="crosswater"] #brands-top-menu ul,
body[class*="crosswater"] #brands-top-menu ul li a,
body[class*="crosswater"] .viewprodcat { background: #00a3ff; color: #fff; }
body[class*="crosswater"] #brands-top-menu ul li a:hover { background: #1983c1; color: #fff; }
body[class*="crosswater"] a,
body[class*="crosswater"] #opening-times .number,
body[class*="crosswater"] .brand-color,
body[class*="crosswater"] #content-top h1,
body[class*="crosswater"] #content-top h2,
body[class*="crosswater"] #content-top h3,
body[class*="crosswater"] #content-top h4,
body[class*="crosswater"] #content-top h5,
body[class*="crosswater"] #content-top h6,
body[class*="crosswater"] #content-bottom h1,
body[class*="crosswater"] #content-bottom h2,
body[class*="crosswater"] #content-bottom h3,
body[class*="crosswater"] #content-bottom h4,
body[class*="crosswater"] #content-bottom h5,
body[class*="crosswater"] #content-bottom h6 { color: #00a3ff; }
/* resets for black colour scheme */
body[class*="crosswater"] .pager li > a { color: #bfc2c3; }
body[class*="crosswater"] .pager li > a:hover { color: #2c3437; }
body[class*="crosswater"] .pager li.pager-previous > a,
body[class*="crosswater"] .pager li.pager-previous > a:hover,
body[class*="crosswater"] .pager li.pager-next > a,
body[class*="crosswater"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="simpsons"] #topline,
body[class*="simpsons"] #catmenu li.depth-1 a:hover,
body[class*="simpsons"] #catmenu li.depth-1 a.active,
body[class*="simpsons"] #catmenu li.depth-2 a:hover,
body[class*="simpsons"] #catmenu li.depth-2 a.active,
body[class*="simpsons"] #catmenu li.depth-3 a:hover,
body[class*="simpsons"] #catmenu li.depth-3 a.active,
body[class*="simpsons"] input[type="submit"],
body[class*="simpsons"] #brands-top-menu ul,
body[class*="simpsons"] #brands-top-menu ul li a,
body[class*="simpsons"] .viewprodcat { background: #00a3ff; color: #fff; }
body[class*="simpsons"] #brands-top-menu ul li a:hover { background: #1983c1; color: #fff; }
body[class*="simpsons"] a,
body[class*="simpsons"] #opening-times .number,
body[class*="simpsons"] .brand-color,
body[class*="simpsons"] #content-top h1,
body[class*="simpsons"] #content-top h2,
body[class*="simpsons"] #content-top h3,
body[class*="simpsons"] #content-top h4,
body[class*="simpsons"] #content-top h5,
body[class*="simpsons"] #content-top h6,
body[class*="simpsons"] #content-bottom h1,
body[class*="simpsons"] #content-bottom h2,
body[class*="simpsons"] #content-bottom h3,
body[class*="simpsons"] #content-bottom h4,
body[class*="simpsons"] #content-bottom h5,
body[class*="simpsons"] #content-bottom h6 { color: #00a3ff; }
/* resets for black colour scheme */
body[class*="simpsons"] .pager li > a { color: #bfc2c3; }
body[class*="simpsons"] .pager li > a:hover { color: #2c3437; }
body[class*="simpsons"] .pager li.pager-previous > a,
body[class*="simpsons"] .pager li.pager-previous > a:hover,
body[class*="simpsons"] .pager li.pager-next > a,
body[class*="simpsons"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="zamori"] #topline,
body[class*="zamori"] #catmenu li.depth-1 a:hover,
body[class*="zamori"] #catmenu li.depth-1 a.active,
body[class*="zamori"] #catmenu li.depth-2 a:hover,
body[class*="zamori"] #catmenu li.depth-2 a.active,
body[class*="zamori"] #catmenu li.depth-3 a:hover,
body[class*="zamori"] #catmenu li.depth-3 a.active,
body[class*="zamori"] input[type="submit"],
body[class*="zamori"] #brands-top-menu ul,
body[class*="zamori"] #brands-top-menu ul li a,
body[class*="zamori"] .viewprodcat { background: #00a3ff; color: #fff; }
body[class*="zamori"] #brands-top-menu ul li a:hover { background: #1983c1; color: #fff; }
body[class*="zamori"] a,
body[class*="zamori"] #opening-times .number,
body[class*="zamori"] .brand-color,
body[class*="zamori"] #content-top h1,
body[class*="zamori"] #content-top h2,
body[class*="zamori"] #content-top h3,
body[class*="zamori"] #content-top h4,
body[class*="zamori"] #content-top h5,
body[class*="zamori"] #content-top h6,
body[class*="zamori"] #content-bottom h1,
body[class*="zamori"] #content-bottom h2,
body[class*="zamori"] #content-bottom h3,
body[class*="zamori"] #content-bottom h4,
body[class*="zamori"] #content-bottom h5,
body[class*="zamori"] #content-bottom h6 { color: #00a3ff; }
/* resets for black colour scheme */
body[class*="zamori"] .pager li > a { color: #bfc2c3; }
body[class*="zamori"] .pager li > a:hover { color: #2c3437; }
body[class*="zamori"] .pager li.pager-previous > a,
body[class*="zamori"] .pager li.pager-previous > a:hover,
body[class*="zamori"] .pager li.pager-next > a,
body[class*="zamori"] .pager li.pager-next > a:hover { color: #fff; }



/* Bronze colour scheme */

body[class*="pelipal"] #topline,
body[class*="pelipal"] #catmenu li.depth-1 a:hover,
body[class*="pelipal"] #catmenu li.depth-1 a.active,
body[class*="pelipal"] #catmenu li.depth-2 a:hover,
body[class*="pelipal"] #catmenu li.depth-2 a.active,
body[class*="pelipal"] #catmenu li.depth-3 a:hover,
body[class*="pelipal"] #catmenu li.depth-3 a.active,
body[class*="pelipal"] input[type="submit"],
body[class*="pelipal"] #brands-top-menu ul,
body[class*="pelipal"] #brands-top-menu ul li a,
body[class*="pelipal"] .viewprodcat { background: #cf9354; color: #fff; }
body[class*="pelipal"] #brands-top-menu ul li a:hover { background: #bb8449; color: #fff; }
body[class*="pelipal"] a,
body[class*="pelipal"] #opening-times .number,
body[class*="pelipal"] .brand-color,
body[class*="pelipal"] #content-top h1,
body[class*="pelipal"] #content-top h2,
body[class*="pelipal"] #content-top h3,
body[class*="pelipal"] #content-top h4,
body[class*="pelipal"] #content-top h5,
body[class*="pelipal"] #content-top h6,
body[class*="pelipal"] #content-bottom h1,
body[class*="pelipal"] #content-bottom h2,
body[class*="pelipal"] #content-bottom h3,
body[class*="pelipal"] #content-bottom h4,
body[class*="pelipal"] #content-bottom h5,
body[class*="pelipal"] #content-bottom h6 { color: #cf9354; }
/* resets for black colour scheme */
body[class*="pelipal"] .pager li > a { color: #bfc2c3; }
body[class*="pelipal"] .pager li > a:hover { color: #2c3437; }
body[class*="pelipal"] .pager li.pager-previous > a,
body[class*="pelipal"] .pager li.pager-previous > a:hover,
body[class*="pelipal"] .pager li.pager-next > a,
body[class*="pelipal"] .pager li.pager-next > a:hover { color: #fff; }



/* Green colour scheme */

body[class*="aquacabinets"] #topline,
body[class*="aquacabinets"] #catmenu li.depth-1 a:hover,
body[class*="aquacabinets"] #catmenu li.depth-1 a.active,
body[class*="aquacabinets"] #catmenu li.depth-2 a:hover,
body[class*="aquacabinets"] #catmenu li.depth-2 a.active,
body[class*="aquacabinets"] #catmenu li.depth-3 a:hover,
body[class*="aquacabinets"] #catmenu li.depth-3 a.active,
body[class*="aquacabinets"] input[type="submit"],
body[class*="aquacabinets"] #brands-top-menu ul,
body[class*="aquacabinets"] #brands-top-menu ul li a,
body[class*="aquacabinets"] .viewprodcat { background: #9fbb0d; color: #fff; }
body[class*="aquacabinets"] #brands-top-menu ul li a:hover { background: #8b9e02; color: #fff; }
body[class*="aquacabinets"] a,
body[class*="aquacabinets"] #opening-times .number,
body[class*="aquacabinets"] .brand-color,
body[class*="aquacabinets"] #content-top h1,
body[class*="aquacabinets"] #content-top h2,
body[class*="aquacabinets"] #content-top h3,
body[class*="aquacabinets"] #content-top h4,
body[class*="aquacabinets"] #content-top h5,
body[class*="aquacabinets"] #content-top h6,
body[class*="aquacabinets"] #content-bottom h1,
body[class*="aquacabinets"] #content-bottom h2,
body[class*="aquacabinets"] #content-bottom h3,
body[class*="aquacabinets"] #content-bottom h4,
body[class*="aquacabinets"] #content-bottom h5,
body[class*="aquacabinets"] #content-bottom h6 { color: #9fbb0d; }
/* resets for black colour scheme */
body[class*="aquacabinets"] .pager li > a { color: #bfc2c3; }
body[class*="aquacabinets"] .pager li > a:hover { color: #2c3437; }
body[class*="aquacabinets"] .pager li.pager-previous > a,
body[class*="aquacabinets"] .pager li.pager-previous > a:hover,
body[class*="aquacabinets"] .pager li.pager-next > a,
body[class*="aquacabinets"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="cleargreen"] #topline,
body[class*="cleargreen"] #catmenu li.depth-1 a:hover,
body[class*="cleargreen"] #catmenu li.depth-1 a.active,
body[class*="cleargreen"] #catmenu li.depth-2 a:hover,
body[class*="cleargreen"] #catmenu li.depth-2 a.active,
body[class*="cleargreen"] #catmenu li.depth-3 a:hover,
body[class*="cleargreen"] #catmenu li.depth-3 a.active,
body[class*="cleargreen"] input[type="submit"],
body[class*="cleargreen"] #brands-top-menu ul,
body[class*="cleargreen"] #brands-top-menu ul li a,
body[class*="cleargreen"] .viewprodcat { background: #9fbb0d; color: #fff; }
body[class*="cleargreen"] #brands-top-menu ul li a:hover { background: #8b9e02; color: #fff; }
body[class*="cleargreen"] a,
body[class*="cleargreen"] #opening-times .number,
body[class*="cleargreen"] .brand-color,
body[class*="cleargreen"] #content-top h1,
body[class*="cleargreen"] #content-top h2,
body[class*="cleargreen"] #content-top h3,
body[class*="cleargreen"] #content-top h4,
body[class*="cleargreen"] #content-top h5,
body[class*="cleargreen"] #content-top h6,
body[class*="cleargreen"] #content-bottom h1,
body[class*="cleargreen"] #content-bottom h2,
body[class*="cleargreen"] #content-bottom h3,
body[class*="cleargreen"] #content-bottom h4,
body[class*="cleargreen"] #content-bottom h5,
body[class*="cleargreen"] #content-bottom h6 { color: #9fbb0d; }
/* resets for black colour scheme */
body[class*="cleargreen"] .pager li > a { color: #bfc2c3; }
body[class*="cleargreen"] .pager li > a:hover { color: #2c3437; }
body[class*="cleargreen"] .pager li.pager-previous > a,
body[class*="cleargreen"] .pager li.pager-previous > a:hover,
body[class*="cleargreen"] .pager li.pager-next > a,
body[class*="cleargreen"] .pager li.pager-next > a:hover { color: #fff; }



/* Purple colour scheme */

body[class*="heritage"] #topline,
body[class*="heritage"] #catmenu li.depth-1 a:hover,
body[class*="heritage"] #catmenu li.depth-1 a.active,
body[class*="heritage"] #catmenu li.depth-2 a:hover,
body[class*="heritage"] #catmenu li.depth-2 a.active,
body[class*="heritage"] #catmenu li.depth-3 a:hover,
body[class*="heritage"] #catmenu li.depth-3 a.active,
body[class*="heritage"] input[type="submit"],
body[class*="heritage"] #brands-top-menu ul,
body[class*="heritage"] #brands-top-menu ul li a,
body[class*="heritage"] .viewprodcat { background: #773d73; color: #fff; }
body[class*="heritage"] #brands-top-menu ul li a:hover { background: #662F62; color: #fff; }
body[class*="heritage"] a,
body[class*="heritage"] #opening-times .number,
body[class*="heritage"] .brand-color,
body[class*="heritage"] #content-top h1,
body[class*="heritage"] #content-top h2,
body[class*="heritage"] #content-top h3,
body[class*="heritage"] #content-top h4,
body[class*="heritage"] #content-top h5,
body[class*="heritage"] #content-top h6,
body[class*="heritage"] #content-bottom h1,
body[class*="heritage"] #content-bottom h2,
body[class*="heritage"] #content-bottom h3,
body[class*="heritage"] #content-bottom h4,
body[class*="heritage"] #content-bottom h5,
body[class*="heritage"] #content-bottom h6 { color: #924fa3; }
/* resets for purple colour scheme */
body[class*="heritage"] .pager li > a { color: #bfc2c3; }
body[class*="heritage"] .pager li > a:hover { color: #2c3437; }
body[class*="heritage"] .pager li.pager-previous > a,
body[class*="heritage"] .pager li.pager-previous > a:hover,
body[class*="heritage"] .pager li.pager-next > a,
body[class*="heritage"] .pager li.pager-next > a:hover { color: #fff; }



/* Sand colour scheme */

body[class*="kohler"] #topline,
body[class*="kohler"] #catmenu li.depth-1 a:hover,
body[class*="kohler"] #catmenu li.depth-1 a.active,
body[class*="kohler"] #catmenu li.depth-2 a:hover,
body[class*="kohler"] #catmenu li.depth-2 a.active,
body[class*="kohler"] #catmenu li.depth-3 a:hover,
body[class*="kohler"] #catmenu li.depth-3 a.active,
body[class*="kohler"] input[type="submit"],
body[class*="kohler"] #brands-top-menu ul,
body[class*="kohler"] #brands-top-menu ul li a,
body[class*="kohler"] .viewprodcat { background: #bbb288; color: #fff; }
body[class*="kohler"] #brands-top-menu ul li a:hover { background: #887e57; color: #fff; }
body[class*="kohler"] a,
body[class*="kohler"] #opening-times .number,
body[class*="kohler"] .brand-color,
body[class*="kohler"] #content-top h1,
body[class*="kohler"] #content-top h2,
body[class*="kohler"] #content-top h3,
body[class*="kohler"] #content-top h4,
body[class*="kohler"] #content-top h5,
body[class*="kohler"] #content-top h6,
body[class*="kohler"] #content-bottom h1,
body[class*="kohler"] #content-bottom h2,
body[class*="kohler"] #content-bottom h3,
body[class*="kohler"] #content-bottom h4,
body[class*="kohler"] #content-bottom h5,
body[class*="kohler"] #content-bottom h6 { color: #bbb288; }
/* resets for black colour scheme */
body[class*="kohler"] .pager li > a { color: #bfc2c3; }
body[class*="kohler"] .pager li > a:hover { color: #2c3437; }
body[class*="kohler"] .pager li.pager-previous > a,
body[class*="kohler"] .pager li.pager-previous > a:hover,
body[class*="kohler"] .pager li.pager-next > a,
body[class*="kohler"] .pager li.pager-next > a:hover { color: #fff; }



/* Teal colour scheme */

body[class*="vado"] #topline,
body[class*="vado"] #catmenu li.depth-1 a:hover,
body[class*="vado"] #catmenu li.depth-1 a.active,
body[class*="vado"] #catmenu li.depth-2 a:hover,
body[class*="vado"] #catmenu li.depth-2 a.active,
body[class*="vado"] #catmenu li.depth-3 a:hover,
body[class*="vado"] #catmenu li.depth-3 a.active,
body[class*="vado"] input[type="submit"],
body[class*="vado"] #brands-top-menu ul,
body[class*="vado"] #brands-top-menu ul li a,
body[class*="vado"] .viewprodcat { background: #35a7b1; color: #fff; }
body[class*="vado"] #brands-top-menu ul li a:hover { background: #298b8f; color: #fff; }
body[class*="vado"] a,
body[class*="vado"] #opening-times .number,
body[class*="vado"] .brand-color,
body[class*="vado"] #content-top h1,
body[class*="vado"] #content-top h2,
body[class*="vado"] #content-top h3,
body[class*="vado"] #content-top h4,
body[class*="vado"] #content-top h5,
body[class*="vado"] #content-top h6,
body[class*="vado"] #content-bottom h1,
body[class*="vado"] #content-bottom h2,
body[class*="vado"] #content-bottom h3,
body[class*="vado"] #content-bottom h4,
body[class*="vado"] #content-bottom h5,
body[class*="vado"] #content-bottom h6 { color: #35a7b1; }
/* resets for black colour scheme */
body[class*="vado"] .pager li > a { color: #bfc2c3; }
body[class*="vado"] .pager li > a:hover { color: #2c3437; }
body[class*="vado"] .pager li.pager-previous > a,
body[class*="vado"] .pager li.pager-previous > a:hover,
body[class*="vado"] .pager li.pager-next > a,
body[class*="vado"] .pager li.pager-next > a:hover { color: #fff; }

body[class*="phoenix"] #topline,
body[class*="phoenix"] #catmenu li.depth-1 a:hover,
body[class*="phoenix"] #catmenu li.depth-1 a.active,
body[class*="phoenix"] #catmenu li.depth-2 a:hover,
body[class*="phoenix"] #catmenu li.depth-2 a.active,
body[class*="phoenix"] #catmenu li.depth-3 a:hover,
body[class*="phoenix"] #catmenu li.depth-3 a.active,
body[class*="phoenix"] input[type="submit"],
body[class*="phoenix"] #brands-top-menu ul,
body[class*="phoenix"] #brands-top-menu ul li a,
body[class*="phoenix"] .viewprodcat { background: #777; color: #fff; }
body[class*="phoenix"] #brands-top-menu ul li a:hover { background: #555; color: #fff; }
body[class*="phoenix"] a,
body[class*="phoenix"] #opening-times .number,
body[class*="phoenix"] .brand-color,
body[class*="phoenix"] #content-top h1,
body[class*="phoenix"] #content-top h2,
body[class*="phoenix"] #content-top h3,
body[class*="phoenix"] #content-top h4,
body[class*="phoenix"] #content-top h5,
body[class*="phoenix"] #content-top h6,
body[class*="phoenix"] #content-bottom h1,
body[class*="phoenix"] #content-bottom h2,
body[class*="phoenix"] #content-bottom h3,
body[class*="phoenix"] #content-bottom h4,
body[class*="phoenix"] #content-bottom h5,
body[class*="phoenix"] #content-bottom h6 { color: #777; }
/* resets for black colour scheme */
body[class*="phoenix"] .pager li > a { color: #bfc2c3; }
body[class*="phoenix"] .pager li > a:hover { color: #2c3437; }
body[class*="phoenix"] .pager li.pager-previous > a,
body[class*="phoenix"] .pager li.pager-previous > a:hover,
body[class*="phoenix"] .pager li.pager-next > a,
body[class*="phoenix"] .pager li.pager-next > a:hover { color: #fff; }