body {
  padding: 0;
}

.fullScreenOnMobile {
  top: 0 !important;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  height: auto;
  padding: 0;
  overflow-y: scroll;
}

.fullScreenOnMobile .dialog {
  margin: 0;
}

.integrationLink {
  float: none;
  margin-right: 0;
  width: auto;
}

.kppDashboardFull > .padded {
  padding: 0;
}

#kppLeaveProgramButton {
  padding: 16px 20px;
}

#searchResults .subMenu {
  margin-bottom: 0;
}

#searchResults {
  padding: 0;
}

.componentSelectionDialog .selectionResultsScrollArea {
  position: static;
  overflow-y: none;
}

.subMenu.subSubMenu {
  background: #f6f6f6;
  top: 0;
  padding-top: 0;
  float: left;
}

#integrationHeader {
  display: block;
  margin: 0 0 20px;
}

#integrationHeader > div {
  min-height: 0;
}

#integrationHeading {
  width: 100%;
  max-width: 200px;
  box-sizing: border-box;
  height: 150px;
  min-height: 0;
  margin: auto;
}

#integrationDescription {
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0 20px 20px;
}

.integrationSection {
  display: block;
  padding: 20px;
}

.integrationDescription {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-right: 0;
  border-bottom: 1px solid #e0e0e0;
}

.integrationSetting {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.integrationSetting .tag {
  margin-top: 3px;
}

.integrationButton {
  margin: 0;
}

.keyMetrics {
  padding: 20px;
}

.notesIcon {
  left: 78px;
}

.favActions {
  float: left;
  clear: left;
}

.tabSet {
  margin: 0;
}

.favActions a {
  float: left;
  clear: left;
  margin: 10px 0 0;
}

#newAccountForm {
  margin-top: 0;
}

#newAccountFormSections {
  flex-direction: column;
  align-items: center;
}

#newAccountFormSections > div {
  width: 100%;
  max-width: none;
  margin: 40px 0 0;
}

.bundleInclusion {
  flex-direction: column;
}

.bundledItemProductCode {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.bundleHeader {
  flex-direction: column;
}

.accountSeparator {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: #333;
  padding: 5px 0;
  margin: 0;
  text-align: center;
}

#cylSelectedActions {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  float: none;
  padding: 20px;
  background: #fff;
  z-index: 2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.fromToLabel {
  display: inline-block;
  min-width: 40px;
}

.cylindersSelected #cylSelectedActions {
  display: block;
}

.allCylindersMenuOption {
  background-image: url(/lib/img/all_cylinders_icon_off.png);
}

.allCylindersMenuOption.selected {
  background-image: url(/lib/img/all_cylinders_icon_on.png);
}

.myCylindersMenuOption {
  background-image: url(/lib/img/my_cylinders_icon_off.png);
}

.myCylindersMenuOption.selected {
  background-image: url(/lib/img/my_cylinders_icon_on.png);
}

.cylinderSummaryMenuOption,
.cylinderStatementsMenuOption {
  background-image: url(/lib/img/cylinder_statements_icon_off.png);
}

.cylinderSummaryMenuOption.selected,
.cylinderStatementsMenuOption.selected {
  background-image: url(/lib/img/cylinder_statements_icon_on.png);
}

.cylinderReturnsMenuOption {
  background-image: url(/lib/img/cylinder_returns_icon_off.png);
}

.cylinderReturnsMenuOption.selected {
  background-image: url(/lib/img/cylinder_returns_icon_on.png);
}

.cylinderActivityMenuOption {
  background-image: url(/lib/img/activity_icon_off.png);
}

.cylinderActivityMenuOption.selected {
  background-image: url(/lib/img/activity_icon_on.png);
}

#cylSearchFilterArea {
  padding: 10px;
  text-align: center;
}

#cylSearchFld {
  float: none;
  margin: 0;
  width: 100%;
  display: block;
}

.filterList.showOnMobile {
  background: none;
  padding: 0 32px 0 0;
  position: relative;
  margin: 10px 0 0;
  display: inline-block !important;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  border: 1px solid #e0e0e0;
  max-width: 100%;
  box-sizing: border-box;
}

.filterList.hasNoFilters {
  padding: 0;
}

.filterList a.clearAll {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/lib/img/hidpi/close_icon_white.png) no-repeat center center;
  background-size: 12px;
  border-left: 1px solid #f2f2f2;
}

.filterList a.list {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  color: #fff;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}

.allCylindersMenuOption span,
.myCylindersMenuOption span,
.cylinderSummaryMenuOption span,
.cylinderStatementsMenuOption span,
.cylinderReturnsMenuOption span,
.cylinderActivityMenuOption span {
  font-size: 10px;
  text-transform: none;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 0 !important;
}

.allCylindersMenuOption,
.myCylindersMenuOption,
.cylinderSummaryMenuOption,
.cylinderStatementsMenuOption,
.cylinderReturnsMenuOption,
.cylinderActivityMenuOption {
  height: 44px;
  background-position: center 10px;
  background-size: 38px;
  background-repeat: no-repeat;
}

#cylPageTitle {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 20px 0 20px;
  height: 44px;
  line-height: 44px;
  background: #f2f2f2;
}

#cylActionSelector {
  height: 44px;
  line-height: 44px;
  margin-right: 44px;
}

#cylSelectedActions .clearSelections {
  width: 44px;
  height: 44px;
  background: url(/lib/img/hidpi/close_x.png) no-repeat center center;
  position: absolute;
  top: 20px;
  right: 10px;
  background-size: 12px;
}

.hasFilters .filterButton {
  background-image: url(/lib/img/filter_icon_blue_filled.png);
}

#cylinderWarnings {
  position: absolute;
  top: 15px;
  right: 65px;
  margin: 0;
}

#cylFilterArea {
  background: #0069b4;
  color: #fff;
  margin: 0;
  height: 44px;
  line-height: 44px;
}

.filterList.showOnMobile {
  clear: both;
  display: block !important;
  border: 0;
  border-radius: 0;
  margin: 0;
  height: 44px;
  text-align: left;
  padding-right: 44px;
}

.filterList.showOnMobile .clearAll {
  width: 44px;
  height: 44px;
  border: 0;
  background-size: 12px;
}

.filterList a.list {
  color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-weight: bold;
  line-height: 44px;
  height: 44px;
  display: block;
}

#coilQuoteForm img {
  width: 100%;
}

#coilQuoteForm .fieldArea {
  float: none;
  width: auto;
}

#coilQuoteForm .radioOption {
  display: block;
  padding: 5px 0;
}

#cylSortSelector {
  display: none;
}

#cylinderTable {
  padding: 0;
  margin: 0;
}

#cylinderTable .row {
  box-shadow: none;
  margin: 0;
  float: none;
  !border-bottom: 1px solid #e0e0e0;
  !border-color: rgba(0, 0, 0, 0.1);
  width: auto;
}

#cylinderTable .rowDivider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #e0e0e0;
  background: rgba(0, 0, 0, 0.1);
}

.cylSelectArea {
  position: absolute;
  left: 9px;
  bottom: 0;
  top: 0;
  height: auto;
  padding: 46px 15px;
  border-right: 1px solid #f2f2f2;
}

.no-touch .cylSelectArea:hover {
  border: 0;
  border-right: 1px solid #f2f2f2;
}

.cylDetailsArea {
  padding-left: 118px;
}

.cylIconLarge {
  left: 69px;
}

#favLists {
  max-width: none;
}

#cartActions {
  float: left;
  width: 100%;
}

#ecLinkedAccounts,
#ecPersonalDetails {
  float: none;
}

#ecPersonalDetails input {
  width: 100%;
}

#ecLinkedAccounts {
  padding: 40px 0 0;
}

#quickAddProductCode {
  max-width: 180px;
}

#cartActions a {
  padding: 15px 20px;
  display: inline-block;
}

#emptyCartButton {
  float: right;
}

.cartButton {
  width: 49% !important;
  float: right;
  margin: 0 !important;
  box-sizing: border-box;
}

#requestQuoteBtn {
  float: left !important;
}

@media (max-width: 450px) {
  #quickAddButton {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin-top: 10px;
  }
}

#cylinderDetails {
  padding: 0;
}

