* { margin:0; padding:0; 
word-break: normal;

}

#accordion-description .content {
padding-left: 17px;  
padding-bottom: 15px;  

}
.pagebuilder-banner-wrapper .pagebuilder-poster-content h2 span {
    margin-top: 15px;
    color: white;
    font-weight: bold;
}
.topheading .pagebuilder-banner-wrapper .pagebuilder-poster-content h2, .topheading .pagebuilder-banner-wrapper .pagebuilder-poster-content h2 span {


    font-weight: bold;
}

.seasonal-banner-row h3 {
    color:#00468a !important;
    font-size: 60px !important;
}
@media only screen and (min-width: 768px){
.nav-sections.sticky {
    position: fixed !important; 
   top:150px !important;
    width: 100% !important;
}

.rootmenu-list > li:hover > a, .rootmenu-list > li > a:hover {
    background: #ffffff !important;
    color: #00468a !important;
   
}



}
@media only screen and (min-width: 768px)
.nav-sections.sticky {
position:fixed !important;
}
}
.seasonal-banner-row h3 {
    color: #004e8f;
}
#viewrange a {
color: #004e8f !important;
}
@media only screen and (min-width: 1280px){
.nav-sections .section-items {
    position: fixed !important;
    top: 151px;
    width: 1240px;
    left: calc((100vw - 1240px)/2);
    z-index: 1001;
}



nav.rootmenu {
    margin-top: -2px;
}
}


@media only screen and (min-width:769px) {
.catalog-category-view #maincontent {
margin-top:10px;

}
.catalog-category-view .blackline {
margin-top:200px !important;

}
.page-header {
border-bottom:1px solid #616365 !important;
}
.catalog-product-view  #maincontent {
margin-top:0px;

}
.catalog-product-view  .blackline  {
margin-top:120px;

}

}  
.products {
  margin-top:0px;
}
@media only screen and (max-width:769px) {
    .catalog-category-view .blackline {
margin-top:110px !important;

}
.products {
  margin-top:0px;
}
.seasonal-banner-row h3 {
    text-align: center !important;
    font-size: 45px !important;
    margin-top: -10px;
}
.seasonal-banner-row .pagebuilder-column {
    margin-bottom:0px !important;
}
.seasonal-banner-row { padding-bottom: 10px; }
.catalog-category-view #maincontent {
margin-top:120px;

}
.catalog-product-view  #maincontent {
margin-top:120px;

}
.catalog-product-view  .blackline {
margin-top:112px !important;

}
}    





.product-info-main .page-title-wrapper h1 {
    margin-bottom: 0px;
}
.content p {
    margin: 0 0 5px;

}

.fg--search {
  background: white;
  position: relative;
  width: 250px;
}

.fg--search input {
  width: 100%;
  padding: 15px 60px 20px 20px;
  display: block;
}

.fg--search button {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 20px;
  z-index: 2;
}

.fg--search input:focus + button .fa-search {
  color: blue;
}


#searchmain {
 border:0px solid;
     box-shadow: 0 0 5pt 0.5pt #ccc;

}
.main-only .search {
    float: right;
}
.main-search-button {
    background: #004e8f;
    color: white;
    margin:0px;
    float: right;
    font-size: 14px;
    padding:12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 0px;
}

.table-wrapper { margin-bottom: 0px; }
.additional-attributes-wrapper {
    border-top: 1px solid #c1c1c1;
}


.main-only .control {
  
    margin-top: 13px;
}
.control table>tbody>tr>td {
    padding: 0px;
}
.noborderstable {
    padding: 0px;
}






body          { background: #fff; 
   font:15px/1.55 agenda, arial; font-weight:500; color:#555;  }
   
   #myBtn {
       display: none; /* Hidden by default */
       position: fixed; /* Fixed/sticky position */
       bottom: 20px; /* Place the button at the bottom of the page */
       right: 30px; /* Place the button 30px from the right */
       z-index: 99; /* Make sure it does not overlap */
       border: none; /* Remove borders */
       outline: none; /* Remove outline */
       background-color: #888; /* Set a background color */
       color: white; /* Text color */
       cursor: pointer; /* Add a mouse pointer on hover */
       padding: 10px 14px 17px; /* Some padding */
       border-radius: 10px; /* Rounded corners */
       font-size:30px;
       font-weight:bold;
   }
   
   #myBtn:hover {
       background-color: #555; /* Add a dark-grey background on hover */
}

.page-layout-1column .product-info-main {margin-top:0px}
.product-info-main .product-reviews-summary {display:none;}
.products-grid .product-item-inner {display:none;}
.abs-visually-hidden-desktop-s, .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {display:none;}
.product-info-main .page-title-wrapper h1 {border:0px}
.product-info-main .product-info-stock-sku {width: 50%; padding-left: 1%;}
.product-item-name, .product.name a {
    font-weight: normal !important;
    font-size: 15px;
    text-align: center;
}

.shopping {
    padding: 5px 0;
}

.shopping.shop1 {
    border-top: 1px solid #bbb;
}

.shopping h2:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 12px;
    color: inherit;
    font-family: 'luma-icons';
    content: "\e61c";
    margin: -2px 5px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.shopping.active h2:before {
    content: "\e60f";
}

.minicart-wrapper{display:none;}

.title1{ position: relative; float: left; font-size: 16px; padding: 4px 0;}

.hbco-only .title1 {float: right;margin-left: 25px;}
.hbco-only .search {float: right;margin-left: 25px;}
.hbco-contact {float: right;margin-left: 25px;}
img.sticker.brand {max-width: 42%; max-height:40px; z-index: 2; position: absolute; right: 0; top: 0;}
img.sticker.new {width: 25%; z-index: 2; position: absolute;}
img.sticker.instock {width: 25%; z-index: 2; position: absolute;}
img.sticker.instock1 {width: 25%; z-index: 2; position: absolute; right: 0;}
img.sticker.sold {width: 70%; z-index: 2; position: absolute; margin: 15%;}
img.stickerprod.brand {max-height: 70px; max-width: 42%; margin: 1%;}
img.stickerprod.new {width: 15%; margin: 1%;}
img.stickerprod.instock {width: 15%; margin: 1%;}
img.stickerprod.sold {width: 50%; margin: 1%;}

