/*
  $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
*/

/* Text Align */
.horiAuto-1prod li {text-align: left;}
.horiAutoControls-1prod li {text-align: center;}
.horiAutoPager-1prod li {text-align: left;}
.horiAutoControlsPager-1prod li {text-align: center;}
.horiAutoControlsPagerEase-1prod li {text-align: left;}
.horiAutoControlsPagerBounce-1prod li {text-align: center;}


/* 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: 'AgencyBold';
    src: url('fonts/AgencyFB/');
    src: local('AgencyBold'), local('AgencyBold'), url('fonts/AgencyFB/AgencyBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Agency';
    src: url('fonts/AgencyFB/');
    src: local('Agency'), local('Agency'), url('fonts/AgencyFB/Agency.ttf') format('truetype');
}

html {-webkit-text-size-adjust:none; /* Prevent font scaling in landscape */ height:100%;}
body {color: #000; font-family: Open Sans, Arial, Verdana, sans-serif; font-size: 14px; margin: 0px; background: #fff; line-height: 22px;}
table {font-size: 100%;}
a {color: #0072bc; text-decoration: none;}
a:hover {color: #0072bc; text-decoration: underline;}
form {display: inline;}
h1 {font-size: 36px; line-height: 40px; margin: 10px 0px 20px 0px; font-weight: bold; color: #000; font-family: AgencyBold, Arial, Verdana, sans-serif;}
h2 {font-size: 20px; color: #111; font-family: AgencyBold, Arial, Verdana, sans-serif; clear: both;}
h3 {font-size: 13px; color: #111; margin-bottom: 5px;}
h4 {font-size: 12px;}
img {border: 0px;}
a img:hover {}
input[type="text"] {height: 25px; -webkit-border-radius: 0px; border-radius: 0px; border: solid 1px #bbb; line-height: 25px;}
input[type="password"] {height: 25px; padding: 5px; -webkit-border-radius: 0px; border-radius: 0px; border: solid 1px #bbb; 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;}
input[type="image"]:hover {-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 {-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 #bbb; color: #999;}
option {color: #333;}
ul {margin: 0px; padding: 0px 0px 0px 15px; color: #000; list-style: square;}
p {margin: 0px 0px 10px 0px; color: #000;}
.CB {clear: both;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.red {color: #0072bc;}
.bold_red {font-weight: bold; color: #0072bc;}
.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: #0072bc;}
.inputRequirement {font-size: 10px; color: #0072bc;}
.submitButton {font-size: 10px; font-weight: bold; border: 0px; cursor: pointer; background-color: #0072bc;}
.headline {font-size: 18px; color: #000; font-family: AgencyBold, Arial, Verdana, sans-serif; font-weight: bold; margin-bottom: 10px;}
hr {border-left: none; border-top: 2px solid #e7eef4; border-right: none; border-bottom: none; margin-bottom: 20px; float: left; width: 100%;}
strong {color: #111;}
.headingNumber {font-weight: 100; margin-right: 8px; font-size: 12px; line-height:20px; color: #fff; background-color: #0072bc; border-radius: 10px; height: 20px; width: 20px; display: inline-block; text-align: center; float: left;}
colgroup {visibility: collapse; display: none;}
.imgBorder {border: 1px solid #4c4c4c;}
.aboutUsImg1 {text-align: center;}
.aboutUsImg1 img {max-width: 100%;}
.aboutUsImg2 {text-align: center; margin-top: 2px; margin-bottom: 10px;}
.aboutUsImg2 img {max-width: 100%;}
.aboutUsImg3 {text-align: center; clear: both;}
.aboutUsImg3 img {max-width: 100%;}
.strong {font-weight: bold;}
img.fr {float: right; margin: 0px 0px 20px 20px;}
img.fl {float: left; margin: 0px 20px 20px 0px;}
.productInfoContainer img.fr50 {float: right; margin: 0px 0px 20px 5%; max-width: 45%; height: auto;}
.productInfoContainer img.fl50 {float: left; margin: 0px 5% 20px 0px; max-width: 45%; height: auto;}
.productInfoContainer .fr50 {float: right; margin: 0px 0px 20px 5%; max-width: 45%; height: auto;}
.productInfoContainer .fl50 {float: left; margin: 0px 5% 20px 0px; max-width: 45%; height: auto;}
.productInfoContainer img.fr25 {float: right; margin: 0px 0px 20px 5%; max-width: 25%; height: auto;}
.productInfoContainer img.fl25 {float: left; margin: 0px 5% 20px 0px; max-width: 25%; height: auto;}
.productInfoContainer .fr25 {float: right; margin: 0px 0px 20px 5%; max-width: 25%; height: auto;}
.productInfoContainer .fl25 {float: left; margin: 0px 5% 20px 0px; max-width: 25%; height: auto;}
/* global end */

/* header start */
header {background-color: #fff;}
.headerWrap {width: 100%; margin: 0 auto; background-color: #fff; padding-top: 10px; margin-bottom: 20px; border-bottom: 4px solid #d7e0e6;}
#header {max-width: 1600px; width: 100%; margin: 0 auto; padding: 0px;}
.logo {width: 15%; float: left;}
.logo img {width: 100%; height: auto;}
.logo a {display: block;}
#headerMain {padding: 15px 0px 10px 0px; margin: 0px 0px 0px 0px; float:left; width: 33%; text-align: right;}
#headerMain input[type="text"]:focus {outline : none;}
.phNumber {width: 15%; margin-left: 2%; float: left;}
.phNumber img {max-width: 100%; height: auto;}


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

#headerMain input[type="text"] {background-color:#fff; border: 1px solid #d7e0e6; width: 90%; height: 28px; float: right; padding: 0px 0px 0px 1%; -webkit-box-shadow: none; box-shadow: none;}
#headerMain input[type="submit"] {height: 30px; max-width: 30px; float: right; background: url(images/searchIcon.png) #000; background: url(images/searchButtonIE.png) #000\9; background-repeat: no-repeat; background-position: center; background-size: 20px 20px;}
#headerMain input[type="submit"]:hover {background-color: #000;}
#headerMain a.advancedLink {display: inline-block; margin-top: 5px; margin-right: 5%; float: right; color: #000; font-size: 12px;}
#headerMain a.advancedLink:hover {text-decoration: underline;}
.menuWrap {float: left; margin: 15px 0px 0px 2%; width: 33%;}
.menuWrapCenter {max-width: 1600px; width: 100%; margin: 0 auto; background-color: #0072bc; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;}
#headerMenu {margin: 0px; padding:0; border:0; _margin-top:11px; width: 100%; float: left; color: #aaa; text-align: right; font-size: 14px;}
#headerMenu span {line-height: 30px; margin-right: 10px; margin-top: 2px; font-size: 12px; display: inline-block; display: none;}
#headerMenu a {padding: 0px 8px; font-size: 20px; height: 34px; font-family: AgencyBold, Arial, Verdana, sans-serif; font-weight: bold; line-height: 34px; color: #000; display: inline-block; float: left;}
#headerMenu a.facebook {padding: 0px; float: right;}
#headerMenu a.shopbot {padding: 0px; float: right;}
#headerMenu a:hover {border-bottom: 4px solid #d7e0e6; text-decoration: none;}
#headerMenuRight {color: #000;width: 100%; max-width: 1600px; margin: 0 auto; text-align: right; margin-bottom: 0px; position: relative; z-index: 9000;}
#headerMenuRight a {text-decoration: none; color: #0072bc; display: inline-block; padding: 5px 0px; font-size: 12px; background-color: #fff;}
#headerMenuRight a:hover {text-decoration: underline;}
#headerMenuRight .phone {display: none;}
.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; color: #000; font-size: 12px;}
.headerLink:hover {color: #000; text-decoration: underline;}
.subscribeWrap {width: 90%; padding: 10px 5%; background-color: #000; margin: 0px 0px 20px 0px; float: left; text-align: center;}
.subscribeWrap ul {color: #fff; margin-top: 5px;}
.subscribeInput {float: left; margin-top: 5px; width: 100%;}
.subscribeInput input[type="text"] {width: 95%; height: 30px; margin: 0px 5px 5px 0px; padding: 0px 0px 0px 5%; float: left; border: 1px solid #555; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border: none;}
.subscribeInput input[type="image"] {width: 162px; height: 30px; background-color: #0072bc;}
.subscribeInput form {margin: 0px; display: block; float: left;}
.subscribeNowWrap {background-color: #0072bc; height: 30px; margin-bottom: 2px; text-align: center; width: 100%; float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden;}
.banner {float: left; width: 100%;}
.banner a {display: block; float: left; width: 100%;}
.banner img {max-width: 100%; width: 100%; height: auto; display: block;}
#leftColumn .banner {margin-bottom: 20px;}
.bannerLeft {float: left; width: 49.75%; margin-right: .5%;}
.bannerRight {float: left; width: 49.75%;}
.banners {max-width: 1600px; width: 100%; margin: 0 auto;}
.bannersWrap {width: 100%; margin-top: 14px;}
#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 {background-color: #000; border: none; color: #fff; margin: 0px; padding: 5px 0px; width: 100%;}
#admin-notification td {color: #fff;}
.menuMobile {background-color: transparent;}
ul.ui-widget-content {background-color: #fff; background-image: none; border: none; max-width: 784px;}
ul.ui-widget-content img {vertical-align: middle; padding-right: 5px;}
ul.ui-widget-content a {cursor: pointer;}
ul.ui-widget-content li.ui-menu-item:nth-child(odd){background-color: #f7f7f7;}
ul.ui-widget-content .ui-state-hover {border: 1px solid transparent; background-image: none; background-color: #ffcc00;}
#lz_overlay_chat {border-radius: 0px !important;}
#lz_chat_overlay_main {border-radius: 0px !important;}
#lz_chat_minimize { width: 20px !important; }

/* header end */

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

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

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

/* columns start */
.columnWrap {max-width: 1600px; width:100%; margin: 0 auto; padding-top: 8px;}
#leftColumn {float: left; width: 15%; font-size: 12px; line-height: 18px; margin-bottom: 20px; min-height: 760px;}
#centerColumn {float: left; width: 66%; padding: 0px 2% 30px 2%;}
#rightColumn {float: right; width: 15%; margin-bottom: 20px; font-size: 12px; line-height: 18px;}
#rightColumn img {max-width: 100%; height: auto;}
#rightColumn .bx-wrapper {border: 1px solid #d7e0e6; max-height: 197px; overflow: hidden;}
#rightColumn ul.bxslider img {max-height: 100px; max-width: 100px; min-height: 100px; min-width: 100px;}
#rightColumn ul.bxslider li {padding: 10px 10px 15px 10px; list-style: none;}

#rightColumn ul.bxslider .productName {height: 35px; overflow: hidden; margin-bottom: 10px;}
#rightColumn ul.bxslider .productName .ellip {display: block;}
#rightColumn ul.bxslider .productName .ellip-line {display: block;}
#rightColumn ul.bxslider .productName a {font-weight: bold; padding: 0px;}
#rightColumn ul.bxslider .productPrice {width: 60%; float: left; line-height: 14px;}
#rightColumn ul.bxslider .productPrice a {color: #222; font-size: 28px; font-family: AgencyBold, Arial, Verdana, sans-serif; margin: 0px;}
#rightColumn ul.bxslider .productBuy {width: auto; float: right; background-color: #0072bc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden;}
#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;}
.bxslider-hidden.horiAuto-1prod {display: none;}

.myAccountWrapper {margin-bottom: 20px;}
.myAccountWrapper a {text-align: center; background-color: #0072bc; display: block; text-decoration: none;}
.myAccountWrapper a:hover {background-color: #000; color: #fff; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
.myAccountButton {display: block; color: #fff; padding: 5px; border-bottom: 0px; margin-bottom: 5px }
.logoutButton {display: block; color: #fff; padding: 5px; border-bottom: 0px; ; margin-bottom: 5px }
/* 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: #0072bc; margin-bottom: 20px; font-weight: bold; display: block; text-decoration: none; word-wrap: break-word}
.adRotator {width: 100%;}
.rotator-wrapper {}
.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: 1056px; width: 100%; float: left;}
.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 */

a.brands .bx-wrapper ul {display: block;}
a.brands .bx-wrapper li {display: block; height: 100px;
                         line-height: 100px;}
a.brands .bx-wrapper img {max-width: 90%; min-width: 0px; max-height: 40px; vertical-align: middle;}

a.homeBox1 {width: 32%; min-height: 337px; position: relative; margin: 0px 2% 10px 0px; float: left; text-align: center; background-color: #0072bc; color: #fff; font-family: AgencyBold, Arial, Verdana, sans-serif;}
a.homeBox2 {width: 32%; min-height: 337px; position: relative; margin: 0px 2% 10px 0px; float: left; text-align: center; background-color: #d7e0e6; color: #000; font-family: AgencyBold, Arial, Verdana, sans-serif;}
a.homeBox3 {width: 32%; min-height: 337px; position: relative; margin: 0px 0px 10px 0px; float: left; text-align: center; background-color: #000; color: #fff; font-family: AgencyBold, Arial, Verdana, sans-serif;}
a.homeBox1:hover {text-decoration: none; background-color: #00578f; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
a.homeBox2:hover {text-decoration: none; background-color: #b1c7d5; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
a.homeBox3:hover {text-decoration: none; background-color: #00578f; color: #fff; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
.homeBoxPadding {padding: 30px 20px;}
.homeBox1Heading {font-size: 48px; line-height: 58px; width: 100%; margin: 0 auto;}
.homeBox2Heading {font-size: 48px; line-height: 58px; width: 100%; margin: 0 auto;}
.homeBox3Heading {font-size: 48px; line-height: 58px; width: 100%; margin: 0 auto;}
.homeBox1Button {font-size: 34px; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; line-height: 38px; border: 1px solid #fff; width: max-content; padding: 5px 20px; margin-bottom: 30px;}
.homeBox2Button {font-size: 34px; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; line-height: 38px; border: 1px solid #000; width: max-content; padding: 5px 20px; margin-bottom: 30px;}
.homeBox3Button {font-size: 34px; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; line-height: 38px; border: 1px solid #fff; width: max-content; padding: 5px 20px; margin-bottom: 30px;}

a.brands {text-align: center; width: 100%; float: left; font-family: AgencyBold, Arial, Verdana, sans-serif; color: #000; font-size: 20px;}
a.brands p {margin: 10px 0px;}
/* my account side right col - start*/

.accountWarning {background-color: #feedee; color: #0072bc; padding: 20px; margin: 20px 0px; line-height: 18px; text-align: center;}
.accountWarning p {margin: 0px; font-size: 20px;}
.accountWarning a {text-decoration: none; color: #b00}
.accountWarning .red {color: #b00;}
/* my account side right col - end */


/* category menu start */
.menuHeading {font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; color: #000; margin-bottom: 10px;}
#catWrap {display: block; font-size: 13px; float: left; margin-bottom: 20px; width: 100%;}
#catWrap > div:first-of-type {margin-left: 2%;}
.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: 0px; float: left; width: 100%; background-color: #fff; border-top: 1px solid #0072bc;}
.catMenuTabs {padding-bottom: 0px;}
.catMenuTab {color: #08246B; float: left; width: 48%; text-align: center;}
.catMenuTab a {display: block; color: #0072bc; padding: 5px; background-color: #fff; font-size: 11px; border: 1px solid #0072bc; border-bottom: 0px;}
.catMenuTab a:hover {color: #fff; background-color: #0072bc; text-decoration: none; border: 1px solid #0072bc; border-bottom: 0px;}
.catMenuTabSelected {color: #000; width: 48%; float: left; font-size: 11px; text-align: center;}
.catMenuTabSelected a {display: block; color: #fff; padding: 5px; background-color: #0072bc; border: 1px solid #0072bc; border-bottom: 0px;}
.catMenuTabSelected a:hover {text-decoration: none;}
ul.catMenuTop {margin: 0px; padding: 0px; list-style: none;}
ul.catMenuTop li {margin: 0px; padding: 0px; list-style: none;}
ul.catMenuTop li:last-child {border-bottom: none;}
ul.catMenuTop .catMenuItemBranch a {background: url(images/catbox_arrow.png) 97% no-repeat; padding: 5px 0px 5px 5px;}
ul.catMenuTop .catMenuItemBranch a:hover {background: url(images/catbox_arrow_hover.gif) 97% no-repeat; color: #000; text-decoration: underline;}
ul.catMenuTop ul .catMenuItemBranch a {padding: 5px 0px 5px 15px;}

ul.catMenuTop ul .catMenuItemBranch a:hover {background: url(images/catbox_arrow.png) 97% no-repeat; color: #000;}
ul.catMenuTop li.catMenuItemBranchExpanded > a {background: url(images/catbox_arrow_open.gif) 92% no-repeat; border-bottom: none;}
ul.catMenuTop li.catMenuItemBranchExpanded > a:hover {background: #fff url(images/catbox_arrow_hover_open.gif) 92% no-repeat; color: #222;}
ul.catMenuTop ul li.catMenuItemBranchExpanded > a:hover {background: #fff url(images/catbox_arrow_open.gif) 92% no-repeat;}
ul.catMenuTop a {display: block; padding: 5px 5px; text-decoration: none; color: #222; font-weight: normal; border-top: 1px solid #d7e0e6;}
ul.catMenuTop .catMenuItemBranch:first-of-type a {border-top: 0px;}
ul.catMenuTop .catMenuItemBranchSpecial a {border-top: 0px}
ul.catMenuTop a:hover {text-decoration: underline; color: #000;}
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-weight: normal; font-size: 12px;}
ul.catMenu li a {margin: 0px; padding: 5px 0px 5px 15px;}
ul.catMenu li a:hover {text-decoration: underline; color: #000;}
ul.catMenu li ul.catMenu li {margin: 0px; padding: 0px;}
ul.catMenu li ul.catMenu a {margin: 0px; padding: 5px 0px 5px 25px;}
ul.catMenu li ul.catMenu li ul.catMenu a {margin: 0px; padding: 3px 3px 3px 40px;}
ul.catMenu {margin: 5px 0px 10px 0px;}
ul ul.catMenu {margin: 0px 0px 0px 0px; background-color: #f7f7f7;}
ul ul.catMenu ul {background-color: #fff;}
ul.catMenuTop li.catMenuItemBranchSpecial a:hover {}
.catMenuItemBranchSpecial a {}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial {padding: 0px; margin-bottom: 1px;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a strong {color: #0072bc;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a {}
.catMenuItemBranchExpandedSpecial a {}
.catMenuItemLeafSpecial a {color: #0072bc !important;}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial .catMenuItemLeaf a {color: #0072bc;}
ul.catMenuTop li.catMenuItemLeafSpecial {padding: 0px;}
ul.catMenuTop li.catMenuItemLeafSpecial strong {color: #0072bc;}
ul.catMenuTop li.catMenuItemBranchSpecial {padding: 0px;}
ul.catMenuTop li.catMenuItemBranchSpecial a {color: #0072bc; padding: 5px;}
ul.catMenuTop li.catMenuItemBranchSpecial a:hover {}
ul.catMenuTop li.catMenuItemLeafSpecial a:hover {}
ul.catMenuTop li.catMenuItemBranchExpandedSpecial a:hover {}
.catManCell {padding-left: 0px;}
.catManTable {padding: 15px 0px 15px 10px;}
/* category menu end */

/* product image start */
.productImageContainer {width: 35%; float: left; margin-right: 20px; margin-top: 10px;}
.productImageContainer.NA {width: 35%; margin-right: 0px;}
.productImageBox {background-color: #fff; border-right: 4px solid #d7e0e6; padding-right: 20px; text-align: center; max-width: 300px; margin-right: 5%;}
.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;}
/* product end start */

/* product details start */
.productDetails {width: 33%; float: left; margin-top: 10px; font-size: 12px; line-height: 18px;}
.productDetails .col1 {width: 30%; float: left; margin-right: 2%; color: #555; clear: both;}
.productDetails .col2 {width: 68%; float: left;}
.productDetails .hintBox {margin-top: 0px; margin-bottom: 10px;}
.productDetails.NA {width: 65%;}
#productPricingDetails {float: left; display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d7e0e6;}
#productAvailabilityDetails {float: left; display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d7e0e6;}
#productAvailabilityDetails .hintInStock {float: none; padding-left: 5px;}
#productPriceLabel {vertical-align: top; color: #0072bc; white-space: nowrap; line-height: 40px;}
#productPriceValue {width: 104px; font-size: 30px; line-height: normal; font-weight: bold; vertical-align: top; color: #0072bc; font-family: AgencyBold, Arial, Verdana, sans-serif;}
#productPriceValue sup {font-size: 14px;}
#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; font-weight: bold; color: #000;}
.pleaseLogin {font-size: 14px;}
.pleaseLogin a {font-weight: bold; color: #872c2c;}
.pleaseLoginOnly {margin-top: 5px;}
/* 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: AgencyBold, Arial, Verdana, sans-serif;}
.productActions .whiteBox {margin-top: 10px; margin-bottom: 0px; background-color: #0072bc; border: 1px solid #0072bc;}
.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;}


.calcBox {background-color: #d7e0e6; padding: 10px; color: #000;}
.calcBox .headline {margin-bottom: 10px; font-size: 18px;}
.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; box-shadow: none;}
.calcBox input[type="image"] {float: right; background-color: #0072bc;}
.deliveryCostLabel {padding: 0px; width: 50%; float: left; margin-top: 10px; line-height: 16px;}
.deliveryCostValue {text-align: right; width: 50%; float: left; margin-top: 10px; color: #222; font-weight: 900; font-size: 22px; line-height: 16px; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.deliveryCostValue sup {font-size: 12px;}
.productTotalLabel {padding-top: 3px; width: 50%; float: left; margin-bottom: 5px; line-height: 16px;}
.productTotalValue {color: #0072bc; text-align: right; padding-top: 3px; width: 50%; float: left; margin-bottom: 5px; font-weight: 900; font-size: 22px; line-height: 16px; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.productTotalValue sup {font-size: 12px;}
.productQuantity {margin-top: 10px;}
.productQuantity .col1 {width: 75%; float: left; font-weight: 900; font-size: 18px; color: #000; line-height: 24px; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.productQuantity .col2 {width: 25%; float: left; text-align: right;}
.productQuantity .col2 input {text-align: center; width: 30px; height: 23px; float: right;}
.productAddToCart {width: 100%; background-color: #0072bc; text-align: center; margin-top: 10px;}
.productAddToCart input[type="image"] {display: block; margin: 0 auto; max-width: 204px;}
.phone-box {font-weight: bold; font-size:12px; text-align: center;}
.phone-box div {padding:0 0 0 5px;}
/* calculate delivery end */

/* product description start */
.productInfoContainer {width: 100%; background-color: #fff; margin-top: 40px; margin-bottom: 20px;}
.productInfoContainer img {max-width: 100%;}
.productInfoContainer ul {margin-bottom: 20px;}
.product_description table {border-collapse: collapse;}
.product_description table th {vertical-align: top; white-space: nowrap;}
.product_description table td {vertical-align: top;}
.product_description ul {margin: 0px 0px 20px 20px;}
.content_heading {font-weight: bold; font-size: 28px; padding-bottom: 20px; margin-top: 15px; color: #333; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.content_sub_heading {font-weight: bold; font-size: 14px; padding-bottom: 5px; margin-top: 15px; color: #333;}
.spec_table {width: 100%; border-collapse: collapse; font-size: 14px; border: 0px !important; color: #333;}
.spec_table td {padding: 10px; vertical-align: top; border: 0px !important;}
.spec_table th {padding: 10px; vertical-align: top; font-weight: bold;}
.spec_table tr:nth-child(odd) {background-color: #f7f7f7;}
.spec_table td:nth-child(odd) {}

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

.productInfoContainer .spec_table ul {margin-bottom: 0px; line-height: 20px;}
.product_description {float: left; width: 100%; margin-top: 20px;}

.spec_attr_group {vertical-align: top; font-weight: bold; white-space: nowrap; background: #f9f9f9;}
.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; color: #000; font-size: 9px; line-height: 13px;}
.product-grid {float:left; width: 100%; margin-top: 10px;}
ul.productLinks {float: left; width: 100%;}
.productLinks {margin: 20px 0px; padding: 0px; list-style: none; line-height: 20px;}
.productLinks img {margin-right: 5px;}
.productLinks a {font-size: 12px;}
.productLinks a:hover {color: #0072bc;}
.productLinks a strong {color: #0072bc;}
a.productLinksImg {width: 30px; display: inline-block; text-align: center;}
a.productLinksImg img {margin-bottom: -3px; height: 16px; width: 16px;}
a.permanent-hover {color: #0072bc; text-decoration: none;}
a.permanent-hover:hover {text-decoration: underline;}
#deliveryCostOutput {padding: 5px 0px 0px 0px;}
* html div.sbHolder {width: 173px;}
.sbHolder{background-color: #fff; border: solid 1px #000; font-weight: normal; height: 20px; position: relative; width: 176px;}
.sbSelector{display: block; height: 20px; left: 0; line-height: 19px; outline: none; overflow: hidden; text-indent: 5px; top: 0; width: 150px; max-width:155px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #0072bc; 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:#0072bc;}
.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: #d7e0e6; margin-bottom: 5px; margin-top: 5px; padding: 10px; font-size: 12px;}
.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 input[type="text"] {}
.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 .includeSub {width: 100%;}
.advancedSearch .col2 input.searchButton {margin-top: 80px; clear: both; float: right; color: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden;}
.advancedSearch .col1 .col2 input {width: 98%; margin-left: 0px; padding: 0px 0px 0px 2%;}
.advancedSearch .col1 .col2 select {width: 100%; height: 27px;}
.advancedSearch .col1 .col2.priceRange input {width: 50px; padding: 0px 2%;}
.advancedSearch .col1 .col1 {width: 25%; float: left; margin-bottom: 5px;}
.advancedSearch .col1 .col2 {width: 75%; float: left; margin-bottom: 5px; margin-left: 0px;}
.searchHelp {float: right; font-size: 12px;}
.grid-row {float: left;}
.grid-row a {display: inline-block;}
.grid-row a img {display: block;}
.grid-row:first-of-type {border-top: 1px solid #e7eef4; padding-top: 15px;}
.resultTab {float: left; width: 50%; margin-bottom: -1px; position: relative; z-index: 2000;}
.productResults {margin-bottom: 20px; margin-top: 5px; font-size: 12px;}
.productResultsBottom {margin-bottom: 20px; font-size: 12px; width: 50%; float: left;}
.pagination {float: left; width: 50%; text-align: right; font-size: 12px; color: #aaa;}
.pagination a {background-color: #fff; padding: 2px 7px; color: #333;}
.pagination strong {padding: 2px 7px; color: #fff; background-color: #0072bc; -webkit-border-radius: 10px; border-radius: 10px;}
.stockETA {font-size: 10px; font-weight: bold; color: #FF6600; width: 83px; text-align: center; float: right;}
.gridbutton:first-of-type {margin-left: 0px;}
.gridbutton {display: block; float:left; margin-right:5px; border:1px solid #d7e0e6; margin-left: -1px; width: 40px; padding: 5px 0px; text-align: center;}
.gridbutton img {padding-top: 3px;}
.gridbutton:hover {color: #000; text-decoration: none; border: 1px solid #000;}
span.gridbutton {border-right:1px solid #d7e0e6; border-left:1px solid #d7e0e6; border-top:1px solid #d7e0e6;}
span.gridbutton:hover {border: 1px solid #d7e0e6;}
.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: AgencyBold, Arial, Verdana, sans-serif; font-size: 20px; display: block; margin: 5px 0px; color: #111;}
.grid-popup-desc .red {color: #0072bc;}
.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: 23.5%; margin-right: 2%; margin-bottom: 2%;}
html>body .product-grid-2 .grid-box:nth-of-type(4n) {margin-right: 0px;}

.gridPadding {float: left; padding: 5%; width: 90%;}
.gridBorder {border: 1px solid #ddd; float: left; width: 99.5%; background-color: #fff;}
.gridImage {margin-bottom: 10px;}
.gridImage a {display: block; text-align: center;}
.gridImage img {max-width: 130px; width: 100%; margin: 0 auto;}
.gridPrice {color: #000; font-size: 28px; line-height: 14px; font-weight: 900; float: left; width: 50%; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.gridPrice a {color: #000;}
.gridPrice sup {font-size: 14px;}
.gridBuy {text-align: right; float: left; width: 50%;}
.gridBuy .addToCart {margin-left: 0px; background-color: transparent;}
.gridName {margin-bottom: 10px; width: 100%; font-size: 12px; line-height: 18px; word-break:break-all; float: left; clear: both; height: 35px; overflow: hidden;}
.gridName a {color: #222;}
.gridName a:hover {text-decoration: underline;}
.bundle-icon {clear:both; margin: auto; margin-top:0px; display:block;}
.bundle-link {font-weight: bold; display:block; text-align: center; margin-top: 10px; margin-bottom: 15px; font-size: 14px;}
.productHeadingName {float: left; width: 69%; margin-left: 13%; font-size: 12px; margin-top: 5px;}
#listPriceHint {padding-left: 10px; font-weight: normal; font-size: 9px;}
.productHeadingPrice {float: left; width: 6%; font-size: 12px; margin-bottom: 10px; margin-top: 5px;}
.productHeadingAvailability {float: left; width: 12%; text-align: center; font-size: 12px; margin-top: 5px;}
.productListing.consumables {border-top: none;}
.productListing {float: left; position: relative; z-index: 100; width: 100%; margin-bottom: 10px;}
.productListingRow {padding: 1%; width: 98%; display: block; float: left; margin: 0px 0px 1.5% 0px; border-top: 1px solid #d7e0e6;}
.productListingRow.notSignedIn .nameDescription {width: 88%;}
.productListingRow .image {width: 10%; margin-right: 2%; float: left; text-align: center; max-height: 100px; overflow: hidden;}
.productListingRow .imageBorder {border: 1px solid #ddd; padding: 5%; background-color: #fff;}
.productListingRow .image img {max-width: 100%;}
.productListingRow .nameDescription {width: 72%; float: left; line-height: 18px; min-height: 50px;}
.productListingRow .nameDescription a {color: #222; font-size: 12px; line-height: 16px; font-weight: bold;}
.productListingRow .nameDescription p {font-size: 11px; line-height: 14px; margin: 5px 0px 0px 0px; color: #4c4c4c; font-weight: normal; word-wrap: break-word;}
.productListingRow .nameDescription span {font-size: 10px; font-weight: normal; color: #999; display: block;}
.productListingRow .price {width: 16%; float: left; text-align: right;}
.productListingRow .price .productPrice {font-size: 22px; display: block; color: #000;}
.productListingRow .price .productPrice sup {font-size: 12px;}
.productListingRow .buyButton {width: 16%; margin: 5px 0px 0px 0px; float: right; text-align: right;}
.productListingRow .buyButton span {display: block; text-align: right;}
.productListingRow .buyButton img {display: block; float: right;}
.productListingRow .buyButton .addToCart {display: block; margin-left: 0px; background-color: transparent;}
.productListingRow .buyButton a.addToCart {display: block; clear: both; float: right; margin: 5px 0px 0px 0px; padding: 0px 20px; background-color: #0072bc;}
.productListingRow .buyButton a.addToCart:hover {background-color: #00578f; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
.productListingRow .buyButton .addToCart img {display: block; float: right; width: 43px; height: 25px;}
.productListingRowAlt {padding: 1%; width: 98%; display: block; float: left; margin: 0px 0px 1.5% 0px; border-top: 1px solid #d7e0e6;}
.productListingRowAlt.notSignedIn .nameDescription {width: 88%;}
.productListingRowAlt .image {width: 10%; margin-right: 2%; float: left; text-align: center; max-height: 100px; overflow: hidden;}
.productListingRowAlt .imageBorder {border: 1px solid #ddd; padding: 5%; background-color: #fff;}
.productListingRowAlt .image img {max-width: 100%;}
.productListingRowAlt .nameDescription {width: 72%; float: left; line-height: 18px; min-height: 50px;}
.productListingRowAlt .nameDescription a {color: #111; font-size: 12px; line-height: 16px; font-weight: bold;}
.productListingRowAlt .nameDescription p {font-size: 11px; line-height: 14px; margin: 5px 0px 0px 0px; color: #4c4c4c; font-weight: normal; word-wrap: break-word;}
.productListingRowAlt .nameDescription span {font-size: 10px; font-weight: normal; color: #999; display: block;}
.productListingRowAlt .price {width: 16%; float: left; text-align: right;}
.productListingRowAlt .price .productPrice {font-size: 22px; display: block; color: #000;}
.productListingRowAlt .price .productPrice sup {font-size: 12px;}
.productListingRowAlt .buyButton {width: 16%; margin: 5px 0px 0px 0px; float: left; text-align: right;}
.productListingRowAlt .buyButton span {display: block; text-align: right;}
.productListingRowAlt .buyButton img {display: block; float: right;}
.productListingRowAlt .buyButton .addToCart {display: block; margin-left: 0px; background-color: transparent;}
.productListingRowAlt .buyButton a.addToCart {display: block; clear: both; float: right; margin: 5px 0px 0px 0px; padding: 0px 20px; background-color: #0072bc;}
.productListingRowAlt .buyButton a.addToCart:hover {background-color: #00578f; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
.productListingRowAlt .buyButton .addToCart img {display: block; float: right; width: 43px; height: 25px;}
.bundleButton {background-color: #1f8aed; display: block; clear: both; float: right; padding: 0px 1px 0px 2px; margin-top: 1px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden;}
.bundlebanner {background-color: #1f8aed; float: left; width: 100%; text-align: center; margin-top: 10px;}
.bundlebanner img {max-width: 100%; height: auto;}
.searchBox {background-color: #d7e0e6; font-size: 12px; float: left; width: 98%; padding: 1%; margin-bottom: 5px;}
.searchBox span {display: inline-block; width: 25%; color: #000;}
.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%; border: none; box-shadow: none;}
.searchBox .col1 select {width: 64%; height: 27px; border: none;}
.searchKeywords {width: 100%; float: left; margin-bottom: 5px;}
.searchBrand {width: 100%; float: left; margin-bottom: 5px;}
.searchPrice {width: 100%; float: left; color: #000;}
.searchBox .col1 .searchPrice input[type="text"] {width: 20%;}
.searchSort {width: 35%; float: left;}
.searchSort select {width: 65%; float: right; height: 27px; margin-bottom: 10px; border: none;}
.searchSort input[type="submit"] {width: 50%; float: right; background-color: #0072bc; margin-top:20px; height: 27px;}
.searchSort input[type="submit"].refineButton {cursor: pointer; border: none; color: #fff; font-weight: bold; width: auto; clear: both; -webkit-appearance: none; padding: 5px 10px; font-size: 12px;}
.searchSort input[type="submit"].refineButton:hover {background-color: #00578f;}
.searchInStock {width: 100%; float: left;}
.searchInStock label {width: 50%; float: left; color: #000;}
.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: #0072bc; font-size: 14px; padding: 10px; margin-top: 20px; background-color: #feedee; line-height: 18px;}
.errorWarning strong {color: #0072bc; font-size: 14px;}
.errorWarning p {color: #000;}
.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: #0072bc; font-size: 14px; margin: 0px;}
.messageBox {font-size: 10px;}
.messageStackError, .messageStackWarning {font-size: 14px; color: #fff; background-color: #0072bc;}
.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:#0072bc;}
.stockWarning {font-size: 16px; font-weight: bold; color: #0072bc; }
.noProductsWrap {margin-top: 10px;}
.noProducts {font-weight: bold;}
/* warning end */

/* featured products start */
.one-line .ellip, .one-line .ellip-line {max-width: 100%;}

.featuredProductsImage {text-align: center; margin-bottom: 10px;}
.featuredProductsImage img {max-width: 100px; width: 100%; max-height: 100px; min-height: 100px;}
.featuredProductsImage img:hover {opacity: 1; filter: alpha(opacity=100);}
.featuredProductsPrice {color: #222; font-size: 28px; line-height: 14px; font-weight: 900; float: left; width: 50%; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.featuredProductsPrice a {color: #222; text-decoration: none;}
.featuredProductsPrice sup {font-size: 14px;}
.featuredProductsBuy {text-align: right; float: left; width: 50%;}
.featuredProductsBuy a {display: block; background-color: #0072bc; float: right;}
.featuredProductsBuy a:hover {background-color: #00578f; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}
.featuredProductsBuy img {max-width: 100%; height: auto; display: block;}
.featuredProductsBuy img:hover {}
.featuredProductsName {margin-bottom: 10px; width: 100%; font-size: 12px; font-weight: bold; line-height: 18px; word-break:break-all; float: left; clear: both; height: 35px; overflow: hidden;}
.featuredProductsName a {color: #222;}
.featuredProductsName a:hover {text-decoration: underline;}
.featuredProductsText {width: 100%; display: block; float: left; font-size: 12px; overflow: hidden; height: 90px; font-family: Open Sans, Arial, Verdana, sans-serif;}
.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: 23.5%; margin-right: 2%; margin-bottom: 2%; float: left;}
.featuredProductsGrid:nth-of-type(4n+4) {margin-right: 0px;}
.featuredProductsPadding {background-color: #fff; border: 1px solid #d7e0e6; padding: 5%;}
.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 span {font-size: 10px; margin: 0px 5px; float: left;}

.featuredProductsPadding .col2 img {padding: 3px 0px 0px 3px;}
.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 {width: 23.5%; margin-right: 2%; margin-bottom: 2%; float: left;}
.contentBoxContentsItem:nth-of-type(4n+4) {margin-right: 0px;}
.contentBoxContentsItemPadding {padding: 5%; float: left; border: 1px solid #d7e0e6;}
.contentProductImage {height: 68px; text-align: center;}
.contentProductName {vertical-align: top; width: 50%;}
.contentProductPrice {text-align: center; vertical-align: middle;}
.contentProductPrice span.productPrice {color: #EE0000;}
/* featured products end */

/* checkoutbar start */
div.checkoutBar {margin: 40px 0px 10px 0px; background-color: #d7e0e6; text-align: center; line-height: 30px; clear: both; overflow: hidden;}
div.checkoutBar a {color: #fff; display: block; height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBar a:hover {color: #fff; text-decoration: none;}
div.checkoutBarFrom {background-color: #0072bc; float: left; width: 14%; padding-left: 3%; padding-right: 3%; height: 30px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
div.checkoutBarFrom:hover {background-color: #0072bc;}
div.checkoutBarTo {background-color: #d7e0e6; 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: #0072bc; 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: #d7e0e6; 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 #d7e0e6; background: #fff; padding: 0px 2%; margin-bottom: 1%; font-size: 14px; color: #666;}
.feedback_area {height: 155px; margin: 0px; background: #fff; overflow: hidden; float: left;}
.feedback_area ul li {margin: 0px 0px 10px 0px; overflow: hidden; height: 150px}
ul#feedback_list {list-style: none; margin: 0px; padding: 0px; position: relative; top: 0px; left: 0px;}
.feedback {overflow: hidden}
.feedback_heading {padding-top: 3px; font-size: 11px; color: #aaa; height:10px;}
.feedback_text {padding-bottom: 15px; margin: 10px 0px; height:130px;}
.feedbackLink {margin: 5px 0px 30px 0px; float: left;}
.feedback {margin: 0px 0px 20px 0px;}
.feedbackText {margin: 7px 0px;}
a.moreFeedbackLink {text-decoration: none; color: #222;}
a.moreFeedbackLink:hover{text-decoration: underline;}
.nameQuote {font-weight: bold; color: #000; text-align: right;}
/* testimonials end */

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

.contactUsBoxes {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; background-color: #0072bc; min-height: 150px; text-align: center;}
.contactUsBoxes:nth-of-type(3n+1) {background-color: #d7e0e6;}
.contactUsBoxes:nth-of-type(3n+2) {background-color: #000;}
.contactUsBoxes:last-of-type {margin-right: 0px;}
.contactUsBoxes .padding {padding: 5%; width: 90%;}
.contactUsBoxes div.infoBoxHeading {font-size: 26px; color: #fff; min-width: 100%;}
.contactUsBoxes:nth-of-type(3n+1) div.infoBoxHeading {color: #000;}
.contactUsBoxes a {color: #fff;}
.contactUsContent {color: #fff; font-size: 14px;}
.contactUsBoxes:nth-of-type(3n+1) .contactUsContent {color: #000;}

/* contact us end */

/* new customer start */
.newCustomer {border-top: 1px solid #d7e0e6; width: 100%; float: left; margin-top: 20px; padding-top: 20px;}
.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: left; height: 30px; width: 160px;}
.newCustomer input[type="submit"] { -webkit-border-radius: 0px; border-radius: 0px; background-color: #0072bc; color: #fff; border: 0; cursor: pointer; padding: 5px 17px; margin-top: 5px; }
.newCustomer input[type="submit"]:hover {background-color: #00578f;}
.yourPersonal {padding: 0px 0px 40px 0px;}
.yourPersonal .col1 {width: 20%; float: left; margin-bottom: 5px;}
.yourPersonal .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourPersonal .col2 input {width: 50%; padding: 0px 2%;}
.yourDelivery {padding: 0px 0px 40px 0px;}
.yourDelivery .col1 {width: 20%; float: left; margin-bottom: 5px; font-size: 14px; color: #4C4C4C;}
.yourDelivery .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourDelivery .col2 input {width: 50%; padding: 0px 2%;}
.yourDelivery .col2 textarea {width: 50%; float: left;}
.yourDelivery .col2 select {width: 50%;}
.yourDelivery .col2 .inputRequirement {vertical-align: top;}
.yourDelivery .col2.postCode input {width: 100px; padding: 0px 2%;}
.newsletterSubscription {padding: 0px 0px 40px 0px; font-size: 14px; color: #4C4C4C;}
.yourContact {padding: 0px 0px 40px 0px; font-size: 14px; color: #4C4C4C;}
.yourContact .col1 {width: 20%; float: left; margin-bottom: 5px;}
.yourContact .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourContact .col2 input {width: 30%; padding: 0px 2%;}
.yourPassword {padding: 0px 0px 40px 0px; font-size: 14px; color: #4C4C4C;}
.yourPassword .col1 {width: 20%; float: left; margin-bottom: 5px;}
.yourPassword .col2 {width: 80%; float: left; margin-bottom: 5px;}
.yourPassword .col2 input {width: 30%; padding: 0px 2%;}
.yourPassword input[type="password"] {width: 30%; padding: 0px 0px 0px 2%;}
.termsConditions {font-size: 14px; color: #4C4C4C;}
.homepage-panels .panel {width: 100%; margin-right: 0%; margin-bottom: 2%;}
.homepagedeals {min-height: 110px; width: 32%; margin-right: 2%;}
.homepagedeals:nth-of-type(4n+4) {margin-right: 2%;}
.homepagedeals:nth-of-type(3n+3) {margin-right: 0px;}
.homepagedeals-price .price a {font-size: 20px;}
.homepagedeals-price a {width: 40%;}
/* new customer end */

/* returning customer start */
.loginHeader {font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 5px; color: #000;}
.returningCustomer {background-color: #fff; width: 100%; float: left; min-height: 200px;}
.returningCustomer .col1 {width: 100%; float: left; margin-bottom: 5px; clear: both;}
.returningCustomer .col2 {width: 100%; 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 a {margin: 8px 0px 0px 0px; display: block; float: right; color: #000; text-decoration: underline;}
.returningCustomer input[type="image"] {float: left; margin-top: 5px;}
.returningCustomer input[type="submit"] {-webkit-border-radius: 0px; border-radius: 0px; background-color: #0072bc; color: #fff; border: 0; cursor: pointer; padding: 5px 17px; margin-top: 5px;}
.returningCustomer input[type="submit"]:hover {background-color: #00578f;}
/* returning customer end */

.becomeReseller {font-family: AgencyBold, Arial, Verdana, sans-serif; text-align: center; font-style: italic;}
.becomeReseller p {color: #000; font-size: 22px;}
.becomeReseller a {background-color: #0072bc; font-size: 24px; color: #fff; float: left; margin-bottom: 20px; padding: 20px 0px; width: 100%; display: block;}
.becomeReseller a:hover {background-color: #00578f; text-decoration: none; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; -webkit-transition-delay: 0s; transition-duration: 1s; transition-timing-function: linear; transition-delay: 0s;}

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

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

/* recently viewed start */
.historyBox {list-style-type: none; padding:0px; margin: 0px 0px 30px 0px; float: left; width: 100%;}
.historyBox a {color: #222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; display: block; padding: 5px 0px;}
.historyBox a:hover {}
.historyBox li {border-bottom: 1px solid #d7e0e6;}
.historyBox li:last-of-type {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
/* recently viewed end */

/* upsell start */
.upsell {margin-bottom: 10px; float: left; width: 100%; background-color: #d7e0e6;}
.upsell .headline {margin-bottom: 10px;}
.upsell .productListing-data a {padding: 2px 6px; color: #0072bc; font-size: 12px;}
.upsell .productListing-heading {background-color: #fff; padding: 2px 0px; border-bottom: 2px solid #e7eef4; color: #656565;}
.upsellButton {clear: both;}
.upsellButton input {max-width: 100%; height: auto; text-align: right; float: right;}
.upsellQty input {width: 32px; margin: 0px 5px 0px 0px; height: 14px; text-align: center; line-height: 12px; border: none;}
.upsellQty input[disabled='disabled'] {width: 32px; height: 14px; margin: 0px 5px 0px 0px; line-height: 12px;}
.upsellHeadings {float: left; width: 99%; padding-left: 1%; color: #fff; font-weight: bold; background-color: #aaa;}
.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: 99%; padding-left: 1%; float: left; font-size: 12px; color: #000; padding-top: 10px; margin-bottom: 0px;}
.upsellProduct {width: 69%; padding-left: 1%; float: left; max-height: 26px; overflow: hidden; display: block; word-break: break-all; line-height: 26px;}
.upsellProduct a {font-size: 12px; color: #283d77;}
.upsell .upsellProducts .productListing-even {height: 25px; margin-bottom: 1px; border: 1px solid #d7e0e6;}
.upsell .upsellProducts .productListing-odd {height: 25px; margin-bottom: 1px; border: 1px solid #d7e0e6;}
.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;}
.upsell .productListing-even {float: left; width: 100%; margin: 0px; padding: 0px; border: none; -webkit-box-shadow: none; box-shadow: none;}
.upsell .productListing-odd {float: left; width: 100%; margin: 0px; padding: 0px; border: none; -webkit-box-shadow: none; box-shadow: none;}
/* upsell end */

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

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

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

/* maunfacturer start */
.manufacturerInfo {margin: 0px 0px 30px 0px; float: left;}
.manufacturerInfo ul {list-style-type: none; padding:0px;}
.manufacturerInfo a {color: #0072bc; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 5px 0px;}
.manufacturerInfo a:hover {background-color: #f7f9fb; color: #0072bc;}
.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 #d7e0e6; background-color: #fff; padding: 10px; margin-bottom: 10px; display: block;}
.consumables li a:hover {background-color: #d7e0e6; color: #333; text-decoration: none;}
.consumablesSubcat {background-color: #e7eef4; width: 100%; float: left; font-size: 12px; margin: 10px 0px;}
.consumablesHeadingModel {float: left; width: 20%; font-size: 12px;}
.consumablesHeadingPart {float: left; width: 20%; font-size: 12px;}
.consumablesHeadingName {float: left; width: 60%; font-size: 12px;}
.consumablesModel {float: left; width: 20%;}
.consumablesPart {float: left; width: 20%;}
.consumablesName {float: left; width: 60%;}
.consumables .consumablesOdd {margin-bottom: 0px; float: left; width: 100%;}
.consumables .consumablesEven {margin-bottom: 0px; float: left; width: 100%;}
/* consumables end */

/* hint start */
.hint {font-size: 9px; font-weight: normal; margin-top: 2px;}
.hintInStock {font-size: 9px; font-weight: normal; color: #0072bc; 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: #0072bc; white-space: nowrap; margin-top: 2px;}
.hintLink {cursor: help;}
.hintBox {background: #feedee; padding: 11px; font-size: 9px; line-height: 14px; color: #872c2c; margin-top: 20px;}
.accountHint {background: #feedee; padding: 11px; font-size: 18px; line-height: 14px; color: #872c2c; margin-top: 20px; margin-bottom: 10px; text-align: center;}
/* 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: 50%; float: left; min-width: 0px;}
.bodyPrint .logo img {margin-top: 10px; max-width: 250px;}
.bodyPrint .wholesaleit {width: 50%; text-align: right; 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: #0072bc;}
.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: #f7f9fb; font-size: 12px;}
.previousOrders h2 {font-size: 14px; margin: 0px;}
.previousOrders .date {width: 10%; float: left;}
.previousOrders .number {width: 10%; float: left;}
.previousOrders .address {width: 40%; float: left;}
.previousOrders .status {width: 20%; float: left;}
.previousOrders .price {width: 10%; float: left;}
.previousOrders .price b {color: #111; font-size: 14px;}
.previousOrders .view {width: 10%; float: left; text-align: right;}
.previousOrders .moduleRow {padding: 0px; color: #111;}
.previousOrders .moduleRowOver {padding: 0px; color: #111; background-color: #fff;}
.previousOrders .moduleRowSelected {padding: 0px; color: #111;}
.orderHistory {margin-bottom: 10px; padding-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #e7eef4; font-size: 12px; line-height: 16px; font-weight: bold;}
.orderHistory .col1 {width: 50%; float: left;}
.orderHistory .col2 {width: 30%; float: left;}
.orderHistory .col3 {width: 20%; float: left; text-align: right;}
.orderHistory .col3 a {display: block;}
.orderHistory span {color: #656565; margin-right: 5px; font-weight: normal;}
.orderHistory ul {list-style: none; padding: 0px 0px 0px 0px;}
.orderHistory li {color: #111; padding: 0px;}
.orderInformation {padding: 30px 0px; float: left; width: 100%;}
.orderInformation .col1 {width: 30%; float: left;}
.orderInformation .col1 p {font-size: 12px;}
.orderInformation .col2 {width: 70%; float: left;}
.orderInformation strong {color: #000; font-size: 13px; display: block;}
.orderInformation .lines {border-top: 1px solid #e7eef4; padding: 5px 0px; font-size: 12px;}
.accountHistory {padding: 0px 0px 30px 0px;}
.accountHistory .col1 {width: 80px; float: left; clear: both; font-size: 12px;}
.accountHistory .col2 {width: 150px; float: left; font-size: 12px;}
.accountHistory .col3 {width: auto; float: left;}
.accountPassword .col1 {width: 20%; float: left; margin-bottom: 5px;}
.accountPassword .col2 {width: 80%; float: left; margin-bottom: 5px;}
.accountPassword .col2 input[type="password"] {padding: 0px 0px 0px 1%;}
.updateAddress {padding: 0px 0px 20px 0px;}
.updateAddress .col1 {width: 20%; float: left; margin-bottom: 5px; clear: both;}
.updateAddress .col2 {width: 80%; float: left; margin-bottom: 5px;}
.updateAddress .col2 input {width: 50%; padding: 0px 5px;}
.updateAddress .col2 textarea {width: 50%;}
.updateAddress .col2 select {width: 52%;}
.updateAddress .col2.postCode {width: 100px;}
.updateAddress p {margin: 20px 0px 0px 0px;}
.returnHistory {margin-bottom: 20px;}
.returnHistory .col1 {width: 80%; float: left;}
.returnHistory .col2 {width: 20%; float: left; text-align: right;}
.returnHistory p {margin-top: 10px;}
.returnHistory strong {color: #000;}
.returnHistoryInfo {padding: 0px 0px 20px 0px;}
.returnHistoryInfo strong {font-size: 14px; color: #111; clear: both; margin-right: 10px; float: left;}
.returnHistoryInfo span {float: left; font-size: 12px; color: #777;}
.addressBookWrap {padding: 0px;}
.addressBook .col1 {width: 80%; float: left; margin-bottom: 5px; color: #000;}
.addressBook .col2 {width: 20%; float: left; margin-bottom: 5px; text-align: right;}
.addressBook .col3 {width: 100%; float: left; margin-bottom: 5px; font-size: 12px; line-height: normal;}
.accountOverview {width: 100%; float: left; margin-bottom: 5px; margin-top: 10px; font-size: 12px;}
.showOrders {float: right; font-size: 12px; font-weight: 100;}
.myAccount {padding: 10px 0px; margin-bottom: 0px;}
.myAccount .col1 {width: 15%; float: left; margin-bottom: 5px;}
.myAccount .col2 {width: 85%; float: left; margin-bottom: 5px;}
.myAccountInfo {margin-bottom: 20px;}
.myAccountInfo .text {width: 15%; float: left; margin-bottom: 5px; clear: both;}
.myAccountInfo .field {width: 85%; float: left; margin-bottom: 5px;}
.myAccountInfo .field input {max-width: 80%; padding-left: 5px;}
.myOrders {padding: 10px 0px 0px 0px; margin-bottom: 10px;}
.myReturns {padding: 10px 0px 0px 0px; margin-bottom: 10px;}
.emailNotifications {padding: 10px 0px 0px 0px;}
.newsletterSub {padding-bottom: 20px;}
.primaryAddress {padding: 0px 0px 20px 0px;}
.primaryAddress .col1 {float: left; width: 50%; margin-right: 25%;}
.primaryAddress .col2 {float: left; width: 25%; font-size: 12px; line-height: normal;}
.primaryAddress .col2 h3 {margin-top: 0px;}
.primaryAddressDescription {float: left; width: 65%;}
.shippingAddress .col1 {float: left; width: 50%;}
.shippingAddress .col2 {float: left; width: 25%;}
.newShippingAddress {padding: 0px 0px 60px 0px;}
.newShippingAddress .col1 {width: 15%; float: left; margin-bottom: 5px;}
.newShippingAddress .col2 {width: 85%; float: left; margin-bottom: 5px;}
.newShippingAddress .col2 input {margin: 0px 0px 5px 0px;}
.newShippingAddress .col2 textarea {width: 90%; margin-bottom: 5px;}
.newShippingAddress .col2 select {margin: 0px 0px 5px 0px;}
.returnHistorySum .col1 {width: 90px; float: left;}
.returnHistorySum .col2 {max-width: 100px; float: left;}
.returnHistorySum .col3 {max-width: 500px; float: left;}
.RA {width: 50%; float: left; margin-bottom: 15px; border-bottom: 2px solid #e7eef4; font-size: 12px; color: #000; font-weight: bold;}
.RA strong {color: #656565; font-weight: normal;}
.RS {width: 50%; float: left; margin-bottom: 15px; text-align: right; border-bottom: 2px solid #e7eef4; font-size: 12px; color: #000; font-weight: bold;}
.RS strong {color: #656565; font-weight: normal;}
.displaying {width: 50%; float: left; margin-bottom: 15px; font-size: 12px;}
.displaying strong {color: #000;}
.pages {width: 50%; float: left; margin-bottom: 15px; text-align: right; font-size: 12px;}
.pages strong {color: #000;}
.viewButton {width: 44px; height: 20px; background-color: #0072bc; overflow: hidden;}
.downloadInvoiceButton {width: 125px; height: 20px; background-color: #0072bc;}
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; background-color: #0072bc;}
.subscribeButton {width: 120px; height: 30px; float: right; margin: 20px 0px; background-color: #0072bc;}
.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;}
/* account end */

/* shopping cart start */
#SItick {display: none;}
.shoppingCartList {float: left; width: 100%}
.shoppingCartList .productListing {margin-bottom: 40px; padding-top: 5px;}
.shoppingRemoveHeadline {float: left; width: 8%; font-size: 12px; text-align: center; margin-bottom: 5px;}
.shoppingImageHeadline {float: left; width: 10%; font-size: 12px; text-align: center;}
.shoppingProductHeadline {float: left; width: 40%; margin-left: 2%; font-size: 12px;}
.shoppingPriceHeadline {float: left; width: 15%; font-size: 12px; text-align: center;}
.shoppingQtyHeadline {float: left; width: 10%; font-size: 12px; text-align: center;}
.shoppingTotalHeadline {float: left; width: 15%; font-size: 12px; text-align: center;}
.shoppingRemove {float: left; width: 8%; text-align: center;}
.shoppingImage {float: left; width: 10%; text-align: center;}
.shoppingImage img {max-width: 100%; height: auto;}
.shoppingProduct {float: left; width: 40%; margin-left: 2%; font-size: 10px; line-height: 14px;}
.shoppingProduct a {font-size: 12px; line-height: 16px; color: #000; font-weight: bold; display: block; margin-bottom: 5px;}
.shoppingPrice {float: left; width: 15%; text-align: center;}
.productListing span.productPrice {margin: 0px; font-size: 28px;}
.productListing span.productPrice sup {font-size: 14px;}
.shoppingPrice.cartUnitPriceCell {padding: 0px;}
.shoppingQty {float: left; width: 10%; text-align: center;}
.shoppingTotal {float: left; width: 15%; text-align: center;}
.productListing-even {border-top: 1px solid #d7e0e6; float: left; width: 98%; margin: 0px 1% 1% 1%; padding: 2% 0px;}
.productListing-odd {border-top: 1px solid #d7e0e6; float: left; width: 98%; margin: 0px 1% 1% 1%; padding: 2% 0px;}
.removeProduct {float: left; width: 18%; margin-left: 2%;}
.updateQty {float: left; width: 70%; margin-right: 10%; text-align: right;}
.code {color: #efefef;}
.shoppingQty input[type="text"] {padding: 0px; line-height: 24px;}
#coupon-cell {width: 31%; float: left; margin-right: 2%; font-size: 12px; line-height: 16px;}
#coupon-cell .infoBox {padding: 10px; background-color: #d7e0e6;}
#coupon-cell .headline {font-size: 16px; margin-bottom: 5px;}
#coupon-cell span {text-align: left; width: 100%; margin: 0px 0px 5px 0px; color: #000;}
#coupon-cell input[type="text"] {width: 68%; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; height: 26px; border: none; box-shadow: none;}
#coupon-cell input[type="submit"] {width: 30%; margin-left: 2%; height: 26px; background-color: #0072bc; border: 0px; cursor: pointer; color: #fff;  float: right; -webkit-appearance: none; font-weight: bold; font-size: 12px; padding: 0px;}
#coupon-cell .infoBox form .notice {margin-top: 0px;}
#cartDeliveryCalculatorCell {width: 31%; float: left; margin-right: 2%; font-size: 12px; line-height: 16px;}
#cartDeliveryCalculatorCell .infoBox {padding: 10px; background-color: #d7e0e6;}
#cartDeliveryCalculatorCell .headline {font-size: 16px; margin-bottom: 5px;}
#cartDeliveryCalculatorCell span {text-align: left; width: 100%; margin: 0px 0px 5px 0px; color: #000;}
#cartDeliveryCalculatorCell input[type="text"] {width: 59%; margin: 0px 0px 0px 0px; padding: 0px; height: 26px; border: none; box-shadow: none;}
#cartDeliveryCalculatorCell input[type="image"] {width: 33%;}
#cartDeliveryCalculatorCell input[type="submit"] {width: 39%; margin-left: 2%; height: 26px; border: none; background-color: #0072bc; cursor: pointer; color: #fff;  float: right; font-weight: bold; -webkit-appearance: none; font-size: 12px; padding: 0px;}
#cartDeliveryCalculatorCell strong {color: #000;}
#cartDeliveryCalculatorCell.cart-form .infoBox .msg.ok {margin-top: 0px;}
#cartDeliveryCalculator {width: 200px;}
#cartDeliveryCalculatorBody {background: #E4E4E4; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 3px; text-align: center;}
#cartTotalsCell {width: 31%; float: right; padding-top: 16px; vertical-align: top; text-align: right;}
#cartTotalsCell .col1 {width: 45%; float: left; color: #000;}
#cartTotalsCell .col2 {width: 55%; float: left; color: #000; font-weight: bold; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 28px}
#cartTotalsCell .col2 sup {font-size: 10px;}
#cartSubTotalLabel{vertical-align: top; text-align: right; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 16px; white-space: nowrap;}
#cartSubTotalValue{text-align: right; font-size: 20px;}
#cartSubTotalValue .col2 {font-weight: bold;}
#cartDeliveryLabel{vertical-align: top; text-align: right; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 16px; white-space: nowrap;}
#cartDeliveryValue{text-align: right; font-size: 20px;}
#gstLabel{text-align: right; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 16px; color: #0072bc;}
#gstValue{text-align: right; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 20px; color: #0072bc; }
#cartTotalLabel{vertical-align: top; text-align: right; font-weight: bold; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 16px; white-space: nowrap;}
#cartTotalExLabel{vertical-align: top; text-align: right; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 16px; white-space: nowrap; margin-top: 5px; border-top: 1px solid #d7e0e6;}
#cartTotalValue{vertical-align: top; text-align: right; font-size: 20px; white-space: nowrap;}
#cartTotalExValue{vertical-align: top; text-align: right; font-size: 20px; white-space: nowrap; padding: 5px 0px; margin-top: 5px; border-top: 1px solid #d7e0e6;}
.cart-form {vertical-align: top;}
.cart-form strong {display:block; padding-bottom: 0px; padding-top: 0px;}
.cart-form .infoBox .msg {color: #000; border-top: none; border-left: none; border-right: none; border-bottom: none; padding-top: 5px; overflow:hidden; clear: both; float: left;}
.cart-form .infoBox .msg.ok {/*color: #00cc00; */margin-top: 9px;}
.cart-form .infoBox .msg.ok strong {display: inline-block;}
.cart-form .infoBox .input-row {margin-top:5px;}
.cart-form .infoBox span {float:left; margin-top:3px; margin-right:2px;}
.cart-form .infoBox input[type=text] {border: solid 1px #ccc; float:left; width: 55px; margin-right:5px;}
.cartUnitPriceCell {padding-left: 10px;}
.whiteBox > .shopBox {background-color: #d7e0e6;}
.shopBox {border: none; background-color: #d7e0e6; float: left; width: 100%; margin-bottom: 10px;}
.shopBoxWidth {width: 92%; padding: 4%;}
.shopBox a {display: block; border-bottom: 1px solid #ddd; padding: 5px 0px; line-height: 16px; color: #000; clear: both;}
.shopBox a:hover {text-decoration: underline;}
.shopBox img {max-width: 100%; height: auto;}
a.shopBoxImg {display: block; text-align: center; background-color: #333; border-bottom: none; padding: 0px; margin-top: 3px; overflow: hidden; height: 26px;}
#rightColumn a.shopBoxImg.checkout {background-color: #0072bc;}
#rightColumn a.shopBoxImg.checkout img {max-width: 180px;}
input#deliveryPostcode {width: 40px; height: 25px; margin: 0px 2px; text-align: center;}
.subTotal {margin: 5px 0px; font-weight: bold; color: #111; font-size: 14px;}
.subTotal sup {font-size: 11px; vertical-align: top; position: relative; top: -0.15em; }
.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%; border-top: 1px solid #d7e0e6; padding-top: 10px;}
.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;}
.redButton {background-color: #0072bc;}
.greyButton {background-color: #5c5c5c;}
/* 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 .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;}
.addressBox h3 {margin-top: 0px;}
.addressBox .changeAddressButton {margin-top: 10px; max-width: 150px; width: auto; background-color: #0072bc; -webkit-border-radius: 15px;  -moz-border-radius: 15px; border-radius: 15px;}
.addressBorder {border: 1px solid #d7e0e6; padding: 5%;}
.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;}
.paymentMethod .messageStackError {padding: 10px;}
.mse1 {font-weight: bold; font-size: 20px; margin-bottom: 5px; text-align: center;}
.mse2 { margin-bottom: 5px;}
.mse3 {}
.checkoutPaymentInsurance {padding: 0px 0px 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 #e7eef4; 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: 2px}
.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: 80%;}
.orderConfirmationProductPrice {float: left; width: 10%;}
.orderConfirmationProductPrice  sup {vertical-align: 2px;}
.orderConfirmationProductTotal {float: right; width: 10%; text-align: right;}
.orderConfirmationProductTotal  sup {vertical-align: 2px;}
.orderConfirmationProductsGroup {float: left; width: 100%;}
.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: 78%;}
.historyTaxHeading {float: left; width: 10%;}
.historyTotalHeading {float: left; width: 12%; 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%;}
.historyProductPrice sup {vertical-align: initial; font-size: inherit;}
.historyProductTotal {float: right; width: 12%; text-align: right;}
.historyProductTotal sup {vertical-align: initial; font-size: inherit;}
.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;}
.historyProducts .productTotals .col2 sup {vertical-align: initial; font-size: inherit;}
.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: 100%; line-height: normal; padding: 0px; border: 0px;}
.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: 100%; line-height: normal; padding: 0px; border: 0px;}
.paymentInformation {padding: 0px 0px 30px 0px; float: left; width: 100%;}
.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 #0072bc; padding: 20px; margin: 20px 0px 20px 0px;}
#customer_service_feedback h2 {font-weight: bold; font-size: 16px; margin: 0px 0px 10px 0px; color: #0072bc;}
#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: #0072bc; 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: #0072bc;}
div#shipping-address {display:block; font-size: 12px; line-height: normal;}
.productsNotifications {background: #f2fff7;}
.confirmButton {float: right;}
.confirmButton input[type="image"] {width: 170px;}
input.searchButton {background-color: #0072bc; width: 70px; height: 21px; background-size: 70px 21px; border: 0px; cursor: pointer;}
.orderEdit {font-size : 10px; color: #0072bc;}
.changeAddressButton {width: 110px; height: auto;}
.pleaseEnsure {color: #0072bc;}
.orderComments {display: block; float: left; clear: both; width: 100%;}
.orderComments .whiteBox {display: block; float: left; clear: both; width: 98%; padding: 1%; margin-top: 10px;}
/* checkout end */

/* footer start */
footer {background-color: #fff; padding-bottom: 30px; clear: both; width: 100%;}
footer p {color: #000; font-size: 12px; line-height: 18px;}
footer p:last-of-type {margin-top: 20px;}
footer ul {color: #fff; margin: 0px; padding: 0px 0px 0px 15px;}
#footerMenu {border-top: 4px solid #d7e0e6; margin: 0 auto; text-align: center; padding: 10px 0px 0px 0px; font-size: 20px;}
#footerMenu a {border-bottom: 4px solid #fff;color: #000; display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; font-family: AgencyBold, Arial, Verdana, sans-serif;}
#footerMenu a:hover {border-bottom: 4px solid #d7e0e6; text-decoration: none;}
#footer {max-width: 1600px; width: 100%; padding-top: 20px; color: #000; margin: 0 auto; font-size: 12px; line-height: 18px; background-color: #fff;}
#footer a {color: #000;}
#footer img {float: right; margin-left: 10px; margin-bottom: 30px;}
#footer strong {color: #000;}
#shippingDestinations {color: #000;}
.footerContent {width: 100%; float: left; text-align: center;}
.footerInfo {width: 18%; float: right; padding-left: 2%; margin-bottom: 2%;}
#footer .footerInfo strong {font-size: 16px; clear: both; width: 100%; margin-bottom: 10px; display: block; color: #0072bc;}
#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: 1600px; width: 100%; text-align: center; margin: 0 auto;}
.paymentsWeAccept {width: 169px; height: auto;}
.commitment {float: left; margin-top: 20px;}
.commitment img {width: 169px; height: 141px;}
/* footer end */

/* other start */
.boxText {padding: 0px; float: left;}
.infoBox {margin-bottom: 15px; 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: #0072bc; text-decoration: none;}
.productListing-data {color: #666; font-size: 11px; padding: 5px 0px;}
.productListing-data a {padding: 2px 0px; display: block; font-size: 14px;}
.productListing-data a img {padding: 0px 5px;}
.productListing-data p {margin-top: 5px;}
.productListing-data input[type="text"] {margin: 0px 10px;}
.productListing .productListing-Heading {background-color: #fff; border-bottom: 2px solid #e7eef4; color: #656565;}
.addToCart {background-color: #0072bc; margin-bottom: 1px; margin-left: 10px;}
.categories ul {list-style: none; padding: 0px; float: left; width: 100%; margin-bottom: 30px; margin-top: 5px;}
.categories li {width: auto; padding-right: 10px; float: left;}
.categories .padding a {border-right: 1px solid #d7e0e6; padding-right: 10px; margin-right: 7px; font-size: 13px; margin-bottom: 0px;}
.categories .padding {padding: 10px 0px; float: left; margin-bottom: 20px;}
.categoryHeadline {width: 100%; display: block; float: left;}
.categories .categoryLink h2 {padding: 5px; margin: 5px 0px 5px 0px; border: 0px; color: #000;}
.categoryLink h2 {font-size: 20px; margin: 0px; padding: 5px; color: #0072bc;}
.categoryLink h2:hover {background-color: #d7e0e6; color: #000;}
a.categoryLink {display: block; background-color: #f7f7f7;}
a.categoryLink > h2 {display: block; background-color: #e4e7e9;}
a.categoryLink:hover {text-decoration: none; background-color: #d7e0e6; color: #000;}
.categoryLink h3 {font-size: 18px; margin: 5px 0px 5px 0px; padding: 5px; color: #000; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.categoryLink h3:hover {background-color: #d7e0e6; color: #000;}
.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: #0072bc;}
span.greetUser {color: #0072bc; 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: 18px; color: #333; font-family: AgencyBold, Arial, Verdana, sans-serif;}
span.productPrice sup {font-size: 10px;}
span.productSpecialPrice {font-size: 1.3em; color: #0072bc;}
span.errorText {color: #0072bc;}
span.selectedCategory {color: #0072bc;}
.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: #0072bc; vertical-align: top;}
.helpIcon:hover {font-size: 10px; color: #0072bc; vertical-align: top;}
.productListingRow .buyButton span.stockByOrder {font-size: 10px; line-height: normal; font-weight: bold; color: #0072bc; width: 83px; text-align: center; float: right;}
.productListingRowAlt .buyButton span.stockByOrder {font-size: 10px; line-height: normal; font-weight: bold; color: #0072bc; width: 83px; text-align: center; float: right;}
.productListingRow .buyButton span.stockAvailable {font-size: 10px; line-height: normal; font-weight: bold; color: #0072bc; width: 83px; text-align: center; float: right;}
.productListingRowAlt .buyButton span.stockAvailable {font-size: 10px; line-height: normal; font-weight: bold; color: #0072bc; width: 83px; text-align: center; float: right;}
.ui-autocomplete { height: 150px; overflow-y: scroll; overflow-x: hidden;}
label.error {z-index:2000;}
.discount {font-weight:bold; color:#070;}
.ellip {display: inline-block; height: 100%;}
.ellip-line {display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.ellip, .ellip-line {position: relative; overflow: hidden; max-width: 100%;}
.popupBkg {background-image: none; background-color: #fff; padding: 10px;}
.popupBkg .smallText {float: right;}
div.infoBoxHeading {color: #000; font-size: 14px; margin-bottom: 10px; white-space: normal; max-width: 180px; font-weight: bold; background-color: transparent; font-family: AgencyBold, Arial, Verdana, sans-serif; float: left; width: 100%;}
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; display: block; font-weight: normal; padding: 20px 0px; color: #000; z-index: 1000;}
#homepageHeading h1 {font-size: 26px; font-weight: bold; margin: 0px; line-height: 26px; display:  inline; color: #000; font-family: AgencyBold, Arial, Verdana, sans-serif;}
#homepageHeading strong {font-weight: normal; color: #000;}
.brandsWeSell {font-size: 30px; font-weight: bold; text-align: center; float: left; width: 100%; padding: 20px 0px; margin: 0 auto; line-height: 26px; display:  inline; color: #000; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.brandsWeSellImages {float: left;}
.brandsWeSellImages img {float: left; max-width: 33%;}
.backButton {width: 58px; height: 30px; margin: 20px 0px; float: left; background-color: #0072bc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.continueButton {height: 30px; margin: 20px 0px; float: right; background-color: #0072bc;}
input[type="image"].continueButton {width: 130px;}
.brw {float: right; margin-left: 20px;}
.dotPoints {list-style: none; padding: 0px;}
.dotPoints a {color: #0072bc; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 5px;}
.dotPoints a:hover {background-color: #f7f9fb; color: #0072bc;}
.dotPoints li {border-bottom: 1px solid #e7eef4;}
.dotPoints li:last-of-type {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
.smallText {font-size: 11px;}
.retailStoreAddress {width: 50%; float: left;}
.retailStoreHours {text-align: left; width: 50%; float: left;}
.retailStoreHours table {float: right;}
.hiddenSearch {visibility: hidden;}
.mapWrap {overflow: hidden; height: 500px; margin-top: 20px; width: 100%;}
#gmap_canvas {height: 500px; width: 100%;}
#gmap_canvas img {max-width:none!important;background:none!important}
.CB {clear: both;}

.homepage-panels {float: left; width: 100%; margin-bottom: 30px;}
.homepage-panels .panel {float: left; width: 100%; margin-top: 15px;}
.homepagedeals {width:23.5%; min-height: 140px; margin-right: 2%; margin-bottom: 2%; float: left;}
.homepagedeals:nth-of-type(4n+4) {margin-right: 0px;}
.homepagedealsPadding {padding: 5%; border: 1px solid #ddd; float: left;}
.homepage-panels .homepagedeals:nth-of-type(even) {}
.homepagedeals-text {float:left; width:100%; font-size:12px; font-weight:bold; color:#333333; line-height: normal; height: 120px; margin-bottom: 5px;}
.homepagedeals-text a {color:#333333; text-decoration:none; width: 100%; height: 52px; overflow: hidden;display: block;}
.homepagedeals-text a:hover {text-decoration:underline;}
.homepagedeals-text ul {list-style:square; margin-bottom:0px; margin:5px 0px 0px 0px; padding-left:20px; height: 60px; overflow: hidden;}
.homepagedeals-text li {font-size:11px; font-weight:normal; list-style:square;}
.homepagedeals-price {float:left; width:100%; text-align:left; margin-top: 5px;}
.homepagedeals-price img {margin:0px 0px 0px 0px; border:0px; height: auto; width: 125px; max-width: 100%; display: block;}
.homepagedeals-price a {display: block; text-align: left; float: right; width: 25%; background-color: #0072bc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.homepagedeals-price .price {float: left; width: 50%;}
.homepagedeals-price .price a {float: none; width: 100%; font-weight: 900; font-family: AgencyBold, Arial, Verdana, sans-serif; font-size: 20px; color: #000; background-color: transparent; text-decoration : none;}
.homepagedeals-price .price a  sup{font-size: 12px;}
.homepagedeals-image .code {font-size: 10px; color: #999; clear: both; display: block; line-height: 12px; word-break: break-all;}
.homepagedeals-image {float:left; width:100%; height: 100px; text-align:center; overflow: hidden; margin-bottom: 10px;}
.homepagedeals-image img {border:0px; max-width: 100px; max-height: 100px; height: auto; -webkit-backface-visibility: hidden;}
.homepagedeals-line {height:1px; width:565px; border:none; margin:10px 0px 0px 0px;_margin-bottom: 0;_display:block;}

.extendedWarrantiesWrap {width: 100%; float: left;}
.extendedWarrantiesWrap span {float: none; display: inline; font-size: 14px; font-family: AgencyBold, Arial, Verdana, sans-serif;}
.extendedWarrantiesWrap span sup {font-size: 8px;}
.extendedWarranties {padding: 0px;}
.extendedWarrantiesWrap a.headline {font-size: 14px; margin-top: 10px; margin-bottom: 5px; display: block; font-weight: 900;}

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


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


.hideMobile {display: none;}



#idTab1 {float: left; background-color: #fff; width: 98%; padding: 2%;}
#idTab2 {float: left; background-color: #fff; width: 98%; padding: 2%;}

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


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

.descriptionBoxHead {background-color: #000; color: #fff; width: 100%; float: left;}
.descriptionBoxHead .introText {font-size: 18px; line-height: 26px; color: #fff;}
.descriptionBoxHead .fr {width: auto; max-width: auto; height: auto;}
.descriptionBoxHead ul {color: #fff;}

.descriptionBoxText {width: 50%; float: left; padding: 5%;}
.descriptionBoxText .content_heading {color: #fff;}
.descriptionBoxImage {width: 40%; float: left;}
.descriptionBoxImage img {float: left; width: 100% !important; height: auto;}
.descriptionBoxPadding {width: 100%; float: left;}
.descriptionBoxPadding img {float: left;}


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

    .headerWrap {width: 96%; padding: 10px 2%;}
    #headerMenu a {font-size: 18px;}
    .menuWrap {width: 43%;}
    #headerMain {width: 23%;}
    #headerMain input[type="text"] {width: 80%;}
    .columnWrap {padding: 8px 2% 2% 2%; width: 96%;}
    #footer {padding: 2%; width: 96%;}

    a.homeBox1 {min-height: 236px;}
    a.homeBox2 {min-height: 236px;}
    a.homeBox3 {min-height: 236px;}
    .homeBox1Heading {font-size: 30px; line-height: 34px;}
    .homeBox2Heading {font-size: 30px; line-height: 34px;}
    .homeBox3Heading {font-size: 30px; line-height: 34px;}
}

/* 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;}
    .subscribeWrap {display: none;}
    .columnWrap {padding: 8px 2% 2% 2%; width: 96%;}
    .headerWrap {padding: 0px 2%; width: 96%;}
    .headerContact {margin-top: 0px; margin-bottom: 5px; height: 30px; width: 79%;}
    .logo {width: 20%;}
    .banners {width: 96%; margin: 0px 2%;}
    .menuWrap {width: 50%;}
    #headerMain {width: 20%;}
    #headerMenu span {margin-left: 20px;}
    #headerMenu span:last-of-type {margin-right: 20px; margin-left: 10px;}
    #header {margin-top: 10px;}
    .phNumber {width: 50px; float: right;}
    .headerLink:first-of-type {background-image: url(images/phone.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; height: 50px; width: 50px;}
    .headerLink img {display: none;}


}

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

    .menuWrap {width: auto; margin: 0px; float: right;}
    #headerMain {width: 90%; margin-left: 0px; margin-top: 7px; padding: 0px; clear: both; border:1px solid #d7e0e6;}
    #headerMain input[type="text"] {width: 90%; border: 0px; padding: 0px;}
    #headerMain input[type="submit"] {width: 10%; max-width: 10%;}

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

    a.homeBox1 {min-height: 212px;}
    a.homeBox2 {min-height: 212px;}
    a.homeBox3 {min-height: 212px;}
    .homeBox1Heading {font-size: 24px; line-height: 28px;}
    .homeBox2Heading {font-size: 24px; line-height: 28px;}
    .homeBox3Heading {font-size: 24px; line-height: 28px;}
    .homeBox1Button {font-size: 18px;}
    .homeBox2Button {font-size: 18px;}
    .homeBox3Button {font-size: 18px;}
}

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


    input#hideshowTop {background-position: right; width: 50px; color: transparent; padding-left: 0px;}

    #leftColumn {width: 20%;}
    .logo {min-width: 0px;}
    .logo img {margin-top: -0px;}
    .headerContact {height: auto; width: 78%; margin-left: 2%;}
    .headerContact a {float: left;}
    .headerContact img {float: left;}
    .headerContact a:nth-of-type(3) {margin-right: 0px;}
    .productActions {clear: both; float: left; width: 100%;}
    .productActions table {float: left;}
    .calcBox {max-width: 100%; width: 96%; margin-top: 20px; padding: 2%;}
    .productDetails {width: 50%;}
    .productImageContainer {width: 48%; margin-right: 2%;}
    .productImageBox {text-align: center;}
    .productImageBox img {max-width: 100%; padding: 10px 0px;}
    .openHours {display: none;}
    .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;}

}

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

    .menuWrap {width: 38px;}
    input#hideshow {height: 38px; width: 100%; color: transparent; border: none; display: block; cursor: pointer; background-color: #fff; 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; line-height: 38px;}
    input#hideshowTop {height: 38px; width: 38px; 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; text-align: left; line-height: 38px;}
    #headerMain {width: 85%;}
    #mobileMenu {display: block; background-color: #fff;}
    .headerWrap {margin-bottom: 0px;}



    #leftColumn {width: 100%; max-width: 100%; margin: 0px; min-height: 0px;}
    #centerColumn {width: 100%; margin: 0px;}
    .logo {width: 25%;}
    #headerMenu {display: none; width: 100%; position: fixed; left: 0;}
    #headerMenu a {height: 24px; line-height: 24px; width: 20%; font-size: 14px; color: #fff; padding: 0px; float: left; text-align: center; padding-top: 10px;}
    #headerMenu a:hover {border-bottom: 0px; color: #0072bc;}
    #headerMenu {position: absolute; background-color: #000; top: 50px; height: 46px; opacity: .9; filter: alpha(opacity=90);}
    #memoryWrap {display: none;}

    .searchWrapWidth {width: 79%;}
    #headerMain input[type="text"] {width: 90%;}
    #headerMain input[type="submit"] {width: 20%;}

    #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;}
    .findToners {display: none;}
    .findToners {display: none;}
    .footerInfo {width: 100%;}
    .SCimg {display: none;}
    .cartridgeFinderWrap {display: none;}
    .billingAddress p {margin-bottom: 20px;}
    .billingAddress .col1 {width: 25%; float: left; margin-bottom: 5px; color: #000;}
    .billingAddress .col2 {width: 75%; float: left; margin-bottom: 5px;}
    .billingAddress .col2 input {margin: 0px 0px 5px 0px;}
    .billingAddress .col2 textarea {width: 90%;}
    .billingAddress .col2 select {margin: 0px 0px 5px 0px;}
    .openHours {display: none;}
    .footerContent {width: 100%;}
    #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;}
    .commitment {min-width: 200px; width: 32%; margin-top: 0px;}
    footer {padding-bottom: 0px;}
    footer p:nth-of-type(2) {display: none;}
    footer p:nth-of-type(3) {display: none;}
    footer p:nth-of-type(4) {display: none;}
    .shoppingProduct {width: 53%; margin-right: 5%;}
    .shoppingQty input[type="text"] {margin: 5px 0px;}
    .shoppingPrice.cartUnitPriceCell {text-align: right; margin-right: 2%; float: right;}
    .shoppingTotal {text-align: right; margin-right: 2%; float: right; clear: both;}
    .shoppingQty {text-align: right; margin-right: 2%; float: right;}
    .shoppingPriceHeadline {display: none;}
    .shoppingQtyHeadline {display: none;}
    .shoppingProductHeadline {width: 70%;}
    .updateQty {width: 78%; margin-right: 2%;}
    .banner {display: none;}
    .columnWrapBkg.WD #centerColumn {width: 100%;}
    .columnWrapBkg.Belkin #centerColumn {width: 100%;}
    .columnWrapBkg.SteelSeries #centerColumn {width: 100%;}
    .columnWrapBkg.HP #centerColumn {width: 100%;}
    .columnWrapBkg.Microsoft #centerColumn {width: 100%;}
    .columnWrapBkg.Coolermaster #centerColumn {width: 100%;}
    .columnWrapBkg.NETGEAR #centerColumn {width: 100%;}
    .columnWrapBkg.Kingston #centerColumn {width: 100%;}
    .columnWrapBkg.D-Link #centerColumn {width: 100%;}
    .columnWrapBkg.Samsung #centerColumn {width: 100%;}
    .columnWrapBkg.Intel #centerColumn {width: 100%;}
    .columnWrapBkg.Synology #centerColumn {width: 100%;}
    .columnWrapBkg.Thermaltake #centerColumn {width: 100%;}
    .columnWrapBkg.Asus #centerColumn {width: 100%;}
    .columnWrapBkg.ASUS #centerColumn {width: 100%;}
    .columnWrapBkg.Wacom #centerColumn {width: 100%;}
    .columnWrapBkg.Acer #centerColumn {width: 100%;}
    .columnWrapBkg.Qnap #centerColumn {width: 100%;}
    .columnWrapBkg.Cisco #centerColumn {width: 100%;}

}

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

    input#hideshow {}
    input#hideshowTop {}
    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 {}

    html>body .product-grid-2 .grid-box {width: 49%;}
    form#headerMain {width: 100%; margin: 0px 0px 10px 0px; float: left;}
    #headerMain input[type="text"] {border: none;}
    #headerMenuRight .phone {display: inline-block; padding: 0px; height: 53px; width: 27px; background-image: url(images/phone.png); float: right;}
    .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: 200px;}
    .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: 89%;}
    .rotator-wrapper {display: none;}
    img.openHours {width: 104px; margin-left: 10px;}
    img.openHours {display: none;}
    .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;}
    .shoppingRemoveHeadline {display: none;}
    .shoppingImageHeadline {display: none;}
    .shoppingTotalHeadline {float: right; margin-right: 1%;}
    .shoppingPrice.cartUnitPriceCell {width: 20%;}
    .shoppingTotal {width: 20%;}
    .shoppingQty {width: 20%;}
    .shoppingProduct {width: 53%;}
    div.checkoutBar {font-size: 12px;}
    .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%;}

    .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%;}
    .featuredProductsGrid {width: 48%; margin-right: 2%; margin-bottom: 2%;}
    .homepage-panels .panel {width: 100%; margin-right: 0%; margin-bottom: 2%;}
    .homepagedeals {min-height: 110px; width: 32%; margin-right: 2%;}
    .homepagedeals:nth-of-type(4n+4) {margin-right: 2%;}
    .homepagedeals:nth-of-type(3n+3) {margin-right: 0px;}
    .homepagedeals-price .price a {font-size: 20px;}
    .homepagedeals-price a {width: 40%;}
    #headerMenuRight {color: transparent; width: 60%; float: right; padding-top: 10px;}
    #headerMenuRight a.account {color: transparent; background-image: url(images/accountIcon.png); width: 40px; height: 53px; padding: 0px; background-repeat: no-repeat;}
    #headerMenuRight a.cart {color: transparent; background-image: url(images/cartIcon.png); width: 55px; 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 {}
    #menuWrap {}
    #mobileMenu {}
    .menuWrapCenter {width: 200%; background-color: #0072bc;}

    input#hideshow {}
    input#hideshow:hover {}
    input#hideshow:focus, input#hideshow:active {outline: 0px;}
    input#hideshowTop {}
    input#hideshowTop:hover {background-color: #222;}
    input#hideshowTop:focus, input#hideshow:active {outline: 0px;}
    #catWrap {float: left; width: 96%; border: none; padding: 2% 0px 2% 0px; margin-bottom: 0px; overflow: hidden;}
    #catMenu {margin-top: 0px; overflow: hidden;}

    ul.catMenuTop .catMenuItemBranch a {background: url(images/catbox_arrow.png) 97% no-repeat; margin: 0px 5px;}
    ul.catMenuTop .catMenuItemBranch a:hover {background: #0072bc url(images/catbox_arrow_hover.gif) 97% no-repeat; color: #fff; font-weight: bold; margin: 0px 5px;}
    ul.catMenuTop ul .catMenuItemBranch a:hover {background: #0072bc 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: #0072bc url(images/catbox_arrow_hover_open.gif) 92% no-repeat; color: #fff; margin: 0px 5px;}
    ul.catMenuTop ul li.catMenuItemBranchExpanded > a:hover {background: #0072bc url(images/catbox_arrow_open.gif) 92% no-repeat; margin: 0px 5px;}
    .menuBox {display: block; width: 100%;}
    .categories ul li {width: 95%;}
    ul.catMenu li {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%;}

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

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

    a.homeBox1 {min-height: 220px;}
    a.homeBox2 {min-height: 220px;}
    a.homeBox3 {min-height: 220px;}
    .homeBox1Heading {font-size: 20px; line-height: 24px;}
    .homeBox2Heading {font-size: 20px; line-height: 24px;}
    .homeBox3Heading {font-size: 20px; line-height: 24px;}
    .homeBox1Button {font-size: 14px;}
    .homeBox2Button {font-size: 14px;}
    .homeBox3Button {font-size: 14px;}

    a.brands {display: none;}
}

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

    #headerMenu a {font-size: 12px;}

    #homepageHeading {display: none;}
    #coupon-cell {width: 100%;}
    #cartDeliveryCalculatorCell {width: 100%; margin-right: 0px;}
    #cartTotalsCell {clear: both; width: 100%; margin-bottom: 30px;}
    #footerMenu a { display: block; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 1px; }
    .productDetails {width: 100%;}
    .productImageContainer {width: 100%; margin-right: 0%;}
    .productImageContainer.NA {width: 100%; margin-right: 0%;}
    .productImageBox {border-right: 0px; max-width: 100%; margin-right: 0px; padding-right: 0px;}
    .productDetails.NA {width: 100%;}
    .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;}
    .newCustomer input[type="submit"] {-webkit-border-radius: 0px; border-radius: 0px; background-color: #0072bc; color: #fff; border: 0; cursor: pointer; padding: 5px 17px; margin-top: 5px;}
    .newCustomer input[type="submit"]:hover {background-color: #00578f;}
    .returningCustomer {width: 100%; margin-top: 10px; min-height: 0px;}
    #headerMain input[type="text"] {width: 87%;}
    #headerMain input[type="submit"] {width: 12%;}
    img.openHours {display: none;}
    .logo {width: 38%; margin: 0px 2% 0px 0px; min-width: 0px;}
    .rotator-wrapper {margin-bottom: 10px;}
    .historyProductName {width: 58%;}
    .historyProductTotal {width: 28%;}
    .deliveryInformationAccount {width: 100%;}
    .deliveryInformationAccount .addressBorder {width: 90%;}
    .billingInformationAccount {width: 100%; margin-top: 30px;}
    .billingInformationAccount .addressBorder {width: 90%;}
    .deliveryInformation {width: 100%;}
    .deliveryInformation .addressBorder {width: 90%;}
    .billingInformation {width: 100%; margin-top: 30px;}
    .billingInformation .addressBorder {width: 90%;}
    .orderConfirmationProductName {width: 58%;}
    .orderConfirmationProductTotal {width: 28%;}
    .orderConfirmationProductHeading {width: 58%;}
    .orderConfirmationTotalHeading {float: right;}
    .orderConfirmationProducts .productTotals .col1 {width: 70%;}
    .orderConfirmationProducts .productTotals .col2 {width: 30%;}
    .historyProducts .productTotals .col1 {width: 70%;}
    .historyProducts .productTotals .col2 {width: 30%;}
    .addressBookEntries {padding-top: 30px;}
    .advancedSearch .col1 {width: 100%;}
    .advancedSearch .col2 {width: 100%; margin-left: 0px; margin-top: 15px;}
    .advancedSearch .col1 .col1 {width: 35%;}
    .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%;}
    .homepagedeals {width: 49%; margin-right: 2%;}
    .homepagedeals:nth-of-type(4n+4) {margin-right: 2%;}
    .homepagedeals:nth-of-type(3n+3) {margin-right: 2%;}
    .homepagedeals:nth-of-type(2n+2) {margin-right: 0px;}
    .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;}

    a.homeBox1 {min-height: 0px; width: 100%;}
    a.homeBox2 {min-height: 0px; width: 100%;}
    a.homeBox3 {min-height: 0px; width: 100%;}
    .homeBox1Button {position: relative; margin-bottom: 0px; margin-top: 10px;}
    .homeBox2Button {position: relative; margin-bottom: 0px; margin-top: 10px;}
    .homeBox3Button {position: relative; margin-bottom: 0px; margin-top: 10px;}
}

/* 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 {padding: 2%; width: 96%;}
    .homepagedeals:nth-of-type(4n+4) {margin-right: 0px;}
    .homepagedeals:nth-of-type(3n+3) {margin-right: 0px;}
    .homepagedeals:nth-of-type(2n+2) {margin-right: 0px;}
    .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%;}
    .productInfoContainer {margin-top: 0px;}
    .productDetails {width: 46%;}
    .pageBreadcrumbTrail2 {display: none;}
    .productActions {display: none;}
    .productQuantity .col1 {font-size: 12px; font-weight: normal}
    .productQuantity .col2 input {border: none;}
    .calcBox .headline {display: none;}
    .calcBox span {display: none;}
    input#deliveryPostcode {display: none;}
    .calcBox input[type="image"] {display: none;}
    #deliveryCostOutput {padding: 0px;}
    .deliveryCostLabel {margin-top: 0px; font-size: 10px;}
    .deliveryCostValue {margin-top: 0px; font-size: 12px;}
    .productTotalLabel {font-size: 10px;}
    .productTotalValue {font-size: 12px;}
    .productLinks {display: none;}
    .productAddToCart input[type="image"] {display: none;}
    .footerInfo {display: none;}
    footer p:first-of-type {display: block; color: #4c4c4c; font-size: 11px;}
    #footer a {color: #4c4c4c;}
    footer p {display: none;}
    #footerMenu {display: none;}
    footer {background-color: transparent; padding-bottom: 0px;}
    #footer {background-color: #fff; width: 100%; padding: 0px; margin-top: 30px;}
    .footerContent {width: 100%;}
    .featuredProductsGrid {-webkit-box-shadow: none; box-shadow: none; page-break-inside: avoid;}
    .productListingRow {-webkit-box-shadow: none; box-shadow: none; page-break-inside: avoid;}
    .productListingRowAlt {-webkit-box-shadow: none; box-shadow: none; page-break-inside: avoid;}
    .homepagedeals {-webkit-box-shadow: none; box-shadow: none;}
    input[type="text"] {-webkit-box-shadow: none; box-shadow: none;}
    .bx-wrapper {width: 100%;}
    .bx-wrapper img {max-width: 100%;}
    .upsellButton {display: none;}
    .productListingRow .buyButton .addToCart img {display: none;}
    .productListingRowAlt .buyButton .addToCart img {display: none;}
    .columnWrap {background-color: #fff;}
    .columnWrapBkg.WD .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Belkin .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Steel.Series .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.HP .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Microsoft .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Coolermaster .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Cooler.Master .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.NETGEAR .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Netgear .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Kingston .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.D-Link .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Samsung .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Intel .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Synology .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Thermaltake .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Asus .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.ASUS .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Wacom .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Acer .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Qnap .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.QNAP .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Cisco .columnWrap #centerColumn {width: 100%;}
    .columnWrapBkg.Brother .columnWrap #centerColumn {width: 100%;}

    .columnWrapBkg.WD .columnWrap h1.pageHeading {color: #000; padding: 0px; margin: 0px 0px 10px 0px; background-image: none; height: auto;}
    .columnWrapBkg.Asus .columnWrap h1.pageHeading {color: #000; padding: 0px; margin: 0px 0px 10px 0px; background-image: none; height: auto;}
    .columnWrapBkg.Netgear .columnWrap h1.pageHeading {color: #000; padding: 0px; margin: 0px 0px 20px 0px; background-image: none; height: auto;}
    .columnWrapBkg.Microsoft .columnWrap h1.pageHeading {color: #000; padding: 0px; margin: 0px 0px 20px 0px; background-image: none; height: auto;}
    .columnWrapBkg.Belkin .columnWrap h1.pageHeading {color: #000; padding: 0px; margin: 0px 0px 20px 0px; background-image: none; height: auto;}

    .columnWrapBkg.QNAP .usual div.videoWrapper {display: none;}

    .columnWrapBkg.HP .columnWrap .usual ul a {color: #000;}
    .columnWrapBkg.Brother .columnWrap .usual ul a {color: #000;}
    .columnWrapBkg.Cooler .columnWrap .usual li.one a{color: #000;}
    .columnWrapBkg.Cooler .columnWrap .usual li.two a{color: #000;}
    .columnWrapBkg.Cooler .columnWrap .usual li.three a{color: #000;}
    .columnWrapBkg.Cooler .columnWrap .usual li.four a{color: #000;}

    .columnWrapBkg.Netgear .columnWrap .name {height: 28px; overflow: hidden;}
    .columnWrapBkg.QNAP .columnWrap .name {height: 32px; overflow: hidden;}
    .columnWrapBkg.Steel .columnWrap .name {height: 32px; overflow: hidden;}
    .columnWrapBkg.Microsoft .columnWrap .name {height: 32px; overflow: hidden;}
    .columnWrapBkg.Cooler .columnWrap .name {height: 32px; overflow: hidden;}
    .columnWrapBkg.Belkin .columnWrap .name {height: 32px; overflow: hidden;}

    .columnWrapBkg.Netgear .columnWrap div.NASes {display: none;}
    .columnWrapBkg.Netgear .columnWrap div.Switches {display: none;}
    .columnWrapBkg.Netgear .columnWrap div.Routers {display: none;}
    .columnWrapBkg.Netgear .columnWrap div.Wireless {display: none;}
    .columnWrapBkg.Netgear .columnWrap div.Powerline {display: none;}
    .columnWrapBkg.Netgear .columnWrap div.Accessories {display: none;}
    .columnWrapBkg.Netgear .columnWrap div.cat a {display: none;}

    .columnWrapBkg.QNAP .columnWrap .product {page-break-inside: avoid;}
    .columnWrapBkg.Steel .columnWrap .product {page-break-inside: avoid;}
    .columnWrapBkg.Netgear .columnWrap .product {page-break-inside: avoid;}
    .columnWrapBkg.Microsoft .columnWrap .product {page-break-inside: avoid;}
    .columnWrapBkg.Cooler .columnWrap .product {page-break-inside: avoid;}
    .columnWrapBkg.Belkin .columnWrap .product {page-break-inside: avoid;}
    .columnWrapBkg.Asus .columnWrap .product {page-break-inside: avoid;}
    .columnWrapBkg.WD .columnWrap div.LPcol3 {page-break-inside: avoid;}

}

/* jquery-ui */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .ui-helper-clearfix{height:1%}.ui-helper-clearfix{display:block}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-li-fix{display:inline}.ui-accordion .ui-accordion-header-active{border-bottom:0!important}.ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1}.ui-accordion .ui-accordion-content-active{display:block}.ui-autocomplete{position:absolute;cursor:default;width:50%}.ui-autocomplete span{font-size:10px}* html .ui-autocomplete{width:1px}.ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-hover{font-weight:400;margin:-1px}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none!important;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:focus,.ui-dialog .ui-dialog-titlebar-close:hover{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin:.5em 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a,.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tabs .ui-tabs-hide{display:none!important}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #d7e0e6;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #999;background:url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-widget :active{outline:0}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;color:#cd0a0a}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-off{background-position:-96px -144px}.ui-icon-radio-on{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget-overlay{background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}

/* jquery-ui-custom */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui-helper-clearfix{display:inline-block}/*\*/* html .ui-helper-clearfix{height:1%}.ui-helper-clearfix{display:block}/**/.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #fff;background:#fff 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#d7e0e6 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-widget :active{outline:0}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec 50% bottom repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-icon{width:16px;height:16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-off{background-position:-96px -144px}.ui-icon-radio-on{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget-overlay{background:#666 50% 50% repeat;opacity:.30;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}