#cylinderDetails .cylinderNoteHeader {
  padding: 0 0 4px;
  border: 0;
}

#cylinderDetails .count {
  background-color: #333;
}

.notesOpen #cylinderDetails,
.notesOpen #cylinderHeaderInfo,
.notesOpen #cylinderActivity,
.activityOpen #cylinderDetails,
.activityOpen #cylinderHeaderInfo,
.activityOpen #cylinderActivity {
  display: none;
}

#cylinderNotesHeader,
#cylinderActivityHeader {
  padding: 20px;
}

#cylinderNotes .cylinderNoteHeader,
#cylinderNotes .cylinderNoteBody,
#cylinderNotes .cylinderNoteFooter,
#cylinderActivity .cylinderActivityHeader,
#cylinderActivity .cylinderActivityBody,
#cylinderActivity .cylinderActivityFooter {
  padding-left: 20px;
  padding-right: 20px;
}

#cylinderActivity .cylEventDetail {
  margin: 10px 20px 20px 0;
}

.reportOptionGroup {
  float: none;
  width: auto;
  padding: 20px;
  margin: 0 0 20px !important;
}

#projReportOptions h2 {
  margin-top: 0;
}

#systemPage .alertNotice,
.heatloadAlertNotice {
  margin: 0 !important;
}

.systemTypeHeading {
  padding: 0 20px;
}

#systemNameTitle {
  padding-bottom: 5px;
}

#systemWarnings {
  max-height: 300px;
  overflow-y: scroll;
}

#cylinderNotesMoreArea,
#cylinderEventsMoreArea {
  text-align: center;
}

#cylindersMoreArea {
  border: 0;
}

.notesOpen #cylinderRightColumn,
.notesOpen #cylinderNotes,
.activityOpen #cylinderRightColumn,
.activityOpen #cylinderActivity {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
  width: auto;
  float: none;
}

.activityOpen #cylinderRightColumn,
.activityOpen #cylinderActivity {
  display: block;
}

.pageSection {
  padding: 15px 20px;
}

a.allCylinderNotesLink,
a.cylinderActivityLink {
  display: block;
  height: 38px;
  line-height: 38px;
  border-top: 1px solid #f2f2f2;
  margin: 10px 0 0;
  color: #333;
  background: url(/lib/img/right_chevron_small.png) no-repeat right center;
}

a.cylinderActivityLink {
  border-top: 0;
  margin: 0;
}

#locationTable {
  border-top: 1px solid #e0e0e0;
}

.pageSection {
  padding-left: 20px;
  padding-right: 20px;
}

.cylinderType {
  font-size: 18px;
  font-weight: normal;
}

.locationName {
  font-weight: bold;
}

.locationTable,
.locationRow,
.locationName,
.locationAddress {
  display: block;
  border: 0;
}

.locationName {
  padding: 10px 20px 0;
}

.locationAddress {
  padding: 3px 20px 10px;
  color: #999;
}

.locationRow {
  border-bottom: 1px solid #e0e0e0;
}

.locationRow.clickable {
  background-position: 95% center;
}

.newProjArea div.balancedMetric {
  width: 50%;
  float: left;
  margin: 0 0 15px;
}

.favCount {
  text-align: center;
}

.ccActionsInner {
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.componentMoreInfo .ppProdCode {
  padding: 0;
}

.selectedProductDetails {
  clear: left;
  padding: 20px 0 0;
}

.selectionDetails {
  padding-left: 0;
  clear: left;
}

.mobileParamsBtn {
  padding: 20px;
  display: block !important;
  color: #333;
}

a.mobileParamsLink {
  display: block !important;
  background: #fff4d3 url(/lib/img/large_cog_icon.png) no-repeat 15px center;
  background-size: 20px;
  color: #333;
}

.no-touch a.mobileParamsLink:hover {
  background-color: #fff4d3;
  color: #333;
}

.mobileParamsLinkInner {
  display: block;
  padding: 13px 15px 13px 45px;
  margin-right: 15px;
  background: url(/lib/img/hidpi/right_chevron_small.png) no-repeat right center;
  background-size: 9px;
  font-size: 14px;
  font-weight: bold;
}

.mobileParamsBtn {
  margin: 0 0 20px;
}

.componentInfoDialog {
  min-height: 400px;
}

.componentSelectionDialog .body {
  padding: 0;
  min-height: auto;
  background: none;
}

.componentSelectionDialog form {
  float: none;
  background: #f2f2f2;
}

.componentSelectionDialog .results {
  margin: 0;
}

.componentSelectionDialog.selectorSettingsOpened .body {
  min-height: auto;
}

.selectorSettingsForm {
  display: none;
}

.selectorSettingsOpened .selectorSettingsForm {
  width: auto;
  display: block;
  position: static;
}

.selectorSettingsOpened .results {
  display: none;
}

.newHeatload {
  padding: 0;
}

.projSection.half {
  width: auto;
  float: none;
  margin: 0 0 50px;
}

.cardTable {
  margin-bottom: 20px;
}

.sysSummaryLabel {
  float: none;
  display: block;
}

.sysSummary {
  padding: 0;
}

.sysPrice {
  font-size: 16px;
}

.sysTitle .note {
  display: block;
}

.projNoteAttachments {
  padding: 0;
}

.noteAttachmentArea a.noteAttachment .deleteBtn {
  display: inline-block !important;
}

.noteActionArea {
  float: right;
  padding: 0 0 6px 6px;
  position: static;
  display: block !important;
  margin: -8px -8px 0 0;
}

.assistScopeArea {
  padding: 0 20px;
}

.warnings {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #c60c46;
  margin: 0;
}

.projSection {
  padding: 10px 20px;
}

.addSystem {
  background-size: 200px;
  padding-top: 115px;
}

.projCta {
  font-size: 18px;
}

.newProjArea .warnings {
  margin-top: 20px;
  margin-right: 20px;
}

.systemDetailsBtn {
  margin: 15px 20px 0 0;
}

a.noteAttachment,
a.noteAttachment:first-child {
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  float: none;
  border-top: 1px solid #eaeaea;
}

a.systemTitle {
  font-size: 18px;
}

.templateFields {
  padding: 0 0 10px;
}

.templateFieldArea {
  margin: 10px 0 20px;
}

.cornerButton {
  margin: 15px 15px 0 0;
}

.assistStat {
  float: none;
  width: auto;
  border: 0;
  border-top: 1px solid #e0e0e0;
  padding: 10px 0;
}

.projSection.withRows {
  padding-left: 0;
  padding-right: 0;
}

.projSection.withRows h2 {
  padding: 0 20px;
}

.projSection .sectionRows a {
  padding-left: 20px !important;
  padding-right: 20px;
}

.projSection.withRows .sectionButton {
  margin: 0 20px;
}

.assistStat:first-child {
  border: 0;
}

.content .templateHeader h1 {
  padding: 0 0 8px;
  font-size: 24px;
}

.templateArea .row {
  padding-left: 20px;
  padding-right: 20px;
}

.templateArea h3 {
  padding: 5px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background: #333;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin: 0;
}

#assistDashboard .half {
  float: none;
  width: auto;
  margin: 0 0 30px;
}

#serviceRequestBtn,
#lennoxServiceTitle {
  float: none;
}

.selectorUpdatedCue {
  float: none;
}

#lsDesktop,
#lsTablet {
  display: none;
}

#lsMobile {
  display: block;
}

.lsSection {
  padding: 20px;
  border-top: 1px solid #e0e0e0;
}

#serviceRequestBtn {
  margin-bottom: 20px;
}

#custSiteSearchArea {
  padding: 0 0 10px;
}

#custSiteSearchArea {
  float: none;
  width: auto;
}

#lsrOptions {
  margin: 0 0 30px;
}

#lsrOptions a {
  padding: 10px 15px;
}

.orderName {
  font-size: 16px;
}

.bigNone {
  padding-top: 70px;
  padding-bottom: 70px;
}

.cylinderActivityCueNotice {
  margin-bottom: 0;
}

.wideButton {
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center !important;
  float: none;
}

#availability {
  margin: auto;
  float: none;
  max-width: 298px;
}

.productParts,
.productPart,
.productPart > div {
  display: block;
  border: 0;
  padding: 0;
}

