body {
  position: relative
}

.dijitSelect span {
  padding: 0 !important;
  margin: 0 !important
}

#overlay {
  background: rgba(0, 0, 0, .3);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 898
}

.dijitPlaceHolder {
  color: #aaa;
  left: 0;
  position: absolute;
  top: 0
}

.lightedSection {
  background: #fff;
  border: 10px solid #fff;
  border-radius: 20px;
  margin: auto;
  z-index: 899
}

.more_info_icon {
  display: inline-block;
  width: 27px;
  height: 27px
}

.more_info_icon .info_on, .more_info_icon:hover .info_off {
  display: none
}

.more_info_icon .info_off, .more_info_icon:hover .info_on {
  display: block
}

.verticalAlign_middle {
  vertical-align: middle
}

.more_info_icon>img {
  max-width: 100%;
  max-height: 100%
}

.clearFloat {
  clear: both
}

.left {
  float: left
}

.right {
  float: right
}

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

.list_mode .product_info {
  margin-top: 30px;
  margin-bottom: 10%
}

.product_image {
  margin: 0 auto;
  padding-top: 0;
  margin-bottom: 0;
  position: relative
}

.product>.product_image img {
  width: 100%;
  height: 100%;
  max-width: 200px;
  max-height: 310px
}

.list_mode .product>.product_image img {
  width: inherit;
  height: 100%;
  max-width: inherit;
  max-height: 248px
}

.additional_content .left_espot>img {
  width: 100%
}

div#widget_minishopcart_popup>#cartDropdown .product>.product_image>a {
  height: 87px;
  text-align: center
}

div#widget_minishopcart_popup>#cartDropdown .product>.product_image>a>img {
  height: 100%;
  width: auto
}

div#widget_minishopcart_popup_1>#cartDropdown .product>.product_image>a {
  height: 114px;
  text-align: center
}

div#widget_minishopcart_popup_1>#cartDropdown .product>.product_image>a>img {
  height: 100%;
  width: auto
}

.quick_info_toggle {
  display: none
}

div.widget_quick_info_popup>.bottom, div.widget_quick_info_popup>.top {
  width: auto
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column, div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column {
  width: auto;
  max-width: 330px
}

#quickInfoPopup {
  top: 0 !important
}

#QuickInfoaddToShoppingList {
  line-height: 1.4
}

.productListingWidget {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding-bottom: 10px
}

.catPos>.container {
  width: 100%;
  min-width: 0;
  padding: 0;
  background: #f8f8f8;
  text-align: center
}

.catPos>.container>a {
  display: block;
  padding: 8px 0;
  text-align: center
}

.catPos>.container>a:hover {
  text-decoration: underline
}

.product_group_name {
  color: #010f1c;
  font-size: 12px;
  float: none
}

.catEntryList_border {
  margin: 10px 5%;
  padding-bottom: 15px;
  border-bottom: 1px dotted #c9c9c9;
  position: absolute;
  bottom: 0;
  width: 90%
}

.catEntryGrid_border {
  display: inline-block;
  margin: 0 5%;
  border-bottom: 1px dotted #c9c9c9;
  bottom: 0;
  width: 90%
}

div.widget_articles_videos>.content>.header_bar {
  height: 75px;
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
  content: "";
  display: block;
  clear: both
}

div.widget_articles_videos>.content>.header_bar>.title {
  float: left;
  padding: 5px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase
}

div.widget_articles_videos>.content {
  width: 100%
}

div.widget_articles_videos>.content>.header {
  padding-left: 19px;
  padding-right: 19px;
  font-size: 16px;
  padding-top: 14px;
  position: relative;
  height: 60px;
  border-bottom: 1px solid #e5e5e5
}

div.widget_articles_videos>.content>.header>span.small {
  font-size: 12px;
  float: left;
  margin-left: 4px
}

div.widget_articles_videos>.content>.header>.title {
  float: left
}

div.widget_articles_videos>.content>.header>.paging_controls {
  color: #767676;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 16px
}

div.widget_articles_videos>.content>.header>.paging_controls>.divider {
  background-color: #bfbfbf;
  float: left;
  height: 17px;
  margin: 0 6px;
  width: 1px
}

div.widget_articles_videos>.content>.header>.paging_controls .left_arrow {
  background-image: url(../images/colors/color1/left_arrow_sprite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 17px;
  width: 17px;
  margin: 0 6px;
  float: left
}

div.widget_articles_videos>.content>.header>.paging_controls .right_arrow {
  background-image: url(../images/colors/color1/right_arrow_sprite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 17px;
  width: 17px;
  margin: 0 6px;
  float: left
}

div.widget_articles_videos>.content>.header>.paging_controls .active {
  background-color: #ef5305;
  background-position: left top;
  color: #fff !important;
  cursor: pointer
}

div.widget_articles_videos>.content>.header>.paging_controls .inactive {
  background-color: #bfbfbf;
  background-position: left bottom;
  color: #fff !important
}

div.widget_articles_videos>.content>.header>.paging_controls>.pages {
  float: left;
  line-height: 17px;
  margin-left: 6px
}

div.widget_articles_videos>.content>.header>.paging_controls>.pages>ul {
  list-style-type: none;
  overflow: hidden
}

div.widget_articles_videos>.content>.header>.paging_controls>.pages>ul>li {
  color: #ca4200;
  cursor: pointer;
  display: block;
  float: left;
  margin: 0 2px;
  min-width: 14px;
  padding: 0 2px;
  text-align: center
}

div.widget_articles_videos>.content>.header>.paging_controls>.view_all {
  float: left;
  line-height: 17px;
  margin-left: 6px
}

div.widget_articles_videos>.content>.header>.paging_controls>.view_all>a {
  color: #ca4200;
  text-decoration: none
}

div.widget_articles_videos>.content>.header>.sorting_controls {
  color: #666;
  font-size: 11px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 40px
}

div.widget_articles_videos>.content>.header>.sorting_controls>.sort_by {
  line-height: 18px
}

div.widget_articles_videos>.content>.header>.sorting_controls>select {
  border: 1px solid #666;
  font-size: 11px;
  height: 18px;
  min-width: 114px
}

div.widget_articles_videos>.content>.item {
  padding-left: 19px;
  padding-right: 8px;
  padding-bottom: 17px;
  padding-top: 17px
}

div.widget_articles_videos>.content>.divider {
  height: 1px;
  border-bottom: 1px solid #e5e5e5;
  margin-left: 8px;
  margin-right: 8px
}

div.widget_articles_videos>.content>.item>.icon {
  height: 32px;
  width: 32px;
  float: left
}

div.widget_articles_videos>.content>.item>.description {
  font-size: 12px;
  float: left;
  line-height: 14px;
  padding-left: 11px;
  width: 630px
}

div.widget_articles_videos>.content>.item>.description>.header {
  font-size: 14px;
  margin-bottom: 5px;
  cursor: pointer;
  float: left
}

div.widget_articles_videos>.content>.item>.description>.header:hover {
  text-decoration: underline
}

#articleListing {
  list-style-type: none;
  padding: 0 20px 0 20px;
  margin-top: 20px
}

#articleListing li {
  float: left;
  width: 100%;
  min-height: 107px;
  margin-right: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e9e9e9
}

#articleListing .icon {
  float: left;
  margin-right: 10px
}

#articleListing .videoItem .icon .iconPlayOverlay {
  border: 0;
  position: relative;
  top: -86px;
  width: 69px;
  left: 48px;
  height: auto
}

#videoItemScreen {
  height: auto;
  width: 100%;
  border: solid #fff 2px
}

#videoContentBackground {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 1px 0 0 1px;
  z-index: 100;
  background: rgba(0, 0, 0, .7)
}

#modelBox {
  position: fixed;
  top: 0;
  padding: 1px 0 0 1px;
  z-index: 101
}

#videoContentFrame {
  position: fixed;
  top: 100px;
  width: 719px;
  height: 413px;
  left: 50%;
  margin-left: -360px
}

#modelBoxClose {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #000;
  color: #fff;
  border-radius: 20px;
  width: 23px;
  text-align: center;
  z-index: 10;
  border: 2px solid #fff
}

#modelBoxClose:hover {
  cursor: pointer
}

#video1 {
  width: 718px !important;
  height: 412px !important
}

#articleListing .icon:hover {
  cursor: pointer
}

#articleListing li .content {
  padding: 15px 20px 20px 100px
}

#articleListing li .content h1 {
  font-size: 15px;
  padding: 0
}

#articleListing li .content h2 {
  font-size: 11px;
  text-transform: uppercase
}

.tabButtonContainer {
  margin-bottom: 0 !important
}

.tab_header {
  margin-right: 20px;
  display: table;
  border-spacing: 6px 0;
  max-width: 670px;
  margin-left: 6px
}

.tab_header .tab_container {
  width: 28%;
  float: none;
  padding: 9px 10px 7px 10px;
  text-transform: none
}

.tab_header .tab_container>.contentRecommendationWidget {
  border: 1px solid transparent
}

.tab .productListingWidget {
  border: none;
  border-radius: 0
}

.tab_spacer {
  width: 1%;
  float: left;
  height: 32px
}

.tab_container {
  text-transform: uppercase;
  font-weight: 700;
  color: #ca4000;
  font-size: 12px;
  width: 40%;
  float: left;
  padding: 10px;
  position: relative !important;
  display: table-cell;
  text-align: center;
  border-top: 2px solid #ca4200;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  -moz-border-radius: 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  outline: 1px solid #fff;
  vertical-align: middle
}

.tab_container:hover {
  cursor: pointer
}

.inactive_tab {
  color: #686868;
  border-top: 2px solid #bbb;
  border-bottom: 1px solid #e9e9e9;
  background-image: linear-gradient(bottom, #ddd, #fff 75%);
  background-image: -o-linear-gradient(bottom, #ddd, #fff 75%);
  background-image: -moz-linear-gradient(bottom, #ddd, #fff 75%);
  background-image: -webkit-linear-gradient(bottom, #ddd, #fff 75%);
  background-image: -ms-linear-gradient(bottom, #ddd, #fff 75%)
}

.tab {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  margin-top: 0 !important;
  width: 99%
}

div.widget_title_container {
  width: 100%;
  line-height: 30px
}

div#widget_coordinate>.middle>.content>.coordinate_body>.left_column>.cross_image {
  height: 103px;
  width: 16.3333%;
  max-width: 113px
}

div#widget_coordinate>.middle>.content>.coordinate_body>.left_column>.product {
  width: 33.3333%;
  height: auto;
  max-width: 105px
}

div#widget_coordinate>.middle>.content>.coordinate_body>.left_column>.product img {
  width: 100%;
  height: auto;
  max-width: 105px
}

div#widget_coordinate>.middle>.content>.coordinate_body>.right_column {
  margin-left: 0;
  width: 100%
}

div#widget_coordinate>.middle>.content>.coordinate_body>.left_column {
  padding-bottom: 35px;
  width: 100%
}

div#widget_coordinate {
  width: 100%
}

div#widget_coordinate>.content {
  padding-bottom: 10px
}

div#widget_coordinate>.content>.coordinate_title {
  width: 20%
}

div#widget_coordinate>.middle {
  width: 100%
}

div#widget_coordinate>.middle>.content {
  padding: 0 0 40px 0;
  width: 100%
}

div#widget_coordinate>.middle>.content .down_arrow {
  width: 20px;
  height: 10px;
  position: absolute;
  left: 43%;
  visibility: hidden
}

div#widget_coordinate>.middle>.content .up_arrow {
  position: absolute;
  top: -17px;
  left: 43%;
  width: 20px;
  height: 10px;
  visibility: hidden
}

div#widget_coordinate>.middle>.content .down_active {
  visibility: visible
}

div#widget_coordinate>.middle>.content .up_active {
  visibility: visible
}

div.widget_sidebar_container>div.header_content {
  line-height: 25px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  padding-bottom: 4px;
  min-height: 59px
}

#homePageEspot1, #homePageEspot2, #homePageEspot_Left, #homePageEspot_Middle, #homePageEspot_Right {
  width: 100%
}

#homePageEspot1_Slot, #homePageEspot2_Slot, #homePageEspot_Left_Slot, #homePageEspot_Middle_Slot, #homePageEspot_Right_Slot {
  position: relative;
  z-index: 2
}

.textContainer .title {
  font-family: arial, helvetica;
  font-weight: 700;
  font-size: 40px;
  color: #073769;
  line-height: 42px;
  margin-bottom: 10px;
  text-transform: uppercase
}

.textContainer .bodyText {
  font-family: arial, helvetica;
  font-size: 14px;
  color: #073769;
  line-height: 14pt;
  margin-left: 1px
}

.textContainer .button {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 9px 20px;
  border-radius: 3px;
  background-color: #c5293e;
  font-size: 20px;
  color: #fff;
  width: 100px;
  margin-top: 15px;
  margin-left: 1px
}

@media (min-width:1281px) {
  .tab {
    margin-top: 0 !important
  }
}

h1 {
  padding: 0;
  font-size: 28px;
  font-weight: inherit
}

.collapsible>h3 {
  cursor: pointer
}

.collapsible>.content {
  overflow: hidden
}

.collapsible[aria-expanded=false]>.content {
  max-height: 0;
  visibility: hidden
}

#content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible {
  padding: 10px 5%;
  background-color: #f0f0f0;
  border-radius: 5px;
  transition: background-color .2s
}

#content .collapsible:hover, .categoryNavWidget.collapsible:hover, .linkWidget.collapsible:hover {
  background-color: #e0e0e0
}

#content .collapsible>h3, .categoryNavWidget.collapsible>h3, .linkWidget.collapsible>h3 {
  display: block;
  position: relative;
  margin: -10px -12px;
  padding: 10px 34px;
  font-size: 17px;
  font-weight: inherit;
  overflow: hidden;
  min-height: 1.4em
}

#content .collapsible>.header, .categoryNavWidget.collapsible>.header, .linkWidget.collapsible>.header {
  font-size: 17px
}

#content .collapsible>h3:before, .categoryNavWidget.collapsible>h3:before, .linkWidget.collapsible>h3:before {
  content: url(../images/responsive/rwdUI.png);
  position: absolute;
  top: -27px;
  left: -49px;
  clip: rect(41px, 78px, 58px, 61px)
}

#content .collapsible[aria-expanded=false]>h3:before, .categoryNavWidget.collapsible[aria-expanded=false]>h3:before, .linkWidget.collapsible[aria-expanded=false]>h3:before {
  left: -29px;
  clip: rect(41px, 58px, 58px, 41px)
}

#content .collapsible>.content>ul, .linkWidget.collapsible>.content>ul {
  margin: 10px 0 0 0;
  background-color: #fff;
  font-size: 12px;
  list-style-type: none
}

#content .collapsible>.content>ul>li, .linkWidget.collapsible>.content>ul>li {
  padding: 10px;
  border-top: 1px solid #f0f0f0
}

#content .collapsible>.content>ul>li:first-of-type, .linkWidget.collapsible>.content>ul>li:first-of-type {
  border-top-width: 0
}

#attachmentPaginationContainer .attachment>.attachment {
  float: left;
  max-width: 100px;
  padding-top: 2px;
  padding-right: 15px
}

#attachmentPaginationContainer .attachment>.attachment>.description {
  padding-left: 2px
}

#attachmentPaginationContainer .header {
  text-transform: capitalize;
  font-size: 14px
}

.searchAssocAssets .showDetails {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 16px
}

.searchAssocAssets {
  margin-top: 7px;
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transition: background-color .2s
}

.searchAssocAssets[aria-expanded=true]>a>.arrow {
  width: 15px;
  margin: 5px 3px 0 0;
  background-position: -241px -41px
}

.searchAssocAssets>a>.arrow {
  float: left;
  background: url(../images/responsive/rwdUI.png) no-repeat;
  width: 10px;
  height: 10px;
  margin: 2px 5px 0 3px;
  background-position: -221px -41px
}

.searchAssocAssets>.product_attachment {
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 99
}

.searchAssocAssets>.product_attachment .item_spacer_5px {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
  padding-bottom: 10px
}

.searchAssocAssets>.product_attachment>.icon {
  float: left;
  margin-right: 5px
}

.searchAssocAssets>.product_attachment>.details p {
  color: #666;
  font-size: 14px;
  line-height: 14px;
  margin-left: 10px;
  margin-top: 10px;
  text-align: left;
  text-transform: capitalize
}

.product_page_content #productSlot56 {
  float: none
}

.product_page_content #productFullWidthSlot56 {
  float: right
}

.product_page_content .tab>.content {
  clear: both;
  font-size: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 17px;
  padding-right: 17px;
  color: #4d4d4d;
  line-height: 22px
}

.product_page_content .tab>.content>div {
  padding-bottom: 10px
}

.product_page_content .tab>.content>ul {
  padding-top: 2px;
  padding-left: 25px;
  padding-bottom: 10px
}

.product_page_content .content .merchandisingAssociationWidget .product_info ul {
  padding-left: 0;
  float: left;
  width: 100%
}

.product_page_content .content .merchandisingAssociationWidget .product_info .product_option .button {
  width: 97%;
  min-height: 0;
  line-height: normal;
  padding-bottom: 7px;
  padding-top: 6px;
  word-wrap: break-word;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.product_page_content .content .merchandisingAssociationWidget .product_info .selectWrapper {
  width: 90%;
  box-sizing: border-box;
  -moz-box-sizing: border-box
}

.product_page_content .content .merchandisingAssociationWidget .product_info .selectWrapper .dijitSelect {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box
}

.product_page_content #productFullWidthSlot56>div:nth-child(2), .product_page_content #productSlot56>div:nth-child(2) {
  border-bottom: none;
  display: table-cell;
  display: -moz-groupbox
}

.product_page_content .widget_product_image_viewer>.content {
  float: right;
  padding-bottom: 20px
}

.product_page_content .widget_product_image_viewer .image_container {
  width: 95%
}

div.widget_product_image_viewer {
  width: 100%;
  margin-bottom: 30px
}

.widget_product_image_viewer .image_container>img {
  width: 100%;
  float: left;
  max-width: 402px;
  max-height: 622px;
  margin-right: 140px
}

.mobileVisible {
  display: none
}

.definingAttributes {
  padding-bottom: 5px;
  font-size: 14px
}

.definingAttributes:after {
  clear: both;
  content: "";
  display: block
}

.definingAttributes .options_dropdown_column {
  float: left;
  min-width: 180px;
  margin-bottom: 20px;
  padding-right: 20px
}

.definingAttributes .options_dropdown_column .heading {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px
}

.definingAttributes .options_dropdown_column .selectWrapper {
  padding-top: 4px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 4px;
  height: auto
}

.definingAttributes .options_dropdown_column .selectWrapper .dijitSelect {
  font-size: 12px;
  padding: 0;
  min-width: 156px
}

.definingAttributes .attBorder {
  border-top: 1px solid #e5e5e5
}

.definingAttributes .color_swatch_label {
  display: inline-block;
  padding-top: 10px
}

.definingAttributes>div.color_swatch_label:first-child {
  padding-top: 0;
  border-top: none
}

.definingAttributes div[id^=swatch_selection_] {
  display: inline-block
}

.definingAttributes .currentUsedFilters {
  font-size: 12px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-bottom: 7px;
  padding-top: 7px;
  margin-bottom: 10px
}

.definingAttributes .currentUsedFilters .usedFilter {
  display: none;
  margin-right: 10px
}

.definingAttributes .currentUsedFilters .usedFilter.visible {
  display: inline-block
}

.definingAttributes .currentUsedFilters .close:before {
  position: absolute;
  content: url(../images/responsive/rwdUI.png);
  top: -1px;
  left: -61px
}

.definingAttributes .currentUsedFilters .close {
  vertical-align: middle;
  margin-top: 2px;
  margin-right: 2px;
  float: left;
  height: 15px;
  width: 15px;
  overflow: hidden;
  position: relative;
  cursor: pointer
}

.definingAttributes .currentUsedFilters .close:hover:before {
  top: -1px;
  left: -241px
}

.color_swatch_list {
  line-height: 35px
}

.color_swatch_list>ul, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list>ul {
  padding: 0
}

.color_swatch_list>ul>li, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list>ul>li {
  width: 34px;
  text-align: center
}