span.seasonalhours {float: right;}
p.seasonalhours {border-bottom: dotted 1px #222; margin-bottom: 2px;}



.fotorama__active .fotorama__dot { background-color: #004e8f; border-color: #004e8f;}

.prod1-1{font-size: 12px;}

.page-products .product-item-info {position: relative;}

.block.related .related-available .product-item-name {margin-left: 0px;}

.related .title {text-align: center; padding-bottom: 20px; border-bottom: 1px solid #bbb;}

.related .title strong {font-size: 2.8rem; color: #555;}

.related .products-related {margin: 0;}

.related .product-items {margin: 0;}

.opc-wrapper .shipping-address-item.selected-item, .block-collapsible-nav .item.current a {
    border-color: #004e8f;
}

.opc-wrapper .shipping-address-item.selected-item:after, .minicart-wrapper .action.showcart .counter.qty {
    background: #004e8f;
}

.sales-order-view .page-title {
    width: auto;
}

.fieldset>.field>.control.captcha{
width: 100%;
}

.fieldset>.field>.control.captcha .input-text{
width: 55%;
}

.control.captcha-image .captcha-img {
    float: right;
}



.mailinglist span:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 12px;
    color: inherit;
    font-family: 'luma-icons';
    content: "\e61d";
    margin: -5px 5px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.reviews-1 span:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 12px;
    color: inherit;
    font-family: 'luma-icons';
    content: "\e605";
    margin: -2px 5px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.prodrange-2 span {
    color: #6d6e71;
}

span.prodrange {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

.navigation.services {
    background: #004e8f;
}

.navigation.services .level0>.level-top {
    color: white;
}

.page-footer .widget.block {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #cecece;
    padding-top: 20px;
}

.page-footer .widget.block ul {
    margin: 0;
    padding: 0;
    list-style: none none;
}



.page-footer .widget.block .links a, .footer.content .links strong {
    display: block;
    padding: 10px 0;
}

.page-footer .widget.block .links a {
    color: #575757;
    text-decoration: none;
}

.page-footer .widget.block .links a:visited {
    color: #575757;
    text-decoration: none;
}

.page-footer .widget.block .links a:hover {
    color: #575757;
    text-decoration: underline;
}

.filter .block-subtitle {text-transform: uppercase; letter-spacing: 0px; color: #2e2e2e;}
.block-compare .block-title strong, .block-reorder .block-title strong, .widget .block-title strong, .block-wishlist .block-title strong {font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0px;}
.filter-options-title {text-transform: uppercase; letter-spacing: 0px; color: #2e2e2e;}

.text-box-1 {float: left; width: 30%; margin: 1.65%; padding: 1%; border: 2px solid #a8a8a8; background: white; color: #888; box-sizing: border-box;}
.text-box-1-h2 {font-size: 1.17em; color: #888;}
.text-h2, .text-box-a, .text-box-p {color: #888;}
.text-box-2 {float: left; width: 30%; margin: 1.65%; padding: 1%; background: white; color: #888; box-sizing: border-box;}
.text-2 {width:50%; float:left;}
.page-1 {display: block; margin-left: auto; margin-right: auto; width: 50%;}
.page-1 img {display: block; width: 100%;}
.page-1 p {text-align: left; width: 100%;}

.pap1 {margin: 0.5%; display: block; width: 30%; float: left; border:10px solid #747474}
.pap2 {margin: 0.5%; display: block; width: 30%; float: left; border:10px solid #ea702e}
.pap4 {margin: 0.5% 0.5% 20px 0.5%;}

.extra-price .price-label {font-family: agenda, arial; font-size: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; color: #2e2e2e;}
.extra-price .price{font-family: agenda, arial; font-size: 20px; font-weight: bold; color: #2e2e2e;}

.prod-1 {width: 100%; display: inline-block; margin:10px 0;}
.prod-2 {width: 24%; float: left; background: #fff; margin: 0.5%; text-align: center; height:270px;}
.prod-4 {text-decoration: none; width: 96%; border: 0px solid #ccc; font-family: agenda, arial; letter-spacing: 0px; text-transform: uppercase; font-size: 12px; color: #000; margin: 0 1% 10px; padding: 1%;}
.prod-2 img {width:100%}
.prod-2 a {display:block;}

.brandbox {width: 100%; margin: 10px 0; float: left;}
.brandbox-1 {width: 40%; float: left}
.brandbox-1-2 {width: 30%; margin:1.5%; float: left}
.brandbox-1-2 img {width: 100%; border-radius:0 50px}
.brandbox-1-1 {width: 48%; margin:1%; float: left}
.brandbox-1-1 img {width: 100%; border-radius:0 50px}
.brandbox-1-4 {width: 24%; margin:0.5%; float: left}
.brandbox-1-4 img {width: 100%; border-radius:0 50px}
.brandbox-7 {width: 40%; float: left}
.brandbox-1 img {width: 100%; border-radius:0 50px}
.brandbox-7 img {width: 100%; border-radius:50px 0}
.brandboximg {margin: 0.5%; width: 40%; float: left}
.brandbox-2 {width: 53%; float: left; margin: 0 0 0 3%; padding: 2%; background: #eeeeee; border-radius: 50px 0 0;}
.brandbox-11 {width: 53%; float: left; margin: 0 0 0 3%; padding: 0 2%;}
.brandbox-4 {width: 90%; margin: 10px 0; padding: 5%; background: #eeeeee; border-radius: 50px 0; float: left;}
.brandbox-10 {width: 98%; margin: 10px 0; padding: 1%; background: #eeeeee; border-radius: 20px 0; float: left; text-align:center;}
.brandbox-12 {width: 98%; margin: 10px 0; padding: 1%; border-bottom: 5px #eeeeee solid; float: left; text-align:center;}
.brandbox-10 p {margin: 0px;}
.brandbox-5 {width: 53%; float: left; margin: 0 3% 0 0; padding: 2%; background: #eeeeee; border-radius: 0px 50px 0px 0px;}

.aboutbar{background: #9d9d9d; overflow: auto;}
.aboutbar-1{background: #9d9d9d; overflow: auto; max-width:1200px; margin:auto;}
.about-1{width: 17.5%;margin: 1%; padding: 0.25%; float: left; background: #9d9d9d;}
.about-1 p {color: #eee; letter-spacing: 0px; margin:0;}
.about-p1 {width: 100%; float: left;}
.about-p2 {width: 100%; float: left;}
.about-p1 img {width:80%; opacity:0.7;}
.about-p1:hover img {width:81%; opacity:1; transition-duration:0.1;}

.brochure-1 {width: 50%; margin: 1% auto; overflow: auto;}
.brochure-2 {width: 50%; float: left; letter-spacing:1px;}
.brochure-2 input {width: 80%; padding: 1%; letter-spacing:0px;}
.brochure-1 input[type="Submit"] {padding: 1%;}

.category-box {width:24%; padding: 0%; margin: 0 0.5% 0.5% 0; background: white; float: left; transition-duration: 0.5s;}
.category-1 {width: 49%; margin: 0 0.5% 0.5% 0;}
.category-2 {width: 24.5%; margin: 0 0.5% 0.5% 0;}
.category-4 {width: 24.5%; margin: 0 0 0.5% 0.5%;}
.category-5 {width: 49%; margin: 0 0 0.5% 0.5%;}
.category-7 {width: 100%; margin: 0 0 0.5% 0; background:#eee;}
.category-8 {width: 100%; margin: 0 0 0.5% 0; background:#004789;}
.category-8-1 {width: 49%; margin: 0 0.5% 0.5% 0.5%; background:#004789;}
.category-1-1 {width: 100%; margin:0;}
.category-1-2 {width: 45%; margin:0; float: right;}
.category-box-picture img {width:100%;}
.category-box-text {text-align:center; background:#888;}
.category-box-text a {text-align: center;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0px;}

.category-box .inner-box{width: 100%; background: #888; text-align: center; transition-duration: 0.5s;}
.category-box .inner-box p{color: #fff; text-decoration: none; padding: 5px 5px; margin: 0px; letter-spacing: 0px; font-size: 14px; max-height:21px; transition-duration: 0.5s;}
.category-box .inner-box p a{color: #fff; text-decoration: none; letter-spacing: 0px; font-size: 14px;}
.category-box:hover{background: #eee;}
.category-box:hover .inner-box{background: #793e98;}
.category-box:hover .inner-box p{color:#fff; font-weight:bold;}
.category-box:hover .inner-box p a{color:#fff; font-weight:bold;}

.category-box .inner-box-image {width: 100%; background: #e0e0e0; text-align: center; position:relative;}
.category-box .inner-box-image img{width:100%; transition-duration: 0.5s;}
.category-box .inner-box-text-1 {width:100%; text-align:center; margin:auto; position: absolute; top: 80%; transition-duration: 0.5s;}
.category-box .inner-box-text-2 {width:100%; text-align:center; margin:auto; position: absolute; top: 70%; transition-duration: 0.5s;}
.category-box .inner-box-text-3 {width:100%; text-align:center; margin:auto; position: absolute; top: 40%; transition-duration: 0.5s;}
.category-box .inner-box-text-4 {width:100%; text-align:center; margin:auto; position: absolute; top: 78%; transition-duration: 0.5s;}
.category-box .inner-box-text-5 {width:100%; color:#888; text-align:center; margin:0 auto 8px; transition-duration: 0.5s;}
.category-box .inner-box-text-7 {width:100%; text-align:center; margin:auto; position: absolute; top: 5%; transition-duration: 0.5s;}
.category-box .inner-box-text-7-1 {width:100%; color:#888; text-align:center; margin:auto; transition-duration: 0.5s; font-family: tamarillo-jf}
.category-box .inner-box-text-7-2 {width:100%; text-align:center; margin:auto; transition-duration: 0.5s; font-family: tamarillo-jf}
.category-box .inner-box-text-8 {width:22%; color:white; text-align:center; margin:auto 39%; transition-duration: 0.5s; position: absolute; top: 20%;}
.category-box .inner-box-text-8-1 {width:26%; color:white; text-align:center; margin:auto 37%; transition-duration: 0.5s; position: absolute; top: 20%;}
.category-box .inner-box-text-10 {width:22%; color:white; text-align:center; margin:auto 39%; transition-duration: 0.5s; position: absolute; top: 50%;}
.category-box .inner-box-text-11 {width:100%; text-align:center; margin:auto; position: absolute; top: 70%; transition-duration: 0.5s;}
.category-box .inner-box-text {width:100%; text-align:center; margin:auto; position: absolute; top: 40%; transition-duration: 0.5s;}
.category-box .inner-box-text span{background:rgba(0,0,0,0.1); width:50%; padding:2px 20px; border:2px solid #fff; border-radius:5px;
                                 text-align:center; margin:auto; transition-duration: 0.5s;}
.category-box .inner-box-text-2 span{background:rgba(0,0,0,0.1); width:50%; padding:2px 20px; border:2px solid #fff; border-radius:5px;
                                 text-align:center; margin:auto; transition-duration: 0.5s;}
.category-box .inner-box-text-4 span{background:rgba(0,0,0,0.1); width:50%; padding:2px 20px; border:2px solid #fff; border-radius:5px;
                                 text-align:center; margin:auto; transition-duration: 0.5s;}
.category-box .inner-box-text-1 a{color:#fff; letter-spacing: 0px; line-height:30px; font-size: 30px; font-weight:700; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-3 a{color:#fff; letter-spacing: 0px; line-height:30px; font-size: 30px; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-5 a{color:#888; letter-spacing: 0px; line-height:18px; font-size: 20px; text-decoration:none; transition-duration: 0.5s; text-transform: uppercase;}
.category-box .inner-box-text-7 a{color:#fff; letter-spacing: 0px; line-height:50px; font-size: 50px; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-7-1 a{color:#888; letter-spacing: 0px; line-height:50px; font-size: 50px; font-weight:400; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-7-2 a{color:#888; letter-spacing: 0px; line-height:50px; font-size: 50px; font-weight:400; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-8 a{color:white; letter-spacing: 0px; line-height:50px; font-size: 50px; font-weight:700; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-8-1 a{color:white; line-height:22px; font-size: 20px; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-10 a{color:white; letter-spacing: 0px; line-height:40px; font-size: 20px; text-decoration:none; transition-duration: 0.5s; text-transform: uppercase; }
.category-box .inner-box-text-2 a{color:#fff; font-size: 50px; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s; font-family: tamarillo-jf}
.category-box .inner-box-text-4 a{color:#fff; letter-spacing: 0px; line-height:20px; font-size: 20px; font-weight:700; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s;}
.category-box .inner-box-text-11 a{color:#fff; font-size: 30px; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s; font-family: tamarillo-jf}
.category-box .inner-box-text a{color:#fff; letter-spacing: 0px; font-size: 12px; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s;}
.category-box:hover .inner-box-colour {background: #fff;}
.category-box:hover .inner-box-colour a{color:#000; font-weight:bold;}
.category-box:hover .inner-box-image img{opacity:0.4;}



.master-box{width: 24%; padding: 0%; margin: 0.5%; background: #e0e0e0; float: left; transition-duration: 0.5s;}
.master-box .inner-box{width: 100%; background: #888; text-align: center; transition-duration: 0.5s;}
.master-box .inner-box p{color: #fff; text-decoration: none; padding: 5px 5px; margin: 0px; letter-spacing: 0px; font-size: 14px; max-height:21px; transition-duration: 0.5s;}
.master-box .inner-box p a{color: #fff; text-decoration: none; letter-spacing: 0px; font-size: 14px;}
.master-box:hover{background: #eee;}
.master-box:hover .inner-box{background: #793e98;}
.master-box:hover .inner-box p{color:#fff; font-weight:bold;}
.master-box:hover .inner-box p a{color:#fff; font-weight:bold;}

.master-box-wide-1.wide-2{background-image: url('https://www.hatfieldsofcolchester.com/media/wysiwyg/flooringoffersmain.jpg');}
.master-box-wide-1{width: 99%; margin: 0.5%; background-attachment: fixed; background-image: url('https://www.hatfieldsofcolchester.com/media/wysiwyg/homepic.jpg'); background-repeat: no-repeat; background-size: cover; display: inline-block; background-position: center center;}
.master-box-wide-1 .inner-box-text span{background:rgba(0,0,0,0.1); width:50%; padding:10px 20px; border:2px solid #fff; border-radius:5px;
                                 text-align:center; margin:auto; transition-duration: 0.5s;}
.master-box-wide-1 .inner-box-text span a{color:#fff; letter-spacing: 2px; font-size: 12px; font-weight:bold; text-shadow:2px 2px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s;}

.master-box .inner-box-colour.box-1{width: 100%; background: #7cc4b9; text-align: center; transition-duration: 0.5s;}
.master-box .inner-box-colour.box-2{width: 100%; background: #D54719; text-align: center; transition-duration: 0.5s;}
.master-box .inner-box-colour.box-3{width: 100%; background: #0C5FB3; text-align: center; transition-duration: 0.5s;}
.master-box .inner-box-colour.box-4{width: 100%; background: #CC4A3C; text-align: center; transition-duration: 0.5s;}
.master-box .inner-box-colour p, .master-box .inner-box-colour a{color: #fff; text-decoration: none; padding: 5px 5px; margin: 0px; letter-spacing: 0px; max-height:21px; font-size: 14px; transition-duration: 0.5s;}
.master-box .inner-box-image {width: 100%; background: #e0e0e0; text-align: center; position:relative;}
.master-box .inner-box-image img{width:100%; transition-duration: 0.5s;}
.master-box .inner-box-text {width:100%; text-align:center; margin:auto; position: absolute; top: 40%; transition-duration: 0.5s;}
.master-box .inner-box-text span{background:rgba(0,0,0,0.1); width:50%; padding:2px 20px; border:2px solid #fff; border-radius:5px;
                                 text-align:center; margin:auto; transition-duration: 0.5s;}
.master-box .inner-box-text a{color:#fff; letter-spacing: 0px; font-size: 12px; text-shadow:0px 0px 10px #6d6e71; text-decoration:none; transition-duration: 0.5s;}
.master-box:hover .inner-box-colour {background: white;}
.master-box:hover .inner-box-colour a{color:#000; font-weight:bold;}
.master-box:hover .inner-box-image img{opacity:0.4;}

.master-box .inner-box-grey{width: 100%; background: #888; text-align: center; transition-duration: 0.5s;}
.master-box .inner-box-grey p{color: white; text-decoration: none; padding: 5px 5px; margin: 0px; letter-spacing: 0px; font-size: 14px; max-height:21px; transition-duration: 0.5s;}
.master-box .inner-box-grey p a{color: white; letter-spacing: 2px; font-size: 14px; text-decoration:none;}
.master-box:hover .inner-box-grey{background: white;}
.master-box:hover .inner-box-grey p{color:#000; font-weight:bold;}
.master-box:hover .inner-box-grey p a{color:#000; font-weight:bold;}

#t .cr td{color:#000000;}

.specsheetdownload{ width:auto; max-width:50%; padding:5px; text-decoration:none; float:right; margin:5px 2px 0 0; color: buttontext; letter-spacing: 0px; text-transform: uppercase; border: 2px solid #cecece; background-color: #eee;}
.specsheetdownload:hover{background:#fff;}
.askquestion{ text-align:right; float:right; padding:5px; margin: 0 2px; width:auto; max-width:50%; white-space: normal; color: buttontext; letter-spacing: 0px; text-transform: uppercase; border: 2px solid #cecece; background-color: #eee;}
.askquestion:hover{background:#fff;}

.price-saving{  font-size: 14px; letter-spacing: 0px; font-weight: bold; margin: 0px 0px 20px; background: #888; color: #EEE; padding: 10px; width:200px; text-align:center;}
.price-saving-clearance {  font-size: 14px; letter-spacing: 0px; font-weight: bold; margin: 0px 0px 20px; background: #ee1f1f; color: #FFF; padding: 10px; width:200px; text-align:center;}

.category.minibanner{margin-bottom: 5px; margin-right:0px; float:right;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.navigation ul {font-family: agenda, arial; font-weight: 500; font-size:15px; text-transform: uppercase; letter-spacing: 0px; color: #2e2e2e; text-align:initial}
.navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top {border-color: #2e2e2e;}
.navigation .level0 .submenu .active>a {border-color: #2e2e2e;}
.navigation .level0 .submenu a {text-decoration:none}

#menu59.menu {background:#ffffff;}
#menu59.menu .parentMenu a {background:none;color:#a01b1b;font-weight: bold;}
#menu59.menu:hover a {color:#a01b1b;}
#menu59.menu:hover{background:#fff;}

#menu73.menu .parentMenu a {background:none;color:#92c81b;font-weight: bold;}

a:hover       { text-decoration:none; }
:focus        { outline:0; }



/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper { background: #fff; min-width:320px;}
.page {}
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container {margin-top:0px;}
.main { width:100%; margin:0; min-height:400px; padding:0px; background:#ffffff; text-align:left; }
.main .std {width: 90%; margin: auto; padding-bottom: 20px; max-width:1200px;}

/* Base Columns */
.col-left { float:left; width:195px; padding:0 0 1px; }
.col-main { float:left; width:685px; padding:0 0 1px; }
.col-right { float:right; width:195px; padding:0 0 1px; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:475px; margin-left:17px; }
.col3-layout .col-wrapper { float:left; width:687px; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font-family:agenda; color:#2e2e2e; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #bbb; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span { font-family:agenda; }
button.disabled span { border-color:#bbb !important; background:#bbb !important; }

.buttons-set { width:90%; max-width:1200px; clear:both; margin:20px auto; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; }
.buttons-set p.required { margin:0 0 10px; }
.buttons-set .back-link { float:left; margin:0; }
.buttons-set button.button { float:right; margin-left:5px; }

.buttons-set-order { margin:10px 0 0; }
.buttons-set-order .please-wait { padding:12px 7px 0 0; }

.form-list{ padding:10px; }
.form-list li { margin:0 0 8px; }
.form-list label { float:left; color:#555; font-weight:bold; position:relative; z-index:0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { margin-right:-15px; }*/
.form-list .input-box { display:block; clear:both; width:260px; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width:254px; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:260px; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; background:#ffffff; }
.form-list li.wide select { width:535px; }
.form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }

.form-list-narrow li  { margin-bottom:0; } 
.form-list-narrow li .input-box { margin-bottom:6px; }
.form-list-narrow li.wide .input-box { width:260px; } 
.form-list-narrow li.wide input.input-text, 
.form-list-narrow li.wide textarea { width:254px } 
.form-list-narrow li.wide select { width:260px; }

/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a; }
.validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:11px; text-align:right; color:#EB340A; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#df280a; font-weight:bold; }
.notice { color:#e26703; }

.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px !important; }
.messages li li { margin:0 0 3px !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; }
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/i_msg-error.gif); color:#df280a; }
.success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(../images/i_msg-success.gif); color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/i_msg-note.gif); color:#3d6611; }



/* Pager */
.pager { font-size:11px; background:#efefef; padding:4px 8px; border-top:1px solid #e2e2e2; text-align:center; }
.pager .amount { float:left; margin:0; }
.pager .limiter { float:right; }
.pager .limiter label { vertical-align:middle; }
.pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; }
.pager .pages { margin:0 140px; }
.pager .pages ol { display:inline; }
.pager .pages li { display:inline; margin:0 2px; }
.pager .pages .current {}

/* Sorter */
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float:right; padding-right:36px; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; }
.sorter .link-feed {}

/* Toolbar */
.toolbar {}
.toolbar .pager { padding:3px 8px; border-bottom:1px solid #efefef; }
.toolbar-bottom {}

/* Class: std - styles for admin-controlled content */
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; }
.std dl dt { font-weight:bold; }
.std dl dd { margin:0 0 10px; }
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }

/* Misc */
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; padding-right:0 !important; }

.link-cart { color:#dc6809 !important; font-weight:bold; }
.link-wishlist { color:#dc6809 !important; font-weight:bold; }
.link-reorder { font-weight:bold; color:#dc6809 !important; }
.link-compare { font-weight:bold; }
.link-print { /*background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; }
.link-rss { background:url(../images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; }
.btn-remove  { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-previous  { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
.btn-edit    { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; }

.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(../images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; }

/* Global site notices */
.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(../images/i_notice.gif) 20px 25px no-repeat; text-align:left; }
.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }
.global-site-notice .notice-inner .actions { padding-top:10px; }

/* Cookie Notice */
.notice-cookie { }

/* Noscript Notice */
.noscript {}

/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; }
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
.demo-notice .notice-inner p { padding:0; border:0; }

/* ======================================================================================= */


/* Header ================================================================================ */
.header-container {background:#888;}
.header .logo img{ width:100% }
.header .quick-access {width:80%; float:right; font-size: 14px; color: white; font-family: agenda, arial; text-transform: uppercase; letter-spacing: 0px; padding: 24px 0 0 0;}
.header .quick-access h1 {float: left; color: white; text-transform: uppercase; letter-spacing: 0px; font-size: 18px; font-family: agenda, arial;}
.header .quick-access p {float: left; color: white; text-transform: uppercase; letter-spacing: 0px; font-size: 18px; font-family: agenda, arial;}
.header .quick-access p.welcome-msg { margin:0; float:right; text-align:left; font-size:18px; }
.header .quick-access .welcome-msg a { color:#888; }
.header .form-search { color:#6d6e71; border-radius:15px; width:80%; background:white; border:1px solid #eee; }
.header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; }
.header .form-search button.button {float:right;}
.header .form-search button.button span {border:0px solid #888; border-radius:15px; background:#888; text-transform:none; letter-spacing:normal; padding:4px 5px; color: #888; font:bold 11px/21px Tahoma, Verdana, agenda, arial, sans-serif; }
.header .form-search button.button span span {border:0px; background-position:100% 0; padding:0 6px 0 3px; color:#fff; }
.header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; }
.header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#eee; }
.header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.odd { background-color:#fffefb; }
.header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; }
.header .form-language { clear:both; padding:5px 0 0; text-align:right; }
.header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle; }
.header .form-language select { padding:0; }
.header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; }
.header .links a { color:#0a263c; }
.social a {color: #fff; text-decoration:none; font-size:10px;}
.social a:hover {color: #000; text-decoration:underline;}
.social{float:left; width:50%; margin:0 0 0 15%;}
.facebook{float:right;width:30%}

/* ======================================================================================= */

/* Category Page ========================================================================= */
.category-title { }
.category-title h1 { margin: 28px 0 0 0; }
.category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; }
.category-image img {}
.category-description { margin:0 0 10px;}
.category-products {width:90%; margin:0 auto 25px; letter-spacing:1px; text-transform:uppercase; max-width:1200px;}

/* View Type: Grid */
.products-grid { border-bottom:0px solid #d9ddd3; background: #FFF; position:relative;}
.col1-layout .products-grid.last { border-bottom:0; margin:20px 0 30px 0; }
.products-grid .prodmain { width:90%; margin:auto; text-align:center; padding:0 5px 0 5px;}
.products-grid .prodmain .product-name{ border-bottom:1px #ccc solid;}
.products-grid .prodmain .product-name a{ color: #6d6e71; font-size:14px; text-decoration:none; transition-duration: 0.5s;}
.products-grid .prodmain .regular-price { color:#333; }
.products-grid .prodmain .regular-price .price { font-weight:bold; font-size:13px; color:#6d6e71; }
.products-grid .prodmain .block .regular-price,
.products-grid .prodmain .block .regular-price .price { color:#333; }
.products-grid .prodmain .old-price { margin:0; padding-top:15px; }
.products-grid .prodmain .old-price .price-label { white-space:nowrap; color:#555; }
.products-grid .prodmain .old-price .price { font-weight:bold; color:#555; text-decoration:line-through; }
.products-grid .prodmain .special-price { margin:0; padding:3px 0; }
.products-grid .prodmain .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#D7AA22; }
.products-grid .prodmain .special-price .price { font-size:13px; font-weight:bold; color:#D7AA22; }
.products-grid .prodmain .minimal-price .price-label {color:#333; }
.products-grid .prodmain .minimal-price .price { color:#6d6e71; }
    .products-grid .prodmain .product-name a:hover{
        color: #555;
        text-decoration:underline;
    }
.products-grid li.item.last {margin-right:0px;}
.products-grid .product-image { display:block; width:90%; text-align:center; margin:0 auto 10px; }
.products-grid .product-image img{ width:100%; }
.products-grid .product-name { /*min-height:2.7em;*/ margin:0 0 5px; font-size:12px; color:#203548; }
.products-grid .product-name a { color:#203548; }
.products-grid .price-box { margin:5px 0; }
.products-grid .availability { line-height:21px; }
.products-grid .actions { position:absolute; bottom:12px; }
.col2-left-layout .products-grid,
.col2-right-layout .products-grid { width:632px; margin:0 auto; }
.col1-layout .products-grid { width:100%; margin:20px 0 4px 0;}

/* View Type: List */
.products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; }
.products-list li.item.last { border-bottom:0; }
.products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; }
.products-list .product-shop { margin-left:150px; }
.products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; }
.products-list .product-name a { color:#203548; }
.products-list .price-box { float:left; margin:3px 13px 5px 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; }
.products-list .desc .link-learn { font-size:11px; }
.products-list .add-to-links { clear:both; }
.products-list .add-to-links li { display:inline; }
.products-list .add-to-links .separator { display:inline; margin:0 2px; }
/* ======================================================================================= */


/* Product View ========================================================================== */

/********** < Product Prices */
.price { white-space:nowrap !important; }

.price-box { margin:0px; }
.price-box .price-label { font-family: agenda, arial; font-size:16px; font-weight:bold;}
.price-box .price-wrapper .price { font-family: agenda, arial; font-size:20px; font-weight:bold; color:#2e2e2e; }

/* Regular price */
.regular-price { color:#c76200; }
.regular-price .price { font-weight:bold; font-size:13px; color:#404040; }
.block .regular-price,
.block .regular-price .price { color:#404040; }

/* Old price */
.old-price .price-label { color:#9fa2a2; text-transform:uppercase; }
.old-price .price-wrapper .price { font-weight:bold; font-size:14px; color:#9fa2a2; text-decoration:line-through; }

/* Special price */
.special-price { margin:0; padding:3px 0; }
.special-price .price-label { font-family: agenda, arial; font-size:18px; font-weight:normal; white-space:nowrap; text-transform:uppercase; position: relative;
    width: auto;
    height: auto;
    margin: 0;
    font-weight: 700; }
.special-price .price-wrapper .price { font-family: agenda, arial; font-size:20px; font-weight:bold; color:#2e2e2e; }
.special-price.clearance .price-label { color:#004e8f; }
.special-price.clearance .price { color:#004e8f; }

.product-info-main .product-info-price .price-box .price-container>span {margin:0;}

/* Minimal price (as low as) */
.minimal-price { margin:0; padding-top:15px;}
.minimal-price .price-label { font-weight:bold; white-space:nowrap; color:#eee;}
.minimal-price .price { font-weight:bold; white-space:nowrap; color:#fff; font-size:19px;}


.minimal-price-link { display:block; }
.minimal-price-link .label {color:#eee;}
.minimal-price-link .price { font-weight:normal; color:#fff; }

/* Excluding tax */
.price-excluding-tax { display:block; color:#999; }
.price-excluding-tax .label { white-space:nowrap; color:#999; }

/* Including tax */
.price-including-tax { display:block; color:#999; }
.price-including-tax .label { white-space:nowrap; color:#999; }
.price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; }

/* Configured price */
.configured-price { margin:0; }
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-weight:bold; }

/* FPT */
.weee { display:block; font-size:11px; color:#444; }
.weee .price { font-size:11px; font-weight:normal; }

/* Excl tax (for order tables) */
.price-excl-tax  { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }

/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }

/* Price range */
.price-from { margin:0; }
.price-from .price-label { font-weight:bold; white-space:nowrap; }

.price-to { margin:0; }
.price-to .price-label { font-weight:bold; white-space:nowrap; }

/* Price notice next to the options */
.price-notice { padding-left:10px; color:#999; }
.price-notice .price { font-weight:bold; color:#2f2f2f; }

/* Price as configured */
.price-as-configured { margin:0; }
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }

.price-box-bundle { padding:0 0 10px 0; }
.price-box-bundle .price-box { margin:0 !important; padding:0 !important; }
.price-box-bundle .price { color:#555; }
/********** Product Prices > */

/* Tier Prices */
.product-pricing,
.tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242; }
.tier-prices li { line-height:1.4; background:url(../images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; }
.tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; }
.tier-prices .price { font-weight:bold; color:#2f2f2f; }

.tier-prices-grouped li { padding:2px 0; color:#e26703; }
.tier-prices-grouped li .price { font-weight:bold; }

/* Add to Links */
.add-to-links { font-size:11px; margin:5px 0 0; }
.add-to-links .separator { display:none; }

/* Add to Cart */
.add-to-cart label { float:left; margin-right:5px; font-weight:bold; color:#666; }
.add-to-cart .qty { float:left; margin-right:5px; }
.add-to-cart button.button { float:left; }
.add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }
.product-view .add-to-cart .paypal-logo { margin:0; }

/* Add to Links + Add to Cart */
.add-to-box { margin:10px 0; }
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#555; }
.add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; }
.add-to-box .add-to-links li { display:block !important; }
.add-to-box .add-to-links li .separator { display:none !important; }


.product-view { border:1px solid #c4c6c8; width:90%; margin: 0 auto 20px; max-width:1200px; }
.product-view .std {margin:0px;}

.product-essential { padding:25px;}
.product-essential h2 { font:bold 14px agenda, arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid #eee; color:#6d6e71; margin: 0px 0px 10px;}
.product-essential .minibanner { float:left; width:45%;}

.product-collateral { width:100%; float:right;}
.product-collateral h2 { font-weight:bold; font-size:15px; padding:0 0 1px; margin:0 0 15px; }
.product-collateral .box-collateral { margin:0 0 25px; }

.product-top {height:100px;}

.product-box{float:right; width:55%; height:auto; margin-top:20px;}

.product-info {width:auto; height:auto; padding:20px; background:#f8f8f8;}
.product-info h2{font-size:14px; font-weight:bold; margin: 0px 0px 10px; color: #6d6e71; border-bottom: 1px solid #EEE; text-transform:uppercase; letter-spacing:1px;}
.product-info-point {height:70px;}
.product-info-point p img{float: left; margin-right: 20px; width: 100px;}

.product-grouped {width:auto; overflow:auto; margin: 20px;}
.product-grouped h2{font-size:14px; font-weight:bold; color: #6d6e71; text-transform:uppercase; letter-spacing:1px; }
.grouped-items-left {border-top:1px solid #eee; width:49%; float:left;}
.grouped-items-right {margin-left:2%; border-top:1px solid #eee; width:49%; float:right;}
.grouped-items {height:100px; margin-top:10px;}
.grouped-items-img {float:left; width:25%}
.grouped-items-name {float:left; width:35%}
.grouped-items-name p{font-size:10px; color:#8f8f8f;}
.grouped-items-prices {float:left; width:40%}

/* Product Images */
.product-view .product-img-box { float:left; width:40%; margin-top:20px;}
.product-view .product-img-box .product-image img { width:100%;}
.col3-layout .product-view .product-img-box { float:none; margin:0 auto; }
.product-view .product-img-box .more-views li {float: left; margin: 0 0 8px 9px;}
.product-view .product-img-box .more-views li a { float: left; width: 56px; height: 56px; border: 2px solid #DDD; overflow: hidden;}

/* Product Shop */
.product-view .product-shop { float:right; width:100%; height:auto; min-height:298px;}
.col1-layout .product-view .product-shop { float:right; width:100%; }
.col3-layout .product-view .product-shop { float:none; width:auto; }
.product-view .product-shop .product-name { margin:0 0 5px; }
.product-view .product-shop .product-name h1 { margin:0; font:bold 24px/1.35 'agenda, arial', Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase;}
.product-view .product-shop .availability { margin:10px 0; }
.product-view .product-shop .short-description { margin:10px 0; border-top: 1px dotted #aaa; padding:10px 0 0; }
.product-view .product-shop .price-box { margin:10px 0; }
.product-view .product-shop .add-to-links { margin:0; }
.product-view .product-shop .add-to-links { font-size:12px; text-align:right; }
.product-view .product-shop .add-to-links li,
.product-view .product-shop .add-to-links li .separator { display:inline; }
.product-view .product-shop .add-to-links a { color:#1E7EC8 !important; font-weight:normal !important; }

/* Product Options */
.product-options { margin:20px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4; }
.product-options dt { padding:10px 0 0; font-weight:normal; }
.product-options dt label { font-weight:bold; color:#2f2f2f; }
.product-options dt label.required em { color:#eb340a; margin-left:5px; }
.product-options dd .qty-holder { display:block; padding:10px 0 0; }
.product-options dd .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; }
.product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; }
.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:99%; }
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; margin-top:3px; }
.product-options ul.options-list input.checkbox { float:left; margin-top:3px; }
.product-options ul.options-list .label { display:block; margin-left:18px; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { margin:0; font-size:11px; }
.product-options p.required { position:absolute; right:20px; top:20px; }

.product-options-bottom { background-color:#fffada; padding:15px 20px; border:1px solid #e4e4e4; border-top:0; }
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit { color:#e26703; }
.product-options-bottom .price-box { float:left; margin:0; padding:0; }
.product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; }
.col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; }
.product-options-bottom .price-label { float:left; padding-right:5px; }
.product-options-bottom .price-tax { float:left; }
.product-options-bottom .add-to-cart { float:right; }
.product-shop .product-options-bottom { margin:0 0 10px; }
.product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }
.product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; }

/* Grouped Product */
.product-view .product-grouped .price-box { margin:0; padding:0; }
.product-view .product-grouped .price-box .old-price { margin:0; }
.product-view .product-grouped .price-box .old-price .price-label { font-size:12px; white-space:nowrap; }
.product-view .product-grouped .price-box .old-price .price { }
.product-view .product-grouped .price-box .special-price { margin:0; padding:3px 0; }
.product-view .product-grouped .price-box .special-price .price-label { font-size:18px; white-space:nowrap; }
.product-view .product-grouped .price-box .special-price .price { font-size:20px;}

/* Block: Description */
.product-view .box-description {}

/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td { line-height:1.25; }

/* Block: Upsell */
.product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 8px; }
.product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em; }
.product-view .box-up-sell .products-grid tr.last td { border-bottom:0; }
.product-view .box-up-sell .products-grid td.last { border-right:0; }
.product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid .product-image { text-align:center; }
.product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; }
.product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; }

/* Block: Tags */
.product-view .box-tags { margin:0; }
.product-view .box-tags h3 { font-size:13px; }
.product-view .box-tags .product-tags { display:block; margin:0 0 15px; }
.product-view .box-tags .product-tags li { display:inline; background:url(../images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { background:none; padding-right:0; }
.product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:bold; margin:0 0 5px; color:#0a263c;}
.product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; background:url(../images/i_tag_add.gif) 0 2px no-repeat; padding:0 0 0 23px; }
.product-view .box-tags .form-add input.input-text { width:299px; }
.product-view .box-tags .form-add button.button span { border-color:#406a83; background:#618499; }
.product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; font-size:11px; }

/* Block: Reviews */
.product-view .box-reviews dl { margin:15px 0; }
.product-view .box-reviews dt a,
.product-view .box-reviews dt span { font-weight:bold; }
.product-view .box-reviews dd { margin:0 0 15px; }
.product-view .box-reviews dd small { font-style:italic; }
.product-view .box-reviews .form-add { margin:15px 0 0; }
.product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; }
.product-view .box-reviews .form-add h3 span { font-weight:bold; }
.product-view .box-reviews .form-add h4 { font-size:12px; }
.product-view .box-reviews .form-add .data-table td { text-align:center; }
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box { width:360px; }
.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea { width:354px; }

/* Send a Friend */
.send-friend .form-list { width:615px; overflow:hidden; }
.send-friend .form-list li { margin-right:-15px; }
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .form-list .field { width:315px; }
.send-friend .form-list .input-box { width:300px; }
.send-friend .form-list input.input-text,
.send-friend .form-list textarea { width:294px; }
.send-friend .form-list li.wide .input-box { width:612px; }
.send-friend .form-list li.wide textarea { width:609px; }
.send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; }
/* ======================================================================================= */


/* Content Styles ================================================================= */
.product-name { margin:0; font-size:1em; font-weight:normal; }
.product-name a { color:#1e7ec8; }

/* Product Tags */
.tags-list { width:85%; max-width:1200px; margin:0px auto; display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; padding:1%; }
.tags-list li { display:inline !important; margin:0 4px 0 0; }
.tags-list li a { color:#1b2d3b; }

/* Advanced Search */
.advanced-search .form-list {padding:10px;}
.advanced-search .form-list li {margin: 0 0 8px; }
.advanced-search .form-list label { float:left; width:20%; padding-right:10px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range { float:left; clear:none; }
.advanced-search-amount { margin:0 0 10px; }
.advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; }
.advanced-search-summary ul { float:left; width:49%; }
.advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(../images/i_search_criteria.gif) 0 3px no-repeat; }
.advanced-search-summary p { clear:both; font-weight:bold; margin:0; }

/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}

/* Sitemap */
.page-sitemap {margin: 0 0 20px;}
.page-sitemap .links { text-align:right; margin:0 90px -22px 0; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .links a:hover { text-decoration:underline; }
.page-sitemap .pager {width:90%; max-width:1200px; margin:auto; padding:0px; }
.page-sitemap .pager .amount, .page-sitemap .pager .pages {padding:5px; }
.page-sitemap .sitemap { width:90%; max-width:1200px; margin:12px auto; }
.page-sitemap .sitemap a { color:#1b2d3b; }
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a { color:#1e7ec8; }

/* RSS */
.rss-title h1 { background:url(../images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; }
/* ======================================================================================= */

/* Footer ================================================================================ */
.footer-container {border-bottom:10px solid #9d9d9d; background: #8c8c8c;}
.footer-links{width: 100%; color: #ebebeb; display: inline-block; text-align:left; margin-bottom: 20px;}
.footer-links p{font-size:14px; letter-spacing:1px;text-transform:uppercase;}
.footer-block-1 {width: 24%; margin: 10px 0.5%; float: left;}
.footer-block-2 {width: 15%; margin: 10px 0.5%; float: left;}
.footer .footer-links li{display:inline-block; background:none; padding:0px 4% 0px 0px; min-width:45%;}
.footer .footer-links div li a{color:#ebebeb;}
.footer .social-links { float: left; position: absolute; margin-top: 10px; }
.footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; }
.footer .store-switcher label { font-weight:bold; vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }
.footer a:hover { text-decoration:underline; }
.footer .bugs { margin:13px 0 0; color:#fff; }
.footer .bugs a { color:#fff; text-decoration:underline; }
.footer .bugs a:hover { text-decoration:none; }
.footer address { margin:0 0 20px; color:#fff; }
.footer address a { color:#fff; text-decoration:underline; }
.footer address a:hover { text-decoration:none; }
.footer-container .bottom-container { margin:0 0 5px; }
/* ======================================================================================= */

/* Sample Data============================================================================ */
.home-callout { margin-bottom:12px; }
.home-callout img { display:block }
.home-spot { float:left; width:470px; margin-left:20px; }
.best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; }
.best-selling table { border-top:1px solid #ccc; }
.best-selling tr.odd { background:#eee url(../images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; }
.best-selling tr.even { background:#fff url(../images/best_selling_tr_even_bg.gif) 0 100% repeat-x; }
.best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; }
.best-selling .product-img { float:left; border:2px solid #dcdcdc; }
.best-selling .product-description { margin-left:107px; line-height:1.3em; }
.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover { color:#203548; }
/* ======================================================================================= */


/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */

.guest-select {width:305px !important;}

.historypic{float: right; width: 50%;}
p.historyp{float: left; width: 38%; padding: 1% 1%; font-family: agenda; font-style: italic; font-size: 16px;}

@media only screen and (max-width:768px){
.linksp {
    padding: 20px 10%;
    width:80%;
}
.linksp2 .minus{
    width: 20px;
    height: 20px;
    background: grey;
    display: block;
    float: right;
    padding: 20px 0;
    background:url('plus.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.linksp2 .plus{
    width: 20px;
    height: 20px;
    background: grey;
    display: block;
    float: right;
    padding: 20px 0;
    background:url('min.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
a.title1{
    display: block;
    width:20px;
    padding:4px 2px;
}
h1.title1{
    width: auto;
    padding:4px 2px;
}

}

@media only screen and (min-width: 640px){
.products-grid .product-item-info:hover, .products-grid .product-item-info.active {
    margin: 0;
    padding: 0;
}
}

@media only screen and (min-width:768px){
.logo {
    max-width: 20%;
}
.phone.wrapper{
width: 70%;
    text-align: right;
float: right;
    margin: 0;
    padding: 0;
    list-style: none none;
}
.opc-progress-bar-item._active:before, .opc-progress-bar-item._active>span:before {
    background: #004e8f;
    border-color: #004e8f;
}
.opc-progress-bar-item._active>span:after {
    border-color: #004e8f;
}
.compare.wrapper p {
    padding: 4px 0;
    margin: 0;
}
ul.compare.wrapper {
    border: 1px solid #004e8f;
    border-radius: 20px;
}
.navigation {
    background: #9fa2a2;
}
.nav-sections {
    background: #9fa2a2;
}
.navigation .level0>.level-top {
    color: white;
}
.navigation .level0>.level-top:hover, .navigation .level0>.level-top.ui-state-focus {
    color: #eee;
}
.navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top {
    border-color: white;
    color: white;
}
.header.panel>.header.links>li>a {
    color: #ffffff;
}
.header.panel>.header.links>li>a:hover {
    color: #004e8f !important;
    text-decoration: none;
}
.header.panel>.header.links>li>a:visited {
    color: #ffffff;
}
.page-header .panel.wrapper {
    border-bottom: 1px solid #e8e8e8;
    background-color: #eee;
color: #ffffff;
}
.product.data.items>.item.title>.switch {
    color: white;
    background: #004e8f;
}
.product-info-main .product-info-price {
    color: #575757;
    border-bottom: 0px solid #c1c1c1;
    display: table;
    margin: 0 0 15px;
    margin-bottom: 0px;
    width: 100%;
}
.product-info-main .product-info-price .price-box {
    display: block;
    width: 100%;
}
.product-info-main .product-info-stock-sku {
    width: 98%;
    display: table;
    padding: 1%;
    background: white;
    color: #6d6e71;
    text-align: left;
}
.product-info-main .stock.available, .product-info-main .stock.unavailable {
    width: 50%;
    float: left;
}
.product-info-main .product.attribute.sku {
    width: 50%;
    float: left;
}
.field.qty {
    width: 20%;
    float: left;
    margin: 0;
}
.field.qty .label {
    margin: 0;
}
.box-tocart .action.tocart {
    margin-bottom: 0;
    margin-right: 0;
    width: 80%;
}
.navigation.services {
    background: #004e8f;
    font-weight: 700;
    height: inherit;
    left: auto;
    overflow: inherit;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
    max-width:none;
}
.navigation.services ul {
    max-width: 1280px;
    margin: auto;
}
.navigation.services .level0 {
    margin: 0 0.5% 0 0;
    display: inline-block;
    position: relative;
width:24%;
text-align: center;
}
.navigation.services .level0>.level-top {
    color: white;
    line-height: 30px;
    padding: 0 12px;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
}
.linksp {
    width: 98%;
    margin: 1%;
}
.linksp2 {
    width: 24%;
    margin: 0.5%;
    float: left;
}

.page-footer .widget.block {
    border-top: none;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: auto;
}
.page-footer .widget.block .links {
    display: inline-block;
    padding-right: 0px;
    vertical-align: top;
    width: 100%;
    float: left;
}
.page-footer .widget.block .links li {
    background: transparent;
    border: none;
    font-size: 14px;
    margin: 0 0 8px;
    padding: 0;
}
.page-footer .widget.block .links a, .page-footer .widget.block .links strong {
    display: inline;
}
    }

@media only screen and (max-width:1180px){
.header .quick-access p.welcome-msg {}
.header .welcome-msg a {color:#888;}
.header .quick-access {float: right; width: 65%;}
.header .quick-access h1 {margin: 2px 40px 0 0;}
.header .quick-access p {margin: 2px 40px 0 0;}
    }

@media only screen and (max-width:1000px){
.master-box .inner-box p,
.master-box .inner-box p a,
.master-box .inner-box-colour p,
.master-box .inner-box-grey p,
.master-box .inner-box-grey p a,
.category-box .category-box-text a{font-size:11px;}
    }

@media only screen and (max-width:1024px){ 
.header .quick-access {width:79%;}
.social{width:59%; margin:0 0 0 5%;}
.facebook{width:30%}
.header .form-search { width:90%; }
.master-box .inner-box-text span{background:none; padding:0px; border:0px; border-radius:0px;}
.master-box-wide-1 .inner-box-text span{background:none; padding:0px; border:0px; border-radius:0px;}
.master-box-wide-1{background-image: url('https://www.hatfieldsofcolchester.com/media/wysiwyg/homepic1.jpg'); background-size: auto;}
.category-box .inner-box-text span{background:none; padding:0px; border:0px; border-radius:0px;}
.category-box .inner-box-text-1 a{font-size: 20px;}
}

@media only screen and (max-width:800px){ 
.social{width:100%; margin:0;}
.facebook{width:100%}
.nav-sections .header.links li{display: block;text-transform: uppercase; letter-spacing: 0px; color: #2e2e2e; text-align:initial}
.main .std {width: 100%;}
.master-box {width: 100%; margin:2px 0;}
.master-box .inner-box-text span{background:none; padding:0px; border:0px; border-radius:0px;}
.master-box-wide-1{display:none;}
.category-box {width:50%;margin:0;}
.category-box .inner-box-text-1 a,.category-box .inner-box-text-3 a{font-size: 20px;}
.category-box .inner-box-text-7-1 a,.category-box .inner-box-text-7-2 a{font-size: 30px;}
.category-1, .category-1-1, .category-1-2, .category-5, .category-7, .category-8 {width: 98%; margin:1%;}
.category-2, .category-4 {width: 48%; margin:1%;}
.category-box .inner-box-text-1 {top: 50%;}
.category-box .inner-box-text-2 {top: 70%;}
.category-box .inner-box-text-3 {top: 40%;}
.category-box .inner-box-text-4 {top: 70%;}
.category-box .inner-box-text-7 {top: 5%;}
.category-box .inner-box-text-8 {top: 10%;}
.category-box .inner-box-text-10 {top: 40%;}
.category-box .inner-box-text {top: 70%;}
.category-box .inner-box-text-7 a, .category-box .inner-box-text-2 a {line-height:30px; font-size: 30px;}
.category-box .inner-box-text-8 a{line-height:20px; font-size: 20px;}
.category-box .inner-box-text-10 a{line-height:20px; font-size: 20px;}
.text-box-1 {float: none; width: 90%; margin: 10px auto; padding: 1%; border: 2px solid #a8a8a8; background: white; color: #888;}
.footer-block-1, .footer-block-2, .footer-block-3, .footer-block-4 {width: 100%;}
.footer .social-links {float: none; position: relative;}
.page-title, .category.minibanner {width: 100%; border:0;}
.category-title h1 { width:90%; margin:5px 5%; font-size:20px;}
.category-block {width: 100%;}
.category-block p, .category-block h2, .category-description p{width: 90%; margin:0 5%;}
.category-products {width: 100%;}
.products-grid .product-image {width: 100%;}
.product-essential .minibanner {float: none; width: 100%;}
.askquestion {text-align: center;float: none;margin: 10px 5%;width: 90%;max-width: 90%;}
.product-view .product-img-box {float: none;width: 100%;}
.product-box {float: none;width: 90%;margin: 20px 5%;}
.product-view {border: none;width: 100%;}
.product-essential {padding: 0;}
.grouped-items-left {width: 100%; float: none; }
.grouped-items-right {margin: 0;width: 100%;float: none;}
.grouped-items-img {width: 30%;}
.old-price .price-label,.special-price .price-label {text-transform: none; letter-spacing: 0;}
.grouped-items-prices {width: 35%;}
.product-info-point {height: auto;}
.navigation .level0.active .all-category .ui-state-focus {border-color: #6d6e71;}
.navigation .level0.active>a:not(.ui-state-active), .navigation .level0.has-active>a:not(.ui-state-active) {border-color: #6d6e71;}
}

@media print {
    .product-top {display:none;}
    .product-info {display:none;}
    .price-saving {background: #888 !important; text-align:center !important; margin:auto;}
    .breadcrumbs {display:none;}
    .product-view .tabs li.active a {color: #6d6e71 !important; background: #FFF; text-transform: uppercase; letter-spacing:1px; }
    .more-views {display:none;}
    .product-img-box {float:none !important; margin:100px auto 0px !important;}
    .product-box {width:100%;}
    .product-name h1{text-align:center !important;}
    .short-description .std{text-align:center !important;}
    .old-price{text-align:center !important;}
    .special-price{text-align:center !important;}
    .product-essential{background-image: url('https://www.hatfieldsofcolchester.com/skin/frontend/default/default/images/logo.png') !important; background-position: top center !important; background-repeat: no-repeat !important;}
    .product-view .std{margin:auto;}
}

/*@media print {
    .product-top {display:none;}
    .product-info {display:none;}
    .price-saving {background: #888 !important; text-align:center !important;}
    .breadcrumbs {display:none;}
    .product-view .tabs li.active a {color: #6d6e71 !important; background: #FFF; text-transform: uppercase; letter-spacing:1px; }
}*/






}
.contactandabout h3 {
font-size: 25px !important;
}

.contactandabout {
    
}