@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"); /**#**#**#**##**##**##**##* COLOURS *##**##**##**##**##**##**##**#*/
/**#**#**#**##**##**##**##* COLOURS *##**##**##**##**##**##**##**#*/
.navbar {
  background: #333333;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.navbar .search-button {
  color: #000000;
  width: 37px;
  height: 37px;
}
.navbar .search-button i {
  margin-left: -2px;
}
.navbar .search-button:hover {
  color: #000000;
}

.nav-link {
  color: white;
}
.nav-link:focus {
  color: white;
}
.nav-link:hover {
  color: white;
}

.btn-primary {
  background-color: white;
  border: 2px solid #333333;
  color: black;
}

.btn-primary:hover {
  background-color: #333333;
  border: 2px solid #333333;
  color: white;
}

:root {
  --bs-font-sans-serif: Montserrat,Helvetica,Arial,Lucida,sans-serif;
}

/* ------------ RESET ------------- */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, figcaption {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}

fieldset, iframe {
  border: none;
}

caption, th {
  text-align: left;
}

body {
  font: 12px/18px Montserrat, Helvetica, Arial, Lucida, sans-serif;
  color: #111111;
  -webkit-font-smoothing: antialiased;
  background-image: url("images/SiteBackground.jpg");
  background-position: left top;
  background-repeat: repeat;
  background-color: var(--bs-body-bg);
}

ol {
  margin-bottom: 18px;
  list-style: decimal;
  margin-left: 2.2em;
}

ul {
  list-style: none outside;
}
ul ul.square,
ul ul.circle,
ul ul.disc {
  margin-top: 4px;
  margin-bottom: 5px;
}

ul.square,
ul.circle,
ul.disc {
  margin-left: 2em;
  margin-bottom: 18px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

h1, h2, h3, h4, strong {
  color: #000000;
}

h1, h2, h3, h4 {
  font-weight: bold;
}

h2, h3, h4 {
  line-height: 18px;
}

h1, h2 {
  margin-bottom: 18px;
}

h1 {
  font-size: 24px;
  line-height: 36px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 1em;
}

h4 {
  font-size: 10px;
}

/* ---------- MAIN LAYOUT ------------ */
/* Breadcrumbs */
.breadcrumb-container {
  height: 36px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.breadcrumb-container ol {
  margin-bottom: 0;
}
.breadcrumb-container ol li a {
  color: #333333;
  font-weight: bolder;
}
.breadcrumb-container ol li:last-child a {
  font-weight: normal;
}

/* Collections Menu */
div.collectionMenu-wrapper {
  height: 100%;
  background-color: #444444;
}

ul.collections-menu li {
  min-height: 46px;
  color: #FFFFFF;
  background-color: #444444;
  border-top: 1px solid #888888;
  border-bottom: 1px solid #888888;
  transition: box-shadow 0.3s;
}
ul.collections-menu li ul li {
  color: #FFFFFF;
  background-color: #555555;
  margin-left: 20px;
}
ul.collections-menu li ul li ul li {
  background-color: #666666;
}
ul.collections-menu li a {
  padding: 1em;
  height: 46px;
  line-height: 16px;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-weight: lighter;
  text-align: left;
  color: #FFFFFF;
}

ul.collections-menu li:hover {
  filter: brightness(110%);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

/* Language Menu */
button#languageDropdown {
  background-color: #252d34;
  border-color: #444444;
}

#language-dropdown .dropdown-menu {
  min-width: 3em;
  text-align: center;
  padding: 0.5em;
}

#language-dropdown .dropdown-menu a {
  margin-left: 0;
  padding: 6px;
}

/* Footer */
#siteFooter, #aisFooter {
  background-color: #252d34;
  width: 100%;
}