.color_swatch_list .color_swatch, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch {
  border-radius: 100%;
  box-shadow: 0 0 0 1px #e5e5e5;
  vertical-align: middle
}

.productDescDropMerch {
  margin-top: 7px;
  background-color: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important
}

.productDescDropMerch>a>.showDetails {
  font-size: 12px !important;
  font-weight: 700;
  color: #767676 !important;
  line-height: 21px !important
}

.productDescDropMerch .product_info {
  margin: 0
}

.productDescDropMerch .product_info>.header {
  font-size: 14px
}

.productDescDropMerch .product_info .quantity_section {
  margin-top: 0 !important
}

.productDescDropMerch .product_info>.product_description {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px
}

.productDescDropMerch .product_info>.product_description>.sku {
  font-size: 10px;
  color: #777
}

.productDescDropMerch>a>.arrow {
  float: left;
  background: url(../images/responsive/rwdUI.png) no-repeat;
  width: 15px;
  height: 15px;
  margin: 3px 5px 0 3px;
  background-position: -80px -40px
}

.productDescDropMerch[aria-expanded=true]>a>.arrow {
  background-position: -100px -40px
}

#widget_coordinate .list_mode .product>.product_image_merch {
  position: relative;
  width: 100%;
  margin: 0
}

#widget_coordinate .list_mode .product>.product_name_merch {
  font-size: 16px;
  color: #767676;
  height: 90px
}

div.product_listing_container .list_mode .product .product_info>.product_color_swatches {
  clear: left;
  overflow: hidden
}

.product_listing_container div.col {
  padding-top: 20px
}

.product_listing_container .list_mode .product {
  max-width: 100%
}

.product_listing_container .list_mode .product .product_info>.product_option {
  margin-top: 7px
}

.color_swatch_list .color_swatch_disabled, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch_disabled {
  border-radius: 100%;
  box-shadow: 0 0 0 1px #c1c1c1;
  vertical-align: middle;
  cursor: default
}

.color_swatch_list .color_swatch:hover, .color_swatch_list .color_swatch_selected, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch:hover, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch_selected {
  border-radius: 100%;
  box-shadow: 0 0 0 3px #fac549;
  vertical-align: middle
}

.namePartPriceContainer h1 {
  font-size: 22px;
  line-height: 24px
}

.namePartPriceContainer h2 {
  font-size: 13px;
  color: #000;
  padding-left: 24px;
  line-height: 30px
}

div.namePartPriceContainer>.print_section {
  float: right;
  line-height: 16px;
  font-size: 11px;
  text-decoration: none;
  cursor: pointer
}

div.namePartPriceContainer>.print_section>span {
  float: right
}

div.namePartPriceContainer>.print_section>.print_icon {
  float: right;
  margin-right: 10px;
  background: url(../images/colors/color1/widget_product_info/print_icon_sprite.png) no-repeat;
  height: 16px;
  width: 16px
}

div.namePartPriceContainer>.print_section:hover span {
  text-decoration: underline
}

div.namePartPriceContainer>.print_section:hover>.print_icon {
  background-position: 0 -16px
}

div.namePartPriceContainer h1.main_header {
  line-height: 32px;
  display: block;
  padding: 0
}

div.namePartPriceContainer>.not_available {
  font-size: 13px;
  color: #767676;
  line-height: 16px;
  font-style: italic
}

div.namePartPriceContainer>div>span.configured {
  font-size: 16px;
  color: #4d4d4e;
  line-height: 18px;
  margin-top: -2px;
  float: left
}

div.namePartPriceContainer>div>span.old_price {
  font-size: 16px;
  color: #767676;
  line-height: 18px;
  float: left;
  text-decoration: line-through;
  margin-right: 4px
}

div.namePartPriceContainer>div>span.price {
  font-size: 16px;
  color: #ca4200;
  line-height: 18px;
  font-weight: 700;
  display: block
}

div.namePartPriceContainer>span.sku {
  font-size: 10px;
  line-height: 12px;
  color: #767676;
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 10px
}

div.namePartPriceContainer .promotion {
  font-size: 12px;
  color: #006ecc
}

div.namePartPriceContainer {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 4px
}

.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings .single_star, div.namePartPriceContainer .single_star {
  display: block;
  float: left;
  height: 16px;
  width: 16px;
  padding-right: 3px;
  margin-top: 3px;
  background: url(../images/colors/color1/star_rating.png) no-repeat 0 0
}

.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings .single_star:hover, div.namePartPriceContainer .single_star:hover {
  background-position: 0 -16px
}

div.namePartPriceContainer>div.star_ratings {
  padding-top: 1px;
  padding-bottom: 7px
}

.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings .reviews a, div.namePartPriceContainer>div.star_ratings>span.reviews a {
  color: #006ecc;
  font-size: 12px;
  float: left;
  padding-left: 8px;
  text-decoration: none;
  line-height: 22px
}

.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings .reviews a:hover, div.namePartPriceContainer>div.star_ratings>span.reviews a:hover {
  text-decoration: underline
}

.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings div.stars, div.namePartPriceContainer div.star_ratings div.stars {
  float: left
}

.widget_product_info_viewer>.top .social {
  padding-top: 4px
}

.product_text {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 11px;
  padding-bottom: 11px;
  line-height: 22px
}

.product_text .recurring {
  margin-top: 5px
}

.product_text .recurring:hover .recurring_text {
  text-decoration: underline;
  cursor: pointer
}

.product_text .recurring .recurring_icon {
  height: 13px;
  width: 13px;
  background: url(../images/colors/color1/widget_product_info/recurring_icon.png);
  background-repeat: no-repeat;
  float: left
}

.product_text .recurring .recurring_text {
  float: left;
  margin-left: 3px;
  font-size: 12px;
  color: #006ecc;
  text-decoration: none
}

.product_text>.subscription>.icon {
  height: 13px;
  width: 9px;
  background: url(../images/colors/color1/widget_product_info/subscription_icon.png);
  float: left
}

.product_text>.subscription>a {
  font-size: 12px;
  text-decoration: none;
  color: #0030df;
  margin-left: 5px
}

.product_text p {
  color: #4d4d4d;
  font-size: 12px;
  line-height: inherit;
  font-family: Arial, Helvetica, sans-serif
}

.product_text ul {
  padding-left: 14px;
  list-style-type: disc
}

.product_text ul li {
  color: #4d4d4d;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: inherit
}

.color_and_size {
  padding-top: 11px;
  padding-bottom: 11px;
  float: left
}

.options_dropdown select {
  height: 23px;
  width: 164px
}

.check_size_chart {
  color: #006ecc;
  float: left;
  font-size: 12px;
  text-decoration: none
}

.product_listing_container .list_mode .product>.product_info>.product_option .button_secondary {
  margin-top: 7px
}

.widget_product_info_viewer>.product_options .color_and_size .header, .widget_product_info_viewer>.product_options .color_and_size .heading {
  font-size: 14px
}

.widget_product_info_viewer>.product_options .color_and_size .vertical_divider {
  height: 11px;
  width: 1px;
  background: #e5e5e5;
  margin-left: 13px;
  margin-right: 13px;
  margin-top: 7px
}

.color_swatch_list ul li, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list ul li {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  cursor: pointer
}

.quantity_discount, div#widget_package_summary .quantity_discount, div.widget_bundle_package_list .quantity_discount {
  font-size: 14px;
  color: #767676;
  line-height: 16px
}

div#widget_package_summary .quantity_discount {
  margin-bottom: 12px
}

.quantity_discount>p>span.price, div#widget_package_summary .quantity_discount>p>span.price, div.widget_bundle_package_list .quantity_discount>p>span.price {
  color: #ca4200
}

.quantity_section {
  padding-top: 16px;
  padding-bottom: 6px
}

.quantity_section>.quantity_input {
  width: 40px;
  height: 25px;
  padding: 3px
}

.widget_product_info_viewer>.product_options .divider {
  height: 1px;
  background-color: #e5e5e5
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available {
  float: none;
  padding-bottom: 20px
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available .header, .available .header, .product_listing_container .list_mode .product>.available .header {
  font-size: 14px;
  line-height: 17px
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available .sublist, .available .sublist, .product_listing_container .list_mode .product>.available .sublist {
  line-height: 14px
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available .sublist .text, .available .sublist .text, .product_listing_container .list_mode .product>.available .sublist .text {
  font-size: 12px
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available .sublist a.store_name, .available .sublist a.store_name, .product_listing_container .list_mode .product>.available .sublist a.store_name {
  font-size: 12px;
  color: #006ecc;
  padding-left: 14px;
  text-decoration: none
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available .sublist a:hover.store_name, .available .sublist a:focus.store_name, .available .sublist a:hover.store_name, .product_listing_container .list_mode .product>.available .sublist a:hover.store_name {
  text-decoration: underline
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available ul, .available ul, .product_listing_container .list_mode .product>.product_info>.available ul {
  list-style-image: url(../images/colors/color1/widget_product_info/checkmark_icon.png)
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available .instore_sublist, .available .instore_sublist, .product_listing_container .list_mode .product>.available .instore_sublist {
  margin-left: 40px;
  font-size: 12px;
  line-height: 17px
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available a.check_stores, .available a.check_stores, .product_listing_container .list_mode .product>.available a.check_stores {
  color: #006ecc;
  float: left;
  width: 90%;
  font-size: 12px;
  margin-left: 15px;
  text-decoration: none;
  cursor: pointer
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available a:hover.check_stores, .available a:focus.check_stores, .available a:hover.check_stores, .product_listing_container .list_mode .product>.available a:hover.check_stores {
  text-decoration: underline
}

.available {
  padding: 11px 0;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  float: left
}

.available>.text {
  font-size: 12px;
  padding-left: 16px
}

.available>.sublist {
  max-width: 130px;
  float: left;
  padding-top: 4px;
  padding-left: 15px;
  padding-bottom: 10px
}

.available .subHeading {
  float: left;
  color: #666;
  font-size: 12px;
  line-height: 14px;
  padding-top: 4px;
  padding-left: 15px;
  padding-bottom: 10px
}

.available .availabilityBorder {
  margin-left: 15px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5
}

.widget_product_info_viewer>.product_options .left_column {
  padding-top: 16px;
  float: left;
  padding-right: 12px
}

.left_column .quantity_section {
  margin-bottom: 6px
}

.left_column .quantity_section .header {
  font-size: 16px;
  line-height: 36px;
  padding-right: 10px
}

.widget_product_info_viewer>.product_options .right_column {
  padding-top: 16px
}

.widget_product_info_viewer>div.social_commerce {
  padding-top: 11px;
  padding-bottom: 6px;
  border-top: 1px solid #e5e5e5
}

.widget_product_info_viewer>div.social_commerce .social {
  padding-right: 14px
}

.widget_product_info_viewer>div.social_commerce .social .social_icon {
  margin-right: 5px;
  height: 25px
}

.widget_product_info_viewer>div.social_commerce .social .divider {
  width: 1px;
  height: 24px;
  background: #e5e5e5;
  margin-right: 12px;
  margin-left: 7px
}

.widget_product_info_viewer>div.social_commerce .send_and_print {
  height: 24px;
  line-height: 1px;
  border-left: 1px solid #e5e5e5;
  padding-left: 14px
}

.widget_product_image_viewer>.content>.other_views {
  margin-right: 15px;
  border-bottom: 1px dotted #eee;
  margin-top: 1px;
  position: relative;
  height: 100%
}

.widget_product_image_viewer>.content>.other_views>.other_views_text {
  padding: 0 5px 0 5px;
  background: #eee;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  float: left
}

.widget_product_image_viewer>.content>.other_views>ul {
  display: table;
  padding-left: 0
}

.widget_product_image_viewer>.content>.other_views>ul>li {
  list-style: none;
  float: left;
  width: 94px;
  height: 94px;
  text-align: center;
  border: 1px dotted #e5e5e5
}

.widget_product_image_viewer>.content>.other_views>ul>li.selected {
  border: 1px solid #fac549
}

.widget_product_image_viewer>.content>.other_views>ul>li>a>img {
  height: 100%
}

div.widget_site_popup>.middle>.content_left_border>.content_right_border>.content .product .product_image img {
  max-width: 60%
}

div.widget_site_popup>.middle>.content_left_border>.content_right_border>.content form input {
  width: auto
}

div.widget_site_popup>.middle>.content_left_border>.content_right_border>.content .footer .button_secondary .button_text {
  min-width: 45px
}

.shopperActions .dropdown_list {
  top: 31px;
  min-width: 270px;
  z-index: 1000
}

.shopperActions .dropdown_list .created_list_wrapper {
  width: auto
}

.shopperActions .dropdown_list .message {
  font-style: italic;
  padding: 6px;
  border-bottom: 1px solid #e4e4e4;
  line-height: 14px
}

.shopperActions .button.primary, .shopperActions .button.secondary {
  width: 97%;
  max-width: 270px
}

.shopperActions .dropdown_primary {
  background: linear-gradient(#fff, #e5e8e9 100%);
  border-width: 1px;
  border-style: solid;
  border-color: #bfbfbf;
  border-radius: 4px;
  position: relative;
  width: 97%;
  max-width: 270px;
  min-height: 29px;
  height: 100%
}

.shopperActions .dropdown_primary>a {
  padding-bottom: 1px;
  font-size: 14px;
  text-align: center;
  color: #323232;
  min-width: 200px;
  width: 100%
}

.shopperActions .dropdown_primary>.drop {
  height: 100%;
  width: 30px;
  border-left: 1px solid #bfbfbf;
  line-height: 29px;
  right: 0;
  position: absolute
}

.shopperActions .dropdown_primary>.drop>a {
  padding-left: 9px;
  display: block;
  vertical-align: middle;
  height: 100%
}

.shopperActions .dropdown_primary>.drop div {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.shopperActions .dropdown_primary .shoppping_list_content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 65%;
  padding-bottom: 5px;
  padding-top: 5px;
  word-wrap: break-word
}

div#purchase_options input {
  vertical-align: middle
}

.productSpecTable {
  font-size: 12px;
  padding: 10px
}

.specTableHeading {
  border-bottom: 1px solid #999;
  padding: 10px 10px 10px 0
}

.specTableHeading h1 {
  font-weight: 700;
  font-size: 12px
}

.specTableRow {
  padding: 5px;
  border-bottom: 1px dotted #ccc
}

.productSpecs {
  font-size: 12px;
  padding: 10px
}

#productSpecsTab {
  padding: 10px !important
}

.widget_bundle_package_list {
  margin-right: 0 !important
}

.widget_bundle_package_list .widget_product_listing {
  width: 100%
}

.widget_bundle_package_list .list_mode {
  border: 1px solid #e9e9e9;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 0 !important
}

.widget_bundle_package_list .product_listing_container>.list_mode .product {
  width: auto;
  padding: 12px 0 0 0;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 20px;
  color: #4d4d4d;
  float: none
}

.widget_bundle_package_list .product_listing_container>.list_mode div:nth-child(2) {
  border-top: none
}

.widget_bundle_package_list .product_listing_container>.list_mode .product .product_info {
  border-right: none;
  min-width: 100px;
  width: 85%
}

.widget_bundle_package_list .product_listing_container>.bundle_mode .product .product_info {
  border-right: 1px solid #e5e5e5;
  width: 34%;
  padding-right: 10px
}

.widget_bundle_package_list .product_listing_container>.package_mode .product .product_info {
  width: 58.333333%
}

.widget_bundle_package_list .product_listing_container>.package_mode .product .product_info>.product_quantity_addtolist {
  display: none
}

.widget_bundle_package_list .product_listing_container .list_mode .product>.product_info>.product_price {
  font-weight: 400
}

.widget_bundle_package_list .product_listing_container .list_mode .product>.product_info>div:nth-child(2) {
  font-size: 10px;
  color: #767676;
  margin-top: 7px;
  margin-bottom: 7px
}

.widget_bundle_package_list .product_listing_container>.bundle_mode .product .product_info>.product_description {
  line-height: 22px
}

.widget_bundle_package_list .product_listing_container .list_mode .product {
  background: 0 0;
  max-width: none
}

.widget_bundle_package_list .product_listing_container .list_mode .product>.product_image {
  margin: 0;
  position: relative;
  float: left;
  width: 15%
}

.widget_bundle_package_list .product_listing_container .bundle_mode .product>.product_image {
  width: 20%
}

.widget_bundle_package_list .product_listing_container .bundle_mode .product>.product_image>a {
  width: 90%
}

.widget_bundle_package_list .product_listing_container .package_mode .product>.product_image {
  width: 41.666666%
}

.widget_bundle_package_list .product_listing_container .package_mode .product>.product_image>a {
  width: 80%;
  max-width: 285px
}

.widget_bundle_package_list .product_listing_container .list_mode .product>.product_info>.product_name>a {
  font-size: 16px;
  padding-bottom: 0;
  line-height: 22px
}

.widget_bundle_package_list .product_listing_container>.list_mode .product .available {
  padding: 10px;
  border-top: none;
  border-bottom: none;
  width: 38%
}

.list_mode .product_info {
  margin-top: 10px;
  margin-bottom: 0
}

.container_margin {
  margin: 0
}

.container_full_width_bundle {
  padding: 5px;
  width: 80%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  max-width: 330px;
  background: #767676;
  color: #fff
}

.container_full_width_package {
  padding: 5px;
  width: 80%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  max-width: 330px;
  background: #ddd;
  color: #555
}

@media (max-width:600px) {
  .list_mode .product_info {
    margin-bottom: 10px
  }
  .widget_bundle_package_list .product_listing_container>.list_mode .product .product_info {
    border: none;
    width: 58.333333%;
    padding: 0
  }
  .widget_bundle_package_list .product_listing_container .list_mode .product>.product_image {
    width: 41.666666%
  }
  .widget_bundle_package_list .product_listing_container>.list_mode .product .available {
    border-top: 1px solid #e5e5e5;
    margin-left: 0;
    float: none;
    display: block;
    width: auto;
    clear: both
  }
  .productListingWidget {
    border-top: 1px solid #e9e9e9
  }
  .tab .productListingWidget {
    border-top: none
  }
  .widget_product_image_viewer>.content>.other_views>.other_views_text {
    display: none
  }
  .widget_product_image_viewer>.content>.other_views>ul {
    padding-left: 40px
  }
  .widget_product_image_viewer>.content>.other_views>ul>li {
    width: 43px;
    height: 50px
  }
  .widget_product_image_viewer>.content>.other_views>ul>li img {
    width: 32px;
    height: 50px
  }
  div.namePartPriceContainer>.print_section {
    display: none
  }
  div.widget_product_image_viewer {
    margin-bottom: 0
  }
  .product_page_content #productFullWidthSlot56 {
    float: none
  }
}

@media (min-width:601px) {
  .productListingWidget {
    border: 1px solid #e9e9e9;
    border-radius: 5px
  }
  .tab .productListingWidget {
    border: none;
    border-radius: 0
  }
  .product_page_content #productFullWidthSlot56>div:nth-child(2), .product_page_content #productSlot56>div:nth-child(2) {
    margin: 0 5px
  }
}

.productListingWidget .header_bar {
  padding: 10px;
  border-bottom: 1px solid #e9e9e9
}

.productListingWidget .footer_bar {
  padding: 10px;
  border-top: 1px solid #e9e9e9
}

.productListingWidget .header_bar>.title {
  float: left;
  padding: 5px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase
}

.productListingWidget .header_bar>.title>.num_products {
  font-weight: 400;
  text-transform: lowercase
}

.productListingWidget .footer_bar:after, .productListingWidget .header_bar:after {
  content: "";
  display: block;
  clear: both
}

.controls {
  float: right
}

.controls>* {
  display: inline-block;
  padding: 5px
}

.productListingWidget .header_bar .controls .sorting_controls, .productListingWidget .header_bar .controls .view_controls {
  float: left;
  margin-left: 4px;
  padding-right: 0
}

.paging_controls {
  float: right;
  display: block
}

.sorting_view_controls_container {
  padding-left: 0;
  padding-right: 15px;
  padding-bottom: 0;
  float: right;
  margin-left: 4px;
  display: block
}

.sorting_controls>span, .sorting_controls>span>label, .view_controls>span {
  font-size: 11px;
  vertical-align: top
}

.sorting_controls>span.order_by_label, .sorting_controls>span.page_size_label {
  display: inline-block
}

.order_by_label>label, .page_size_label>label {
  text-transform: uppercase
}

.productListingWidget #orderByDropdown, .productListingWidget .orderByDropdown {
  margin-right: 20px
}

.selectWrapper {
  position: relative;
  display: inline-block;
  background-color: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  height: 39px
}

.selectWrapper:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0
}

.selectWrapper .dijitMenuTable {
  background-color: #fff;
  border-collapse: collapse;
  border: 1px solid #898989
}

.selectWrapper .dijitSelect {
  padding: 6px;
  border-radius: 5px;
  color: #545454;
  font-size: 14px;
  cursor: pointer;
  min-width: 140px
}

.selectWrapperPageSize .dijitSelect {
  min-width: 0
}

.selectWrapperPageSize .dijitSelect .dijitReset:first-child {
  display: none
}

.selectWrapper .dijitSelect .dijitButtonText {
  padding: 0 6px
}

.selectWrapper .dijitSelect .dijitArrowButtonContainer, .shopperActions .dropdown_primary>.drop {
  overflow: hidden
}

.selectWrapper .dijitSelect .dijitArrowButtonContainer:before, .shopperActions .dropdown_primary>.drop div:before {
  content: url(../images/responsive/rwdUI.png);
  display: block;
  position: relative;
  width: 12px;
  height: 6px;
  margin: 10px 7px;
  float: right;
  top: -1px;
  left: -1px
}

.shopperActions .dropdown_primary>.drop div:before {
  top: 1px;
  left: -2px
}

.dijitSelect .dijitArrowButtonInner, .selectWrapper .dijitSelect .dijitValidationContainer {
  display: none
}

#pageSize_menu, .pageSizeSelectMenu {
  width: 70px !important
}

#orderByContent_dropdown>#orderByContent_menu>table, #orderBy_dropdown>#orderBy_menu>table, #pageSize_dropdown>#pageSize_menu>table, .orderBySelectMenu>table, .pageSizeSelectMenu>table, div[id^=attrName_]>div[id^=attrName_]>table, div[id^=attrValue_]>div[id^=attrValue_]>table {
  position: relative;
  border: 1px solid #898989;
  background: #fff;
  z-index: 20
}

#orderByContent_dropdown>#orderByContent_menu>table tr td, #orderBy_dropdown>#orderBy_menu>table tr td, #pageSize_dropdown>#pageSize_menu>table tr td, .orderBySelectMenu>table tr td, .pageSizeSelectMenu>table tr td, div[id^=attrName_]>div[id^=attrName_]>table tr td, div[id^=attrValue_]>div[id^=attrValue_]>table tr td {
  height: 16px;
  padding: 12px 0;
  font-size: 14px;
  line-height: 16px;
  padding-left: 5px;
  color: #545454;
  border-bottom: 1px solid #898989;
  list-style: none
}

#pageSize_dropdown>#pageSize_menu>table tr td, .pageSizeSelectMenu>table tr td {
  text-align: center
}

#orderByContent_dropdown>#orderByContent_menu>table tr.dijitSelectSelectedOption, #orderBy_dropdown>#orderBy_menu>table tr.dijitSelectSelectedOption, #pageSize_dropdown>#pageSize_menu>table tr.dijitSelectSelectedOption, .orderBySelectMenu>table tr.dijitSelectSelectedOption, .pageSizeSelectMenu>table tr.dijitSelectSelectedOption, div[id^=attrName_]>div[id^=attrName_]>table tr.dijitSelectSelectedOption, div[id^=attrValue_]>div[id^=attrValue_]>table tr.dijitSelectSelectedOption {
  background: #898989
}