.productPart {
  position: relative;
  padding: 14px 100px 14px 20px;
  border-top: 1px solid #f0f0f0;
}

.productPart:first-child {
  border: 0;
}

.productPartCode {
  font-size: 13px;
  padding-bottom: 4px !important;
}

.productPartLink {
  position: absolute;
  top: 14px;
  right: 20px;
}

.productsSortSelect {
  width: 150px;
  background-position: 115px center;
}

.productLayoutSelector {
  width: 100px;
}

.productsPageHeader {
  min-height: 0;
  padding-bottom: 0;
  margin: 0;
}

.productsPage h2 {
  font-size: 21px;
  padding: 0 0 0 20px;
}

.productsPage .productFilterButton {
  height: 36px;
  line-height: 36px;
  margin: auto;
  border: 1px solid #e0e0e0;
  border-radius: 18px;
  position: static;
  display: inline-block !important;
  width: auto;
}

.productsPage .productFilters {
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  left: 100%;
  width: auto;
  max-width: none;
  z-index: 10000;
  border-radius: 0;
  margin: 0;
  padding: 0;
  transition: all ease-in-out 0.2s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.productsPage .productFilters.open {
  left: 0;
  right: 0;
}

#addMoreProductsArea,
#globalPromoHdr {
  display: none;
}

#inner-wrap {
  padding: 0;
}

.done {
  margin: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}

.sfLeft,
.sfRight {
  float: none;
  width: auto;
}

#supCtas a,
#supCtas a:first-child {
  float: none;
  width: auto;
  margin: 0 0 10px;
  display: block;
}

#searchFldMob {
  color: #999 !important;
  cursor: text;
}

.instSearchResults {
  overflow: hidden;
}

.searchLayer.opened .instSearchResults {
  height: 269px;
}

#faq {
  border-top: 1px solid #e0e0e0;
}

#faq .question a {
  border-top: 1px solid #f2f2f2;
  background-position: left 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.subMenu .new {
  left: 0;
  right: 0;
  top: -15px;
  text-align: center;
}

.supPhoneArea {
  padding: 20px;
}

#qaArea {
  border-bottom: 1px solid #f2f2f2;
}

#faq .answer {
  padding-top: 0;
  padding-bottom: 20px;
}

.done a {
  width: 44px;
}

#favSort {
  width: 100%;
}

.mobBreak {
  display: block;
}

.savedOrderActions {
  float: none;
}

.savedOrder {
  position: relative;
}

.savedOrderHeader {
  padding: 0 55px 15px 0;
}

.savedOrderLeft {
  float: none;
}

.deleteSavedOrderBtn {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 0;
  right: 0;
  background: url(/lib/img/close_thin.png) no-repeat center center;
}

.deleteSavedOrderBtn span {
  display: none;
}

#calcArea {
  max-width: 360px;
  margin: auto;
}

.savedOrderRows {
  margin: 0 0 15px;
}

.userCueNotice {
  margin-left: 0;
}

.fillCartBtnMob {
  margin: 0;
}

#prodLookupFrm {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  float: none;
}

#prodLookupFrm #prodCode {
  width: 100%;
}

#searchPageForm {
  margin: 0;
  padding: 0 20px 10px;
}

.searchFormDesktop {
  display: none;
}

#searchPageFld {
  margin-top: 20px;
  padding: 10px;
  font-size: 16px;
}

.searchLayer .searchForm {
  margin-right: 44px;
  border: 0;
}

#searchMask {
  opacity: 0.3;
  background: #000;
}

.searchLayer {
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  max-width: 450px;
  position: fixed;
  min-width: 280px;
}

.searchLayer .searchFld {
  margin: 0 !important;
}

.instSearchResults .result:first-child {
  border-top: 0;
}

.searchLayer .close {
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
}

#alertHeading {
  margin: 0;
}

div.content h1.lennox {
  padding-left: 120px;
  background-position: 20px center;
  font-size: 18px;
}

#dr .row {
  font-size: 14px !important;
}

#searchFldMob,
.searchLayer .searchFld {
  background: rgba(0, 0, 0, 0.1) url(/lib/img/search_icon_light.png) no-repeat
    8px center;
  font-size: 16px;
  color: #00223a;
  padding: 0 54px 0 38px;
  border: 0;
  height: 44px;
  line-height: 44px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.searchLabel {
  float: none;
  width: auto;
  padding-bottom: 0;
  margin: 10px 0 0;
  padding: 0 0 4px;
  border: 0;
  color: #999;
}

.searchLabel span {
  font-size: 21px;
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
}

.sr {
  padding: 0 0 20px;
}

.srMoreArea {
  padding: 4px 0 0 37px;
}

.srSection {
  margin: 0;
}

.searchLabel,
.searchResult {
  padding-left: 20px;
  padding-right: 20px;
}

.projWelcome {
  padding: 20px;
  background: #f2f2f2;
}

#prodTableArea.hasPromos,
#gridProd.hasPromos {
  margin: 0;
}

#prodPromos {
  float: none;
  width: auto;
}

#prodPromosMobile {
  display: block;
}

.promoHdrMob {
  display: block;
  width: 100%;
}

#prodPromosMobile {
  padding: 20px 20px 0;
}

#prodPromosMobile img {
  width: 100%;
  margin: auto;
}

.hasPromo .promoBanner {
  display: none;
}

.gridProd {
  float: none;
  width: auto;
  border-right: 0;
  margin: 0;
  padding: 15px;
}

.gridProd:first-child {
  border-top: 1px solid #e0e0e0;
}

.gridProdPrice,
.gridProdSaving {
  position: relative;
  top: -3px;
}

#productNavigator {
  border-bottom: 1px solid #ccc;
}

#browseProductsForm {
  margin: 0;
  max-width: none;
}

#dashPane_purchase_categories .half {
  float: none;
  margin: 0;
  width: auto;
}

#orderRightFixed {
  position: static;
  padding: 40px 30px;
  width: auto;
}

#orderLeft {
  max-width: none;
  width: auto;
}

#orderFieldArea {
  max-width: none;
  padding-right: 30px;
}

.catalogSortSelector {
  position: static;
  width: 100%;
  max-width: none;
}

.catalogSortSelectorArea {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
}

.compactRowTable .smallAddCartBtn {
  float: none;
}

#hvacResultArea {
  overflow-x: default;
}

#hvacResultInner {
  display: block;
}

.hvacUnit {
  float: none;
  margin: 0;
  display: block;
  width: auto;
}

.hvacHeader {
  padding: 20px;
  background: #f2f2f2;
}

.hvacRow {
  padding-left: 10px;
  padding-right: 10px;
}

#cylActions {
  width: auto;
  left: 20px;
  right: 64px;
  top: 64px;
}

#cylActions a {
  height: 44px;
  line-height: 44px;
}

.gridProdSaving {
  padding-left: 64px;
  background: url(/lib/img/sale_icon_small.png) no-repeat left center;
  margin: 4px 0 0;
  height: 17px;
  line-height: 17px;
  display: none;
}

.cartItem .gridProdSaving {
  display: inline;
}

.compactRowTable .gridProdSaving {
  display: block;
  margin-top: 6px;
}

.promoAd {
  padding-bottom: 5px;
}

.promoAd,
.promoAd img {
  float: none;
  display: block;
}

.hasPromo .gridProdSaving {
  display: block;
}

.gridProdImageArea {
  height: 70px;
}

.gridProdImageTable {
  float: right;
  width: 70px;
  height: 70px !important;
  padding-left: 20px;
}

.gridProdImage {
  width: 70px;
}

.cylEvent {
  padding: 10px 0 0 20px;
  border-top: 1px solid #e0e0e0;
}

.cylEvent:first-child {
  padding-top: 20px;
}

.eventCylinders a {
  padding: 12px 15px 12px 28px;
  display: block;
  font-size: 14px;
  border-top: 1px solid #f6f6f6;
  background-color: transparent;
  background:
    url(/lib/img/hidpi/cylinder_2.png) no-repeat 8px center,
    url(/lib/img/hidpi/right_chevron_small.png) no-repeat 96% center;
  background-size: 12px, 9px;
}

.no-touch .eventCylinders a:hover {
  background-color: transparent;
  color: #333;
}

