/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* global start */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/opensans.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/montserrat.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@keyframes bouncing {
    0% {bottom: 0;}
    50% {bottom: 20px;}
    100% {bottom: 0;}
}
.ellip {
    display: block;
    height: 100%;
  }
  
  .ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  }
  
  .ellip,
  .ellip-line {
    position: relative;
    overflow: hidden;
    max-width: 100%;
  }
html {-webkit-text-size-adjust:none; /* Prevent font scaling in landscape */ height:100%;}
body {color: #4C4C4C; font-family: open sans, Arial, Verdana, sans-serif; font-size: 14px; margin: 0px; background: #fff; line-height: 22px;}
.fireback {display:none; position:absolute;}
table {font-size: 100%;}
a {color: #5c86a1; text-decoration: none;}
a:hover {color: #b00; text-decoration: underline;}
form {display: inline;}
h1 {font-size: 24px; line-height: 24px; margin: 0px 0px 20px 0px; font-weight: bold; color: #000; font-family: Montserrat, Arial, Verdana, sans-serif;}
h2 {font-size: 14px; color: #111; font-family: Montserrat, Arial, Verdana, sans-serif;}
h3 {font-size: 13px; color: #111; margin-bottom: 5px;}
h4 {font-size: 12px;}
img {border: 0px;}
a img:hover {opacity: 0.7; filter: alpha(opacity=70); -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
input[type="text"] {height: 25px; -webkit-border-radius: 0px; border-radius: 0px; border: solid 1px #bbb; -moz-box-shadow: inset 1px 1px 1px #ddd; -webkit-box-shadow: inset 1px 1px 1px #ddd; box-shadow: inset 1px 1px 1px #ddd; line-height: 25px;}
input[type="email"] {height: 25px; -webkit-border-radius: 0px; border-radius: 0px; border: solid 1px #bbb; -moz-box-shadow: inset 1px 1px 1px #ddd; -webkit-box-shadow: inset 1px 1px 1px #ddd; box-shadow: inset 1px 1px 1px #ddd; line-height: 25px;}
input[type="password"] {height: 25px; padding: 5px; -webkit-border-radius: 0px; border-radius: 0px; border: solid 1px #bbb; -moz-box-shadow: inset 1px 1px 1px #ddd; -webkit-box-shadow: inset 1px 1px 1px #ddd; box-shadow: inset 1px 1px 1px #ddd; color: #999;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #edf4f9 inset; border: 1px solid #a0b4c1; padding-left: 5px;}
input[type="image"] {padding: 0px; height: auto; border: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
input[type="image"]:hover {opacity: 0.7; filter: alpha(opacity=70); -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
input[type="submit"]{-webkit-border-radius: 0px; border-radius: 0px;}
input[type="submit"]:hover {opacity: 0.7; filter: alpha(opacity=70); -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
input[type="radio"] {-webkit-border-radius: 10px; border-radius: 10px;}
input[type="checkbox"] {font-size: 11px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: auto;}
input[disabled='disabled']{background-color: #efefef; border: 1px solid #ddd; height: 21px; margin: 2px 0px;}
textarea {width: 96%; height: 175px; padding: 2%; font-family: Arial, Verdana, sans-serif; border: solid 1px #bbb; -moz-box-shadow: inset 1px 1px 1px #ddd; -webkit-box-shadow: inset 1px 1px 1px #ddd; box-shadow: inset 1px 1px 1px #ddd; color: #999; -webkit-border-radius: 0px; border-radius: 0px;}
select {-webkit-border-radius: 0px; border-radius: 0px; height: 25px; border: solid 1px #bbb; color: #999;}
option {color: #333;}
ul {margin: 0px; padding: 0px 0px 0px 15px; color: #4c4c4c; list-style: square;}
p {margin: 0px 0px 10px 0px; color: #333;}
.CB {clear: both;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.red {color: #b00;}
.specialPrice {color: #b00; padding-left: 5px; display: inline}
.productListing .specialPrice {padding-left: 0px !important;}
.bold_red {font-weight: bold; color: #b00;}
.grey {color: #ccc;}
.Q3 {float: left; width: 75%;}
.Q2 {float: left; width: 50%;}
.Q1 {float: left; width: 25%; text-align: right;}
.tooltip{position: absolute; width: 200px; padding: 5px; z-index: 2; border: solid 1px #FFCC00; background: #FFC; font-size: 10px; color: #4C4C4C; text-decoration: none; line-height: 12px;}
.pageBreadcrumbTrail {padding: 0px; font-size: 12px;}
.pageBreadcrumbTrail2 {padding: 0px; margin-bottom: 10px;}
a.pageResults {color: #08246B;}
a.pageResults:hover {color: #b00;}
.inputRequirement {font-size: 10px; color: #b00;}
.submitButton {font-size: 10px; font-weight: bold; border: 0px; cursor: pointer;}
.headline {font-size: 16px; color: #000; font-family: Montserrat, Arial, Verdana, sans-serif; font-weight: bold; margin-bottom: 10px; clear: both;}
hr {border-left: none; border-top: 2px solid #e7eef4; border-right: none; border-bottom: none; margin-bottom: 20px; float: left; width: 100%;}
strong {color: #111;}
.headingNumber {font-weight: 100; margin-right: 8px; font-size: 12px; line-height:20px; color: #fff; background-color: #000; border-radius: 10px; height: 20px; width: 20px; display: inline-block; text-align: center; float: left;}
colgroup {visibility: collapse; display: none;}
.imgBorder {border: 1px solid #4c4c4c;}
.aboutUsImg1 {text-align: center;}
.aboutUsImg1 img {max-width: 100%;}
.aboutUsImg2 {text-align: center; margin-top: 2px; margin-bottom: 10px;}
.aboutUsImg2 img {max-width: 100%;}
.aboutUsImg3 {text-align: center; clear: both;}
.aboutUsImg3 img {max-width: 100%;}
.strong {font-weight: bold;}
img.fr {float: right; margin: 0px 0px 20px 20px;}
img.fl {float: left; margin: 0px 20px 20px 0px;}
.productInfoContainer img.fr50 {float: right; margin: 0px 0px 20px 5%; max-width: 45%; height: auto;}
.productInfoContainer img.fl50 {float: left; margin: 0px 5% 20px 0px; max-width: 45%; height: auto;}
.productInfoContainer .fr50 {float: right; margin: 0px 0px 20px 5%; max-width: 45%; height: auto;}
.productInfoContainer .fl50 {float: left; margin: 0px 5% 20px 0px; max-width: 45%; height: auto;}
.productInfoContainer img.fr25 {float: right; margin: 0px 0px 20px 5%; max-width: 25%; height: auto;}
.productInfoContainer img.fl25 {float: left; margin: 0px 5% 20px 0px; max-width: 25%; height: auto;}
.productInfoContainer .fr25 {float: right; margin: 0px 0px 20px 5%; max-width: 25%; height: auto;}
.productInfoContainer .fl25 {float: left; margin: 0px 5% 20px 0px; max-width: 25%; height: auto;}
/* global end */


alert-dismiss {color: #fff !important;}

/* header start */
.headerContact a.liveChat {}
#lz_overlay_chat {}
#lz_eye_catcher {}

header {background-color: #b00;}
.headerWrap {width: 100%; margin: 0 auto; background-color: #b00; padding-top: 4px; background-image: url();}
#header {max-width: 1200px; width: 100%; margin: 0 auto; padding: 0px;}
.logo {width: 18%; float: left; min-width: 168px;}
.logo img {max-width: 210px; width: 100%; height: auto; margin-top: -22px;}
.logo a {display: block;}
#headerMain {padding: 0px 0px 10px 0px; margin: 0px 0px 0px 1%; float:left; width: 81%; text-align: right;}
#headerMain input[type="text"] {background-color:#fff; border: none; width: 80%; height: 30px; float: left; padding: 0px 0px 0px 1%; -webkit-box-shadow: none; box-shadow: none;}
#headerMain input[type="text"]:focus {outline : none;}
#headerMain input[type="submit"] {height: 30px; width: 19%; float: left; background: url(images/searchButton.png) #000; background: url(images/searchButtonIE.png) #000\9; background-repeat: no-repeat; background-position: center; background-size: 100px 30px; border: 1px solid #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#headerMain a.advancedLink {display: inline-block; margin-top: 5px; margin-right: 19%; float: right; color: #fff; font-size: 12px;}
#headerMain a.advancedLink:hover {text-decoration: underline;}
.menuWrap {width: 100%; background-color: #000; position: relative; z-index: 99999;}
.menuWrapCenter {max-width: 1200px; width: 100%; margin: 0 auto;}
#headerMenu {margin: 0px; padding:0; border:0; _margin-top:11px; width: 100%; float: left; color: #aaa; text-align: right; font-size: 14px;}
#headerMenu span {line-height: 30px; margin-left: 10px; margin-top: 2px; font-size: 12px; display: inline-block;}
#headerMenu a {padding: 0px 14px; height: 34px; line-height: 34px; color: #fff; display: inline-block; float: left;}
#headerMenu a:hover {background-color: #b00; text-decoration: none;}
#headerMenuRight {color: #ea9d9d;width: 100%; max-width: 1200px; margin: 0 auto; text-align: right; margin-bottom: -8px;}
#headerMenuRight a {text-decoration: none; color: #ffcc00; display: inline-block; padding: 5px 0px; font-size: 12px;}
#headerMenuRight a:hover {text-decoration: underline;}
.headerContact {width: 81%; margin-left: 1%; float: left; text-align: left; margin-top: -20px; color: #d03939; font-size: 20px;}
.headerContact a {display: inline-block; margin-right: 20px; color: #fff;}
.headerContact a:hover {text-decoration: none;}
.headerContact a.email {float: left;}
.headerContact a.phone {float: left;}
.headerContact a.phone img {margin-top: -3px;}
.headerContact span {display: inline-block;}
.headerContact a img {max-width: 100%; height: auto; float: left;}
.headerContact svg {line-height: 22px !important; color: #ea9d9d; margin-left: 0px; float: left; padding-right: 10px;}
.headerLink {float: left; display: inline-block; margin-top: 5px; margin-right: 20px; color: #ffcc00; font-size: 12px;}
.headerLink:hover {color: #ffcc00; text-decoration: underline;}
.facebook {margin-bottom: 1px;}
.facebook img {display: block;}
.subscribeWrap {width: 90%; padding: 10px 5%; background-color: #000; margin: 0px 0px 20px 0px;}
.subscribeWrap ul {color: #fff; margin-top: 5px;}
.subscribeInput {float: left; margin-top: 0px; width: 100%;}
.subscribeInput input[type="text"] {width: 95%; height: 30px; margin: 0px 5px 5px 0px; padding: 0px 0px 0px 5%; float: left; border: 1px solid #555; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border: none;}
.subscribeInput input[type="image"] {width: 100%; height: 30px; background-color: #b00; float: left;}
.subscribeInput form {margin: 0px; display: block; float: left;}
#bannerArea {max-width: 1208px; width: 100%; float: left; text-align: center; padding-top: 15px;}
#bannerArea img {min-width: 100%; max-width: 100%; max-height: 77px;}
#bannerArea a {display: block;}
#bannerArea a img:hover {opacity: 0.7; filter: alpha(opacity=70); -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
.bannerLeft {float: left; width: 49.75%; margin-right: .5%; }
.bannerRight {float: left; width: 49.75%; }
.banners {max-width: 1200px; width: 100%; margin: 0 auto;}
.bannersWrap {width: 100%; z-index: 89999; position: relative;}
#site-notification, #admin-notification {width:980px; border: 1px solid red; margin: 5px 0px 5px 4px; padding: 5px; color: red; font-weight: bold; text-align: center;}
#admin-notification {border-color: #00aa00; border: none; background-color: #bbb; color: #b00; margin: 0px; padding: 10px 0px; width: 100%;}
#admin-notification td {color: #00aa00;}
.menuMobile {background-color: transparent;}


ul.ui-widget-content {background-color: #fff; background-image: none; border: none; max-width: 784px;}
ul.ui-widget-content img {vertical-align: middle; padding-right: 5px;}
ul.ui-widget-content a {cursor: pointer;}
ul.ui-widget-content li.ui-menu-item:nth-child(odd){background-color: #f7f7f7;}
ul.ui-widget-content .ui-state-hover {border: 1px solid transparent; background-image: none; background-color: #ffcc00;}
/* header end */

/* sidebars start */
.sideBanners {position: absolute; margin-left: -200px; width: 182px; margin-top: 130px;}
.sideBanners a {display: block;}
.sideBanners .group {margin-top: 0px;}
.sideBanners img {margin-bottom: 0px; border: 1px solid transparent; margin-top: -1px; display: block;}
.sideBanners img:hover {opacity: 0.7; filter: alpha(opacity=70); -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}

.leftSideBanners {display: none; position: absolute; z-index: 8000; left: 0; top: 144px; animation:opac 0.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
.leftSideBanners .group {margin-top: 0px;}
.leftSideBanners a {display:inline-block; width:100%; height:100%;}
.leftSideBanners img {max-width: 100%; max-height: 780px; height: auto; display: block; float: right;}
.leftSideBanners a:hover img {opacity: 0.7; filter: alpha(opacity=70); -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}

.rightSideBanners {display: none; position: absolute; right: 0; top: 144px; animation:opac 0.5s}@keyframes opac{from{opacity:0} to{opacity:1}}
.rightSideBanners .group {margin-top: 0px;}
.rightSideBanners a {display:inline-block; width:100%; height:100%;}
.rightSideBanners img {max-width: 100%; max-height: 780px; height: auto; display: block; float: left;}
.rightSideBanners a:hover img {opacity: 0.7; filter: alpha(opacity=70); -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
/* sidebars end */

/* columns start */
.columnWrapBkg {}
.columnWrap {max-width: 1200px; width:98%; margin: 0 auto; padding-left: 1%; padding-right: 1%; padding-top: 8px; background-color: #fff; z-index: 9999; position: relative;}
#leftColumn {float: left; max-width: 210px; width: 20%; min-width: 168px; font-size: 12px; line-height: 18px; margin-bottom: 20px; min-height: 760px;}
#centerColumn {float: left; width: 63%; padding: 10px 2% 30px 2%; min-height: 600px;}
#rightColumn {float: right; width: 15%; margin-bottom: 20px; font-size: 12px; line-height: 18px;}
#rightColumn img {max-width: 100%; height: auto;}
/* columns end */

/* ad rotator start */
ul.bxslider {padding: 0px; margin: 0px;}
.content ul.bxslider {padding-left: 0px; margin-left: 0px;}
.controls {color: #fff000;}
.pager {color: #00b4ff;}
.ease {color: #00d428;}
.bounce {color: #ff3030;}
.thumbs {color: #d87df2;}
ul.bxslider .productName a {padding: 15px 5px 0px 5px; display: block; color: #111; text-decoration: none; word-wrap: break-word}
ul.bxslider .productCode a {font-size: 10px; padding: 0px 5px; color: #999; display: block; text-decoration: none; margin: 5px 0px; word-wrap: break-word}
ul.bxslider .productPrice a {font-size: 16px; padding: 0px 5px; color: #b00; margin-bottom: 20px; font-weight: bold; display: block; text-decoration: none; word-wrap: break-word}
.adRotator {width: 100%;}
.rotator-wrapper {border: 1px solid #000; margin-bottom: 5px; visibility:hidden; max-height: 355px;}
.rotator-wrapper li {padding-left: 0px; margin-left: 0px; text-align: center;}
.rotator-wrapper a {display: block; text-align: center;}
.columnWrap .wrap {width: 100%; max-width: none;}
.wrap {max-width: 200px; width: 100%; float: left; margin-right: 10px;}
.bx-wrapper {position: relative; margin: auto 0px; padding: 0; *zoom: 1;}
.bx-wrapper img {max-width: 100%; min-width: 100%; height: 100%; display: block; margin: 0 auto;}
.rotator-wrapper {max-width: 987px; width: 100%; float: left; margin-right: 10px; margin-bottom: 20px;}
.bx-wrapper .bx-viewport { left: 0px; background: #fff;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-weight: bold; color: #666; padding-top: 0px; margin-top: -20px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
#bx-pager {margin-top: -60px;}
#bx-pager img {max-height: 74px; width: 100%; padding: 0px;}
#bx-pager a {display: inline-block; width: 25%; float: left; position: relative;}
#bx-pager a span.overlay {background-color: #000; position: absolute; display: block; z-index: 1000; width: 100%; height: 100%; opacity:0.4; filter:alpha(opacity=40);}
#bx-pager a.active span.overlay {background-color: #000; position: absolute; display: block; z-index: 1000; width: 100%; height: 100%; opacity:0.0; filter:alpha(opacity=00);}
#bx-pager a:hover span.overlay {background-color: #000; position: absolute; display: block; z-index: 1000; width: 100%; height: 100%; opacity:0.0; filter:alpha(opacity=00);}
.bx-wrapper .bx-prev {left: 10px; background: url(images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px; background: url(images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 1200; opacity:0.0; filter:alpha(opacity=00);}

.rotator-wrapper:hover > .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 1200; opacity:1.0; filter:alpha(opacity=100); -webkit-transition: opacity 0.75s ease-in; -moz-transition: opacity 0.75s ease-in; -o-transition: opacity 0.75s ease-in; -ms-transition: opacity 0.75s ease-in; transition: opacity 0.75s ease-in;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* ad rotator end */

/* category menu start */
.menuHeading {font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #000; margin-bottom: 10px;}
#catWrap {display: block; font-size: 13px; float: left; border: 2px solid #000; margin-bottom: 30px;}
.menubox {float: left; margin-bottom: 20px; display: block;}
.menuBox .infoBox {background-color:#fff; border: none; -webkit-box-shadow: 2px 3px 5px 0px #ddd; box-shadow: 2px 3px 5px 0px #ddd; margin-bottom: 25px;}
#catMenu {padding: 5px 0px 10px 0px; float: left; width: 100%; background-color: #fff;}
.catMenuTabs {padding-bottom: 0px;}
.catMenuTab {text-align: center; background: #ccc; color: #08246B; width: 50%; float: left;}
.catMenuTab a {display: block; color: #fff; padding: 5px 8px; background-color: #000; font-weight: bold; cursor: pointer;}
.catMenuTab a:hover {color: #fff; background-color: #b00; text-decoration: none;}
.catMenuTabSelected {text-align: center; color: #000; font-weight: bold; width: 50%; float: left;}
.catMenuTabSelected a {display: block; color: #000; padding: 5px 8px; background-color: #fff; cursor: pointer; }
.catMenuTabSelected a:hover {text-decoration: none;}
ul.catMenuTop {margin: 0px; padding: 0px; list-style: none;}
ul.catMenuTop li {margin: 0px; padding: 0px; list-style: none;}
ul.catMenuTop li:last-child {border-bottom: none;}
ul.catMenuTop .catMenuItemBranch a {background: url(images/catbox_arrow.png) 97% no-repeat;}
ul.catMenuTop .catMenuItemBranch a:hover {background: #fff url(images/catbox_arrow_hover.gif) 97% no-repeat; color: #222; font-weight: bold;}
ul.catMenuTop ul .catMenuItemBranch a:hover {background: #fff url(images/catbox_arrow.png) 97% no-repeat;}
ul.catMenuTop li.catMenuItemBranchExpanded > a {background: url(images/catbox_arrow_open.gif) 92% no-repeat; border-bottom: none;}
ul.catMenuTop li.catMenuItemBranchExpanded > a:hover {background: #fff url(images/catbox_arrow_hover_open.gif) 92% no-repeat; color: #222;}
ul.catMenuTop ul li.catMenuItemBranchExpanded > a:hover {background: #fff url(images/catbox_arrow_open.gif) 92% no-repeat;}
ul.catMenuTop a {display: block; padding: 3px 10px; text-decoration: none; color: #222; font-weight: normal;}
ul.catMenuTop a:hover {background: #b00; color: #fff; text-decoration: none;}
ul.catMenu {margin: 1px 0px 0px 0px; padding: 0px; list-style: none;}
ul.catMenu li {margin: 0px; padding: 0px; list-style: none; border-bottom: solid 1px #fff; background-color: #fff;}
ul.catMenu a {margin: 0px; padding: 2px 3px 2px 12px; font-weight: normal; font-size: 12px;}
ul.catMenu li a {margin: 0px; padding: 2px 3px 2px 18px;}
ul.catMenu li a:hover {font-weight: bold; color: #222; background-color: #fff;}
ul.catMenu li ul.catMenu li {margin: 0px; padding: 2px 0px;}
ul.catMenu li ul.catMenu a {margin: 0px; padding: 1px 3px 1px 30px; line-height: 14px;}
ul.catMenu li ul.catMenu li ul.catMenu a {margin: 0px; padding: 3px 3px 3px 40px;}
ul.catMenu {margin: 5px 0px 10px 0px;}
ul.catMenu:last-of-type {margin: 1px 0px 0px 0px;}
ul.catMenu ul {margin: 5px 0px 10px 0px;}
ul.catMenuTop li.catMenuItemBranchSpecial a:hover {background: #dce6ec;}
.catMenuItemBranchSpecial a {background: #FFCCCC;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial {padding: 0px 5px; margin-bottom: 1px;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a strong {color: #fff;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a {}
.catMenuItemBranchExpandedSpecial a {background: #b00;}
.catMenuItemLeafSpecial a {color: #fff !important; background-color: #b00;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial .catMenuItemLeaf a {color: #fff;}
ul.catMenuTop li.catMenuItemLeafSpecial {padding: 0px 5px; margin-bottom: 1px;}
ul.catMenuTop li.catMenuItemLeafSpecial strong {color: #fff;}
ul.catMenuTop li.catMenuItemBranchSpecial {padding: 0px 5px;}
ul.catMenuTop li.catMenuItemBranchSpecial a {background-color: #b00; color: #fff; padding: 3px 10px; margin-bottom: 1px;}
ul.catMenuTop li.catMenuItemBranchSpecial a:hover {background: #000;}
ul.catMenuTop li.catMenuItemLeafSpecial a:hover {background: #000;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a:hover {background: #000; color: #fff;}
.catManCell {padding-left: 0px;}
.catManTable {padding: 15px 0px 15px 10px;}
/* category menu end */

/* product image start */
.productImageContainer {width: 35%; float: left; margin-right: 20px; margin-top: 10px; position: relative; overflow: hidden;}
.productImageBox {background-color: #fff; border: 1px solid #d7dbde; text-align: center;}
.productImageBox a {display: block; background: url(images/zoom.png) no-repeat 2px 2px; opacity: 1;}
.productImageBox a:hover {background: url(images/zoom.png) no-repeat 2px 2px; opacity: 1; cursor: zoom-in;}
.lg-backdrop {z-index:100000 !important;}
.lg-outer {z-index:100000 !important;}
.productImageBox img {padding: 20px 20px 10px 20px; max-width: 210px; height: auto;}
.productImageBox span {display: block; clear: both; padding: 0px 20px 20px 20px;}
.productImageDisclaimer {text-align: center; font-size: 9px; color: #aaa; line-height: 12px;}
.productImageShadow {float: left; width: 100%; height: 8px;}
.productImageShadow img {width: 100%; height: auto; display: block;}
/* product end start */

/* product details start */
.productDetails {width: 33%; float: left; margin-top: 30px; font-size: 12px; line-height: 18px;}
.productDetails .col1 {width: 30%; float: left; margin-right: 2%; color: #555; clear: both;}
.productDetails .col2 {width: 68%; float: left;}
.productNotAvailable {width: 60% !important; margin-top: 0px !important;}
#productPricingDetails {border-bottom: 1px solid #e7eef4; float: left; display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px;}
#productPricingDetails .gridPrice {padding-bottom: 5px; margin-top: -28px;}
#productAvailabilityDetails {border-bottom: 1px solid #e7eef4; float: left; display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px;}
#productPriceLabel {vertical-align: top; color: #b00; white-space: nowrap; line-height: 40px;}
#productPriceValue {width: 104px; font-size: 30px; font-weight: bold; vertical-align: top; color: #b00; font-family: Montserrat, Arial, Verdana, sans-serif;}
#productRRPLabel {font-weight: bold;}
#productSavingLabel {font-weight: bold; text-decoration: underline;}
#productSavingValue {text-decoration: underline;}
.productAttributeLabel {vertical-align: top;}
#productStockValue img {margin-top: 4px; float: left; margin-right: 5px;}
#productStockValue svg {margin-top: 4px;}
#productStockValue .stock {clear: both;}
.productInfoContainer .productAttributeLabel {margin-top: 20px; font-weight: bold; color: #000;}
.productStockAvail {width: 100% !important; padding: 0px 0px 5px 20px}

#productPricingDetails svg {clear: both; float: left; margin-left: 0px; margin-right: 5px}
#productPricingDetails .inStockOnline {float: left;}
#productPricingDetails .inStoreDelivery {float: left;}

.warrantyUsedFor {margin-bottom: 30px;}
.warrantyUsedForHeading {font-size: 14px;
    color: #000;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
} 

.warrantyUsedForMpn {font-weight: bold; margin-right: 5px; display: inline; clear: both}
.warrantyUsedForProduct {display: block; margin-left: 20px; margin-bottom: 15px}
.warrantyUsedForHead {display: inline;}
.warrantyUsedFor .productLink {display: block;}

/* product details end */

/* calculate delivery start */
.productActions {width: 27%; float: right; margin-top: 10px; font-size: 12px; line-height: 18px;}
.productActions h2 {margin-top: 0px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productActions .whiteBox {margin-top: 10px; margin-bottom: 0px; background-color: #b00; border: 1px solid #b00;}
.productActions .whiteBox .headline {font-size: 24px; color: #fff; margin-bottom: 5px;}
.productActions .whiteBox .heading2 {font-size: 18px; color: #fff; margin-bottom: 5px;}
.productActions .whiteBox .heading2 a {color: #ffcc00;}
.productActions .whiteBox .heading3 {font-size: 20px; color: #fff;}
.productActions .whiteBox p {color: #fff;}

#deliveryCostTable input[type="submit"] {width: 41%; height: 26px; border: none; background-color: #b00; cursor: pointer; color: #fff;  float: right; font-weight: bold; -webkit-appearance: none; font-size: 8px; padding: 0px;}

.calcBox {border: 1px solid #d7dbde; padding: 10px; color: #333;}
.calcBox .headline {margin-bottom: 10px; font-size: 14px;}
.calcBox .headlineStoreProduct {margin-bottom: 0px; font-size: 14px;}
.calcBox span {display: inline-block; float: left; margin-top: 5px; margin-right: 3px;}
.calcBox input[type="text"] {display: inline-block; margin: 0px; padding: 0px; float: left; height: 23px; line-height: 23px;}
.calcBox input[type="image"] {float: right;}
.deliveryCostLabel {padding: 0px; width: 50%; float: left; margin-top: 10px; line-height: 16px;}
.deliveryCostValue {text-align: right; width: 50%; float: left; margin-top: 10px; color: #222; font-weight: 900; font-size: 14px; line-height: 16px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productTotalLabel {padding-top: 3px; width: 50%; float: left; margin-bottom: 5px; line-height: 16px;}
.productTotalValue {color: #b00; text-align: right; padding-top: 3px; width: 50%; float: left; margin-bottom: 5px; font-weight: 900; font-size: 14px; line-height: 16px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productQuantity {margin-bottom: 10px;}
.productQuantity .col1 {width: 75%; float: left; font-weight: 900; font-size: 14px; color: #000; line-height: 24px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productQuantity .col2 {width: 25%; float: left; text-align: right;}
.productQuantity .col2 input {text-align: center; width: 30px; height: 23px;}
.productAddToCart {width: 100%; background-color: #b00; text-align: center;}
.productAddToCart input[type="image"] {display: block; margin: 0 auto; max-width: 204px;}
.phone-box {font-weight: bold; font-size:12px; text-align: center;}
.phone-box div {padding:0 0 0 5px;}
/* calculate delivery end */

/* product description start */
.productInfoContainer {width: 100%; background-color: #fff; margin-top: 40px; margin-bottom: 20px; float: left;}
.productInfoContainer img {max-width: 100%;}
.descriptionContainer p img {height: auto;}
#ccs-logos {display: none !important;}
#ccs-inline-content h3 {line-height: 1.2em;}
.productInfoContainer ul {margin-bottom: 20px;}
.product_description {float: left;}
#product_description {float: left; width: 100%;}
.product_description .instore {font-weight: bold; margin-bottom: 10px;}
.product_description table {border-collapse: collapse;}
.product_description table th {vertical-align: top; white-space: nowrap;}
.product_description table td {vertical-align: top;}
.product_description ul {margin: 0px 0px 20px 20px;}
.content_heading {font-weight: bold; font-size: 22px; padding-bottom: 5px; margin-top: 15px; color: #111; font-family: Montserrat, Arial, Verdana, sans-serif;}
.content_sub_heading {font-weight: bold; font-size: 18px; padding-bottom: 5px; margin-top: 15px; color: #222;}
.spec_table {width: 100%; border-collapse: collapse; font-size: 14px; border: 0px !important; color: #333;}
.spec_table td {padding: 10px; vertical-align: top; border: 0px !important;}
.spec_table th {padding: 10px; vertical-align: top; font-weight: bold;}
.spec_table tr:nth-child(odd) {background-color: #efefef;}
.spec_table td:nth-child(odd) {}
.spec_table_50 {width: 50%;}

.spec_table_e {width: 100%; border-collapse: collapse; font-size: 14px; border: 0px; line-height: 1.78571em;}
.spec_table_e td {padding: 10px; vertical-align: top; color: #333 !important;}
.spec_table_e td.spec_attr_group {color: #fff !important;}
.spec_table_e .spec_row_odd {background-color: #efefef;}
.spec_table_e td:nth-child(odd) {}

.productInfoContainer .spec_table ul {margin-bottom: 0px; line-height: 20px;}

.spec_attr_group {vertical-align: top; font-weight: bold; white-space: nowrap; font-size: 16px; background-color: #000; color: #fff; padding-top: 15px; padding-bottom: 5px;}
.spec_attr_name {vertical-align: top; font-weight: bold; white-space: nowrap;}

img.loading {margin: 0 auto; display: block; height: 40px; width: auto; padding-bottom: 30px;}

.descriptionContainer li {list-style: square !important; float: none !important;}

#featureGroups {
    width: 100%;
    position: relative;
    font-size: 15px;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 400;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

#featureGroups .feature-tableRow:nth-child(odd) {
    background-color: #f4f4f4;
}

.feature-group {
    border: 1px solid #f4f4f4;
    margin: 15px 0px;
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
}

#featureGroups .feature-tableRow {
    display: table-row;
    width: 100%;
}

#featureGroups .feature-tableRow > * {
    word-break: break-word;
}

#featureGroups .feature-tableRow .feature-label {
    display: table-cell;
    border: 0 none;
    clear: both;
    padding: 7px 5px 7px 7px;
    vertical-align: middle;
    width: 50%;
}

#featureGroups .feature-tableRow .feature-data {
    width: 100%;
    display: table-cell;
    padding: 7px 0 7px 5px;
    vertical-align: middle;
    color: #7b7b7b;
}

#featureGroups .feature-rowHead {
    display: table-row;
}

#featureGroups .feature-rowHead span {
    font-weight: 500;
    display: inline-block;
    background-color: #f4f4f4;
    padding: 7px 7px;
    width: 200%;
    white-space: nowrap;
    font-size: 17px;
}

/*tooltip*/
#featureGroups .featureAnchorText {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

#featureGroups .featureTooltip {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #444;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 10px 0;
    min-width: 200px;
    max-width: 278px;
    box-shadow: 0 0 20px 5px #969696;
    line-height: 14px;
    font-size: 12px;
    padding: 5px 5px 5px 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;

    font-family: bttv-regular, Tahoma, Arial, sans-serif;
}

#featureGroups .featureAnchorText:hover + .featureTooltip {
    visibility: visible;
}

.reasonsToBuy {
    padding-top: 20px;
}

.reasonsToBuyWrapper_left, .reasonsToBuyWrapper_right {
    width: 100%;
    position: relative;
    display: inline-block;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 400;
    font-size: 15px;
    /*float:left;*/
    margin: 15px 0px;
}

.reasonsToBuyTitle {
    font-size: 16px;
    font-weight: 500;
    max-width: 95% !important;
}

.reasonsToBuyText {
    color: #717171;
    max-width: 95% !important;
}

.reasonsToBuy .reasonsToBuyImageWrapper {
    width: 50%;
    min-width: 100px;
}

.reasonsToBuyWrapper_left .reasonsToBuyImageWrapper {
    float: left;
}

.reasonsToBuyWrapper_right .reasonsToBuyImageWrapper {
    float: right;
}



.reasonsToBuyWrapper_left .reasonsToBuyImageWrapper img,
.reasonsToBuyWrapper_right .reasonsToBuyImageWrapper img
{
    max-width: 95% !important;
}

#idTab10, #idTab20, #idTab30, #idTab40, #idTab50, #idTab60, #idTab70, #idTab80 {float: left !important; width: 100% !important; padding-top: 20px !important;}
ul.idTabs {border-bottom: 2px solid #000; height: 35px;}
ul.idTabs h2 {margin: 0px;}

.contentChunk {margin-top: 30px;}
		
.contentChunkLeft, .contentChunkRight {
    display: flex;
    align-items: center;
}

.contentChunkRight {
    flex-direction: row-reverse;
}

.contentChunkLeft, .contentChunkRight, .contentChunkCenter {
    margin-bottom: 24px;
}
.contentChunkText {
    width: 60%;
}
.contentChunkText h3 {
    font-size: 24px;
    margin-bottom: 8px;
}
.contentChunkText p {
    font-size: 18px;
}
.contentChunkImage img {
    width: 100%;
    height: auto; 
}

.contentChunkLeft .contentChunkImage
{
    width: 40%;
    display: flex;
    justify-content: center;
}

.contentChunkRight .contentChunkImage{
    width: 40%;
    display: flex;
    justify-content: center;
}

.contentChunkLeft .contentChunkText {
    margin-left: 20px;
}

.contentChunkLeft .contentChunkText {
    margin-left: 20px;
}
.contentChunkLeft .contentChunkImage img,
.contentChunkRight .contentChunkImage img {
    max-width: 250px;
    width: 100%; 
}
.contentChunkRight .contentChunkText  {
    margin-right: 20px;
}

.contentChunkCenter {    
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.contentChunkCenter .contentChunkText {
    width: 100%;
}

.contentChunkCenter .contentChunkText h3 {
    text-align: center;
}

.contentChunkCenter .contentChunkImage img {
    max-width: 750px;
}

/* product description end */

/* product start */

.helpInfo {color: #aaa; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px;}
.helpInfoStoreProduct {color: #aaa;}
.helpInfo p {margin: 0px; color: #888; font-size: 9px; line-height: 13px;}
.helpInfoStoreProduct p {margin-bottom: 5px; color: #888; font-size: 9px; line-height: 13px;}
.product-grid {float:left; width: 100%; overflow-x: hidden;}
.productLinks {margin: 20px 0px; padding: 0px; list-style: none; line-height: 20px;}
.productLinks img {margin-right: 5px;}
.productLinks a {font-size: 12px; float: left;}
ul.productLinks a {font-size: 12px; float: left; width: 90%; margin-bottom: 5px;}
ul.productLinks li {display: block; float: left; width: 100%;}
.productLinks a:hover {color: #5c86a1;}
.productLinks a strong {color: #5c86a1;}
a.productLinksImg {width: 30px !important; text-align: center; float: left;}
a.productLinksImg img {margin-bottom: -3px; height: 16px; width: 16px;}
a.permanent-hover {color: #b00; text-decoration: none;}
a.permanent-hover:hover {text-decoration: underline;}
#deliveryCostOutput {padding: 5px 0px 0px 0px;}
* html div.sbHolder {width: 173px;}
.sbHolder{background-color: #fff; border: solid 1px #000; font-weight: normal; height: 20px; position: relative; width: 176px;}
.sbSelector{display: block; height: 20px; left: 0; line-height: 19px; outline: none; overflow: hidden; text-indent: 5px; top: 0; width: 150px; max-width:155px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #b00; outline: none; text-decoration: none;}
/* IE hack to get white padding to the left of the toggle (borders count as width in IE)*/
* html a.sbToggle {border-right: 5px solid #555; width: 35px;}
.sbToggle{background: url(images/select-icons.png) 0 -122px no-repeat; border-left: 5px solid white; background-color: #555; display: block; height: 100%; outline: none; position: absolute; right: 0; top: 0; width: 30px;}
.sbToggle:hover{background: url(images/select-icons.png) 0 -173px no-repeat; background-color: #555;}
.sbToggleOpen{background: url(images/select-icons.png) 0 -22px no-repeat; background-color: #555;}
.sbToggleOpen:hover{background: url(images/select-icons.png) 0 -72px no-repeat; background-color: #555;}
.sbHolderDisabled{background-color: #777; border: solid 1px #000;}
.sbOptions{background-color: #fff; border: solid 1px #515151; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 200px; z-index: 1; overflow-y: auto;}
.sbOptions li{padding: 0 7px; border-bottom: dotted 1px #515151;}
.sbOptions li:last-child {border-bottom: none;}
.sbOptions a{display: block; outline: none; padding: 7px 0 7px 3px;}
.sbOptions a:link, .sbOptions a:visited{color: #000; text-decoration: none;}
.sbOptions a.selected {color:#b00;}
.sbOptions li:hover {background-color: #DBDBDB;}
.sbOptions a:hover{color: #0064C8;}
.sbOptions li.last a{border-bottom: none;}
.sbOptions .sbDisabled{border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px;}
.sbOptions .sbGroup{border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px;}
.sbOptions .sbSub{padding-left: 17px;}
/* product end */

/* search start */
.advancedSearch {background-color: #f7f9fb; margin-bottom: 5px; margin-top: 5px; padding: 10px; font-size: 12px; border: 1px solid #e7eef4;}
.advancedSearch hr {height: 0px; border-top: none; border-left: none; border-right: none; border-bottom: none; margin: 10px 0px 20px 0px;}
.advancedSearch p {margin: 0px; float: right;}
.advancedSearch strong {margin-bottom: 10px; display: inline-block; float: left;}
.advancedSearch a {display: inline-block; float: right;}
.advancedSearch .col1 {width: 60%; float: left; clear: both;}
.advancedSearch .col2 {width: 35%; float: left; margin-left: 5%;}
.advancedSearch .col2 .searchDescriptions {width: 100%;}
.advancedSearch .col2 .searchInstock {width: 100%;}
.advancedSearch .col2 .searchInstore {width: 100%;}
.advancedSearch .col2 .includeSub {width: 100%;}
.advancedSearch .col2 input.searchButton {margin-top: 80px; clear: both; float: right;}
.advancedSearch .col1 .col2 input {width: 98%; margin-left: 0px; padding: 0px 0px 0px 2%;}
.advancedSearch .col1 .col2 select {width: 100%; height: 27px;}
.advancedSearch .col1 .col2.priceRange input {width: 50px; padding: 0px 2%;}
.advancedSearch .col1 .col1 {width: 25%; float: left; margin-bottom: 5px;}
.advancedSearch .col1 .col2 {width: 75%; float: left; margin-bottom: 5px; margin-left: 0px;}
.searchHelp {float: right; font-size: 12px;}
.grid-row {float: left;}
.grid-row a {display: inline-block;}
.grid-row a img {display: block;}
.grid-row:first-of-type {border-top: 1px solid #e7eef4; padding-top: 15px;}
.resultTab {float: left; width: 50%; margin-bottom: -1px; position: relative; z-index: 2000;}
.productResults {margin-bottom: 20px; margin-top: 5px; font-size: 12px;}
.productResultsBottom {margin-bottom: 20px; font-size: 12px; width: 50%; float: left;}
.pagination {float: left; width: 50%; text-align: right; font-size: 12px; color: #aaa;}
.pagination a {background-color: #fff; padding: 2px 7px; color: #333;}
.pagination strong {padding: 2px 7px; color: #333; border: 1px solid #e7eef4; background-color: #f7f9fb;}
.stockETA {font-size: 10px; font-weight: bold; color: #FF6600;}
.gridbutton:first-of-type {margin-left: 0px;}
.gridbutton {display: block; float:left; margin-right:0px; border:1px solid #e7eef4; margin-left: -1px; color: #000; padding: 5px 20px; background-color: #fff; font-weight: bold;}
.gridbutton:hover {color: #000; text-decoration: none; background-color: #e7eef4;}
span.gridbutton {background-color: #f7f9fb; border-right:1px solid #e7eef4; border-bottom:1px solid #f7f9fb; border-left:1px solid #e7eef4; border-top:1px solid #e7eef4; color: #000; font-weight: bold;}
span.gridbutton:hover {background-color: #f7f9fb; border-right:1px solid #e7eef4; border-bottom:1px solid #f7f9fb; border-left:1px solid #e7eef4; border-top:1px solid #e7eef4; color: #000; font-weight: bold;}
.grid-popup {display: none; background-color:white; padding-bottom: 40px; position: absolute; border: 1px solid #111; color: black; font-size:11px; overflow: hidden; z-index: 3000;}
.grid-desc {display:none;}
.display-none {display:none;}
.grid-static-box {float:left; clear:none;}
.grid-popup-box {margin: 0 auto; margin-bottom:5px; padding: 10px;}
.grid-popup-box img {max-width: 100%; height: auto;}
.grid-popup-desc {text-align: center; width: 96%; margin-top:5px; padding: 0px 2%; line-height: 16px; overflow: hidden;}
.grid-popup-desc a, .grid-popup-desc a:hover {text-decoration: none; color: #4c4c4c;}
.grid-popup-desc strong {font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 20px; display: block; margin: 5px 0px; color: #111;}
.grid-popup-desc .red {color: #b00;}
.grid-box {}
.product-grid-1 .grid-box {width:45px; /* Used by IE in quirks mode */ height:45px;}
html>body .product-grid-1 .grid-box {width:48px; /* Used by all other browsers */}
.product-grid-2 .grid-box {width:10.9%; /* Used by IE in quirks mode */ height:auto;}
html>body .product-grid-2 .grid-box {width: 32.3%; margin-right: 1%; margin-bottom: 1%; /* Used by all other browsers */ -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5;}
.gridPadding {float: left; padding: 5%; width: 90%;}
.gridBorder {border: 1px solid #ddd; float: left; width: 99.5%; background-color: #fff;}
.gridImage {margin-bottom: 10px;}
.gridImage a {display: block; text-align: center;}
.gridImage img {max-width: 130px; width: 100%; margin: 0 auto;}
.gridPrice {color: #000; font-size: 20px; line-height: 28px; font-weight: 900; float: left; width: 50%; font-family: Montserrat, Arial, Verdana, sans-serif;}
.gridBuy {text-align: right; float: left; width: 50%;}
.gridBuy .addToCart {margin-left: 0px; background-color: transparent;}
.gridName {margin-top: 10px; width: 100%; font-size: 14px; line-height: 18px; word-break:break-all; float: left; clear: both; height: 35px; overflow: hidden;}
.gridName a {color: #222;}
.gridName a:hover {text-decoration: none; font-weight: bold;}
.bundle-icon {clear:both; margin: auto; margin-top:0px; display:block;}
.bundle-link {font-weight: bold; display:block; text-align: center; margin-top: 10px; margin-bottom: 15px; font-size: 14px;}
.productHeadingName {float: left; width: 69%; margin-left: 13%; font-size: 12px; margin-top: 5px;}
#listPriceHint {padding-left: 10px; font-weight: normal; font-size: 9px;}
.productHeadingPrice {float: left; width: 6%; font-size: 12px; margin-bottom: 10px; margin-top: 5px;}
.productHeadingAvailability {float: left; width: 12%; text-align: center; font-size: 12px; margin-top: 5px;}
.productListing.consumables {border-top: none;}
.productListing {float: left; position: relative; z-index: 100; border: 1px solid #e7eef4; width: 100%; background-color: #f7f9fb; margin-bottom: 10px;}
.productListingRow {padding: 1%; width: 96%; display: block; float: left; margin: 0px 1% 1% 1%; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5; background-color: #fff; overflow: hidden; position: relative;}
.productListingRow .image {width: 10%; margin-right: 2%; float: left; text-align: center; max-height: 100px; overflow: hidden;}
.productListingRow .image img {max-width: 100%; -webkit-backface-visibility: hidden;}
.productListingRow .nameDescription {width: 68%; float: left; font-size: 12px; line-height: 16px; min-height: 50px; font-weight: bold;}
.productListingRow .nameDescription a {color: #111;}
.productListingRow .nameDescription p {font-size: 12px; line-height: 16px; margin: 5px 0px; color: #333; font-weight: normal; word-wrap: break-word;}
.productListingRow .nameDescription span {font-size: 10px; font-weight: normal; color: #999; display: block;}
.productListingRow .price {width: 20%; float: left; text-align: center; margin-bottom: 10px;}
.productListingRow .price .productPrice {font-size: 20px; display: block; color: #000;}
.productListingRow .buyButton {width: 12%; margin: 0px 4%; float: left; text-align: center;}
.productListingRow .nameDescription button {background-color: #00bb00; color: #fff; border: none; cursor: pointer; padding: 0px 5px; float: left; margin-right: 1px; min-width: 150px;}
.productListingRow .nameDescription button.specialOrder {background-color: #ff9000;}
.productListingRow .nameDescription button.inStoreDelivery {background-color: #00a2ff;}
.productListingRow .nameDescription button.inStockOnline {background-color: #ae00ff;}
.productListingRow .buyButton .addToCart {display: block; margin-left: 0px; float: left; width: 100%; padding: 5px 0px;}
.productListingRow .buyButton .addToCart img {display: block; margin: 0 auto; width: 43px; height: 25px;}
.productListingRow .featuredProductsSpecialText {font-size: 10px; padding: 0px; left: -65px; top: 20px; position: absolute;}
.productListingRowAlt {padding: 1%; width: 96%; display: block; float: left; margin: 0px 1% 1% 1%; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5; background-color: #fff; overflow: hidden; position: relative;}
.productListingRowAlt .image {width: 10%; margin-right: 2%; float: left; text-align: center; max-height: 100px; overflow: hidden;}
.productListingRowAlt .image img {max-width: 100%; -webkit-backface-visibility: hidden;}
.productListingRowAlt .nameDescription {width: 68%; float: left; font-size: 12px; line-height: 16px; min-height: 50px; font-weight: bold;}
.productListingRowAlt .nameDescription a {color: #111;}
.productListingRowAlt .nameDescription p {font-size: 12px; line-height: 16px; margin: 5px 0px; color: #333; font-weight: normal; word-wrap: break-word;}
.productListingRowAlt .nameDescription span {font-size: 10px; font-weight: normal; color: #999; display: block;}
.productListingRowAlt .price {width: 20%; float: left; text-align: center; margin-bottom: 10px;}
.productListingRowAlt .price .productPrice {font-size: 20px; display: block; color: #000;}
.productListingRowAlt .buyButton {width: 12%; margin: 0px 4%; float: left; text-align: center;}
.productListingRowAlt .nameDescription button {background-color: #00bb00; color: #fff; border: none; cursor: pointer; padding: 0px 5px; float: left; margin-right: 1px; min-width: 150px;}
.productListingRowAlt .nameDescription button.specialOrder {background-color: #ff9000;}
.productListingRowAlt .nameDescription button.inStoreDelivery {background-color: #00a2ff;}
.productListingRowAlt .nameDescription button.inStockOnline {background-color: #ae00ff;}
.productListingRowAlt .buyButton .addToCart {display: block; margin-left: 0px; float: left; width: 100%; padding: 5px 0px;}
.productListingRowAlt .buyButton .addToCart img {display: block; margin: 0 auto; width: 43px; height: 25px;}
.productListingRowAlt .featuredProductsSpecialText {font-size: 10px; padding: 0px; left: -65px; top: 20px; position: absolute;}    
.productListing .stockAvailabilities .stock svg {padding-top: 3px;}
.bundleButton {background-color: #193e80; display: block; margin-left: 0px; margin-top: 1px;}
.bundlebanner {background-color: #193e80; float: left; width: 100%; text-align: center; margin-top: 10px;}
.bundlebanner img {max-width: 100%; height: auto;}
.searchBox {background-color: #f7f9fb; font-size: 12px; float: left; width: 98%; padding: 1%; border: 1px solid #e7eef4; margin-bottom: 5px;}
.searchBox span {display: inline-block; width: 25%;}
.searchHeading {width: 100%; float: left; margin-bottom: 5px;}
.searchHeading a {float: right;}
.searchBox .col1 {width: 65%; float: left;}
.searchBox .col1 input[type="text"] {padding: 0px 2%; width: 60%;}
.searchBox .col1 select {width: 64%; height: 27px;}
.searchKeywords {width: 100%; float: left; margin-bottom: 5px;}
.searchBrand {width: 100%; float: left; margin-bottom: 5px;}
.searchPrice {width: 100%; float: left;}
.searchBox .col1 .searchPrice input[type="text"] {width: 20%;}
.searchSort {width: 35%; float: left;}
.searchSort select {width: 65%; float: right; height: 27px; margin-bottom: 10px;}
.searchSort input[type="submit"] {width: 50%; float: right; background-color: #b00; margin-top:20px; height: 27px;}
.searchSort .searchButton {background: url(includes/languages/english/images/buttons/button_refine_list.gif); background-size: 106px 26px; background-repeat: no-repeat; background-position: center;}
.searchSort input[type="submit"].refineButton {cursor: pointer; border: none; color: #fff; font-weight: bold; width: auto; clear: both; -webkit-appearance: none;}
.searchInStock {width: 100%; float: left;}
.searchInStock label {width: 75%; float: left;}
.searchInStock label input[type="checkbox"] {float: right;}
.searchInStock input[type="checkbox"] {margin-left: 15px;}
.searchBox .searchInStock span {width: auto;}

.availabilityGroup {width: 14%; float: right; text-align: center;}
.availabilityGroup #productStockValue {width: auto; float: left; text-align: center;}

.availabilityGroup #productStockValue img {float: none;}

.lightboxwrap {display: none;}

.StockAvailabilitiesHeader {float: left; color: #111; font-size: 10px; padding-top: 5px}
.stockAvailabilities {padding-top: 5px}
.specialOrder {float: left;}
.fas, .svg-inline--fa {margin: 0px 5px 0px 10px; float: left; line-height: 16px !important;}
.far, .svg-inline--far {margin: 0px 5px 0px 10px; float: left; line-height: 16px !important;}
.fa-check-circle {color: #00BB00;}
.fa-store-alt {color: #0066cc;}
.fa-clock {color: #fc0;}
.fa-truck {color: #b00;}
.stockAvailabilities {color: #111; font-size: 10px; font-weight: normal;animation: opacity 2s ease-in-out infinite;
                      opacity: 1;}
@keyframes opacity {
    70% {
        opacity: 0.7;
    }

    0% {
        opacity: 1;
    }
}
.stockAvailabilities div {color: #111 !important; float: left;}
#productInfoLightbox {max-width: 800px; color: #333;}
.lightboxHeader {font-size: 28px; color: #111; text-align: center;}
.lightboxSubHeader {margin-top: 20px; margin-bottom: 5px; font-size: 18px; color: #111;}
.lightboxSubHeaders svg {margin-left: 0px; line-height: 20px !important;}

/* search end */

/* warning start */
form .table {display: unset;}
.errorWarning {color: #b00; font-size: 14px; padding: 10px; margin-top: 20px; background-color: #f8e3e3; line-height: 18px;}
.errorWarning strong {color: #b00; font-size: 14px;}
.errorWarning p {color: #872c2c;}
.errorWarning p:last-of-type {margin: 0px;}
.errorWarning img {float: left; margin-right: 10px; height: 32px; width: 32px;}
.deliveryInfoMethod .errorWarning strong:first-of-type {color: #b00; font-size: 14px; margin: 0px;}
.messageBox {font-size: 10px;}
.messageStackError, .messageStackWarning {font-size: 14px; color: #fff; background-color: #b00;}
.messageStackError img {vertical-align: middle; margin-right: 5px; margin-top: -2px; height: 32px; width: 32px;}
.messageStackSuccess {font-size: 14px; color: #666; margin-bottom: 20px;}
.messageStackSuccess strong {font-size: 16px; font-weight: bold; color: #53c516;}
.messageStackSuccess img {vertical-align: middle; margin-right: 5px; margin-top: -2px;}
.messageStackError strong {font-size: 16px; font-weight: bold; color: #fff;}
.messageStackError {margin-bottom: 10px;}
.errorBox {font-size : 10px; background: #ffb3b5; font-weight: bold; }
.errorBoxBright {font-size : 12px; color:#b00;}
.stockWarning {font-size: 16px; font-weight: bold; color: #b00; }
/* warning end */


/* featured products start */
.featuredProductsImage {text-align: center; margin-bottom: 10px;}
.featuredProductsImage img {max-width: 110px; width: 100%;}
.featuredProductsImage img:hover {opacity: 1; filter: alpha(opacity=100);}
.featuredProductsPrice {color: #222; font-size: 26px; line-height: 18px; font-weight: 900; float: left; width: 50%; font-family: Montserrat, Arial, Verdana, sans-serif;}
.featuredProductsPrice sup {font-size: 14px;}
.featuredProductsPrice a {color: #222;}
.featuredProductsBuy {text-align: right; float: left; width: 50%;}
.featuredProductsBuy a {display: block; float: right;}
.featuredProductsBuy img {max-width: 100%; height: auto; display: block; max-height: 25px;}
.featuredProductsBuy img:hover {opacity: 0.7; filter: alpha(opacity=70);}
.featuredProductsName {margin-bottom: 10px; width: 100%; font-weight: bold; font-size: 14px; line-height: 18px; word-break:break-all; float: left; clear: both; height: 35px; overflow: hidden;}
.featuredProductsName a {color: #222;}
.featuredProductsName a:hover {text-decoration: none;}
.featuredProductsText {width: 100%; display: block; float: left; overflow: hidden; height: 90px; font-size: 12px;}
.featuredProductsText ul {width: 100%;}
.featuredProductsText ul li {list-style: square; float: none; width: 90%; overflow: visible;}
.featuredProductsText ul li.one-line {overflow: visible; position: relative; line-height: 14px;}
.featuredProductsGrid {width: 32.3%; margin-right: 1%; margin-bottom: 1%; float: left;-webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5; overflow: hidden; position: relative;}
.featuredProductsPadding {background-color: #fff; border: 1px solid #d7dbde; padding: 5%;}
.featuredProductsPadding:hover {border: 1px solid #aaa;}
.featuredProductsPadding #productStockValue {width: 100%; margin-bottom: 0px;}
.featuredProductsPadding #productStockValue img {padding: 2px 0px 0px 0px;}
.featuredProductsPadding .code {color: #999; font-size: 10px; margin-bottom: 10px; float: left; width: 100%;}
.contentBox {margin-bottom: 50px; float: left; width: 100%; display: block;}
.contentBoxHeading {background-color: #3a3a3a; color: #fff; text-align: center; font-weight:bold; white-space: nowrap; padding: 6px 0px;}
.contentBoxHeading h2 {font-size: 10px; font-weight: bold; margin: 0px;}
.contentBoxContents {border-collapse: collapse;}
.contentBoxContentsItem {border: 1px solid #d7dbde; background-color: #fff; width: 28.3%; margin-right: 1%; margin-bottom: 1%; float: left; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5; display: block; padding: 2%;}
.contentBoxContentsItem:nth-of-type(3) {margin-right: 0px;}
.contentProductImage {height: 68px; text-align: center;}
.contentProductName {vertical-align: top; width: 50%;}
.contentProductPrice {text-align: center; vertical-align: middle;}
.contentProductPrice span.productPrice {color: #EE0000;}
.featuredProductsSpecialText {position: absolute; left: -55px; top: 30px; background-color: #ffde00; transform: rotate(-45deg); padding: 5px; width: 200px; text-align: center; font-family: Open Sans, Arial, Verdana, sans-serif; z-index: 9999; color: #000;}
.featuredProductsSpecialText.freeShipping {background-color: #b00; color: #fff;}
.featuredProductsSpecialText.refurbished {position: absolute; left: -58px; top: 50px; background-color: #fc0; transform: rotate(-45deg); padding: 5px; width: 250px; text-align: center; font-family: Open Sans, Arial, Verdana, sans-serif; z-index: 9999; color: #000;}
/* featured products end */

/* checkoutbar start */
div.checkoutBar {margin: 40px 0px 10px 0px; border: 1px solid #222; text-align: center; line-height: 30px; clear: both;}
div.checkoutBar a {color: #fff; display: block; height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBar a:hover {background-color: #111; color: #ffcc00; text-decoration: none;}
div.checkoutBarFrom {background-color: #222; float: left; width: 14%; padding-left: 3%; padding-right: 3%; height: 30px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBarTo {background-color: #fff; float: left; width: 14%; padding-left: 3%; padding-right: 3%; height: 30px; font-weight: bold; color: #111; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBarCurrent {background-color: #111; float: left; width: 14%; padding-left: 3%; padding-right: 3%; color: #fff; height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBarFrom2 {background-color: #222; float: left; width: 16.66666666666667%; height: 30px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBarTo2 {background-color: #fff; float: left; width: 16.66666666666667%; height: 30px; font-weight: bold; color: #111; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBarCurrent2 {background-color: #111; float: left; width: 16.66666666666667%; color: #fff; height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.paypal {float: left; width: 80%;}
.paypal span {float: right; clear: both;}
#paypal-button {float: right;}
#cartCheckout {float: left;}
#cartCheckout .continueButton {margin-top: 2px;}
.checkoutConfirm {float: right; width: 15%; margin-left: 5%;}

/* checkoutbar end */

/* testimonials start */
.feedbackWrap {margin: 40px 0px 20px 0px;}
.feedbackBox .openQuote {font-size: 80px; line-height: 80px; float: left; margin-right: 1%; width: 5%; color: #efefef;}
.feedbackBox .closeQuote {font-size: 80px; line-height: 80px; float: right; margin-left: 1%; width: 5%; color: #efefef;}
.feedbackBox .quote {float: left; width: 88%; margin: 10px 0px;}
.feedbackBox {border: solid 1px #d7dbde; background: #fff; padding: 0px 2%; margin-bottom: 1%; font-size: 14px; color: #666; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5;}
.feedback_area {height: 155px; margin: 0px; background: #fff; overflow: hidden;}
.feedback_area ul li {margin: 0px 0px 10px 0px; overflow: hidden; height: 150px}
ul#feedback_list {list-style: none; margin: 0px; padding: 0px; position: relative; top: 0px; left: 0px;}
.feedback {overflow: hidden}
.feedback_heading {padding-top: 3px; font-size: 11px; color: #aaa; height:10px;}
.feedback_text {padding-bottom: 15px; margin: 10px 0px; height:130px;}
.feedbackLink {margin: 5px 0px 30px 0px;}
.feedback {margin: 0px 0px 20px 0px;}
.feedbackText {margin: 7px 0px;}
a.moreFeedbackLink, a.moreFeedbackLink:hover{text-decoration: none;}
.nameQuote {font-weight: bold; color: #000; text-align: right;}
/* testimonials end */

.feedbackForm {background-color: #fff;}
.feedbackForm h1 {color: #000; font-size: 30px; text-align: center; margin-bottom: 30px;}
.step1 {width: 900px; max-width: 96%; padding-left: 2%; padding-right: 2%; margin: 0 auto; padding-top: 100px;}
.step2 {width: 900px; max-width: 96%; padding-left: 2%; padding-right: 2%; margin: 0 auto; padding-top: 100px;}
.feedbackForm input.searchButton {background-image: none; background-color: #00BB00; color: #fff; display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; padding: .5rem 1rem; font-size: 1rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; height: auto; width: 70px; border: 1px solid #00BB00;}
.feedbackForm input.searchButton:hover {background-color: #00BB00; border: 1px solid #00BB00;}
.feedbackForm .btn-danger {background-color: #b00; border: 1px solid #b00; cursor: pointer; width: 70px;}
.feedbackForm .btn-danger:hover {background-color: #b00; border: 1px solid #b00; opacity: 0.7;}
.feedbackIssue {width: 780px; max-width: 100%; margin: 0 auto;}
.feedbackIssue .text {color: #000;}
.feedbackIssue input.searchButton {background-image: none; background-color: #00BB00; color: #fff; display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; padding: .5rem 1rem; font-size: 1rem; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; height: auto; width: 90px; border: 1px solid #00BB00; float: right; margin-top: 20px;}
.feedbackIssue input.searchButton:hover {background-color: #00BB00; border: 1px solid #00BB00;}
.feedbackForm input[type="text"] {border: 1px solid #efefef; border-radius: .25rem; height: 50px; padding: 2%; max-width: 96%;}
.feedbackForm textarea {border: 1px solid #efefef; border-radius: .25rem; height: 150px; color: #000; max-width: 96%;}
.feedbackForm input[type="image"] {cursor: pointer; background-color: #000;}
.feedbackForm .table {width: 780px; max-width: 100%; margin: 0 auto;}


/* contact us start */
.contactUS {background-color: #fff; margin: 20px 0px; float: left; width: 100%;}
.contactUS input[type="text"] {vertical-align: text-bottom; display: block; clear: both; margin-top: 5px; max-width: 100%;}
.contactUS select {vertical-align: text-bottom; display: block; clear: both; margin-top: 5px; max-width: 100%;}
.contactUS textarea {display: block; clear: both; margin-top: 5px;}
.captcha input {width: 120px;}
.sendButton {float: right; width: 75px; height: 30px; margin-bottom: 50px;}
/* contact us end */

/* new customer start */
.newCustomer {background-color: #fff; border-left: 1px solid #d7dbde; width: 42%; float: left; padding-left: 4%; margin-left: 4%; min-height: 200px;}
.newCustomer h2 {margin-top: 0px;}
.newCustomer img {display: block; float: right;}
.newCustomer p:last-of-type {margin-top: 8px; float: left; width: 100%;}
.newCustomer p:last-of-type img {float: right; height: 30px; width: 160px;}
.yourPersonal {padding: 0px 0px 40px 0px;}
.yourPersonal .col1 {width: 20%; float: left; margin-bottom: 5px;}
.yourPersonal .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourPersonal .col2 input {width: 50%; padding: 0px 2%;}
.yourDelivery {padding: 0px 0px 40px 0px;}
.yourDelivery .col1 {width: 20%; float: left; margin-bottom: 5px; font-size: 14px; color: #4C4C4C;}
.yourDelivery .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourDelivery .col2 input {width: 50%; padding: 0px 2%;}
.yourDelivery .col2 textarea {width: 50%; float: left;}
.yourDelivery .col2 select {width: 50%;}
.yourDelivery .col2 .inputRequirement {vertical-align: top;}
.yourDelivery .col2.postCode input {width: 100px; padding: 0px 2%;}
.newsletterSubscription {padding: 0px 0px 40px 0px; font-size: 14px; color: #4C4C4C;}
.yourContact {padding: 0px 0px 40px 0px; font-size: 14px; color: #4C4C4C;}
.yourContact .col1 {width: 20%; float: left; margin-bottom: 5px;}
.yourContact .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourContact .col2 input {width: 30%; padding: 0px 2%;}
.yourPassword {padding: 0px 0px 40px 0px; font-size: 14px; color: #4C4C4C;}
.yourPassword .col1 {width: 20%; float: left; margin-bottom: 5px;}
.yourPassword .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourPassword .col2 input {width: 30%; padding: 0px 2%;}
.yourPassword input[type="password"] {width: 30%; padding: 0px 0px 0px 2%;}
.termsConditions {font-size: 14px; color: #4C4C4C;}
/* new customer end */

/* returning customer start */
.returningCustomer {background-color: #fff; width: 46%; float: left; min-height: 200px;}
.returningCustomer .col1 {width: 35%; float: left; margin-bottom: 5px; clear: both;}
.returningCustomer .col2 {width: 65%; float: left; margin-bottom: 5px;}
.returningCustomer .col2 input[type="text"] {width: 98%; padding: 0px 0px 0px 2%; line-height: 25px;}
.returningCustomer .col2  input[type="password"] {width: 98%; padding: 0px 0px 0px 2%; line-height: 25px;}
.returningCustomer p:last-of-type {margin: 0px;}
.returningCustomer a {margin: 10px 0px 0px 0px; display: block;}
.returningCustomer h2 {margin-top: 0px;}
.returningCustomer input[type="image"] {float: right;}
/* returning customer end */

/* white box start */
.whiteBox {border: 1px solid #d7dbde; background-color: #fff; padding: 10px; margin-bottom: 20px; color: #666;}
.whiteBox input[type="image"] {float: right;}
.whiteBox .Q3 {float: left; width: 75%;}
.whiteBox .Q1 {float: left; width: 25%;}
.whiteBox h2 {margin-top: 0px; padding-bottom: 5px; font-size: 18px;}
.whiteBox h3 {margin-top: 0px;}
.whiteBox ul {list-style: none; padding: 0px; margin: 0px;}
.whiteBox li {border-bottom: 1px solid #efefef; padding: 5px 0px;}
.whiteBox li:last-of-type {border-bottom: none;}
.whiteBox p {color: #666;}
/* white box end */

/* faq start */
.faq_question, .faq_category_link {position: relative;}
.faq_questions li {padding: 0px; margin: 0px;}
.faq_questions li a {display: block; padding: 3px 0px; color: #5c86a1;}
.faq_questions li a:hover {background-color: #f7f9fb; color: #b00;}
.faq_questions {list-style: none; margin: 0px; padding: 0px;}
ul.faq_questions {margin-bottom: 25px;}
.faq_answer {padding: 0px 10px 25px 10px;}
.whiteBox .faq_questions li {padding: 0px;}
/* faq end */

/* recently viewed start */
.historyBox {list-style-type: none; padding:0px; margin: 0px 0px 30px 0px;}
.historyBox a {color: #5c86a1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; display: block; padding: 5px 0px;}
.historyBox a:hover {background-color: #f7f9fb; color: #b00;}
.historyBox li {border-bottom: 1px solid #e7eef4;}
.historyBox li:last-of-type {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
/* recently viewed end */

/* upsell start */
.upsell {margin-bottom: 30px; float: left; width: 100%;}
.upsell .headline {margin-bottom: 10px;}
.upsell .productListing-data a {padding: 2px 6px; color: #5c86a1; font-size: 12px;}
.upsell .productListing-heading {background-color: #fff; padding: 2px 0px; border-bottom: 2px solid #e7eef4; color: #656565;}
.upsellButton {clear: both;}
.upsellButton input {max-width: 100%; height: auto; text-align: right; float: right;}
.upsellQty input {width: 30px; margin-right: 5px; height: 12px; text-align: center; line-height: 12px;}
.upsellQty input[disabled='disabled'] {width: 32px; height: 14px; margin: 0px 5px 0px 0px; line-height: 12px;}
.upsellHeadings {float: left; width: 100%; margin-bottom: -8px; color: #111;}
.upsellProductHeading {float: left; width: 70%; font-size: 12px;}
.upsellPriceHeading {float: left; width: 10%; font-size: 12px; text-align: center;}
.upsellQtyHeading {float: left; width: 10%; font-size: 12px; text-align: center;}
.upsellAddHeading {float: left; width: 10%; font-size: 12px; text-align: right;}
.upsellSubcat {width: 100%; float: left; font-size: 12px; font-weight: bold; color: #111; padding-top: 10px; margin-bottom: -5px;}
.upsellProduct {width: 70%; float: left; max-height: 26px; overflow: hidden; display: block; word-break: break-all; line-height: 26px;}
.upsellProduct a {font-size: 12px;}
.upsell .upsellProducts .productListing-even {height: 45px;}
.upsell .upsellProducts .productListing-odd {height: 45px;}
.upsellPrice {width: 10%; float: left; text-align: center;}
.upsellQty {width: 10%; float: left; text-align: center;}
.upsellAdd {width: 10%; float: left; text-align: right;}
.upsellAdd input[type="image"] {max-width: 100%;}
.upsell .productListing-even {float: left; width: 100%; height: 21px; margin: 0px; border: none; padding: 0px; -webkit-box-shadow: none; box-shadow: none;}
.upsell .productListing-odd {float: left; width: 100%; height: 21px; margin: 0px; border: none; padding: 0px; -webkit-box-shadow: none; box-shadow: none;}
/* upsell end */

/* password start */
.passwordRecoveryBox {background-color: #fff; border: 1px solid #ddd; padding: 20px; margin-bottom: 20px;}
.passwordRecoveryBox b {font-size: 20px; margin-left: 20px;}
.passwordRecoveryBox input {margin-bottom: 30px; margin-top: 15px;}
/* password end */

/* memory start */
.memoryBox {background-color: #fff;}
.memoryBox img {margin-top: 1px;}
/* memory end */

/* .cisco {width: 100%; float: left; margin-top: 20px; margin-bottom: 1px;}
.cisco a {width: 100%; float: left; display: block;}
.cisco img {width: 100%; height: auto; display: block;}

.priceMatch {width: 100%; float: left; margin-bottom: 1px;}
.priceMatch a {width: 100%; float: left; display: block;}
.priceMatch img {width: 100%; height: auto; display: block;}

.australianOwned {width: 100%; float: left;}
.australianOwned a {width: 100%; float: left; display: block;}
.australianOwned img {width: 100%; height: auto; display: block;} */

/* module start */
.moduleRow:hover {background-color: #fff; cursor: pointer;}
.moduleRowSelected {background-color: #f7f9fb;}
.moduleFieldsRow {background-color: #f7f9fb;}
/* module end */

/* toners start */
/* .findTonersWrap {margin-bottom: 20px; float: left;}
.findToners div.infoBoxHeading {margin-bottom: 0px;}
.findToners div.infoBoxHeading p {font-weight: normal; font-size: 12px;}
.findToners form {width: 100%; float: left; margin: 0px;}
.findToners select {width: 100%; margin-bottom: 10px; float: left; height: 30px; background-color: transparent;}
.findToners input {width: 74%; margin: 0px 2% 5px 0px; padding: 0px 0px 0px 2%; height: 28px; float: left; background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.findToners input.searchButton {background-image: none; color: #fff; font-weight: bold; width: 20%; height: 30px; margin: 0px 0px 5px 0px; padding: 0px; background-color: #b00; float: right; -webkit-appearance: none;}
.findToners p {margin: 0px; width: 100%;}
.findToners .whiteBox {margin: 5px 0px 2px 0px; padding: 0px; border: 0px; background-color: transparent; float: left;}
.filterModel input {width: 140px; margin-right: 5px; margin-top: 0px; float: left;} */
/* toners end */

/* cartridgeFinder start */
.cartridgeFinderWrap {width: 100%; margin-bottom: 20px; float: left;}
.cartridgeFinder {width: 100%; float: left;}
.cartridgeFinder div.infoBoxHeading {margin-bottom: 0px;}
.cartridgeFinder div.infoBoxHeading p {font-weight: normal; font-size: 12px;}
.cartridgeFinder form {width: 100%; float: left; margin: 0px;}
.cartridgeFinder select {width: 100%; margin-bottom: 10px; float: left; height: 30px; background-color: transparent;}
.cartridgeFinder input {width: 74%; margin: 0px 2% 5px 0px; padding: 0px 0px 0px 2%; height: 28px; float: left; background-color: transparent; -webkit-box-shadow: none; box-shadow: none;}
.cartridgeFinder input.searchButton {background-image: none; color: #fff; font-weight: bold; width: 20%; height: 30px; margin: 0px 0px 5px 0px; padding: 0px; background-color: #b00; float: right; -webkit-appearance: none;}
.cartridgeFinder .whiteBox {margin: 5px 0px 2px 0px; padding: 0px; border: 0px; background-color: transparent; float: left; width: 100%;}
.cartridgeFinder .whiteBox p {margin-bottom: 5px;}
.filterModel input {width: 140px; margin-right: 5px; margin-top: 0px; float: left;}
/* cartridgeFinder end */

/* maunfacturer start */
.manufacturerInfo {margin: 0px 0px 30px 0px;}
.manufacturerInfo ul {list-style-type: none; padding:0px;}
.manufacturerInfo a {color: #5c86a1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 5px 0px;}
.manufacturerInfo a:hover {background-color: #f7f9fb; color: #b00;}
.manufacturerInfo li {border-bottom: 1px solid #efefef;}
.manufacturerInfo li:last-of-type {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
/* maunfacturer end */

/* consumables start */
.consumables {margin: 30px 0px 30px 0px; padding: 0px;}
.consumables li {display: inline-block; margin-right: 10px;}
.consumables li a {border: 1px solid #d7dbde; background-color: #fff; padding: 10px; margin-bottom: 10px; display: block;}
.consumables li a:hover {background-color: #d7dbde; color: #333; text-decoration: none;}
.consumablesSubcat {background-color: #e7eef4; width: 100%; float: left; font-size: 12px; margin: 10px 0px;}
.consumablesHeadingModel {float: left; width: 20%; font-size: 12px;}
.consumablesHeadingPart {float: left; width: 20%; font-size: 12px;}
.consumablesHeadingName {float: left; width: 60%; font-size: 12px;}
.consumablesModel {float: left; width: 20%;}
.consumablesPart {float: left; width: 20%;}
.consumablesName {float: left; width: 60%;}
.consumables .consumablesOdd {margin-bottom: 0px; float: left; width: 100%;}
.consumables .consumablesEven {margin-bottom: 0px; float: left; width: 100%;}
/* consumables end */

/* hint start */
.hint {font-size: 9px; font-weight: normal; margin-top: 2px;}
.hintInStock {font-size: 9px; font-weight: normal; color: #00BB00; white-space: nowrap; display: inline-block; float: left;}
.hintETA {font-size: 9px; font-weight: normal; color: #FF6600; white-space: nowrap; margin-top: 2px;}
.hintByOrder {font-size: 9px; font-weight: normal; color: #b00; white-space: nowrap; margin-top: 2px;}
.hintLink {cursor: help;}
.hintBox {background: #f8e3e3; padding: 11px; font-size: 9px; line-height: 14px; color: #872c2c; margin-top: 20px;}
.hint.deliveryhint { font-size: 10px !important; font-weight: bold; color: #b00; }
/* hint end */

/* print start */
#siteTablePrint {background-color: #fff; max-width: 804px; width: 100%; margin: 0 auto;}
body.bodyPrint {background: #fff; margin: 4px 0px 0px 0px;}
.bodyPrint .logo {width: 30%; float: left; min-width: 0px;}
.bodyPrint .logo img {margin-top: 0px; max-width: 168px;}
.bodyPrint .megabuy {width: 70%; text-align: center; float: left; margin-top: -1px;}
.bodyPrint h1 {margin: 20px 0px;}
.bodyPrint .product_description {padding: 0px;}
.bodyPrint .productAttributeLabel {color: #000;}
.bodyPrint .productImageContainer {width: 50%; margin-right: 5%;}
.bodyPrint .productDetails {width: 45%;}
.printLink a {color: #00BB00;}
.printLink p {font-weight: bold; margin-top: 40px;}
.fa-print {font-size: 40px; color: #111; line-height: 20px !important; margin-left: 0px;}
.productLinks svg {margin-right: 5px;}
.productLinks a {margin-right: 5px;}
.productLinks .fa-print {font-size: 12px; line-height: 20px !important; margin-right: 5px;}
.productLinks .fa-question-circle {font-size: 12px; line-height: 20px !important; margin-right: 5px;}
.productLinks .fa-dollar-sign {font-size: 12px; color: #85BB65; line-height: 20px !important; margin-right: 5px;}
a.PrintPageCart {margin: 20px 0px; float: left; color: #111;}
a.PrintPageCart:hover {text-decoration: none; color: #00BB00;}
a.PrintPageCart:hover .fa-print {color: #00BB00;}
/* print end */

/* account start */
.orderDate {width: 50%; float: left; font-size: 12px; color: #656565;}
.orderDate strong {color: #111;}
.orderTotal {width: 50%; float: left; text-align: right; font-size: 12px;}
.orderTotal strong {color: #111;}
.previousOrders {padding: 10px; margin-bottom: 10px; border: none; background-color: #f7f9fb; font-size: 12px;}
.previousOrders h2 {font-size: 14px; margin: 0px;}
.previousOrders .date {width: 10%; float: left;}
.previousOrders .number {width: 10%; float: left;}
.previousOrders .address {width: 40%; float: left;}
.previousOrders .status {width: 20%; float: left;}
.previousOrders .price {width: 10%; float: left;}
.previousOrders .price b {color: #111; font-size: 14px;}
.previousOrders .view {width: 10%; float: left; text-align: right;}
.previousOrders .moduleRow {padding: 0px; color: #111;}
.previousOrders .moduleRowOver {padding: 0px; color: #111; background-color: #fff;}
.previousOrders .moduleRowSelected {padding: 0px; color: #111;}
.orderHistory {margin-bottom: 10px; padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #e7eef4; font-size: 12px; line-height: 16px; font-weight: bold;}
.orderHistory .col1 {width: 50%; float: left;}
.orderHistory .col2 {width: 30%; float: left;}
.orderHistory .col3 {width: 20%; float: left; text-align: right;}
.orderHistory .col3 a {display: block;}
.orderHistory span {color: #656565; margin-right: 5px; font-weight: normal;}
.orderHistory ul {list-style: none; padding: 0px 0px 0px 0px;}
.orderHistory li {color: #111; padding: 0px;}
.orderInformation {padding: 30px 0px; float: left; width: 95%;}
.orderInformation .col1 {width: 30%; float: left;}
.orderInformation .col1 p {font-size: 12px;}
.orderInformation .col2 {width: 70%; float: left;}
.orderInformation strong {color: #000; font-size: 13px; display: block;}
.orderInformation .lines {border-top: 1px solid #e7eef4; padding: 5px 0px; font-size: 12px;}
.accountHistory {padding: 0px 0px 30px 0px;}
.accountHistory .col1 {width: 80px; float: left; clear: both; font-size: 12px;}
.accountHistory .col2 {width: 150px; float: left; font-size: 12px;}
.accountHistory .col3 {width: auto; float: left;}
.accountPassword .col1 {width: 20%; float: left; margin-bottom: 5px;}
.accountPassword .col2 {width: 80%; float: left; margin-bottom: 5px;}
.accountPassword .col2 input[type="password"] {padding: 0px 0px 0px 1%;}
.updateAddress {padding: 0px 0px 20px 0px;}
.updateAddress .col1 {width: 20%; float: left; margin-bottom: 5px; clear: both;}
.updateAddress .col2 {width: 80%; float: left; margin-bottom: 5px;}
.updateAddress .col2 input {width: 50%; padding: 0px 5px;}
.updateAddress .col2 textarea {width: 50%;}
.updateAddress .col2 select {width: 52%;}
.updateAddress .col2.postCode {width: 100px;}
.updateAddress p {margin: 20px 0px 0px 0px;}
.returnHistory {margin-bottom: 20px;}
.returnHistory .col1 {width: 80%; float: left;}
.returnHistory .col2 {width: 20%; float: left; text-align: right;}
.returnHistory p {margin-top: 10px;}
.returnHistory strong {color: #000;}
.returnHistoryInfo {padding: 0px 0px 20px 0px;}
.returnHistoryInfo strong {font-size: 14px; color: #111; clear: both; margin-right: 10px; float: left;}
.returnHistoryInfo span {float: left; font-size: 12px; color: #777;}
.addressBookWrap {padding: 0px;}
.addressBook .col1 {width: 80%; float: left; margin-bottom: 5px; color: #000;}
.addressBook .col2 {width: 20%; float: left; margin-bottom: 5px; text-align: right;}
.addressBook .col3 {width: 100%; float: left; margin-bottom: 5px; font-size: 12px; line-height: normal;}
.accountOverview {width: 100%; float: left; margin-bottom: 5px; margin-top: 10px; font-size: 12px;}
.showOrders {float: right; font-size: 12px; font-weight: 100;}
.myAccount {padding: 10px 0px; margin-bottom: 0px;}
.myAccount .col1 {width: 15%; float: left; margin-bottom: 5px;}
.myAccount .col2 {width: 85%; float: left; margin-bottom: 5px;}
.myAccountInfo {margin-bottom: 20px;}
.myAccountInfo .text {width: 15%; float: left; margin-bottom: 5px; clear: both;}
.myAccountInfo .field {width: 85%; float: left; margin-bottom: 5px;}
.myAccountInfo .field input {max-width: 80%; padding-left: 5px;}
.myOrders {padding: 10px 0px 0px 0px; margin-bottom: 10px;}
.myReturns {padding: 10px 0px 0px 0px; margin-bottom: 10px;}
.emailNotifications {padding: 10px 0px 0px 0px;}
.newsletterSub {padding-bottom: 20px;}
.primaryAddress {padding: 0px 0px 20px 0px;}
.primaryAddress .col1 {float: left; width: 50%; margin-right: 25%;}
.primaryAddress .col2 {float: left; width: 25%; font-size: 12px; line-height: normal;}
.primaryAddress .col2 h3 {margin-top: 0px;}
.primaryAddressDescription {float: left; width: 65%;}
.shippingAddress .col1 {float: left; width: 50%;}
.shippingAddress .col2 {float: left; width: 25%;}
.newShippingAddress {padding: 0px 0px 60px 0px;}
.newShippingAddress .col1 {width: 15%; float: left; margin-bottom: 5px;}
.newShippingAddress .col2 {width: 85%; float: left; margin-bottom: 5px;}
.newShippingAddress .col2 input {margin: 0px 0px 5px 0px;}
.newShippingAddress .col2 textarea {width: 90%; margin-bottom: 5px;}
.newShippingAddress .col2 select {margin: 0px 0px 5px 0px;}
.returnHistorySum .col1 {width: 90px; float: left;}
.returnHistorySum .col2 {max-width: 100px; float: left;}
.returnHistorySum .col3 {max-width: 500px; float: left;}
.RA {width: 50%; float: left; margin-bottom: 15px; border-bottom: 2px solid #e7eef4; font-size: 12px; color: #000; font-weight: bold;}
.RA strong {color: #656565; font-weight: normal;}
.RS {width: 50%; float: left; margin-bottom: 15px; text-align: right; border-bottom: 2px solid #e7eef4; font-size: 12px; color: #000; font-weight: bold;}
.RS strong {color: #656565; font-weight: normal;}
.displaying {width: 50%; float: left; margin-bottom: 15px; font-size: 12px;}
.displaying strong {color: #000;}
.pages {width: 50%; float: left; margin-bottom: 15px; text-align: right; font-size: 12px;}
.pages strong {color: #000;}
.viewButton {width: 44px; height: 20px;}
.downloadInvoiceButton {width: 125px; height: 20px;}
tr.return-serial-notice {display:none;}
.highlightedBox {font-size: 11px; line-height: 1.5; background: #ffb3b5;}
.changePassword {margin-bottom: 20px;}
.myProductNotifications {margin-bottom: 40px;}
.globalProductNotifications {margin-bottom: 40px;}
.productNotifications {margin-bottom: 40px;}
.updateButton {width: 90px; height: 30px; float: right; margin: 20px 0px;}
.subscribeButton {width: 120px; height: 30px; float: right; margin: 20px 0px;}
.initiateReturnAddress {padding: 0px 0px 50px 0px; float: left;}
.initiateReturnAddressText {width: 50%; float: left;}
.initiateReturnDetails {float: left; width: 100%;}
.initiateReturnDetails .text {float: left; width: 100%;}
.initiateReturnDetails .field {float: left; width: 85%; margin-bottom: 10px;}
input[type="image"].submitButton{width: 84px; height: 30px; float: right; margin: 20px 0px;}
form[name="account_edit"] input.searchButton {color: transparent;}
/* account end */

/* one-page checkout start */

#customerEmail {margin-top:10px;}

#openLoginModal {
    cursor: default;
    margin-bottom: 10px;
}

/* The Modal (background) */
.modalLogin {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalLogin .errors {background: #b00; color: #fff; border: 1px solid #b00; box-shadow: none;}

.modalLogin input[type="email"] {width: 96%; padding: 1% 2%; margin-bottom: 10px;}
.modalLogin input[type="email"]:focus {box-shadow: 0 0 5px #b00; border: 1px solid #b00;}

.modalLogin input[type="password"] {width: 96%; padding: 1% 2%; margin-bottom: 10px;}
.modalLogin input[type="password"]:focus {box-shadow: 0 0 5px #b00; border: 1px solid #b00;}

.modalErrors {color: #b00; font-weight: bold; padding-bottom: 10px;}

.modalLogin #loginButton {background-color: #b00; cursor: pointer; color: #fff; border: none; padding: 10px 15px; font-size: 20px;float: right;}
.modalLogin #loginButton {
    background-color: #b00;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 8s;
    animation-iteration-count: 300;
}

/* Modal Content */
.modalContent {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: modalAnimateTop;
    -webkit-animation-duration: 0.4s;
    animation-name: modalAnimateTop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes modalAnimateTop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes modalAnimateTop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.modalClose {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modalClose:hover,
.modalClose:focus {
    color: gray;
    text-decoration: none;
    cursor: pointer;
}

.modalContent h2 {
    font-size: 26px;
}

.modalHeader {
    font-size: 26px;
    padding: 2px 16px;
    color: white;
    border-bottom: 1px solid #c1c1c1;
}

.modalBody {
    padding: 10px 16px;
    overflow:auto;
}

.modalFooter {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.shoppingColumn {float:left; width: 29.5%;}
.shoppingColumn .moduleRow {}
.shoppingColumn .moduleRowOver {font-weight: bold;}
.shoppingColumn .moduleRowSelected {font-weight: bold !important;}

.shoppingColumn.columnMiddle .moduleFieldsRow {position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-25px;opacity:0} to{top:0;opacity:1}}


.shoppingColumn .deliveryInfoMethod .moduleRowSelected .col1 {font-weight: bold !important;}
.shoppingColumn .moduleRow i {font-weight: normal; font-size: 10px;}
.shoppingColumn .moduleRowOver i {font-weight: normal; font-size: 10px;}
.shoppingColumn .moduleRowSelected i {font-weight: normal; font-size: 10px;}
.shoppingColumn input[type="email"] {width: 96%; padding: 1% 2%; margin-bottom: 10px;}
.shoppingColumn input[type="email"]:focus {box-shadow: 0 0 5px #b00; border: 1px solid #b00;}
.shoppingColumn input[type="text"] {width: 96%; padding: 1% 2%; margin-bottom: 10px;}
.shoppingColumn input[type="text"]:focus {box-shadow: 0 0 5px #b00; border: 1px solid #b00;}
.shoppingColumn .deliveryInfoAddressText {width: 100%;}
.shoppingColumn .deliveryInfoAddressText .headline {margin-bottom: 10px;}
.shoppingColumn select {width: 100%; padding: 1%; margin-bottom: 10px; height: 34px; color: #000;}
.shoppingColumn .shippingInsuranceInvalid {display:none;}
.shoppingColumn input[type="email"].errors {background: #b00; color: #fff; border: 1px solid #b00; box-shadow: none;}
.shoppingColumn input[type="email"].errors::placeholder {background: #b00; color: #fff;}
.shoppingColumn input[type="text"].errors {background: #b00; color: #fff; border: 1px solid #b00; box-shadow: none;}
.shoppingColumn input[type="text"].errors::placeholder {background: #b00; color: #fff;}
.shoppingColumn input[type="checkbox"].errors {background: #b00; color: #fff; border: 1px solid #b00; box-shadow: none;}
.shoppingColumn input[type="checkbox"].errors::placeholder {background: #b00; color: #fff;}
.shoppingColumn .errors option {background: #b00; color: #fff;}
.shoppingColumn select.errors {background: #b00; color: #fff; border: 1px solid #b00; box-shadow: none;}
.shoppingColumn select.errors::placeholder {background: #b00; color: #fff;}
.shoppingColumn .field {width: 70%; float: left;}
.shoppingColumn #deliveryPostCode {float: right; width: 20% !important; text-align: center;}
.shoppingColumn #billingPostCode {float: right; width: 20% !important; text-align: center;}
.shoppingColumn .hideBillingAddress {float: left; display: none;}
.shoppingColumn .showBillingAddress {float: left;}
.shoppingColumn .paymentInfoAddress {float: left;}
.shoppingColumn .sameAsDeliveryBox {margin-bottom: 6px;}
.shoppingColumn .sameAsDeliveryBox label {cursor: pointer;}

.shoppingColumn.columnMiddle {margin: 0% 3%; width: 35%;}
.columnMiddleBorders {border-left: 1px dashed #ddd; border-right: 1px dashed #ddd; padding: 0% 8%; float: left;}

.shoppingColumn.columnMiddle .moduleFieldsRow {background-color: transparent;}
.shoppingColumn.columnMiddle .creditCard {float: left; width: 100%; margin-bottom: 20px; clear: both;}
.shoppingColumn.columnMiddle .creditCard input {margin: 0px;}
.shoppingColumn.columnMiddle .creditCard select {float: left;}
.shoppingColumn.columnMiddle .creditCard select:first-child {margin-right: 2%;}
.shoppingColumn.columnMiddle .creditCard .credit-input {float: left;height: 25px;
                                                        -webkit-border-radius: 0px;
                                                        border-radius: 0px;
                                                        border: solid 1px #bbb;
                                                        -moz-box-shadow: inset 1px 1px 1px #ddd;
                                                        -webkit-box-shadow: inset 1px 1px 1px #ddd;
                                                        box-shadow: inset 1px 1px 1px #ddd;
                                                        line-height: 25px;width: 96%;
                                                        padding: 1% 2%;}
.shoppingColumn.columnMiddle .creditCard .credit-input .credit-cell {float: left; width: 22%; border: none; text-align: center; line-height: 24px; letter-spacing: 5px;}
.shoppingColumn.columnMiddle .creditCard .credit-input .amex-cell {float: left; width: 30%; border: none; text-align: center; line-height: 24px; letter-spacing: 5px;}
.shoppingColumn.columnMiddle .creditCard .credit-input .credit-cell:focus {outline:0;}
.shoppingColumn.columnMiddle .creditCard .credit-input .amex-cell:focus {outline:0;}
.shoppingColumn.columnMiddle .creditCard p {padding-left: 0px; float: left; width: 100%; color: #333; margin-top: 10px;}
.shoppingColumn.columnMiddle .creditCard p span {float: right;}
.shoppingColumn.columnMiddle .fab {font-size: 30px; margin-left: 5px; float: right}
select[name='cc_expires_month'] {width: 30%; clear: both; margin-right: 3%;}
select[name='cc_expires_year'] {width: 30%; margin-right: 3%;}
[name='cc_cvv'] {width: 30% !important; padding: 1% !important; float: right !important; letter-spacing: 5px; text-align: center;}

select[name='amex_expires_month'] {width: 30%; clear: both; margin-right: 3%;}
select[name='amex_expires_year'] {width: 30%; margin-right: 3%;}
[name='amex_cvv'] {width: 30% !important; padding: 1% !important; float: right !important; letter-spacing: 5px; text-align: center;}


.shoppingColumn #submitButton {background-color: #b00; cursor: pointer; color: #fff; border: none; padding: 10px 15px; font-size: 20px;}
.shoppingColumn #submitButton {
    background-color: #b00;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 8s;
    animation-iteration-count: 300;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {background-color: #b00;}
    25%  {background-color: #7f0000;}
    50%  {background-color: #b00;}
    75%  {background-color: #7f0000;}
    100% {background-color: #b00;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color: #b00;}
    25%  {background-color: #7f0000;}
    50%  {background-color: #b00;}
    75%  {background-color: #7f0000;}
    100% {background-color: #b00;}
}

.showBillingAddress {position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-25px;opacity:0} to{top:0;opacity:1}}
.trackingImg {float: left;}

.shoppingColumn .headingNumber {color: #fff; background-color: #000;}

.shoppingColumn input[type="checkbox"] {vertical-align: top;}
.checkoutClean .errorHeading {background-color: #b00; color: #fff; text-align: center; font-weight: bold; margin-bottom: 20px; padding: 10px 0px;}
.errorShippingAddress, .errorPaymentAmexHeading {color: #b00; font-weight: bold;}
.errorPaymentCreditCardHeading {color: #b00; font-weight: bold;}
.errorPaymentHeading {color: #b00; font-weight: bold;}

/* shopping cart start */
#centerColumn.checkoutClean {width: 100%; padding: 20px 0px; min-height: 600px;}
.shoppingCartList {float: left; width: 100%;}
.shoppingCartList .productListing {margin-bottom: 40px; padding-top: 5px;}
.shoppingRemoveHeadline {float: left; width: 8%; font-size: 12px; text-align: center; margin-bottom: 5px;}
.shoppingImageHeadline {float: left; width: 10%; font-size: 12px; text-align: center;}
.shoppingProductHeadline {float: left; width: 40%; margin-left: 2%; font-size: 12px;}
.shoppingPriceHeadline {float: left; width: 15%; font-size: 12px; text-align: center;}
.shoppingQtyHeadline {float: left; width: 10%; font-size: 12px; text-align: center;}
.shoppingTotalHeadline {float: left; width: 15%; font-size: 12px; text-align: center;}
.shoppingRemove {float: left; width: 8%; text-align: center;}
.shoppingImage {float: left; width: 10%; text-align: center;}
.shoppingImage img {max-width: 100%; height: auto;}
.shoppingProduct {float: left; width: 40%; margin-left: 2%; font-size: 12px; line-height: normal;}
.shoppingProduct a {font-size: 14px; color: #000; font-weight: bold; display: block; margin-bottom: 5px;}
.shoppingProduct svg {margin-right: 5px;}
.shoppingPrice {float: left; width: 15%; text-align: center;}
.shoppingPrice span.productPrice {margin: 0px;}
.shoppingPrice.cartUnitPriceCell {padding: 0px;}
.shoppingQty {float: left; width: 10%; text-align: center;}
.shoppingTotal {float: left; width: 15%; text-align: center;}
.productListing-even {background-color: #fff; float: left; width: 98%; margin: 0px 1% 1% 1%; padding: 2% 0px; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5;}
.productListing-odd {background-color: #fff; float: left; width: 98%; margin: 0px 1% 1% 1%; padding: 2% 0px; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5;}
.removeProduct {float: left; width: 18%; margin-left: 2%;}
.updateQty {float: left; width: 70%; margin-right: 10%; text-align: right;}
.code {color: #efefef;}
.shoppingQty input[type="text"] {padding: 0px; line-height: 24px;}
#coupon-cell {width: 31%; float: left; margin-right: 2%; font-size: 12px; line-height: 16px;}
#coupon-cell .infoBox {padding: 10px; background-color: #f7f9fb; border: 1px solid #e7eef4;}
#coupon-cell .headline {font-size: 16px; margin-bottom: 5px;}
#coupon-cell span {text-align: left; width: 100%; margin: 0px 0px 5px 0px;}
#coupon-cell input[type="text"] {width: 64%; margin: 0px 2% 0px 0px; padding: 0px; text-align: center; height: 24px;}
#coupon-cell input[type="submit"] {width: 32%; height: 26px; background-color: #b00; border: 0px; cursor: pointer; color: #fff;  float: right; -webkit-appearance: none; font-weight: bold; font-size: 12px; padding: 0px;}
#coupon-cell .infoBox form .notice {margin-top: 0px;}
#cartDeliveryCalculatorCell {width: 31%; float: left; margin-right: 2%; font-size: 12px; line-height: 16px;}
#cartDeliveryCalculatorCell .infoBox {padding: 10px; border: 1px solid #e7eef4; background-color: #f7f9fb;}
#cartDeliveryCalculatorCell .headline {font-size: 16px; margin-bottom: 5px;}
#cartDeliveryCalculatorCell span {text-align: left; width: 100%; margin: 0px 0px 5px 0px;}
#cartDeliveryCalculatorCell input[type="text"] {width: 55%; margin: 0px 2% 0px 0px; padding: 0px; height: 24px;}
#cartDeliveryCalculatorCell input[type="image"] {width: 33%;}
#cartDeliveryCalculatorCell input[type="submit"] {width: 41%; height: 26px; border: none; background-color: #b00; cursor: pointer; color: #fff;  float: right; font-weight: bold; -webkit-appearance: none; font-size: 12px; padding: 0px;}
#cartDeliveryCalculatorCell strong {color: #000;}
#cartDeliveryCalculatorCell.cart-form .infoBox .msg.ok {margin-top: 0px;}
#cartDeliveryCalculator {width: 200px;}
#cartDeliveryCalculatorBody {background: #E4E4E4; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 3px; text-align: center;}
#cartTotalsCell {width: 31%; float: right; padding-top: 16px; vertical-align: top; text-align: right;}
#cartTotalsCell .col1 {width: 55%; float: left; font-weight: bold; color: #000;}
#cartTotalsCell .col2 {width: 45%; float: left; color: #000;}
#cartSubTotalLabel{vertical-align: top; text-align: right; font-size: 14px; white-space: nowrap;}
#cartSubTotalValue{text-align: right; font-size: 14px;}
#cartDeliveryLabel{text-align: right; font-size: 14px;}
#cartDeliveryValue{text-align: right; font-size: 14px;}
#cartTotalLabel{text-align: right; font-weight: bold; font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 20px; color: #b00; border-top: 1px solid #e7eef4; padding: 5px 0px; margin-top: 5px;}
#cartTotalValue{text-align: right; font-weight: bold; font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 20px; color: #b00; border-top: 1px solid #e7eef4; padding: 5px 0px; margin-top: 5px;}
.cart-form {vertical-align: top;}
.cart-form strong {display:block; padding-bottom: 0px; padding-top: 0px;}
.cart-form .infoBox .msg {color: #555; border-top: none; border-left: none; border-right: none; border-bottom: none; padding-top: 5px; overflow:hidden; clear: both; float: left;}
.cart-form .infoBox .msg.ok {/*color: #00cc00; */margin-top: 9px;}
.cart-form .infoBox .msg.ok strong {display: inline-block;}
.cart-form .infoBox .input-row {margin-top:5px;}
.cart-form .infoBox span {float:left; margin-top:3px; margin-right:2px;}
.cart-form .infoBox input[type=text] {border: solid 1px #ccc; float:left; width: 55px; margin-right:5px;}
.cartUnitPriceCell {padding-left: 10px;}
.whiteBox.shopBox {padding: 0px; float: left;}
.shopBox {border: none;}
.shopBox a {display: block; border-bottom: 1px solid #e7eef4; padding: 5px 0px; line-height: 16px;}
.shopBox a:hover {background-color: #e7eef4; color: #5c86a1; text-decoration: none;}
#rightColumn .shopBox img {width: 100%; height: auto; float: left; margin-bottom: 1px;}
a.shopBoxImg {display: block; border-bottom: none; padding: 0px; margin-top: 1px;}
input#deliveryPostcode {width: 40px; margin: 0px 2px; text-align: center;}
.subTotal {margin: 5px 0px; font-weight: bold; color: #111;}
.squareListNoIdent {list-style: square outside; margin-top: 0px; margin-bottom: 0px;}
.squareListNoIdent li {margin: 0 0px 0px -25px;}
a.cartLink {font-size: 11px; font-weight: bold; text-decoration: none;}
a.cartLink:hover {font-size: 11px; font-weight: bold; text-decoration: none;}
#cartButtonsRow {float: left; width: 100%;}
.cartButtonsCell {height: 26px; padding-top: 10px;}
.SCdescription {max-height: 33px; overflow: hidden; display: block; word-break: break-all;}
.productListing-data.SCdescription {padding: 0px 20px 0px 0px;}
.accessedDisclamer {display: none;}
.subjectToChange {display: none;}
.PrintPageCart img {margin-bottom: -12px;}
/* shopping cart end */

/* checkout start */
.hideDeliveryAddress {margin-bottom: 50px;}


.deliveryInfoAddress {padding: 0px 0px 50px 0px;}
.deliveryInfoAddress .col1 {float: left; width: 50%; margin-right: 25%;}
.deliveryInfoAddress .col2 {float: left; width: 25%; font-size: 12px; line-height: normal;}
.deliveryInfoAddress .col2 h3 {margin-top: 0px;}
.deliveryInfoAddressText {width: 65%; float: left;}
.deliveryInfoAddressChange {padding: 0px;}
.deliveryInfoAddressChange .col1 {float: left; width: 50%; margin-right: 25%;}
.deliveryInfoAddressChange .col2 {float: left; width: 25%; font-size: 12px; line-height: normal;}
.deliveryInfoAddressChange .col2 h3 {margin-top: 0px;}
.deliveryInfoMethod {padding: 0px 0px 60px 0px;}
.deliveryInfoMethod .col1 {width: 75%; float: left; font-weight: normal !important; font-size: 14px;}
.deliveryInfoMethod .col1 span {font-weight: normal; font-style: italic; font-size: 10px; display: block;}
.deliveryInfoMethod .col2 {width: 15%; float: left;}
.deliveryInfoMethod .col3 {width: 10%; float: right; text-align: right;}
.deliveryInfoMethod .col3 input {height: auto;}
.deliveryInfoMethod strong {color: #000; margin: 15px 0px 5px 0px; font-size: 13px;}
.deliveryInfoMethod strong:first-of-type {margin: 0px 0px 5px 0px;}
.deliveryInfoMethod .moduleRowSelected {color: #333;}
.deliveryInfoComments {padding: 0px 0px 30px 0px;}
.deliveryInfoComments textarea {height: 100px; overflow-y: auto; width: 98%; padding: 1%;}
.addressBookEntries {padding: 0px 0px 50px 0px;}
.addressBookEntries .moduleRow {padding: 0px; color: #111; clear: both;}
.addressBookEntries .moduleRowOver {padding: 0px; color: #111; clear: both;}
.addressBookEntries .moduleRowSelected {padding: 0px; color: #111; clear: both;}
.addressBookEntries .moduleRow strong {float: none; margin-right: 10px;}
.addressBookEntries .moduleRowOver strong {float: none; margin-right: 10px;}
.addressBookEntries .moduleRowSelected strong {float: none; margin-right: 10px;}
.addressBookEntries .moduleRow span {font-size: 12px; color: #4c4c4c;}
.addressBookEntries .moduleRowOver span {font-size: 12px; color: #4c4c4c;}
.addressBookEntries .moduleRowSelected span {font-size: 12px; color: #4c4c4c;}
.addressBookEntries strong {float: right; color: #000; margin-bottom: 10px;}
.addressBookEntries input {float: right;}
.addressBookEntries p {padding: 2px 5px 0px 15px; color: #555; margin: 0px;}
.addressBookEntries p:last-of-type {border-bottom: none;}
.deliveryAddress  {padding: 0px 0px 60px 0px;}
.deliveryAddress .col1 {width: 15%; float: left; margin-bottom: 5px;}
.deliveryAddress .col2 {width: 85%; float: left; margin-bottom: 5px;}
.deliveryAddress .col2 input {width: 50%; margin-bottom: 5px;}
.deliveryAddress .col2 textarea {width: 90%; margin-bottom: 5px; height: 50px;}
.deliveryAddress .col2 select {width: 50%; margin-bottom: 5px;}
.deliveryAddress .col2.postCode input.inputField {width: 100px;}
.deliveryAddress p {margin-bottom: 20px;}
.deliveryAddressNew  {padding: 0px 0px 60px 0px;}
.deliveryAddressNew .text {width: 20%; float: left; margin-bottom: 5px; clear: both; font-size: 14px; color: #4c4c4c;}
.deliveryAddressNew .field {width: 80%; float: left; margin-bottom: 5px;}
.deliveryAddressNew .field input {width: 50%; margin-bottom: 5px;}
.deliveryAddressNew .field textarea {width: 90%; margin-bottom: 5px; height: 50px;}
.deliveryAddressNew .field select {width: 50%; margin-bottom: 5px;}
.deliveryAddressNew .field.postCode input.inputField {width: 100px;}
.deliveryAddressNew p {margin-bottom: 20px;}
.paymentInfoAddress {padding: 0px;}
.paymentInfoAddress .col1 {float: left; width: 50%; margin-right: 25%;}
.sameAsDelivery {margin-bottom: 10px;}
.sameAsDelivery label {cursor: pointer;}
.paymentInfoAddress {margin-bottom: 50px;}
.addressBox {float: right; margin-left: 5%; font-size: 12px; line-height: normal;}
.addressBox h3 {margin-top: 0px;}
.addressBox .changeAddressButton {margin-top: 10px; display: block; max-width: 200px; width: 100%;}
.addressBorder {border: 1px solid #d7dbde; padding: 5%;}
.addressBorder img {max-width: 100%;}
.paymentMethod {padding: 0px 0px 50px 0px;}
.paymentMethod .moduleRow {padding: 0px; color: #111; clear: both; margin: 0px;}
.paymentMethod .moduleRowOver {padding: 0px; color: #111; clear: both; margin: 0px; cursor: pointer;}
.paymentMethod .moduleRowSelected {padding: 0px; color: #111; clear: both; margin: 0px; background-color: transparent;}
.paymentMethod .moduleRow strong {float: none;}
.paymentMethod .moduleRowOver strong {float: none;}
.paymentMethod .moduleRowSelected strong {float: none;}
.paymentMethod strong {float: right; color: #000; margin-bottom: 10px;}
.paymentMethod input {float: right; margin: 0px; height: auto;}
.paymentMethod p {padding: 2px 5px 0px 15px; color: #555; margin: 0px;}
.paymentMethod p:last-of-type {border-bottom: none;}
.paymentMethod > div {border-top: none; margin-top: 0px;}
.paymentMethod div div input {float: left;}
.paymentMethod .errorWarningBox { padding-bottom: 20px;}
.paymentMethod .errorWarningBox p {color: #b00; font-weight: bold;}
.paymentMethod .errorWarning {font-weight: bold; text-align: center;}
.paymentMethod .messageStackError {padding: 10px;}
.mse1 {font-weight: bold; font-size: 20px; margin-bottom: 5px; text-align: center;}
.mse2 { margin-bottom: 5px;}
.mse3 {}
.checkoutPaymentInsurance {padding: 0px 0px 50px 0px; float: left;}
.checkoutPaymentInsurance label {cursor: pointer; float: left;}
.checkoutPaymentComments {padding: 0px 0px 30px 0px; float: left;}
.checkoutPaymentComments textarea {height: 50px;}
.billingAddress {padding: 0px 0px 10px 0px;}
.billingAddress p {margin-bottom: 20px;}
.billingAddress .text {width: 20%; float: left; margin-bottom: 5px; color: #000;}
.billingAddress .field {width: 80%; float: left; margin-bottom: 5px;}
.billingAddress .field input {margin: 0px 0px 5px 0px;}
.billingAddress .field textarea {width: 90%;}
.billingAddress .field select {margin: 0px 0px 5px 0px;}
.orderConfirmation {padding: 0px 0px 30px 0px; float: left; width: 100%;}
.orderConfirmation strong {color: #000; display: inline-block; margin-bottom: 5px; font-size: 13px;}
.orderConfirmation p {color: #666; font-size: 12px; line-height: normal;}
.orderConfirmation p:last-of-type {margin-bottom: 0px;}
.orderConfirmation .lines {border-top: 1px solid #e7eef4; padding: 5px 0px; font-size: 12px;}
.orderConfirmation .col1 {width: 30%; float: left;}
.orderConfirmationProducts {float: left; width: 90%; padding: 5%; border: 1px solid #d7dbde;}
.orderConfirmationProducts .productTotals {width: 100%; float: left; margin-top: 10px; font-size: 12px;}
.orderConfirmationProducts .productTotals .col1 {width: 70%; float: left; text-align: right; margin-bottom: 0px; clear: both; font-size: 12px; font-weight: bold;}
.orderConfirmationProducts .productTotals .col1 strong {font-size: 18px; margin-top: 5px;}
.orderConfirmationProducts .productTotals .col2 {width: 30%; float: left; text-align: right; margin-bottom: 0px;}
.orderConfirmationProducts .productTotals .col2 strong {font-size: 18px; margin-top: 5px;}
.orderConfirmationProductHeading {float: left; width: 80%;}
.orderConfirmationTaxHeading {float: left; width: 80%;}
.orderConfirmationPriceHeading {float: left; width: 10%;}
.orderConfirmationTotalHeading {float: left; width: 20%; text-align: right;}


.table {display: table;}
.tableTR {display: table-row;}
.tableTD {display: table-cell; float: none !important;}

#coupon-cell {display: none;}

select:disabled {color: #545454 !important; cursor: default !important; background-color: #ebebe4 !important;}
.orderConfirmationProductsGroupTable {width: 100%; float: left;}
.orderConfirmationProduct {float: left; width: 80%;}
.orderConfirmationProductQty {float: left; width: 40px; text-align: left;}
.orderConfirmationProductName {float: left; width: 70%;}
.orderConfirmationProductPrice {float: left; width: 10%;}
.orderConfirmationProductTotal {float: right; width: 30%; text-align: right; vertical-align: bottom; font-weight: bold;}
.orderConfirmationProductsGroup {float: left; width: 100%; font-size: 12px; line-height: 20px; margin-bottom: 10px; border-bottom: 1px dashed #aaa; padding-bottom: 10px;}
.deliveryInformation {width: 50%; float: left; font-size: 12px; line-height: normal;}
.deliveryInformation strong {color: #000; margin-bottom: 5px; display: inline-block; font-size: 13px;}
.deliveryInformation p:last-of-type {margin-bottom: 0px;}
.deliveryInformation .addressBorder {width: 80%;}
.floatingArrowWrap { position: relative; margin-top: -20px; margin-bottom: 50px;}
.arrowDown {animation: bouncing 1s infinite ease-in-out; bottom: 0; display: block; height: 50px; right: 0%; position: absolute; width: 50px;}
.confirmationHint {padding: 1%; width: 98%; background-color: #f8e3e3; color: #b00; margin-bottom: 20px;}
.billingInformation {padding: 0px 0px 30px 0px; width: 50%; float: left; line-height: normal;}
.billingInformation .billingAddress {float: left; width: 100%; color: #666; font-size: 12px;}
.billingInformation .billingAddress p {margin-bottom: 0px;}
.billingInformation .paymentMethod {float: left; width: 100%; color: #666; font-size: 12px; padding: 0px;}
.billingInformation .paymentMethod strong {float:none;}
.billingInformation .paymentMethod p {margin: 0px; padding: 0px; clear: both;}
.billingInformation .productTotals {width: 70%; float: left;}
.billingInformation .productTotals .col1 {width: 80%; float: left; text-align: right; margin-bottom: 0px; clear: both; font-size: 14px;}
.billingInformation .productTotals .col2 {width: 20%; float: left; text-align: right; margin-bottom: 0px;}
.billingInformation strong {color: #000; margin-bottom: 5px; display: inline-block; font-size: 13px;}
.billingInformation p {color: #666; font-size: 12px; line-height: normal;}
.billingInformation .addressBorder {width: 80%;}
.historyProducts {float: left; width: 100%;}
.historyProductHeading {float: left; width: 80%;}
.historyTaxHeading {float: left; width: 80%;}
.historyTotalHeading {float: left; width: 20%; text-align: right;}
.historyProduct {float: left; width: 80%;}
.historyProductQty {float: left; width: 40px; text-align: left;}
.historyProductName {float: left; width: 76%; margin-right: 2%;}
.historyProductPrice {float: left; width: 10%;}
.historyProductTotal {float: right; width: 12%; text-align: right;}
.historyProductsGroup {float: left; width: 100%;}
.historyProducts .productTotals {width: 100%; float: left; margin-top: 20px;}
.historyProducts .productTotals .col1 {width: 80%; float: left; text-align: right; margin-bottom: 0px; clear: both; font-size: 14px; font-weight: bold;}
.historyProducts .productTotals .col2 {width: 20%; float: left; text-align: right; margin-bottom: 0px;}
.deliveryInformationAccount {width: 50%; float: left; font-size: 12px; margin-top: 20px;}
.deliveryInformationAccount strong {color: #000; margin-bottom: 5px; display: block; font-size: 13px; width: 100%;}
.deliveryInformationAccount strong:last-of-type {margin-top: 10px;}
.deliveryInformationAccount p {color: #666; font-size: 12px; line-height: normal;}
.deliveryInformationAccount .addressBorder {width: 80%; line-height: normal;}
.billingInformationAccount {width: 50%; float: left; margin-top: 20px;}
.billingInformationAccount .col1 {width: 30%; float: left; color: #666; font-size: 12px;}
.billingInformationAccount .billingAddress {float: left; width: 100%; color: #666; font-size: 12px; padding-bottom: 0px; line-height: normal;}
.billingInformationAccount .billingAddress p {margin-bottom: 0px;}
.billingInformationAccount .paymentMethod {float: left; color: #666; font-size: 12px; padding: 0px; line-height: normal; margin-top: 10px;}
.billingInformationAccount .paymentMethod strong {float: left; display: block; width: 100%;}
.billingInformationAccount .paymentMethod p {float: left; margin: 0px; padding: 0px; display: block; width: 100%;}
.billingInformationAccount strong {color: #000; margin-bottom: 5px; display: block; font-size: 13px;}
.billingInformationAccount p {color: #666; font-size: 12px; line-height: normal;}
.billingInformationAccount .addressBorder {width: 80%;}
.paymentInformation {padding: 0px 0px 30px 0px; float: left; width: 100%;}
.orderComments {float: left; width: 100%;}
#customer_service_feedback {background-color: #fff; border: 1px solid #b00; padding: 20px; margin: 20px 0px 20px 0px;}
#customer_service_feedback h2 {font-weight: bold; font-size: 16px; margin: 0px 0px 10px 0px; color: #b00;}
#customer_service_feedback .col1 {float: left; width: 20%;}
#customer_service_feedback .col2 {float: left; width: 80%;}
#customer_service_feedback .col2 input[type=text] {width: 50%; margin-bottom: 5px;}
#customer_service_feedback .col2 textarea {width: 96%; margin: 10px 0px;}
#customer_service_feedback input.searchButton {width: 70px; height: 25px; background-size: 70px 25px; float: right;}
#customer_service_feedback p {margin: 0px 0px 20px 0px;}
.importantInfoBox {padding: 15px 20px; background-color: #ffb3b5; margin: 0px 0px 0px 30px; color: #fff; width: 33%; float: right;}
.importantInfoBox p {color: #b00; font-size: 14px;}
.importantInfoBox a {color: #b00; text-decoration: underline;}
.importantInfoBoxHeading {font-weight: bold; font-size: 24px; text-align: center; padding-bottom: 10px; color: #b00;}
.orderNumber {font-size: 20px; margin: 50px 0px;}
.orderNumber strong {font-size: 30px;}
.orderSuccess {font-weight: bold; font-size: 18px;}
#pleaseWait {font-size: 14px; font-weight: bold; color: #b00;}
div#shipping-address {display:block; font-size: 12px; line-height: normal;}
div#pickup-address {display:none;}
.productsNotifications {background: #f2fff7;}
.confirmButton {float: right;}
.confirmButton input[type="image"] {width: 170px;}
input.searchButton {background: url(includes/languages/english/images/buttons/button_search.gif); width: 70px; height: 21px; background-size: 70px 21px; border: 0px; cursor: pointer;}
.orderEdit {font-size : 10px; color: #b00;}
.changeAddressButton {width: 110px; height: auto;}
.pleaseEnsure {}
.checkoutClean .continueButton {margin: 6px 0px 0px 0px;}

.shippingInsuranceValid {display: inline-block; color: #333;}
.shippingInsuranceValid span {font-size: 10px; font-style: italic;}

.subscribeNewsletter {display: inline-block; color: #333;}

.deliveryInfoMethod .shippingSelected {display: none;}
.deliveryInfoMethod .shippingSelected.shippingSelectedCurrent {display: inline-block;}
.deliveryInfoMethod #defaultSelected {}
.deliveryInfoMethod .errorBoxBright {padding: 5px;}
.deliveryInfoMethod .moduleRow {}
.deliveryInfoMethod .col2 {font-weight: bold;}
.deliveryInfoMethod .col2 {padding-top: 13px;}
.deliveryInfoMethod .col3 {padding-top: 13px;}
.deliveryInfoMethod .moduleRowOver {padding: 5px; background-color: #f7f9fb; cursor: pointer;}
.deliveryInfoMethod .errorWarning strong {display: block;}
/* checkout end */

/* footer start */
footer {background-color: #b00; padding-bottom: 30px; clear: both; width: 100%;}
footer p {color: #fff; font-size: 14px; line-height: 20px;}
footer p:last-of-type {margin-top: 20px;}
footer ul {color: #fff; margin: 0px; padding: 0px 0px 0px 15px;}
#footerMenu {background-color: #000; color: #fff; text-align: center; padding: 0px; font-size: 14px;}
#footerMenu a {color: #fff; display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px;}
#footerMenu a:hover {background-color: #b00; text-decoration: none;}
#footer {max-width: 1200px; width: 100%; z-index:9999; position: relative; padding-top: 20px; color: #fff; margin: 0 auto; font-size: 12px; line-height: 18px; background-color: #b00;}
#footer a {color: #fff;}
#footer img {float: right; margin-left: 10px; margin-bottom: 30px;}
#footer strong {color: #fff;}
#shippingDestinations {color: #fff;}
.footerContent {width: 75%; float: left;}
.footerInfo {width: 18%; float: right; padding-left: 2%; margin-left: 30px; margin-bottom: 5%; border-left: 1px solid #d22e2e;}
#footer .footerInfo strong {font-size: 16px; clear: both; width: 100%; margin-bottom: 10px; display: block; color: #ffcc00;}
#footer .footerInfo img {float: left; margin-left: 0px; margin-bottom: 0px; max-width: 100%; height: auto;}
#cartWhyChooseUsCell {margin-bottom: 10px; margin-left: 20px; padding-left: 30px; float: right; border-left: 1px solid #d22e2e;}
#cartWhyChooseUsCell strong {font-size: 16px; color: #ffcc00;}
#cartWhyChooseUsCell ul {padding-left: 0px; margin: 10px 0px 10px 0px; list-style: none;}
#cartWhyChooseUsCell li {margin-bottom: 2px; font-size: 14px; color: #fff;}
#cartSecurityCell {vertical-align: top; clear: both; float: left;}
#cartSecurityCell svg {margin: 0px 5px 0px 0px; float: left; line-height: 16px !important; font-size: 26px;}
#cartSecurityCell img {height: 46px; width: 169px;}
#cartPaymentMethodsCell {vertical-align: top; clear: both; margin-top: 20px; float: left;}
#cartPaymentMethodsCell svg {margin: 0px 10px 0px 0px; float: left; line-height: 16px !important; font-size: 26px;}
#listedOn {max-width: 1200px; width: 100%; text-align: center; margin: 0 auto;}
.paymentsWeAccept {width: 169px; height: auto;}
.commitmentHeader {font-size: 14px; margin-bottom: 5px; font-weight: bold;}
.commitment {float: left; margin-top: 20px;}
.commitment ul {list-style-type: none;}
.commitment p {margin: 5px 0px 0px 0px !important;}
#footer .fraudSafe {margin-top: 10px; margin-bottom: 10px; float: left; font-size: 30px;}
#footer .fraudSafe .fas {margin-left: 0px;}
.shopSecurity {font-size: 14px;}
.shopSecurity .fas {margin-left: 0px;}
/* footer end */

/* other start */
.boxText {padding: 0px; float: left;}
.infoBox {margin-bottom: 15px; border: 1px solid #d7dbde; padding: 0px; background-color: #fff;}
.infoBoxContents {float: left;}
.infoBoxNotice {background: #FF8E90;}
.infoBoxNoticeContents {background: #FFE6E6;}
table.productListing {border: 0px; border-style: solid; border-color: #000; border-spacing: 0px; margin-bottom: 20px; border-top: none;}
.productListing-heading {color: #333; white-space: nowrap; padding: 6px 6px 6px 2px; font-size: 12px; font-weight: normal; background-color: #edf4f9;}
.productListing-group {color: #000; padding: 5px 6px 2px 6px; font-size: 12px; font-weight: bold; float: left;}
a.productListing-heading:hover {color: #b00; text-decoration: none;}
.productListing-data {color: #666; font-size: 11px; border-bottom: 1px solid #e7eef4; padding: 5px 0px;}
.productListing-data a {padding: 2px 0px; display: block; font-size: 14px;}
.productListing-data a img {padding: 0px 5px;}
.productListing-data p {margin-top: 5px;}
.productListing-data input[type="text"] {margin: 0px 10px;}
.productListing .productListing-Heading {background-color: #fff; border-bottom: 2px solid #e7eef4; color: #656565;}
.addToCart {background-color: #b00; margin-bottom: 1px; margin-left: 10px;}
.categories ul {list-style: none; padding: 0px; float: left; width: 100%; margin-bottom: 20px; margin-top: 20px;}
.categories li {width: 50%; float: left;}
.categoryHeadline {width: 100%; display: block;}
.categories .categoryLink h2 {padding-bottom: 10px; margin-top: 0px;}
.categoryLink h2 {font-size: 14px; margin: 0px; padding: 10px 0px; color: #b00; border-top: 1px solid #fff; border-bottom: 1px solid #edf4f9;}
.categoryLink h2:hover {background-color: #fff;}
a.categoryLink {display: block;}
a.categoryLink:hover {text-decoration: none;}
.categoryLink h3 {font-size: 14px; margin: 0px; padding: 10px 0px; color: #000; border-top: 1px solid #fff; border-bottom: 1px solid #edf4f9;}
.categoryLink h3:hover {background-color: #fff;}
.categoryLink h4 {font-size: 12px; margin: 0; padding-top: 5px; padding-bottom: 0px;}
.categoryLink h5 {font-size: 11px; margin: 0; padding-top: 5px; padding-bottom: 0px;}
td.categoryText {font-size: 1.3em; font-weight: bold;}
td.accountCategory {font-size: 13px; color: #aabbdd;}
td.fieldKey {font-size: 10px; font-weight: bold; width: 100px;}
td.fieldValue {font-size: 10px;}
td.tableHeading {font-weight: bold;}
span.newItemInCart {font-size: 10px; color: #b00;}
span.greetUser {color: #b00; font-weight: bold;}
table.formArea {background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px;}
td.formAreaTitle {font-weight: bold;}
span.markProductOutOfStock {color: #c76170; font-weight: bold;}
span.productPrice {font-weight: bold; font-size: 14px; color: #333; font-family: Montserrat, Arial, Verdana, sans-serif;}
span.productSpecialPrice {font-size: 1.3em; color: #b00;}
span.errorText {color: #b00;}
span.selectedCategory {color: #b00;}
.priceRRP {white-space: nowrap;}
.inStock {font-size: 8px; white-space: nowrap; padding-top: 3px;}
.inStockOneline {font-size: 8px; white-space: nowrap; vertical-align: middle;}
.helpIcon {font-size: 10px; color: #b00; vertical-align: top;}
.helpIcon:hover {font-size: 10px; color: #b00; vertical-align: top;}
.stockByOrder {font-size: 10px; font-weight: bold; color: #b00;}
.avail-disc {background:url(images/icons/help.gif); display:block; width: 11px; height: 11px; overflow:hidden; text-indent: 9999px;}
.ui-autocomplete { height: 150px; overflow-y: scroll; overflow-x: hidden;}
label.error {z-index:2000;}
.discount {font-weight:bold; color:#070;}
.ellip {display: block; height: 100%;}
.ellip-line {display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.ellip, .ellip-line {position: relative; overflow: hidden; max-width: 100%;}
.popupBkg {background-image: none; background-color: #fff; padding: 10px;}
.popupBkg .smallText {float: right;}
div.infoBoxHeading {color: #000; font-size: 14px; margin-bottom: 10px; white-space: normal; max-width: 180px; font-weight: bold; background-color: transparent; font-family: Montserrat, Arial, Verdana, sans-serif;}
input#hideshow {display: none; font-family: open sans, Arial, Verdana, sans-serif;}
input#hideshowTop {display: none; font-family: open sans, Arial, Verdana, sans-serif;}
input#hideshowMenus {display: none; color: transparent;}
#homepageHeading{text-align: center; font-size: 14px; font-weight: normal; padding: 3px 0px; color: #000;}
#homepageHeading h1 {font-size: 18px; font-weight: bold; margin: 0px 0px 10px 0px; line-height: 14px;}
#homepageHeading strong {font-weight: normal;}
.backButton {width: 100px; height: 30px; margin: 20px 0px; float: left;}
.continueButton {height: 30px; margin: 20px 0px; float: right;}
input[type="image"].continueButton {width: 130px;}
.brw {float: right; margin-left: 20px;}
.dotPoints {list-style: none; padding: 0px;}
.dotPoints a {color: #5c86a1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 5px;}
.dotPoints a:hover {background-color: #f7f9fb; color: #b00;}
.dotPoints li {border-bottom: 1px solid #e7eef4;}
.dotPoints li:last-of-type {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
.smallText {font-size: 11px;}
.retailStoreAddress {width: 50%; float: left;}
.retailStoreHours {text-align: left; width: 50%; float: left;}
.retailStoreHours table {float: right;}
.hiddenSearch {visibility: hidden;}
.mapWrap {overflow: hidden; height: 500px; margin-top: 20px; width: 100%;}
.mapWrapProductInfo {overflow: hidden; height: 150px; width: 100%;}
#gmap_canvas {height: 500px; width: 100%;}
#mapWrapProductInfo gmap_canvas {height: 150px; width: 100%;}
#gmap_canvas img {max-width:none!important;background:none!important}
.retailAddress {float: left; width: 50%;}
.tradingHours {float: left; text-align: left; width: 50%;}
.tradingHours .dayWidth {width: 50px;}
.tradingHours table {margin-right: 10px; border: 0px; padding: 0px; border-spacing: 0px; float: right;}
.CB {clear: both;}
/* h3.okidoki {background-color: #000; color: #fff; padding: 10px 15px; font-size: 18px; font-weight: normal; text-align: center; margin-bottom: 10px; margin-top: 0px;}
h3.okidoki a {color: #ed1c24; font-weight: bold;}
h3.okidoki span {color: #ed1c24; font-weight: bold;}
.dlinkPromo {background-color: #008da9; padding: 10px 10px 5px 10px; text-align: center; font-size: 16px;}
.dlinkPromo p {color: #fff;}
.dlinkPromo a {color: #f8dd26;}
.dlinkPromo span {font-weight: bold; font-size: 22px;}
.WintersHottestCashback {background-color: #d04727; color: #fff; padding: 15px; font-size: 20px; text-align: center; line-height: 24px;}
.WintersHottestCashback a {color: #f1b41b;}
.WintersHottestCashback strong {color: #fff;}
.OKIcash {background-color: #ed1c24; color: #fff; text-align: center; padding: 15px; font-size: 18px; margin-bottom: 20px;}
.OKIcash a {color: #ffd800;}
.AsusGamingCode {background-color: #690607; color: #fff; padding: 20px; text-align: center; font-size: 17px;}
.AsusGamingCode a {color: #d6bf70;} */

.extendedWarranty {width: 100%; border: 1px solid #e7eef4; background-color: #f7f9fb; float: left; font-family: open sans, Arial, Verdana, sans-serif;}
.extendedWarrantyHeading {width: 98%; padding: 5px 1%; float: left; font-size: 12px;}
.extendedWarrantyHeading .col1 {width: 70%; float: left;}
.extendedWarrantyHeading .col2 {width: 10%; float: left;}
.extendedWarrantyHeading .col3 {width: 10%; float: left;}
.extendedWarrantyHeading .col4 {width: 10%; float: left;}
.extendedWarrantyBody {width: 98%; padding: 0px 1%; float: left;}
.extendedWarrantyDescription {width: 100%; float: left; font-weight: bold; margin-bottom: 10px; font-size: 12px; color: #000;}
.extendedWarrantyProduct {width: 98%; padding: 1%; margin-bottom: 5px; float: left; background-color: #fff; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 2px #f5f5f5;}
.extendedWarrantyProduct .col1 {width: 70%; float: left;}
.extendedWarrantyProduct .col2 {width: 10%; float: left;}
.extendedWarrantyProduct .col3 {width: 10%; float: left;}
.extendedWarrantyProduct .col4 {width: 10%; float: left;}
.extendedWarrantyProduct .col4 input[type="image"] {height: 25px; width: 44px;}

select[name=extended_warranty_id] { max-width: 100%; }

/* other end */


.homepage-panels {float: left; width: 100%; margin-bottom: 30px;}
.homepage-panels .panel {float: left; width: 100%;}
.homepagedeals {width:49.5%; min-height: 140px; margin-right: 1%; margin-bottom: 1%; float: left;}
.homepagedealsPadding {padding: 3%; border: 1px solid #ddd; float: left; -webkit-box-shadow: 2px 2px 5px #f5f5f5; box-shadow: 2px 2px 5px #f5f5f5;}
.homepage-panels .homepagedeals:nth-of-type(even) {margin-right: 0px;}
.homepagedeals-text {float:left; width:73%; font-size:14px; font-weight:bold; color:#333333; line-height: normal; height: 105px;}
.homepagedeals-text a {color:#333333; text-decoration:none; width: 100%; height: 40px; overflow: hidden;display: block;}
.homepagedeals-text a:hover {text-decoration:underline;}
.homepagedeals-text ul {list-style:square; margin-bottom:0px; margin:5px 0px 0px 0px; padding-left:20px; height: 60px; overflow: hidden;}
.homepagedeals-text li {font-size:11px; font-weight:normal; list-style:square;}
.homepagedeals-price {float:left; width:100%; text-align:center; margin-top: 10px;}
.homepagedeals-price img {margin:0px 0px 0px 0px; border:0px; height: auto; width: 125px; max-width: 100%; display: block;}
.homepagedeals-price a {display: block; text-align: center; float: right; width: 25%;}
.homepagedeals-price .price {float: left; width: 25%;}
.homepagedeals-price .price a {float: none; width: 100%; font-weight: 900; font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 20px; color: #000;}
.homepagedeals-image .code {font-size: 10px; color: #999; clear: both; display: block; line-height: 12px; word-break: break-all;}
.homepagedeals-image {float:left; width:25%; margin-right: 2%; text-align:center;}
.homepagedeals-image img {border:0px; max-width: 60%; height: auto; -webkit-backface-visibility: hidden;}
.homepagedeals-line {height:1px; width:565px; border:none; margin:10px 0px 0px 0px;_margin-bottom: 0;_display:block;}
.warehouse {width: 50%; float: left;}
.warehouse img {width: 100%; height: auto; max-height: 24px;}

.extendedWarrantiesWrap {width: 100%; float: left; margin-bottom: 10px; margin-top: 10px;}
.extendedWarranties {border: 1px solid #d7dbde; padding: 0px 10px 10px 10px;}
.extendedWarrantiesWrap a.headline {font-size: 14px; margin-top: 10px; margin-bottom: 10px; display: block; font-weight: 900;}

.extendedWarranties input {width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;}
.extendedWarranties label {display: block; padding: 5px 0px 5px 15px; text-indent: -15px; border-bottom: 1px solid #e7eef4;}
.extendedWarranties label:last-of-type {border-bottom: none;}
.extendedWarranties hr{margin-bottom: 3px; border-top: 1px solid #e7eef4;}
.extendedWarranties label span {font-weight: bold;}

.hideMobile {display: none;}
#SItick {display: none; color: #b00; font-size: 14px; padding: 10px; margin-top: 20px; background-color: #f8e3e3; line-height: 18px;}

#lz_chat_overlay_text[style] {text-shadow: rgb(255, 255, 255) 0px 0px 0px !important}
#lz_overlay_chat[style] {border-radius: 0px 0px 0px 0px !important}
#lz_chat_overlay_main[style] {border-radius: 0px 0px 0px 0px !important}




.usual {float: left; width: 100%; margin-bottom: 20px;}
.usual li {list-style:none; float:left;}
.usual .homepagedeals-text li {list-style:square; float: none;}
.usual li a.selected {margin-bottom:0; color:#000; background:#fff; cursor:default; border-left: 2px solid #000; border-top: 2px solid #000; border-right: 2px solid #000;}
.usual li a.selected:hover {background:#fff; color: #000;}
.usual ul a {display:block; text-decoration:none!important; margin-left:0; font-size:10px; padding: 0px 15px; color:#fff; background:#000; height: 35px; line-height: 35px; border-left: 2px solid #000; border-top: 2px solid #000; border-right: 2px solid #000;}
.usual ul a:hover {color:#000; background:#fff;}
ul.idTabs {padding: 0px; margin: 0px; width: 100%; display: block; float: left;}
.idTabs li {list-style:none; text-align: center;}
.idTabs li:last-child {margin-right: 0px;}
.idTabs li span {font-size: 14px;}
#idTab10, #idTab20, #idTab30, #idTab40, #idTab50, #idTab60, #idTab70, #idTab80 {background-color: #fff; float: left; clear: both; width: 100%; padding: 0px; display: block;}
#idTab10 ul li, #idTab20 ul li , #idTab30 ul li , #idTab40 ul li , #idTab50 ul li , #idTab60 ul li , #idTab70 ul li , #idTab80 ul li {list-style: square; float: none;}

.refurbCat {margin: 40px 0px; width: 100%; float: left;}
.refurbCat ul {padding-left: 0px;}
.refurbCat li {float: left; list-style: none; padding: 4px 0px;}
.refurbCat hr {float: none; border-top: 1px solid #e7eef4}
.refurbCat a {background-color: #b00; color: #fff; margin-right: 1px; padding: 5px;}
.refurbCat a:hover {background-color: #000; color: #fff; text-decoration: none;}


#facebookPopupClose {display: none;}
#facebookPopup {background-color: #000; position: fixed; z-index: 9999; bottom: 0; right: 321px; height: 21px; padding: 5px;
                opacity:0;
                opacity: 1 \9; /*just in case ie*/
                -webkit-animation:fadeIn ease-in 1;
                -moz-animation:fadeIn ease-in 1;
                animation:fadeIn ease-in 1;

                -webkit-animation-fill-mode:forwards;
                -moz-animation-fill-mode:forwards;
                animation-fill-mode:forwards;

                -webkit-animation-duration:1s;
                -moz-animation-duration:1s;
                animation-duration:1s;

                -webkit-animation-delay: 1.3s;
                -moz-animation-delay: 1.3s;
                animation-delay: 1.3s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
#facebookPopup button {background-color: transparent; color: #fff; border: 0px; padding: 0px 0px 0px 2px; float: right; cursor: pointer;}

.selectorTitle {padding-bottom: 20px;}
.serverSelectorBox {width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; background-color: #f7f9fb;}
.serverSelectorBox.third {margin-right: 0px;}
.serverSelectorBox100 {width: 100%; background-color: #f7f9fb; margin-bottom: 2%;}
.serverSelectorBox100 .serverSelectorBoxPadding {min-height: 0px;}
.serverSelectorBox100 .col3 {width: 32%; margin-right: 2%; float: left;}
.serverSelectorBox100 .col3.third {margin-right: 0px;}
.serverSelectorBoxPadding {padding: 10px; border: 1px solid #e7eef4; min-height: 170px;}
.serverSelectorBoxPadding select {width: 100%;}
.serverSelectorBoxPadding input[type="text"] {width: 100%;}
.serverSelectorContainerHeader {color: #000; font-family: Montserrat, Arial, Verdana, sans-serif;}
.serverSelectorBox .serverSelectorContainerHeader {background-color: #e7eef4; color: #000; padding: 5px 10px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.serverSelectorBox100 .serverSelectorContainerHeader {background-color: #e7eef4; color: #000; padding: 5px 10px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.serverSelectorContainerSubContent {margin-top: 10px;}
.serverSelectorContainerSubContent span {display: block;}
.serverSelectorContainerHint {font-style: italic;}
.customerResponsibilities {padding-bottom: 20px;}
.g-recaptcha {margin: 10px 0px;}
.sendRequest input[type="submit"] {background-color: #b00; color: #fff; border: 0px; cursor: pointer; padding: 10px;}


.descriptionBox {color: #fff; width: 100%; float: left;}
.descriptionBox .content_heading {margin-bottom: 10px;}
.descriptionBox .content_sub_heading {margin-bottom: 5px;}
.descriptionBox .introText {font-size: 18px; line-height: 26px; color: #fff;}
.descriptionBox .fr {width: auto; max-width: auto; height: auto;}

.descriptionBoxHead {background-color: #000; color: #fff; width: 100%; float: left;  height: 250px}
.descriptionBoxHead .introText {font-size: 18px; line-height: 26px; color: #fff;}
.descriptionBoxHead .fr {width: auto; max-width: auto; height: auto;}
.descriptionBoxHead ul {color: #fff;}
.descriptionBoxHead:nth-child(odd) img {float:right;}
.descriptionBoxHead:nth-child(even) img {float:unset}

.descriptionBoxText {width: 50%; float: left; padding: 5%;}
.descriptionBoxText .content_heading {color: #fc0;}
.descriptionBoxImage {width: 40%; float: left;}
.descriptionBoxImage img {float: left;}
.descriptionBoxPadding {width: 100%; float: left;}
.descriptionBoxPadding img {float: left;}


cloudflare-app[app="welcome-bar"] alert-message-content {max-width: 100% !important;}



/* New Description Styles */

#inpage_responsive header {background-color: transparent;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_section {padding: 0px;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_keyspecifications {border-top: 1px solid #efefef;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section {border-top: 1px solid #efefef; margin-top: 20px; padding-top: 10px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_keyspecifications header {font-weight: bold; font-size: 18px; padding-bottom: 5px; margin-top: 10px; color: #333; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_keyspecifications div div {padding: 1%; margin: 1% 1% 1% 0px; min-height: 100px; max-width: 200px;}

.productInfoContainer #inpage_responsive[min-width~="497px"] #hpgrid.hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_keyspecifications .hpcl_row DIV.hpcl_four-s.hpcl_fifth-m {min-height: 100px;}
#inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > HEADER:first-child {font-weight: bold; font-size: 22px !important; padding-bottom: 5px; margin-top: 0px; color: #333; font-family: Montserrat, Arial, Verdana, sans-serif !important;}
#inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > P {font-family: open sans, Arial, Verdana, sans-serif !important; font-size: 14px; line-height: 22px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV .hpcl_summary HEADER.hpcl_titles {font-family: open sans, Arial, Verdana, sans-serif; font-size: 18px; line-height: 22px; font-weight: bold; color: #222;}
.productInfoContainer #inpage_responsive .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV .hpcl_summary {margin-left: 0px; float: left;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV {padding-bottom: 1em;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV p:empty {display: none;}
#inpage_responsive[min-width~="497px"] #hpgrid.hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV {width: 50%;}
#inpage_responsive[min-width~="497px"] #hpgrid.hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV > IMG {width: 20%; margin-right: 20px;}
#inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV .hpcl_summary {float: left; width: 75%; margin-left: 5%;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV .hpcl_summary header {font-weight: bold; font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 16px;}
#inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV .hpcl_summary P {font-family: open sans, Arial, Verdana, sans-serif !important; font-size: 14px !important; line-height: 22px !important;}
#inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_keyfeatures.hpcl_section > .hpcl_row > DIV .hpcl_summary.hpcl_inpage_block_inner {margin-left: 0px; margin-right: 5%; float: right;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_collection {border-top: 1px solid #efefef; margin-top: 20px; padding-top: 10px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_collection > HEADER {font-weight: bold; font-size: 18px; font-family: Montserrat, Arial, Verdana, sans-serif; color: #333;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_expander.hpcl_expanded, #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_expander.hpcl_collapsed {font-weight: bold !important; font-size: 18px !important; font-family: Montserrat, Arial, Verdana, sans-serif !important;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_expander {border-top: 1px solid #efefef; margin-top: 20px; padding-top: 20px !important;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_section.hpcl_expander {padding-left: 0px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_provided HEADER, #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_requisite HEADER {font-weight: bold !important; font-size: 16px !important; font-family: Montserrat, Arial, Verdana, sans-serif !important; padding-left: 0px;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_specifications {border-top: 1px solid #efefef; margin-top: 20px; padding-top: 20px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_specifications HEADER {font-weight: bold; font-size: 22px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productInfoContainer #inpage_responsive .hpcl_hp.hpcl_grid .hpcl_section.hpcl_expander {color: #333;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_specifications .hpcl_row UL:nth-of-type(2n + 1) LI {font-family: open sans, Arial, Verdana, sans-serif !important; font-size: 14px; line-height: 22px; color: #333 !important; font-weight: normal !important;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_datasheet {border-top: 1px solid #efefef; margin-top: 20px; padding-top: 10px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_datasheet HEADER {font-weight: bold !important; font-size: 16px !important; font-family: Montserrat, Arial, Verdana, sans-serif !important;}
.productInfoContainer #inpage_responsive .hpcl_hp.hpcl_grid .hpcl_row.hpcl_disclaimers {border-top: 1px solid #efefef; margin-top: 20px; padding-top: 10px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_disclaimers > P:first-child {font-weight: bold !important; font-size: 16px !important; font-family: Montserrat, Arial, Verdana, sans-serif !important;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_disclaimers SMALL {font-family: open sans, Arial, Verdana, sans-serif !important;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_disclaimers SMALL > SPAN {font-family: open sans, Arial, Verdana, sans-serif !important;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_provided LI, #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_fragment.hpcl_row.hpcl_no-close .hpcl_requisite LI {font-family: open sans, Arial, Verdana, sans-serif !important; font-size: 14px; line-height: 22px;}
.productInfoContainer #inpage_responsive.hpcl_hparial .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_collection.hpcl_videos .hpcl_row.hpcl_repository .hpcl_entry > SPAN {font-family: open sans, Arial, Verdana, sans-serif !important; font-size: 14px; line-height: 22px;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_collection .hpcl_row.hpcl_repository .hpcl_entry:first-child > SPAN {padding-left: 0px;}
.productInfoContainer #inpage_responsive[min-width~="497px"] .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_keyspecifications .hpcl_row DIV P:first-child {line-height: 22px; margin-bottom: 10px;}
.productInfoContainer #inpage_responsive .hpcl_hp.hpcl_grid .hpcl_row.hpcl_section.hpcl_specifications .hpcl_row UL LI {padding: 10px;}







/* for 2600px or less */
@media screen and (max-width:2600px) {

    .columnWrap {min-height: 800px;}

}


/* for 2000px or less */
@media screen and (max-width:2000px) {

    .columnWrap {min-height: 0px;}

}

/* for 1617px or less */
@media screen and (max-width:1617px) {
    .leftSideBanners {display: none !important;}
    .rightSideBanners {display: none !important;}
}

/* for 1300px or less */
@media screen and (max-width:1300px) {
    .PrintPageCart {display:none;}
    .paypal {width: 78%; float: left; margin-bottom: 20px;}
    .checkoutConfirm {float: left; margin-right: 15px;}
}


/* for 1200px or less */
@media screen and (max-width:1200px) {

    #bannerArea {margin: 5px 0px 0px 0px; max-width: 100%;}
    .bannerLeft {display: none;}
    .bannerRight {display: none;}
    #leftColumn {width: 20%; min-height: 0px;}
    #centerColumn {width:78%; padding: 0px; margin-left: 2%;}
    #rightColumn {display: none;}
    #footer {padding: 2%; width: 96%;}
    .subscribeWrap {display: none;}
    .columnWrap {padding: 0px 2% 2% 2%; width: 96%;}
    .headerWrap {padding: 0px 2%; width: 96%;}
    #headerMain {width: 79%;}
    .headerContact {margin-top: -15px; margin-bottom: 5px; height: 30px; width: 79%; }
    .logo {width: 20%;}
    .logo img {margin-top: -15px;}
    #headerMain form {width: 100%; margin-top: 5px;}
    .banners {width: 96%; margin: 0px 2%;}
    #headerMenu span {margin-left: 20px;}
    #headerMenu span:last-of-type {margin-right: 20px; margin-left: 10px;}
    #header {margin-top: 0px;}

    .columnWrapBkg {min-height:0px;}

    #centerColumn.checkoutClean {width: 96%; padding: 2%; margin-left: 0px;}

    .paypal {width: 77%; }
    
    .descriptionBoxText .content_heading {font-size: 18px !important;}
    .descriptionBoxHead .introText {font-size: 16px !important;}

    .contentChunkLeft .contentChunkImage
    {
        justify-content: center;
    }

    .contentChunkRight .contentChunkImage
    {
        justify-content: center;
    }
}

/* for 1100px or less */
@media screen and (max-width:1100px) {
    .paypal {width: 55%; }
    
    .shoppingCartList .stockAvailabilities {float: left; width: 100%; padding-bottom: 5px;}
    .shoppingCartList .stockAvailabilities .stock {clear: both; padding-top: 3px; padding-bottom: 3px;}
    .shoppingCartList .stockAvailabilities .stock svg {padding-top: 3px;}
}

/* for 1000px or less */
@media screen and (max-width:1000px) {

    #headerMenu span {display: none;}
    #homepageHeading h1 {line-height: 20px;}
    .addressBookEntries strong {margin-top: 25px;}
    .previousOrders .date {width: 15%; float: left;}
    .previousOrders .number {width: 15%; float: left;}
    .previousOrders .address {width: 30%; float: left;}
    .previousOrders .status {width: 20%; float: left;}
    .previousOrders .price {width: 10%; float: left;}
    .previousOrders .price b {color: #111; font-size: 14px;}
    .previousOrders .view {width: 10%; float: left; text-align: right;}
    .accountPassword .col1 {width: 30%; float: left; margin-bottom: 5px;}
    .accountPassword .col2 {width: 70%; float: left; margin-bottom: 5px;}
    .accountPassword .col2 input[type="password"] {padding: 0px 0px 0px 1%;}

    .searchInStock label {width: 80%; float: left;}
    .searchInStock label input[type="checkbox"] {float: right;}

    .reasonsToBuy .reasonsToBuyImageWrapper {
        width: 60%;
        min-width: 100px;
    }

    .reasonsToBuyWrapper_left .reasonsToBuyImageWrapper {
        float: left;
        padding-right: 0px;
    }

    .reasonsToBuyWrapper_right .reasonsToBuyImageWrapper {
        float: right;
        padding-left: 0px;
    }

    .reasonsToBuyWrapper_right .reasonsToBuyTitle p,
    .reasonsToBuyWrapper_right .reasonsToBuyText p {
        margin: 0px 0px 0px 0px;
    }
}

/* for 900px or less */
@media screen and (max-width:900px) {

    #leftColumn {width: 20%;}
    .logo {min-width: 0px;}
    .logo img {margin-top: -15px;}
    #centerColumn {width:74%; padding: 0px; margin-left: 2%;}
    .headerContact {height: auto; width: 78%; margin-left: 2%;}
    .headerContact a {float: left;}
    .headerContact img {float: left;}
    .headerContact a:nth-of-type(3) {margin-right: 0px;}
    .productActions {clear: both; float: left; width: 100%;}
    .productActions table {float: left;}
    .calcBox {max-width: 100%; width: 96%; margin-top: 20px; padding: 2%;}
    .productDetails {width: 50%;}    
    .descriptionContainer li { word-wrap: break-word;}
    .productImageContainer {width: 48%; margin-right: 2%;}
    .productImageBox {text-align: center;}
    .productImageBox img {max-width: 100%; padding: 10px 0px;}
    .openHours {display: none;}
    #headerMain {width: 78%; margin-left: 2%;}

    input#deliveryPostcode {width: 90px;}
    #deliveryCostTable input[type="submit"] {font-size: 12px;}

    .upsellProductHeading {width: 65%;}
    .upsellAddHeading {width: 15%;}
    .upsellProduct {width: 65%; float: left; max-height: 26px; overflow: hidden; display: block; word-break: break-all; line-height: 26px;}
    .upsellAdd {width: 15%; float: left; text-align: right;}

    .headerLink {display: none;}
    #headerMain a.advancedLink {display: none;}

    .calcBox input[type="image"] {float: left;}

    .shoppingColumn, .shoppingColumn.columnMiddle {width: 100%; margin: 0px;}
    .columnMiddleBorders {padding: 0px; border: none;}

    .descriptionBoxImage img {width: auto; height: auto;}

}

/* for 768px or less */
@media screen and (max-width:768px) {

    header {height: 140px !important;}
    .headerWrap {height: 140px !important; width: 100%; padding: 0px; overflow: hidden;}
    #headerMenuRight {height: 64px !important;}
    #headerMain input[type="text"]  {height: 45px !important;}
    #headerMain input[type="submit"] {height: 45px !important;}

    .columnWrap {padding: 0px; width: 100%;}

    #leftColumn {width: 100%; max-width: 100%; margin: 0px; min-height: 0px;}
    #centerColumn {width: 96%; padding-left: 2%; padding-right: 2%; margin: 0px; padding-top: 10px;}

    #headerMenu {display: none;}
    #memoryWrap {display: none;}
    #headerMain {width: 73%;}
    #headerMain input[type="text"] {width: 79%;}
    #headerMain input[type="submit"] {width: 20%;}
    #mobileMenu {display: block; background-color: #ddd; position: relative; z-index: 999999;}

    .menuBox .menuHeading {display: none;}

    #memoryWrap {display: none;}
    #headerMenuRight {clear: both; width: 100%; background-color: #b00; text-align: right;}
    .headerContact {height: auto; width: 73%;}
    /*   .headerContact a:nth-of-type(1) {display: inline-block; width: 19%; margin-right: 3%;}
       .headerContact a:nth-of-type(2) {display: inline-block; width: 28%; margin-right: 3%;} */
    .headerContact a:nth-of-type(3) {display: inline-block; width: 47%;}
    .headerContact img {width: 100%; height: auto;}
    #headerMain a.advancedLink {float: left; margin-right: 0px;}

    .menuHeading {border: 2px solid #000; width: 100%; padding-left: 0px; padding-right: 0px;}
    #cartWhyChooseUsCell {clear: none; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; border-left: none; padding-left: 0px; float: left;}
    #cartSecurityCell {clear: none; margin-top: 0px; margin-right: 10px; margin-bottom: 20px;}
    #cartPaymentMethodsCell {clear: none; margin-top: 0px; margin-bottom: 20px;}
    #coupon-cell span {width: 100%; display: block;}
    #cartDeliveryCalculatorCell span {width: 100%; display: block;}
    input#hideshow {height: 46px; width: 100%; border: none; display: block; cursor: pointer; background-color: #ddd; font-size: 16px; font-weight: bold; -webkit-appearance: none; border-radius: 0; background-image: url(images/mobileMenuBlack.png); background-repeat: no-repeat; background-size: 38px 38px; text-align: left; padding-left: 6%; line-height: 38px;}
    input#hideshowTop {height: 46px; width: 100%; border: none; display: block; cursor: pointer; background-color: #000; font-size: 16px; font-weight: bold; -webkit-appearance: none; border-radius: 0; background-image: url(images/mobileMenu.png); background-repeat: no-repeat; background-size: 38px 38px; color: #fff; text-align: left; padding-left: 6%; line-height: 38px;}
    .findToners {display: none;}
    .findToners {display: none;}
    .footerInfo {width: 100%;}
    .SCimg {display: none;}
    .cartridgeFinderWrap {display: none;}
    .billingAddress p {margin-bottom: 20px;}
    .billingAddress .col1 {width: 25%; float: left; margin-bottom: 5px; color: #000;}
    .billingAddress .col2 {width: 75%; float: left; margin-bottom: 5px;}
    .billingAddress .col2 input {margin: 0px 0px 5px 0px;}
    .billingAddress .col2 textarea {width: 90%;}
    .billingAddress .col2 select {margin: 0px 0px 5px 0px;}
    .openHours {display: none;}
    .footerContent {width: 100%;}
    #cartWhyChooseUsCell {width: 100%; padding: 0px; margin: 0px;}
    #listedOn {display: none;}
    #shippingDestinations {display: none;}
    #footer .fraudSafe {display: none;}
    #cartSecurityCell {min-width: 150px; width: 32%; margin-right: 1%;}
    #cartPaymentMethodsCell {min-width: 160px; width: 32%; margin-right: 1%; margin-top: 0px; margin-bottom: 0px;}
    .commitment {min-width: 200px; width: 32%; margin-top: 0px;}
    footer {padding-bottom: 0px;}
    footer p:nth-of-type(2) {display: none;}
    footer p:nth-of-type(3) {display: none;}
    footer p:nth-of-type(4) {display: none;}
    .shoppingProduct {width: 53%; margin-right: 5%;}
    .shoppingQty input[type="text"] {margin: 5px 0px;}
    .shoppingPrice.cartUnitPriceCell {text-align: right; margin-right: 2%; float: right;}
    .shoppingTotal {text-align: right; margin-right: 2%; float: right; clear: both;}
    .shoppingQty {text-align: right; margin-right: 2%; float: right;}
    .shoppingPriceHeadline {display: none;}
    .shoppingQtyHeadline {display: none;}
    .shoppingProductHeadline {width: 70%;}
    .updateQty {width: 78%; margin-right: 2%;}

    .resultTab {display: none;}
    .pagination {float: right; margin-bottom: 10px; width: 100%;}

    .bannersWrap {display: none;}
    .stockByOrder {display: none;}
    .productImageBox {border: none;}
    .productImageShadow {display: none;}
    .productAddToCart input[type="image"] {max-width: 75%;}
    .productQuantity .col1 {width: auto;}
    .productQuantity .col2 {width: auto; margin-left: 10px;}
    .helpInfo p {float: left; margin-right: 5px;}
    .calcBox {margin-bottom: 10px;}

    .productListing {border: none;}

    .productListingRow {padding: 0px 0px 30px 0px; margin:0px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
    .productListingRow .image {width: 30%; margin-right: 0px !important;}
    .productListingRow .nameDescription {width: 65% !important; margin-left: 5%;}
    .productListingRow .price {float: left; clear: both; margin-left: 35% !important; width: 35% !important; padding: 0px 0px 0px 0px; margin-top: 15px; text-align: left;}
    .productListingRow .price .productPrice {font-size: 26px;}
    .productListingRow .buyButton {float: right; margin: 0px !important; width: 30% !important; padding-top: 10px;}
    .productListingRow .buyButton img {display: none;}
    .productListingRow .buyButton .addToCart img {padding: 0px; height: auto; width: auto; max-height: 40px;}

    .productListingRowAlt {padding: 0px 0px 30px 0px; margin:0px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
    .productListingRowAlt .image {width: 30%; margin-right: 0px !important;}
    .productListingRowAlt .nameDescription {width: 65% !important; margin-left: 5%;}
    .productListingRowAlt .price {float: left; clear: both; margin-left: 35% !important; width: 35% !important; padding: 0px 0px 0px 0px; margin-top: 15px; text-align: left;}
    .productListingRowAlt .price .productPrice {font-size: 26px;}
    .productListingRowAlt .buyButton {float: right; margin: 0px !important; width: 30% !important; padding-top: 10px;}
    .productListingRowAlt .buyButton img {display: none;}
    .productListingRowAlt .buyButton .addToCart img {padding: 0px; height: auto; width: auto; max-height: 40px;}

    .alsoPurchased {display: none;}

    .menuWrap {width: 50%; float: left;}
    #menuWrap {display: none;}
    #mobileMenu {width: 50%; float: left; display: none;}
    .menuWrapCenter {width: 200%; background-color: #000;}

    .menuMobile {background-color: #000; float: left; display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; }
    html>body .product-grid-2 .grid-box {width: 49%;}
    form#headerMain {width: 84%; padding-right: 0%; margin: unset; margin-left: 14px; float: left;}
    .headerContact {text-align: center; width: auto; margin: 0px 0px 0px 0px;}
    .headerContact a {float: left; display: inline-block;}
    .headerContact img {float:left; display: none;}
    .logo {margin-left: 2%; margin-bottom: 10px;}
    .logo a {float: left;}
    .logo img {margin-top: 0px; max-width: 120px; float: left;}
    .headerContact a.email {display: none; float: left; margin-right: 0px; background-image: url(images/emailIcon.png); background-size: 99px 38px; width: 40px; height: 38px; background-repeat: no-repeat; background-position: left;}
    .headerContact a.livechat {float: left; margin-right: 0px; background-image: url(images/livechatIcon.png); background-size: 94px 38px; width: 25%; height: 38px; background-repeat: no-repeat; background-position: center;}
    .headerContact a.phone {font-size: 40px; margin-left: 10%}
    .headerContact a.phone .fas {line-height: 60px !important; margin-left: 0px; color: #ea9d9d;}
    .headerContact a.phone svg {height: 60px; float:left;}
    #headerMain input[type="submit"] {background-image: url(images/searchIcon.png); background-size: 24px; width: 16%; background-color: #b00; border: none;}
    #headerMain input[type="text"] {width: 82%;}
    #headerMenuRight {color: transparent; width: auto; float: right; padding-top: 20px;}
    #headerMenuRight a.account {color: transparent; background-image: url(images/user-alt-solid.svg); width: 50px; height: 40px; padding: 0px; background-repeat: no-repeat;}
    #headerMenuRight a.cart {color: transparent; float: right; background-image: url(images/shopping-cart-solid.svg); width: 50px; height: 40px; padding: 0px; background-repeat: no-repeat;}
    #headerMenuRight a.checkout {display: none;}
    #headerMenuRight a.logoff {color: transparent; background-image: url(images/logoffIcon.png); width: 42px; height: 53px; padding: 0px; background-repeat: no-repeat; float: right;}
    #headerMenuRight span {display: none;}
    #header {margin-top: 0px; padding-top: 10px;}
    .headerLink {display: none;}
    #headerMain a.advancedLink {display: none;}

    input#hideshow {width: 100%; background-image: none; text-align: center;}
    input#hideshowTop {width: 100%; background-image: none; text-align: center;}
    input#hideshowMenus {display: inline-block; float: left; width: 10%; background-image: url(images/menu.png); background-repeat: no-repeat; background-size: 27px 28px; height: 45px; background-color: transparent; border: none; padding: 0px; cursor: pointer; background-position: center; margin-left:8px}

    input#hideshow {background-color: #000; color: #fff;}
    input#hideshow:hover {background-color: #222;}
    input#hideshow:focus, input#hideshow:active {background-color: #222; outline: 0px; color: #fff; border-left: none;}
    input#hideshowTop {background-color: #000; color: #fff;}
    input#hideshowTop:hover {background-color: #222;}
    input#hideshowTop:focus, input#hideshow:active {background-color: #222; outline: 0px; color: #fff;}
    .categories ul {display: none;}
    .productHeadingName {display: none;}
    .productHeadingPrice {display: none;}
    .productHeadingAvailability {display: none;}
    .productLinks a {padding-bottom: 20px;}
    .catMenuTab {display: none; cursor: pointer; }
    .catMenuTabSelected {width: 100%; display: none;}
    #catMenu {margin-top: 5px; overflow: hidden; padding-bottom: 0px; background-color: #222; margin-top: 0px; padding-top: 0px; width: 100%;}
    #catWrap {background-color: #000; float: left; border: none; margin-bottom: 0px; overflow: hidden; display: none; width: 100%;}
    #catMenu strong {color: #fff;}
    ul.catMenuTop a {color: #fff;}
    ul.catMenuTop li.catMenuItemBranchSpecial {padding: 0px;}
    ul.catMenuTop li.catMenuItemLeafSpecial {padding: 0px;}
    ul.catMenuTop li.catMenuItemBranchSpecial a {padding: 7px 10px; margin-bottom: 0px; border-bottom: 1px solid #6a0000;}
    ul.catMenuTop a {padding: 7px 10px;}
    ul.catMenu li a {padding: 7px 3px 7px 18px; background-image: none; margin: 0px; border-bottom: 1px solid #090909;}
    ul.catMenu li a:hover {background-color: #b00; color: #fff;}
    ul.catMenuTop li.catMenuItemLeafSpecial {margin-bottom: 0px; border-bottom: 1px solid #6a0000;}
    ul.catMenu li ul.catMenu a {padding: 7px 3px 7px 18px; margin: 0px 10px;}
    ul.catMenuTop .catMenuItemBranch a {background-image: none; margin: 0px; border-bottom: 1px solid #090909;}
    ul.catMenuTop .catMenuItemBranch a:hover {background: #b00 url(images/catbox_arrow_hover.gif) 97% no-repeat; color: #fff; font-weight: bold;}
    ul.catMenuTop ul .catMenuItemBranch a:hover {background: #b00 url(images/catbox_arrow.png) 97% no-repeat; margin: 0px;}
    ul.catMenuTop li.catMenuItemBranchExpanded > a {background: url(images/catbox_arrow_open.gif) 92% no-repeat; border-bottom: none; margin: 0px;}
    ul.catMenuTop li.catMenuItemBranchExpanded > a:hover {background: #b00 url(images/catbox_arrow_hover_open.gif) 92% no-repeat; color: #fff; margin: 0px;}
    ul.catMenuTop ul li.catMenuItemBranchExpanded > a:hover {background: #b00 url(images/catbox_arrow_open.gif) 92% no-repeat;}
    .menuBox {border: none; width: 100%; display: block; overflow: hidden;}
    .menuBox .infoBoxContents {width: 100%;}
    .menuBox .boxText {width: 100%;}
    .menuBox .infoBoxContents {border: 2px solid #000;}
    .categories ul li {width: 100%;}
    ul.catMenu li {background-color: #222; border-bottom: none;}

    .featuredProductsGrid {width: 100%; margin: 0px; padding-bottom: 30px; box-shadow: none;}
    .featuredProductsImage {width: 30%; margin-right: 0px; float: left; margin-bottom: 0px;}
    .featuredProductsName {width: 65%; float: left; clear: none; margin-left: 5%; margin-bottom: 0px;}
    .featuredProductsPadding .code {width: 65%; float: left; margin-left: 5%; margin-bottom: 5px;}
    .featuredProductsText {width: 65%; float: left; height: 80px; margin-left: 5%;}
    .featuredProductsPrice {clear: both; margin-left: 35%; width: 35%;}
    .featuredProductsPadding #productStockValue {display: none;}
    .featuredProductsPadding {padding: 0px 10px; border: none;}
    .featuredProductsPadding:hover {border: none;}
    .featuredProductsBuy {margin-top: -2px; width: 30%; text-align: center;}
    .featuredProductsBuy img {padding: 0px 10px; max-height: 40px; margin: 0 auto;}
    .featuredProductsBuy a {background-color: #b00; float: none;}


    .featuredProductsSpecialText {left: -70px; top: 15px; font-size: 8px; padding: 0px;}
    .featuredProductsSpecialText.refurbished {left: -80px; top: 30px; padding: 0px;}

    .extendedWarrantyProduct .col1 {height: 44px;}
    .extendedWarrantyProduct .col3 {float: right;}
    .extendedWarrantyProduct .col4 {clear: both; float: right;}
    .extendedWarrantyProduct .col4 input[type="image"] {width: 49px;}

    .importantInfoBox {width: 25%;}
    .orderNumber {line-height: 30px;}
    .importantInfoBoxHeading {font-size: 20px;}
}

/* for 650px or less */
@media screen and (max-width:650px) {
    .productListing .stockAvailabilities {float: left; width: 100%; padding-bottom: 5px;}
    .productListing .stockAvailabilities .stock {clear: both; padding-top: 3px; padding-bottom: 3px;}
    .productListing .stockAvailabilities .stock svg {padding-top: 3px;}
}

/* for 600px or less */
@media screen and (max-width:600px) {

    h1 {font-size: 18px !important;}

    header {height: 140px !important;}
    .headerWrap {height: 140px !important;}
    #headerMenuRight {height: 66px !important;}

    #bannerArea {padding-top: 0px;}

    #headerMain input[type="submit"] {padding-top: 9px}

    .logo {width: unset;}
    .logo img {width: unset;}
    img.openHours {display: none;}
    .historyProducts {float: left; width: 100%;}
    .historyProductHeading {margin-left: 0px; width: 80%;}
    .orderInformation .col1 {width: 100%;}
    .orderConfirmationProducts {}
    .orderConfirmationProductHeading {margin-left: 0px; width: 66%;}
    .orderConfirmationTotalHeading {width: 24%;}
    .orderConfirmation .col1 {width: 100%; margin-bottom: 20px;}
    .billingInformationAccount .col1 {width: 100%;}
    .orderHistory .col1 {width: 100%;}
    .orderHistory .col2 {width: 100%;}
    .orderHistory .col3 {width: 100%;}
    .myAccountInfo .text {width: 25%;}
    .myAccountInfo .field {width: 75%;}
    .deliveryAddressNew .text {width: 40%;}
    .deliveryAddressNew .field {width: 60%;}
    .deliveryAddressNew .field input {width: 80%;}
    .deliveryAddressNew .field textarea {width: 85%;}
    .deliveryAddressNew .field select {width: 81%;}
    #coupon-cell {width: 49%;}
    #cartDeliveryCalculatorCell {width: 49%; margin-right: 0px;}
    #cartTotalsCell {width: 49%;}
    .upsell {margin-top: 50px;}
    #cartSecurityCell { width: 100%; margin-right: 0px; margin-bottom: 10px;}
    #cartPaymentMethodsCell {width: 100%; margin-right: 0px; margin-top: 0px; margin-bottom: 10px;}
    .commitment {width: 100%; margin-top: 0px;}
    .footerInfo {display: none;}
    #cartWhyChooseUsCell {display: none;}
    .shoppingRemoveHeadline {display: none;}
    .shoppingImageHeadline {display: none;}
    .shoppingTotalHeadline {float: right; margin-right: 1%;}
    .shoppingPrice.cartUnitPriceCell {width: 20%;}
    .shoppingTotal {width: 20%;}
    .shoppingQty {width: 20%;}
    .shoppingProduct {width: 53%;}
    div.checkoutBar {font-size: 12px;}
    .previousOrders .date {width: 50%; float: left;}
    .previousOrders .number {width: 50%; float: left; text-align: right;}
    .previousOrders .address {width: 50%; float: left;}
    .previousOrders .status {width: 50%; float: left; text-align: right;}
    .previousOrders .price {width: 50%; float: left; clear: both;}
    .previousOrders .price b {color: #111; font-size: 14px;}
    .previousOrders .view {width: 50%; float: left; text-align: right;}
    .previousOrders .moduleRow {margin-bottom: 10px;}
    .previousOrders .moduleRowOver {margin-bottom: 10px;}
    .contentBoxContentsItem {width: 27.9%;}

    #listPriceHint {padding-left: 10px; font-weight: normal; font-size: 9px;}

    .advancedSearch .col1 .col1 {width: 35%; margin-bottom: 20px}
    .searchDescriptions,
    .searchInstock,
    .searchInstore,
    .searchCollection { margin-bottom: 10px}
    input[name="pfrom"] {margin-right: 10px}
    input[name="pto"] {margin-left: 10px !important}

    .creditCard .col1 {width: 40%; float: left; clear: both; margin-bottom: 5px;}
    .creditCard .col2 {width: 60%; float: left; margin-bottom: 5px;}
    .creditCard .col2 input {margin: 0px;}
    .creditCard .col2 select {margin: 0px;}
    #cartDeliveryCalculatorCell input[type="text"] {width: 64%;}
    #cartDeliveryCalculatorCell input[type="submit"] {width: 32%;}
    .orderConfirmationProductName {width: 66%;}
    .orderConfirmationProductTotal {width: 22%;}
    .historyProductName {width: 66%;}
    .historyProductTotal {width: 22%;}
    .billingAddress .text {clear: both; width: 40%;}
    .billingAddress .field {width: 60%;}
    .billingAddress .field input {width: 80%;}
    .billingAddress .field textarea {width: 85%;}
    .billingAddress .field select {width: 81%;}
    .searchBox .col1 {width: 100%;}
    .searchBox .col1 input[type="text"] {width: 69%;}
    .searchBox .col1 select {width: 73.5%;}
    .searchSort {width: 100%;}
    .searchSort select {float: none; width: 73.5%;}
    .searchPrice {margin-bottom: 5px;}
    .searchSort input[type="submit"] {margin-top: 20px;}
    .yourPersonal .col1 {width: 40%;}
    .yourPersonal .col2 {width: 60%;}
    .yourPersonal .col2 input {width: 90%;}
    .yourDelivery .col1 {width: 40%;}
    .yourDelivery .col2 {width: 60%;}
    .yourDelivery .col2 input {width: 90%;}
    .yourDelivery .col2 textarea {width: 90%;}
    .yourContact .col1 {width: 40%;}
    .yourContact .col2 {width: 60%;}
    .yourContact .col2 input {width: 90%;}
    .yourContact .col2 input:-webkit-autofill {}
    .yourPassword .col1 {width: 40%;}
    .yourPassword .col2 {width: 60%;}
    .yourPassword input[type="password"] {width: 90%;}

    .productImageBox a {background: unset;}
    .productImageBox a:hover {background: unset; cursor: unset;}

    .homepagedeals {min-height: 110px;}
    .homepagedeals-price .price a {font-size: 20px;}
    .homepagedeals-price a {width: 40%;}
    .warehouse {display: none;}

    .checkoutConfirm {clear:both; width: 100% !important; padding-bottom: 15px; display: block; float: unset !important; margin-left: unset;}
    #cartCheckout {text-align: center; float:unset; display:block; margin-left: 0%;}
    .continueButton {height: unset; float: unset;}
    .paypal {clear:both; width: 100% !important; margin-top:10px;}
    #paypal-button {text-align: center; float:unset;}
    .paypal span {text-align: center;  float:unset; display:block;}


    #headerMenu a {text-align: left; height: 42px; line-height: 42px; font-size: 18px; max-width: 95%; display: block; width: 100%; text-align: center; padding: 7px 10px;}
    #headerMenu {overflow: hidden; background-color: #222; padding-bottom: 10px;}

    #catWrap {font-size: 16px}
    #leftColumn {line-height: 38px;}
    ul.catMenu a {font-size: 14px; line-height: 38px;}

    .idTabs li span {font-size: 12px;}
    .usual ul a {padding: 0px 10px;}

    #customer_service_feedback .col1 {width: 30%;}
    #customer_service_feedback .col2 {width: 70%;}

    .addressBook .col1 {width: 50%;}
    .addressBook .col1 small {clear: both; display: block;}
    .addressBook .col2 {width: 50%;}

    #bannerArea img {float: left; display: block;}

    #bannerArea {margin: 0px;}
    .banners {width: 100%; margin: 0px;}
    .bannerLeft {width: 100%;}
    .bannerRight {display: none;}
    #homepageHeading {display: none;}
    .rotator-wrapper {display: none;}

    #facebookPopup {display: none;}







    .descriptionBoxHead .introText {font-size: 14px; line-height: 18px; color: #fff;}
    .descriptionBoxText {width: 59%; float: left; padding: 3%;}
    .descriptionBoxText .content_heading {color: #fc0; font-size: 18px; margin-top: 0px;}
    .descriptionBoxImage {width: 35%;}

    .contentChunk {margin-top: 30px;}

    .contentChunkLeft, .contentChunkRight {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .contentChunkLeft .contentChunkImage,
    .contentChunkRight .contentChunkImage{
        width: 100%;
    }		

    .contentChunkRight {
        flex-direction: unset !important;
    }

    .contentChunkRight {
        flex-direction: column-reverse;
    }
    .contentChunkText {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .contentChunkLeft .contentChunkText {
        margin-left: 0;
    }
    .contentChunkRight .contentChunkText {
        margin-right: 0;
    }

    .refurbCat img {width: auto; height: auto;}

    #footerMenu {height: 0px;}
    #footerMenu a {display: none;}




}

/* for 480px or less */
@media screen and (max-width:480px) {

    header {height: 140px !important;}
    .headerWrap {height: 140px !important;}
    #headerMenuRight {height: 66px !important;}

    #coupon-cell {width: 100%;}
    #cartDeliveryCalculatorCell {width: 100%; margin-right: 0px;}
    #cartTotalsCell {clear: both; width: 100%; margin-bottom: 30px;}
    #footer img {}
    .productDetails {width: 100%;}
    .productImageContainer {width: 100%; margin-right: 0%;}
    .deliveryInfoAddress .col1 {float: left; width: 50%; margin-right: 5%;}
    .deliveryInfoAddress .col2 {float: left; width: 45%;}
    .paymentInfoAddress .col1 {float: left; width: 50%; margin-right: 5%;}
    .paymentInfoAddress .col2 {float: left; width: 45%;}
    .paymentInfoAddress .addressBox {width: 45%;}
    .primaryAddressDescription {float: left; width: 100%;}
    .primaryAddress .addressBox {width: 100%; margin-left: 0px;}
    .deliveryInfoAddressText {width: 100%; margin-bottom: 10px;}
    .deliveryInfoAddress .addressBox {clear: both; width: 100%;}
    .newCustomer {width: 100%; margin: 0px; border: none; padding: 0px;}
    .returningCustomer {width: 100%; margin-top: 10px; min-height: 0px;}
    #headerMain input[type="text"] {width: 83%;}
    #headerMain input[type="submit"] {width: 16%;}
    img.openHours {display: none;}
    .rotator-wrapper {margin-bottom: 10px;}
    .historyProductName {width: 58%;}
    .historyProductTotal {width: 28%;}
    .deliveryInformationAccount {width: 100%;}
    .deliveryInformationAccount .addressBorder {width: 90%;}
    .billingInformationAccount {width: 100%; margin-top: 30px;}
    .billingInformationAccount .addressBorder {width: 90%;}
    .deliveryInformation {width: 100%;}
    .deliveryInformation .addressBorder {width: 90%;}
    .billingInformation {width: 100%; margin-top: 30px;}
    .billingInformation .addressBorder {width: 90%;}
    .orderConfirmationProductName {width: 58%;}
    .orderConfirmationProductTotal {width: 28%;}
    .orderConfirmationProductHeading {width: 58%;}
    .orderConfirmationTotalHeading {float: right;}
    .orderConfirmationProducts .productTotals .col1 {width: 70%;}
    .orderConfirmationProducts .productTotals .col2 {width: 30%;}
    .historyProducts .productTotals .col1 {width: 70%;}
    .historyProducts .productTotals .col2 {width: 30%;}
    .addressBookEntries {padding-top: 30px;}
    .advancedSearch .col1 {width: 100%;}
    .advancedSearch .col2 {width: 100%; margin-left: 0px; margin-top: 15px;}
    .advancedSearch .col1 .col1 {width: 35%; margin-bottom: 20px}
    .advancedSearch .col1 .col2 {width: 65%; margin-top: 0px;}
    div.checkoutBar {font-size: 10px;}
    .upsellProduct {width: 50%; float: left; max-height: 26px; overflow: hidden; display: block; word-break: break-all; line-height: 26px;}
    .upsellPrice {width: 20%; float: left; text-align: center; line-height: 16px;}
    .upsellQty {width: 15%; float: left; text-align: center; line-height: 16px;}
    .upsellAdd {width: 15%; float: left; text-align: right;}
    .upsellQty input[disabled='disabled'] {margin-right: 0px;}
    .upsellQty input {margin-right: 0px;}
    .pagination {width: 100%; margin-bottom: 46px; margin-top: -15px;}
    .resultTab {margin-bottom: -90px; margin-top: 20px;}
    .paymentInfoAddress .headline {width: 100%; white-space: nowrap;}
    .deliveryInfoAddressChange .addressBox {width: 45%;}
    #header ::-webkit-input-placeholder {}
    #header ::-moz-placeholder {} /* firefox 19+ */
    #header :-ms-input-placeholder {} /* ie */
    #header input:-moz-placeholder {}
    .upsellHeadings {display: none;}
    .productHeadingName {margin-left: 2%;}
    .productHeadingPrice {display: none;}
    .productHeadingAvailability {display: none;}
    .productListingRow .image {width: 30%;}
    .productListingRow .nameDescription {width: 68%; margin-bottom: 10px;}
    .productListingRow .price {float: left; margin-left: 32%; text-align: left; clear: both;}
    .productListingRow .buyButton img {display: none;}
    .productListingRowAlt .image {width: 30%;}
    .productListingRowAlt .nameDescription {width: 68%; margin-bottom: 10px;}
    .productListingRowAlt .price {float: left; margin-left: 32%; text-align: left; clear: both;}
    .productListingRowAlt .buyButton img {display: none;}
    .stockETA {display: none;}
    .stockByOrder {display: none;}
    .advancedSearch .col2 input.searchButton {margin-top: 0px;}

    .accountPassword .col1 {width: 100%; float: left; margin-bottom: 5px; clear: both;}
    .accountPassword .col2 {width: 100%; float: left; margin-bottom: 5px; clear: both;}
    .accountPassword .col2 input[type="password"] {padding: 0px 0px 0px 1%;}

    .homepagedeals-image {width: 100%;}
    .homepagedeals-text {width: 100%; height: 42px; overflow: hidden; font-size: 14px; font-weight: normal;}
    .homepagedeals-text ul {display: none;}
    .homepagedeals-price {width: 100%; text-align: left;}
    .homepagedeals-price .price {width: 50%; text-align: left; display: block;}
    .homepagedeals-price .price a {width: 100%; font-size: 16px;}
    .homepagedeals-price a {display: block; text-align: left; width: 50%; float: left;}


    .headerContact a.livechat {display: none;}
    .headerContact a.email {width: 35%;}

    #customer_service_feedback .col1 {width: 100%; clear: both; font-weight: bold;}
    #customer_service_feedback .col2 {width: 100%; clear: both; margin-bottom: 10px;}

    .myAccountInfo .text {width: 100%; clear: both; font-weight: bold;}
    .myAccountInfo .field {width: 100%; clear: both; margin-bottom: 10px;}

    .productAddToCart input[type="image"] {padding: 5px 0px;}

    .extendedWarrantyProduct {width: 95%}




}

/* for 400px or less */
@media screen and (max-width:400px) {

    form#headerMain {width: 83%; margin-left:12px;}
    #headerMain input[type="text"] {width: 82%}
    .featuredProductsGrid {width: 100%;}
    .homepage-panels .panel {width: 100%; margin-right: 0%;}
    .homepagedeals-image {width: 100%; margin: 0px 5% 0px 0px;}
    .homepagedeals-text {width: 100%; height: auto; margin-bottom: 10px;}
    .homepagedeals-price {width: 100%;}
    .homepagedeals-price .price a {text-align: left;}
    .homepagedeals-price a {text-align: right;}
    html>body .product-grid-2 .grid-box {width: 100%;}
    .retailAddress { width: 100%;}
    .tradingHours {width: 100%;}

    .checkoutConfirm img {width: 85%;}
    .extendedWarrantyProduct .col1 { height: 60px; }
}

/* for 320px or less */
@media screen and (max-width:320px) {
    input#hideshowMenus {width:10%}
    form#headerMain {width: 82%}
    #headerMain input[type="text"]::placeholder {font-size: 12px;}
    .logo {width: unset;}
    .logo img {width: 200%;}
    #headerMain {width: 100%; float: right;}
    #coupon-cell {width: 100%; margin-right: 0px;}
    #cartDeliveryCalculatorCell {width: 100%; margin-right: 0px;}
    #cartTotalsCell {clear: both; width: 100%; margin-bottom: 30px;}
    .productDetails {width: 100%;}
    .productImageContainer {width: 100%; margin-right: 0%;}
    .featuredProductsGrid {width: 100%; margin-right: 0%; margin-bottom: 2%;}
    .paypal {display: none;}
    .extendedWarrantyProduct .col1 { height: 90px; }
    .descriptionBoxText .content_heading {font-size: 12px !important;}
    .descriptionBoxHead .introText {font-size: 10px !important;}    
    #deliveryCostTable input[type="submit"] {clear:both !important; float: left !important; width: 150px; margin-top: 15px}
}

@media print {
    h1 {font-size: 18px;}
    html body {background-color: #fff; background-image: none;}
    #leftColumn {display: none;}
    #centerColumn {width: 100%; padding: 0px; min-height: 0px;}
    #rightColumn {display: none;}
    #headerMenu span {display: none;}
    #headerMain {display: none;}
    #header {width: 100%; padding: 0px; background-color: #fff;}
    #headerMenuRight {display: none;}
    .bannersWrap {display: none;}
    .menuMobile {display: none;}
    .headerContact {width: 74%; background-image: url(images/phonePrint.png); background-repeat: no-repeat; background-position: top center; height: 100px; margin-top: 0px;}
    .menuWrapCenter {display: none;}
    .logo {width: 20%; padding-right: 0px;}
    .logo img {margin-top: 0px;}
    .headerWrap {background-color: #fff;}
    .upsell {display: none;}
    header {background-color: #fff;}
    .headerContact a {display: none;}
    .headerContact img {display: none;}
    .productImageContainer {width: 50%;}
    .productInfoContainer {margin-top: 0px;}
    .productDetails {width: 46%;}
    #productStockValue {width: 46%;}
    .pageBreadcrumbTrail2 {display: none;}
    .productActions {display: none;}
    .productQuantity .col1 {font-size: 12px; font-weight: normal}
    .productQuantity .col2 input {border: none;}
    .calcBox .headline {display: none;}
    .calcBox span {display: none;}
    input#deliveryPostcode {display: none;}
    .calcBox input[type="image"] {display: none;}
    #deliveryCostOutput {padding: 0px;}
    .deliveryCostLabel {margin-top: 0px; font-size: 10px;}
    .deliveryCostValue {margin-top: 0px; font-size: 12px;}
    .productTotalLabel {font-size: 10px;}
    .productTotalValue {font-size: 12px;}
    .productLinks {display: none;}
    .productAddToCart input[type="image"] {display: none;}
    .footerInfo {display: none;}
    #cartWhyChooseUsCell {display: none;}
    footer p:first-of-type {display: block; color: #4c4c4c; font-size: 11px;}
    #footer a {color: #4c4c4c;}
    footer p {display: none;}
    #footerMenu {display: none;}
    footer {background-color: transparent; padding-bottom: 0px;}
    #footer {background-color: #fff; width: 100%; padding: 0px; margin-top: 30px;}
    .footerContent {width: 100%;}
    .featuredProductsGrid {-webkit-box-shadow: none; box-shadow: none; page-break-inside: avoid;}
    .productListingRow {-webkit-box-shadow: none; box-shadow: none; page-break-inside: avoid;}
    .productListingRowAlt {-webkit-box-shadow: none; box-shadow: none; page-break-inside: avoid;}
    .homepagedeals {-webkit-box-shadow: none; box-shadow: none;}
    input[type="text"] {-webkit-box-shadow: none; box-shadow: none;}
    .bx-wrapper {width: 100%;}
    .bx-wrapper img {max-width: 100%;}
    .upsellButton {display: none;}
    .productListingRow .buyButton .addToCart img {display: none;}
    .productListingRowAlt .buyButton .addToCart img {display: none;}

    div.checkoutBar {display: none;}
    .continueButton {display: none;}
    #coupon-cell {display: none;}
    .PrintPageCart {display: none;}
    #cartDeliveryCalculatorCell {width: 64%;}
    #cartDeliveryCalculatorCell .infoBox {border: none; background-color: transparent; padding: 0px;}
    #cartDeliveryCalculatorCell .headline {display: none;}
    #cartDeliveryCalculatorFormCell {display: none;}
    #cartButtonsRow {display: none;}
    .productListing-even {box-shadow: none;}
    .productListing-odd {box-shadow: none;}
    .accessedDisclamer {display: block;}
    .subjectToChange {display: block;}
    .addBuildCharge {display: none;}
    #cartDeliveryCalculatorMessage .msg {display: none;}

    .leftSideBanners {display: none !important;}
    .rightSideBanners {display: none !important;}

    .columnWrap {background-color: #fff;}

}