#orderByContent_dropdown>#orderByContent_menu>table tr.dijitMenuItemSelected, #orderBy_dropdown>#orderBy_menu>table tr.dijitMenuItemSelected, #pageSize_dropdown>#pageSize_menu>table tr.dijitMenuItemSelected, .orderBySelectMenu>table tr.dijitMenuItemSelected, .pageSizeSelectMenu>table tr.dijitMenuItemSelected, div[id^=attrName_]>div[id^=attrName_]>table tr.dijitMenuItemSelected, div[id^=attrValue_]>div[id^=attrValue_]>table tr.dijitMenuItemSelected {
  background: #898989
}

#orderByContent_dropdown>#orderByContent_menu>table tr.dijitMenuItemSelected>td:nth-child(2), #orderBy_dropdown>#orderBy_menu>table tr.dijitMenuItemSelected>td:nth-child(2), #pageSize_dropdown>#pageSize_menu>table tr.dijitMenuItemSelected>td:nth-child(2), .orderBySelectMenu>table tr.dijitMenuItemSelected>td:nth-child(2), .pageSizeSelectMenu>table tr.dijitMenuItemSelected>td:nth-child(2), div[id^=attrName_]>div[id^=attrName_]>table tr.dijitMenuItemSelected>td:nth-child(2), div[id^=attrValue_]>div[id^=attrValue_]>table tr.dijitMenuItemSelected>td:nth-child(2) {
  color: #fff !important
}

#orderByContent_dropdown>#orderByContent_menu>table tr.dijitSelectSelectedOption>td:nth-child(2), #orderBy_dropdown>#orderBy_menu>table tr.dijitSelectSelectedOption>td:nth-child(2), #pageSize_dropdown>#pageSize_menu>table tr.dijitSelectSelectedOption>td:nth-child(2), .orderBySelectMenu>table tr.dijitSelectSelectedOption>td:nth-child(2), .pageSizeSelectMenu>table tr.dijitSelectSelectedOption>td:nth-child(2), div[id^=attrName_]>div[id^=attrName_]>table tr.dijitSelectSelectedOption>td:nth-child(2), div[id^=attrValue_]>div[id^=attrValue_]>table tr.dijitSelectSelectedOption>td:nth-child(2) {
  color: #fff !important
}

div[id^=attrValue_].dijitPopup {
  overflow-x: hidden;
  overflow-y: auto
}

.paging_controls>*, .view_controls>* {
  display: inline-block;
  vertical-align: middle
}

.paging_controls>.left_arrow>img, .paging_controls>.right_arrow>img {
  padding: 10px
}

.paging_controls>.left_arrow>img {
  padding-left: 0
}

.paging_controls>.right_arrow>img {
  padding-right: 0
}

.paging_controls>.invisible {
  visibility: hidden
}

.paging_controls>.invisible_none {
  display: none
}

.grid_icon, .list_icon {
  display: inline-block;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  padding: 11px;
  width: 17px;
  height: 17px
}

.grid_icon:before, .list_icon:before {
  content: url(../images/responsive/rwdUI.png);
  position: absolute;
  top: -10px
}

a.grid_icon:hover, a.list_icon:hover, div.grid_icon, div.list_icon {
  background-color: #767676
}

a.grid_icon:before {
  left: -30px;
  clip: rect(21px, 58px, 38px, 41px)
}

a.grid_icon:hover:before, div.grid_icon:before {
  left: -50px;
  clip: rect(21px, 78px, 38px, 61px)
}

a.list_icon:before {
  left: -70px;
  clip: rect(21px, 98px, 38px, 81px)
}

a.list_icon:hover:before, div.list_icon:before {
  left: -90px;
  clip: rect(21px, 118px, 38px, 101px)
}

.pages>* {
  display: inline-block;
  vertical-align: middle
}

.pages>ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.pages>ul>* {
  display: inline-block;
  vertical-align: middle
}

.pages>ul>.active {
  width: 39px;
  background-color: #767676;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  color: #fff;
  line-height: 39px;
  text-align: center
}

.controlBar .pageControl {
  list-style: none
}

.pageControlMenu .controlBar .pageControl.number>a {
  margin: 0
}

.hoverover>a {
  display: block;
  width: 39px;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  line-height: 39px;
  text-align: center
}

.hoverover>a:hover {
  background-color: #767676;
  color: #fff
}

.grid>.col {
  float: left
}

.grid:after {
  content: "";
  display: block;
  clear: both
}

.product_listing_container>.grid_mode li {
  padding-top: 20px
}

.product_listing_container>.list_mode>li {
  min-height: 280px;
  height: 100%;
  padding-bottom: 40px;
  position: relative
}

.product {
  max-width: 250px;
  padding: 10px;
  margin: 0 auto;
  line-height: normal
}

.product_image {
  text-align: center;
  overflow: hidden
}

.product>.product_image {
  overflow: visible
}

.catPos>.product_image {
  border: 1px solid transparent
}

.catPos>.product_image>a {
  position: relative;
  display: block;
  height: 160px;
  text-align: center
}

.catPos>.product_image>a>img {
  position: relative;
  max-height: 160px;
  margin: 0 -100px
}

.product>.product_image>a {
  display: inline-block;
  max-width: 100%
}

.product>.product_image>a>img {
  display: block;
  margin: auto
}

div.widget_sidebar_container>.left_border>.right_border>.content div.product {
  padding: 0
}

.product_image .image {
  position: relative;
  width: 100%
}

.product_image .RibbonAdDefault {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 110px;
  height: 20px;
  background-color: #2c2c2c;
  background: -webkit-gradient(linear, left top, right top, color-stop(.76, rgba(68, 68, 68, 1)), color-stop(1, rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(68, 68, 68, 1) 76%, rgba(255, 255, 255, 0) 100%);
  zoom: 1;
  font-size: 14px;
  line-height: 20px;
  font-family: arial, Helvetica, sans-serif;
  color: #fff;
  padding-left: 10px;
  border-radius: 3px;
  text-align: left;
  vertical-align: baseline;
  overflow: visible;
  white-space: nowrap
}

.product_image .RibbonAdDefault.Exclusive {
  background-color: #ca4200;
  background: -webkit-gradient(linear, left top, right top, color-stop(.76, rgba(202, 67, 0, 1)), color-stop(1, rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(202, 67, 0, 1) 76%, rgba(255, 255, 255, 0) 100%);
  bottom: 70px
}

.grid_mode .product_name {
  padding: 5px 0 0 15px;
  min-height: 53px
}

.list_mode .product_info>.product_name>a {
  padding-bottom: 15px;
  font-size: 17px;
  line-height: 18px;
  height: inherit;
  color: #646464
}

.product_info>.product_name>a {
  display: block;
  color: #646464;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 5px
}

.product_info>.product_price {
  color: #ca4200;
  font-size: 14px;
  font-weight: 700
}

.product_info>.product_price>.old_price {
  color: #767676;
  text-decoration: line-through
}

.grid_mode .product_price {
  padding: 5px 0 0 15px;
  min-height: 24px
}

.product_info>.header {
  display: inline-block;
  font-size: 11px
}

.button.primary, .button.secondary {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ee9505));
  background-image: linear-gradient(#fbbb0b, #ee9505);
  border-radius: 4px;
  min-width: 200px;
  max-width: 100%;
  line-height: 29px;
  min-height: 29px;
  text-align: center;
  border: 1px solid #bfbfbf;
  color: #333;
  font-size: 14px
}

.button_text {
  text-align: center
}

.button.secondary {
  background-image: linear-gradient(#f7f9f9, #e5e8e9)
}

.button.primary:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fed60c), to(#f8af06));
  background-image: linear-gradient(#fed60c, #f8af06)
}

.button.secondary:hover, .requisitionListBox .addRequisitionList .button:hover {
  background-image: linear-gradient(#f7f9f9, #ced2d3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3))
}

.compare_target {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #5b5b5b;
  line-height: 15px;
  font-weight: 700;
  min-width: 90px;
  padding: 7px 7px 7px 9px;
  text-align: left
}

.compare_target[data-state="2"] {
  padding: 0 0 0 9px
}

.compare_target[data-state="1"], .compare_target[data-state="2"] {
  background-color: #f0f0f0;
  border-radius: 4px
}

.compare_target>input {
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  top: -1px
}

.compare_target>label {
  cursor: pointer
}

.compare_target>a {
  display: none;
  padding: 7px;
  background-color: #767676;
  border-radius: 0 4px 4px 0;
  color: #fff;
  text-decoration: none;
  margin-left: 4px;
  padding-left: 10px;
  padding-right: 10px
}

.compare_target[data-state="2"]>a {
  display: inline-block
}

.compare_target_hidden {
  visibility: hidden
}

.compareCheckboxLabels {
  display: none
}

.catPos {
  width: 90%;
  margin: 0 auto;
  background: #e9e9e9;
  border: 1px solid #cccbcb;
  overflow: hidden;
  position: relative;
  border-radius: 4px
}

.productListHeader {
  padding: 10px 20px 0 20px
}

.catPos_catalog {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 4px
}

#MiniShopCartProductAdded, #quick_cart_container {
  top: 71px !important
}

#MiniShopCartProductAdded>.dijitDialogPaneContent, #quick_cart_container>.dijitDialogPaneContent {
  width: auto !important;
  height: auto !important
}

div#widget_breadcrumb {
  padding: 0 10px
}

div#widget_breadcrumb>ul {
  padding: 0;
  list-style-type: none
}

div#widget_breadcrumb>ul li {
  display: inline;
  color: #ca4200;
  font-size: 12px;
  margin: 0
}

div#widget_breadcrumb>ul li a {
  text-decoration: none;
  color: #ca4200
}

div#widget_breadcrumb>ul li:hover a {
  text-decoration: underline
}

div#widget_breadcrumb>ul li.current {
  color: #767676
}

div#widget_breadcrumb>ul li.divider, div#widget_breadcrumb>ul span.divider {
  margin: 0 6px;
  color: #dedede;
  font-size: 12px
}

.facetWidget {
  background: #f0f0f0;
  border-radius: 5px
}

#content .facetWidget.collapsible {
  padding: 10px 5%;
  position: relative
}

.facetWidget .dropdownIcon {
  float: left;
  width: 16px;
  height: 16px;
  background: url(../images/responsive/rwdUI.png);
  background-position: -61px -41px;
  margin: 3px 6px 0 0
}

.facetWidget[aria-expanded=false] .dropdownIcon {
  background-position: -41px -41px
}

.optionContainer>.title {
  height: 40px;
  color: #545454;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 10px 1px 0 1px;
  padding: 0 5%;
  border-radius: 5px 5px 0 0;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
  background: linear-gradient(#fff, #f1f1f1);
  cursor: pointer;
  border-bottom: 1px solid #e3e1e1;
  border-top: 1px solid #e3e1e1
}

.optionContainer.vertical .title {
  margin: 10px 5% 0 0
}

.optionContainer .arrow {
  width: 14px;
  height: 14px;
  margin: 14px 5px 0 0;
  float: left;
  position: relative;
  overflow: hidden
}

.optionContainer .arrow:before {
  content: url(../images/responsive/rwdUI.png);
  position: absolute;
  left: -101px;
  top: -41px
}

.optionContainer .arrow_collapsed:before {
  left: -81px
}

.facetWidget .clearAll {
  float: right;
  text-align: right;
  line-height: 22px;
  font-size: 13px;
  color: #404040;
  position: absolute;
  right: 15px;
  top: 10px
}

.facetWidget .clearAll:hover {
  text-decoration: underline
}

.facetWidget .close {
  float: left;
  position: relative;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin-top: 5px;
  margin-right: 2px
}

.facetWidget .close:before {
  position: absolute;
  content: url(../images/responsive/rwdUI.png);
  top: -1px;
  left: -61px
}

.facetWidget .clearAll:hover .close:before {
  top: -1px;
  left: -241px
}

.facetWidget .filter_option:hover .close:before {
  top: -1px;
  left: -241px
}

#facetFilterListWrapper .facetSelectedCont {
  border-top: 1px solid #e3e1e1;
  border-bottom: 1px solid #e3e1e1;
  margin: 7px 5% 0 0;
  padding: 3px 0;
  width: 95%
}

#facetFilterListWrapper .facetSelectedCont .filter_option img {
  border-radius: 100%;
  vertical-align: middle
}

#facetFilterListWrapper .facetSelected {
  list-style: none;
  font-size: 13px;
  line-height: 30px
}

#facetFilterListWrapper .facetSelected:hover {
  text-decoration: underline
}

#facetFilterListWrapper .facetSelected:hover .close {
  background-position: -241px -1px
}

#facetFilterListWrapper .facetSelected.vertical {
  width: 95%
}

.facetSelected .close {
  margin: 9px 3px 0 0
}

#facetFilterListWrapper .header {
  width: 95%;
  margin: 0 5% 0 0
}

.facetWidget>.facetHeader>.title, .facetWidget>.title {
  color: #4d4d4d;
  font-size: 17px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  text-align: left;
  cursor: pointer;
  float: left;
  position: relative
}

.facetWidget .openTab {
  float: right;
  font-size: 13px;
  margin-right: 20px;
  font-style: normal;
  font-weight: 400;
  cursor: pointer
}

.facetSelectContainer {
  background: #fff;
  margin: 0;
  padding: 0 0 10px 0;
  border-radius: 0 0 5px 5px
}

.facetSelectContainer>ul {
  padding: 0
}

.facetSelectContainer .facetSelectedHighlight {
  color: #ca4200;
  font-weight: 700
}

.facetSelectContainer .facetSelect li.singleFacet {
  border-bottom: none;
  margin-bottom: 2px;
  padding: 10px 5%;
  text-align: center;
  width: 38px;
  float: left
}

.facetSelectContainer .swatch .outline>span {
  display: table-cell;
  height: 34px;
  vertical-align: middle
}

.facetSelectContainer .swatch img, .facetSelected>a>div.filter_option>span>img {
  border-radius: 100%;
  vertical-align: middle;
  box-shadow: 0 0 0 1px #e5e5e5
}

.facetSelectContainer .swatch .outline.facetSelectedHighlight>span>img {
  box-shadow: 0 0 0 3px #fac549
}

.facetSelect .swatch .outline {
  display: inline-block;
  text-align: center
}

.optionContainer.vertical .facetSelectContainer {
  margin-right: 5%
}

#catSelectCont, .col12>.facetWidget>#facetLinkSelect {
  margin-right: 5%
}

.facetWidget #facetLinkSelect {
  max-height: none;
  overflow-y: inherit;
  margin-right: 20px;
  background: 0 0
}

#facetFilterListWrapper .facetSelect {
  margin-top: 0
}

.facetSelect li {
  list-style: none;
  line-height: 16px;
  font-size: 12px;
  color: #565656;
  padding: 10px 5%;
  border-bottom: 1px solid #e3e1e1
}

.facetSelect li a {
  display: block;
  margin: -10px -5%;
  padding: 10px 5%
}

.facetSelect li a:hover {
  text-decoration: underline
}

.showMore {
  line-height: 16px;
  font-size: 12px;
  color: #565656;
  cursor: pointer;
  text-align: right;
  padding: 5px 5% 0 0
}

.showMore:hover {
  cursor: pointer
}

#facetFilterListWrapper .facetSelect li:first-child {
  padding-top: 0
}

#colorSelect .facetSelect li:first-child {
  padding-top: 10px
}

#fSCColor ul li {
  float: left;
  text-align: center;
  width: 30px;
  margin-bottom: 2px;
  border-bottom: none;
  padding: 10px 5%
}

#facetLinks ul li {
  border-bottom: none
}

#facetCat ul li, #facetLinks ul li {
  padding-left: 10%
}

#facetCat.col8 li {
  padding-left: 4%
}

#facetCat ul li {
  background: #fff
}

#facetCat.col8 li {
  width: 27.3%;
  float: left;
  margin-right: 2%
}

#fSCPrice input {
  height: 20px;
  border: 1px solid #767676
}

.facColor {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin: 0 auto 2px auto
}

.facetSelect .checkBox {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 0;
  border: 1px solid #a5a5a5;
  background-color: #d7d7d7;
  float: left;
  position: relative;
  display: none
}

.singleFacet .facetSelect .checkBox {
  display: block
}

.facetSelect li input:checked+a .checkBox>.checkmark {
  position: absolute;
  background: url(../images/responsive/rwdUI.png);
  background-position: -81px -1px;
  margin-left: 1px;
  margin-top: 1px;
  width: 12px;
  height: 11px
}

input:checked~.checkBox>.checkmarkMulti {
  position: absolute;
  background: url(../images/responsive/rwdUI.png);
  background-position: -81px -1px;
  margin-left: 1px;
  margin-top: 1px;
  width: 12px;
  height: 11px
}