#siteFooter h2 {
  font-weight: bold;
  color: #FFFFFF;
}
#siteFooter a, #siteFooter p, #siteFooter li {
  color: #FFFFFF;
}
#siteFooter .footerPanel ul.contact-list {
  list-style-type: none !important;
}
#siteFooter .footerPanel ul.contact-list li {
  margin-left: 0;
  list-style-image: none;
}
#siteFooter .footerPanel ul.contact-list li::marker {
  content: "";
}
#siteFooter .footerPanel li {
  line-height: 24px;
  list-style-image: url("images/FooterBullet.png");
  margin-left: 18px;
}
#siteFooter .footerPanel .footerPhone, #siteFooter .footerPanel .footerEmail {
  height: 20px;
  line-height: 20px;
  float: left;
  margin: 2px 10px 0px 0px;
  padding-left: 25px;
  -webkit-background-size: 20px auto;
  -moz-background-size: 20px auto;
  background-size: 20px auto;
  background-repeat: no-repeat;
}
#siteFooter .footerPanel .footerPhone {
  background-image: url("images/Phone.svg");
}
#siteFooter .footerPanel .footerEmail {
  background-image: url("images/Email.svg");
}
#siteFooter .footerPanel:last-of-type ul li {
  list-style-image: none !important;
}
#siteFooter .footerBanner {
  width: 100%;
  height: 41px;
  clear: both;
  background-color: #a8a8a8;
}
#siteFooter .footerBanner .footerPhone, #siteFooter .footerBanner .footerEmail {
  display: flex;
  height: 100%;
  float: left;
  margin: 8px 10px 0px 20px;
  padding-left: 35px;
  color: #FFFFFF;
  -webkit-background-size: 25px auto;
  -moz-background-size: 25px auto;
  background-size: 25px auto;
  background-repeat: no-repeat;
}
#siteFooter .footerBanner .footerPhone span, #siteFooter .footerBanner .footerEmail span {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0.25em;
}
#siteFooter .footerBanner .footerPhone {
  background-image: url("images/Phone.svg");
}
#siteFooter .footerBanner .footerEmail {
  background-image: url("images/Email.svg");
}
#siteFooter .footerBanner .footerSocial {
  display: flex;
  align-items: center;
  height: 100%;
  float: right;
}
#siteFooter .footerBanner .footerSocial .facebook, #siteFooter .footerBanner .footerSocial .googlePlus, #siteFooter .footerBanner .footerSocial .twitter, #siteFooter .footerBanner .footerSocial .pinterest {
  height: 25px;
  width: 25px;
  float: left;
  margin-right: 10px;
  -webkit-background-size: 25px auto;
  -moz-background-size: 25px auto;
  background-size: 25px auto;
  background-repeat: no-repeat;
}
#siteFooter .footerBanner .footerSocial .facebook {
  background-image: url("images/Facebook.svg");
}
#siteFooter .footerBanner .footerSocial .googlePlus {
  background-image: url("images/GooglePlus.svg");
}
#siteFooter .footerBanner .footerSocial .twitter {
  background-image: url("images/Twitter.svg");
}
#siteFooter .footerBanner .footerSocial .pinterest {
  background-image: url("images/Pinterest.svg");
}

#aisFooter {
  float: left;
  padding: 1%;
}
#aisFooter .logo {
  float: right;
  color: #FFFFFF;
}