.reassignRow select {
  width: 100%;
  margin: 10px 0 0;
}

#cylinderActivityMoreArea {
  padding: 30px 20px;
}

.narrowPage {
  margin: 20px 0;
}

#cylinderActivityMoreArea a {
  display: block;
  padding: 12px 0;
}

.cylEventDetail {
  background: #f3f8fb;
  padding: 10px 15px !important;
  font-weight: bold;
  color: #024268;
  margin: 8px 20px 0 0;
  font-size: 14px;
  border-radius: 4px;
  border: 0;
}

.cylEventTitle,
.cylEventWhen {
  float: none;
  padding-right: 20px;
}

.showOnMob,
.showOnMobile {
  display: block !important;
}

input[type="radio"],
input[type="checkbox"] {
  border: 1px solid #b3b3b3 !important;
}

#registerForm {
  margin: 20px;
  max-width: none;
}

#hlMenuArea h2 {
  padding-left: 20px;
}

a.customHlTemplate {
  background-size: 24px !important;
  font-size: 14px !important;
  background-position: 13px center !important;
}

#registerForm #SubmitButton {
  box-sizing: border-box;
  width: 100%;
  float: none;
  margin-top: 20px;
}

.registerIntro,
.registerHelp {
  clear: both;
  padding: 0 20px 20px 20px;
  position: static;
  width: auto;
}

.registerIntro {
  padding-top: 20px;
}

#loginHeader span {
  padding: 0 12px;
  color: #292929;
  background: #ffc300;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  z-index: 1000;
}

.prodImgBlock {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin: 20px auto 0;
}

.button,
a.button {
  padding: 11px 13px;
}

div.content {
  min-height: 380px;
}

.noRecords {
  text-align: center;
  padding: 100px 50px;
  text-align: center;
  font-size: 16px;
  color: #bbb;
}

.pageCount {
  clear: both;
  padding-top: 10px;
}

.callCta {
}

#hlMenu .accountRow {
}

.footerRight b {
  display: block;
  font-size: 16px;
  padding: 3px 0;
}

.componentResults {
  padding: 0;
  border-top: 1px solid #e0e0e0;
}

.unitMobText {
  display: inline;
}

.psForm {
  background: #f2f2f2;
  padding: 20px;
}

#itemMobHeader {
  display: block;
  background: #f2f2f2;
  padding: 15px;
}

.dropItemBtn {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  width: 40px;
  border-left: 1px solid #eaeaea;
  background: url(/lib/img/close_icon.png?v=1) no-repeat center center;
}

.repHdrSection {
  float: none;
  border: 1px solid #e0e0e0;
  padding: 0 10px;
  margin: 0 0 15px;
}

.repNote {
  padding: 10px;
}

#itemMobHeader .button {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

#reportHeader .button {
  float: none;
  display: block;
}

#addedToCartDialog_dialog {
  left: 0px;
  right: 0px;
  top: 0 !important;
  width: auto;
}

#muCompanyHeader,
#muUserDetails,
#userList .sectionDivider,
#userList .subtitle,
.csvLink,
.hiddenOnMob,
.loginArrow,
#projReport {
  display: none !important;
}

#userDetailsSaved,
#passwordChanged {
  float: none;
  margin: 0 0 10px;
  text-align: center;
  padding: 10px 0;
}

#psearchHeader .button {
  padding: 7px;
  font-size: 13px;
  width: 25%;
  margin-left: 2%;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  float: left;
}

#psearchHeader input[type="text"] {
  width: 73%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  float: left;
}

.muAddBtnArea {
  background: #f2f2f2;
  padding: 15px;
}
/*
.payInvoiceArea.fixed
{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:100;
}
*/
#userList {
  width: auto;
  float: none;
  border: none;
  padding: 0;
}

#userList ul {
  padding: 0;
}

.mobileDivider {
  display: block;
}

#privTypes .mobileDivider {
  padding: 10px;
  clear: both;
}

.privTypesSection {
  width: 46%;
}

.projItemMobInner {
  display: block !important;
}

#userList li a {
  display: block;
  text-align: center;
  border-top: 1px solid #e0e0e0;
  padding: 20px;
  color: #666;
  margin: 0;
  height: auto;
  line-height: 1;
  font-weight: bold;
}

#addByCodeForm {
  float: left;
  width: 100%;
}

#addByCodeForm .button {
  padding: 7px;
}

.no-touch #userList li a:hover {
  background: none;
  margin: 0;
}

#userList .button {
  margin: 0;
}

#muUserDetails {
  margin-left: 0;
}

a.mobTitle,
a.mobTitle:hover {
  color: #aaa;
  text-decoration: none;
}

.userSelected #muUserDetails {
  display: block !important;
}

#userList {
  border-bottom: 1px solid #e0e0e0;
}

.userSelected #userList {
  display: none !important;
}

.tecButton {
  margin: 0 0 10px;
}

.tecButtonArea {
  text-align: center;
}

#userPrivs {
  padding: 0;
}

#muHeader {
  padding: 0 0 42px;
}

#userPrivs .checkArea {
  height: auto;
  background-position: left 3px;
}

#userPrivs .checkArea span {
  display: block;
  line-height: default;
}

#calcArea .addLink,
.filter a {
  font-weight: normal;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
  color: #666;
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    from(#ffffff),
    to(#e6e6e6)
  );
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
  background-image: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  background-color: #fff;
  background-size: auto;
  text-shadow: 0 1px 0 #fff;
  -moz-text-shadow: 0 1px 0 #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  -o-text-shadow: 0 1px 0 #fff;
  -ie-text-shadow: 0 1px 0 #fff;
  cursor: pointer;
  box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -o-box-shadow: 0 1px 0 #fff;
  -ie-box-shadow: 0 1px 0 #fff;
  background-position: 0 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  display: block;
  zoom: 1; /* Good ole IE */
  height: 44px;
  line-height: 44px;
  padding: 0;
}

.siteFooter a {
  display: block;
  zoom: 1; /* Good ole IE */
  height: 44px;
  line-height: 44px;
  cursor: pointer;
  color: #888;
  background: #f2f2f2;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  border-radius: 6px;
}

.ftrLinks a.privColNotice {
  width: 98%;
}

.filter {
  background: #900;
  padding-left: 15px;
}

.filterButton {
  position: absolute;
  top: 15px;
  right: 15px;
}

.filter a {
  width: 100%;
  float: none;
  margin: 10px 0 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ie-box-shadow: none;
}

.mobAccName {
  display: block;
  clear: both;
  padding: 8px;
  text-align: center;
}

.accCell.grey {
  display: block;
  width: 24%;
  border-left: none !important;
  border-right: none !important;
  margin: 0 0.5%;
}

#loginTop,
#loginBtm {
  padding: 20px;
}

.termsArea {
  padding-top: 10px;
}

#loginArea,
#registerArea {
  margin: 0 20px !important;
}

#loginTop {
  background: #fff;
  padding: 30px;
  color: #ccc !important;
}

#loginBtm {
  background: #f2f2f2;
  border: 0;
  color: #666;
}

#loginArea .BigButton {
  margin-top: 10px;
}

#requestCoolcardForm {
  width: auto;
  float: none;
}

#requestCoolcardForm label {
  font-weight: normal;
}

#registerArea .backLink {
  display: none;
}

#loginOptions label {
  padding-left: 21px;
}

.formHelp {
  padding: 20px 0 0;
  margin: 20px 0 0;
  border-top: 1px solid #eaeaea;
  clear: left;
  float: none;
}

.addTemplate span {
  display: inline;
}

a.hlMenuButton.addTemplate {
  background: url(/lib/img/add_icon.png) no-repeat 17px center;
}

a.hlMenuButton {
  background-size: 34px;
  margin: 0;
  border: 0;
  padding: 12px 8px 12px 56px;
  text-align: left;
  background-position: 8px center;
  font-size: 14px;
  border-bottom: 1px solid #e0e0e0;
  border-left: none;
  border-right: 1px solid #e0e0e0;
  height: auto;
  float: none;
  width: auto;
  display: block;
  clear: left;
}

#tools a.hlMenuButton {
  padding-left: 70px;
  background-position: 20px center;
}

#productSelectors a {
  background-size: 36px;
  background-position: 11px center;
}