li[data-additionalvalues=More] {
  cursor: pointer
}

li[data-additionalvalues=More]>label {
  cursor: pointer
}

li[data-additionalvalues=More]>label>span>span:first-child:hover {
  text-decoration: underline
}

li[data-additionalvalues=More]:hover>label>span>span:first-child {
  text-decoration: underline
}

input:disabled+label {
  color: #ccc
}

ul.facetSelect li input[type=checkbox] {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  left: -30px
}

ul.facetSelect li div.facetCountContainer {
  display: inline-block
}

.optionContainer.fixed {
  min-width: 200px;
  float: left
}

.optionContainer.percent {
  width: 33.33333%;
  float: left
}

.optionContainer.vertical {
  width: 100%;
  float: left
}

#facetFilterListWrapper>.facetSelectedCont {
  border-top: 1px solid #e3e1e1;
  border-bottom: 1px solid #e3e1e1;
  margin-top: 7px;
  padding: 0
}

#facetFilterList li {
  font-size: 12px;
  list-style: none;
  padding: 3px 0;
  display: inline-block;
  vertical-align: top;
  line-height: 28px;
  min-width: 50%
}

.homeHero>.textContainer>.button {
  border: 1px solid transparent
}

.homeHero>.textContainer>.button:focus {
  border: 1px dotted #000
}

#pageNumber3, #pageNumber4 {
  display: none
}

.pageControl.number>.dropdownToggleButton>.arrow, .pages .pageNumber>.arrow {
  background: url(../images/responsive/rwdUI.png);
  background-position: -141px -1px;
  width: 7px;
  height: 9px;
  position: absolute;
  right: 2px;
  bottom: 2px
}

.pageOptionsDropdown {
  position: absolute;
  display: none;
  top: 45px;
  left: -5px;
  z-index: 100;
  width: 84px;
  background: #fff;
  border: 1px solid #a0a0a0;
  padding: 0 3px 3px 0
}

.pageOptionsDropdown>.ellipsis {
  list-style: none;
  width: auto !important;
  text-align: center;
  line-height: 15px;
  margin: 5px 5px 5px 40px !important;
  font-weight: 700;
  border: 0 !important;
  cursor: default;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg)
}

.pageOptionsDropdown>.pageDropdownClose {
  list-style: none;
  float: left !important;
  width: 15px !important;
  height: 15px !important;
  border: 0 !important;
  background: url(../images/responsive/rwdUI.png);
  background-position: -61px -1px;
  margin: 16px 0 0 15px !important
}

.pageOptionsDropdown>.pageDropdownClose:hover {
  background-position: -241px -1px
}

.pageDropdownClose {
  list-style: none;
  float: left;
  width: 15px;
  height: 15px;
  background: url(../images/responsive/rwdUI.png);
  background-position: -61px -1px;
  border: 14px solid #fff
}

.pageNumber.active, .pageNumber:hover {
  border-color: #767676;
  background: #767676;
  color: #fff;
  cursor: pointer
}

.pageNumber {
  margin-left: 3px;
  float: left;
  border: 1px solid #a0a0a0;
  background: #fff;
  width: 37px;
  height: 30px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  padding-top: 8px;
  text-align: center;
  list-style: none
}

.pagingLeft {
  float: left;
  background-position: -21px -1px;
  width: 6px;
  height: 12px;
  margin-top: 13px;
  margin-right: 17px
}

.pagingRight {
  float: left;
  background-position: -41px -1px;
  width: 11px;
  height: 12px;
  margin-top: 13px;
  margin-left: 16px
}

.productListingWidget .header_bar .pagination_controls {
  clear: left
}

.inputField {
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #bfbfbf;
  font-size: 12px;
  width: 80%;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important
}

.addrbook_header .inputField {
  width: 250px;
  margin-bottom: 0 !important
}

#AddressForm .inputField.dijitSelect, #QuickCheckout .inputField.dijitSelect, #Register .inputField.dijitSelect, #addressId.inputField.dijitSelect {
  padding-right: 20px;
  margin-bottom: 8px
}

#WC_PersonalInfoExtension_mobile_div_mobileCountryCode {
  width: 25%
}

#WC_PersonalInfoExtension_mobile_div_12 {
  width: 54%
}

.inputField.dijitSelect .dijitArrowButtonContainer:before {
  content: url(../images/responsive/rwdUI.png);
  height: 10px;
  width: 15px;
  position: absolute;
  margin-top: -2px;
  overflow: hidden
}

#addressId_dropdown.dijitMenuPopup>.dijitSelectMenu, #payMethodId_dropdown.dijitMenuPopup>.dijitSelectMenu, #pay_expire_month_dropdown.dijitMenuPopup>.dijitSelectMenu, #pay_expire_year_dropdown.dijitMenuPopup>.dijitSelectMenu, .wcSelectMenu {
  border: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: 0 2px 13px -4px #000;
  z-index: 20;
  font-size: 12px
}

#addressId_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuArrowCell, #addressId_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemIconCell, #payMethodId_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuArrowCell, #payMethodId_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemIconCell, #pay_expire_month_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuArrowCell, #pay_expire_month_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemIconCell, #pay_expire_year_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuArrowCell, #pay_expire_year_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemIconCell, .wcSelectMenu .dijitMenuArrowCell, .wcSelectMenu .dijitMenuItemIconCell {
  display: none
}

#addressId_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemLabel, #payMethodId_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemLabel, #pay_expire_month_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemLabel, #pay_expire_year_dropdown.dijitMenuPopup>.dijitSelectMenu .dijitMenuItemLabel, .wcSelectMenu .dijitMenuItemLabel {
  padding: 10px 8px;
  border-bottom: 1px solid #e0e0e0
}

#addressId_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitMenuItemSelected, #payMethodId_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitMenuItemSelected, #pay_expire_month_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitMenuItemSelected, #pay_expire_year_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitMenuItemSelected, .wcSelectMenu table tr.dijitMenuItemSelected {
  background: #898989;
  color: #fff;
  cursor: pointer
}

#addressId_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitSelectSelectedOption, #payMethodId_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitSelectSelectedOption, #pay_expire_month_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitSelectSelectedOption, #pay_expire_year_dropdown.dijitMenuPopup>.dijitSelectMenu table tr.dijitSelectSelectedOption, .wcSelectMenu table tr.dijitSelectSelectedOption {
  background: #e0e0e0 !important;
  color: #000 !important
}

.OrganizationUserInfo #Register .formField {
  margin-bottom: 0
}

.sign_in_registration #Register .formField {
  margin-bottom: 25px;
  max-width: 450px;
  min-width: initial;
  position: relative
}

#Register .description {
  border-bottom: 1px solid #e0e0e0;
  border-top: 3px solid #ef5305;
  margin-bottom: 20px;
  margin-top: 5px;
  padding: 20px 10px;
  position: relative
}

#Register #registration_arrow {
  left: 6%;
  position: absolute;
  top: -20px;
  transition: all 1s ease 0s
}

#Register #registration_arrow.right {
  left: 56%
}

#Register .bulletPoints {
  margin-bottom: 10px;
  margin-right: 100px;
  margin-top: 10px;
  float: left
}

#Register .bulletPoints .bullet .marker {
  color: #ef5305;
  font-size: 20px;
  line-height: 16px;
  margin-right: 2px;
  vertical-align: middle
}

#Register .more_info_icon {
  padding-bottom: 3px
}

#Register .registrationType {
  font-weight: 700
}

#Register .provideInfo {
  font-weight: 700
}

#Register .form_2column .column {
  padding-bottom: 10px
}

.input_field {
  padding: 6px;
  border-radius: 5px;
  border: 1px solid #bfbfbf;
  font-size: 12px;
  outline: 0
}

.input_field.small {
  width: 60px
}

.input_field.center {
  text-align: center
}

.mobileToolbarButton, .toolbarButton {
  cursor: pointer
}

.titleNonLink {
  display: none
}

.button_primary .button_text, .button_secondary .button_text {
  font-size: 12px
}

.selectDropdown {
  position: absolute;
  width: 190px;
  border: 1px solid #ccc;
  display: none;
  background: #fff;
  z-index: 10
}

.selectItem {
  border-bottom: 1px solid #e4e4e4
}

.selectTitle {
  padding: 5px;
  cursor: pointer
}

.selectItem:last-child {
  border-bottom: 0
}

.selectTitle:hover {
  background: #d9e9f7
}

#pricing_popup_main_div {
  display: none
}

#pricing_popup {
  width: 427px;
  position: absolute;
  display: block;
  z-index: 9999
}

#pricing_popup .top_left {
  background-image: url(../images/colors/color1/popup_topleft.png);
  background-repeat: no-repeat;
  height: 10px;
  width: 8px;
  float: left
}

#pricing_popup .top_right {
  background-image: url(../images/colors/color1/popup_topright.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 10px;
  width: 419px;
  float: left
}

#pricing_popup .header {
  border-left: 1px solid #a5aebd;
  background-repeat: repeat-y;
  background-position: right;
  text-align: right;
  height: 23px;
  clear: left
}

#pricing_popup .close {
  padding: 5px 15px 2px 0;
  color: #666
}

#pricing_popup .close .icon {
  padding-top: 2px;
  padding-left: 4px;
  float: right
}

#pricing_popup .pricingTable {
  max-height: 200px;
  width: 95%;
  overflow-x: hidden;
  overflow-y: auto
}

#pricing_popup .pricingPopupButton {
  margin-left: 5px
}

#pricing_popup .bodycontent {
  border-left: 1px solid #a5aebd;
  background-image: url(../images/colors/color1/popup_center_tile.png);
  background-repeat: repeat-y;
  background-position: right;
  margin: 0;
  padding: 0 0 10px 0
}

#pricing_popup .bodycontent div.clear_float {
  clear: both
}

#pricing_popup .bodycontent h2 {
  font-size: 14px;
  font-weight: 700;
  margin-left: 11px
}

#pricing_popup .bodycontent div#bopis_table_container {
  margin-left: 5px
}

#pricing_popup .bodycontent div.clear_float {
  clear: both
}

#pricing_popup .bodycontent .title {
  padding: 0 17px 0 15px
}

#pricing_popup .bodycontent_short {
  padding: 12px 17px 12px 15px;
  margin: 0 1px 0 1px
}

#pricing_popup .footer {
  text-align: right;
  height: 14px;
  width: 427px
}

#pricing_popup .footer .bot_left {
  background-image: url(../images/colors/color1/popup_botleft.png);
  background-repeat: no-repeat;
  height: 14px;
  width: 8px;
  float: left
}

#pricing_popup .footer .bot_right {
  background-image: url(../images/colors/color1/popup_botright.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 14px;
  width: 419px;
  float: left
}

div#distributor_pricing_popup {
  padding-right: 16px
}

div#distributor_pricing_popup div.row div.price_column {
  width: 100px
}

div#distributor_pricing_popup div.row div.price_column input {
  background-color: transparent;
  border: none;
  margin-bottom: 0;
  padding: 0;
  vertical-align: text-top
}

div#distributor_pricing_popup div.row div.price_range_link {
  display: block;
  margin: 0 0 0 18px
}

div#distributor_pricing_popup div.row div.contract_column {
  width: 250px
}

.listTable {
  border: 1px solid #e9e9e9;
  border-radius: 5px 5px 5px 5px
}

.listTable .toolbar {
  background: none repeat scroll 0 0 #f9f9f9;
  margin-bottom: 4px;
  padding: 10px
}

.listTable .toolbar #quantityAdd {
  margin-top: 3px
}

.listTable .toolbar #newListButton, .listTable .toolbar #uploadListButton {
  float: right;
  margin-left: 10px
}

.listTable .toolbar .button_secondary .button_text {
  border-bottom: 0 none
}

.listTable .toolbar .newList {
  display: inline-block;
  position: relative;
  float: right
}

.listTable .tableHeader {
  background: none repeat scroll 0 0 #f9f9f9;
  padding: 0 10px
}

.listTable .selected {
  width: 5%
}

.listTable .creator {
  width: 20%
}

.listTable .actions {
  float: right
}

.listTable .selected .cell {
  text-align: center
}

.listTable .tableHeader .cell {
  font-size: 12px;
  font-weight: 700;
  padding: 5px 5px 5px 0
}

.listTable .actions .cell {
  padding: 5px 5px 5px 0;
  text-align: right
}

.listTable .cell {
  font-size: 12px;
  padding: 13px 10px 7px 0;
  word-wrap: break-word
}

.listTable .cell a, .listTableMobile .cell a {
  color: #006ecc
}

.listTable .cell .field {
  margin-bottom: 8px
}

.listTable .tableHeader .cell img {
  margin-left: 3px;
  vertical-align: middle
}

.listTable .entry {
  border-bottom: 1px solid #e9e9e9;
  margin: 0 10px
}

.listTable .entry .input_field {
  width: 40px;
  text-align: center
}

.listTable .entry .quantity .cell {
  float: right;
  margin-right: 77%
}

.listTable .entry .quantity.editable .cell {
  float: none;
  margin-right: 0
}

#RequisitionList_list_table .col2.name {
  width: 30%
}

#RequisitionList_list_table .col2.quantity {
  width: 13.3333%
}

#RequisitionList_list_table .col2.type {
  width: 11.33333%
}

#RequisitionList_list_table .col2.actions {
  width: 10.3333%
}

.listTable .previewImage img {
  width: 70px
}

.listTable .eachCost {
  text-align: left;
  width: 10%
}

.listTable .totalCost {
  text-align: right;
  width: 11%
}

.listTable .remove {
  text-align: right;
  width: 8%
}

.listTableMobile {
  display: none;
  font-size: 12px
}

.listTableMobile .selected {
  text-align: center;
  padding: 0 10px 0 0;
  width: 20px
}

.listTableMobile .title {
  float: none;
  clear: both
}

.listTableMobile .toggle {
  width: 20px;
  float: right;
  cursor: pointer
}

.listTableMobile .expandedContent .expandedCol {
  padding: 0 11px 0 11px;
  min-width: 200px
}

.listTableMobile .expandedContent .expandedCol>div {
  min-height: 10px;
  padding: 5px 0 5px 20px
}

.listTableMobile .expandedContent .expandedCol .leftCol {
  float: left;
  font-weight: 700;
  display: inline-block;
  width: 40%;
  padding-right: 25px
}

.listTableMobile .expandedContent .expandedCol .rightCol {
  display: inline-block;
  width: 45%
}

.listTableMobile .actions {
  font-size: 12px;
  padding: 0 11px 0 30px;
  float: none;
  display: inline-block
}

.listTableMobile .actions .button_text {
  padding: 3px 0 !important;
  width: 218px
}

.listTableMobile .actions .actionImage {
  vertical-align: middle
}

.listTableMobile .actionDropdown {
  position: absolute;
  right: inherit;
  width: 220px
}

.withPreviewImage .cell {
  padding-top: 25px
}

.withPreviewImage .previewImage .cell {
  padding: 5px;
  text-align: center
}

.withPreviewImage .actions .cell {
  padding-top: 20px
}

.listTable .withPreviewImage .actions .cell {
  padding-top: 25px
}

.listTable .withPreviewImage .col1 .cell img {
  width: 100%
}

.listTable .footer, .listTableMobile .footer {
  padding: 20px 0 20px 10px;
  width: 98%
}

.listTable .footer .pageCount, .listTableMobile .footer .pageCount {
  font-size: 12px
}

.listTable .footer .pageButtons, .listTableMobile .footer .pageButtons {
  float: right;
  margin-top: -10px
}

.listTable .actions .cell {
  padding: 5px 5px 5px 0;
  text-align: right
}

.listTable .actions .button_text {
  border-bottom: 0 none;
  padding: 5px 5px 0
}

.listTable .button_primary .button_text, .listTable .button_secondary .button_text {
  font-size: 13px
}

.listTable .button_primary.disable {
  display: none
}

#SavedOrderList_list_table.listTable .order {
  width: 25%;
  text-align: left
}

#SavedOrderList_list_table.listTable .name {
  width: 25%;
  text-align: left
}

#SavedOrderList_list_table.listTable .updated {
  width: 11%;
  text-align: left
}

#SavedOrderList_list_table.listTable .total_price {
  width: 16%;
  text-align: right
}

#newListDropdown {
  right: 0;
  width: 220px
}

#uploadListDropdown {
  right: 21px;
  width: 220px
}

.toolbarDropdown {
  background: linear-gradient(to bottom, #fff 46%, #f5f5f5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
  border: 1px solid #bfbfbf;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: -5px 5px 20px -6px rgba(191, 191, 191, .75);
  display: none;
  font-size: 12px;
  margin-top: 24px;
  padding: 15px;
  position: absolute;
  z-index: 10;
  display: none;
  background-color: #fff
}

.toolbarDropdown.active {
  display: block
}

.createTableList .input_field, .uploadTableList .input_field {
  margin: 15px 0;
  width: 204px
}

.createTableList .button_primary, .createTableList .button_secondary, .uploadTableList .button_secondary {
  margin: 5px 0
}

.createTableList .button_primary>.button_text, .createTableList .button_secondary>.button_text, .uploadTableList .button_primary>.button_text, .uploadTableList .button_secondary>.button_text {
  width: 175px;
  max-width: 175px
}

.uploadTableList #uploadButton.button_primary>.button_text {
  width: auto
}

.uploadTableList #uploadSaveButton {
  float: left;
  margin-right: 9px
}

.uploadTableList .download_link_icon {
  float: left;
  margin-right: 5px;
  vertical-align: middle
}

.uploadTableList .download_link {
  color: #006ecc;
  position: relative;
  top: 2px
}

.uploadTableList #uploadButton {
  margin-top: 10px;
  cursor: pointer
}

.uploadTableList .uploadForm {
  padding-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 15px
}

.uploadTableList .uploadForm .formContents {
  background: #eee;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px
}

.uploadTableList .exampleInfo .exampleTable {
  border-collapse: collapse
}

.uploadTableList .exampleInfo .exampleTable td {
  border: 1px solid #b7b7b7;
  padding: 5px
}

.uploadTableList .exampleInfo .exampleTable td:nth-child(1) {
  width: 150px
}

.uploadTableList .exampleInfo .exampleTable td:nth-child(2) {
  width: 50px
}

.uploadTableList #uploadButtonArea {
  width: 100%
}

.uploadTableList #UpLoadedFile {
  position: absolute;
  left: -150px;
  opacity: 0
}

.uploadTableList #fileNameBox {
  width: 180px;
  background-color: #eee
}

#fileUploadStatus {
  margin-bottom: 20px;
  font-size: 12px;
  margin-top: 5px;
  padding-left: 0
}

#fileUploadStatus h1 {
  font-size: 18px;
  padding: 0 0 10px 0
}

#fileUploadStatusBox {
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #e9e9e9;
  overflow-y: auto;
  max-height: 126px
}

#fileUploadStatusBox .fileUpload {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
  margin-bottom: 10px
}

#fileUploadStatusBox .fileUpload:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

@-moz-document url-prefix() {
  #fileUploadStatusBox .fileUpload:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 10px
  }
}

.fileName {
  overflow: hidden;
  text-overflow: ellipsis
}

#fileUploadStatusBox .fileName {
  float: left;
  width: 32%;
  padding-top: 2px
}

#fileUploadStatusBox .uploadStatus {
  float: left;
  padding-right: 2%;
  width: 23%
}

#fileUploadStatusBox .uploadStatus img {
  vertical-align: middle;
  width: 20px;
  margin-right: 5px;
  float: left;
  padding: 0 4px 0 4px
}

#fileUploadStatusBox .uploadStatus span {
  display: inline
}

#fileUploadStatusBox .uploadStatus .loading {
  font-style: italic;
  padding-top: 2px
}

#fileUploadStatusBox .uploadStatus .complete {
  padding-top: 2px
}

#fileUploadStatusBox .timeStamp {
  float: left;
  width: 24%;
  vertical-align: middle;
  padding-top: 2px
}

#fileUploadStatusBox .logbtn {
  float: left;
  display: inline-block
}

#fileUploadStatusBox .columnHead {
  display: none
}

#LogTable {
  height: auto;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  max-width: 100%
}