/* AIS Footer*/
/*

img{-ms-interpolation-mode:bicubic}

fieldset {border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0;}
legend { font-size: 1.2em; font-weight: bold;}
textarea { min-height: 75px; vertical-align:top; }

button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal; padding: 0px 5px; }
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}*/
/*input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="submit"]{background-repeat:no-repeat; border-width:1px;}*/
/* ---------- UTILITY CLASSES ------------*/
/*.clear { clear: both; }
.clearfix:before,
.clearfix:after {height: 0; content: "."; display: block; overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}*/ /* IE < 8 */
/*.clearer { height: 0; line-height: 1px; margin: 0; padding: 0; clear: both; display: block; font-size: 1px; }
.hidden{display:none;}
.nowrap{white-space: nowrap;}
.casenormal{text-transform: none !important;}*/
/**/
/*p { margin-bottom: 15px; }

h1{font-size:2em;margin:0.67em 0em 0.5em 0;}
h2{font-size:1.5em;margin:0.7em 0em 0.5em 0;}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}


a { outline: 0; text-decoration: none; color: #232323; }
a:hover {text-decoration:underline;}*/
/*a:link, a:visited, a:hover, a:active {color: #232323;}*/
/* ---------- MAIN LAYOUT ------------ */
/*#wrapper {width:980px; min-width:320px; margin:0px auto; position:relative; overflow:auto; background-color:#fff;}
#wrapper #siteTop {width:100%; position:relative;*/ /*overflow:auto;*/ /*}
#wrapper #siteMiddle {width:100%; min-height:550px; position:relative; overflow:auto;}*/ /* Height needs checking*/
/*#wrapper #siteMiddle #middleLeft {height:100%; float:left;} 
#wrapper #siteMiddle #middleContent {height:100%; min-width:300px; float:left;}
#wrapper #siteMiddle #middleRight {height:100%; float:right;} 
#wrapper #siteBottom {width:100%; float:left; background-color:#252d34;}*/
/* header */
/*#headerTopPnl {width:100%; min-height:62px; float:left; background-color:#252d34; position:relative;}
#headerTopPnl .search-box {float:right; position:relative; margin:20px 20px 0px 0px;}
#headerTopPnl .search-box #q {width:230px; height:24px; float:left; padding:0px 25px 0px 10px; -moz-border-radius:12px; border-radius:12px; border-style:none; color:#333333; font-size:14px;}
#headerTopPnl .search-box input[type="submit"] {width:16px; height:16px; float:left; position:absolute; right:8px; top:4px; border:none; background-image:url('images/Search.svg'); -webkit-background-size:16px auto; -moz-background-size:16px auto; background-size:16px auto; background-color:transparent;}


#headerTopPnl #smallLogo img {width:130px; height:auto; float:left; margin:5px 0px 5px 10px; display:block;}
#headerTopPnl #largeLogo img {width:200px; height:auto; float:left; margin:5px 2px 5px 10px; display:block;}*/
/*#headerTopPnl #smallLogoSVG img {width:130px; height:auto; float:left; margin:14px 0px 5px 10px; display:none;}
#headerTopPnl #largeLogoSVG img {width:200px; height:auto; float:left; margin:14px 2px 5px 10px; display:none;}*/
/*.svg #headerTopPnl #largeLogoSVG img {display:block;}
.svg #headerTopPnl #largeLogo img {display:none;}

nav#topMenu {float:right; margin:14px 10px 0px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
nav#topMenu li{display:inline;}
nav#topMenu a {border:1px solid transparent; margin-left:5px; padding:6px 8px 6px 35px; background-position:8px 6px; border-radius:4px;}*/
/*nav#topMenu a.selected {padding-bottom:20px;  border: 1px solid white; background-color:silver; border-bottom-left-radius:0; border-bottom-right-radius:0px; border-bottom-color:transparent; }*/
/*nav#topMenu a.selected, .no-touch nav#topMenu a.selected:hover {background-color:#1d82f1;}

.no-touch nav#topMenu a:hover {border:1px solid transparent; text-decoration:none;background-color:#5e5e5e}

#headerTopPnl #basketButton {height:38px; float:right; position:relative; color:#FFFFFF; background-image:url('images/Basket.svg'); -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;  background-repeat:no-repeat;}
.no-svg #headerTopPnl #basketButton {background-image:url('images/Basket.png');}
#headerTopPnl #accountButton {height:38px; float:right; position:relative;  color:#FFFFFF; background-image:url('images/Account.svg'); -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;  background-repeat:no-repeat;}
.no-svg #headerTopPnl #accountButton {background-image:url('images/Basket.png');}
#headerTopPnl #adminButton {height:38px; float:right; margin-right:0px; position:relative; color:#FFFFFF; background-image:url('images/Admin.svg'); -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto; background-repeat:no-repeat;}
.no-svg #headerTopPnl #adminButton {background-image:url('images/Admin.png');}
#headerTopPnl #categoryButton {height:38px; float:right; position:relative; color:#FFFFFF; background-image:url('images/Menu.svg');  -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto; background-repeat:no-repeat;}
.no-svg #headerTopPnl #categoryButton {background-image:url('images/Menu.png');}
#headerTopPnl #searchButton {height:38px; float:right;  display:none; position:relative; color:#FFFFFF; background-image:url('images/Search_White_20.svg'); -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;  background-repeat:no-repeat;}
.no-svg #headerTopPnl #searchButton {background-image:url('images/Search_White_20.png');}

.hilighter { display:none; position:absolute; z-index:200;  width:12px; height:11px;  Left:10px; bottom:-14px;  background-color:transparent; background-image:url('images/WhiteTriangle.svg'); -webkit-background-size:12px auto; -moz-background-size:12px auto; background-size:12px auto; background-repeat:no-repeat;}
.no-svg .hilighter {background-image:url('images/WhiteTriangle.png') }*/
/* MENUS */
/*#searchMenuPnl {width:100%;*/ /*min-height:28px;*/ /*float:left;  display:none; background-color:#252d34; } 
#searchMenuPnl.selected {border-top:1px solid white;}
#searchMenuPnl .search-box {margin:0px auto; width:90%; max-width:300px; position:relative; display:none;}
#searchMenuPnl .search-box #q {width:100%; height:22px; float:left; margin-top:6px; margin-bottom:6px; padding:0px 21px 0px 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  -moz-border-radius:11px; border-radius:11px; border-style:none; color:#333333; font-size:14px; }
#searchMenuPnl input[type="submit"] {width:16px; height:16px;  position:absolute; top:9px; right:8px; border:none; background-image:url('images/Search.svg'); -webkit-background-size:16px auto; -moz-background-size:16px auto; background-size:16px auto; background-color:white;}

#accountMenuPnl { display:none; background-color:#1d82f1; color:white; border:1px solid white; padding:5px; width:300px; min-height:100px; position:absolute; z-index:150;}
#accountMenuPnl input  {color: #555555; }
#accountMenuPnl a{color: white; }




/* BREADCRUMBS*/
/*#breadcrumbsPnl {width:100%; min-height:24px; float:left; border-top:1px solid #d4d6d7; background-color:#666; color:#fff}
#breadcrumbsPnl ol.breadcrumb {margin-left: 10px; float:left; line-height:22px;}
#breadcrumbsPnl .breadcrumb li {display: inline}
#breadcrumbsPnl .breadcrumb li a {color:#fff}
#breadcrumbsPnl .breadcrumb .bread-home{}
#breadcrumbsPnl .breadcrumb .bread-seperator{}
#breadcrumbsPnl .breadcrumb .bread-name{}*/
/*.breadcrumb-container{
    background-color:#666;   
}




.screen-size {
    line-height: 24px;
    float: right;
    margin-right: 10px;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
}*/
/* Account Menu */
/*#accountMenuPanel {width:320px; padding:10px; display:block; overflow:auto; background-color:gray;}
#accountMenuPanel fieldset{width:90%; margin:0 auto;}*/
/* TESTING */
/*.style-test .footerContactPnl {background-color:red;}
.style-test .footerAboutUsPnl {background-color:green;}
.style-test .footerAccountPnl {background-color:blue;}
.style-test .footerInfoPnl {background-color:yellow;}

.style-test #siteTop {background-color:#DDDDDD;}
.style-test #middleLeft {background-color:#BBBBBB;}
.style-test #middleContent {background-color:#AAAAAA;}
.style-test #middleRight {background-color:#BBBBBB;}

.imgThumbContainer {width:170px; height:170px; float:left; margin:8px; border:1px solid #ececec; background-color:#FEFEFE;}*/ /* temp */
/*.imgThumbContainer .imgThumbPlaceholder {width:170px; height:129px; border-bottom:1px solid #ececec;}
.imgThumbContainer .imgThumbInfo {width:162px; height:32px; padding:4px;}
.imgThumbContainer .imgThumbInfo h3 {margin:0; line-height:14px;  font-size:12px;  font-weight:lighter; }
.imgThumbContainer .imgThumbInfo .imgThumbDesc {line-height:14px; font-size:12px;  font-style:italic; color:#3083ef;}*/
/* ----------- GENERIC ALL PAGES ------------- */
/*.flexwrap {margin:0 auto; width:980px; display:block; max-width:96% }*/ /* not used bout could be useful */
/*.box-effect1{-webkit-box-shadow: 0 2px 3px 2px #AAA; -moz-box-shadow: 0 2px 3px 2px #AAA; box-shadow: 0 2px 3px 2px #AAA;}

.page-content-div {padding:10px; overflow:auto;}*/
/* basic forms */
/*.editor-label {margin: 1em 0 0 0;}
.editor-field {margin: 0.5em 0 0 0;}*/
/* validation helpers */
/*.field-validation-error {color:#f00;}
.field-validation-valid {display:none;}
.input-validation-error {border:1px solid #f00; background-color: #fee;}
.validation-summary-errors {font-weight:bold; color:#f00; text-align:center;}
.validation-summary-valid {display:none;}*/
/* specific pages */
/*#pgHome #divWelcome {width:100%; height:550px;background-color:#a8a8a8;}
#pgHome #WelcomeLeft {height:100%; float:left; max-width:40%;}
#pgHome #WelcomeRight {width:auto; height:100%; float:right;}
#pgHome h1.page-header {margin:70px 0 0 30px; line-height:55px; color:white; font-size:30px; font-weight:normal; text-align:center;}
h1.page-header {padding-left:15px;}

#pgLogin {}
#pgRegister { }
#pgForgottenPassword { }*/
/* checkout*/
/*#PgPreview { }
#pgUserPermissionDenied{ }
#pgOptions*/
/* Site Admin*/
/*#pgSiteAdmin { }
#pgSiteAdmin li {margin-bottom:10px;}
#pgCollectionList { }*/
/*General Pages*/
/*.general-section-content .highlighted {font-weight:bold; color:#1b83f5;}
#pgDelivery{ }
#pgHelpOrdering{}
#pgPrivacyPolicy { }
#pgReturns .content {padding:8px 20px;}
#pgReturns .content p {min-width:300px;}
#pgReturns #refundGraphic {width:260px; height:260px; float:left; margin-right:30px; background-image:url('images/ReturnsGraphic.svg'); -webkit-background-size:260px auto; -moz-background-size:260px auto; background-size:260px auto; background-repeat:no-repeat;}
.no-svg #pgReturns #refundGraphic {width:260px; height:260px; float:left; margin-right:30px; background-image:url('images/ReturnsGraphic.png'); background-repeat:no-repeat;}*/
/*------------- RESPONSIVE ---------------*/
/*Check Media Queries not working on ie8 and check min-width not compatible firefox 9
    what is min-device-width */