#otherTools a.hlMenuButton {
  background-size: 20px;
  background-position: 30px center;
}

.accRowHdr,
.accRow {
  border: none;
}

.accRowHdr .grey {
  background: none !important;
  padding: 3px 0;
  color: #999 !important;
}

.accCell.grey {
  background-color: transparent !important;
  padding-top: 30px;
  background-position: center 0;
  background-repeat: no-repeat;
}

a.hlMenuButton br {
  display: none;
}

.newHlGenerics,
#productSelectors,
#otherTools {
  border-top: 1px solid #e0e0e0;
}

.newHlGenerics,
.newHlSpecifics {
  margin: 0;
  float: none;
}

.newHlGenerics .divider {
  padding: 0;
}

.assistAccName {
  float: none;
  display: block;
}

a.customerLink {
  padding-left: 0 !important;
}

#companyAdminArea > a,
#accountMenu,
#switchLink span,
.accountNumber,
.hdrRow,
#headeruser,
.notOnTouch,
.hiddenOnMobile {
  display: none !important;
}

#cSearchArea {
  margin-right: 0;
}

#nav #companyMenu,
#nav #accountMenu,
.shownUpMob {
  display: block !important;
}

#cartItems,
#cartFooter {
  margin: 0;
  border: 0;
  border-top: 1px solid #e0e0e0;
}

#cartFooter {
  margin-bottom: 50px;
}

#order {
  margin-bottom: 50px;
}

#orderForm {
  border: 0;
}

#reportArea {
  border: 0;
}

div.content h1 {
  display: block;
  font-size: 28px;
  padding: 20px;
  margin: 0;
}

div.content h1.withBackLink {
  padding-top: 0;
}

.orderSubmitSection {
  padding: 0;
}

.quoteButton {
  margin: 10px 0 0;
}

.mobilePadded {
  padding: 20px;
}

#paymentPane .notices {
  padding: 20px 0 0 0;
}

#orderPaymentArea {
  padding-top: 0;
}

#cardDetails {
  float: none;
  width: auto;
}

#nav #accountMenu {
  border: none;
  padding: 0;
  width: auto;
  float: none;
}

.cylSummaryTable {
  margin-bottom: 10px;
}

#accountHeader {
  padding: 15px;
  background: #292929;
  color: #aaa;
  border-top: 1px solid #363636;
  border-bottom: 0;
  position: relative;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
}

.cylAppHeading {
  background: url(/lib/img/gas2go_logo_small.png) no-repeat right center;
  background-size: 110px;
}

#accountHeader .accountName {
  font-size: 16px;
  color: #666;
}

#manageUsersArea .withMenu {
  margin-left: 0 !important;
}

.hlTemplateSection {
  border-top: 1px solid #e0e0e0;
}

#switchLink {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: 0;
  padding: 0;
  background: url(/lib/img/acc_switch_icon.png?v=1) no-repeat right center;
}

.breadcrumb {
  padding: 20px;
  margin: 0;
  background: #f6f6f6;
  text-align: center;
}

.realTable:not(.forceDesktop) td {
  float: left;
  clear: left;
  display: block;
  border-bottom: 1px solid #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  width: 100% !important;
  padding: 0;
  position: relative;
  word-wrap: break-word;
  white-space: normal;
}

.realTable:not(.forceDesktop) td:last-child {
  border: none;
}

.realTable:not(.forceDesktop) tr,
.realTable:not(.forceDesktop) tr:nth-child(even) {
  border: 1px solid #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ie-border-radius: 4px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 15px;
  display: block;
  float: left;
  background: #f6f6f6 url(/lib/img/white_bg.png?v=1) repeat-y center top;
  clear: left;
  width: 100%;
}

.realTable:not(.forceDesktop) {
  table-layout: fixed;
}

.cellLabel,
.cellValue {
  float: left;
  display: inline;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 10px;
  text-align: left;
}

/*#balances .button*/
.agingBucketActions {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
  vertical-align: center;
  display: table-cell;
  padding: 6px 9px;
  margin: 10px;
}

#balances {
  border: 0;
}

#balances tr {
  margin: 0;
  background: none;
  border: 0;
}

#balances td {
  border-right: 0;
  border-left: 0;
}

#balances td:first-child {
  border-bottom: 1px solid #f2f2f2;
}

#balances div {
  padding: 0 !important;
}

h2.gas2goTitle {
  padding: 27px 0 0;
  background-position: left top;
}

#balances .cellLabel {
  font-size: 13px;
  width: auto;
  padding-bottom: 0;
  color: #888;
}

#paymentDetails,
#paymentTotal {
  border: 0;
  float: none;
  width: auto;
}

#paymentDetails {
  max-width: 260px;
  padding-right: 34px;
}

#orderForm {
  margin: 0;
}

#orderRight,
.orderSectionLeft,
.orderSectionRight {
  float: none;
  width: auto;
}

.orderSectionLeft {
  padding: 0 0 6px;
}

#paymentTotal {
  background: #f2f2f2;
  border-bottom: 1px solid #e0e0e0;
  color: #666;
}

#accountSelector {
  padding: 0;
}

#cart {
  min-width: 0;
}

.cartItemPriceEa,
.cartItemPriceTotal,
.cartItemGST,
.cartItemQty,
.cartItemName {
  float: none;
  width: auto;
  margin: 0;
}

#browseProductsForm div {
  margin-top: 8px !important;
}

#accountSelector h1 {
  padding: 15px;
  margin: 0;
  background: #f2f2f2;
  border-bottom: none;
  text-align: center;
}

#accountSelector td {
  display: none;
  background: #fff;
}

.newPwdArea {
  padding-top: 40px;
}

#resetSent .paySuccessMsg,
#resetSuccess .paySuccessMsg {
  padding-left: 0px;
  padding-right: 0px;
  background-color: transparent;
}

#accountSelector tr {
  border: 0;
  margin: 0;
}

.mobPadded {
  padding: 20px;
}

.stat {
  font-size: 24px;
}

.paySuccessMsg {
  padding: 60px 20px 20px;
  background-position: center 20px;
}

#registerForm .paySuccessMsg .BigButton {
  width: auto;
  margin: 30px 0 0;
}

.registration {
  position: relative;
  padding-bottom: 60px;
}

.regButtons {
  position: absolute;
  left: 15px;
  bottom: 15px;
  right: 15px;
}

.consUser > div {
  display: block;
  float: none;
  width: auto;
}

#accountSelector td.accName {
  display: table-cell;
  padding: 18px 0;
  color: #444;
  text-align: center;
}

#balances .cellValue {
  clear: left;
  font-size: 18px;
  font-weight: normal;
  width: auto;
  padding-top: 6px;
}