#LogTable .row {
  font-size: 12px
}

#LogTable .toolbar {
  background: none repeat scroll 0 0 #f0f0f0;
  font-size: 12px;
  padding-left: 2px
}

#LogTable .last {
  border-bottom: 0 none
}

#LogTable .row .UploadStatus {
  display: inline-block;
  float: none;
  padding-left: 11px;
  position: relative;
  top: 2px
}

#LogTable .row .UploadStatus img {
  width: 20px
}

#LogTable .row .UploadStatusText {
  padding-left: 5px;
  padding-top: 2px;
  float: left
}

#LogTable .row .UploadStatusDate {
  padding-left: 11px;
  padding-top: 2px;
  float: left
}

#LogTable.requisitionList .entry {
  margin: 0 15px
}

#LogTable #status {
  font-size: 12px;
  padding: 10px 0 10px 14px;
  width: 90%
}

.logTable {
  display: inline-block;
  float: left;
  width: 50%
}

.logTable .cell {
  padding: 13px 10px 7px 4px
}

.logTable:nth-of-type(1) {
  font-style: bold
}

#twoTables {
  height: 147px;
  padding-left: 0
}

@-moz-document url-prefix() {
  #twoTables {
    height: 150px;
    padding-left: 7px
  }
}

.requisitionList {
  border: 1px solid #e9e9e9;
  border-radius: 5px
}

.requisitionList .toolbar {
  background: none repeat scroll 0 0 #f9f9f9;
  margin-bottom: 4px;
  padding: 10px
}

.requisitionList .entry {
  border-bottom: 1px solid #e9e9e9;
  margin: 0 10px 0 10px
}

.requisitionList .entry .input_field {
  width: 40px;
  text-align: center
}

.requisitionList .cell {
  padding: 13px 10px 7px 0;
  font-size: 12px
}

.requisitionList .cell a, .requisitionListMobile .cell a {
  color: #006ecc
}

.UploadStatus .imgStatus {
  padding: 0 4px 0 1px;
  position: relative;
  float: left
}

#suggestedProductsResults .as_thumbnail {
  border: 1px solid #d9d9d9;
  margin-right: 15px;
  padding: 0;
  float: left
}

#suggestedProductsResults .as_thumbnail img {
  width: 32px;
  height: 32px
}

#suggestedProductsResults .partNumber {
  color: #737373;
  font-size: 12px;
  line-height: 140%
}

#autoSuggestBySKU_Result_div {
  position: absolute
}

#MQuickOrderForm .autoSuggestBySKU_QuickOrder {
  margin: 2px 0 0 25px
}

.skuAddSearch {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #b8b8b8;
  display: none;
  font-size: 12px;
  margin-top: -2px;
  position: absolute;
  width: 400px;
  z-index: 20
}

.skuSearchItem:hover {
  background: none repeat scroll 0 0 #d9e9f7;
  cursor: pointer
}

.skuSearchItem:nth-child(1) {
  border-top: 0 none
}

.skuSearchItem {
  border-top: 1px solid #b8b8b8
}

.skuCode {
  float: left;
  margin-right: 40px;
  padding: 13px
}

.skuTitle {
  padding: 13px
}

.formButtonDisabled {
  cursor: default;
  pointer-events: none
}

.formButtonGreyOut {
  color: #bfbfbf !important
}

@media screen and (max-width:1024px) {
  #LogTable {
    display: block
  }
}

@media screen and (max-width:600px) {
  #LogTable .last {
    border-bottom: 1px solid #e9e9e9
  }
  .logTable {
    position: relative;
    width: 100%;
    float: none
  }
  .logHeader {
    display: none
  }
  #twoTables {
    height: auto
  }
  #LogTable {
    height: auto;
    border-radius: 0
  }
  .sorting_controls>span.page_size_label {
    display: inline-block;
    width: 70px
  }
  .sorting_controls>span.order_by_label {
    display: inline-block;
    width: 75px
  }
}

.logHeader .col3 {
  width: 30%
}

.logColumn .col3 {
  width: 30%
}

.globalLogin.selectWrapper {
  margin-bottom: 15px;
  height: auto;
  display: block
}

.globalLogin .dijitSelect {
  font-size: 12px;
  min-height: 30px;
  min-width: 274px;
  padding-bottom: 0;
  padding-top: 0
}

#Header_GlobalLogin_WC_B2BMyAccountParticipantRole_select_2_dropdown.dijitMenuPopup, #QuickLinks_GlobalLogin_WC_B2BMyAccountParticipantRole_select_2_dropdown.dijitMenuPopup {
  overflow-x: hidden
}

#WC_B2BMyAccountParticipantRole_select_1_alt_dropdown .orderBySelectMenu>table tr td, #WC_B2BMyAccountParticipantRole_select_1_dropdown .orderBySelectMenu>table tr td, #WC_B2BMyAccountParticipantRole_select_2_alt_dropdown .orderBySelectMenu>table tr td, #WC_B2BMyAccountParticipantRole_select_2_dropdown .orderBySelectMenu>table tr td {
  height: 16px;
  padding: 6px 0;
  font-size: 12px;
  line-height: 16px;
  padding-left: 2px;
  color: #545454;
  border-bottom: 1px solid #898989;
  list-style: none
}

#newListPublicPrivateDropdown.selectWrapper {
  margin-bottom: 15px;
  height: auto;
  display: block
}

#newListPublicPrivateDropdown .dijitSelect {
  font-size: 12px;
  min-height: 30px;
  min-width: 208px;
  padding-bottom: 0;
  padding-top: 0
}

#listType_dropdown .orderBySelectMenu>table tr td {
  height: 16px;
  padding: 6px 0;
  font-size: 12px;
  line-height: 16px;
  padding-left: 2px;
  color: #545454;
  border-bottom: 1px solid #898989;
  list-style: none
}

.contractSelectPanel .selectWrapper {
  margin-bottom: 15px;
  height: auto;
  display: block
}

.contractSelectPanel .dijitSelect {
  font-size: 12px;
  min-height: 30px;
  min-width: 234px;
  padding-bottom: 0;
  padding-top: 0
}

#contractSelectDropDown_dropdown .orderBySelectMenu>table tr td, #organizationSelectDropDown_dropdown .orderBySelectMenu>table tr td {
  height: 16px;
  padding: 6px 0;
  font-size: 12px;
  line-height: 16px;
  padding-left: 2px;
  color: #545454;
  border-bottom: 1px solid #898989;
  list-style: none
}

.keyIcon {
  display: none !important;
  padding: 2px;
  z-index: 998
}

.actionDropdown {
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  -webkit-box-shadow: -5px 5px 20px -6px rgba(0, 0, 0, .75);
  -moz-box-shadow: -5px 5px 20px -6px rgba(0, 0, 0, .75);
  box-shadow: -5px 5px 20px -6px rgba(0, 0, 0, .75);
  position: absolute;
  z-index: 10;
  background: #fff;
  right: 2%;
  margin-top: -2px;
  width: 170px;
  display: none;
  font-size: 12px
}

.actionDropdownPushContent {
  position: relative
}

.actionDropdown.active {
  display: block
}

.actionDropdownAnchorHide {
  border-bottom: 1px solid #bfbfbf;
  z-index: 0
}

.actionDropdownAnchorDisplay {
  background: none repeat scroll 0 0 #fff;
  border-bottom: 1px solid #fff;
  z-index: 12
}

.actionTitle {
  padding: 13px 12px;
  text-align: left
}

.actionItem {
  border-bottom: 1px solid #bfbfbf
}

.actionItem:not(.inactive):hover {
  background: #777;
  color: #fff;
  cursor: pointer
}

.actionItem.inactive .actionTitle a {
  cursor: default;
  color: #6c6c6c
}

.actionItem .actionTitle a {
  color: inherit
}

.listTable a.button_secondary.actionButton.clicked, .listTable a.button_secondary.toolbarButton.clicked {
  background: #fff;
  border-bottom: 1px solid #fff;
  z-index: 12;
  filter: none !important
}

.noListsMessage {
  padding: 20px !important
}

.requisitionList_type_selection {
  height: 27px
}

.requisitionList_type_selection .button_text {
  height: 27px
}

.requisitionList_type_selection img {
  position: absolute;
  right: 3px;
  bottom: 3px
}

#editRequisitionListInfo h1, #requisitionListCurrentInfo h1 {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 10px
}

#editRequisitionListInfo, #requisitionListCurrentInfo {
  padding: 0 15px;
  margin-bottom: 30px;
  font-size: 13px
}

#editRequisitionListInfo {
  display: none
}

#editRequisitionListInfo .fields {
  max-width: 485px;
  min-width: 402px;
  position: relative
}

#editRequisitionListInfo .input_field {
  width: 65%;
  margin-bottom: 15px;
  margin-right: 10px
}

#editRequisitionListInfo #updateInfoButton {
  margin-right: 10px
}

#editRequisitionListInfo .label {
  max-width: 50px;
  min-width: 40px;
  margin-bottom: 10px
}

#editRequisitionListInfo #actionDropdown4 {
  left: 66.5%;
  top: 30px
}

#editRequisitionListInfo #actionButton4 .button_text {
  width: 60%;
  padding: 0 20px;
  min-width: 40px
}

#editSavedOrderInfo h1, #savedOrderCurrentInfo h1 {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 10px
}

#editSavedOrderInfo, #savedOrderCurrentInfo {
  padding: 0 15px;
  margin-bottom: 30px;
  font-size: 12px
}

#savedOrderCurrentInfo .label {
  display: inline-block;
  width: 120px
}

#savedOrderCurrentInfo .editListInfo {
  font-size: 12px
}

#savedOrderCurrentInfo .entry {
  margin-bottom: 3px
}

#editSavedOrderInfo {
  display: none
}

#editSavedOrderInfo .fields {
  max-width: 550px;
  min-width: 352px;
  position: relative
}

#editSavedOrderInfo .input_field {
  width: 60%;
  margin-bottom: 15px;
  margin-right: 10px
}

#editSavedOrderInfo #updateInfoButton {
  margin-right: 10px
}

#editSavedOrderInfo .label {
  margin-bottom: 10px;
  margin-top: 5px;
  max-width: 93px;
  min-width: 40px;
  width: 75px
}

#Header_GlobalLogin_signOutQuickLinkUser {
  margin-right: 4px
}

#quickLinksBar>li>#Header_GlobalLogin_signOutQuickLink {
  max-width: 293px;
  margin-top: -9px;
  padding-right: 20px
}

#Header_GlobalLogin_desktopExpandArrow {
  bottom: 9px;
  position: absolute;
  right: 7px
}

#Header_GlobalLogin_loggedInDropdown.menuDropdown {
  right: 202px
}

.menuDropdown {
  background: linear-gradient(to bottom, #fff 46%, #f5f5f5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #4d4d4d;
  display: none;
  font-size: 13px;
  position: absolute;
  right: 299px;
  top: 56px;
  width: 328px;
  z-index: 100
}

.menuDropdown.active {
  display: block
}

.menuDropdown .panel {
  padding: 20px
}

.menuDropdown .field {
  margin-bottom: 18px
}

.menuDropdown .footer {
  border-top: 1px solid #bfbfbf;
  margin-top: 20px;
  padding-top: 20px
}

.menuDropdown .label {
  margin-bottom: 8px
}

.loginMenuDropdown {
  background-color: #fff;
  background: linear-gradient(to bottom, #fff 46%, #f5f5f5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
  border: 1px solid #bfbfbf;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #4d4d4d;
  display: none;
  font-size: 13px;
  position: absolute;
  right: 202px;
  top: 56px;
  width: 290px;
  z-index: 100
}

.loginMenuDropdown.active {
  display: block
}

.loginMenuDropdown .panel {
  padding: 20px
}

.loginMenuDropdown .field {
  margin-bottom: 18px
}

.loginMenuDropdown .label {
  margin-bottom: 8px
}

.loginMenuDropdown .input_field {
  width: 233px
}

.loginMenuDropdown .errorLabel, .menuDropdown .errorLabel {
  color: #c40;
  display: none;
  margin-bottom: 10px
}

.loginMenuDropdown .errorLabel.active, .menuDropdown .errorLabel.active {
  color: #c40;
  display: block;
  margin-bottom: 10px
}

.signInForm .button_primary, .signInForm .button_secondary {
  margin-right: 4px;
  width: 117px
}

.signInForm .button_primary .button_text, .signInForm .button_secondary .button_text {
  width: 105px;
  padding: 0 5px
}

.loginMenuDropdown .checkbox {
  padding: 5px 5px 5px 0;
  width: auto
}

.loginMenuDropdown .checkbox .checkedCheckBox {
  display: inline;
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle
}

.loginMenuDropdown .field .link {
  color: #006dcc;
  font-size: 12px
}

.loginMenuDropdown .button_primary .button_text, .loginMenuDropdown .button_secondary .button_text {
  font-size: 11px
}

.loginMenuDropdown .footer {
  border-top: 1px solid #bfbfbf;
  margin-top: 20px;
  padding-top: 20px
}

.GlobalLoginWidgetAlt {
  display: none
}

.GlobalLoginWidgetAlt.active {
  display: block
}

.headerWidgetLink {
  display: block;
  position: relative;
  max-width: 200px;
  margin: -10px 0;
  padding: 10px 15px
}

.panelLinkSelected.selected {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #fff;
  border-color: #b8b8b8 #b8b8b8 #fff;
  border-image: none;
  border-style: solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-width: 1px;
  left: 1px;
  z-index: 101
}

#signInDropdown {
  top: 0;
  right: 299px
}

.contractSelectPanel .button_primary, .contractSelectPanel .button_secondary, .loggedInContractSelectPanel .button_primary, .loggedInContractSelectPanel .button_secondary, .signOutButton {
  width: 285px
}

.contractSelectPanel .button_primary .button_text, .contractSelectPanel .button_secondary .button_text, .loggedInContractSelectPanel .button_primary .button_text, .loggedInContractSelectPanel .button_secondary .button_text, .signOutButton .button_text {
  width: 244px
}

.loggedInContractSelectPanel .button_primary .button_text, .loggedInContractSelectPanel .button_secondary .button_text {
  font-size: 11px;
  line-height: normal;
  text-align: center
}

.userProfileIcon {
  vertical-align: middle;
  margin-right: 3px
}

#QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected.selected:after {
  top: 110px
}

#QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected:after {
  top: 110px
}

#globalLoginWidget .loginMenuDropdown {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(to bottom, #fff 46%, #fcfcfc 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
  color: #4d4d4d;
  font-size: 13px;
  z-index: 100
}

#globalLoginWidget .loginMenuDropdown.active {
  display: block
}

#QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected.selected:after {
  right: -34px;
  top: 60px
}

#QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected:after {
  right: -34px;
  top: 60px
}

#globalLoginWidget .panelLinkSelected.selected {
  background: none repeat scroll 0 0 hsla(0, 0%, 0%, 0);
  border: 0 none;
  border-radius: 0;
  left: 1px;
  z-index: 101
}

#globalLoginWidget .sign_in_registration {
  color: #4d4d4d;
  line-height: 1.1em;
  margin: 0 auto;
  max-width: 773px
}

#globalLoginWidget .loginMenuDropdown .panel {
  padding: 0 20px 10px 10px
}

.row.footer.savedOrderFooterSection {
  width: 99%
}

.col12.savedOrderFooterColSection {
  width: 100%
}

.col6.orderLabelCol {
  width: 87%;
  position: relative;
  display: inline-block;
  text-align: right
}

.orderLabelCol .orderLabel {
  text-align: right
}

.col6.orderValueCol {
  width: 12%;
  position: relative;
  display: inline-block;
  text-align: right
}

.orderValueCol .orderValue {
  text-align: right
}

.orderSummary {
  padding-right: 70px;
  text-align: right
}

.orderSummary .orderField {
  margin-bottom: 5px
}

.orderSummary .orderLabel {
  display: inline-block;
  margin-right: 20px
}

.orderSummary .orderValue {
  display: inline-block
}

.orderFinalAmount {
  color: #ca4200;
  font-weight: 700
}

#OrganizationAndUsersPageHeading h1 {
  padding: 0
}

#BuyerAdministratorBuyerCommonPageHeading .required-field {
  padding: 0 10px;
  color: red
}

#OrganizationUsersList_Widget_Heading, #orgListHeading_2 {
  margin-bottom: 10px;
  font-size: 18px
}

#OrganizationUsersList_toolbar_form_botton {
  padding: 10px 0
}

.listTable .toolbar.collapsible {
  background: #f9f9f9 !important;
  margin-bottom: 4px !important;
  padding: 10px !important
}

.listTable .collapsible .toggle .button_text {
  height: 0;
  width: 0;
  padding: 15px
}

.listTable .collapsible .toggle .button_text:after {
  content: "";
  background-repeat: no-repeat;
  bottom: 4px;
  right: 4px;
  height: 20px;
  width: 20px;
  position: absolute
}

.listTable .collapsible[aria-expanded=false] .toggle .button_text:after {
  background-image: url(../images/icon_plus.png)
}

.listTable .collapsible[aria-expanded=true] .toggle .button_text:after {
  background-image: url(../images/icon_minus.png)
}

.listTable .collapsible span {
  font-size: 13px
}

.listTable .content .field {
  font-size: 13px;
  margin: 15px 0 0 0
}

.listTable .content .field .dijitTextBox, .listTable .content .field input:not(.dijitInputInner), .listTable .toolbar .field .dijitSelect {
  font-size: 12px;
  padding: 8px;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 5px 5px 5px 5px
}

.listTable .toolbar .field .dijitSelect {
  width: 100%
}

.listTable .content .field .dijitSelect, .listTable .content .field .dijitTextBox, .listTable .content .field input:not(.dijitInputInner) {
  width: 80%
}

.listTable .content .field .dijitTextBox .dijitInputInner {
  height: auto
}

.listTable .toolbar .field .dijitSelect {
  padding-right: 20px;
  margin-bottom: 10px
}

.listTable .quantity .input_field {
  padding: 8px
}

#autoSuggestBySKU_Result_div_skuAdd.autoSuggestBySKU_QuickOrder {
  position: absolute
}

#RequisitionListItems_table .input_field.small {
  width: 80px
}

#SavedOrderItems_table .previewImage {
  width: 14%
}

#SavedOrderItems_table .name {
  width: 20%
}

#SavedOrderItems_table .availability {
  text-align: center;
  width: 14%
}

#SavedOrderItems_table .eachCost {
  text-align: right;
  width: 10%
}

#SavedOrderItems_table .quantity {
  text-align: center;
  width: 14%
}

#SavedOrderItems_table .quantity #quantityCell_1 {
  padding-right: 0
}

#SavedOrderItems_table .totalCost {
  text-align: right;
  padding-right: 0;
  width: 14%
}

#SavedOrderItems_table .actions {
  text-align: right;
  width: 14%
}

#SavedOrderItems_table .eachCost .cell {
  padding-right: 0
}

#SavedOrderItems_table .totalCost .cell {
  padding-right: 0
}

#SavedOrderItems_table .withPreviewImage .actions .cell {
  padding-top: 25px
}

#SavedOrderItems_table .entry .input_field {
  float: left;
  left: 32px;
  positon: relative;
  text-align: center;
  width: 40px
}

#SavedOrderItems_table .quantityCellDiv {
  height: 100%;
  margin: 0 auto;
  width: 58px;
  position: relative
}

#SavedOrderItems_table .quantityUpdated {
  height: 16px;
  float: left;
  left: 52px;
  position: relative;
  right: auto;
  top: -33px
}

#SavedOrderItems_table .quantityUpdated img {
  width: initial
}

#SavedOrderItems_table .input_field.small {
  width: 70px
}

#SavedOrderItems_table .info_icon {
  color: #006ecc
}

#OrganizationUsersList_toolbar_searchForm {
  margin: 0 10px
}

.listTable .toolbar .field .dijitSelect .dijitArrowButtonContainer:before {
  content: "";
  background: url(../images/responsive/rwdUI.png);
  height: 10px;
  width: 15px;
  position: absolute;
  background-repeat: no-repeat;
  margin-top: -2px
}

.col1.status.orgUsersHeader {
  width: 14%
}

.col1.actions.orgUsersHeader {
  width: 14%
}