/* 980px fixed - STANDARD PC/ LARGE TABLET LANDSCAPE (default without media queries (black)) */
/* 1280px fixed - LARGE PC / HIGH REZ TABLET LANDSCAPE (red) */
/*@media (min-width: 1285px) {
    #wrapper {width:1220px;}
    .screen-size {color:red;}*/
/* incease margings as content more spaced out */
/*.page-content-div {padding:15px;}
    h1.page-header {padding-left:20px;}
    #breadcrumbsPnl ul.breadcrumb {margin-left: 15px;}
    #topMenu {margin-right: 15px;}
    #headerTopPnl #smallLogo img, #headerTopPnl #largeLogo img, #headerTopPnl #smallLogoSVG img, #headerTopPnl #largeLogoSVG img{margin-left:15px}*/
/*#categoryMenu span.liContent {width:250px;}*/
/*#categoryMenu {width:250px;}
    .footerInfoPnl, .footerAboutUsPnl, .footerAccountPnl, .footerContactPnl  {width:21%; margin:1%; padding:1%;}

}*/
/* 760px fixed - TABLET PORTRAIT (green) */
/* 2 column footer */
/*@media (max-width: 959px) {*/ /*review*/
/*.screen-size {color:green;} 
    #wrapper {width:760px;}
    #categoryMenu {display:none;}
    #headerTopPnl #largeLogo img {width:150px; margin-top:19px; margin-left:10px; }
    #headerTopPnl #largeLogoSVG img {width:150px; margin-top:19px; margin-left:10px}

    #pgHome #divWelcome {width:100%; height:500px;background-color:#a8a8a8;}
    #pgHome #WelcomeLeft {height:100%; float:left; max-width:30%;}
    #pgHome #WelcomeRight {width:auto; height:100%; float:right;}
    #pgHome h1.page-header {margin:65px 0 0 10px; line-height:48px; color:white; font-size:26px; font-weight:normal; text-align:center;}

    nav#topMenu a {margin-left:1px;}
    #headerTopPnl .search-box {margin-right:8px;}
    #headerTopPnl .search-box #q {width:125px; font-size:12px;}

    .footerInfoPnl, .footerAboutUsPnl, .footerAccountPnl, .footerContactPnl{width:44.8%; min-height:50px; float:left; margin:1.3%; padding:1.3%;  margin-bottom:0px; }
    #siteFooter .clearer {display:block;}
    #footerBanner span {font-size:16px;}
    #siteFooter h2 {font-size: 1.4em;}

    .imgThumbContainer {margin: 6px;}
}*/
/* <760px varable  - MOBILE (blue) */
/*@media (max-width: 759px) {



    .screen-size {color:blue;} 
    #siteTop #searchMenuPnl {display:block;*/ /*height:35px;*/ /*}
    #siteTop #headerTopPnl {min-height:52px;}
    #siteTop #headerTopPnl .search-box {display:none;}
    #siteTop .account-button-text {display:none;}
    #siteTop .basket-button-text {display:none;}   
    #siteTop .admin-button-text {display:none;}   
    #siteTop .search-button-text {display:none;} 
    #siteTop .category-button-text {display:none;}  

    #siteTop #headerTopPnl #smallLogo img {display:none;}  
    #siteTop #headerTopPnl #largeLogoSVG img {display:none;}

    .no-svg #headerTopPnl #smallLogo img {display:block; float:left;}  
    .svg #headerTopPnl #smallLogoSVG img {display:block; float:left;}

    nav#topMenu {margin-top:8px;}
    nav#topMenu a {padding-right:1px;}
    #headerTopPnl #basketButton {padding-right:8px;}
    #headerTopPnl #searchButton  {display:block;} 

    .hilighter {bottom:-12px;}

    .footerSocial {height:25px; float:right; margin:8px 0px 0px 0px;}
    .footerSocial .twitter {height:20px; width:20px; margin-right:8px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    .footerSocial .facebook {height:20px; width:20px; margin-right:8px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    .footerSocial .googlePlus {height:20px; width:20px; margin-right:8px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    .footerSocial .pinterest {height:20px; width:20px; margin-right:8px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}

    #siteFooter #footerBanner {width:100%; height:30px;}
    #footerBanner .footerPhone {height:20px; line-height:20px; margin:5px 5px 0px 15px; padding-left:35px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    #footerBanner .footerEmail {height:20px; line-height:20px; margin:5px 5px 0px 15px; padding-left:35px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    #footerBanner span {font-size:14px; font-weight:normal;}
    #footerBanner .footerSocial {height:20px; margin:5px 5px 0px 10px;}
    #footerBanner .footerSocial .twitter {height:20px; width:20px; margin-right:5px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    #footerBanner .footerSocial .facebook {height:20px; width:20px; margin-right:5px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    #footerBanner .footerSocial .googlePlus {height:20px; width:20px; margin-right:5px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
    #footerBanner .footerSocial .pinterest {height:20px; width:20px; margin-right:5px; -webkit-background-size:20px auto; -moz-background-size:20px auto; background-size:20px auto;}
}*/
/* (purple) */
/* remove social footer and add icons to customer service section */
/* hide menu on home page */
/*@media (max-width: 600px) {
    .screen-size {color:purple;} 

    .footerSocial {display:block;}
    #footerBanner .footerSocial {display:none;}
    .td-serach-box {width:80%;}
    .tableSpacer {width:10%;}
    #footerBanner {display:none;}
}*/
/* (orange) */
/* single column footer */
/*@media (max-width: 480px) {
    .screen-size {color:orange;} 
    .footerInfoPnl, .footerAboutUsPnl, .footerAccountPnl, .footerContactPnl {width:92%; margin:4% 0}
    #headerTopPnl #accountButton {margin-right:0px; display:none;}
    #headerTopPnl #adminButton {margin-right:0px;}
    #headerTopPnl #searchButton {margin-right:0px;}
    #headerTopPnl #categoryButton {margin-right:0px;}
}*/