.sortSelect {
  display: inline-block;
  /*    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
  width: 100%;
  margin: 0 0 20px;
}

.calcSection {
  width: auto;
  margin-right: 0;
}

#hlCalcArea {
  padding: 0;
}

.hlDownloadArea,
#resultArea,
#resultAreaOuter,
.designLoad {
  border-radius: 0;
}

.hlDownloadArea {
  padding-bottom: 20px;
}

#calcArea {
  padding: 0;
  max-width: none;
  margin-left: 15px;
  margin-right: 15px;
}

#calcCol1,
.calcCol {
  width: 100%;
  float: none;
  display: block;
}

#resultAreaOuter {
  width: auto;
  margin: 0;
  float: none;
  border-bottom: 20px solid #fff;
  position: static;
}

#calcAreaOuter {
  margin: 0;
  padding-bottom: 30px;
}

.highlightArrow {
  right: -15px;
}

.calcSection h2 {
  font-size: 19px;
  color: #666;
}

#hlTitleArea {
  font-size: 16px;
}

#delProjLink,
#editProjLink {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ie-box-shadow: none;
  width: 30px;
  height: 30px;
  position: relative;
  right: -10px;
  top: -10px;
}

#reqForm input,
#reqForm select {
  width: 70px;
}

.psFldArea {
  min-width: 110px !important;
  height: auto;
  padding-bottom: 15px;
}

#configTypeMenu {
  padding: 10px 0 0;
}

#keyMetrics {
  padding: 0;
}

#configTypeMenu a {
  float: left;
  width: 33.33%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ie-border-radius: 0;
  color: #888;
  word-spacing: 10em;
}

.mobBdrTop {
  border-top: 1px solid #e0e0e0;
}

.mobBdrLeft {
  border-left: 1px solid #e0e0e0;
}

.noSelections {
  font-size: 14px;
  padding: 20px;
}

.psText {
  font-size: 14px;
}

.unitCode,
.unitQty {
  background: none;
  font-size: 12px;
  padding: 0;
}

.mobBdrBtm {
  border-bottom: 1px solid #e0e0e0;
}

#yourPrice {
  width: 100%;
  padding: 10px 0 0 0;
}

#yourPrice .metval {
  display: inline;
  font-size: 13px;
}

#keyMetrics {
  display: block;
  margin: 20px;
}

.metric,
.remoteMetrics .metric {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
  padding: 5px;
}

.metval {
  font-size: 18px;
}

.clearMob {
  clear: left;
}

.component .itemLink {
  display: none !important;
}

.noSelection .mobComponentBtns {
  display: none !important;
}

.mobItemHead {
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 3px;
}

.itemMoreLess .button {
  width: auto;
}

#projItems,
.projItem,
.projItem div {
  display: block;
}

.projItem {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 50px 10px 20px;
  position: relative;
}

.itemMoreLess {
  padding: 5px 0 0;
}

.projItem div {
  border: none;
}

.mobComponentBtns {
  padding: 15px 15px 0;
}

#selectorArea,
.projArea {
  padding-bottom: 0 !important;
}

.mobComponentBtns a {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

a.addItemLink {
  background-color: #dd001e;
  color: #fff;
}

a.itemInfoLink {
  border: 1px solid #dd001e;
  color: #dd001e;
}

.no-touch a.addItemLink:hover {
  border: 0;
  color: #fff;
  text-decoration: none;
}

.no-touch a.itemInfoLink:hover {
  text-decoration: none;
  color: #dd001e;
}

.componentLink {
  padding: 10px !important;
}

.unitTitle {
  letter-spacing: 0;
  font-weight: normal;
  text-transform: none;
  font-size: 14px;
}

#reportHeader {
  background: #fff;
  box-shadow: none;
  padding-right: 20px;
}

#reportHeader label {
  font-size: 14px;
  padding: 10px 0 10px 10px;
  display: inline-block;
  color: #333;
}

#printButton {
  position: static;
  margin-top: 10px;
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.repHdrSubSection {
  /*  border-color:#e0e0e0;
  padding-left:17px; */
  border: 0;
  border-top: 1px solid #e0e0e0;
  padding: 0;
  margin: 0;
}

#reportHeader .repHdrSubSection label {
  color: #888;
}

#itemMobHeader,
.mobComponentBtns {
  display: block !important;
}

#reqText {
  text-align: left;
  font-size: 14px;
}

.psForm a {
  float: none;
  display: block;
  margin: 0 0 20px;
}

a.componentLink {
  border: none;
  background: none;
  position: relative;
  padding: 20px 0 !important;
}

.component {
  border: none;
}

#incompleteCue {
  margin: 0;
}

#cylinderNotes,
#cylinderActivity {
  display: none;
}

#cylinderDetails {
  margin-right: 0;
  border: 0;
}

#addCartCue {
  margin: 0 20px 20px 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ie-border-radius: 4px;
}

.cylinderLocations {
  max-height: 250px;
}

.cylinderLocations,
.assignUserList {
  -webkit-overflow-scrolling: touch;
}

#selectedComponents {
  position: relative;
  border-top: none;
}

#selectedComponents .shadow {
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  height: 3px;
  bottom: -3px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -ie-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

#selectedComponents .mask {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  height: 8px;
  bottom: -8px;
  z-index: 3;
}

.split.cond_unit #splitCondUnitLink,
.split.evaporator #splitEvapLink,
.remote.condenser #remotecondenserLink,
.remote.basic_unit #remoteBasicUnitLink,
.remote.evaporator #remoteEvapLink {
  border-bottom: none;
}

.split.cond_unit #splitCondUnitLink .arrow,
.split.evaporator #splitEvapLink .arrow,
.remote.condenser #remotecondenserLink .arrow,
.remote.basic_unit #remoteBasicUnitLink .arrow,
.remote.evaporator #remoteEvapLink .arrow {
  background: #fff;
  left: 0;
  right: 0;
  top: inherit;
  bottom: -6px;
  height: 12px;
  width: auto;
  margin: 0;
  z-index: 4;
}
.split.cond_unit #splitCondUnitLink,
.split.evaporator #splitEvapLink,
.remote.condenser #remotecondenserLink,
.remote.basic_unit #remoteBasicUnitLink,
.remote.evaporator #remoteEvapLink {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

#selectorArea.split #configTypeSplit,
#selectorArea.remote #configTypeRemote,
#selectorArea.dropin #configTypeDropin {
  background: none;
  border: none;
  border-bottom: 2px solid #dd001e;
  border-right: 1px solid #f0f0f0;
  color: #dd001e;
}

.selProdImg {
  height: 59px;
  width: 80px;
  background-size: 80px;
}

.projReportDownloadArea {
  border-bottom: 0;
}

#delProjLink {
  background-image: url(/lib/img/project_delete_icon.png?v=1);
}

#systemNameTitle {
  padding-top: 0;
}

a#adminNewProjBtn {
  margin: 20px;
}

#selectProductDialog_dialog {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  position: fixed;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#selectProductDialog_dialog .baseBlock {
  top: 0;
  margin: 0;
}

#multiloadEquipment .wideButton {
  margin: 0 0 10px;
}

#projSearch {
  float: none;
  padding: 10px;
  margin: 0;
  background: #f2f2f2;
}

.projSrchFldArea {
  float: left;
  width: 75%;
}

#projSearchFld {
  width: 100%;
  height: 44px;
  line-height: 44px;
}

#projSearch > input {
  width: 10%;
  padding: 0;
  float: right;
  height: 44px;
  line-height: 44px;
  width: 23%;
  text-align: center;
}

#editProjLink {
  background-image: url(/lib/img/project_edit_icon.png?v=1);
}

#delProjLink span,
#editProjLink span {
  display: none;
}

.templateForm label {
  width: 90%;
}

.newHeatload h1 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#mobHlSaveArea {
  display: block !important;
}

#designLoadOuter {
  width: 100%;
}

.designLoad > div {
  padding: 20px 0 20px 20px;
}

#designLoadArea .button {
  display: inline-block !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ie-box-shadow: none;
  padding: 8px 14px;
}

.hlSaveArea {
  padding: 0 20px 0 0;
}

.projMenu {
  padding: 0;
  border: 0;
  background: #4d4d4d;
}

#designLoadArea {
  z-index: 5;
}

#designLoadArea.fixed {
  position: fixed;
  top: 0;
  background-image: none;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.projMenu li {
  width: 25%;
  padding: 0;
  float: left;
}

.projMenu li a,
.projMenu li a.selected,
.no-touch .projMenu li a:hover {
  display: block;
  float: none;
  padding: 30px 0 8px;
  background-position: center 5px;
  background-color: transparent;
  text-align: center;
  margin: 0;
  color: #fff;
  font-size: 12px;
}

.projMenu li a {
  border-bottom: 4px solid #999;
}

.projMenu li a.selected {
  border-color: #e80030;
}

.projLoadTab {
  background-image: url(/lib/img/proj_load_icon_light.png?v=1);
}

.projSolutionTab {
  background-image: url(/lib/img/proj_solution_icon_light.png?v=1);
}

.projOrderTab {
  background-image: url(/lib/img/proj_order_icon_light.png?v=1);
}

#dropInSel {
  padding-bottom: 20px;
}

#hlCalcArea .projHeader {
  padding-right: 0;
}

.projHeaderMob {
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #e0e0e0;
}

.projReportTab {
  background-image: url(/lib/img/proj_report_icon_light.png?v=1);
}

.ppProdCode {
  padding: 0 20px;
}

.noImage {
  display: none;
}

.productData {
  width: auto;
  float: none;
  padding: 20px;
  max-width: none;
  min-height: 0;
}

#pdRight {
  position: static;
}

.stockLevelPanel .branchName,
.stockLevelPanel .stock {
  font-size: 14px;
}