.col2.logonId.orgUsersHeader {
  width: 15%
}

.col3.name.orgUsersHeader {
  width: 22%
}

.col5.roles.orgUsersHeader {
  width: 35%
}

.col1.status.orgUsersColumn {
  width: 14%
}

.col1.actions.orgUsersColumn {
  width: 14%
}

.col2.logonId.orgUsersColumn {
  width: 15%
}

.col3.name.orgUsersColumn {
  width: 22%
}

.col5.roles.orgUsersColumn {
  width: 35%
}

div[dijitpopupparent^=BuyerApproval_toolbar_]>.dijitSelectMenu, div[dijitpopupparent^=OrderApproval_toolbar_]>.dijitSelectMenu, div[dijitpopupparent^=OrganizationUsersList_toolbar_]>.dijitSelectMenu {
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 13px -4px #000;
  background: #fff;
  z-index: 20;
  font-size: 12px
}

div[dijitpopupparent^=BuyerApproval_toolbar_]>.dijitSelectMenu .dijitMenuArrowCell, div[dijitpopupparent^=BuyerApproval_toolbar_]>.dijitSelectMenu .dijitMenuItemIconCell, div[dijitpopupparent^=OrderApproval_toolbar_]>.dijitSelectMenu .dijitMenuArrowCell, div[dijitpopupparent^=OrderApproval_toolbar_]>.dijitSelectMenu .dijitMenuItemIconCell, div[dijitpopupparent^=OrganizationUsersList_toolbar_]>.dijitSelectMenu .dijitMenuArrowCell, div[dijitpopupparent^=OrganizationUsersList_toolbar_]>.dijitSelectMenu .dijitMenuItemIconCell {
  display: none
}

div[dijitpopupparent^=BuyerApproval_toolbar_]>.dijitSelectMenu table tr td, div[dijitpopupparent^=OrderApproval_toolbar_]>.dijitSelectMenu table tr td, div[dijitpopupparent^=OrganizationUsersList_toolbar_]>.dijitSelectMenu table tr td {
  padding: 10px 8px;
  border-bottom: 1px solid #e0e0e0
}

div[dijitpopupparent^=BuyerApproval_toolbar_]>.dijitSelectMenu table tr.dijitMenuItemSelected, div[dijitpopupparent^=OrderApproval_toolbar_]>.dijitSelectMenu table tr.dijitMenuItemSelected, div[dijitpopupparent^=OrganizationUsersList_toolbar_]>.dijitSelectMenu table tr.dijitMenuItemSelected {
  background: #898989;
  color: #fff;
  cursor: pointer
}

div[dijitpopupparent^=BuyerApproval_toolbar_]>.dijitSelectMenu table tr.dijitSelectSelectedOption, div[dijitpopupparent^=OrderApproval_toolbar_]>.dijitSelectMenu table tr.dijitSelectSelectedOption, div[dijitpopupparent^=OrganizationUsersList_toolbar_]>.dijitSelectMenu table tr.dijitSelectSelectedOption {
  background: #e0e0e0 !important;
  color: #000 !important
}

.col1.actions.buyerApprovalHeader {
  width: 9%
}

.col2.buyerApprovalHeader {
  width: 16%
}

.col2.approve.buyerApprovalHeader {
  width: 19%
}

.col3.buyerApprovalHeader {
  width: 22%
}

.col1.actions.buyerApprovalColumn {
  width: 9%
}

.col2.buyerApprovalColumn {
  width: 16%
}

.col2.approve.buyerApprovalColumn {
  width: 19%
}

.col3.buyerApprovalColumn {
  width: 22%
}

#WC_denotesRequiredField {
  font-size: 12px
}

.required_field:after {
  content: "*";
  color: red
}

.row.margin-true>div>div.OrganizationUserInfo, .row.margin-true>div>div.UserMemberGroupManagement, .row.margin-true>div>div.UserRoleManagement {
  margin: 0
}

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

.pageSection.header {
  border-bottom: 0 none;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0
}

.pageSection.header .pageSectionTitle {
  margin-bottom: 0
}

.pageSection .pageSectionTitle {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 10px
}

.pageSection .pageSectionTitle .title {
  display: inline-block;
  width: 400px
}

.pageSection .pageSectionTitle h2 {
  display: inline-block;
  font-weight: inherit
}

.pageSectionTitle .description {
  font-size: 12px
}

.pageSection .pageSectionTitle>h2, .pageSection .pageSectionTitle>p, .pageSection .pageSectionTitle>span:not(.spanacce) {
  display: inline-block;
  width: 340px
}

.pageSection .pageSectionTitle #memberGroupExpand {
  width: 17px
}

.pageSection .pageSectionTitle .editIcon {
  cursor: pointer;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline-block
}

.editView {
  position: relative
}

.pageSection.editView .pageSectionTitle .editIcon {
  display: none
}

.editView .readField {
  display: none
}

.pageSection .pageSectionTitle .editIcon img {
  position: relative;
  right: -2px
}

.pageSection .field {
  margin-bottom: 15px;
  position: relative
}

.pageSection .field .link {
  color: #006ecc
}

.pageSection .field .column_label {
  width: 80%
}

.pageSection .field .privacy .link {
  float: right
}

.pageSection .field .sub_field {
  float: left
}

.pageSection .field .sub_field .dijitSelect {
  width: 90%
}

.pageSection .field label, .pageSection .field p, .pageSection .field span {
  font-size: 12px;
  margin-bottom: 2px
}

.pageSection .field .dijitSelect, .pageSection .field input {
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  padding: 8px;
  font-size: 12px;
  width: 80%;
  max-width: 300px;
  margin-bottom: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.pageSection .field .dijitSelect {
  padding-right: 20px
}

.pageSection .field .dijitSelect .dijitArrowButtonContainer:before {
  content: "";
  background: url(../images/responsive/rwdUI.png);
  height: 10px;
  width: 15px;
  position: absolute;
  background-repeat: no-repeat;
  margin-top: -2px
}

.editActions .button_primary, .editActions .button_secondary {
  margin-right: 10px
}

.editActions .button_primary .button_text, .editActions .button_secondary .button_text {
  min-width: 60px
}

.pageSection .readField {
  font-size: 12px
}

.pageSection .readField .field {
  margin-bottom: 6px
}

.pageSection .readField .readValue {
  display: inline-block
}

.pageSection .readField .readLabel {
  width: 195px;
  display: inline-block
}

.pageSection .readField .readLabel-NoWidth {
  display: inline-block
}

.readOnly .editField {
  display: none
}

.formField {
  min-width: 300px
}

#UserRoleManagement_OrgList .row.tableHeader span {
  display: table-cell;
  height: 27px;
  vertical-align: middle
}

.pageSection.collapsible .content, .pageSection.collapsible .pageSectionTitle {
  padding-left: 29px
}

.pageSection.collapsible .toggle {
  background-image: url(../images/icon_minus.png);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  height: 25px;
  position: absolute;
  width: 25px
}

.pageSection.collapsible[aria-expanded=false] .toggle {
  background-image: url(../images/icon_plus.png)
}

.pageSection.collapsible {
  background-color: transparent !important;
  padding: 10px 0 !important
}

.roleSelector .orgHeader {
  padding-left: 12% !important
}

.pageSection .subTitle {
  font-size: 12px;
  margin-bottom: 10px
}

.roleSelector {
  margin-bottom: 20px;
  display: block !important
}

.roleSelector .toolbar input {
  width: 250px;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 15px
}

.roleSelector .toolbar .toolbarButtons {
  float: left;
  margin: 5px 0
}

.roleSelector .toolbar .toolbarButtons a {
  margin-right: 10px
}

.roleSelector .tableHeader {
  font-weight: 700
}

.roleSelector .entry #WC_UserRoleManagement_edit_roleSelector>.panel {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9
}

.roleSelector .entry .panel {
  height: 320px;
  overflow-y: auto;
  padding: 10px 0;
  font-size: 12px;
  position: relative
}

.roleSelector .entry {
  margin: 0 !important
}

.roleSelector .reportSummary {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px;
  position: relative
}

.roleSelector .highlight {
  background: #f9f9f9
}

.roleSelector .reportSummary p {
  padding-right: 20px
}

.roleSelector .reportSummary .icon {
  position: absolute;
  right: 0;
  top: 10px;
  width: 20px
}

.roleSelector .checkField {
  margin-bottom: 15px
}

.roleSelector .checkField .checkBoxer {
  float: left;
  margin-right: 10px;
  border-style: none;
  border-width: 0;
  padding-left: 50px;
  min-height: 30px;
  width: auto;
  height: auto
}

.roleSelector .checkField p {
  font-size: 13px;
  padding-top: 3px
}

.roleSelector .selectIcon .cell {
  background: url(../images/star_icon_OFF.png);
  background-repeat: no-repeat;
  background-position: 15px 8px;
  content: "";
  height: 22px;
  width: 22px
}

.roleSelector .highlight .selectIcon .cell {
  background: url(../images/star_icon_ON.png);
  background-repeat: no-repeat;
  background-position: 15px 8px;
  content: "";
  height: 22px;
  width: 22px
}

.roleSelector .checkField .checkBoxer:before {
  content: "";
  height: 30px;
  width: 30px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  position: absolute;
  left: 10px;
  margin-bottom: 10px
}

.roleSelector .checkField .checkBoxer[aria-checked=true]:before {
  background-image: url(../images/check_arrow.png);
  background-position: 6px 6px;
  background-repeat: no-repeat
}

.roleSelector .toolbar .toolbarButtons .filterButton[aria-hidden=true] {
  display: none
}

.UserMemberGroupManagement .memberGroup .entryField[aria-hidden=true] {
  display: none
}

.UserMemberGroupManagement .memberGroup .entryField {
  border: 1px solid #999;
  border-radius: 5px 5px 5px 5px;
  float: left;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  maring-bottom: 5px;
  padding: 10px 25px 10px 10px;
  position: relative
}

.UserMemberGroupManagement .entryField .icon {
  position: absolute;
  right: 5px;
  top: 10px
}

.UserMemberGroupManagement .group {
  margin-bottom: 20px
}

.UserMemberGroupManagement .group p {
  font-size: 12px;
  margin-bottom: 5px
}

.UserMemberGroupManagement .memberGroup .dijitSelect {
  border-radius: 5px;
  border: 1px solid #999;
  padding: 8px;
  font-size: 12px;
  width: 80%;
  max-width: 300px;
  margin-bottom: 10px;
  padding-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.UserMemberGroupManagement .memberGroup .dijitSelect .dijitArrowButtonContainer:before {
  content: "";
  background: url(../images/responsive/rwdUI.png);
  height: 10px;
  width: 15px;
  position: absolute;
  background-repeat: no-repeat;
  margin-top: -2px
}

div[dijitpopupparent^=WC_UserMemberGroupManagement_]>.dijitSelectMenu {
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 13px -4px #000;
  background: #fff;
  z-index: 20;
  font-size: 12px
}

div[dijitpopupparent^=WC_UserMemberGroupManagement_]>.dijitSelectMenu table tr td {
  padding: 10px 2px
}

div[dijitpopupparent^=WC_UserMemberGroupManagement_]>.dijitSelectMenu table tr.dijitMenuItemSelected {
  background: #898989;
  color: #fff;
  cursor: pointer
}

div[dijitpopupparent^=WC_UserMemberGroupManagement_]>.dijitSelectMenu table tr.dijitMenuItemDisabled {
  display: none
}

#OrderAporovalPageHeading {
  margin-left: 10px
}

#OrderDetail_ItemTable_table {
  margin-top: 20px
}

#orderSummary {
  background: none repeat scroll 0 0 #f0f0f0;
  border-radius: 5px 5px 5px 5px;
  font-size: 12px;
  margin: 0 10px 10px;
  padding: 10px
}

#orderSummary .label {
  display: inline-block;
  width: 140px
}

.orderSummaryReport {
  font-size: 12px;
  margin: 10px 10px 30px 20px !important;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px
}

.orderSummaryReport h2 {
  font-size: 15px;
  margin-bottom: 4px
}

.orderSummaryReport h3 {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
  text-decoration: underline
}

.orderSummaryReport .label {
  display: inline-block;
  width: 60%
}

.orderSummaryReport .value {
  display: inline-block;
  max-width: 80px;
  text-align: right;
  width: 31%
}

.col1.orderApprovalHeader {
  width: 9%
}

.col1.date.orderApprovalHeader {
  width: 11%
}

.col1.status.orderApprovalHeader {
  width: 11%
}

.col1.actions.orderApprovalHeader {
  width: 9%
}

.col1.approve.orderApprovalHeader {
  width: 11%
}

.col2.orderApprovalHeader {
  width: 15%
}

.col3.orderApprovalHeader {
  width: 20%
}

.col1.orderApprovalColumn {
  width: 9%
}

.col1.date.orderApprovalColumn {
  width: 11%
}

.col1.status.orderApprovalColumn {
  width: 11%
}

.col1.actions.orderApprovalColumn {
  width: 9%
}

.col1.approve.orderApprovalColumn {
  width: 11%
}

.col2.orderApprovalColumn {
  width: 15%
}

.col3.orderApprovalColumn {
  width: 20%
}

#totalLabel {
  background: none repeat scroll 0 0 #f0f0f0;
  border-radius: 5px 5px 5px 5px;
  margin-top: 20px;
  padding: 10px
}

#totalLabel .label {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  padding-left: 0;
  width: 60%
}

#totalLabel .value {
  color: #ca4200;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  max-width: 91px;
  text-align: right;
  width: 38%
}

#summaryOfChanges .label, .largeLabel {
  padding-left: 10px
}

.approvalToolbarButton {
  margin: 20px 0 10px 0
}

#orderSummaryContainer {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  margin: 10px 0 10px 10px;
  padding: 10px 0 0
}

.selfServiceCal {
  font-size: 12px
}

.selfServiceCal.dijitCalendar .dijitCalendarCurrentMonth {
  background: none repeat scroll 0 0 #f6f6f6 !important;
  border: 1px solid #eaeaea;
  border-collapse: collapse
}

.selfServiceCal.dijitCalendar .dijitCalendarDateTemplate .dijitCalendarDateLabel {
  border: 0 none !important;
  padding: 7px
}

.selfServiceCal.dijitCalendar .dijitCalendar {
  border-collapse: collapse
}

.selfServiceCal.dijitCalendar .dijitCalendarCurrentDate {
  background: none repeat scroll 0 0 #0579f2 !important;
  color: #fff;
  text-decoration: none
}

.selfServiceCal .dijitCalendarHoveredDate .dijitCalendarDateLabel {
  background: #f5aa31
}

.selfServiceCal.dijitCalendar .dijitCalendarMonthLabel {
  color: #fff;
  font-size: 20px;
  margin: 2px
}

.selfServiceCal.dijitCalendar tr.dijitCalendarMonthContainer {
  background: none repeat scroll 0 0 #333
}

.selfServiceCal.dijitCalendar .dijitCalendarIncrementControl {
  background-image: url(../images/responsive/rwdUI.png)
}

.selfServiceCal.dijitCalendar .dijitCalendarIncrease {
  background-position: -37px 0
}

.selfServiceCal.dijitCalendar .dijitCalendarDecrease {
  background-position: -13px 0
}

.selfServiceCal.dijitCalendar .dijitCalendarYearLabel {
  background: none repeat scroll 0 0 #333
}

.selfServiceCal.dijitCalendar .dijitCalendarYearLabel span {
  color: #fff;
  font-size: 12px
}

.selfServiceCal.dijitCalendar .dijitCalendarSelectedYear {
  background-color: #333 !important;
  font-size: 20px !important;
  font-weight: 700
}

.selfServiceCal.dijitCalendarMonthMenu.dijitMenu {
  background: #f6f6f6 repeat;
  border: 1px solid #000
}

.selfServiceCal.dijitCalendarMonthMenu.dijitMenu .dijitCalendarMonthLabel {
  border: 0 none;
  font-size: 14px
}

.listTable .toolbar #skuAdd {
  width: 225px
}

.listTableMobile .toolbar #skuAddMobile {
  width: 215px
}

.listTable .toolbar #quantityAdd, .listTable .toolbar #skuAdd {
  margin-right: 10px
}

.listTable .toolbar #toolbarButton1, .listTable .toolbar #toolbarButton2 {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px
}

.quantityUpdated {
  background: none repeat scroll 0 0 #006ecc;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  display: none;
  font-size: 12px;
  padding: 8px 0 9px;
  position: relative;
  right: -54px;
  text-align: left;
  top: -33px;
  width: 144px;
  z-index: 2
}

.reqListQuantityUpdated {
  position: relative;
  top: -33px;
  right: -37px;
  background: #006ecc;
  padding: 8px 0 9px;
  font-size: 12px;
  width: 144px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  display: none;
  z-index: 20
}

.reqListQuantityUpdated img {
  float: left;
  padding-left: 10px;
  padding-right: 4px;
  vertical-align: middle
}

.quantityUpdated img {
  float: left;
  padding-left: 10px;
  padding-right: 4px;
  vertical-align: middle
}

@media screen and (max-width:952px) {
  .productListingWidget .header_bar .pagination_present {
    min-height: 91px
  }
  .sorting_view_controls_container {
    clear: both;
    padding-top: 0;
    padding-right: 0
  }
  .widget_articles_videos_position .sorting_view_controls_container {
    clear: none;
    padding-top: 5px;
    padding-right: 15px
  }
  .paging_controls>.left_arrow>img {
    padding-left: 10px
  }
  .paging_controls>.right_arrow>img {
    padding-right: 10px
  }
}

@media screen and (max-width:856px) {
  .homePageContainerRow4>div {
    width: 100%
  }
  #videoContentFrame {
    width: 461px;
    height: 265px;
    margin-left: -230px
  }
  div.widget_title_container h1 {
    font-size: 23px
  }
}

@media screen and (max-width:770px) {
  .productSpecTable .specTableRow .specTableLabel {
    width: 50%
  }
  .productSpecTable .specTableRow .specTableValue {
    width: 50%
  }
}

@media screen and (max-width:520px) {
  .productSpecTable .specTableRow .specTableValue {
    text-align: right
  }
  #videoContentFrame {
    width: 320px;
    height: 183px;
    margin-left: -160px
  }
  #modelBoxClose {
    top: 12px;
    right: 12px
  }
}

@media screen and (max-width:1628px) {
  #articleListing li {
    float: left;
    margin-right: 20px
  }
}

@media screen and (min-width:1660px) {
  #articleListing li {
    width: 32% !important
  }
}

@media screen and (min-width:1281px) {
  #productsFacetsHorizontal>fieldset {
    width: 48%;
    float: left;
    padding: 1%
  }
  #articleListing li {
    float: left;
    width: 47%;
    margin-right: 10px
  }
  .product_page_content #productFullWidthSlot56>div:nth-child(2), .product_page_content #productSlot56>div:nth-child(2) {
    margin: -10px 5px;
    display: block;
    padding: 0 5px
  }
  .product_page_content #productSlot56 {
    float: left
  }
  #uploadListDropdown {
    right: 31px
  }
  #fileUploadStatus {
    margin-top: -10px
  }
  .requisitionListContent.popup {
    left: 40%;
    width: 325px
  }
}

@media screen and (max-width:1280px) {
  #productsFacetsHorizontal>fieldset {
    width: 48%;
    float: left;
    padding: 1%
  }
  #orderByDropdown .dijitSelect .dijitButtonText, .orderByDropdown .dijitSelect .dijitButtonText {
    display: none
  }
  #orderByDropdown .dijitSelect, .orderByDropdown .dijitSelect {
    min-width: 0
  }
  #orderByDropdown .dijitSelect .dijitArrowButtonContainer:before, .orderByDropdown .dijitSelect .dijitArrowButtonContainer:before {
    float: left
  }
  .sorting_controls .selectWrapper {
    width: 33px
  }
  .selectWrapper .dijitSelect .dijitArrowButtonContainer:before {
    margin: 10px 5px
  }
  .productListingWidget .header_bar .controls>* {
    float: right;
    display: block
  }
  .requisitionListContent.popup {
    left: 40%;
    width: 325px
  }
}

