/*
  $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 */
/* global start */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/Open_Sans/');
    src: local('Open Sans'), local('Open Sans'), url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat/');
    src: local('Montserrat'), local('Montserrat'), url('fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #333;
}
:-moz-placeholder { /* Firefox 18- */
    color: #333;
}

html {-webkit-text-size-adjust:none; /* Prevent font scaling in landscape */ height:100%;}
body {color: #2f3240; font-family: Open Sans, Arial, Verdana, sans-serif; font-size: 14px; margin: 0px; line-height: 22px;}
table {font-size: 100%;}
a {color: #001b43; text-decoration: none;}
a:hover {color: #2ba517; text-decoration: underline;}
form {display: inline;}
h1 {font-size: 24px; line-height: 28px; margin: 0px 0px 20px 0px; font-weight: normal; color: #001b43; font-family: Montserrat, Arial, Verdana, sans-serif;}
h2 {font-size: 14px; color: #111;}
h3 {font-size: 13px; color: #111; margin-bottom: 5px;}
h4 {font-size: 12px;}
img {border: 0px;}
a img:hover {opacity: 1.0; filter: alpha(opacity=100); -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 #aab1cd; -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; background-color: #fff;}
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: 03px; background-color: #2ba517;}
input[type="image"]:hover {opacity: 1.0; filter: alpha(opacity=100); -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: 1.0; filter: alpha(opacity=100); -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: 50px; 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 #aab1cd; color: #000; background-color: #fff;}
option {color: #333;}
ul {margin: 0px; padding: 0px 0px 0px 15px; color: #2f3240; list-style: square;}
p {margin: 0px 0px 10px 0px; color: #2f3240;}
.CB {clear: both;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.red {color: #2ba517;}
.bold_red {font-weight: bold; color: #2ba517;}
.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: #2ba517;}
.inputRequirement {font-size: 10px; color: #2ba517;}
.submitButton {font-size: 10px; font-weight: bold; border: 0px; cursor: pointer;}
.headline {font-size: 12px; color: #000; background-color: #f1f2f4; margin-bottom: 10px; float: left; padding: 5px 10px; line-height: 10px; width: 100%;}
hr {border-left: none; border-top: 2px solid #f1f2f4; border-right: none; border-bottom: none; margin-bottom: 20px; float: left; width: 100%;}
strong {color: #111;}
.headingNumber {margin-right: 8px; font-size: 12px; color: #000; text-align: center; float: left; font-weight: bold;}
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;}
sup {vertical-align: super;}
/* global end */

/* header start */
header {background-color: #fff;}
.headerWrap {width: 100%; margin: 0 auto; padding-top: 4px; background-color: #001b43;}
#header {max-width: 1600px; width: 100%; margin: 0 auto; padding: 0px;}
.logo {width: 15%; float: left; min-width: 168px;}
.logo img {width: 100%; height: auto; margin-top: 0px;}
.logo a {display: block;}
#headerMain {padding: 0px 0px 10px 0px; margin: 0px 0px 0px 2%; float:left; width: 83%; text-align: right;}

.searchWrap {float: left; width: 100%;}
.searchWrapWidth {width: 95%; float: left;}
.searchWrapBorder {border: 1px solid #ddd; width: 100%; overflow: hidden; float: left;}

#headerMain input[type="text"] {background-color:#fff; width: 93%; padding-left: 2%; height: 32px; float: left; border: 0px; -webkit-box-shadow: none; box-shadow: none;}
#headerMain input[type="submit"] {height: 34px; width: 5%; float: left; background: url(images/searchIcon.png) #2ba517; background: url(images/searchButtonIE.png) #000\9; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#headerMain a.advancedLink {display: inline-block; margin-top: 5px; margin-right: 5%; float: right; color: #90bdff; font-size: 12px;}
#headerMain a.advancedLink:hover {text-decoration: underline;}
.menuWrap {width: 100%; background-color: #001b43;}
.menuWrapCenter {max-width: 1600px; width: 100%; margin: 0 auto;}
#headerMenu {margin: 0px; padding:0; border:0; _margin-top:11px; width: 100%; float: left; color: #2ba517; text-align: right; font-size: 14px;}
#headerMenu span {line-height: 30px; margin-right: 10px; margin-top: 2px; font-size: 12px; display: inline-block; display: none;}
#headerMenu a {padding: 0px 14px; height: 34px; line-height: 34px; color: #fff; display: inline-block;}
#headerMenu a:hover {background-color: #2ba517; text-decoration: none; border-top-left-radius: 3px; border-top-right-radius: 3px;}
#headerMenuRight {color: #90bdff; width: 100%; max-width: 1600px; margin: 0 auto; text-align: right; margin-bottom: 0px;}
#headerMenuRight a {text-decoration: none; color: #90bdff; display: inline-block; padding: 5px 0px; font-size: 12px;}
#headerMenuRight a:hover {text-decoration: underline; color: #2ba517;}
.headerContact {width: 81%; margin-left: 1%; float: left; text-align: left; margin-top: -20px; color: #d03939; display: none;}
.headerContact a {display: inline-block; margin-right: 20px;}
.headerContact span {display: inline-block;}
.headerLink {float: left; display: inline-block; margin-top: 5px; margin-right: 20px; color: #90bdff; font-size: 12px;}
.headerLink:hover {text-decoration: underline;}
.facebook {margin-bottom: 1px;}
.facebook img {display: block;}
.subscribeWrap {width: 100%; padding: 0px; margin: 20px 0px 40px 0px;}
.subscribeWrap ul {color: #fff; margin-top: 5px;}
.subscribeNowWrap {float: left; width: 100%; text-align: center; height: 33px; border-radius: 3px; overflow: hidden;}
.subscribeInputWrap {width: 100%; float: left; margin-bottom: 10px;}
.subscribeInputBorder {border: 1px solid #aab1cd; height: 32px;}
.subscribeInput {float: left; margin-top: 0px; width: 100%;}
.subscribeInput input[type="text"] {width: 95%; height: 32px; margin: 0px; padding: 0px 0px 0px 5%; float: left; background-color: #fff; border: none;}
.subscribeInput input[type="submit"] {width: 100%; height: 33px; border: none; background-color: #2ba517; color: #fff; cursor: pointer;}
.subscribeInput form {margin: 0px; display: block; float: left; width: 100%;}
.bannerTop {float: left; width: 100%;}
.bannerTop img {width: 100%; max-width: 100%; height: auto;}
.bannerBottom {float: left; width: 100%; margin-top: 30px;}
.bannerBottom img {width: 100%; max-width: 100%; height: auto;}
#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: #2ba517; margin: 0px; padding: 10px 0px; width: 100%;}
#admin-notification td {color: #00aa00;}
.menuMobile {background-color: transparent;}
/* header end */

/* columns start */
.columnWrapBkg {margin-bottom: 50px;}
.columnWrap {max-width: 1600px; width:100%; margin: 0 auto; padding-top: 20px;}
#leftColumn {float: left; width: 15%; font-size: 12px; line-height: 18px; margin-bottom: 20px; margin-top: -48px;}
#centerColumn {float: left; width: 66%; padding: 0px 2% 10px 2%;}
#rightColumn {float: right; width: 15%; margin-bottom: 20px;}
#rightColumn img {max-width: 100%; height: auto;}

#rightColumn .rotator-wrapper {margin-bottom: 40px;}

#rightColumn ul.bxslider a {text-align: left;}
#rightColumn ul.bxslider img {min-width: 0px;}
#rightColumn ul.bxslider .productName {height: 40px; overflow: hidden; margin-bottom: 15px; font-size: 14px; line-height: 20px;}
#rightColumn ul.bxslider .productName .ellip {display: block;}
#rightColumn ul.bxslider .productName .ellip-line {display: block;}
#rightColumn ul.bxslider .productName a {padding: 0px;}
#rightColumn ul.bxslider .productPrice {width: 60%; float: left; line-height: 14px;}
#rightColumn ul.bxslider .productPrice a {color: #001b43; font-size: 28px; font-family: Montserrat, Arial, Verdana, sans-serif; margin: 0px;}
#rightColumn ul.bxslider .productBuy {width: auto; float: right; background-color: #2ba517; border-radius: 3px;}
#rightColumn ul.bxslider .productBuy a {padding: 0px 5px;}
#rightColumn ul.bxslider .productBuy img {width: 43px; height: 25px; max-width: 43px; max-height: 25px; min-width: 43px; min-height: 25px;}
#rightColumn ul.bxslider .productPrice sup {font-size: 14px;}
#rightColumn ul.bxslider .productCode a {padding: 0px; margin: 0px;}
/* 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: #2ba517; margin-bottom: 20px; font-weight: bold; display: block; text-decoration: none; word-wrap: break-word}
.adRotator {width: 100%;}
.rotator-wrapper {margin-bottom: 5px; max-height: 355px;}
.rotator-wrapper li {padding-left: 0px; margin-left: 0px; text-align: center;}
.rotator-wrapper a {display: block; text-align: center;}
.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%; display: block; margin: 0 auto;}
.rotator-wrapper {max-width: 1200px; width: 100%; float: left; 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 */

.usual {}
.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: 1px solid #001b43; border-top: 1px solid #001b43; border-right: 1px solid #001b43;}
.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:#001b43; height: 35px; line-height: 35px; border-left: 1px solid #001b43; border-top: 1px solid #001b43; border-right: 1px solid #001b43;}
.usual ul a:hover {color:#000; background:#fff;}
ul.idTabs {padding: 0px; margin: 0px 0px 20px 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;}
.idTabs h2 {font-weight: normal;}
#idTab10, #idTab20 {background-color: #fff; float: left; clear: both; width: 100%; padding: 0px; display: block;}

/* 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: 14px; float: left; margin-bottom: 30px; width: 100%;}
.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; color: #08246B; width: 50%; float: left;}
.catMenuTab a {display: block; color: #fff; padding: 5px 8px; background-color: #001b43; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.catMenuTab a:hover {color: #fff; background-color: #2ba517; text-decoration: none;}
.catMenuTabSelected {text-align: center; color: #000; width: 50%; float: left;}
.catMenuTabSelected a {display: block; color: #000; padding: 5px 8px; background-color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.catMenuTabSelected a:hover {text-decoration: none;}
ul.catMenuTop {margin: 20px 0px 0px 0px; padding: 0px; list-style: none;}
ul.catMenuTop strong {color: #001b43;}
ul.catMenuTop li {margin: 0px 0px 10px 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.png) 97% no-repeat; color: #2ba517;}
ul.catMenuTop ul .catMenuItemBranch a:hover {background: #fff url(images/catbox_arrow_hover.png) 97% no-repeat; color: #2ba517;}
ul.catMenuTop li.catMenuItemBranchExpanded > a {border-bottom: none;}
ul.catMenuTop li.catMenuItemBranchExpanded > a:hover {background: #fff url(images/catbox_arrow_hover_open.gif) 92% no-repeat; color: #2ba517;}
ul.catMenuTop li.catMenuItemBranchExpanded > a:hover strong {color: #2ba517;}
ul.catMenuTop ul li.catMenuItemBranchExpanded > a:hover {background: #fff url(images/catbox_arrow_open.gif) 92% no-repeat; color: #fff;}
ul.catMenuTop a {display: block; padding: 0px 20px 0px 0px; text-decoration: none; color: #001b43;}
ul.catMenuTop a:hover {color: #2ba517; 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;}
ul.catMenu a {margin: 0px; padding: 2px 3px 2px 12px; font-size: 14px;}
ul.catMenu li a {margin: 0px; padding: 5px 0px 5px 10px;}
ul.catMenu li a:hover {color: #2ba517;}
ul.catMenu li ul.catMenu li {margin: 0px; padding: 2px 0px;}
ul.catMenu li ul.catMenu li:hover strong {color: #2ba517;}
ul.catMenu li ul.catMenu a {margin: 0px; padding: 5px 0px 5px 20px; line-height: 14px;}
ul.catMenu li ul.catMenu li ul.catMenu a {margin: 0px; padding: 5px 0px 5px 30px; line-height: 14px;}
ul.catMenu {margin: 5px 0px 10px 0px;}
ul.catMenu:last-of-type {margin: 0px 0px 20px 0px;}
ul.catMenu ul {margin: 5px 0px 10px 0px;}
.catMenuItemBranchSpecial a {background: #FFCCCC;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial {padding: 0px 5px; margin-bottom: 1px;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a strong {color: #000;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a {}
.catMenuItemBranchExpandedSpecial a {}
.catMenuItemLeafSpecial a {color: #001b43; background-color: #fff; font-weight: bold;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial .catMenuItemLeaf a {color: #000;}
ul.catMenuTop li.catMenuItemLeafSpecial {padding: 0px;}
ul.catMenuTop li.catMenuItemLeafSpecial strong {color: #000;}
ul.catMenuTop li.catMenuItemBranchSpecial {padding: 0px;}
ul.catMenuTop li.catMenuItemBranchSpecial a {background-color: #fff; font-weight: bold; color: #001b43; padding: 0px; margin-bottom: 1px;}
ul.catMenuTop li.catMenuItemBranchSpecial a:hover {color: #2ba517;}
ul.catMenuTop li.catMenuItemLeafSpecial a:hover {color: #2ba517;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a:hover {color: #2ba517;}
.catManCell {padding-left: 0px;}
.catManTable {padding: 15px 0px 15px 10px;}
/* category menu end */

/* product image start */
.productImageContainer {width: 32%; float: left; margin-right: 5%; margin-top: 10px;}
.productImageBox {background-color: #fff; text-align: center; border: 1px solid #c9d1dd;}
.productImageBox img {padding: 20px 20px 10px 20px;}
.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; display: none;}
.productImageShadow img {width: 100%; height: auto; display: block;}
/* product end start */


/* product details start */
.productDetails {width: 63%; float: left; font-size: 12px; line-height: 18px;}
#productStockValue.col2 {float: left; height: 22px;}
.productDetails .col1 {margin-right: 5px; float: left;}
.productDetails .col2 {margin-right: 10px; padding-right: 10px; border-right: 1px solid #aaa; float: left;}
.productDetails .col2:last-of-type {border-right: none;}
.productDetails #productPriceValue .col2 {float: left;}
.actions > form {float: right; width: 46%; padding: 2%; bottom: 0px; right: 0px;}
#productGeneralDetails {float: left; clear: both; padding-top: 20px; margin-top: 20px;}
#productPricingDetails {float: left; display: block; width: 100%;}
#productPricingDetails .hint {width: auto; float: right; margin: 1px 0px 0px 5px;}
#productStockValue .hintByOrder {width: auto; float: right; margin: 1px 0px 0px 5px;}
#productAvailabilityDetails {float: left; display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px;}
#productPriceLabel {vertical-align: top; color: #000; white-space: nowrap; padding: 5px 10px; line-height: 10px; clear: both; background-color:  #ffde00;}
#productPriceValue {font-size: 60px; line-height: 60px; clear: both; font-weight: bold; vertical-align: top; color: #222; font-family: Montserrat, Arial, Verdana, sans-serif; border-right: none;}
#productPriceValue sup {font-size: 30px;}
#productPriceValue sup {font-size: 30px;}
#productRRPLabel {font-weight: bold;}
#productSavingLabel {font-weight: bold; text-decoration: underline;}
#productSavingValue {text-decoration: underline;}
.productAttributeLabel {vertical-align: top;}
#productStockValue img {margin-top: 3px; float: left; margin-right: 5px;}
.productInfoContainer .productAttributeLabel {margin-top: 20px; color: #000; background-color: #f1f2f4; float: left; font-size: 12px; padding: 5px 10px; line-height: 10px;}
#product_description {float: left; width: 100%; margin-top: 10px;}
.product_description {float: left; width: 100%;}
/* 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: #2ba517; border: 1px solid #2ba517;}
.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;}

.actions {float: left; width: 100%; background-color: #f1f2f4; position: relative;}


.calcBox {padding: 20px 0px 0px 0px; color: #000; float: left; width: 46%; padding: 2%;}
.calcBox .headline {margin-bottom: 10px; 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: left; background-color: #2ba517;}
.deliveryCostLabel {padding: 0px; width: 50%; float: left; margin-top: 10px; line-height: 16px;}
.deliveryCostValue {text-align: left; width: 50%; float: left; margin-top: 10px; color: #000; font-weight: 900; font-size: 16px; line-height: 16px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.deliveryCostValue sup {font-size: 16px; vertical-align: top;}
.productTotalLabel {padding-top: 7px; width: 50%; float: left; margin-bottom: 5px; line-height: 16px; font-weight: bold; font-size: 16px;}
.productTotalValue {color: #000; text-align: left; padding-top: 7px; width: 50%; float: left; margin-bottom: 5px; font-weight: 900; font-size: 32px; line-height: 16px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productTotalValue sup {font-size: 16px;}
.productQuantity {margin: 10px 0px 10px 0px; float: left;}
.productQuantity .col1 {float: left; font-size: 14px; color: #000; line-height: 24px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.productQuantity .col2 {float: left; text-align: right; padding-right: 0px; margin-left: 10px; border-right: none;}
.productQuantity .col2 input {text-align: center; width: 30px; height: 23px; background-color: #fff; border: 1px solid #001b43;}
.productAddToCart {text-align: right; height: 50px; float: left;}
.productAddToCart input[type="image"] {display: block; float: left; max-width: 200px; padding: 10px; border-radius: 4px; background-color: #2ba517; -webkit-filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.2));
                                       filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.2));}
.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 */
.fr50 {max-width: 50%; float: right; margin-left: 20px;}
.productInfoContainer {width: 100%; padding-top: 30px; margin-bottom: 80px;}
.productInfoContainer img {max-width: 100%;}
.productInfoContainer ul {margin-bottom: 20px;}
.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-size: 18px; padding-bottom: 5px; margin-top: 15px; color: #001b43; font-family: Montserrat, Arial, Verdana, sans-serif;}
.content_sub_heading {font-size: 14px; padding-bottom: 5px; margin-top: 15px; color: #001b43; font-family: Montserrat, Arial, Verdana, sans-serif;}
.spec_table {width: 99%; border-collapse: collapse; border: solid 1px #efefef; font-size: 12px;}
.spec_table td {border: solid 1px #f1f2f4; padding: 3px 5px; vertical-align: top;}
.spec_table th {border: solid 1px #f1f2f4; padding: 3px 5px; vertical-align: top; font-weight: bold;}

.productInfoContainer .spec_table ul {margin-bottom: 0px; line-height: 20px;}
.spec_table td.spec_attr_group {padding: 0px 5px;}
.spec_attr_group {vertical-align: top; white-space: nowrap; padding: 0px 3px; background-color: #f1f2f4; color: #000;}
.spec_attr_name {vertical-align: top; font-weight: bold; white-space: nowrap;}
/* product description end */

/* product start */
.helpInfo {color: #aaa; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px;}
.helpInfo p {margin: 0px; font-size: 9px; line-height: 13px;}
.product-grid {float:left; width: 100%; overflow-x: hidden; border-top: 1px solid #f1f2f4; padding-top: 10px;}
.productLinks {margin: 0px 0px; padding: 30px 0px; list-style: none; line-height: 20px; float: left;}
ul.productLinks {border-bottom: none;}
.productLinks img {margin-right: 5px;}
.productLinks a {font-size: 12px; float: left; width: 100%;}
.productLinks a:hover {}
.productLinks a:nth-of-type(2) {width: auto;}
.productLinks a strong {color: #001b43;}
a.productLinksImg {width: 30px; display: inline-block; text-align: center; float: left; clear: both;}
a.productLinksImg img {margin-bottom: -3px; height: 16px; width: 16px;}
a.permanent-hover {color: #2ba517; text-decoration: none;}
a.permanent-hover:hover {text-decoration: underline;}
#deliveryCostOutput {padding: 0px 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: #2ba517; 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:#2ba517;}
.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;}
div.flexirent {width:606px; height:98px; border:1px solid #ccc; color:#4c4c4c;}
div.flexitext {width:384px; float:left; padding:6px; font-size:10px;}
.flexi-smalltext {font-size:10px; font-weight:bold;}
div.flexitext span.row {display: block; width: 308px; _width: 304px; float:left; clear: none;}
.flexirent-buynow {background-color:#ed0852; display:inline-block; color:#fff; font-size:10px; font-weight:bold; padding:0px 6px; margin:2px; width:50px; _width: 61px; text-decoration:none;}
.flexirent-buynow:hover {background-color:#c10240;}
.flexirent-buynow:active {position:relative; top:1px;}
/* product end */

/* search start */
.advancedSearch {background-color: #f1f2f4; margin-bottom: 5px; margin-top: 5px; padding: 10px; font-size: 12px; border: 1px solid #f1f2f4;}
.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; background-image: none; background-color: #2ba517; color: #fff;}
.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 #f1f2f4; padding-top: 15px;}
.resultTab {float: left; width: 50%; margin-bottom: 0px; position: relative; z-index: 2000; display: none;}
.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: 100%; text-align: right; font-size: 12px; color: #aaa; padding-bottom: 10px;}
.pagination a {padding: 2px 7px; color: #333;}
.pagination strong {padding: 2px 7px; color: #000; font-weight: normal; background-color: #f1f2f4;}
.stockETA {font-size: 10px; font-weight: bold; color: #FF6600;}
.gridbutton:first-of-type {margin-left: 0px;}
.gridbutton {display: block; float:left; margin-right:0px; margin-left: -1px; color: #000; padding: 5px 20px; font-weight: bold;}
.gridbutton:hover {color: #000; text-decoration: none;}
span.gridbutton {color: #000; font-weight: bold;}
span.gridbutton:hover {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;}
.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: #2ba517;}
.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: 19%; margin-right: 1%; margin-bottom: 1%;}
.gridPadding {float: left; padding: 5%; width: 90%;}
.gridPadding .code {color: #999; font-size: 10px; margin-bottom: 10px; float: left; width: 100%;}
.gridPadding .col1 {color: #999; font-size: 10px; float: left; clear: both;}
.gridPadding .col2 {float: left;}
.gridPadding .col2 img {padding: 3px 0px 0px 3px;}
.gridPadding .stockByOrder {font-size: 9px; display: block; float: left; width: auto; margin: 1px 0px 0px 5px;}
.featuredProductsPadding .code {color: #999; font-size: 10px; margin-bottom: 10px; float: left; width: 100%;}
.featuredProductsPadding .col1 {color: #999; font-size: 10px; float: left;}
.featuredProductsPadding .col2 {float: left;}
.featuredProductsPadding .col2 img {padding: 3px 0px 0px 3px;}
.featuredProductsPadding #productStockValue {width: 100%; margin-bottom: 0px;}
.featuredProductsPadding #productStockValue img {padding: 2px 0px 0px 0px;}
.gridBorder {float: left; width: 100%; background-color: #fff;}
.gridImage {margin-bottom: 10px; min-height: 130px; max-height: 130px;}
.gridImage a {display: block; text-align: center; max-height: 130px; overflow: hidden;}
.gridImage img {max-width: 130px; max-height: 130px; width: 100%; margin: 0 auto;}
.gridPrice {color: #000; font-size: 22px; line-height: 28px; font-weight: 900; float: left; width: 50%; font-family: Montserrat, Arial, Verdana, sans-serif;}
.gridPrice sup {font-size: 12px;}
.gridBuy {text-align: center; float: right; margin-top: 5px;}
.gridBuy .addToCart {display: inline-block; background-color: #2ba517; margin: 0px; height: 25px; border-radius: 3px; overflow: hidden;}
.gridBuy .addToCart img {margin: 0 auto; padding: 0px 5px;}
#licensingBox .gridName {font-weight: bold;}
.licensingContactUs {width: 100%; float: right; margin-top: 5px;}
.licensingContactUs a {display: inline-block; background-color: #2ba517; margin: 0px; height: 25px; width: 100%; text-align: center;}
.licensingContactUs a img {margin: 0 auto;}
.gridName {width: 100%; font-size: 14px; line-height: 20px; word-break:break-all; float: left; clear: both; height: 40px; 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: 10px; margin-top: 5px;}
.productHeadingName a {color: #000;}
#listPriceHint {padding-left: 10px; font-weight: normal; font-size: 9px;}
.productHeadingPrice {float: left; width: 6%; font-size: 10px; margin-bottom: 5px; margin-top: 5px;}
.productHeadingPrice a {color: #000;}
.productHeadingAvailability {float: left; width: 12%; text-align: center; font-size: 10px; margin-top: 5px;}
.productHeadingAvailability a {color: #000;}
.productListing.consumables {border-top: none;}
.productListing {float: left; position: relative; z-index: 100; width: 100%; margin-bottom: 10px;}
.productListingRow {padding: 1%; width: 98%; display: block; float: left; margin: 0px; background-color: #fff; border-top: 1px solid #f7f7f7;}
.productListingRow .image {width: 10%; margin-right: 2%; float: left; text-align: center; max-height: 100px; overflow: hidden;}
.productListingRow .image img {max-width: 100%;}
.productListingRow .nameDescription {width: 68%; float: left; line-height: 16px; min-height: 50px; font-weight: bold;}
.productListingRow .nameDescription a {color: #001b43; font-size: 14px;}
.productListingRow .nameDescription p {font-size: 12px; line-height: 18px; margin: 5px 0px 0px 0px; color: #272727; 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;}
.productListingRow .price .productPrice {font-size: 24px; display: block; color: #000;}
.productListingRow .price .productPrice sup {font-size: 12px;}
.productListingRow .buyButton {width: 12%; margin: 0px 4%; float: left; text-align: center;}
.productListingRow .buyButton .addToCart {display: block; margin-left: 0px; background-color: #2ba517;}
.productListingRow .buyButton .addToCart img {display: block; margin: 0 auto; width: 43px; height: 25px;}
.productListingRowAlt {padding: 1%; width: 98%; display: block; float: left; margin: 0px; background-color: #fff; border-top: 1px solid #f7f7f7;}
.productListingRowAlt .image {width: 10%; margin-right: 2%; float: left; text-align: center; max-height: 100px; overflow: hidden;}
.productListingRowAlt .image img {max-width: 100%;}
.productListingRowAlt .nameDescription {width: 68%; float: left; line-height: 16px; min-height: 50px; font-weight: bold;}
.productListingRowAlt .nameDescription a {color: #001b43; font-size: 14px;}
.productListingRowAlt .nameDescription p {font-size: 12px; line-height: 18px; margin: 5px 0px 0px 0px; color: #272727; 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;}
.productListingRowAlt .price .productPrice {font-size: 24px; display: block; color: #000;}
.productListingRowAlt .price .productPrice sup {font-size: 12px;}
.productListingRowAlt .buyButton {width: 12%; margin: 0px 4%; float: left; text-align: center;}
.productListingRowAlt .buyButton .addToCart {display: block; margin-left: 0px;}
.productListingRowAlt .buyButton .addToCart img {display: block; margin: 0 auto; width: 43px; height: 25px;}
.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: #f1f2f4; font-size: 12px; float: left; width: 98%; padding: 1%; margin-bottom: 5px; color: #000; border-radius: 3px;}
.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; color: #000;}
.searchSort select {width: 65%; float: right; height: 27px; margin-bottom: 10px;}
.searchSort input[type="submit"] {width: 50%; float: right; background-color: #2ba517; 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: 40%; float: left;}
.searchInStock label input[type="checkbox"] {float: right;}
.searchInStock input[type="checkbox"] {margin-left: 15px;}
.searchBox .searchInStock span {width: auto;}

/* search end */

/* warning start */
.errorWarning {color: #43811e; font-size: 14px; padding: 10px; margin-top: 20px; background-color: #c9e9b6; line-height: 18px;}
.errorWarning strong {color: #000; font-size: 14px;}
.errorWarning p {color: #43811e;}
.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: #000; font-size: 14px; margin: 0px;}
.messageBox {font-size: 10px;}
.messageStackError, .messageStackWarning {font-size: 14px; color: #fff; background-color: #2ba517;}
.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:#2ba517;}
.stockWarning {font-size: 16px; font-weight: bold; color: #2ba517; }
/* warning end */

/* featured products start */
.featuredProductsImage {text-align: center; margin-bottom: 10px; overflow: hidden; position: relative;}
.featuredProductsImage img {max-width: 130px; width: 100%;}
.featuredProductsImage img:hover {opacity: 1; filter: alpha(opacity=100);}
.featuredProductsPrice {color: #222; font-size: 22px; line-height: 28px; font-weight: 900; float: left; width: 50%; font-family: Montserrat, Arial, Verdana, sans-serif;}
.featuredProductsPrice a {}
.featuredProductsPrice sup {font-size: 12px;}
.featuredProductsOldPrice {font-size: 12px; color: #bb0000; line-height: 20px; height: 20px; font-weight: 900; float: left; width: 100%; font-family: Montserrat, Arial, Verdana, sans-serif; }
.featuredProductsOldPrice a {font-size: 18px; color: #bb0000; position: relative; padding-right: 5px;}
.featuredProductsOldPrice a:before {position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: inherit; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}
.featuredProductsOldPrice sup {font-size: 10px;}
.featuredProductsBuy {text-align: right; float: right; background-color: #2ba517; margin-top: 5px; border-radius: 3px;}
.featuredProductsBuy a {display: block; padding: 0px 5px;}
.featuredProductsBuy img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
.featuredProductsBuy img:hover {opacity: 0.7; filter: alpha(opacity=70);}
.featuredProductsName {width: 100%; font-size: 14px; line-height: 20px; margin-bottom: 5px; word-break:break-all; float: left; clear: both; height: 40px; overflow: hidden;}
.featuredProductsName a {color: #222;}
.featuredProductsName a:hover {text-decoration: none;}
.featuredProductsText {width: 100%; display: block; float: left; overflow: hidden; height: 80px; padding-bottom: 10px; font-size: 12px;}
.featuredProductsText.fixedPrice {width: 100%; display: block; float: left; overflow: hidden; height: 95px; padding-bottom: 10px; 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: 18%; margin-right: 2%; margin-bottom: 2%; float: left;}
.featuredProductsPadding {background-color: #fff; padding: 0px;}
.featuredProductsPadding:hover {}
.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;}
.featuredProductsSpecialText.freeShipping {background-color: #b00; color: #fff;}
/* featured products end */

/* checkoutbar start */
div.checkoutBar {margin: 40px 0px 10px 0px; text-align: center; line-height: 30px; clear: both; border-radius: 3px; overflow: hidden;}
div.checkoutBar a {color: #fff; display: block; height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBar a:hover {color: #ffcc00; text-decoration: none;}
div.checkoutBarFrom {background-color: #2ba517; 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: #f1f2f4; 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: #2ba517; 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;}
/* 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: 270px; margin: 0px; overflow: hidden; float: left;}
.feedback_area ul li {margin: 0px 0px 10px 0px; overflow: hidden; height: 270px}
ul#feedback_list {list-style: none; margin: 0px; padding: 0px; position: relative; top: 0px; left: 0px;}
.feedback {overflow: hidden; font-style: italic; color: #2f3240;}
.feedback .openQuote {font-size: 80px; line-height: 80px; float: left; margin-right: 15px; color: #2f3240; height: 40px; font-style: normal; font-family: times, serif;}
.feedback .closeQuote {font-size: 80px; line-height: 80px; float: right; margin-right: 15px; color: #2f3240; display: inline-block; font-style: normal; font-family: times, serif;}
.feedback_heading {padding-top: 30px; font-size: 12px; color: #222; height:10px; font-style: normal;}
.feedback_text {padding-bottom: 15px; font-size: 14px; line-height: 22px; margin: 10px 0px; height:160px;}
.feedbackLink {margin: 5px 0px 10px 0px; float: left;}
.feedback {margin: 0px 0px 20px 0px;}
.feedbackText {margin: 7px 0px;}
a.moreFeedbackLink, a.moreFeedbackLink:hover{text-decoration: none; font-size: 12px; background-color: #f1f2f4; color: #000; padding: 5px 10px; line-height: 10px; display: block;}
.nameQuote {font-weight: bold; color: #000; text-align: right;}
/* testimonials end */

/* subscription popup start */
#fancybox-hide-sel-frame {visibility:hidden;}
#popup-subscription-wrapper  {display:none;}
.popup-subscription, .popup-thankyou {width: 600px; height: 420px; position: absolute; border:2px solid black;}
td.main .popup-subscription, td.main .popup-thankyou {border:none;}
#fancybox-content {overflow:hidden;}
#fancybox-content .popup {background-image: url(images/subscriptions/subscribe_popup_bg.jpg); overflow: hidden;}
#fancybox-content.static .popup, #fancybox-content .popup.static {border: none; background-image:none;}
.thankyou-content {background-image: url(images/subscriptions/Newsletter-SignUp-ThankYou.png); width: 600px; height: 420px;}
.subscription-blurb {width:600px;height:420px; background-image: url(images/subscriptions/Newsletter-SignUp.png); background-repeat: no-repeat;}
.static .subscription-blurb {width:600px; height:420px; background-image: url(images/subscriptions/subscribe_page_content.png);}
.static .thankyou-content {background-image: url(images/subscriptions/subscribe_page_content2.png); height:420px;}
.subscription-content {position:absolute; width: 400px; height:70px; left:108px; top:300px;}
.subscription-form {width:600px; height:420px; position:relative; top:0; left:0; -webkit-transform:translateZ(0);}
.subscription-form div.error {-webkit-backface-visibility: hidden; font-weight:bold; color:#fff; display:block; position: absolute; top: 46px; left:0; width: 225px; height:15px;}
.infoBox form .notice{font-weight:normal; color: #0c0; margin-top:12px; border:1px solid #ccc;}
#fancybox-content {border:none;}
.popup-subscription .submit {background: url(images/subscriptions/sign_up_button.jpg); display:block; width:133px; height:36px; position: absolute; left:317px; top:2px;}
.popup .email {height: 33px; width: 270px; border: none; margin-top: 5px; font-size: 18px; line-height: 30px; color: black; margin-left: 4px; border-image: initial;}
.popup img.ajax-loading {position: absolute; margin-top:15px; clear:none; display:none;}
.popup input {float:left;}
.popup-subscription .buttons {position:absolute; left:340px; top: 4px;}
.popup-thankyou .buttons {position:absolute; left:340px; top: 4px;}
.popup .close-button {position: absolute; display: block; top: 300px; left: 110px;}
/* subscription popup end */

/* contact us start */
.contactUS {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 {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%;}
.yourDelivery .col2 grammarly-ghost div {padding: 0px !important;}
.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 {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: #2f3240;}
/* 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: #15629a;}
.faq_questions li a:hover {background-color: #f7f9fb; color: #2ba517;}
.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 40px 0px; clear: both;}
.historyBox a {text-overflow: ellipsis; overflow: hidden; font-size: 14px; white-space: nowrap; display: block; display: block; padding: 5px 0px;}
.historyBox a:hover {color: #2ba517;}
.historyBox li {border-bottom: 1px solid #f1f2f4;}
.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: #15629a; font-size: 12px;}
.upsell .productListing-heading {background-color: #fff; padding: 2px 0px; border-bottom: 2px solid #f1f2f4; 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: auto;}
.upsell .upsellProducts .productListing-odd {height: auto;}
.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: 43px; height: auto;}
.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 {clear: both;}
.memoryBox img {margin-top: 1px;}
/* memory end */

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

/* toners start */
.cartridgeFinderWrap {margin-bottom: 20px; float: left;}
.cartridgeFinder div.infoBoxHeading {margin-bottom: 0px;}
.cartridgeFinder p {font-weight: normal; font-size: 12px;}
.cartridgeFinder form {width: 100%; float: left; margin: 10px 0px 0px 0px;}
.cartridgeFinder select {width: 100%; margin-bottom: 10px; float: left; height: 30px; background-color: #fff;}
.cartridgeFinder input {width: 71%; margin: 0px 2% 5px 0px; padding: 0px 0px 0px 5%; height: 28px; float: left; float: left; background-color: #fff; border: 1px solid #aab1cd;}
.cartridgeFinder input.searchButton {background-image: none; color: #fff; font-weight: bold; width: 20%; height: 30px; margin: 0px 0px 5px 0px; padding: 0px; background-color: #2ba517; float: right; -webkit-appearance: none; border-radius: 3px;}
.cartridgeFinder p {margin: 0px; width: 100%;}
.cartridgeFinder .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 */

/* maunfacturer start */
.manufacturerInfo {margin: 0px 0px 40px 0px; clear: both;}
.manufacturerInfo ul {list-style-type: none; padding:0px;}
.manufacturerInfo a {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 5px 0px;}
.manufacturerInfo a:hover {color: #2ba517;}
.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: #f1f2f4; 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: 22px;text-align: right; width: 100%;}
.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: #2ba517; 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 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 {margin-top: 20px; font-weight: bold; color: #000;}
.bodyPrint .productImageContainer {width: 50%; margin-right: 5%;}
.bodyPrint .productDetails {width: 45%;}
.printLink a {color: #2ba517;}
.printLink p {font-weight: bold; margin-top: 40px;}
/* 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: #f1f2f4; 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 #f1f2f4; 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;}
.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 #f1f2f4; 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 #f1f2f4; 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 #f1f2f4; 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; background-color: #2ba517;}
.downloadInvoiceButton {width: 125px; height: 20px; background-color: #2ba517}
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: 65%; 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: 70px; height: 25px; float: right; margin: 20px 0px;}
.redButton {background-color: #2ba517}
/* account end */

/* shopping cart start */
.shoppingCartList {float: left; background-color: #f1f2f4; margin-bottom: 20px;}
.shoppingCartList .productListing {margin-bottom: 0px; background-color: #fff; border: 1px solid #f1f2f4;}
.shoppingCartList .productListing >  div:first-of-type {float: left; width: 100%;}
.shoppingRemoveHeadline {float: left; width: 8%; font-size: 12px; text-align: center; margin-bottom: 0px; background-color: #f1f2f4;}
.shoppingImageHeadline {float: left; width: 10%; font-size: 12px; text-align: center; background-color: #f1f2f4;}
.shoppingProductHeadline {float: left; width: 40%; padding-left: 2%; font-size: 12px; background-color: #f1f2f4;}
.shoppingPriceHeadline {float: left; width: 15%; font-size: 12px; text-align: center; background-color: #f1f2f4;}
.shoppingQtyHeadline {float: left; width: 10%; font-size: 12px; text-align: center; background-color: #f1f2f4;}
.shoppingTotalHeadline {float: left; width: 15%; font-size: 12px; text-align: center; background-color: #f1f2f4;}
.shoppingRemove {float: left; width: 8%; text-align: center;}
.shoppingImage {float: left; width: 10%; text-align: center; background-color: #fff;}
.shoppingImage img {max-width: 100%; height: auto; float: left;}
.shoppingProduct {float: left; width: 40%; margin-left: 2%; font-size: 12px; line-height: 16px; color: #555;}
.shoppingProduct a {font-size: 14px; line-height: 18px; color: #000; display: block; margin-bottom: 10px;}
.shoppingProduct a:hover {color: #2ba517; text-decoration: none;}
.shoppingPrice {float: left; width: 15%; text-align: center;}
.shoppingPrice span.productPrice {margin: 0px; font-size: 14px;}
.shoppingPrice span.productPrice sup {font-size: 14px; vertical-align: top;}
.shoppingPrice.cartUnitPriceCell {padding: 0px;}
.shoppingQty {float: left; width: 10%; text-align: center;}
.shoppingTotal {float: left; width: 15%; text-align: center;}
.shoppingTotal span.productPrice {margin: 0px; font-size: 14px;}
.shoppingTotal span.productPrice sup {font-size: 14px; vertical-align: top;}
.productListing-even {float: left; background-color: #fff; border-top: 1px solid #f1f2f4; margin-top: -1px; padding: 1% 0px; width: 100%;}
.productListing-odd {float: left; background-color: #fff; border-top: 1px solid #f1f2f4; margin-top: -1px; padding: 1% 0px; width: 100%;}
.removeProduct {float: left; width: 8%; text-align: center;}
.updateQty {float: right; width: 10%; margin-right: 15%; text-align: center;}
.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: #f1f2f4; border: none;}
#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: #2ba517; border: 0px; cursor: pointer; color: #fff;  float: right; -webkit-appearance: none; font-weight: bold; font-size: 12px; padding: 0px; border-radius: 3px;}
#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: none; background-color: #f1f2f4;}
#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: #2ba517; cursor: pointer; color: #fff;  float: right; font-weight: bold; -webkit-appearance: none; font-size: 12px; padding: 0px; border-radius: 3px;}
#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;}
#cartTotalsCell .col2 sup {vertical-align: top; font-size: 14px;}
#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: #2ba517; padding: 5px 0px; margin-top: 5px;}
#cartTotalValue{text-align: right; font-weight: bold; font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 20px; color: #2ba517; 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: none; float:left; width: 55px; margin-right:5px; -webkit-box-shadow: none; box-shadow: none;}
.cartUnitPriceCell {padding-left: 10px;}
.shopBox {border: none; margin-bottom: 40px; float: left; width: 100%;}
.shopBox a {display: block; border-bottom: 1px solid #f1f2f4; padding: 5px 0px; line-height: 16px; float: left; width: 100%;}
.shopBox img {max-width: 100%; min-width: 100%; height: auto; float: left;}
a.shopBoxImg {display: block; border-bottom: none; padding: 0px; margin-bottom: 5px; border-radius: 3px; overflow: hidden;}
.shopBoxImg.checkout {border-radius: 3px; overflow: hidden; border: 1px solid #000}
input#deliveryPostcode {width: 80px; margin: 0px 0px 10px 0px; text-align: center; background-color: #fff;}
button#calculateDeliveryCost {background-color: #2ba517; color: #fff; border: none; padding: 5px 10px; cursor: pointer;}
.subTotal {margin: 5px 0px; font-weight: bold; color: #111; font-size: 16px; float: left; width: 100%;}
.subTotal sup {vertical-align: top; font-size: 16px;}
.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%; margin-top: 5px;}
.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;}
/* shopping cart end */

/* checkout start */
.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 sup {vertical-align: top; font-size: 14px;}
.deliveryInfoMethod .col1 {width: 75%; float: left;}
.deliveryInfoMethod .col2 {width: 15%; float: left;}
.deliveryInfoMethod .col3 {width: 10%; float: left; text-align: right;}
.deliveryInfoMethod .col3 input {height: auto;}
.deliveryInfoMethod strong {display: block; color: #000; margin: 15px 0px 5px 0px; font-size: 13px;}
.deliveryInfoMethod strong:first-of-type {margin: 0px 0px 5px 0px;}
.deliveryInfoMethod .moduleRowSelected {padding: 5px; 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%;}
.addressBox {float: right; width: 30%; margin-left: 5%; font-size: 12px; line-height: normal; background-color: #f1f2f4;}
.addressBox h3 {margin-top: 0px;}
.addressBox .changeAddressButton {margin-top: 10px; display: block; max-width: 200px; width: 100%; background-color: #2ba517; border-radius: 3px;}
.addressBorder {float: left; width: 100%;}
.addressBorder img {max-width: 100%;}
.paymentMethod {padding: 0px 0px 40px 0px;}
.paymentMethod .moduleRow {padding: 0px; color: #111; clear: both; margin: 0px;}
.paymentMethod .moduleRowOver {padding: 0px; color: #111; clear: both; margin: 0px;}
.paymentMethod .moduleRowSelected {padding: 0px; color: #111; clear: both; margin: 0px;}
.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 .errorWarning {font-weight: bold; text-align: center;}
.checkoutPaymentInsurance {padding: 0px 0px 40px 0px;}
.checkoutPaymentComments {padding: 0px 0px 30px 0px;}
.checkoutPaymentComments textarea {height: 100px;}
.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 #f1f2f4; padding: 5px 0px; font-size: 12px;}
.orderConfirmation .col1 {width: 30%; float: left;}
.orderConfirmationProducts {float: left; width: 100%;}
.orderConfirmationProducts .productTotals {width: 100%; float: left; margin-top: 20px;}
.orderConfirmationProducts .productTotals .col1 {width: 80%; float: left; text-align: right; margin-bottom: 0px; clear: both; font-size: 14px; font-weight: bold;}
.orderConfirmationProducts .productTotals .col2 {width: 20%; float: left; text-align: right; margin-bottom: 0px;}
.orderConfirmationProducts .productTotals .col2 sup {vertical-align: top; font-size: 14px;}
.orderConfirmationProductHeading {float: left; width: 80%;}
.orderConfirmationTaxHeading {float: left; width: 80%;}
.orderConfirmationPriceHeading {float: left; width: 10%;}
.orderConfirmationTotalHeading {float: left; width: 10%; text-align: right;}
.orderConfirmationProduct {float: left; width: 80%;}
.orderConfirmationProductQty {float: left; width: 40px; text-align: left;}
.orderConfirmationProductName {float: left; width: 75%; margin-right: 5%; font-size: 12px;}
.orderConfirmationProductPrice {float: left; width: 10%; font-size: 12px;}
.orderConfirmationProductTotal {float: right; width: 10%; text-align: right; font-size: 12px;}
.orderConfirmationProductsGroup {float: left; width: 100%;}
.orderConfirmationProductsGroup sup {vertical-align: top; font-size: 12px;}
.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%;}
.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%;}
.paymentInformation p {float: left; width: 100%; font-size: 12px;}
.creditCard {padding: 10px;}
.creditCard .col1 {width: 20%; float: left; clear: both; margin-bottom: 5px;}
.creditCard .col2 {width: 80%; float: left; margin-bottom: 5px;}
.creditCard .col2 input {margin: 0px;}
.creditCard .col2 select {margin: 0px;}
#customer_service_feedback {background-color: #fff; border: 1px solid #2ba517; padding: 20px; margin: 20px 0px 20px 0px;}
#customer_service_feedback h2 {font-weight: bold; font-size: 16px; margin: 0px 0px 10px 0px; color: #2ba517;}
#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: #2ba517; margin: 20px 0px; color: #fff;}
.importantInfoBox p {color: #fff; font-size: 14px;}
.importantInfoBox a {color: #ffcc00;}
.importantInfoBoxHeading {font-weight: bold; font-size: 24px; text-align: center; padding-bottom: 3px;}
#pleaseWait {font-size: 14px; font-weight: bold; color: #2ba517;}
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: 100%; border-radius: 6px; border: 1px solid #000;}
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: #2ba517;}
.changeAddressButton {width: 110px; height: auto;}
.pleaseEnsure {color: #2ba517;}
/* checkout end */

/* footer start */
footer {padding-bottom: 30px; clear: both; width: 100%; border-top: 2px solid #001b43;}
footer p {color: #000; font-size: 12px; line-height: 20px;}
footer p:last-of-type {margin-top: 20px;}
footer ul {color: #fff; margin: 0px; padding: 0px 0px 0px 15px;}
#footerMenu {max-width: 1600px; width: 100%; margin: 0 auto; margin-bottom: 50px; color: #fff; text-align: center; padding: 0px; font-size: 14px;}
#footerMenu a {color: #001b43; display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; float: left;}
#footerMenu a:hover {background-color: #2ba517; text-decoration: none;}
#footer {max-width: 1600px; padding-top: 20px; width: 100%; color: #fff; margin: 0 auto; line-height: 18px;}
#footer a {color: #001b43;}
#footer img {float: right; margin-left: 10px; margin-bottom: 30px;}
#footer strong {color: #2f3240;}
#shippingDestinations {color: #2f3240;}
.footerContent {width: 85%; float: left;}
.footerInfo {width: 11%; float: right; padding: 2%; margin-left: 0px; background-color: #efefef;}
#footer .footerInfo strong {font-size: 16px; clear: both; width: 100%; margin-bottom: 10px; display: block; color: #000;}
#footer .footerInfo img {float: left; margin-left: 0px; margin-bottom: 0px; max-width: 100%; height: auto;}
#cartSecurityCell {vertical-align: top; clear: both; float: left;}
#cartSecurityCell img {height: 46px; width: 169px;}
#cartPaymentMethodsCell {vertical-align: top; clear: both; margin-top: 20px; float: left;}
#listedOn {max-width: 1200px; width: 100%; text-align: center; margin: 0 auto; padding-top: 10px;}
.paymentsWeAccept {width: 169px; height: auto;}
/* 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: #2ba517; text-decoration: none;}
.productListing-data {color: #666; font-size: 11px; border-bottom: 1px solid #f1f2f4; 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 #f1f2f4; color: #656565;}
.addToCart {background-color: #2ba517; margin-bottom: 1px; margin-left: 10px;}
.categories {width: 100%; float: left;}
.categories ul {list-style: none; padding: 0px 2% 0px 0px; float: left; width: 23%; margin-bottom: 20px;}
.categories li {width: 100%; float: left; height: 24px;}
.categories li a {display: block;}
.categoryHeadline {display: block; float: left; width: 100%; border-top: 5px solid #f1f2f4; padding-top: 20px; margin-top: 20px;}
.categories .categories .categoryHeadline {border-bottom: 0px; margin-bottom: 0px; border-top: none; padding-top: 0px; margin-top: 0px;}
.categoryDescription {float: left; width: 100%;}
.categories .categoryLink h2 {margin-top: 0px; float: left; font-weight: normal;}
.categoryLink h2 {font-size: 22px; margin: 0px; padding: 10px 0px; color: #001b43;}
.categoryLink h2:hover {}
a.categoryLink {display: block;}
a.categoryLink:hover {text-decoration: none;}
.categoryLink h3 {font-size: 18px; margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px; font-weight: normal; color: #001b43;}
.categoryLink h3:hover {}
.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: #2ba517;}
span.greetUser {color: #2ba517; 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: #2ba517;}
span.errorText {color: #2ba517;}
span.selectedCategory {color: #2ba517;}
.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: #2ba517; vertical-align: top;}
.helpIcon:hover {font-size: 10px; color: #2ba517; vertical-align: top;}
.stockByOrder {font-size: 10px; font-weight: bold; color: #2ba517;}
.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: 12px; margin-bottom: 10px; padding: 5px 10px; white-space: normal; background-color: #f1f2f4; float: left; line-height: 10px;}
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: 14px; font-weight: normal; margin: 0px 0px 10px 5px; padding: 0px; line-height: 22px; display: inline-block; font-family: Open Sans, Arial, Verdana, sans-serif;}
#homepageHeading strong {font-weight: normal;}
.backButton {width: 100px; height: 30px; margin: 20px 0px; float: left;}
.continueButton {height: 30px; margin: 0px; float: right;}
.checkoutButton {float: right; border-radius: 6px; overflow: hidden; border: 1px solid #000;}
.checkoutButton img {width: 100%; height: auto}
input[type="image"].continueButton {width: 130px;}
.brw {float: right; margin-left: 20px;}
.dotPoints {list-style: none; padding: 0px;}
.dotPoints a {color: #15629a; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 5px;}
.dotPoints a:hover {background-color: #f7f9fb; color: #2ba517;}
.dotPoints li {border-bottom: 1px solid #f1f2f4;}
.dotPoints li:last-of-type {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}.productQuantity .col2
.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%;}
#gmap_canvas {height: 500px; width: 100%;}
#gmap_canvas img {max-width:none!important;background:none!important}
.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;}
/* other end */

.extendedWarranty {width: 100%; float: left; font-family: open sans, Arial, Verdana, sans-serif; border: 1px solid #f1f2f4;}
.extendedWarrantyHeading {width: 98%; padding: 0px 1%; float: left; font-size: 12px; color: #000; background-color: #f1f2f4;}
.extendedWarrantyHeading .col1 {width: 70%; float: left;}
.extendedWarrantyHeading .col2 {width: 10%; float: left;}
.extendedWarrantyHeading .col3 {width: 10%; float: left;}
.extendedWarrantyHeading .col4 {width: 10%; float: left; text-align: right;}
.extendedWarrantyBody {width: 98%; padding: 0px 1% 1% 1%; float: left;}
.extendedWarrantyDescription {width: 100%; float: left; margin: 5px 0px 5px 0px; font-size: 12px; color: #000; font-weight: bold;}
.extendedWarrantyProduct {width: 100%; padding: 0.5% 0px; float: left; border-top: 1px solid #f1f2f4; margin-bottom: 1px;}
.extendedWarrantyProduct .col1 {width: 70%; float: left;}
.extendedWarrantyProduct .col2 {width: 10%; float: left;}
.extendedWarrantyProduct .col2 sup {vertical-align: top; font-size: 14px;}
.extendedWarrantyProduct .col3 {width: 10%; float: left;}
.extendedWarrantyProduct .col4 {width: 10%; float: left;}
.extendedWarrantyProduct .col4 input[type="image"] {height: 25px; width: 43px; background-color: #2ba517; float: right;}
.extendedWarrantyProduct .col3 input[type="text"] {height: 17px; float: none; margin: 0 auto;}

.homepage-panels {float: left; width: 100%; margin-bottom: 30px;}
.homepage-panels .panel {float: left; width: 100%; margin-right: 0%; margin-bottom: 1%;}
.homepage-panels .panel:nth-of-type(4n) {margin-right: 0px;}
.homepagedeals {width:19%; margin-right: 1%; margin-bottom: 1%; float: left;}
.homepagedealsPadding {padding: 5%; background-color: #fff; float: left;}
.homepagedeals-text {float:left; width:100%; font-size:14px; color:#333333; line-height: normal;}
.homepagedeals-text a {color:#15629a; text-decoration:none; width: 100%; height: 36px; overflow: hidden;display: block; font-size: 14px;}
.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; display: none;}
.homepagedeals-text li {font-size:11px; font-weight:normal; list-style:square;}
.homepagedeals-price {float:left; width:100%; text-align:center;}
.homepagedeals-price img {margin:0 auto; border:0px; height: auto; width: auto; max-width: 100%; display: block;}
.homepagedeals-price a {display: block; text-align: center; float: right; width: 100%; background-color: #2ba517; margin-top: 10px;}
.homepagedeals-price .price {float: left; width: 25%; margin: 5px 0px;}
.homepagedeals-price .price a {float: none; margin-top: 0px; width: 100%; background-color: transparent; font-weight: 900; font-family: Montserrat, Arial, Verdana, sans-serif; font-size: 28px; line-height: 14px; color: #272727;}
.homepagedeals-price .price sup {font-size: 14px;}
.homepagedeals-image .code {font-size: 10px; color: #999; clear: both; display: none; line-height: 12px; word-break: break-all;}
.homepagedeals-image {float:left; width:100%; text-align:center; margin-bottom: 10px;}
.homepagedeals-image img {border:0px; max-width: 100%; height: auto;}
.homepagedeals-line {height:1px; width:565px; border:none; margin:10px 0px 0px 0px;_margin-bottom: 0;_display:block;}


.extendedWarrantiesWrap {width: 46%; padding: 2%; float: left; margin-bottom: 10px;}
.extendedWarrantiesWrap span {float: none; display: inline; font-size: 14px; font-family: Montserrat, Arial, Verdana, sans-serif;}
.extendedWarrantiesWrap span sup {font-size: 14px; vertical-align: top;}
.extendedWarranties {padding: 0px;}
.extendedWarrantiesWrap a.headline {font-size: 12px; margin-bottom: 10px; display: block; padding: 0px;}

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


.descriptionBox {background-color: #1c1c1c; color: #fff; width: 100%; float: left;}
.descriptionBox .content_heading {color: #ffcc00; font-size: 34px; line-height: 34px; margin: 0px 0px 20px 0px; font-weight: normal;}
.descriptionBox .content_sub_heading {color: #ffcc00; font-size: 22px; line-height: 28px; margin: 0px 0px 10px 0px; font-family: Montserrat, Arial, Verdana, sans-serif; font-weight: normal;}
.descriptionBox .introText {font-size: 18px; line-height: 26px;}
.descriptionBox .fr {width: auto; max-width: auto; height: auto;}
.descriptionBox p {color: #fff;}
.descriptionBox ul {color: #fff;}

.descriptionBoxHead {background-color: #000; color: #fff; width: 100%; float: left;}
.descriptionBoxHead .content_heading {color: #ffcc00; font-size: 34px; line-height: 34px; margin: 0px 0px 20px 0px; font-weight: normal;}
.descriptionBoxHead .content_sub_heading {color: #ffcc00; font-size: 22px; line-height: 28px; margin: 0px 0px 10px 0px; font-family: Montserrat, Arial, Verdana, sans-serif; font-weight: normal;}
.descriptionBoxHead .introText {font-size: 18px; line-height: 26px;}
.descriptionBoxHead .fr {width: auto; max-width: auto; height: auto;}
.descriptionBoxHead p {color: #fff;}
.descriptionBoxHead ul {color: #fff;}

.descriptionBoxText {width: 50%; float: left; padding: 5%;}
.descriptionBoxImage {width: 40%; float: left;}
.descriptionBoxImage img {float: left;}
.descriptionBoxPadding {width: 90%; float: left; padding: 5%;}
.descriptionBoxPadding img {float: left;}
.descriptionBoxPadding .spec_table td {border: 1px solid #1c1c1c; background-color: #0a0a0a;}
.descriptionBoxPadding .spec_table .spec_attr_group {background-color: #000;}


.hideMobile {display: none;}
/* for 1650px or less */
@media screen and (max-width:1650px) {
    .columnWrap {width: 98%;}
    #headerMenuRight {width: 98%;}
    #header {width: 98%;}
}


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

    #bannerArea {margin: 5px 0px 0px 0px; max-width: 100%;}
    #leftColumn {width: 20%; min-height: 0px;}
    #centerColumn {width:78%; padding: 0px; margin-left: 2%;}
    #rightColumn {display: none;}
    #footer {padding: 2%; width: 96%;}

    #headerMain {width: 78%;}
    .headerContact {margin-top: 0px; margin-bottom: 5px; height: 30px; width: 79%;}
    .logo {width: 20%;}
    .logo img {margin-top: -10px;}
    #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: 10px;}

}

/* 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%;}

}

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

    #leftColumn {width: 20%;}
    .logo {min-width: 0px;}
    .logo img {margin-top: -0px;}
    #centerColumn {width:78%; 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;}

    .productDetails {width: 50%;}
    .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%;}
    .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;}

    .calcBox {max-width: 100%; width: 96%; padding: 2%;}
    .extendedWarrantiesWrap {width: 96%;}
    .actions > form {width: 96%;}

}

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

    #leftColumn {width: 100%; max-width: 100%; margin: 0px; min-height: 0px;}
    #centerColumn {width: 100%; margin: 0px; padding-top: 10px;}
    .logo {width: 25%;}
    #headerMenu {display: none;}
    #memoryWrap {display: none;}
    #headerMain {width: 73%;}
    #headerMain input[type="text"] {width: 78%;}
    #headerMain input[type="submit"] {width: 20%;}
    #mobileMenu {display: block; background-color: #ddd;}
    #catWrap {display: none; width: 100%; border: none;}
    .menuBox .menuHeading {display: none;}
    #catMenu {width: 100%;}
    #memoryWrap {display: none;}
    #headerMenuRight {clear: both; width: 100%; 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;}
    .menuBox {border: none; width: 100%;}
    .menuBox .infoBoxContents {width: 100%;}
    .menuBox .boxText {width: 100%;}
    .menuBox .infoBoxContents {border: 2px solid #000;}
    .menuHeading {border: 2px solid #000; width: 100%; padding-left: 0px; padding-right: 0px;}
    #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: 38px; 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: 38px; 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;}
    .bannersWrap {display: none;}
    .findToners {display: none;}
    .footerInfo {width: 100%;}
    .SCimg {display: none;}
    .findTonersWrap {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%;}
    #listedOn {display: none;}
    #shippingDestinations {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;}
    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;}

    .updateQty {width: 78%; margin-right: 2%;}
    .cartridgeFinderWrap {display: none;}

}

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

    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: 30px; background-color: transparent; border: none; padding: 0px; cursor: pointer; background-position: center;}
    .menuMobile {float: left; display: block; width: 102%; margin-left: -2%; padding-top: 10px;}
    html>body .product-grid-2 .grid-box {width: 49%;}
    form#headerMain {width: 88%; margin: 0px 0px 0px 2%; float: left;}
    #headerMenu a {display: block; width: 100%; text-align: center; padding: 0px;}
    .headerContact {text-align: center; width: 0%; margin: 0px 0px 5px 0px; width: 100%;}
    .headerContact a {float: left; display: inline-block;}
    .headerContact img {float:left; display: none;}
    .logo {width: 35%; margin-right: 2%; margin-bottom: 10px;}
    .logo img {margin-top: 0px; max-width: 120px;}
    .headerContact a.email {float: left; margin-right: 0px; background-image: url(images/emailIcon.png); background-size: 99px 38px; width: 25%; height: 38px; background-repeat: no-repeat;}
    .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 {float: left; background-image: url(images/phoneNumberIcon.png); background-size: 184px 38px; width: 50%; height: 38px; background-repeat: no-repeat; background-position: right;}
    #headerMain input[type="submit"] {background-image: url(images/searchIcon.png); background-size: 16px; width: 10%;}
    #headerMain input[type="text"] {width: 88%;}
    .rotator-wrapper {display: none;}
    img.openHours {width: 104px; margin-left: 10px;}
    img.openHours {display: none;}
    .historyProducts {float: left; width: 100%;}
    .historyProductHeading {margin-left: 0px; width: 80%;}
    .orderInformation .col1 {width: 100%;}
    .orderConfirmationProducts {width: 100%;}
    .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;}
    .footerInfo {margin-bottom: 0px;}

    .shoppingPrice.cartUnitPriceCell {width: 20%;}
    .shoppingTotal {width: 20%;}
    .shoppingQty {width: 20%;}
    .shoppingProduct {width: 53%;}
    div.checkoutBar {font-size: 12px;}
    .productListingRowAlt .nameDescription {width: 63%;}
    .productListingRowAlt .price {width: 25%; text-align: right;}
    .productListingRowAlt .buyButton {width: 25%; margin: 0px; text-align: right; float: right;}
    .productListingRow .nameDescription {width: 63%;}
    .productListingRow .price {width: 25%; text-align: right;}
    .productListingRow .buyButton {width: 25%; margin: 0px; text-align: right; float: right;}
    .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%;}
    .productHeadingName {float: left; width: 69%; margin-left: 0px; font-size: 12px;}
    #listPriceHint {padding-left: 10px; font-weight: normal; font-size: 9px;}
    .productHeadingPrice {float: left; width: 12%; font-size: 12px; margin-bottom: 10px;}
    .productHeadingAvailability {float: left; width: 19%; text-align: right; font-size: 12px;}
    .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%;}
    .catMenuTab {display: none;}
    .catMenuTabSelected {width: 100%; display: none;}
    .featuredProductsGrid {width: 48%; margin-right: 2%; margin-bottom: 2%;}
    .homepage-panels .panel {width: 100%; margin-right: 0%; margin-bottom: 2%;}
    .homepagedeals {width: 24%;}
    .homepagedeals-price .price a {font-size: 20px;}
    #headerMenuRight {color: transparent; width: 60%; float: right; padding-top: 10px;}
    #headerMenuRight a.account {color: transparent; background-image: url(images/accountIcon.png); width: 50px; height: 53px; padding: 0px; background-repeat: no-repeat;}
    #headerMenuRight a.cart {color: transparent; background-image: url(images/cartIcon.png); width: 45px; height: 53px; 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;}
    .headerContact {clear: both;}
    #header {margin-top: 0px; padding-top: 10px;}
    .headerLink {display: none;}
    #headerMain a.advancedLink {display: none;}
    .menuWrap {width: 50%; float: left;}
    #menuWrap {display: none;}
    #mobileMenu {width: 50%; float: left; display: none;}
    .menuWrapCenter {width: 200%; background-color: #000;}
    #catMenu {margin-top: 5px; overflow: hidden;}
    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;}
    #catWrap {background-color: #000; float: left; margin-left: -2%; width: 104%; border: none; margin-bottom: 0px; overflow: hidden;}
    #catMenu {background-color: #222; margin-top: 0px;}
    #catMenu strong {color: #fff;}
    ul.catMenuTop a {color: #fff;}
    #headerMenu a {text-align: left; height: 24px; line-height: 24px; padding-left: 10px; font-size: 13px; max-width: 95%;}
    #headerMenu {overflow: hidden; background-color: #222; padding-bottom: 10px;}
    ul.catMenuTop .catMenuItemBranch a {background: url(images/catbox_arrow.png) 97% no-repeat; margin: 0px 5px;}
    ul.catMenuTop .catMenuItemBranch a:hover {background: #2ba517 url(images/catbox_arrow_hover.gif) 97% no-repeat; color: #fff; font-weight: bold; margin: 0px 5px;}
    ul.catMenuTop ul .catMenuItemBranch a:hover {background: #2ba517 url(images/catbox_arrow.png) 97% no-repeat; margin: 0px 5px;}
    ul.catMenuTop li.catMenuItemBranchExpanded > a {background: url(images/catbox_arrow_open.gif) 92% no-repeat; border-bottom: none; margin: 0px 5px;}
    ul.catMenuTop li.catMenuItemBranchExpanded > a:hover {background: #2ba517 url(images/catbox_arrow_hover_open.gif) 92% no-repeat; color: #fff; margin: 0px 5px;}
    ul.catMenuTop ul li.catMenuItemBranchExpanded > a:hover {background: #2ba517 url(images/catbox_arrow_open.gif) 92% no-repeat; margin: 0px 5px;}
    .menuBox {display: block; overflow: hidden; margin-left: -2%; width: 104%;}
    .categories ul li {width: 100%;}
    ul.catMenu li {background-color: #222; border-bottom: none;}
    #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%;}

}

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

    #homepageHeading {display: none;}
    #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"] {}
    #headerMain input[type="submit"] {}
    img.openHours {display: none;}
    .logo { margin: 0px 2% 0px 0px; min-width: 0px;}
    .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%;}
    .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;}
    .productListingRowAlt .image {width: 30%;}
    .productListingRowAlt .nameDescription {width: 68%; margin-bottom: 10px;}
    .productListingRowAlt .price {float: left; margin-left: 32%; text-align: left;}
    .stockETA {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%;}
    .homepage-panels .panel {}
    .homepagedeals {width: 32%;}
    .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%;}
    .homepagedeals-price a {display: block; text-align: left; width: 50%; float: left;}
    .headerContact a.livechat {display: none;}
    .headerContact a.email {width: 35%;}
    .headerContact a.phone {width: 65%;}
    #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;}

}

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

    .featuredProductsGrid {width: 100%;}
    .featuredProductsPadding {padding: 5%;}
    .homepage-panels .panel {width: 100%; margin-right: 0%;}
    .homepagedeals {width: 49%;}
    .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%;}

}

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

    #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%;}

}

@media print {
    html body {background-color: #fff; background-image: none;}
    #leftColumn {display: none;}
    #centerColumn {width: 100%; padding: 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%; margin-right: 4%;}
    .productInfoContainer {margin-top: 0px;}
    .actions {display: none;}
    #productPriceLabel {padding: 0px;}
    .productDetails {width: 46%;}
    .productDetails .col1 {width: 30%; margin-right: 0px;}
    .productDetails .col2 {width: 70%; margin-right: 0px; padding-right: 0px; border-right: none;}
    .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;}
    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; display: none;}
    .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;}
    .columnWrap {background-color: #fff;}

}