#delProjLink,
#editProjLink {
  top: 0;
  right: 0;
  margin: 0;
}

#overallStockLevel {
  float: none;
  width: auto;
}

#product h2 {
  padding: 0 20px;
  margin: 0;
}

a.backLink {
  padding: 16px 20px 16px 39px;
  background-position: 21px center;
  left: 0;
}

.projTitle {
  font-size: 18px;
  text-align: left;
  padding-top: 0;
  overflow: hidden;
  padding: 0 20px 20px;
  /* white-space:nowrap;
  position:relative; */
}
/*
.projTitleMask
{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:73px;
  background:url(/lib/img/proj_header_fade.png?v=1) no-repeat right top;
}
*/

#manageUsersArea div.midpanel.withMenu {
  border: 0;
}

#muHeader h2 {
  font-size: 21px;
}

#hlMenuArea {
  padding: 0;
}
/* no position:fixed in transform area
.savedIndicator
{
  position:fixed;
  left:0;
  top:0;
  right:0;
  margin:0;
  padding:15px;
  font-size:16px;
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  -o-border-radius:0px;
  -ie-border-radius:0px;
  box-shadow:0 1px 2px #000;
  -moz-box-shadow:0 1px 2px #000;
  -webkit-box-shadow:0 1px 2px #000;
  -o-box-shadow:0 1px 2px #000;
  -ie-box-shadow:0 1px 2px #000;
  text-align:center;
  display:block !important; 
}
*/

#hlMenuMob {
  display: block;
}

a.projRowMob {
  display: block;
  padding: 20px;
  color: #999;
  border-bottom: 1px solid #e0e0e0;
}

.projListTitle {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding-bottom: 4px;
  color: #333;
  position: relative;
  font-weight: bold;
}

.rightMaskWhite {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 62px;
  background: url(/lib/img/right_fade_out_white.png?v=1) no-repeat right top;
}

.ftrLinks a {
  width: 48%;
  float: left;
  margin: 1%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.copyright {
  padding: 20px 1%;
  text-align: center;
}

div.midpanel {
  padding: 0;
}

#accountStatements h2 {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}

.userSettingsArea,
.userPwdArea {
  float: none;
  width: auto;
  margin-right: 0;
  max-width: none;
  min-width: 0;
}

.userSettingsArea .BigButton {
  float: none;
  display: block;
  text-align: center;
}

.userPwdArea {
  margin-bottom: 30px;
}

.userSettingsArea .half,
#muUserDetails .half {
  width: auto;
  float: none;
}

.userSettingsArea h2,
.userPwdArea h2 {
  padding-left: 0;
  margin-top: 0;
}

.userSettingsArea .withRightMargin,
#muUserDetails .withRightMargin {
  margin: 0;
}

.surchargeNotice {
  float: none;
  width: auto;
  color: #666;
  border-top: 1px solid #e0e0e0;
  padding: 20px;
}

#customerActions {
  margin: 15px 15px 0 0;
}

#customerDetails,
#customerDetails > div,
#customerDetails > div > div {
  display: block;
  border: 0;
  padding: 0;
}

#customerDetails > div {
  padding: 0 0 10px;
}

#loginHeader {
  height: 150px;
  padding: 0;
  position: relative;
  background-image: url(/lib/img/hidpi/login_logo.png?v=1);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: center center;
}

#headerbar {
  height: 64px;
  padding: 0;
  position: relative;
  background-image: url(/lib/img/mobile-logo.svg?v=1);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px;
}

.payStmtNotice {
  display: none;
}

#paymentTotal {
  background: none;
  border: 0;
  padding: 20px 15px 0 22px;
}

.payTotal,
.payInvCount {
  display: inline;
}

.userSettingsArea {
  margin-top: 0;
}

#plFrm {
  padding: 20px;
}

#plFrm #prodCode {
  float: none;
  width: 100%;
}

.payInvoiceArea {
  margin-bottom: 15px;
  border-bottom: 0;
  background: none;
  padding: 0;
}

#cart .cartItemQty {
  margin: 0 0 6px;
}

.cartTotal {
  width: 33%;
  margin: 0;
}

#cartTotalsMob {
  margin: 0 0 15px;
}

.cartTotal {
  float: left;
  width: 100%;
}

.ordersSection {
  padding-bottom: 0;
}

.redNotice {
  margin: 0;
  border: 0;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
}

.ordersSectionTitle {
  padding-left: 20px;
  padding-bottom: 0;
}

.subMenu a:link,
.subMenu a:hover,
.subMenu a:visited {
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  text-transform: none;
  padding: 15px 0;
}

.subMenu {
  width: 100%;
  left: 0;
  margin: 0;
  border-top: 1px solid #eaeaea;
}

.subMenu a {
  border-left: 1px solid #eaeaea;
  display: block;
  text-align: center;
}

.subMenu li:first-child a {
  border: 0;
}

.subMenu.options_5 li {
  width: 20%;
}

.subMenu.options_4 li {
  width: 25%;
}

.subMenu.options_3 li {
  width: 33.3%;
}

.subMenu.options_2 li {
  width: 50%;
}

.subMenu.productsSubmenu a {
  font-size: 9px !important;
  font-weight: normal !important;
  padding-top: 40px !important;
  display: block;
}

.productsMenuCatalog {
  background: url(/lib/img/catalog_icon.png) no-repeat center 8px;
  background-size: 28px;
}

.productsMenuPromos {
  background: url(/lib/img/promotions_icon.png) no-repeat center 8px;
  background-size: 28px;
}

.productsMenuFavourites {
  background: url(/lib/img/favourites_icon.png) no-repeat center 8px;
  background-size: 28px;
}

.productsMenuRecommended {
  background: url(/lib/img/recommended_icon.png) no-repeat center 8px;
  background-size: 28px;
}

.productsMenuClearance {
  background: url(/lib/img/clearance_menu_icon.png) no-repeat center 8px;
  background-size: 28px;
}

.subHeader {
  font-size: 18px;
  padding: 20px;
}

.cartTotalLabel {
  width: 100px;
  float: left;
}

.cartTotalValue {
  float: left;
  width: auto;
}

#cartSummary .button {
  display: inline-block;
}

.cartMobRowTotal {
  font-weight: bold;
  padding: 4px 0 0;
  font-size: 14px;
}

#payWrapper {
  margin: 0;
}

.dashPayWrapper {
  margin-bottom: 20px !important;
}

.mobTitle {
  display: block;
  padding: 13px 15px;
  font-size: 16px;
  text-align: left;
  background: #3b3b3b;
  color: #aaa;
  font-weight: bold;
  position: relative;
}

.siteFooter {
  position: static;
  height: auto;
  padding: 15px;
  max-height: none;
  border: 0;
  background: #fff;
}

.footerRight {
  float: none;
  padding: 10px 1% 15px 1%;
  display: block;
  text-align: center;
  color: #666;
}

.wideDivider {
  margin: 20px -15px 0;
  width: auto;
}

#incomplete,
#requiredFlds,
#outOfBounds,
#hlCalcArea .padded {
  padding: 15px;
  font-size: 16px;
}

a.hlTitleBtn {
  float: right;
  position: static;
}

.hvacHdrBtn {
  float: none;
  display: block;
  padding-top: 12px;
  clear: both;
}

.hvacHdrBtn a.showOnMobile {
  display: inline !important;
}

.newProjBtn {
  position: absolute;
  right: 0;
  width: 42px;
  bottom: 0;
  top: 0;
  background: url(/lib/img/mob_add_icon.png?v=1) no-repeat center center;
  opacity: 0.5;
}

.newProjBtnDt {
  margin: 20px 20px;
}