@media screen and (max-width:1133px) {
  .pageSelection {
    display: block
  }
  .productListingWidget .header_bar .controls {
    position: relative
  }
  .pageControlMenu .controlBar .pageControl.number>a {
    margin: 4px
  }
  .pageControlButton:focus {
    border: 1px dotted #000
  }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
  .bundle_package_page .row .slot4 {
    width: 35%
  }
  .bundle_package_page .row #productSlot56 {
    width: 20%;
    float: left
  }
  .bundle_package_page .row .slot5, .bundle_package_page .row .slot6, .bundle_package_page .row .slot8, .bundle_package_page .row .tabbedSlots9_10_11 {
    width: 100%
  }
  .bundle_package_page .slot7 {
    width: 45%
  }
  .bundle_package_page .kit_pageDesign_pageGroup #productSlot56 {
    width: 30%
  }
  .bundle_package_page .kit_pageDesign_pageGroup .slot7 {
    width: 35%
  }
}

@media screen and (max-width:1024px) {
  #fileUploadStatusBox {
    max-height: 82px
  }
  #fileUploadStatusBox .fileUpload {
    padding-bottom: 20px
  }
  #fileUploadStatusBox .fileName {
    float: left;
    width: 55%;
    margin: 0 0 26px 9px
  }
  #fileUploadStatusBox .logbtn {
    display: block;
    float: left;
    width: auto
  }
  #fileUploadStatusBox .uploadStatus {
    float: left;
    width: auto;
    margin: 0
  }
  #fileUploadStatusBox .timeStamp {
    float: left;
    width: 55%;
    vertical-align: middle;
    padding: 5px 0 0 0;
    margin: 0 0 6px 10px
  }
}

@media screen and (max-width:535px) {
  #shoppingListItemAddedPopup>div.dijitDialogPaneContent {
    width: auto !important;
    height: auto !important
  }
  div.widget_site_popup>.middle>.content_left_border>.content_right_border>.content {
    width: auto
  }
  .widget_subscription_item>.bottom, .widget_subscription_item>.top {
    width: auto
  }
  .widget_subscription_item>.top>.middle {
    width: auto
  }
  .widget_subscription_item>.middle {
    width: auto
  }
  .widget_subscription_item>.middle>.content_left_border {
    width: auto
  }
  .widget_subscription_item>.middle>.content_left_border>.content_right_border {
    width: auto
  }
}

@media screen and (max-width:480px), screen and (min-width:601px) and (max-width:738px) {
  .productListingWidget .header_bar .pagination_present {
    margin-top: -30px
  }
}

@media screen and (max-width:420px), screen and (min-width:601px) and (max-width:652px) {
  .product_listing_container .list_mode .product>.product_image {
    width: 180px;
    position: relative
  }
  .product_listing_container .list_mode .product {
    padding-left: 15px
  }
  .product_listing_container .list_mode .catEntryList_border {
    margin: 10px 0;
    width: 100%
  }
}

@media screen and (max-width:377px) {
  #articleListing li .content h1 {
    width: 100px
  }
  .productListingWidget .header_bar .pagination_present {
    margin-top: 0
  }
  .productListingWidget .header_bar .controls {
    margin-right: -7px
  }
  .productListingWidget #orderByDropdown, .productListingWidget .orderByDropdown {
    margin-right: 0
  }
}

@media screen and (max-width:600px) {
  #productsFacetsHorizontal>fieldset {
    width: 98%
  }
  div#widget_coordinate>.middle>.content {
    padding: 0 0 40px 0
  }
  div#widget_coordinate>.middle>.content>.up_arrow {
    left: 199px
  }
  div#widget_coordinate>.middle>.content>.down_arrow {
    left: 199px
  }
  .product_page_content #productSlot56>div:nth-child(2) {
    display: inline-block
  }
  .widget_product_image_viewer .image_container>img {
    margin-right: 0
  }
  .widget_bundle_package_list .list_mode {
    width: 99%
  }
  .tab {
    border-radius: 0;
    border-left: none;
    border-right: none;
    width: 100%
  }
  .definingAttributes {
    width: 95%;
    padding-left: 10px
  }
  .definingAttributes .color_swatch_label {
    padding-top: 10px
  }
  .available {
    width: 95%;
    margin-left: 10px
  }
  .shopperActions {
    padding-left: 10px
  }
  .textContainer .title {
    font-size: 22px;
    line-height: 18pt
  }
  .textContainer .bodyText {
    font-size: 12px;
    line-height: 13pt
  }
  .tabButtonContainer {
    margin-bottom: 0 !important
  }
  .nonRWDPage #MiniShopCartProductAdded, .nonRWDPage #quick_cart_container, .nonRWDPageB #MiniShopCartProductAdded, .nonRWDPageB #quick_cart_container {
    left: auto !important;
    right: 15px !important
  }
  #MiniShopCartProductAdded, #quick_cart_container {
    left: 0 !important;
    right: 0 !important;
    top: 55px !important
  }
  #content .collapsible {
    border-radius: 0
  }
  #contentFacet, #contentProducts {
    float: none;
    width: auto
  }
  #contentFacet {
    height: 300px !important
  }
  .changeOrientation {
    display: none
  }
  #homePageEspot_Left_Slot, #homePageEspot_Right_Slot {
    padding-left: 10px
  }
  div#widget_breadcrumb {
    display: none
  }
  .loginMenuDropdown {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    right: 0;
    top: 0;
    width: 100%
  }
  .loginMenuDropdown.active {
    display: block
  }
  .globalLogin .dijitSelect {
    min-width: 238px
  }
  .contractSelectPanel .button_primary, .contractSelectPanel .button_secondary, .loggedInContractSelectPanel .button_primary, .loggedInContractSelectPanel .button_secondary, .signOutButton {
    width: 248px
  }
  #signInDropdown {
    right: 0;
    top: 0
  }
  #Header_GlobalLogin_signInDropdown.loginMenuDropdown {
    background: linear-gradient(to bottom, #fff 46%, #f5f5f5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
    border: 1px solid #bfbfbf;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #4d4d4d;
    display: none;
    font-size: 13px;
    position: absolute;
    right: 154px;
    top: 49px;
    width: 290px;
    z-index: 100
  }
  #Header_GlobalLogin_signInDropdown.loginMenuDropdown.active {
    display: block
  }
  #Header_GlobalLogin_signInQuickLink.panelLinkSelected.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #b8b8b8 #b8b8b8 #fff;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    left: 1px;
    z-index: 101
  }
  .panelLinkSelected.selected {
    background: none repeat scroll 0 0 hsla(0, 0%, 0%, 0);
    border: 0 none;
    border-radius: 0
  }
  #Header_GlobalLogin_signOutQuickLink.panelLinkSelected.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #b8b8b8 #b8b8b8 #fff;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    left: 1px;
    z-index: 101
  }
  .menuDropdown {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none
  }
  #Header_GlobalLogin_loggedInDropdown.menuDropdown {
    background: linear-gradient(to bottom, #fff 46%, #f5f5f5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
    border: 1px solid #bfbfbf;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #4d4d4d;
    display: none;
    font-size: 13px;
    position: absolute;
    right: 154px;
    top: 43px;
    width: 290px;
    z-index: 100
  }
  .menuDropdown.active {
    display: block
  }
  #Header_GlobalLogin_loggedInDropdown.menuDropdown.active {
    display: block
  }
  .globalLogin.selectWrapper {
    max-width: 250px
  }
  #Header_GlobalLogin_loggedInDropdown.menuDropdown .panel {
    padding: 20px
  }
  #QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected:after {
    top: 60px;
    right: -34px
  }
  #QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected.selected:after {
    top: 60px;
    right: -34px
  }
  #QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected.selected:after {
    top: 110px
  }
  #QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected:after {
    top: 110px
  }
  #fileUploadStatusBox .fileName {
    float: none;
    width: 90%;
    margin: 0 0 6px 9px
  }
  #fileUploadStatusBox .logbtn {
    display: block;
    float: left;
    margin-left: 9px
  }
  #fileUploadStatusBox .uploadStatus {
    float: left;
    width: 90%;
    margin: 0 0 7px 5px
  }
  #fileUploadStatusBox .timeStamp {
    float: left;
    width: 90%;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 6px 10px
  }
  #fileUploadStatusBox .fileUpload {
    padding-bottom: 31px
  }
  #fileUploadStatusBox {
    max-height: 124px
  }
  #fileUploadStatus {
    margin-left: 10px
  }
  #uploadListDropdown {
    right: 11px
  }
  .mobileHidden {
    display: none
  }
  .mobileVisible {
    display: block
  }
  .mobileVisible.hidden {
    display: none
  }
  .requisitionListContent.popup {
    left: 15%;
    width: 325px
  }
}

@media screen and (max-width:440px) {
  #Header_GlobalLogin_signInDropdown.loginMenuDropdown {
    right: 66px
  }
  .requisitionListContent.popup {
    left: 0;
    width: 283px
  }
}

.facebookLikeWidget {
  padding: 13px 10px 20px
}

.widget_fb_activity>.widget_main {
  display: block;
  border: 1px solid #e5e5e5
}

.widget_fb_activity>.widget_main>.content {
  background-color: #fff;
  height: 390px;
  position: relative
}

.widget_fb_activity>.widget_main>.content>.logo_like {
  height: 30px;
  border-bottom: 1px solid #f1f1f1;
  padding-top: 8px;
  padding-left: 12px;
  padding-right: 12px
}

.widget_fb_activity>.widget_main>.content>.logo_like>.facebook_like {
  height: 34px;
  float: left
}

.widget_fb_activity>.widget_main>.content>.header {
  height: 34px;
  border-bottom: 1px solid #f1f1f1;
  line-height: 34px;
  text-transform: uppercase;
  color: #666;
  font-size: 11px;
  padding-left: 12px;
  padding-right: 12px
}

@media (-webkit-device-pixel-ratio:2) {
  .facetSelect li input:checked+a .checkBox>.checkmark, .facetWidget .close, .facetWidget .dropdownIcon, .pageControl.number>.dropdownToggleButton>.arrow, .pageDropdownClose, .pageOptionsDropdown>.pageDropdownClose, .pages .pageNumber>.arrow, .productDescDropMerch>a>.arrow, .searchAssocAssets>a>.arrow, .selectWrapper .dijitSelect .dijitArrowButtonContainer:before {
    background: url(../images/responsive/rwdUI@2x.png);
    background-size: 300px 400px
  }
  #content .collapsible>h3:before, .categoryNavWidget.collapsible>h3:before, .grid_icon:before, .list_icon:before, .optionContainer .arrow:before {
    content: url(../images/responsive/rwdUI@2x.png);
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0 0
  }
  #content .collapsible>h3:before, .categoryNavWidget.collapsible>h3:before {
    clip: rect(82px, 156px, 116px, 122px)
  }
  #content .collapsible[aria-expanded=false]>h3:before, .categoryNavWidget.collapsible[aria-expanded=false]>h3:before {
    clip: rect(82px, 116px, 116px, 82px)
  }
  a.grid_icon:before {
    clip: rect(42px, 116px, 76px, 82px)
  }
  a.grid_icon:hover:before, div.grid_icon:before {
    clip: rect(42px, 156px, 76px, 122px)
  }
  a.list_icon:before {
    clip: rect(42px, 196px, 76px, 162px)
  }
  a.list_icon:hover:before, div.list_icon:before {
    clip: rect(42px, 236px, 76px, 202px)
  }
}

.productWishList {
  width: 99%;
  max-width: 174px
}

.productWishList, .requisitionList {
  width: 96%;
  max-width: 270px
}