@media (-webkit-min-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6/2),
  (min--moz-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  #switchLink {
    background-image: url(/lib/img/hidpi/acc_switch_icon.png?v=1);
    background-size: 73px;
  }
  #basicWallsSel {
    background-image: url(/lib/img/hidpi/walls_basic.png?v=1);
    background-size: 56px;
  }
  #perimWallsSel {
    background-image: url(/lib/img/hidpi/walls_perimeter.png?v=1);
    background-size: 56px;
  }
  #listWallsSel {
    background-image: url(/lib/img/hidpi/walls_list.png?v=1);
    background-size: 56px;
  }
  .closeBtn {
    background-image: url(/lib/img/hidpi/close_icon.png?v=1);
    background-size: 14px;
  }
  .highlightArrow {
    background-image: url(/lib/img/hidpi/highlight_arrow.png?v=1);
    background-size: 32px;
  }
  #solidInsertBtn {
    background-image: url(/lib/img/hidpi/ol_solid_icon.png?v=1);
    background-size: 44px;
  }
  #glassInsertBtn {
    background-image: url(/lib/img/hidpi/ol_glass_icon.png?v=1);
    background-size: 44px;
  }
  #lightsBtn {
    background-image: url(/lib/img/hidpi/ol_lights_icon.png?v=1);
    background-size: 44px;
  }
  #occupantsBtn {
    background-image: url(/lib/img/hidpi/ol_people_icon.png?v=1);
    background-size: 44px;
  }
  #forkliftsBtn {
    background-image: url(/lib/img/hidpi/ol_forklifts_icon.png?v=1);
    background-size: 44px;
  }
  #motorsBtn {
    background-image: url(/lib/img/hidpi/ol_motors_icon.png?v=1);
    background-size: 44px;
  }
  #otherBtn {
    background-image: url(/lib/img/hidpi/ol_other_icon.png?v=1);
    background-size: 44px;
  }
  h2.gas2goTitle {
    background-image: url(/lib/img/hidpi/gas2go_logo.png?v=1);
    background-size: 79px;
  }
  .loginArrow {
    background-image: url(/lib/img/hidpi/login_arrow.png?v=1);
    background-size: 24px;
  }
  .gridProdSaving {
    background-image: url(/lib/img/hidpi/sale_icon_small.png);
    background-size: 58px;
  }
  .designLoad {
    background-image: url(/lib/img/hidpi/result_arrow.png?v=1);
    background-size: 18px;
  }
  #managePortalOption {
    background-image: url(/lib/img/hidpi/world_grey.png?v=1);
    background-size: 18px;
  }
  #viewCompanyOption {
    background-image: url(/lib/img/hidpi/eye_grey.png?v=1);
    background-size: 18px;
  }
  #manageUsersOption {
    background-image: url(/lib/img/hidpi/users_grey.png?v=1);
    background-size: 18px;
  }
  .infoIcon {
    background-image: url(/lib/img/hidpi/info_icon.png?v=1);
    background-size: 14px;
  }
  .priv0Desc {
    background-image: url(/lib/img/hidpi/priv_0_icon_large.png?v=1);
    background-size: 30px;
  }
  .priv1Desc {
    background-image: url(/lib/img/hidpi/priv_1_icon_large.png?v=1);
    background-size: 30px;
  }
  .priv2Desc {
    background-image: url(/lib/img/hidpi/priv_2_icon_large.png?v=1);
    background-size: 30px;
  }
  .priv3Desc {
    background-image: url(/lib/img/hidpi/priv_3_icon_large.png?v=1);
    background-size: 30px;
  }
  .backLink {
    background-image: url(/lib/img/hidpi/back_icon.png?v=1);
    background-size: 16px;
  }
  label.required {
    background-image: url(/lib/img/hidpi/aster.png?v=1);
    background-size: 9px;
  }
  .cvvIcon {
    background-image: url(/lib/img/hidpi/cvv_icon.png?v=1);
    background-size: 35px;
  }
  #browseProductsForm div {
    background-image: url(/lib/img/hidpi/sub_arrow.png?v=1) !important;
    background-size: 15px;
  }
  .pdfLink {
    background-image: url(/lib/img/hidpi/pdf_icon.png?v=1);
    background-size: 30px;
  }
  .no-touch .pdfLink:hover {
    background-image: url(/lib/img/hidpi/pdf_icon_over.png?v=1);
    background-size: 30px;
  }
  .newProjBtn {
    background-image: url(/lib/img/hidpi/mob_add_icon.png?v=1);
    background-size: 16px;
  }
  .projLoadTab {
    background-image: url(/lib/img/hidpi/proj_load_icon_light.png?v=1);
    background-size: 32px;
  }

  .projSolutionTab {
    background-image: url(/lib/img/hidpi/proj_solution_icon_light.png?v=1);
    background-size: 32px;
  }

  .projOrderTab {
    background-image: url(/lib/img/hidpi/proj_order_icon_light.png?v=1);
    background-size: 32px;
  }

  .projReportTab {
    background-image: url(/lib/img/hidpi/proj_report_icon_light.png?v=1);
    background-size: 32px;
  }

  #delProjLink {
    background-image: url(/lib/img/hidpi/project_delete_icon.png?v=1);
    background-size: 24px;
  }

  #editProjLink {
    background-image: url(/lib/img/hidpi/project_edit_icon.png?v=1);
    background-size: 24px;
  }

  .dropItemBtn {
    background-image: url(/lib/img/hidpi/close_icon.png?v=1);
    background-size: 14px;
  }

  a.hlMenuButton.addTemplate {
    background-image: url(/lib/img/hidpi/add_icon.png);
    background-size: 16px;
  }
}

select {
  border-width: auto !important;
  border-style: auto !important;
  border-color: auto !important;
  background-color: none !important;
  padding: 7px;
}

@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/*
 *
 *  Copyright (c) David Bushell | http://dbushell.com/
 *
 */
/* normalize.css v2.0.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

.block {
  position: relative;
  margin: 0 auto;
  padding: 1.5em 1.25em;
  max-width: 60em;
}

/*

.close-btn:focus, .no-touch .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  border: 0;
  outline: none;
  background: #292929 url("../img/nav-icon.svg") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
  background-image: url("../img/nav-icon.png");
}
.no-touch .nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
}
#nav .close-btn {
  display: none;
}
#nav .block-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 0.75em 1.25em;
  background: #292929;
}

#nav {
  position: absolute;
  top: 0;
  background:#292929;
}
#nav:not(:target) {
  z-index: 1;
  height: 0;
}
#nav:target .close-btn {
  display: block;
}
#nav .close-btn {
  position: absolute;
  top: -3.75em;
  left: 1.875em;
}
#nav .block {
  position: relative;
  padding: 0;
}

.js-ready #nav {
  height: 100%;
  width: 80%;
  background: #292929;
  -webkit-box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.8);
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.8);
}
.js-ready #nav .block {
  background: transparent;
}
.js-ready #nav .close-btn {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.js-ready #nav .close-btn:focus, .no-touch.js-ready #nav .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.js-ready #nav {
  left: -80%;
}
.js-ready #inner-wrap {
  left: 0;
}

.js-nav #inner-wrap {
  left: 80%;
}

.csstransforms3d.csstransitions.js-ready #nav {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.csstransforms3d.csstransitions.js-ready #inner-wrap {
  left: 0 !important;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 350ms ease;
  -moz-transition: -moz-transform 350ms ease;
  -o-transition: -o-transform 350ms ease;
  transition: transform 350ms ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.csstransforms3d.csstransitions.js-nav #inner-wrap {
  -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
}

.csstransforms3d.csstransitions.js-ready #nav .block {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 300ms 100ms, -webkit-transform 350ms ease;
  -webkit-transition-delay: ease, 0s;
  -moz-transition: opacity 300ms 100ms ease, -moz-transform 350ms ease;
  -o-transition: opacity 300ms 100ms ease, -o-transform 350ms ease;
  transition: opacity 300ms 100ms ease, transform 350ms ease;
  -webkit-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
  -moz-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
  -ms-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
  -o-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
  transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.csstransforms3d.csstransitions.js-nav #nav .block {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
*/

@media (max-width: 420px) {
  .productsPage.list .productImage {
    top: 20px;
  }
  .productsPage.list .favLink {
    top: 0;
    bottom: auto;
    height: 44px;
  }
  .productsPage.list .product {
    padding-right: 120px;
    padding-bottom: 60px;
    padding-right: 10px;
  }
  .productsPage.list .productOrderingArea {
    position: absolute;
    left: 0;
    right: 0;
    height: 60px;
    bottom: 0;
    border-top: 1px solid #f2f2f2;
    top: auto;
  }
}

/*# sourceMappingURL=screen_480-deea1cc3f2.css.map */