.requisitionListBox .addRequisitionList .button {
  background-image: linear-gradient(#f7f9f9, #e5e8e9);
  border: 1px solid #bfbfbf;
  border-radius: 4px 4px 4px 4px;
  color: #333;
  display: inline-block;
  font-size: 14px;
  line-height: 29px;
  text-align: center;
  vertical-align: middle;
  max-width: 270px;
  width: 97%;
  cursor: pointer
}

.requisitionListBox .addRequisitionList .button .button_text {
  background-image: linear-gradient(#f7f9f9, #e5e8e9);
  color: #49310f;
  display: table-cell;
  font-size: 14px;
  height: 29px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 270px
}

.requisitionListBox .addRequisitionList .button #quickInfoText {
  font-size: inherit;
  margin: 0;
  padding: 0;
  color: inherit;
  line-height: inherit
}

.OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button {
  border-spacing: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 11px;
  line-height: 20px;
  position: relative;
  width: 184px
}

.OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button .button_text {
  border: 1px solid #f1f3f3;
  font-size: 11px;
  height: 20px;
  line-height: normal;
  width: 184px
}

.requisitionListBox .addRequisitionList .button:hover>.button_text {
  background-image: linear-gradient(#f7f9f9, #ced2d3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3))
}

.requisitionListContent {
  display: block;
  font-size: 12px
}

.requisitionListContent .signIn {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.requisitionListContent .ellipsis {
  font-size: 35px;
  width: 30px;
  margin-left: auto;
  margin-right: auto
}

.requisitionListContent h1 {
  padding: 5px 8px 5px 8px;
  font-size: 14px;
  display: block
}

.requisitionListContent h2 {
  display: block;
  font-size: 14px;
  padding: 5px 0
}

.requisitionListContent .signInForm {
  border-top: 1px solid #ddd
}

.requisitionListContent .signInForm .container {
  padding: 8px
}

.requisitionListContent input[type=password], .requisitionListContent input[type=text] {
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 7px 5px 7px 5px;
  margin-bottom: 5px;
  width: 96%;
  max-width: 410px;
  font-size: 13px
}

.requisitionListContent .signInFormFooter {
  margin-top: 5px;
  margin-bottom: 7px
}

.requisitionListContent .saveButton {
  width: auto
}

.requisitionListContent .signInFormFooter .forgotPassword {
  text-align: right
}

.saveButton {
  background-image: -moz-linear-gradient(top, #fbbb0b 0, #ee9505 100%);
  background-image: -webkit-linear-gradient(top, #fbbb0b 0, #ee9505 100%);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border: 1px solid #bfbfbf;
  color: #333;
  font-size: 12px;
  width: 95%;
  cursor: pointer
}

.saveButton:hover {
  background-image: -moz-linear-gradient(top, #fed60c 0, #f8af06 100%);
  background-image: -webkit-linear-gradient(top, #fed60c 0, #f8af06 100%);
  cursor: pointer
}

.requisitionListContent .register {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.requisitionListContent .register .cancelButton {
  margin-bottom: 5px;
  margin-top: 5px;
  width: 123px
}

.requisitionListContent .register .container {
  padding: 8px
}

.requisitionListContent .listSelect {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.requisitionListContent .listSelect .scroll {
  height: 185px;
  overflow: auto
}

.requisitionListContent .listSelect .item {
  border-bottom: 1px solid #ddd
}

.requisitionListContent .listSelect .item .type {
  float: right
}

.requisitionListContent .listSelect .container {
  padding: 7px
}

.requisitionListContent .listSelect .container .listName {
  width: 55%;
  word-wrap: break-word;
  display: inline-block
}

.requisitionListContent .radioButton {
  background: #f3f3f3;
  border: 2px solid #ddd;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 7px;
  cursor: pointer
}

.requisitionListContent .radioButton .checked {
  background: #f64949;
  border-radius: 100%;
  float: left;
  width: 8px;
  height: 8px;
  margin-top: 4px;
  margin-left: 4px;
  display: none
}

.requisitionListContent .listSelect .addNewListFooter {
  border-bottom: 1px solid #ddd
}

.requisitionListContent .listSelect .newList {
  margin-left: 25px;
  margin-top: 7px;
  display: none
}

.requisitionListContent input[type=password], .requisitionListContent input[type=text] {
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 7px 5px 7px 5px;
  margin-bottom: 5px;
  width: 96%;
  max-width: 410px;
  font-size: 13px
}

.sortingDropdown {
  margin-left: 5px;
  float: left;
  width: 23px;
  height: 38px;
  background-color: #e9e9e9;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #e9e9e9;
  color: #545454;
  font-size: 14px;
  line-height: 38px;
  padding-left: 10px;
  text-align: left
}

.sortingDropdown>.noSort {
  float: left;
  display: none
}

.requisitionListContent .sortingDropdown {
  width: 125px;
  float: none;
  margin-left: 0;
  height: 29px;
  font-size: 12px;
  line-height: 29px
}

.requisitionListContent .sortingDropdown>.noSort {
  display: block
}

.requisitionListContent .sortingDropdown .dropdownArrow {
  margin: 12px 11px
}

.sortingDropdown>.dropdownArrow {
  float: right;
  background: url(../images/responsive/rwdUI.png);
  background-position: -1px -1px;
  width: 12px;
  margin: 16px 11px;
  height: 6px
}

.requisitionListContent .sortDropdown {
  height: 81px;
  top: 32px
}

.sortDropdown {
  width: 156px
}

.sortDropdown {
  position: relative;
  top: 40px;
  border: 1px solid #898989;
  height: 204px;
  background: #fff;
  z-index: 20;
  width: 155px;
  left: -10px
}

.requisitionListContent .sortDropdown ul {
  -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, .75);
  -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, .75);
  box-shadow: 0 0 5px 0 rgba(50, 50, 50, .75);
  padding-left: 0
}

.sortDropdown ul {
  position: absolute;
  width: 100%
}

.sortDropdown ul li {
  height: 16px;
  padding: 12px 0;
  font-size: 14px;
  line-height: 16px;
  padding-left: 10px;
  color: #545454;
  border-bottom: 1px solid #898989;
  list-style: none
}

.sortOption:hover {
  color: #fff !important;
  background: #767676
}

.cancelButton {
  background: linear-gradient(#fff, #e5e8e9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-color: #bfbfbf;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  height: 29px;
  position: relative
}

.cancelButton .button {
  background: linear-gradient(#f7f7f7, #ebedec 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-color: #fff;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  color: #323232;
  font-size: 12px;
  height: 26px;
  margin-top: 1px;
  text-align: center
}

.cancelButton .button:hover {
  background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #f0f0f0, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #f0f0f0, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #f0f0f0, #dcdcdc 100%);
  background: -o-linear-gradient(top, #f0f0f0, #dcdcdc 100%);
  background: linear-gradient(to bottom, #f0f0f0, #dcdcdc 100%);
  cursor: pointer
}

.cancelButton .button p {
  margin-top: 4px
}

.clearFloat {
  clear: both
}

.requisitionListContent .productAdded {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: none
}

.requisitionListContent .productAdded .message {
  background: #85b200;
  color: #fff;
  padding: 7px;
  border-bottom: 1px solid #edeff0;
  font-weight: 700;
  word-wrap: break-word
}

.requisitionListContent .productAdded .product {
  padding: 7px
}

.requisitionListContent .productAdded .product img {
  float: left;
  height: 75px
}

.requisitionListContent .productAdded .product .productTitle {
  margin-top: 5px
}

.requisitionListContent .productAdded .footer {
  padding: 7px
}

.requisitionListContent.popup {
  position: fixed;
  z-index: 105;
  top: 25%;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #ddd;
  -webkit-box-shadow: 0 0 30px 0 rgba(50, 50, 50, 1);
  -moz-box-shadow: 0 0 30px 0 rgba(50, 50, 50, 1);
  box-shadow: 0 0 30px 0 rgba(50, 50, 50, 1)
}

.requisitionListContent.popup .listSelect .newList input[type=text] {
  float: left
}

#grayOut, #grayOutPopup {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #ccc;
  opacity: .6;
  z-index: 100;
  display: none
}

.requisitionListContent.popup .listSelect .newList .sortingDropdown {
  float: left
}

.requisitionListContent .close {
  float: right;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-top: 5px;
  margin-right: 5px
}

.requisitionListContent .close:before {
  content: url(../images/colors/color1/close_sprite.png);
  position: absolute;
  top: 0;
  left: 0
}

.requisitionListContent .close:hover:before {
  left: 0;
  top: -13px
}

.productDetailTable .fullView {
  display: block;
  border: 1px solid #b4b4b4;
  border-radius: 5px;
  font-size: 12px;
  padding: 15px;
  min-width: 500px
}

.productDetailTable .fullView.expanded {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.productDetailTable .row.entry {
  border-bottom: 1px solid #b4b4b4;
  margin-bottom: 5px;
  padding-bottom: 5px
}

.productDetailTable .row.tableHeader {
  border-bottom: 1px solid #b4b4b4;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-weight: 700
}

.productDetailTable .row .columnHeader {
  height: 35px;
  position: relative
}

.productDetailTable .row .columnHeader .cell {
  position: absolute;
  bottom: 0;
  width: 95%;
  word-wrap: break-word
}

.productDetailTable .row .input_field {
  text-align: center;
  width: 40px
}

.productDetailTable .cell {
  padding: 5px
}

.productDetailTable .fullView .expandedContent {
  padding: 10px 20px 10px 20px;
  background: #eee
}

.productDetailTable .fullView .expandedContent .expandedCol {
  padding: 0 15px 0 15px;
  max-width: 600px;
  min-width: 370px;
  display: none
}

.productDetailTable .fullView .expandedContent .expandedCol>div {
  min-height: 10px;
  overflow: hidden;
  padding: 5px 0 5px 20px;
  border-bottom: 1px solid #ccc
}

.productDetailTable .fullView .expandedContent .expandedCol .leftCol {
  float: left;
  font-weight: 700;
  display: inline-block;
  width: 160px;
  padding-right: 25px
}

.productDetailTable .fullView .expandedContent .expandedCol .rightCol {
  display: inline-block;
  width: 45%
}

.productDetailTable .fullView .expandedContent .expandedCol .compare_target {
  padding: 0
}

.productDetailTable .row.footer {
  padding-top: 8px
}

.productDetailTable .footerButtons {
  float: right
}

.productDetailTable .footerButtons a {
  margin-left: 10px
}

.productDetailTable .gridCell {
  word-wrap: break-word
}

.productDetailTable .SKU a {
  color: #006ecc
}

.productDetailTable .anchored {
  min-width: 100px
}

.productDetailTable .fullView .SKU {
  min-width: 120px;
  max-width: 200px
}

.productDetailTable .fullView .Quantity {
  min-width: 65px;
  max-width: 150px;
  position: relative
}

.productDetailTable .invalidQuantity {
  position: absolute;
  top: 6px;
  left: 60px;
  width: 100px;
  background: #ca4200;
  padding: 5px;
  font-size: 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #fff;
  display: none;
  z-index: 20
}

.productDetailTable .fullView .OnlineAvailability {
  min-width: 140px;
  max-width: 180px
}

.productDetailTable .fullView .InStoreAvailability {
  min-width: 100px;
  max-width: 180px
}

.productDetailTable .fullView .Compare {
  min-width: 50px;
  max-width: 150px
}

.productDetailTable .InStoreAvailability .link {
  text-decoration: underline
}

.productDetailTable .expandButton {
  min-width: 55px;
  width: 55px
}

.productDetailTable .dropDownButton {
  background-color: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 5px 5px 5px 5px;
  color: #545454;
  cursor: pointer;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  margin-left: 5px;
  padding-left: 10px;
  width: 25px
}

.productDetailTable .dropDownButton .dropDownArrow {
  overflow: hidden;
  float: right;
  height: 6px;
  margin: 16px 11px;
  width: 12px;
  position: relative
}

.productDetailTable .dropDownButton .dropDownArrow:before {
  content: url(../images/responsive/rwdUI.png);
  top: -1px;
  left: -1px;
  position: absolute
}

.productDetailTable .fullView .dropDownButton .dropDownArrow.expanded {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.skuListExpandArea {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #b4b4b4;
  background: none repeat scroll 0 0 #e9e9e9
}

.skuListExpandArea.hide {
  border-radius: 5px 5px 0 0;
  border-bottom: none
}

.skuListExpandArea>h3 {
  position: relative;
  margin: -10px -12px;
  padding: 10px 34px;
  font-size: 12px;
  color: #646464;
  overflow: hidden;
  min-height: 1.4em;
  cursor: pointer
}

.skuListExpandArea>h3.show:before {
  content: url(../images/responsive/rwdUI.png);
  position: absolute;
  top: -31px;
  left: -28px;
  clip: rect(41px, 58px, 58px, 41px)
}

.skuListExpandArea>h3.hide:before {
  content: url(../images/responsive/rwdUI.png);
  position: absolute;
  top: -31px;
  left: -48px;
  clip: rect(41px, 78px, 58px, 61px)
}

.productDetailTable .mobileView {
  display: none;
  font-size: 12px;
  border-left: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4
}

.productDetailTable .mobileView>.row {
  border-bottom: 1px solid #b4b4b4;
  padding: 20px 15px
}

.productDetailTable .mobileView>.row:first-child {
  border-top: 1px solid #ccc
}

.productDetailTable .mobileView>.row.expanded {
  background: none repeat scroll 0 0 #727a7b;
  border-color: #727a7b #727a7b #fff;
  border-style: solid;
  border-width: 15px 15px 1px;
  padding: 5px 0 14px
}

.productDetailTable .mobileView .title {
  display: inline-block;
  width: 100%
}

.productDetailTable .mobileView .title.expanded {
  color: #fff;
  padding: 0 0 18px 0
}

.productDetailTable .mobileView .title>.row {
  display: inline-block;
  width: 74%;
  height: 20px;
  padding: 5px 0 5px 0
}

.productDetailTable .mobileView .title>.dropDownButton {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #727a7b;
  float: right
}

.productDetailTable .mobileView .title>.dropDownButton.expanded {
  background: none repeat scroll 0 0 #727a7b;
  border: 1px solid #fff
}

.productDetailTable .mobileView .dropDownButton .dropDownArrow.expanded {
  height: 14px;
  margin: 13px 10px;
  width: 13px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg)
}

.productDetailTable .mobileView .title>.dropDownButton .dropDownArrow.expanded:before {
  left: -156px
}

.productDetailTable .mobileView .skuName {
  font-weight: 700;
  width: 100%;
  display: inline-block;
  padding: 0 10px 0 0;
  word-wrap: break-word
}

.productDetailTable .mobileView .attributes {
  display: inline-block;
  word-wrap: break-word
}

.productDetailTable .mobileView .mobileExpandedContent {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #333;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px;
  clear: both;
  float: none
}

.productDetailTable .mobileView .mobileExpandedContent .expandedCol {
  width: 97%;
  padding: 0 5px
}

.productDetailTable .mobileView .mobileExpandedContent .expandedCol>div {
  min-height: 10px;
  overflow: hidden;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #ccc
}

.productDetailTable .mobileView .mobileExpandedContent .expandedCol .leftCol {
  float: left;
  font-weight: 700;
  display: inline-block;
  width: 40%;
  padding-right: 25px
}

.productDetailTable .mobileView .mobileExpandedContent .expandedCol .rightCol {
  display: inline-block
}

.productDetailTable .mobileView .mobileExpandedContent .expandedCol .link {
  color: #006ecc
}

.productDetailTable .mobileView .mobileExpandedContent .expandQuantity {
  padding: 5px 5px;
  font-size: 14px;
  position: relative
}

.productDetailTable .mobileView .mobileExpandedContent .invalidQuantity {
  position: absolute;
  top: 11px;
  left: 130px
}

.productDetailTable .mobileView .mobileExpandedContent .button {
  margin: 0 0 8px 2%;
  width: 96%
}

.productDetailTable .mobileView .mobileExpandedContent .button.primary, .productDetailTable .mobileView .mobileExpandedContent .button.secondary {
  min-width: 120px;
  word-wrap: break-word
}

@media screen and (max-width:540px) {
  .productDetailTable .fullView {
    display: none
  }
  .productDetailTable .mobileView {
    display: block
  }
}

.button_primary, .button_secondary {
  color: #4d4d4d !important
}

.button_secondary .arrow {
  background: url(../images/responsive/rwdUI.png);
  background-position: -1px -1px;
  width: 12px;
  margin: 11px 11px 10px 23px;
  height: 6px;
  display: inline-block;
  vertical-align: middle
}

#optionButton {
  border: 0;
  display: inline-block;
  height: auto;
  padding: 0 20px;
  font-size: 12px;
  line-height: normal;
  text-align: center;
  vertical-align: middle
}

.button_secondary>.orgActionDropdown {
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  -webkit-box-shadow: -5px 5px 20px -6px rgba(0, 0, 0, .75);
  -moz-box-shadow: -5px 5px 20px -6px rgba(0, 0, 0, .75);
  box-shadow: -5px 5px 20px -6px rgba(0, 0, 0, .75);
  position: absolute;
  z-index: 10;
  background: #fff;
  left: -2%;
  margin-top: 0;
  width: 370px;
  display: none;
  font-size: 12px
}

.editField .editActions {
  margin-bottom: 15px;
  margin-top: 15px
}

#memberGroup h2 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px
}

#memberGroup .checkField {
  margin-bottom: 15px
}

#memberGroup .checkField .checkBoxer {
  float: left;
  margin-right: 10px
}

#memberGroup .checkField p {
  display: inline-block;
  font-size: 13px;
  margin-top: 5px
}

#orgRoles p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px
}

#orgRoles .checkField {
  margin-bottom: 15px;
  line-height: 1.3
}

#orgRoles .checkField .checkBoxer {
  float: left;
  margin-right: 10px
}

#orgRoles .checkField p {
  font-size: 12px;
  margin-top: 5px
}

.checkBoxer {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  cursor: pointer;
  height: 30px;
  width: 30px
}

.checkBoxer .arrow {
  background: url(../images/check_arrow.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 20px;
  left: 5px;
  position: relative;
  top: 5px;
  width: 20px
}

.dottedBorder {
  border: 1px dotted #000
}

.pageTitleHeader {
  margin: 0 0 5px 10px !important
}

#WC_createUser_orgDetailsEdit>#organizationSelection {
  margin-bottom: 0
}

#organizationSelection {
  font-size: 12px
}

#organizationAddress {
  margin-bottom: 10px;
  margin-top: 10px
}

#organizationAddress p {
  margin-bottom: 2px
}

#currentOrganization {
  margin-bottom: 5px
}

#organizationEditButtons a {
  margin-right: 14px;
  width: 131px
}

#organizationEditButtons a .button_text {
  width: 117px
}

#registerBuyers {
  margin-left: 10px
}

#organizationEditButtons .button_secondary>.button_text {
  border: 1px solid #f1f3f3;
  border-radius: 3px;
  display: table-cell;
  font-size: 13px;
  height: 24px;
  line-height: normal;
  padding: 0 6px;
  text-align: center;
  vertical-align: middle
}

#orgselect {
  width: 100%
}

#orgselect .arrow {
  float: right
}

.required {
  color: red;
  font-size: 12px
}

#organizationSelection h2, #registerBuyers h2 {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 10px
}

.orgSearchList {
  border: 1px solid #e9e9e9;
  border-radius: 5px
}

.orgSearchList .toolbar {
  background: none repeat scroll 0 0 #f9f9f9;
  margin-bottom: 4px;
  padding: 10px
}

.findbar {
  float: left;
  width: 55%
}

.findbar .input_field {
  background: none repeat scroll 0 0 #fff;
  float: left;
  width: 45%
}

.clearFilter {
  float: left
}

.orgSearchList .toolbar #uploadListButton, .orgSearchList .toolbar .newListButton {
  float: right;
  margin-left: 10px
}

.orgSearchList .toolbar .button_secondary .button_text {
  border-bottom: 0 none
}

.orgSearchList .tableHeader {
  background: none repeat scroll 0 0 #f9f9f9;
  padding: 0 10px
}

.orgSearchList .selected {
  min-width: 25px;
  width: 5%
}

.orgSearchList .selected .cell, .orgSearchListMobile .selected {
  text-align: center
}

.orgSearchList .tableHeader .cell {
  font-size: 12px;
  padding: 5px 5px 5px 0
}

.row .tableHeader .cell {
  font-weight: 700;
  word-wrap: break-word
}

.orgSearchList .cell {
  font-size: 12px;
  padding: 13px 10px 7px 0
}

.orgTable .col1.actions {
  float: right;
  width: 10.3333%
}

.orgSearchList .actions .cell {
  padding: 5px 5px 5px 0;
  position: relative;
  text-align: right
}

.orgSearchList .entry {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 10px
}

.orgSearchList .highlight {
  background: none repeat scroll 0 0 #f9f9f9
}

.orgSearchList .maximized {
  cursor: pointer
}

.treeview .name {
  cursor: pointer;
  width: 60%
}

.requisitionListMobile .cell a {
  color: #006ecc
}

.orgSearchList .actions .button_text {
  border-bottom: 0 none;
  padding: 5px 5px 0
}

.orgSearchList .children {
  border-bottom: 0 none;
  border-top: 1px solid #e9e9e9;
  display: none;
  margin: 0;
  width: 100%
}

.orgSearchList .footer, .requisitionListMobile .footer {
  padding: 20px 0 20px 10px;
  width: 98%
}

.orgSearchList .footer .pageCount, .requisitionListMobile .footer .pageCount {
  font-size: 12px
}

.orgSearchList .footer .pageButtons, .requisitionListMobile .footer .pageButtons {
  float: right;
  margin-top: -10px
}

#orgDetailsEdit .organizationSelectionEditPage {
  margin-left: 0
}

.menuDropdown .checkedCheckBox, .menuDropdown .uncheckedCheckBox {
  cursor: pointer;
  margin-right: 7px;
  vertical-align: middle
}

.menuDropdown .input_field {
  width: 273px
}

.menuDropdown .optionDropdown {
  width: 250px
}

.optionDropdown {
  font-size: 12px;
  position: relative
}

.optionDropdown.white .selectButton {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #e9e9e9;
  color: #000;
  padding: 5px;
  width: 275px
}

.optionDropdown.white .selectList {
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 13px -4px #000
}

.optionDropdown.white .selectOption {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px
}

.optionDropdown.white .selectOption.current {
  background: none repeat scroll 0 0 #e0e0e0 !important;
  color: #000 !important
}

.optionDropdown.white .selectOption:hover {
  background: none repeat scroll 0 0 #898989;
  color: #fff
}

.selectButton {
  background: none repeat scroll 0 0 #e9e9e9;
  border-radius: 5px 5px 5px 5px;
  color: #545454;
  cursor: pointer;
  padding: 7px 10px
}

.optionDropdown .dijitArrowButtonContainer {
  background-image: url(../images/responsive/rwdUI.png);
  background-position: -1px 12px;
  float: right;
  height: 21px;
  margin-bottom: 5px;
  margin-top: -5px;
  text-align: center;
  width: 17px
}

.optionDropdown .dijitButtonNode .dijitArrowButtonInner, .optionDropdown .dijitTextBox input.dijitArrowButtonInner {
  display: none
}

.optionDropdown .dijitTextBox input.dijitInputInner {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color #e9e9e9 -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-style: none solid none none;
  border-width: 0 1px 0 0;
  outline: 0 none;
  width: 91%;
  float: left
}

#widget_Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName .dijitPlaceHolder, #widget_QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName .dijitPlaceHolder {
  top: 2px
}

#widget_Header_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_dropdown.dijitComboBoxMenuPopup, #widget_QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_dropdown.dijitComboBoxMenuPopup {
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 13px -4px #000;
  background-color: #fff;
  font-size: 12px
}

#Header_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItem, #QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItem {
  border-bottom: 1px solid #e9e9e9;
  padding: 10px
}

#Header_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItemHover, #QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItemHover {
  background: none repeat scroll 0 0 #898989;
  color: #fff;
  cursor: pointer
}

#Header_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItemSelected, #QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItemSelected {
  background: none repeat scroll 0 0 #898989;
  color: #fff;
  cursor: pointer
}

#widget_Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_dropdown, #widget_QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_dropdown {
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 13px -4px #000;
  background: #fff;
  font-size: 12px;
  top: -1px
}

#Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem, #QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem {
  font-size: 12px;
  padding: 10px 8px;
  border-bottom: 1px solid #bfbfbf
}

#Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem.dijitMenuItemHover, #QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem.dijitMenuItemHover {
  background: none repeat scroll 0 0 #898989;
  color: #fff;
  cursor: pointer
}

#Header_GlobalLogin_WC_B2B_ShopOnBehalf_ErrorField, #QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_ErrorField {
  color: #ca4200
}

.lockedIcon {
  margin-left: 2px;
  margin-top: 2px;
  position: absolute
}

#editOrderButton, #lockOrderButton, #unlockOrderButton {
  margin: 17px 0 20px
}

#addressDetailRead {
  font-weight: 700;
  margin: 10px
}

.OrganizationListWidget .orgList .entryField[aria-hidden=true] {
  display: none
}

.OrganizationListWidget .orgList .entryField {
  border: 1px solid #999;
  border-radius: 5px 5px 5px 5px;
  float: left;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  maring-bottom: 5px;
  padding: 10px 25px 10px 10px;
  position: relative
}

.OrganizationListWidget .orgList .icon {
  position: absolute;
  right: 5px;
  top: 10px
}

.OrganizationListWidget .group {
  margin-bottom: 20px
}

.OrganizationListWidget .group p {
  font-size: 12px;
  margin-bottom: 5px
}

.OrganizationListWidget .orgList .dijitSelect {
  color: #4d4d4d !important;
  background-image: linear-gradient(#f7f9f9, #e5e8e9);
  border-radius: 5px;
  border: 1px solid #bfbfbf;
  padding: 8px 20px 8px 0;
  font-size: 12px;
  min-width: 180px;
  max-width: 260px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.OrganizationListWidget .orgList .dijitButtonContents {
  border: 0 none;
  display: inline-block;
  font-size: 12px;
  height: auto;
  line-height: normal;
  padding: 0 19px;
  text-align: center;
  vertical-align: middle
}

.OrganizationListWidget .orgList .dijitSelect .dijitArrowButtonContainer:before {
  content: "";
  background: url(../images/responsive/rwdUI.png);
  height: 10px;
  width: 15px;
  position: absolute;
  background-repeat: no-repeat;
  margin-top: -2px
}

div[dijitpopupparent^=OrganizationListWidget]>.dijitSelectMenu {
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 13px -4px #000;
  background: #fff;
  z-index: 20;
  font-size: 12px
}

div[dijitpopupparent^=OrganizationListWidget]>.dijitSelectMenu table tr td {
  padding: 10px 4px;
  border-bottom: 1px solid #bfbfbf
}

div[dijitpopupparent^=OrganizationListWidget]>.dijitSelectMenu table tr.dijitMenuItemSelected {
  background: #898989;
  color: #fff;
  cursor: pointer
}

div[dijitpopupparent^=OrganizationListWidget]>.dijitSelectMenu table tr.dijitMenuItemDisabled {
  display: none
}

.checkedCheckBox {
  cursor: pointer
}

.checkedCheckBox.disabled {
  cursor: default
}

.checkboxLabel {
  left: 30px;
  position: absolute;
  top: 4px
}

.checkboxField {
  position: relative
}

.nonRWDPage {
  min-width: 600px
}

.nonRWDPageB {
  min-width: 1024px
}

.cartLockedMessageBox {
  border: 1px solid #ca4200;
  border-radius: 5px;
  margin: 10px 0;
  padding: 8px;
  font-size: 13px;
  position: relative
}

.cartLockedMessageBox .lockedMessage {
  padding-left: 20px;
  display: block
}

.cartLockedMessageBox .lockedMessage:before {
  content: "";
  background: url(../images/icon_lock.png) no-repeat;
  width: 15px;
  height: 20px;
  position: absolute;
  left: 8px
}

.sign_in_registration #WC_AccountDisplay_div_2.title h1 {
  height: auto
}

.shopping_cart_box {
  min-width: 430px
}

@media screen and (max-width:390px) {
  #RequisitionList_list_table .toolbar .newList:after, #RequisitionList_list_table .toolbar .uploadList:after {
    clear: both;
    content: "";
    display: block
  }
  #RequisitionList_list_table .toolbar #newListButton .button_text, #RequisitionList_list_table .toolbar #uploadListButton .button_text {
    min-width: 75px
  }
  #RequisitionList_list_table .toolbar #uploadListButton {
    margin-bottom: 10px
  }
}

.general_condition_of_registration a {
  text-decoration: underline
}

.privacy-txt h2 {
  margin-top: 20px;
  margin-bottom: 10px
}

.privacy-txt p {
  margin-bottom: 10px
}





/*# sourceMappingURL=combined.styles.min.8e1beb1a.css.map */
