/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2012, 2014 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */
body {
	position: relative;
}

.dijitSelect span{
	padding: 0 !important;
	margin: 0 !important;
}

#overlay {
	background: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 898
}

.dijitPlaceHolder {
    color: #AAAAAA;
    left: 0;
    position: absolute;
    top: 0;
}

.lightedSection {
	background: #FFFFFF;
    border: 10px solid #FFFFFF;
    border-radius: 20px;
    margin: auto;
    z-index: 899;
}

.more_info_icon {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.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;
}

.more_info_icon.tooltip_helper:hover{
	background-image: url("/wcsstore/AuroraB2BStorefrontAssetStore/images/colors/color1/icon_info_ON.png");
}

.more_info_icon.tooltip_helper{
	background-image: url("/wcsstore/AuroraB2BStorefrontAssetStore/images/colors/color1/icon_info.png");
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.info_icon.discount_helper::before{
	content : url(/wcsstore/AuroraB2BStorefrontAssetStore/images/discount-icon.jpg);
	width : 15px;
	height : 15px;
	position : relative;
	top : 2px;
}

.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: 0px auto;
	padding-top: 0px;
	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,
div#widget_minishopcart_popup_1 > #cartDropdown .product > .product_image > a {
	height: 82px;
	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  > img{
	height: 100%;
	width: auto;
}

.quick_info_toggle {
	display: none;
}

div.widget_quick_info_popup > .top,
div.widget_quick_info_popup > .bottom {
	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: 0px !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: 0px 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: bold;
	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: #FFFFFF !important;
	cursor: pointer;
}

div.widget_articles_videos > .content > .header > .paging_controls  .inactive{
	background-color: #BFBFBF;
	background-position: left bottom;
	color: #FFFFFF !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: #666666;
	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 #666666;
	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 #ffffff 2px;
}

#videoContentBackground {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 1px 0 0 1px;
	z-index:100;
	background: rgba(0, 0, 0, 0.7);
}

#modelBox {
	position: fixed;
	top: 0px;
	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 white;
}

#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: 0px;
}

#articleListing li .content h2 {
	font-size: 11px;
	text-transform: uppercase;
}

.tabButtonContainer {
	margin-bottom: 0px !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: 0px;
}

.tab_spacer {
	width: 1%;
	float: left;
	height: 32px;
}

.tab_container {
	text-transform: uppercase;
	font-weight: bold;
	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: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	outline: 1px solid white;
	vertical-align: middle;
}

.tab_container:hover {
	cursor: pointer;
}

.inactive_tab {
	color: #686868;
	border-top: 2px solid #bbbbbb;
	border-bottom: 1px solid #e9e9e9;
	background-image: linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
	background-image: -o-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); */
}

.tab {
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	margin-top: 0px !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: 0px;
	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: 0px 0px 40px 0px;
	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: Hind, arial, helvetica;
			font-weight: bold;
			font-size: 40px;
			color: #073769;
			line-height: 42px;
			margin-bottom: 10px;
			text-transform: uppercase;
	}
.textContainer .bodyText {
		font-family: Hind, arial, helvetica;
		font-size:14px;
		color: #073769;
		line-height: 14pt;
		margin-left:1px;
	}
.textContainer .button {
		font-family: Hind, 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: 0px !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: #fbfbfb;
	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 -16px;
	padding: 10px 34px;
	font-size: 20px;
	font-weight: inherit;
	overflow: hidden;
	min-height: 1.4em;
	background-color: #e9e9e9;
	border-radius: 5px;
}
#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: #ffffff;
	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: 0px !important;
	border-radius: 0px !important;
	transition: background-color .2s;
}

.searchAssocAssets[aria-expanded="true"] > a > .arrow {
	width: 15px;
	margin: 5px 3px 0px 0px;
	background-position: -241px -41px;
}

.searchAssocAssets > a > .arrow {
	float: left;
	background: url('../images/responsive/rwdUI.png') no-repeat;
	width: 10px;
	height: 10px;
	margin: 2px 5px 0px 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: #666666;
	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: 0px;
	float: left;
	width: 100%;
}

.product_page_content .content .merchandisingAssociationWidget .product_info .product_option .button {
	width: 97%;
	min-height: 0px;
	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 #productSlot56 > div:nth-child(2),
.product_page_content #productFullWidthSlot56 > 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: bold;
	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: 0px;
	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: 0px;
	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: 0px !important;
	border-radius: 0px !important;
}

.productDescDropMerch > a > .showDetails {
	font-size: 12px !important;
	font-weight: bold;
	color: #767676 !important;
	line-height: 21px !important;
}

.productDescDropMerch .product_info {
	margin: 0px 0px 0px 0px;
}

.productDescDropMerch .product_info > .header {
	font-size: 14px;
}

.productDescDropMerch .product_info .quantity_section {
	margin-top: 0px !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: 0px;
}

#widget_coordinate .list_mode .product > .product_name_merch {
	font-size: 16px;
	color: #767676;
	height: 90px;
}
@media (max-width: 390px) {

#widget_coordinate .list_mode .product > .product_name_merch {
	font-size: 14px;
}
}

@media (max-width: 390px) {

.product_info .product_color, .product_info > .part_number {
	margin-top: 74px;
	margin-bottom: 10px;
}
}

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_selected,
.color_swatch_list .color_swatch:hover,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_selected,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch:hover {
	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:#000000;
	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: 0px -16px;
}

div.namePartPriceContainer h1.main_header{	
	line-height: 32px;
	display:block;
	padding: 0px;
}

div.namePartPriceContainer > .not_available{
	font-size: 13px;
	color: #767676;
	line-height: 16px;
	font-style:italic;
}

/* DevStart: removed id #price_display since there can be multiple price in the same page */
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; /* Dev: provides space after list price and before offer price */
}

div.namePartPriceContainer > div > span.price{
	font-size:16px;
	color: #CA4200;
	line-height: 18px;
	font-weight: bold;
	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;
	text-decoration; none;
}

div.namePartPriceContainer .promotion:hover{
	text-decoration: underline;
}

div.namePartPriceContainer {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 4px;
}

div.namePartPriceContainer .single_star,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .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;
}

div.namePartPriceContainer .single_star:hover,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star:hover {
	background-position: 0px -16px;
}

div.namePartPriceContainer > div.star_ratings {
	padding-top: 1px;
	padding-bottom: 7px;
}

div.namePartPriceContainer > div.star_ratings > span.reviews a,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a{
	color: #006ecc;
	font-size:12px;
	float: left;
	padding-left: 8px;
	text-decoration: none;
	line-height: 22px;
}

div.namePartPriceContainer > div.star_ratings > span.reviews a:hover,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a:hover{
	text-decoration: underline;
}

div.namePartPriceContainer div.star_ratings div.stars,
.product_listing_container .list_mode .product > .product_info > .product_rating > 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: Hind, 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: Hind, arial, Helvetica, sans-serif;
	line-height: inherit;
}

.color_and_size{
	padding-top: 11px;
	padding-bottom: 11px;
	float:left;
}


.options_dropdown select{
	height: 23px; /* Dev: to override legacy css style */
	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 .heading,
.widget_product_info_viewer > .product_options .color_and_size .header{
	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;
}
.quantity_discount td,
.quantity_discount td.price {
	color: #4d4d4d;
}

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;
	border-color: #4d4d4d;
}

.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;
}

.available .header,
.product_listing_container .list_mode .product > .available .header,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .header {
	font-size:14px;
	line-height: 17px;
}

.available .sublist,
.product_listing_container .list_mode .product > .available .sublist,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist {
	line-height: 14px;
}

.available .sublist .text,
.product_listing_container .list_mode .product > .available .sublist .text,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist .text {
	font-size: 12px;
}

.available .sublist a.store_name,
.product_listing_container .list_mode .product > .available .sublist a.store_name,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a.store_name {
	font-size: 12px;
	color: #006ECC;
	padding-left: 14px;
	text-decoration: none;
}

.available .sublist a:focus.store_name,
.available .sublist a:hover.store_name,
.product_listing_container .list_mode .product > .available .sublist a:hover.store_name,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a:hover.store_name {
	text-decoration: underline;
}

.available ul,
.product_listing_container .list_mode .product > .product_info > .available ul,
#widget_package_summary > .left_border > .right_border > .content > .item > .available ul {
	list-style-image:url("../images/colors/color1/widget_product_info/checkmark_icon.png");
}

.available .instore_sublist,
.product_listing_container .list_mode .product > .available .instore_sublist,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .instore_sublist {
	margin-left: 40px;
	font-size:12px;
	line-height: 17px;

}

.available a.check_stores,
.product_listing_container .list_mode .product > .available a.check_stores,
#widget_package_summary > .left_border > .right_border > .content > .item > .available a.check_stores {
	color: #006ECC;
	float: left;
	width: 90%;
	font-size: 12px;
	margin-left: 15px;
	text-decoration: none;
	cursor:pointer;
}

.available a:focus.check_stores,
.available a:hover.check_stores,
.product_listing_container .list_mode .product > .available a:hover.check_stores,
#widget_package_summary > .left_border > .right_border > .content > .item > .available a:hover.check_stores {
	text-decoration: underline;
}

.available {
	padding: 11px 0px;
	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 #eeeeee;
	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: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	font-size: 12px;
	float: left;
}

.widget_product_image_viewer > .content > .other_views > ul {
	display: table;
	padding-left: 0px;
}

.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(rgb(255, 255, 255), rgb(229, 232, 233) 100%);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(191, 191, 191);
	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: rgb(50, 50, 50);
	min-width: 200px;
	width: 100%;
}

.shopperActions .dropdown_primary > .drop  {
	height: 100%;
	width: 30px;
	border-left: 1px solid rgb(191,191,191);
	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 0px;
}

.specTableHeading h1 {
	font-weight: bold;
	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: 0px !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: 0px !important;
}

.widget_bundle_package_list .product_listing_container > .list_mode .product {
	width: auto;
	padding: 12px 0px 0px 0px;
	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: normal;
}

.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: none;
	max-width: none;
}

.widget_bundle_package_list .product_listing_container .list_mode .product > .product_image {
	margin: 0px;
	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: 0px;
	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: 0px;
}
.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: 768px) {
	.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: 0px;
	}
	.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: 0px;
		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: 0px;
	}
	.product_page_content #productFullWidthSlot56 {
		float: none;
	}
}
@media (min-width: 601px) {
	.productListingWidget {
		border: 1px solid #e9e9e9;
		border-radius: 5px;
	}
	.tab .productListingWidget {
		border: none;
		border-radius: 0px;
	}
	.product_page_content #productSlot56 > div:nth-child(2),
	.product_page_content #productFullWidthSlot56 > div:nth-child(2) {
		margin: 0px 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: bold;
	text-transform: uppercase;
}
.productListingWidget > .header_bar > .title > .num_products {
	font-weight: normal;
	text-transform: lowercase;
}
.productListingWidget > .header_bar:after, .productListingWidget > .footer_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: 0px;
}
.paging_controls {
	float: right;
	display: block;
}
.sorting_view_controls_container {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: right;
	margin-left: 4px;
	display: block;
}
.sorting_controls > span, .sorting_controls > span > label ,
.view_controls > span, .sorting_controls > span > label {
	font-size: 11px;
	vertical-align: top;
}
.sorting_controls > span.page_size_label,
.sorting_controls > span.order_by_label {
	display: inline-block;
}
.page_size_label > label,
.order_by_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;
	margin-right: 20px;
}
.selectWrapper:hover {
	background-color: #e0e0e0;
	border-color: #e0e0e0;
}
.selectWrapper .dijitMenuTable {
	background-color: #ffffff;
	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: 0px;
}
.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;
}
.selectWrapper .dijitSelect .dijitValidationContainer, .dijitSelect .dijitArrowButtonInner {
	display: none;
}
#pageSize_menu,
.pageSizeSelectMenu {
	width: 70px !important;
}
#orderBy_dropdown > #orderBy_menu > table ,
.orderBySelectMenu > table ,
#orderByContent_dropdown > #orderByContent_menu > table ,
#pageSize_dropdown > #pageSize_menu > table ,
.pageSizeSelectMenu > table ,
div[id^="attrValue_"]  > div[id^="attrValue_"] > table,
div[id^="attrName_"]  > div[id^="attrName_"] > table {
	position: relative;
	border: 1px solid #898989;
	background: #FFF;
	z-index: 20;
}
#orderBy_dropdown > #orderBy_menu > table tr td,
.orderBySelectMenu > table tr td,
#orderByContent_dropdown > #orderByContent_menu > table tr td,
#pageSize_dropdown > #pageSize_menu > table tr td,
.pageSizeSelectMenu > table tr td,
div[id^="attrValue_"]  > div[id^="attrValue_"] > table tr td,
div[id^="attrName_"]  > div[id^="attrName_"] > 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;
}
#orderBy_dropdown > #orderBy_menu > table tr.dijitSelectSelectedOption,
.orderBySelectMenu > table tr.dijitSelectSelectedOption,
#orderByContent_dropdown > #orderByContent_menu > table tr.dijitSelectSelectedOption,
#pageSize_dropdown > #pageSize_menu > table tr.dijitSelectSelectedOption,
.pageSizeSelectMenu > table tr.dijitSelectSelectedOption,
div[id^="attrValue_"]  > div[id^="attrValue_"] > table tr.dijitSelectSelectedOption,
div[id^="attrName_"]  > div[id^="attrName_"] > table tr.dijitSelectSelectedOption  {
	background: #898989;
}
#orderBy_dropdown > #orderBy_menu > table tr.dijitMenuItemSelected,
.orderBySelectMenu > table tr.dijitMenuItemSelected,
#orderByContent_dropdown > #orderByContent_menu > table tr.dijitMenuItemSelected,
#pageSize_dropdown > #pageSize_menu > table tr.dijitMenuItemSelected,
.pageSizeSelectMenu > table tr.dijitMenuItemSelected,
div[id^="attrValue_"]  > div[id^="attrValue_"] > table tr.dijitMenuItemSelected,
div[id^="attrName_"]  > div[id^="attrName_"] > table tr.dijitMenuItemSelected {
	background: #898989;
}
#orderBy_dropdown > #orderBy_menu > table tr.dijitMenuItemSelected > td:nth-child(2),
.orderBySelectMenu > table tr.dijitMenuItemSelected > td:nth-child(2),
#orderByContent_dropdown > #orderByContent_menu > table tr.dijitMenuItemSelected > td:nth-child(2),
#pageSize_dropdown > #pageSize_menu > table tr.dijitMenuItemSelected > td:nth-child(2),
.pageSizeSelectMenu > table tr.dijitMenuItemSelected > td:nth-child(2),
div[id^="attrValue_"] > div[id^="attrValue_"] > table tr.dijitMenuItemSelected > td:nth-child(2),
div[id^="attrName_"] > div[id^="attrName_"] > table tr.dijitMenuItemSelected > td:nth-child(2) {
	color: #FFF !important;
}
#orderBy_dropdown > #orderBy_menu > table tr.dijitSelectSelectedOption > td:nth-child(2),
.orderBySelectMenu > table tr.dijitSelectSelectedOption > td:nth-child(2),
#orderByContent_dropdown > #orderByContent_menu > table tr.dijitSelectSelectedOption > td:nth-child(2),
#pageSize_dropdown > #pageSize_menu > table tr.dijitSelectSelectedOption > td:nth-child(2),
.pageSizeSelectMenu > table tr.dijitSelectSelectedOption > td:nth-child(2),
div[id^="attrValue_"] > div[id^="attrValue_"] > table tr.dijitSelectSelectedOption > td:nth-child(2),
div[id^="attrName_"] > div[id^="attrName_"] > table tr.dijitSelectSelectedOption > td:nth-child(2) {
	color: #FFF !important;
}

div[id^="attrValue_"].dijitPopup{
	overflow-x: hidden;
	overflow-y: auto;
}

.view_controls > *, .paging_controls > * {
	display: inline-block;
	vertical-align: middle;
}
.paging_controls > .right_arrow  > img,
.paging_controls > .left_arrow  > img {
	padding: 10px;
}
.paging_controls > .left_arrow  > img {
	padding-left: 0px;
}
.paging_controls > .right_arrow  > img {
	padding-right: 0px;
}
.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: relative;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.grid_icon:before {
	content: "Grid";
	top: -4px;
    left: -7px;
}
.list_icon:before {
	content: "List";
	top: -4px;
    left: -5px;
}
div.grid_icon, a.grid_icon:hover, div.list_icon, a.list_icon:hover {
	background-color: #666666;
}
a.grid_icon:before {
	color: #666666;
	/*left: -30px;
	clip: rect(21px,58px,38px,41px);*/
}
div.grid_icon:before, a.grid_icon:hover:before {
	color: #fff;
	/*left: -50px;
	clip: rect(21px,78px,38px,61px);*/
}
a.list_icon:before {
	/*left: -70px;
	clip: rect(21px,98px,38px,81px);*/
}
div.list_icon:before, a.list_icon:hover:before {
	color: #fff;
	/*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: #ffffff;
	line-height: 39px;
	text-align: center;
}
.controlBar .pageControl {
	list-style: none;
}
.pageControlMenu .controlBar .pageControl.number > a {
	margin: 0px;
}
.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: 0px;
}

.product_image .image {
  position: relative;
  width: 100%;
}

/* Default background for all ribbon ad's */

.product_image .ribbonList{
    top: 40px;
    position: absolute;
    height: 115px;
    right: 0px;
    width: auto;
    overflow: hidden;
}

.product_image .RibbonAdDefault {
	position:relative;
	width:auto;
	height:20px;
	margin-bottom:10px;
	background-color:#444;
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0.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%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FF444444', endColorStr='#00FFFFFF')";*/
	zoom: 1;
	font-size: 12px;
	line-height:20px;
	font-family: Hind,Hind, arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:0;
	border-radius:3px;
	text-align:center;
	vertical-align:baseline;
	overflow:visible;
	white-space: nowrap;
	padding: 0px 10px 0px 10px;
}

.product_image .RibbonAdDefault.Exclusive {
	background-color:#CA4200;
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0.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%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FFCA4300', endColorStr='#00FFFFFF')";*/
	bottom: 70px;
}

.product_image .RibbonAdDefault.Trademark{background-color:#f26533;}
.product_image .RibbonAdDefault.Warranty{background-color:#27b2ff;}
.product_image .RibbonAdDefault.WebRibbonBlack{background-color:#333333;}
.product_image .RibbonAdDefault.WebRibbonDarkBlue{background-color:#04536C;}
.product_image .RibbonAdDefault.WebRibbonDarkOrange{background-color:#E03608;}
.product_image .RibbonAdDefault.WebRibbonGreen{background-color:#63A01E;}
.product_image .RibbonAdDefault.WebRibbonLightBlue{background-color:#1E80A0;}
.product_image .RibbonAdDefault.WebRibbonLightOrange{background-color:#F26533;}
.product_image .RibbonAdDefault.WebRibbonRed{background-color:#AE2A31;}
.product_image .RibbonAdDefault.WebRibbonYellow{background-color:#FFF348;}
.product_image .RibbonAdDefault.notAvailable{	font-weight: bold;}

.widget_product_image_viewer .ribbonList{
    top: 50px;
    position: absolute;
    height: 230px;
    right: 0px;
    width: auto;
    overflow: hidden;
}

.widget_product_image_viewer .RibbonAdDefault {
	position:relative;
	width:auto;
	height:40px;
	margin-bottom:10px;
	background-color:#444;
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0.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%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FF444444', endColorStr='#00FFFFFF')";*/
	zoom: 1;
	font-size: 24px;
	line-height:40px;
	font-family: Hind, arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:0;
	border-radius:3px;
	text-align:center;
	vertical-align:baseline;
	overflow:visible;
	white-space: nowrap;
	padding: 0px 20px 0px 20px;
}
.widget_product_image_viewer .RibbonAdDefault.Exclusive {
	background-color:#CA4200;
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0.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%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FFCA4300', endColorStr='#00FFFFFF')";*/
	bottom: 70px;
}
.widget_product_image_viewer .RibbonAdDefault.notAvailable {
    position: absolute;
    margin-bottom: 0;
    background-color: #444;
    zoom: 1;
    font-family: Hind, arial, Helvetica, sans-serif;
    color: #FFF;
    padding-left: 10px;
    border-radius: 3px;
    text-align: right;
    vertical-align: baseline;
    overflow: visible;
    white-space: nowrap;
    right: 0;
    font-size: 24px;
    top: 50px;
    padding: 0px 20px 0px 20px;
    font-weight: bold;

}
   
@media (max-width: 640px){
   .widget_product_image_viewer .RibbonAdDefault.notAvailable {
      font-size:20px;
   }
  
 }

.widget_product_image_viewer .RibbonAdDefault.Trademark{background-color:#f26533;}
.widget_product_image_viewer .RibbonAdDefault.Warranty{background-color:#27b2ff;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonBlack{background-color:#333333;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonDarkBlue{background-color:#04536C;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonDarkOrange{background-color:#E03608;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonGreen{background-color:#63A01E;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonLightBlue{background-color:#1E80A0;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonLightOrange{background-color:#F26533;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonRed{background-color:#AE2A31;}
.widget_product_image_viewer .RibbonAdDefault.WebRibbonYellow{background-color:#FFF348;}


.grid_mode .product_name {
	padding: 5px 0px 0px 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: bold;
	height:65px;
	margin-top:15px;
}


.strikeThrough{
	text-decoration: line-through;
}
	
.product_info > .product_price > .old_price {
	color: #767676;
}

 .nowPrice, .list_mode .product > .product_info > .product_price .nowPrice{
	margin: 3px 0 !important;
	padding-bottom:0px !important;
    font-weight: bold;
    color: #D31245 !important;
}

.nowPrice{
	margin: 3px 0 !important;
	padding-bottom:0px !important;
    font-weight: bold;
    color: #D31245 !important;
}
 .nowBigger,  .list_mode .product > .product_info > .product_price .nowBigger{
    font-size:17px !important;
    color: #D31245 !important;
}
.savePercent,  .list_mode .product > .product_info > .product_price .savePercent{
	color: #D31245 !important;
    font-size: 13px !important;
}
.savePercentPDP{
	  color: #D31245;
	  font-size:16px;
}

.product_page_content .savePercent{
	 font-size:16px !important;
	 display:block;
}

.grid_mode .product_price {
	padding: 5px 0px 0px 15px;
}
.product_info > .header {
	display: inline-block;
	font-size: 11px;
}
.button.primary,
.button.secondary {
	display: inline-block;
	background-color: black;
	border-radius: 4px;
	padding:10px 20px;
	max-width: 100%;
	line-height: 17px;
	min-height: 29px;
	text-align:center;
	color: #fff;
	font-size:14px;
	font-weight: bold;
}

.shopperActions .main_button {
	background-color: #00012b;
}

.button_text {
	text-align: center;
}

.button.secondary {
	background-image: linear-gradient(#f7f9f9, #e5e8e9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
}

.button.primary:hover {
	opacity: .75;
}

.button.secondary:hover {
	background-color:#27b2ff;
}

.compare_target {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	color: #5B5B5B;
	line-height: 15px;
	font-weight: bold;
	min-width: 90px;
	padding: 7px 7px 7px 9px;
	text-align: left;
}
.compare_target[data-state="2"] {
	padding: 0px 0px 0px 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: #ffffff;
	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;
}

#quick_cart_container, #MiniShopCartProductAdded {
	left: auto !important;
	right: 15px !important;
	top: 71px !important;
	z-index: 9999999 !important;
}

#quick_cart_container > .dijitDialogPaneContent, #MiniShopCartProductAdded > .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: #6a737b;
		}
		div#widget_breadcrumb > ul li:hover a,
		div#widget_breadcrumb > ul li a:focus {
			text-decoration: underline;
		}
		div#widget_breadcrumb > ul li.current {
			color: #000;
		}
		div#widget_breadcrumb > ul span.divider,
		div#widget_breadcrumb > ul li.divider {
			margin: 0 6px;
			color: #6a737b;
			font-size: 12px;
		}

/*Facets*/
.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: 20px;
	font-weight: normal;
	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(#FFFFFF), to(#F1F1F1)); */
/*	background: linear-gradient(#FFFFFF, #F1F1F1); */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#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: -180px;
		top: -41px;
	}
.optionContainer .arrow_collapsed:before {
	left: -138px;
}

.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 > .title,  .facetWidget > .facetHeader > .title{
		color:#4D4D4D;
		font-size:17px;
		font-family: Hind, 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: normal;
		cursor: pointer;
	}

	.facetSelectContainer {
		margin:0;
		padding:0 0 10px 0;
		border-radius:0 0 5px 5px;
	}
	.facetSelectContainer > ul {
		padding: 0;
	}
	.facetSelectContainer .facetSelectedHighlight {
		color: black;;
		font-weight:bold;
	}
	.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: none;
	}
		#facetFilterListWrapper .facetSelect {
			margin-top: 0;
		}
		.facetSelect li {
			list-style: none;
			line-height: 16px;
			font-size: 14px;
			color: #565656;
			padding:10px 5%;
		/*	background-color: #e9e9e9; */
		/*	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: 0px;
			font-size: 12px;
			color: #565656;
			cursor: pointer;
			text-align: left;
			padding: 0 0 10px 15px;
			font-weight: bold;
		}

			.showMore:hover {
				cursor:pointer;
			}

		#facetFilterListWrapper .facetSelect li:first-child {
			padding-top: 0;
		}

		#colorSelect .facetSelect li:first-child {
			padding-top: 10px;
		}

			/*Color Facet Selection Specifics*/

			#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;
			}


			#facetLinks ul li,
			#facetCat 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: 15px;
				height: 15px;
				margin: 0 5px 0 0;
				border: 1px solid #a5a5a5;
			 /*	background-color: #d7d7d7; */
				float: left;
				position:relative;
				display: none;
				border-radius: 3px;
			}
			.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: #CCCCCC;
		}
	ul.facetSelect li input[type=checkbox] {
		height:1px;
		width:1px;
		position:absolute;
		overflow:hidden;
		left:-30px;
		display: none;
	}
	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: 0px;
}
#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 #000000;
}

#pageNumber3, #pageNumber4 {
	display: none;
}

.pages .pageNumber > .arrow,
.pageControl.number > .dropdownToggleButton > .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: 0px 3px 3px 0px;
}

.pageOptionsDropdown > .ellipsis {
	list-style: none;
	width: auto !important;
	text-align: center;
	line-height: 15px;
	margin: 5px 5px 5px 40px !important;
	font-weight: bold;
	border: 0 !important;
	cursor: default;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.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 #ffffff;
}

.pageNumber:hover, .pageNumber.active {
	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;
}

/* 
 *	css used by AddressForm UI 
 */
.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: 0px !important;
}

#Register .inputField.dijitSelect,
#QuickCheckout .inputField.dijitSelect,
#AddressForm .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;
}

#pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu,
#pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu,
#payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu,
#addressId_dropdown.dijitMenuPopup > .dijitSelectMenu,
.wcSelectMenu{
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
	box-shadow: 0 2px 13px -4px #000000;
	z-index: 20;
	font-size: 12px;
}

.wcSelectMenu .dijitMenuArrowCell,
.wcSelectMenu .dijitMenuItemIconCell,
#pay_expire_month_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuArrowCell,
#pay_expire_year_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuArrowCell,
#payMethodId_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuArrowCell,
#addressId_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuArrowCell,
#pay_expire_month_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuItemIconCell,
#pay_expire_year_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuItemIconCell,
#payMethodId_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuItemIconCell,
#addressId_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemIconCell{
	display: none;
}

.wcSelectMenu .dijitMenuItemLabel,
#pay_expire_month_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuItemLabel,
#pay_expire_year_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuItemLabel,
#payMethodId_dropdown.dijitMenuPopup  > .dijitSelectMenu .dijitMenuItemLabel,
#addressId_dropdown.dijitMenuPopup > .dijitSelectMenu .dijitMenuItemLabel{
	padding: 10px 8px;
	border-bottom: 1px solid #E0E0E0;
}

.wcSelectMenu table tr.dijitMenuItemSelected,
#pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitMenuItemSelected,
#pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitMenuItemSelected,
#payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitMenuItemSelected,
#addressId_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitMenuItemSelected  {
	background: #898989;
	color: #fff;
	cursor: pointer;
}

.wcSelectMenu table tr.dijitSelectSelectedOption,
#pay_expire_month_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption,
#pay_expire_year_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption,
#payMethodId_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption,
#addressId_dropdown.dijitMenuPopup > .dijitSelectMenu table tr.dijitSelectSelectedOption {
	background: #E0e0e0 !important;
	color: #000 !important;
}

.OrganizationUserInfo #Register .formField {
    margin-bottom: 0px;
}

.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: bold;
}

#Register .provideInfo {
    font-weight: bold;
}

#Register .form_2column .column {
	padding-bottom: 10px;
}

/* common classes used by My account list table and my account item table */
.input_field {
	padding: 6px;
	border-radius: 5px;
	border: 1px solid #bfbfbf;
	font-size: 16px;
	outline: 0;
}

.input_field.small {
	width: 60px;
}

.input_field.center {
	text-align: center;
}

.mobileToolbarButton,
.toolbarButton {
	cursor: pointer;
}

.titleNonLink {
	display: none;
}

.button_secondary .button_text,
.button_primary .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: 0px;
}

.selectTitle:hover {
	background: #d9e9f7;
}

 /*-- Order Pricing popup START --*/
 
#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 0px;
	color: #666666;
}
#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: bold;
	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: 0px 1px 0px 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;
}

/* Distributor Pricing Popup Information Table Styles */
	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;
	}
/* -----------------------------------------------------------------------------*/
/* CSS for List Table UI
/* -----------------------------------------------------------------------------*/

.listTable {
    border-radius: 5px 5px 5px 5px;
}

.listTable .toolbar {
    background: #d9d9d9;
    border-radius: 5px 5px 0 0;
    padding: 10px;
}

.listTable .toolbar #quantityAdd {
	margin-top:3px;
}

.listTable .toolbar #uploadListButton, .listTable .toolbar #newListButton {
    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;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
}

.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: bold;
    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: #036fed;
}

.listTable .cell .field {
    margin-bottom: 8px;
}

.listTable .tableHeader .cell img {
    margin-left: 3px;
    vertical-align: middle;
}

.listTable .entry {
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    padding: 0 10px;
}
.listTable .entry:last-child {
    border-bottom: 0;
}

.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;
}

.listTable .entry .quantity.editable .cell input{
	width:40px;
	text-align: center;
}

#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: 0px 10px 0px 0px;
    width: 20px;
}

.listTableMobile .title {
	float: none;
	clear: both;
}
.listTableMobile .toggle { 
    width: 20px;
    float: right;
    cursor: pointer;
}

.listTableMobile .expandedContent .expandedCol {
	padding: 0px 11px 0px 11px;
	min-width: 200px;
}

.listTableMobile .expandedContent .expandedCol > div {
	min-height: 10px;
	padding: 5px 0 5px 20px;
}

.listTableMobile .expandedContent .expandedCol .leftCol {
	float: left;
	font-weight: bold;
	display: inline-block;
	width: 40%;
	padding-right: 25px;
}

.listTableMobile .expandedContent .expandedCol .rightCol {
	display: inline-block;
	width: 45%;
}

.listTableMobile .actions {
	font-size: 12px;
	padding: 0px 11px 0px 30px;
	float: none;
	display: inline-block;
}

.listTableMobile .actions .button_text {
	padding: 3px 0px !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;
    border: 1px solid #E9E9E9;
    border-radius: 0 0 5px 5px;
}

.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_secondary .button_text, .listTable .button_primary .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: 0px;
    width: 220px;
}

#uploadListDropdown {
  right: 21px;
  width: 220px;
}

.toolbarDropdown {
    background: linear-gradient(to bottom, #FFFFFF 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, 0.75);
    display: none;
    font-size: 12px;
    margin-top: 35px;
    padding: 15px;
    position: absolute;
    z-index: 10;
    display:none;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* IE6-9 */
	background-color: #FFFFFF;
}


.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_secondary > .button_text, 
.createTableList .button_primary > .button_text,
.uploadTableList .button_secondary > .button_text,
.uploadTableList .button_primary > .button_text  {
    width: 175px;
    max-width: 175px;
}

.uploadTableList #uploadButton.button_primary > .button_text{
	width: auto;
}

/* Begin: Upload list drop down menu */
.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;
}

/* The first column in the table is 150px wide */
.uploadTableList .exampleInfo .exampleTable td:nth-child(1) {
	width: 150px;
}

/* The second column in the table is 50px wide */
.uploadTableList .exampleInfo .exampleTable td:nth-child(2) {
	width: 50px;
}

.uploadTableList #uploadButtonArea {
	width:100%;
}
.uploadTableList #UpLoadedFile {
	position: absolute;
	left: -150px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.uploadTableList #fileNameBox {
	width:180px;
	background-color:#eee;
}

/* End: Upload list drop down menu */

/* Begin: Upload file status table */
#fileUploadStatus {
	margin-bottom: 20px;
	font-size: 12px;
	margin-top:5px;
	padding-left: 0px;
}

#fileUploadStatus h1 {
	font-size: 18px;
	padding: 0px 0px 10px 0px;
}

#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: 0px;
	margin-bottom:0px;
}

@-moz-document url-prefix() {
	#fileUploadStatusBox .fileUpload:last-child {
			border-bottom: 0;
			padding-bottom: 0px;
			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: 0px 4px 0px 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;
}
/* End: Upload file status table */

/* Begin: RequisitionListUploadDetails Widget */
#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: 0px;
}

@-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: 0px 10px 0px 10px;
}

.requisitionList .entry .input_field {
	width: 40px;
	text-align: center;
}

.requisitionList .cell {
	padding: 13px 10px 7px 0px;
	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 0px 0px 25px;
}

.skuAddSearch {
    background: none repeat scroll 0 0 #FFFFFF;
    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: 768px) {
	#LogTable  .last {
		border-bottom: 1px solid rgb(233, 233, 233);
	}
	.logTable {
		position:relative;
		width:100%;
		float:none;
	}
	.logHeader {
		display:none;
	
	}
	#twoTables {
		height:auto;
	}
	
	#LogTable {
		height:auto;
		border-radius:0px;
	}
	
	.sorting_controls > span.page_size_label {
		display: inline-block;
		width: 70px;
	}
	.sorting_controls > span.order_by_label {
		display: inline-block;
	}
}
.logHeader .col3
{
	width: 30%;
}
.logColumn .col3
{
	width: 30%;
}


/* End: RequisitionListUploadDetails Widget */

.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_dropdown .orderBySelectMenu > table tr td,
#WC_B2BMyAccountParticipantRole_select_2_dropdown .orderBySelectMenu > table tr td,
#WC_B2BMyAccountParticipantRole_select_1_alt_dropdown .orderBySelectMenu > table tr td,
#WC_B2BMyAccountParticipantRole_select_2_alt_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,0.75);
	-moz-box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
	box-shadow: -5px 5px 20px -6px rgba(0,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 rgb(191, 191, 191);
	z-index: 0;
}

.actionDropdownAnchorDisplay{
	background: none repeat scroll 0% 0% rgb(255, 255, 255); 
	border-bottom: 1px solid rgb(255, 255, 255); 
	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: #ccc;
    border-bottom: 1px solid #fff;
    z-index: 12;
    filter: none !important;/* IE 6- 9*/
}

.noListsMessage {
    padding: 20px !important;
}


/*

	CSS pertaining to the requisition list info widget 

*/
.requisitionList_type_selection {
	height: 27px;
}

.requisitionList_type_selection .button_text {
	height: 27px;
}

.requisitionList_type_selection img {
  position: absolute;
  right: 3px;
  bottom: 3px;
}

#requisitionListCurrentInfo h1,
#editRequisitionListInfo h1 {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

#requisitionListCurrentInfo,
#editRequisitionListInfo {
	padding: 0px 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: 0px 20px;
	min-width: 40px;
}


/*

	CSS pertaining to the saved order details widget 

*/

#savedOrderCurrentInfo h1,
#editSavedOrderInfo h1 {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

#savedOrderCurrentInfo,
#editSavedOrderInfo {
	padding: 0px 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;
	background: #ddd;
    border-radius: 5px;
    padding: 9px 13px;
    font-size: 13px;
}

#quickLinksBar > li#globalLoginViewLi {
	position: relative;
}
	#quickLinksBar > li#globalLoginViewLi.hide-border-right {
   		border-right: none;
	}

#Header_GlobalLogin_desktopExpandArrow{
	bottom: 9px;
	position: absolute;
	right: 7px;
}

#Header_GlobalLogin_loggedInDropdown.menuDropdown {
	position: absolute;
	left: 1px;
    /*right: 545px;*/
    outline: none;
    top: 23px;
}

.menuDropdown {
   /* background: linear-gradient(to bottom, #FFFFFF 46%, #F5F5F5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0); */
	background-color: #FFFFFF;
    border: 1px solid #BFBFBF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    color: #4D4D4D;
    display: none;
    font-size: 13px;
    position: absolute;
    right: 299px;
    top: 28px;
    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: #FFFFFF;
/*    background: linear-gradient(to bottom, #FFFFFF 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: 0px;
    color: #4D4D4D;
    display: none;
    font-size: 13px;
    position: absolute;
    left: 1px;
    top: 24px;
    width: 290px;
    z-index: 100;
	/*background-color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF 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: 225px;
}

.menuDropdown .errorLabel,
.loginMenuDropdown .errorLabel {
    color: #CC4400;
    display: none;
    margin-bottom: 10px;
}

.menuDropdown .errorLabel.active,
.loginMenuDropdown .errorLabel.active {
    color: #CC4400;
    display: block;
    margin-bottom: 10px;
}

.signInForm .button_primary, .signInForm .button_secondary {
    margin-right: 4px;
    width: auto;
    padding: 12px 0px;
 }
 .signInForm .button_secondary {
 	background-color: #d9d9d9;
 }
 .signInForm .button_secondary:hover {
 	background-color: #036fed;
 	color: white;
 }
 
 #Header_GlobalLogin_WC_AccountDisplay_links_2 {
 background: #000;
 }

.signInForm .button_primary .button_text, .signInForm .button_secondary .button_text {
    /*width: 105px;
	padding: 0 5px;	*/
	width: auto;
    padding: 0 20px;
}

.loginMenuDropdown .checkbox{	
	padding: 5px 5px 5px 0px;
	width: auto;
	height: auto;
}

.loginMenuDropdown .checkbox .checkedCheckBox{
	display: inline;
    cursor: pointer;
    margin-right: 7px;
    vertical-align: middle;
}

.loginMenuDropdown .field .link {
    color: #036fed;
    font-weight: bold;
    font-size: 12px;
}

.loginMenuDropdown .button_secondary .button_text, 
.loginMenuDropdown .button_primary .button_text {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.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, 
#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 #FFFFFF !important;
     border-color: #B8B8B8 #B8B8B8 #FFFFFF !important;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-width: 1px;
    left: 1px;
    z-index: 101;	
}

#signInDropdown{
	top:0px;
	right:299px;
}

.loggedInContractSelectPanel .button_primary, 
.loggedInContractSelectPanel .button_secondary, 
.contractSelectPanel .button_secondary, 
.contractSelectPanel .button_primary, 
.signOutButton {
    width: 285px;
}

.loggedInContractSelectPanel .button_primary .button_text, 
.loggedInContractSelectPanel .button_secondary .button_text, 
.contractSelectPanel .button_secondary .button_text, 
.contractSelectPanel .button_primary .button_text, 
.signOutButton .button_text {
    width: 244px;
}

.loggedInContractSelectPanel .button_secondary .button_text, 
.loggedInContractSelectPanel .button_primary .button_text {
    font-size: 11px;
    line-height: normal;
    text-align: center;
}

.userProfileIcon{
	display: none;
	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, #FFFFFF 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: bold;
}

/**
 * 		Organizations and buyers page
 *		Create buyer page
**/

#OrganizationAndUsersPageHeading h1{
	padding: 0;
}

#BuyerAdministratorBuyerCommonPageHeading .required-field {
	padding: 0 10px;
	color: #FF0000;
}

/*

	CSS pertaining to the Organization Users list widget 

*/

#OrganizationUsersList_Widget_Heading,
#orgListHeading_2 {
	margin-bottom: 10px;
	font-size: 18px;
}

#OrganizationUsersList_toolbar_form_botton{
	padding: 10px 0;
}

	/* list table toolbar */
.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 0px 0px 0px;
}

.listTable .content .field input:not(.dijitInputInner),
.listTable .toolbar .field .dijitSelect,
.listTable .content .field .dijitTextBox {
	font-size: 12px;
	padding: 8px;
	background: #FFFFFF;
	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 input:not(.dijitInputInner),
.listTable .content .field .dijitSelect,
.listTable .content .field .dijitTextBox {
	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: 0px;
}

#SavedOrderItems_table .totalCost {
    text-align: right;
    padding-right: 0px;
    width: 14%;
}

#SavedOrderItems_table .actions {
    text-align: right;
    width: 14%;
}

#SavedOrderItems_table .eachCost .cell {
    padding-right: 0px;
}

#SavedOrderItems_table .totalCost .cell{
    padding-right: 0px;
}

#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 {
	/*right: -90px;*/
	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^='OrganizationUsersList_toolbar_'] > .dijitSelectMenu,
div[dijitpopupparent^='BuyerApproval_toolbar_'] > .dijitSelectMenu,
div[dijitpopupparent^='OrderApproval_toolbar_'] > .dijitSelectMenu{
	border: 1px solid #E0E0E0;
	box-shadow: 0 2px 13px -4px #000000;
	background: #FFF;
	z-index: 20;
	font-size: 12px;
}

div[dijitpopupparent^='OrganizationUsersList_toolbar_'] > .dijitSelectMenu .dijitMenuItemIconCell,
div[dijitpopupparent^='BuyerApproval_toolbar_'] > .dijitSelectMenu .dijitMenuItemIconCell,
div[dijitpopupparent^='OrderApproval_toolbar_'] > .dijitSelectMenu .dijitMenuItemIconCell,
div[dijitpopupparent^='OrganizationUsersList_toolbar_'] > .dijitSelectMenu .dijitMenuArrowCell,
div[dijitpopupparent^='BuyerApproval_toolbar_'] > .dijitSelectMenu .dijitMenuArrowCell,
div[dijitpopupparent^='OrderApproval_toolbar_'] > .dijitSelectMenu .dijitMenuArrowCell{
	display: none;
}

div[dijitpopupparent^='OrganizationUsersList_toolbar_'] > .dijitSelectMenu table tr td,
div[dijitpopupparent^='BuyerApproval_toolbar_'] > .dijitSelectMenu table tr td,
div[dijitpopupparent^='OrderApproval_toolbar_'] > .dijitSelectMenu table tr td{
	padding: 10px 8px;
	border-bottom: 1px solid #E0E0E0;
}

div[dijitpopupparent^='OrganizationUsersList_toolbar_'] > .dijitSelectMenu table tr.dijitMenuItemSelected,
div[dijitpopupparent^='BuyerApproval_toolbar_'] > .dijitSelectMenu table tr.dijitMenuItemSelected,
div[dijitpopupparent^='OrderApproval_toolbar_'] > .dijitSelectMenu table tr.dijitMenuItemSelected{
	background: #898989;
	color: #FFFFFF;
	cursor: pointer;
}

div[dijitpopupparent^='OrganizationUsersList_toolbar_'] > .dijitSelectMenu table tr.dijitSelectSelectedOption,
div[dijitpopupparent^='BuyerApproval_toolbar_'] > .dijitSelectMenu table tr.dijitSelectSelectedOption,
div[dijitpopupparent^='OrderApproval_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%;
}

/*

	CSS pertaining to the OrganizationUserInfo widget 

*/
#WC_denotesRequiredField {
	font-size: 12px;
}

.required_field:after {
	content: "*";
	color: #ff0000;
}

.row.margin-true > div > div.OrganizationUserInfo,
.row.margin-true > div > div.UserRoleManagement,
.row.margin-true > div > div.UserMemberGroupManagement{
	margin: 0;
}

.pageSection {
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0px 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: normal;
	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 > span:not(.spanacce),
.pageSection .pageSectionTitle > p,
.pageSection .pageSectionTitle > h2 {
	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 p,
.pageSection .field label,
.pageSection .field span{
	font-size: 12px;
	margin-bottom: 2px;
}

.pageSection .field input,
.pageSection .field .dijitSelect{
	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;
}

/*

	CSS pertaining to the UserRoleManagement widget 

*/
#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 0px !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: bold;
}

.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 0px;
	font-size: 12px;
	position: relative;
}

.roleSelector .entry {
	margin: 0px !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: 0px;
	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;
}

/*

	CSS pertaining to the UserRoleManagement widget 

*/

.UserMemberGroupManagement .memberGroup .entryField[aria-hidden="true"]{
	display: none;
}

.UserMemberGroupManagement .memberGroup .entryField {
	border: 1px solid #999999;
    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 #999999;
	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 #000000;
	background: #FFFFFF;
	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;
}

/*
	CSS pertaining to the BuyerApproval and OrderApproval and OrderDetail_* widgets
*/
#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: normal;
    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: bold;
    padding-left: 0;
    width: 60%;
}

#totalLabel .value {
    color: #CA4200;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    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: #FFFFFF;
    text-decoration: none;
}
.selfServiceCal .dijitCalendarHoveredDate .dijitCalendarDateLabel  {
    background: #f5aa31;
}
.selfServiceCal.dijitCalendar .dijitCalendarMonthLabel{
    color: #FFFFFF;
    font-size: 20px;
    margin: 2px;
}

.selfServiceCal.dijitCalendar tr.dijitCalendarMonthContainer {
    background: none repeat scroll 0 0 #333333;
}

.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 #333333;
}

.selfServiceCal.dijitCalendar .dijitCalendarYearLabel span{
    color: #FFFFFF;
    font-size: 12px;
}

.selfServiceCal.dijitCalendar .dijitCalendarSelectedYear {
    background-color: #333333 !important;
    font-size: 20px !important;
    font-weight: bold;
}

.selfServiceCal.dijitCalendarMonthMenu.dijitMenu {
    background: #F6F6F6 repeat;
    border: 1px solid #000000;
}

.selfServiceCal.dijitCalendarMonthMenu.dijitMenu .dijitCalendarMonthLabel{
    border: 0px none;
    font-size: 14px;
}


/*	
		Common my account item table UI - toolbar section
*/
.listTable .toolbar #skuAdd {
	width: 225px;
}

.listTableMobile .toolbar #skuAddMobile {
	width: 215px;
}

.listTable .toolbar #skuAdd, 
.listTable .toolbar #quantityAdd {
	margin-right: 10px;
}

.listTable .toolbar #toolbarButton1,
.listTable .toolbar #toolbarButton2 {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

/*	
		Common my account item table UI 
*/
/* Quantity updated message */
.quantityUpdated {
    background: none repeat scroll 0 0 #006ECC;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    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: #FFFFFF;
	display: none;
	z-index: 20;
}

#RequisitionListTable_Widget{
	margin-bottom:110px;
}

.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: 0px;
		padding-right: 0px
	}
	.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;
	}
}

/*@BP-C 1281px+*/
@media screen and (min-width: 1281px) {
	#productsFacetsHorizontal > fieldset{
		width: 48%;
		float:left;
		padding: 1%;
		/*margin: 2px 4px 2px 4px;*/
	}

	#articleListing li {
		float: left;
		width: 47%;
		margin-right: 10px
	}
	.product_page_content #productSlot56 > div:nth-child(2),
	.product_page_content #productFullWidthSlot56 > div:nth-child(2) {
		margin: -10px 5px;
		display: block;
		padding: 0px 5px;
	}
	.product_page_content  #productSlot56 {
		float: left;
	}

	#uploadListDropdown {
		right: 31px;
	}
		
	#fileUploadStatus
	{
		margin-top: -10px;
	}
	.requisitionListContent.popup {
		left: 40%;
		width: 325px;
	}
}

/*@BP-B 601px-1280px*/
@media screen and (max-width: 1280px) {
	#productsFacetsHorizontal > fieldset{
		width: 48%;
		/*display: inline-block;*/
		float:left;
		padding: 1%;
		/*margin: 2px 4px 2px 4px;*/
	}
	#orderByDropdown .dijitSelect .dijitButtonText,
	.orderByDropdown .dijitSelect .dijitButtonText {
		display: none;
	}
	#orderByDropdown .dijitSelect,
	.orderByDropdown .dijitSelect {
		min-width: 0px;
	}
	#orderByDropdown .dijitSelect .dijitArrowButtonContainer:before,
	.orderByDropdown .dijitSelect .dijitArrowButtonContainer:before {
		float: left;
	}
	.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 #000000;
	}
}

@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: 0px 0px 26px 9px;
	}
	
	#fileUploadStatusBox .logbtn {
		display: block;
		float: left;
		width:auto;
	}
	
	#fileUploadStatusBox .uploadStatus {
		float: left;
		width: auto;
		margin: 0px 0px 0px 0px;
	}

	#fileUploadStatusBox .timeStamp {
		float: left;
		width: 55%;
		vertical-align: middle;
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 6px 10px;
	}
}

@media screen and (max-width: 535px) {
	#shoppingListItemAddedPopup  > div.dijitDialogPaneContent {
		width: auto !important;
		height: auto !important;
	}

	.widget_subscription_item > .top, .widget_subscription_item > .bottom {
		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 0px;
		width: 100%;
	}
}

@media screen and (max-width: 377px) {
	#articleListing li .content h1 {
		width: 100px;
	}
	.productListingWidget > .header_bar .pagination_present {
		margin-top: 0px;
	}
	.productListingWidget > .header_bar .controls {
		margin-right: -7px;
	}
	.productListingWidget #orderByDropdown, 
	.productListingWidget .orderByDropdown {
		margin-right: 0px;
	}
}

/*@BP-A 0-600px*/
@media screen and (max-width: 768px) {
	#productsFacetsHorizontal > fieldset {
		width: 98%;
	}
	div#widget_coordinate > .middle > .content {
		padding: 0px 0px 40px 0px;
	}

	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: 0px;
	}
	.widget_bundle_package_list .list_mode {
		width: 99%;
	}
	.tab {
		border-radius: 0px;
		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: 0px !important;
	}
	
	.nonRWDPageB #quick_cart_container,
	.nonRWDPageB #MiniShopCartProductAdded,
	.nonRWDPage #quick_cart_container,
	.nonRWDPage #MiniShopCartProductAdded{
		/*left: auto !important;*/
		/*right: 15px !important;*/
	}

	#quick_cart_container, #MiniShopCartProductAdded {
		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;
	}
	
	.loggedInContractSelectPanel .button_primary, 
	.loggedInContractSelectPanel .button_secondary, 
	.contractSelectPanel .button_secondary, 
	.contractSelectPanel .button_primary, 
	.signOutButton {
		width: 248px;
	}
	
	#signInDropdown {
		right: 0;
		top: 0;
	}
	
	#Header_GlobalLogin_signInDropdown.loginMenuDropdown {
		background: linear-gradient(to bottom, #FFFFFF 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: 999;
	}
	
	#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 #FFFFFF;
		border-color: #B8B8B8 #B8B8B8 #FFFFFF;
		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 #FFFFFF;
		border-color: #B8B8B8 #B8B8B8 #FFFFFF;
		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: 0px;
		right: 0px;
		width: 100%;
		border-radius: 0px;
		box-shadow: none;
		border: none;
	}
	
	#Header_GlobalLogin_loggedInDropdown.menuDropdown {
	/*	background: linear-gradient(to bottom, #FFFFFF 46%, #F5F5F5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0); */
		background-color: #FFFFFF
		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: 0px 0px 6px 9px;
	}
	
	#fileUploadStatusBox .logbtn {
		display: block;
		float: left;
		margin-left:9px;
	}
	
	#fileUploadStatusBox .uploadStatus {
		float: left;
		width: 90%;
		margin: 0px 0px 7px 5px;
	}

	#fileUploadStatusBox .timeStamp {
		float: left;
		width: 90%;
		vertical-align: middle;
		padding: 0px;
		margin: 0px 0px 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: 480px) {
	#Header_GlobalLogin_signInDropdown.loginMenuDropdown {
		border-radius: 10px;
	    position: fixed;
	    left: unset;
	    right: 13px;
	    top: 60px;
	    width: 270px;
	}	
}

@media screen and (max-width: 440px) {
	.requisitionListContent.popup {
		left: 0%;
		width: 283px;
	}
		
}

/* Facebook Like Widget */
.facebookLikeWidget {
	padding: 13px 10px 20px;
}

/* Facebook Activity Widget */
.widget_fb_activity > .widget_main {
	display:block;
	border:1px solid #E5E5E5;
}

.widget_fb_activity > .widget_main > .content {
	background-color: #FFFFFF;
	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: #666666;
	font-size: 11px;
	padding-left: 12px;
	padding-right: 12px;
}

@media (-webkit-device-pixel-ratio: 2) {
	.searchAssocAssets > a > .arrow,
	.productDescDropMerch > a > .arrow,
	.selectWrapper .dijitSelect .dijitArrowButtonContainer:before,
	.facetWidget .dropdownIcon,
	.facetWidget .close,
	.pages .pageNumber > .arrow,
	.pageControl.number > .dropdownToggleButton > .arrow,
	.pageOptionsDropdown > .pageDropdownClose,
	.pageDropdownClose {
		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(0.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);
	}
	div.grid_icon:before, a.grid_icon:hover:before {
		clip: rect(42px,156px,76px,122px);
	}
	a.list_icon:before {
		clip: rect(42px,196px,76px,162px);
	}
	div.list_icon:before, a.list_icon:hover:before {
		clip: rect(42px,236px,76px,202px);
	}*/
}

.productWishList {
	width: 99%;	
	max-width: 174px;
}

.requisitionList, .productWishList {
	width: 96%;
	max-width: 270px;
}

.requisitionListBox .addRequisitionList .button {
   	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;
	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));
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#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="text"], .requisitionListContent input[type="password"] {
	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%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBBB0B', endColorstr='#EE9505');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBBB0B', endColorstr='#EE9505')";
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 29px;
	line-height: 29px;
	text-align:center;
	border: 1px solid #BFBFBF;
	color: #333333;
	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%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FED60C', endColorstr='#F8AF06');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FED60C', endColorstr='#F8AF06')";
	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: rgb(246, 73, 73);
	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="text"], .requisitionListContent input[type="password"] {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	width: 96%;
	max-width: 410px;
	font-size: 15px;
}

.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: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	padding-left: 0px;
}

.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: 0;
	list-style: none;
}

.sortOption:hover {
	color: #FFF !important;
	background: #767676;
}
.cancelButton {
    background: linear-gradient(#FFFFFF, #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: #FFFFFF;
    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: 10px;
	border-bottom: 1px solid #EDEFF0;
	font-weight: bold;
	word-wrap: break-word;
 }

 .requisitionListContent .productAdded .product {
 	padding: 7px;
 	margin:8px 5px;
 }

 .requisitionListContent .productAdded .product img {
 	float: left;
 	height: 75px;
 	margin-right:10px;
 }

 .requisitionListContent .productAdded .product .productTitle {
 	margin-top: 0px;
 	display: block;
 }

 .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: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.4);
	padding: 10px;
}
.requisitionListContent.popup .footer { margin-top: 30px; }
.requisitionListContent.popup .footer .button_primary:hover,
.requisitionListContent.popup .footer .button:hover { 
	cursor: pointer; 
}

.requisitionListContent.popup .listSelect .newList input[type="text"] {
	float: left;
}

.requisitionListContent.popup .footer .button {
	text-transform: uppercase;
}
.requisitionListContent.popup .footer .button.secondary,
.widget_site_popup .footer .button.secondary {
	background: #d9d9d9;
	color: black;
}
.requisitionListContent.popup .footer .button.secondary:hover,
.widget_site_popup .footer .button.secondary:hover {
	background: rgba(217, 217, 217, .75);
}

#grayOut, #grayOutPopup {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: #ccc;
	opacity: 0.6;
	z-index: 9998;
	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:0px;
	left:0px;
}

.requisitionListContent .close:hover:before {	
	left:0px;
	top:-13px;
}

/* SKU List Widget */

.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: 0px;
	border-top-right-radius: 0px;
}

.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: bold;
}

.productDetailTable .row .columnHeader {
	height: 35px;
	position: relative;
}

.productDetailTable .row .columnHeader .cell {
	position: absolute;
	bottom: 0px;
	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: 0px 15px 0px 15px;
	max-width: 640px;
	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: bold;
	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: 0px;
}

.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 0px 0px;
	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 #ffffff;
    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: 0px 0px 18px 0px;
}

.productDetailTable .mobileView .title > .row {
	display: inline-block;
	width: 74%;
	height: 20px;
	padding: 5px 0px 5px 0px;
}

.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: bold;
	width: 100%;
	display: inline-block;
	padding: 0px 10px 0px 0px;
	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: 0px 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: bold;
	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: 0px 0px 8px 2%;
	width: 96%;
}

.productDetailTable .mobileView .mobileExpandedContent .button.primary,
.productDetailTable .mobileView .mobileExpandedContent .button.secondary {
	min-width: 120px;
	word-wrap: break-word;
}

/*** RWD-B ***/

@media screen and (max-width: 540px) {
	
	.productDetailTable .fullView {
		display: none;
	}
	
	.productDetailTable .mobileView {
		display: block;
	}
}

.text-button {
	display: inline-block;
	padding: 8px 10px;
	color: #036fed;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
.text-button:hover {
	opacity: .75;
}
.button_primary,
.button_secondary {
	color: #fff;
}
.button_secondary  .arrow {
		background: url('../images/responsive/rwdUI.png');
		background-position: -1px -1px;
		width: 12px;
		/* padding-left: 6px; */
		margin: 11px 11px 10px 23px;
		height: 6px;
		display: inline-block;
		vertical-align: middle;
}	
#optionButton 
{
	border: 0px;
	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,0.75);
	-moz-box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
	box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
	position: absolute;
	z-index: 10;
	background: #fff;
	left: -2%;
	margin-top: 0px;
	width: 370px;
	display: none;
	font-size: 12px;

}

.editField .editActions {
    margin-bottom: 15px;
    margin-top: 15px;
}

#memberGroup h2 {
    font-size: 12px;
    font-weight: normal;
    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: normal;
    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 #000000;
}

.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: #ff0000;
	font-size: 12px;
}


#registerBuyers h2, #organizationSelection h2 {
    font-size: 17px;
    font-weight: normal;
    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 white;
    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%;
}

.orgSearchListMobile .selected, .orgSearchList .selected .cell {
    text-align: center;
}
.orgSearchList .tableHeader .cell {
    font-size: 12px;
    padding: 5px 5px 5px 0;
}
.row .tableHeader .cell {
    font-weight: bold;
    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:0px;
}

.menuDropdown .uncheckedCheckBox, 
.menuDropdown .checkedCheckBox {
    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 #FFFFFF;
    border: 1px solid #E9E9E9;
    color: #000000;
    padding: 5px;
    width: 275px;
}
.optionDropdown.white .selectList {
    border: 1px solid #E9E9E9;
    box-shadow: 0 2px 13px -4px #000000;
}
.optionDropdown.white .selectOption {
    border-bottom: 1px solid #E9E9E9;
    padding: 10px;
}
.optionDropdown.white .selectOption.current {
    background: none repeat scroll 0 0 #E0E0E0 !important;
    color: #000000 !important;
}
.optionDropdown.white .selectOption:hover {
    background: none repeat scroll 0 0 #898989;
    color: #FFFFFF;
}

.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 .dijitTextBox input.dijitArrowButtonInner,
.optionDropdown .dijitButtonNode .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 #000000;
    background-color: white;
    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: #FFFFFF;
    cursor: pointer;
}

#QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItemSelected,
#Header_GlobalLogin_WC_B2B_ShopOnBehalf_OrganizationSelection_popup .dijitMenuItemSelected{
  background: none repeat scroll 0 0 #898989;
  color: #FFFFFF;
  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 #000000;
	background: #FFFFFF;
	font-size: 12px;
    top: -1px;
    z-index: 10000 !important;
}

#QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem,
#Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem {
    font-size: 12px;
    padding: 10px 8px;
    border-bottom: 1px solid #bfbfbf;
}

#QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem.dijitMenuItemHover,
#Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_popup .dijitMenuItem.dijitMenuItemHover {
	background: none repeat scroll 0 0 #898989;
    color: #FFFFFF;
    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;
}

#lockOrderButton, #unlockOrderButton, #editOrderButton {
    margin: 17px 0 20px;
}

#addressDetailRead {
    font-weight: bold;
    margin: 10px;
}

.OrganizationListWidget .orgList .entryField[aria-hidden="true"]{
	display: none;
}

.OrganizationListWidget .orgList .entryField {
	border: 1px solid #999999;
    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 0px;
	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 #000000;
	background: #FFFFFF;
	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: 640px;*/
}

.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 .uploadList:after, 
	#RequisitionList_list_table .toolbar .newList:after {
	    clear: both;
	    content: "";
	    display: block;
	}
	
	#RequisitionList_list_table .toolbar #uploadListButton .button_text, 
	#RequisitionList_list_table .toolbar #newListButton .button_text {
	    min-width: 75px;
	}
	
	#RequisitionList_list_table .toolbar #uploadListButton {
		margin-bottom: 10px;
	}
}

.greenFont {
	font-weight: bold;
	color: #00CC00;
	font-size: 12px;
}

.blueFontRGB {
	color: #589bb4;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: bold;
}

.pdp-chat-link {
	font-weight: bold;
}

.pdp-chat-link:hover {
	cursor: pointer;
}

.redFont {
	font-weight: bold;
	color: #FF0000;
	font-size: 12px;
}

.orangeFont {
	font-weight: bold;
	color: #F26533;
	font-size: 16px;
 	line-height: 1.2;
}


/**********************************************

	Creative Styling to Match Design Comps

**********************************************/

/******* Site-Wide Styling *******/

/* -----------------------------------------------------------------------------*/
/* 0.BUTTON CLASSES
/* -----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------*/
/* 5.1. Primary Button
/* -----------------------------------------------------------------------------*/


.button_primary.primary-1a,
.button_primary.primary-1a:hover {
	background: #036fed;
}
.button_primary.primary-1b {
	background: #000;
}
.button_tertiary {
	display: inline-block;
	position: relative;
	border-radius: 4px;
	border: 1px solid #6a737b;
	color: #4d4d4d;
	border-spacing: 0;
	vertical-align: middle;
	padding: 10px 20px;
}
.button_tertiary.button_small {
	padding: 3px 10px;
}
.button_primary {
	display: inline-block;
	position: relative;
	background: #D31245;
	border-radius: 4px;
	border: none;
	border-spacing: 0;
	vertical-align: middle;
}
.button_primary:hover {
	background: black;
	opacity: .75 !important;
}
.button_primary:focus {
	opacity: .75 !important;
}
.button_primary > .button_text {
	color: #fff;
	display: table-cell;
	margin: 0;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}
.button_primary > .left_border, .button_primary > .right_border {
	display: none;
}
.button_primary > .button_primary {
	display: block;
	border: 0 none;
}
.button_primary.button_sign_in_for_price {
	background: black;
	padding: 0px;
	width: 100%;
}
.button_primary.button_pdp_sign_in_for_price {
	background: black;

}

.button_primary.button_sign_in_for_price > .button_text {
	padding: 5px 35px;
}
/* -----------------------------------------------------------------------------*/
/* 5.1. Secondary Button
/* -----------------------------------------------------------------------------*/

.button_secondary {
	display: inline-block;
	position: relative;
	background: #f3f3f3;
	color: #4d4d4d;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e5e8e9));
	background-image: linear-gradient(#f7f9f9, #e5e8e9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";*/
	border: 0;
	border-radius: 4px;
	border-spacing: 0;
	vertical-align: middle;
}
.button_secondary:hover {
	background: #f3f3f3;
	color: #4d4d4d;
	cursor: pointer;
	/*background-image: linear-gradient(#f7f9f9, #ced2d3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3));
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";*/
}
.button_secondary > .button_text {
	display: table-cell;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}
.button_secondary > .left_border, .button_secondary > .right_border {
	display: none;
}

	/*Disabled Button for compare button, add "disabled" class to secondary_button's or primary_button's parent div */

	.disabled .button_secondary,
	.disabled .button_primary {
		cursor: default;
	}

	.disabled .button_secondary > .button_text,
	.disabled .button_primary > .button_text {
		color: #777777;
	}


#header .mainMenuWrapper {
	width: 100%;
	background: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#header .mainMenuWrapper > .rowContainer,
#header .mainMenuWrapper > .rowContainer > .row {
	padding: 0;
}

.loginMenuDropdown .footer hr {
    border: none;
    border-bottom: 1px solid #BFBFBF;
}

.loginMenuDropdown .footer .field {
    margin-bottom: 0px;
    padding: 10px 0;
}

.loginMenuDropdown .footer .field:last-of-type {
	margin-bottom: 10px;
}

#departmentsMenu span + div.arrow_button_icon {
	display: none;
}

#allDepartmentsButtonListItem {
	margin-left: -4px;
}

ul#quickLinksBar li {
    vertical-align: top;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer {
    height: 50px;
    border-top: 1px solid #edeff0;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}


#searchDropdown{z-index: 100000;}

div#widget_minishopcart_popup > #cartDropdown .product,
div#widget_minishopcart_popup_1 > #cartDropdown .product{
	max-width: 330px;
}

div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name{
	margin-bottom:10px;
}

div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image, 
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image{
	padding: 10px 0 10px 0;
}

div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product, 
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product{
	padding:10px 11px 10px 92px;
}

div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_price,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_price{
	font-weight: 700;
}

div#MiniShopCartProductAdded div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name,

div#MiniShopCartProductAdded div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_quantity{
	margin-left:30px;
}


div#MiniShopCartProductAdded div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > #mf7.product{max-width: 315px;} 

/* Header Tablet Landscape */
@media(max-width: 1024px) {
	#headerRow1 {
		padding-left: 10px;
		padding-right: 0px;
	}
		#searchBar.loggedin {
		    right: 94px;
		}
	#header #logo {
		max-height: 70px;
	}
	#quickLinksBar {
		margin-top: 0;
	}
		#quickLinksBar > li > a {
			font-size: 13px;
			padding: 10px;
		}
	#quickLinksBar > li > #Header_GlobalLogin_signOutQuickLink {
		margin-right: 15px;
	}
	#widget_minishopcart {
		position: absolute;
    	right: 0px;
	    margin: 0 0 0 6px;
	    padding: 26px 33px;
	    border-radius: 4px;
	    overflow: hidden;
	}
	#widget_minishopcart:before {
		content: "";
		position: absolute;
		left: 8px;
		top: 16px;
		height: 30px;
		width: 40px;
		background-repeat: no-repeat;
		background-image: url("../images/responsive/miniCartNew.png");
		background-size: 35px 25px;
	}
}

@media(max-width: 768px) {
	#header:before {
	    content: "";
	    display: block;
	    height: 5px;
	}

	#header #headerRow1 {
		padding-top: 0;
	}
	#header #logo {
		left:10px;
	}

	ul#quickLinksBar {
		position: absolute;
		width: auto;
		right: 10px;
		height: 60px;
		top: 15px;
	}
	ul#quickLinksBar.signedin {
		top: 0px;
	}

	ul#quickLinksBar li {
   		vertical-align: middle;
	}

	#quickLinksBar > li#globalLoginViewLi > a > br {
		display: none;
	}

	#quickLinksBar #globalLoginViewLi.signedin {
		display: none;
	}

	#quickLinksMenu.active {
	    min-width: 300px;
	    top: 53px;
	}

	#header .mainMenuWrapper {
		height: 109px;
		padding: 5px 0;
		background: #e0e0e0;
		border: none;
	}

	#departmentsButton {
	    display: block;
	    max-width: 100%;
	    margin: 3px 10px 0px 10px;
	    background: #000;
	    padding: 2px 0;
	}
	#departmentsButton:focus {
		outline: 2px solid #D31245;
	}

	#departmentsButton > span {
		display: inline-block;
		height: 36px;
		line-height: 36px;
		padding: 0 10px;
		text-align: left;
	}



	#searchBar.loggedin {
	    right: 0px;
	}

	#searchBar {
	    display: block;
	    position: absolute;
	    top: 138px;
	    right: 0;
	    width: 100%;
	    max-width: unset !important;
	    border-radius: 0px;
	    padding: 7px 6px 0px 5px;
	    margin: 0;
	    background: none;
	}
	#searchBox{
		margin-bottom:0 !important;
	}
	#searchBox > .submitButton {
		width: 80px;
	    height: 40px;
	    text-align: center;
	    text-transform: uppercase;
	    padding: 11px 0;
	    top: 0;
	 	background: white;
		border-left-width: 0;
	}
	#searchBox > .submitButton:before {
		left: 25px;
	}
	#searchTermWrapper {
		border-radius: 5px 0 0 5px;
		border: 1px #b2b7bc solid;
		
	}

	#quickLinksBar > li#miniCartLi {
		width: 75px;
		height: 60px;
	}

	#widget_minishopcart {
	    position: absolute;
	    right: 0px;
	    margin: 0px 0 0 6px;
	    padding: 26px 33px;
	    border-radius: 4px;
	    overflow: hidden;
	}

	#minishopcart_total, #minishopcart_lock {
		display: block;
		position: absolute;
		right: 0px;
		top: 2px;
		padding: 3px 10px .5px 10px;
		border-radius: 100%;
		font-size: 14px;
		font-weight: bold;
	}

	/* Footer */
	#footer #footerCol2 > .section > .header:before {
		height: 30px;
		border-radius: 3px 3px 0 3px;
	}
	#footer #footerCol2 > .section > .header > .toggle {
		display: block;
	    position: absolute;
	    left: 0px;
	    bottom: 10px;
	    width: 23px;
	    height: 22px;
	    border-width: 0px 0px;
	    border-style: solid;
	    border-color: transparent;
	    overflow: hidden;
	    background: #666;
	    border-radius: 4px;
	}
	#footer #footerCol2 > .section > .header > .toggle:before {
		content: url("../images/responsive/rwdUI.png");
	    display: block;
	    position: absolute;
	    left: -152px;
	    top: 4px;
	}
	#footer #footerCol2 > .section.active > .header > .toggle {
		width: 23px;
  		height: 22px;
    	border-width: 0px 0px;
	}
	#footer #footerCol2 > .section.active > .header > .toggle:before {
		left: -176px;
    	top: 8px;
	}
	#footer #footerCol2 > .section > ul {
		display: none;
	}
	#footer #footerCol2 > .section.active > ul {
		display: block;
		padding-left: 35px;
	}
}

/******* Page-Specific Styling *******/

/* START ForgotPassword page */
.myaccount_header {
    background-color: #d9d9d9;
    color: #4d4d4d;
    font-size: 18px;
    padding: 10px;
    border: 0;
    border-radius: 5px 5px 0 0;
}

.myaccount_header h1 {
	font-size: 18px;
}

#shop-cart-edd-callout {
	background-color: #f6cf75; 
	font-size: 15px; 
	border-radius: 0px;
}

.sign_in_registration .forgot_password_container .align {
    height: auto;
}

form#ResetPasswordForm input#WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1 {
	width: 325px;
	max-width: 95%;
}

@media only screen and (min-width: 1025px) {
	.myaccount_header h1 {
		font-size: 20px;
	}
}
/* END ForgotPassword */


/* START Password Reset */
.sign_in_registration .forgot_password_container #WC_PasswordUpdateForm_div_7 {
    height: 250px;
}

.forgot_password_container p#passwordExpiredText{
    font-size:16px;
    padding-bottom:10px;
}
/* END Password Reset */


/* START Timeout popup */
#inactivityWarningPopup_body { padding-top: 30px; padding-bottom: 30px; }
#inactivityWarningPopup { box-shadow: 0px 0px 30px rgba(50,50,50,0.4); }
/* END Timeout popup */


/* START Sign In page */
div#WC_AccountDisplay_div_23 p {
	font-size: 13px;
}
div#WC_AccountDisplay_div_12 {
	padding-bottom: 15px;
}
.sign_in_registration #WC_AccountDisplay_div_2.title h1 {
	font-size: 18px;
}
.sign_in_registration .myaccount_error {
	position: relative;
	color: #FF0000;
	font-weight: bold;
	top: -5px;
}

 
 .sign_in_registration .myaccount_error.success p {
  padding: 10px 0px;
 }
 
 .sign_in_registration .myaccount_error.success{
  color:#000000;
  font-size: 14px;
 }
 
@media only screen and (min-width: 1025px) {
	.sign_in_registration #WC_AccountDisplay_div_2.title h1 {
		font-size: 24px;
	}
}

.sign_in_registration .forgot_password_link_padding{
	padding-bottom:20px;
}

/* END Sign In page

/* START SiteMap */
.static_page_content {
    padding: 0px;
}
.static_page_content .info_table_1 {
    background-color: #FBFBFB;
    border-color: #E5E5E5;
    border-style: solid;
    border-width: 2px 1px 1px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.static_page_content .column_box {
	padding: 60px 100px;
}
.static_page_content .column_box .column {
    /* float: left; */
    font-size: 12px;
    /* width: 33%; */
}
/* END SiteMap */


/* START Footer */
#footer { width: 100%; display: table; }
#footerCol1 {
	padding: 3%;
    display: table-cell;
    width: 30%;
    background: #444;
    text-align: center;
    vertical-align: top;
}
	#footerCol1 > div > .section {
		display: inline-block;
		width: 100%;
		padding: 0px;
		text-align: center;
		vertical-align: top;
	}
	#footerCol1 > div > .section > .header, 
	#footerCol1 >  .section > .header {
		position: relative;
		margin-left: 0px;
		padding: 5px 1px;
		color: #bbb;
		font-size: 16px;
		font-weight: bold;
	}
	#footerCol1 > div > .section > ul{
		padding: 10px 0px;
		color: #e1e2e0;
		font-size: 14px;
		list-style: none;
	}
		#footerCol1 > div > .section > ul > li{
			display: inline-block;
			margin-right: 10px;
		}
	#footerCol1_1,
	#footerCol1_2 {
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}

	#footerCol1 > .section{
		width: 100%;
		color: #e1e2e0;
		text-align: left;
		padding-left:24px; 
		margin-top:20px;
	}
	#footerCol1 > .section > img{
		width:20px;
		float:left; 
		margin-right: 10px;
	}
	#footerCol1 > .section > ul {
		padding: 2px 0 0 0;
		color: #fff;
		font-size: 14px;
		list-style: none;
	}
	#footerCol1 > .section > ul > li {
		margin-right:10px;
	}
	#footerCol1 > div > .section > ul #footerStoreLocatorLink2 img{
		width:30px;
	
	}

	#footerCol1 > .section > ul > li img{
		width:20px;
		margin-right:10px;
	}

	#footerCol1 > .section .phoneIcon{
		padding-top: 5px; 
		margin-right:10px; 
		display: inline-block;
	}

	#footerCol1 > .section .phoneNumberWrapper{    
		display: inline-block;
	    top: -7px;
    	position: relative;
    }

#footerCol2 {
    padding: 3%;
    display: table-cell;
    width: 70%;
    background: #333;
}
	#footerCol2 > .section {
		display: inline-block;
		width: 19%;
		padding: 0px 1%;
		text-align: left;
		vertical-align: top;
	}
	#footerCol2 > .section > .header {
		position: relative;
		margin-left: 0px;
		padding: 5px 1px;
		border-bottom: 1px solid #5f696c;
		color: #bbb;
		font-size: 16px;
		font-weight: bold;
	}
	#footerCol1 > div > .section > .header > .toggle,
	#footerCol2 > .section > .header > .toggle {
		display: none;
	}
	#footerCol2 > .section > ul {
		padding: 10px 0px;
		color: #e1e2e0;
		font-size: 14px;
		list-style: none;
	}
	#footerCol2 > .section > ul > li > a {
		display: block;
		margin: 0;
		padding: 7px 0px;
	}
		#footerCol2 > .section > ul > li > a:hover {
			color: #fff;
			text-decoration: underline;
		}

@media(max-width: 768px) {
	#footer { width: 100%; display: block; margin-top:55px; }
	#footerCol1 {
		padding: 20px 0;
    	display: block;
    	width: 100%;
    	background: #444;
    	text-align: center;
	}
		#footerCol1 > div > .section {
			display: block;
			width: 100%;
			padding: 0px;
			text-align: center;
			vertical-align: top;
		}
		#footerCol1 > div > .section > .header {
			position: relative;
			margin-left: 0px;
			padding: 5px 1px;
			color: #bbb;
			font-size: 16px;
			font-weight: bold;
		}
		#footerCol1 > div > .section > ul {
			padding: 10px 0px;
			color: #e1e2e0;
			font-size: 14px;
			list-style: none;
		}
			#footerCol1 > div > .section > ul > li {
				display: inline-block;
				margin-right: 10px;
			}
		#footerCol1_1,
		#footerCol1_2 {
			display: inline-block;
			width: 49%;
			vertical-align: top;
		}

	#footerCol2 {
	    padding: 20px;
    	display: block;
    	width: auto;
    	background: #333;
	}
		#footerCol2 > .section {
			display: block;
			width: auto;
			padding: 0px 15px;
			margin: 15px 0;
			text-align: left;
			vertical-align: top;
		}
		#footerCol2 > .section > .header {
		    position: relative;
		    margin-left: 0px;
		    padding: 10px 1px;
		    border-bottom: 1px solid #5f696c;
		    color: #bbb;
		    font-size: 14px;
		    font-weight: bold;
		}
		#footerCol1 > div > .section > .header > .toggle,
		#footerCol2 > .section > .header > .toggle {
			display: none;
		}
		#footerCol2 > .section > .header > h3 {
			margin-left: 35px;
		}
		#footerCol2 > .section > ul {
			padding: 10px 0px;
			color: #e1e2e0;
			font-size: 14px;
			list-style: none;
		}
		#footerCol2 > .section > ul > li > a {
			display: block;
			margin: 0;
			padding: 7px 0px;
		}
			#footerCol2 > .section > ul > li > a:hover {
				color: #fff;
				text-decoration: underline;
			}
}

#copyrightWrapper {
	width: 100%;
	padding: 15px 0px;
	background: #000;
}

#copyrightContainer {
	width: 100%;
	margin: 0 auto;
	color: #aaa;
	font-size: 12px;
	text-align: center;
}
	#copyrightContainer a {
	    margin: 0 10px;
	}
		#copyrightContainer a:hover {
			text-decoration: underline;
		}
	#copyrightContainer a:last-of-type {
	    margin-right: 30px;
	}
	#copyrightContainer a:first-of-type {
	    margin-left: 30px;
	}

/* END Footer */

/** Change Password Page */
#password-clear {
    display: none;
}
#passwordVerify-clear {
    display: none;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}
.button_primary.formButtonDisabled {
      background-color: #ddd;
      color: #fff;
}


/* product listing widget */

.productListingWidget {
  /*    border: 1px solid #e9e9e9; */
  	border-radius: 5px;
	padding-bottom: 10px;
  
}


/* sort controls */

.productListingWidget > .header_bar > .title,
.productListingWidget > .header_bar > .title > .num_products {
      color: #656565;
      font-size: 14px;
      font-weight: bold;
}

.sorting_controls > span,
.sorting_controls > span > label,
.view_controls > span,
.sorting_controls > span > label {
      font-size: 12px;
}

.sorting_controls > span.page_size_label {
      width: 40px;
}

.grid_icon,
.list_icon {
      width: 39px;
      height: 39px;
}

a.list_icon:before {
      left: -5px;
      color: #666666;
}

a.list_icon:hover:before {
      color: #fff;
}


/* grid view */

.product_listing_container > .grid_mode li {
      padding: 20px;
}

.product {
      padding: 0px;
      position: relative;
}

.grid_mode .product_name {
      padding: 0;
      height: 130px;
}

.grid_mode .product_gap {
      padding: 0;
      height: 11px;
}

.grid_mode .product_price {
      padding: 0;
}

.grid_mode .product_quantity_addtolist {
      clear: left;
      float: left;
      margin-right: 5px;
      width: 23%;
}
.product_quantity_addtolist {
      clear: left;
      float: left;
      margin-right: 5px;
      width: 23%;
}

.grid_mode .product_option {
      float: left;
      width: 73%;
}

.grid_mode .product_option a.button {
      float: left;
      width: 100%;
      padding: 10px;
}

.grid_mode .product_option a.button:before {
      content: "+";
}

.catEntryGrid_border {
      border: 1px solid #e9e9e9;
      width: 100%;
      margin: 0;
}

.compare_target {
      font-size: 11px;
      color: #777777;
      width: 100%;
      margin: 0 auto;
      text-align: center;
}

.quantity_section {
      padding: 0;
}

.grid_mode .product_info {
      min-height: 195px;
      margin-bottom: 5px;
      margin-top: 10px;
}

.quantity_section > .quantity_input {
      height: 37px;
      width: 100%;
}

.product > .product_image img {
      max-width: 200px;
      max-height: 200px;
      border-radius: 5px;
}

.product_info > .product_name > a {
      color: #656565;
      font-size: 15px;
      line-height: 20px;
      font-weight: bold;
      margin-bottom: 10px;
}

.product_info > .product_price {
     
      font-size: 15px;
      color: #656565;
      font-weight: bold;
      height: 35px;
      margin-top: 15px;
}

.product_info .product_color,
.product_info > .part_number {
      font-weight: bold;
      font-size: 15px;
      line-height: 18px;
      margin-top: 55px;
      margin-bottom:10px;
      color: #656565;
      font-weight: bold;
      height: 35px;
}

.product_info > .part_number a:hover {
      text-decoration: underline;
}

.product > .product_image + a {
      margin-top: 15px;
      margin-bottom: 10px;
}

.product > .product_image + .product_info {
      margin-top: 15px;
}

.product_color table {
      border-collapse: collapse;
      ;
}


.grid_mode .product_info > .product_name > a{
	margin-bottom:0px;
}

/*temporary code for image view */

.product_image .image {
      height: 200px;
      /* width:200px; */
}

.product_listing_container .list_mode .product > .product_image img {
      height: 200px;
}


/* list view */

.product_listing_container > .list_mode li {
      padding: 20px;
}

.list_mode .product_info {
      margin-top: 25px;
}

.product_listing_container .list_mode .product > .product_info,
.product_listing_container .list_mode .product > .product_info > .product_name *,
.product_listing_container .list_mode .product > .product_info > .product_price *,
.product_listing_container .list_mode .product > .product_info > .product_color * {
      font-size: 15px;
      color: #666666;
      margin-bottom: 0px;
      padding-bottom:7px;
      height:auto;
}

.product_listing_container .list_mode .product > .product_info > .product_image {
      position: absolute;
      left: 0;
      top: 0;
      max-width: 200px;
      max-height: 200px;
      height: auto;
      margin: 15px;
}

.product_listing_container .list_mode .product > .product_info > .product_price {
      padding: 0;
}

.product_listing_container .list_mode .product > .product_info > .product_name {
      padding: 0;
      margin-top: 0px;
      height: 150px;
      font-weight: bold;
}

.product_listing_container .list_mode .product > .product_info > .product_price {
      padding: 0;
}

.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist {
      clear: left;
      float: left;
      margin-right: 5px;
      width: 23%;
}

.product_listing_container .list_mode .product .product_info > .product_option {}

.product_listing_container .list_mode .product > .product_info > .product_option {
      float: left;
      width: 73%;
      margin-top: 0px;
}

.product_listing_container .list_mode .product > .product_info > .product_option a.button {
      float: left;
      width: 100%;
      padding: 10px;
}

.product_listing_container .list_mode .product > .product_info > .product_option a.button:before {
      content: "+";
}

.product_listing_container .list_mode .product > .product_info > .product_color,
.product_listing_container .list_mode .product > .product_info > .part_number {
      font-weight: bold;
      font-size: 15px;
      line-height: 18px;
      margin-top: 5px;
}

.product_listing_container .list_mode .product > .product_info > .part_number > a {
      font-weight: bold;
}

.product_listing_container .list_mode .product > .product_info > .part_number > a:hover {
      text-decoration: underline;
}

.product_listing_container .list_mode .product > .product_info > div.item_spacer_7px {
      height: 15px;
}


/* Product Compare */

.overallCompareWrapper{width:100%;}

/*.overallCompareWrapper .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item.part_number{width:250px;}
*/
.overallCompareWrapper .widget_product_compare > .middle > .left_border > .right_border > .content .compare_1 .row.zebra{width:100%;}
/*.overallCompareWrapper .compare_1 .height_spacing_top{ width:50%;}*/


.productCompareFirstRow{border-top:1px solid #e5e5e5;}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1  .productCompareFirstRow.row{

	width:100%;
}

.finalRow{border-bottom:1px solid #e5e5e5;}

.compare_main .item .price a {
	color:#036fed;
}

a.button_primary.back_to_top {
  	float:right;
 	clear:both;
    margin-bottom: 20px;
    right: 20px;
    text-decoration: none;
    }


.widget_product_compare > .middle > .left_border > .right_border > .content > .heading {
      padding: 0 8px;
      line-height: 32px;
      font-size: 16px;
      color: #444;
      border-bottom: 1px solid #e5e5e5;
      border-top: 4px solid #ccc;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
      color: #444;
}

.widget_product_compare .row > .item.item_remove{
	text-align: center;
}



.widget_product_compare .row > .item.item_remove .widget_product_compare .row > .item.item_remove > a {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;

}


.widget_product_compare .row > .item.item_remove a::before{
	content:url('../images/colors/color1/remove.png');
  position:relative;
  z-index:100; 
  left:-5px;
  top:-1px;

}

@media (min-width: 445px) and (max-width: 640px) {
	.row > .availability-desc {
	    float: none;
	}
}

.widget_product_compare a#compareBackLink {
      font-size: 12px;
      color: #000;
      text-decoration: none;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row {
      padding: 8px 0;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.part_number {
      text-align: center;
      font-weight: bold;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action input {
      position: relative;
      display: inline-block;
      width: 36px;
      margin-right: 5px;
      top: 2px;
      padding: 4px 0;
      text-align: center;
      margin-bottom: 15px;
      height: 34px;
      font-size: 12px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a {
      display: inline-block;
      max-width:100%;
      margin:0 auto;
      width: 70%;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a > .button_text {
      font-size: 12px;
      margin: 0 auto;
      display:block;
      padding:9px 5px;
  }

.actionWrapper{
 width: 100%;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a > .button_text:before {
      content: "+";
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a#WC_CompareProducts_LogIn{
	width:78%;

}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a#WC_CompareProducts_LogIn > .button_text{
	padding: 5px;
	font-size: 11px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a#WC_CompareProducts_LogIn > .button_text::before{
   content:"";
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a:hover {
      text-decoration: none;
}

.widget_product_compare > .middle > .left_border > .right_border > .content .row.zebra {
      background: rgb(225, 225, 225);
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item{
	width:20%;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item a.imageWrapper{
	max-height: 200px;
	max-width: 200px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item a img{
	margin:0 auto;
	display: inline-block;
	max-width:100%;
	width: 100%;
	text-align: center;

}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row:first-child > .item > a > img{
    float: left;
    margin-right: 10px;
    margin-top:6px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
    width: 20%;
    position: relative;
}

.widget_product_compare .compare_back{
	margin:10px;
}

.compareLimit{margin:10px;}

@media (max-width: 767px) {
      .widget_product_compare a#compareBackLink {
            font-size: 12px;
            color: #000;
            text-decoration: none;
            display: block;
            width: 90%;
            text-align: center;
            padding: 6px 10px;
            border: 1px solid #bbb;
            border-radius: 5px;
            margin: 10px auto 0;
            box-shadow: 0px 1px 2px #ccc;
      }
      .widget_product_compare a#compareBackLink:hover {
            text-decoration: none;
            font-weight: normal;
      }
      
      .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4,
      .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 {
            width: 200%;
      }

      .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item,
      .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
    	width: 25% !important;
		}

      .overallCompareWrapper .compare_1 .height_spacing_top{ width:100%;}


      /*.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main  .compare_1 .row > .item a img{
      	margin:auto;
      	margin-left:13%;
      }
      .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1  .row > .item.item_remove{
      	text-align: left;
      }
*/
      .widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action input {
     
      display: block;
      margin:0 auto;
      margin-bottom:10px;
     
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a,
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item.item_action a{
		width:80% !important;
		display:block;

	}


.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a {
	width:90%;
}


}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {


	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a,
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action a#WC_CompareProducts_LogIn{
		width:99%;
	}



	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item.item_action input{
		display:block;
		margin:0 auto;
		margin-bottom:15px;
	}

}


@media (max-width: 650px) {
/*
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main  .compare_1 .row > .item a img{
		margin:auto;
		margin-left:30px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1  .row > .item.item_remove{
	text-align:left;
}

*/


}



/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and ( orientation:landscape) {
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item.item_remove{
	float: left;
    text-align: left;
    width: 25%;

}
}
*/
/* Checkout */
	#breadcrumb { min-height: auto; margin: 0 auto; padding: 0px; margin-bottom: 20px; }

	.espot_checkout_right{padding-left:20px;}

/* Shopping Cart */

	#orderItemDisplay,
	#breadcrumb .crumb { color: #444; font-size: 14px; font-weight: normal; padding: 0; margin-bottom: 0; }
		#orderItemDisplay > span.step_on,
		#breadcrumb .crumb > span.step_on { font-weight: bold; }
		#orderItemDisplay > span.step_arrow,
		#breadcrumb .crumb > span.step_arrow { width: 30px; height: 16px; font-weight: bold; background: none; text-align: center; font-size: 12px; color: #ccc; }

	#purchase_options > p { padding: 10px 0; }
	#purchase_options select { width: 100%; max-width: 100%; overflow: visible !important; }
	.myaccount_header .pageheading { font-size: 20px; color: #444; }
	.shop_cart { font-size: 13px; }
	.shop_cart #purchase_options { padding: 0 0 0 30px; }
	.shop_cart #scheduling_options { display: none; /* hide me */ }
	.shop_cart #order_details { padding: 0px 0 10px 0; margin-top: -5px; }
	.shop_cart #box .body { padding: 0 15px; }
	.shop_cart #box.shopping_cart_box { font-size: 14px; }
	.text_left {text-align: left;}
	.text_center {text-align: center;}
	.text_right {text-align: right;}
	.table_heading { padding-bottom: 5px; font-weight: bold; border-bottom: 1px solid #aaa; }
	.shop_cart .cart_table .product_row { padding: 20px 0 40px; border-bottom: 1px dotted #ccc; }
		.shop_cart .cart_table .product_row > div.row { padding: 0 0; }
	.shop_cart .cart_table .product_row input.input_qty { width: 100%; max-width: 55px; min-width: 28px; text-align: center;}
	.shop_cart .cart_table .product_row .img a { display: inline-block; margin: 7px 0 0 0; }
	.shop_cart .cart_table .product_row .img a:hover { text-decoration: underline; }
	.shop_cart .promotion_input input { width: 100%; }
	.shop_cart #order_total { max-width: 250px; width: 100%; float: right; }
	.shop_cart #order_total .order_total_row .total_details { display: inline-block; max-width: 58%; width: 58%; }
	.shop_cart #order_total .order_total_row .total_figures { text-align: right; display: inline-block; max-width: 42%; width: 42%; }
	.shop_cart #order_total .order_total_row .info_icon { padding-left: 0px; }
	.shop_cart .bold { font-weight: bold; }
	.shop_cart a.button_secondary { padding: 4px 10px; }
	.shop_cart #shopcartCheckoutButton { position: relative; margin:10px 0 20px 0; }
	.shop_cart #shopcartCheckoutButtonsContainer { width: 100%; display: inline-block; }
	.shop_cart #shopcartContinueButton { margin-right: 13px; display: inline-block; }
	.shop_cart #WC_CheckoutLogonf_div_10 { display: inline-block; }
	.shop_cart #shopcartContinueButton > a.button_secondary { padding: 8px 15px;}

	.shop_cart .leftColumnArea{padding-right:20px;}

		.orderSummaryPage .right_column,
		.shipping_billing .right_column{
			padding-left:20px;
		}

	@media (min-width: 641px) {
		.shop_cart #shopcartCheckoutButton{
			max-width: 450px;
		}
	}

	#WC_CheckoutButtonsBottomESpotDisplay{
		display: inline-block;
		width: 100%;
		color: grey;
	}

  #order_details .avail{width:150px;}

	/* shopping cart comments */
	.shop_cart .prod-no-border { padding: 10px; background: #f7f7f7; border-radius: 5px; margin-top: 15px; }
	.shop_cart .product-comment-holder { padding: 0px; }
	.shop_cart .product-comment-holder-right > div { padding: 10px 0; }
		.shop_cart .product-comment-holder-right .comment-label { text-align: left; padding-right: 10px; }
		.shop_cart .product-comment-holder-right input,
		.shop_cart .product-comment-holder-right textarea { width: 100%; }
	.shop_cart .product-comment-holder a.form-clear { text-decoration: underline; }

	.shop_cart .shopperActions.requisitionListWrapper,
	.shop_cart .shopper-action-links { margin-top: 0px; }
	.shop_cart .shopper-action-links { margin-top: 10px; }
	.shop_cart .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button {
	    display: inline-block;
	    text-align: center;
	    vertical-align: middle;
	  	/*max-width: 100%;	
	    width: 100%;*/
	    padding: 6px 0px;
	    cursor: pointer;
	    font-size: inherit;
	    line-height: inherit;
	}
	.shop_cart .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button .button_text {
		border: none;
		font-size: inherit;
	    background-image: none;
	    display: block;
	    height: auto;
	    text-align: center;
	    vertical-align: middle;
	    width: auto;
	}
	.shop_cart .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button:hover > .button_text { background-image: none; }

	.shop_cart .mobile-divider .requisitionListBox { margin-top: 10px; }

	.button_primary.popup { width: 100%; }
	.button_primary.popup:hover { cursor: pointer; }
		.button_primary.popup > .button_text { display: block; }

	@media (min-width: 768px) and (max-width: 1024px) {
		.shop_cart .requisitionListBox .addRequisitionList .button { max-width: 184px; }
	}

	@media (max-width: 768px) {
		
		.shop_cart #purchase_options { padding: 0; }
		.shop_cart .product-comment-holder-right .comment-label { text-align: left; }
		.shopperActions { padding-left: 0px; }
		.shop_cart .shopperActions.requisitionListWrapper,
		.shop_cart .shopper-action-links { margin-top: 0px; margin-left: 0px; }
		#order_details .avail{width:50%;}
		#SingleShipment_tableCell_availability{font-weight:bold;}
		#WC_OrderItemDetails_td_4_3 .mobile-show{text-align: left;}
		.mobile_right{text-align: right;}

		#editAddressContents a.button_secondary{
			margin-left:0;
		}
	
	}

	@media screen and (max-width: 750px) {
		.mobile_left{text-align: left;}
	}

	@media screen and (max-width: 640px) {
		.shop_cart #box .body, #box_1 .body { border: none; padding: 0px 0px; }
		#orderItemDisplay { display: none; }
		.shop_cart .cart_table .product_row > div.row { padding: 5px 0; }
		.shop_cart #box.shopping_cart_box { font-size: 12px; }
		.shop_cart #order_details .img { float: left; padding-right: 0px; width: 40%; }
		.shop_cart #order_details div[id^="WC_OrderItemDetailsf_div_2_"] { width: 55%; margin-left: 10px; border: none; }
		.shop_cart .cart_table .product_row .img a { margin: 0; }

		.shop_cart #order_details div[id^="WC_OrderItemDetailsf_td_2_"],
		.shop_cart #order_details div[id^="WC_OrderItemDetailsf_td_3_"],
		.shop_cart #order_details div[id^="WC_OrderItemDetailsf_td_4_"] { margin-left: 40%; width: 55%; padding-left: 10px; text-align: left !important; }
		.shop_cart #order_details .item-quantity label.label { padding-right: 5px; }

		.shop_cart #order_details div[id^="WC_OrderItemDetailsf_td_3_"],
		.shop_cart #order_details div[id^="WC_OrderItemDetailsf_td_4_"] { margin-top: 10px; }

		.shopperActions { padding-left: 0px; }
		.shop_cart .shopperActions.requisitionListWrapper,
		.shop_cart .shopper-action-links { margin-top: 0px; margin-left: 0px; }
		.OrderItemMoveToRequisitionLists { float: none !important; margin-bottom: 17px; }
		.shop_cart .shopper-actions a { text-align: center; display: block; width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 1px 2px #ccc;}
		.shop_cart .shopper-actions .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button.addToShoppingListBtn,
		.shop_cart div[id^="WC_CheckoutLogonf_div_"] a { float: none; display: block; width: 100%; margin-right: 0; }
		
		.shop_cart div[id^="WC_CheckoutLogonf_div_"] .button_secondary,
		.shop_cart .shopper-actions .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button {
			background: none;
		    border: 1px solid #ccc;
		    border-radius: 5px;
		    display: block;
		    text-align: center;
		    vertical-align: middle;
		  	max-width: 100%;	
		    width: 100%;
		    padding: 5px;
		    cursor: pointer;
		    font-size: inherit;
		    line-height: inherit;
		    background: #fff;
		    color: inherit;
		    box-shadow: 0px 1px 2px #ccc;
		}
		.shop_cart .shop_cart div[id^="WC_CheckoutLogonf_div_"] .button_secondary :hover,
		.shop_cart .shopper-actions .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button:hover { background-color: #fff; }
		
		.shop_cart .shop_cart div[id^="WC_CheckoutLogonf_div_"] .button_secondary .button_text
		/*.shop_cart .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button .button_text,*/
		.shop_cart .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button .button_text {
			border: none;
			font-size: inherit;
		    background-image: none;
		    display: block;
		    height: auto;
		    text-align: center;
		    vertical-align: middle;
		    width: auto;
		}
		.shop_cart .shopper-actions .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button:hover > .button_text { background-image: none; }
		.shop_cart .promotion_button { margin-top: 10px; }
		.shop_cart #order_total { max-width: 80%; width: 100%; float: none; margin: 0 auto; }

		.shop_cart div[id^="WC_CheckoutLogonf_div_"] div.left { width: 100%; }
		.shop_cart .mobile-divider { padding-bottom: 20px; border-bottom: 1px solid #ccc; }
		.shop_cart #shopcartCheckoutButton { position: relative; top: 0px; padding-top: 20px; }

		.shop_cart #shopcartCheckout { margin-top: 17px; }

		.shop_cart .leftColumnArea{padding:0 10px;}
		.orderSummaryPage .right_column{padding-left:0px;}
	}

/* Shipping & Billing */
	#shipping{ font-size: 14px;}
	.shipping_billing #box { border: 1px solid #ddd; border-top: none; border-radius: 5px 5px 0 0; }
	.shipping_billing .myaccount_header { border-left: none; border-right: none; }
	.shipping_billing #shipping .shipping_address { clear: none; float: none; padding: 0; }
	.shipping_billing #box .body, .shipping_billing #box_1 .body, .shipping_billing .body { float: none; border: none; margin: 0px; padding: 15px; }
	.shipping_billing div.row.table-heading { padding: 0 0; }
	.shipping_billing .product_row { padding: 20px 0 40px; border-bottom: 1px dotted #ccc; }
	.shipping_billing .product_row > div.row { padding: 0 0; }
	.shipping_billing .product_row input.input_qty { width: 100%; max-width: 50px; min-width: 28px; }
	.shipping_billing .product_row .img a { text-decoration: underline; display: inline-block; margin: 7px 0 0 0; }
	.shipping_billing .product_row .itemspecs { width: 220px; }
	.shipping_billing .promotion_input input { width: 100%; }

	.shipping_billing #shipping .shipping_method{padding-top:0;}

	.shipping_billing .drop_down{
		max-width: 330px;
		width: 100%;
	}

	.red{color:red; font-weight:bold;}

	.product-comment-holder{
		margin-top:5px;
	}

	.thisStoreAddress{text-decoration: underline;}

	div#shipCollectAccNumDiv,
	#shippingCarrierServicesSelectBox,
	#shippingCarriersSelectBox{margin:5px 0;}

	.prod-comment-tr{
		margin:10px 0;
	}
	.product-comment-holder .comment-label{
		margin:5px 0;
	}

	.shipping_billing #order_details, 
	.domOrderShippingReview #order_details,
	.orderSummaryPage #order_details,
	.orderConfirmation  #order_details{ padding-top: 0px; margin-top: 0px; margin-bottom:15px; padding-right:0; padding-left:0; margin:0 0 15px 0;}
	
	.shipping_billing #order_details .order_total_row,
	.domOrderShippingReview #order_details  .order_total_row,
	.orderSummaryPage #order_details  .order_total_row,
	.orderConfirmation #order_details  .order_total_row{ margin: 4px 0; }


	.shipping_billing div#WC_ShipmentDisplay_div_18 div#order_total{
		margin-right:0px;
	}


	@media (min-width: 1024px){
		.row.margin-true > div > div {
    		margin: 20px 10px;
		}
	}

	#order_total .order_total_row{
		line-height: 22px;
	}
	.shop_cart #order_total .promo_notice .total_figures { font-size: 12px; }
	.shop_cart #order_total .promo_notice .total_details { color: #D31245; }
	@media (min-width: 640px) {
		.shop_cart #order_total .promo_notice { width: 280px; float: right; }
		.shop_cart #order_total .promo_notice .total_details { width: 55%; max-width: 55%; }
		.shop_cart #order_total .promo_notice .total_figures { width: 45%; max-width: 45%; }
	}
	@media (max-width: 480px) {
		.shop_cart #order_total .promo_notice .total_details { width: 50%; max-width: 50%; }
		.shop_cart #order_total .promo_notice .total_figures { width: 50%; max-width: 50%; }
	}
	img.discount_icon {
		top: 2px;
		position: relative;
		height:15px;
		width:15px;
	}

	.shipping_billing #order_total,
	.domOrderShippingReview  #order_total,
	.orderSummaryPage  #order_total,
	.orderConfirmation #order_total { max-width: 255px; width: 50%; float: right; }

	.shipping_billing #order_total .order_total_row .total_details,
	.domOrderShippingReview  #order_total .order_total_row .total_details,
	.orderSummaryPage  #order_total .order_total_row .total_details,
	.orderConfirmation  #order_total .order_total_row .total_details{ display: inline-block; max-width: 58%; width: 58%; }

	.shipping_billing #order_total .order_total_row .total_figures,
	.domOrderShippingReview #order_total .order_total_row .total_figures,
	.orderSummaryPage #order_total .order_total_row .total_figures ,
	.orderConfirmation #order_total .order_total_row .total_figures  { text-align: right; display: inline-block; max-width: 42%; width: 42%; }

	.shipping_billing #order_total .order_total_row .info_icon,
	.domOrderShippingReview #order_total .order_total_row .info_icon,
    .orderSummaryPage #order_total .order_total_row .info_icon,
    .orderConfirmation #order_total .order_total_row .info_icon
	 { padding-left: 0px; }

	.shipping_billing .bold { font-weight: bold; }
	h4.shipping_label { font-size: 18px; border-bottom: 1px solid #aaa; }	
	.shipping_billing #orderExpandArea { border-bottom: 1px solid #ccc; margin-bottom: 15px; }
	.shipping_billing .orderExpandArea { border-top: none; }
	.error-message { color: red; padding: 5px 0 ; }
		.error-message > div { padding: 10px 0; }
	.shipping_billing .button_text{
		padding:10px 20px;
		
	}
	.shipping_billing .button_secondary .button_text,
	.orderSummaryPage .button_secondary > .button_text{
			font-weight: normal;
			font-size: 14px
	}
	.shipping_billing  #WC_ShipmentDisplay_div_32_2{margin-left:15px;}
	.shipping_billing  #WC_ShipmentDisplay_div_32_2 .button_primary{padding: 2px 0;}
    .shipping_billing .billing_address input{margin:5px 0 10px 0;}

    .domOrderShippingReview #WC_SingleShipmentDisplay_div_18{border-top: 1px solid #e0e0e0; padding-top: 15px;}

    	#WC_OrderShippingBillingConfirmationPage_span_1{margin-left:5px;}

    /* review page */
    .domOrderShippingReview #shipping .shipping_address{
    	clear:none;
    }

   .domOrderShippingReview #box .main_header,
   .orderSummaryPage  #box .main_header, 
   .orderConfirmation #box .main_header,
   .orderSummaryPage .main_header{
   	background:none;
    background-color: #d9d9d9;
    border-radius: 5px 5px 0 0;
    color: #4d4d4d;
    padding:5px 0;

   }
   
   .orderSummaryPage  #box .main_header .main_header_text {
   	color: #4d4d4d;
   }

    .orderConfirmation .orderNumberP{margin-top: 0px}
     .orderConfirmation   #order_details .itemspecs{max-width:60%;}

 .domOrderShippingReview .shipping_billing_height{float:left !important;}

   	.domOrderShippingReview div#shipping #order_details{
   		padding-top:0;
   		border-top:1px solid #aaa;
   	}
   	 .domOrderShippingReview #shipping h4.shipping_label{
   	 	font-size:18px;
   	 	margin-top:10px;
   	}

   	.domOrderShippingReview .button_secondary > .button_text,
   		.orderSummaryPage .button_secondary > .button_text, .orderConfirmation .button_secondary > .button_text{
   		padding:10px 15px;
   	}
   	.domOrderShippingReview .button_footer_line{float:right;}
   	.orderShippingReview .button_footer_line{float:right;}

   	 .domOrderShippingReview .shipping_billing_height,
   	 .domOrderShippingReview #WC_SingleShipmentDisplay_div_29a,
   	 .domOrderShippingReview #box .content_header{border:none !important; }

   	  	 .domOrderShippingReview #box .content_header{width:100%;}
   	 .domOrderShippingReview .checkout_subheader{border:0px; padding:8px;}

   	 #billing input, .billing input{margin:5px 0 10px 0; }
   	 .billing_address input{width:100%;}
   	 #billing .billing_address_container, .billing .billing_address_container{max-width: 100%;}
   	 .drop_down_country{width:100%; height:30px;}
   	 .domOrderShippingReview .drop_down{height:30px;}
   	 .order_total_row{text-align:right;}
   	 .promotion_input input{width:100%;}
   	 .billing .billing_method{float:left; width:50%;}
	
	 .billing .billing_method #displayNewCardInfo{border: 1px solid;padding: 10px 10px 10px 10px; word-break: break-word;color: #00CC00;font-weight: bold;font-size: small;}

	#editAddressContents #box_1 { font-size: 12px; }
	#editAddressContents #box_1 .body { padding-top: 25px; }
	#editAddressContents .label_spacer { padding: 10px 0 0;}
	#editAddressContents input { width: 100%; margin: 3px 0; }
	#editAddressContents div.content_footer { height: auto; padding: 10px; background: none; border-bottom: 1px solid #e5e5e5; }
	#editAddressContents a.button_secondary { padding: 10px 20px; color: #666; margin-left: 10px; }
	#editAddressContents .right_column{float:left; width:25%; padding-left:20px;}

	#editAddressContents  #shopcartAddressForm{
		float:left;
		width:75%;
	}
	/*order review */

	.button_header_line{
		margin:10px 0;
	}
	 .orderSummaryPage .button_secondary,  .orderSummaryPage .button_primary {
	 	float:right;
	 }
	  .orderSummaryPage .button_footer_line{
	  	width:100%;
	  }

	 .orderSummaryPage #billing_summary .billing_address, .orderSummaryPage .billing_summary .billing_address,
	 .orderConfirmation  #billing_summary .billing_address,.orderConfirmation  .billing_summary .billing_addres,
	 #shipping .shipping_address, #shipping .shipping_method{width:330px; float:left; padding-left:0;}
	 .orderSummaryPage  .billing_method p{margin-bottom:2px;}

 #shipping .shipping_method{max-width:330px;}
	.orderSummaryPage #order_total.col6{
		width:100%;
		padding-top: 15px;
	}

	/*checkout confirmation */
	#checkout_crumb .continue_shopping{padding-bottom: 10px;}
	.orderConfirmation #box #billing .body, .orderConfirmation  #shipping{border:0; clear:both; padding-left:0;     border-top: 1px solid #e5e5e5;}
	.footerButtonsWrapper{padding:10px 0; margin-bottom: 10px; min-height:50px;}
	.orderConfirmation .footerButtonsWrapper + .espot_checkout_right{clear:both;}
	
	#billing_summary, .billing_summary, .billing_address, .billing_method, #billing_method{padding-top:10px; padding-left:0;}
	#billing_summary p.title{vertical-align: top; margin-top:0; padding-top:0; line-height: 22px;}

	#purchase_order{padding-left:0px;}
	#purchase_order .billing_summary{font-size:16px; padding-top: 0;}


	#WC_POSnippet_div_4{margin:0 0 5px 0;}
	#orderNumberP{margin-top:10px;}
	#orderDateParagraph{margin-bottom:10px;}

	#OrderItemsExpandArea{display: none;}

	.orderConfirmation #billing .contentline{border:0;}
	
	div#WC_ShipmentDisplay_div_17{margin:0;}

	@media screen and (max-width: 646px) {

		#editAddressContents a.button_secondary{
			margin-left:0;
		}
		/*.shipping_billing #order_details .product_row > div.row { padding: 5px 0; }*/
		.shipping_billing #order_details .product_row .img { float: left; padding-right: 0px; width: 100px; }
		.shipping_billing #order_details .product_row div[id^="WC_OrderItemDetails_div_2_"] { width: 55%; margin-left: 10px; border: none; }
		.shipping_billing #order_details .product_row .img a { margin: 0; }
		.shipping_billing #order_details .product_row div[id^="WC_OrderItemDetails_td_1_"],															   
		.shipping_billing #order_details .product_row div[id^="WC_OrderItemDetails_td_2_"],
		.shipping_billing #order_details .product_row div[id^="WC_OrderItemDetails_td_3_"],
		.shipping_billing #order_details .product_row div[id^="WC_OrderItemDetails_td_4_"] {/* margin-left: 43%;*/ text-align: left !important; }
		.shipping_billing #order_details .item-quantity label.label { padding-right: 5px; }
		/*.shipping_billing #order_details .topSection {height:155px;}*/

		.shipping_billing .error-message > div { padding: 3px 0; }

		.shipping_billing #order_details .product_row div[id^="WC_OrderItemDetails_td_2_"] { margin-top: 10px; }

		.shipping_billing .newShippingAddressButton { float: none !important; margin-bottom: 17px; }
		.shipping_billing .newShippingAddressButton a,
		.shipping_billing #OrderItemsExpandArea > a { 
			text-align: center;
			display: block;
			width: 100%;
			padding: 5px;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 0px 1px 2px #ccc;
			float: none;
			margin-right: 0;
		}
		
		.shipping_billing .drop_down{
			width: 100%;
			height:30px;
		}

		.shipping_billing .newShippingAddressButton,
		.shipping_billing #OrderItemsExpandArea > a { color: inherit; width:100%; margin:20px;}
		.shipping_billing #OrderItemsExpandArea > a img { position: relative; top: 4px; }

		.shipping_billing .newShippingAddressButton {margin:0; width:90%;}

		.shipping_billing div[id^="WC_CheckoutLogonf_div_"] .button_secondary :hover,
		.shipping_billing .shopper-actions .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button:hover { background-color: #fff; }
		
		.shipping_billing div[id^="WC_CheckoutLogonf_div_"] .button_secondary .button_text
		/*.shipping_billing .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button .button_text,*/
		.shipping_billing .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button .button_text {
			border: none;
			font-size: inherit;
		    background-image: none;
		    display: block;
		    height: auto;
		    text-align: center;
		    vertical-align: middle;
		    width: auto;
		}
		.shipping_billing .shopper-actions .OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button:hover > .button_text { background-image: none; }
		.shipping_billing .promotion_button { margin-top: 10px; }

		.shipping_billing #order_total { max-width: 255px; width: 100%; float: none; margin: 0 auto; }

		.shipping_billing .orderExpandArea { border-top: 1px solid #ccc; }
		.shipping_billing .orderExpandArea a p { vertical-align: middle; }
		.shipping_billing #OrderItemsExpandArea { text-align: center; margin: 5px 0 20px; }

		.shipping_billing .card_info { display: inline-block; width: 100%; }
		.shipping_billing .card_info .col1 { float: none; width: 100%; padding-top: 5px; }
		.card_info select{
			width:70px;
		}

		.card_info .month_year select.drop_down{
				width:60px;
			}

		#billing_summary, 
		.billing_summary, 
		.billing_address, 
		.billing_method, 
		#billing_method{
			padding:0;
		}
		#billing .billing_address_container, .billing .billing_address_container{max-width: 100%; float:none;}
		.domOrderShippingReview .button_footer_line {width:100%; float:none;}
		.orderShippingReview .button_footer_line {width:100%; float:none;}
		.domOrderShippingReview .button_footer_line .button_left_padding{margin-left:0;}
		.orderShippingReview .button_footer_line .button_left_padding{margin-left:0;}
		.domOrderShippingReview .button_footer_line  .button_secondary{margin:10px auto; float:none; width:100%;}
         .orderShippingReview .button_footer_line  .button_secondary{margin:10px auto; float:none; width:100%;}
         
		 .domOrderShippingReview .shipping_billing_height,
   	 .domOrderShippingReview #WC_SingleShipmentDisplay_div_29a{padding:0;}
   	 	.billing_method .drop_down{width:100%;}
   	 	.billing_method input[type="text"], .billing_method select, 
   	 	
   	 	#billing  input[type="text"],
   	 	.drop_down_country{height:35px; width:100%;}
   	 	
   	 	.billing_method .date select {width:70px;}

   	 	.billing .billing_method{width:100%;}
   	 	
   	 	#purchaseOrderNumberInfo input,.checkout_subheader_content select {
   	 			margin-bottom: 10px;
   	 			width:100%;
   	 			height:35px;
   	 		}
   	 	.domOrderShippingReview .promotion_button{margin-top:10px;}
   	 	 .orderConfirmation .continue_shopping{width:100%; text-align: center; margin: 0 auto;}
   	  .orderConfirmation .button_secondary{width:100%;}

   	  #OrderItemsExpandArea{display: block;}

   	   .leftOffset{margin-left:100px;}
   	   .orderConfirmation #order_total{
   	   	float:initial;
   	   	margin: 0 auto;
		width: 80%;
   	   }


	
	}

	#order_details div[id^="WC_OrderItemDetailsf_div_1_"] img, 
	#order_details div[id^="WC_OrderItemDetailsSummaryf_div_1_"] img, 
	#order_details div[id^="WC_OrderItemDetails_div_1_"] img,
	 #order_details div[id^="WC_MSOrderItemDetailsSummaryf_div_1_"] img, 
	#order_details div[id^="WC_MSOrderItemDetails_div_1_"] img{
		width:100%;
		height:100%;
	}

	#order_details div[id^="WC_OrderItemDetailsf_div_1_"], 
	#order_details div[id^="WC_OrderItemDetailsSummaryf_div_1_"],
	 #order_details div[id^="WC_OrderItemDetails_div_1_"], 
	 #order_details div[id^="WC_MSOrderItemDetailsSummaryf_div_1_"],
	  #order_details div[id^="WC_MSOrderItemDetails_div_1_"]{
	  	width:100px;
	  	height: 100px;
	  }


/*pdp styles */


/* Product Name widget */

div.namePartPriceContainer {
      border: none;
      padding: 0;
      margin-bottom:20px;
}

div.namePartPriceContainer h1.main_header {
      color: #000;
      font-weight: bold;
      font-size: 30px;
      line-height: 44px;
      margin-bottom: 0px;
}

div.namePartPriceContainer > span.sku {
      font-size: 20px;
      line-height: 24px;
      color: #4d4d4d;
      display: inline-block;
      margin-top: 15px;
      margin-bottom: 10px;
}


/*eescriptive attribute slot 5 */

.slot5 .descriptiveAttrWrapper {
      font-size: 20px;
      color: #5f696c;
}
.slot5 .descriptiveAttrWrapper table{
	margin-left:-2px;
}

.slot5 .descriptiveAttrWrapper td {
      margin: 0;
      padding: 0;
}


/*image viewer*/

div.widget_product_image_viewer {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

#thumbnailContainer {
	height: 80px;
	width: 100%;
}

.productMainImage.thumbs a {
    width: 65px;
    height: 65px;
    margin: 0 10px 0 0;
    float: left;
}

.productMainImage.thumbs a img {
      width: 100%;
      height: 100%;
}

.productMainImage.thumbs{
	position: relative;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: -o-max-content;
    width: max-content;
	height: 70px;
    padding: 0px;
    top: 0px;
    left: 0px;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

#thumbnailScrollBack, #thumbnailScrollForward {
	width: 20px;
	height: 65px;
	background-color: transparent;
	-webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	cursor: pointer;
	float: left;
	margin: 0;
}

#thumbnailScrollBack:hover, #thumbnailScrollForward:hover {
	background-color: #f0f0f0;
}

#thumbnailScrollBack.disabled, #thumbnailScrollForward.disabled {
	background-color: transparent !important;
	pointer-events: none;
	cursor: auto;
}

#thumbnailScrollBack::after, #thumbnailScrollForward::after{
	color: black;
	-webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
	transition: color 0.5s ease;
	position: absolute;
	margin-left: 5px;
	margin-top: 18px;
	font-size: 20px;
	font-weight: bold;
	transform: scale(1,1.5);
}

#thumbnailScrollBack.disabled::after, #thumbnailScrollForward.disabled::after {
	color: grey;
}

#thumbnailScrollBack{
	margin: 0 10px 0 0;
}

#thumbnailScrollBack::after {
	content: "\02C2";
}

#thumbnailScrollForward::after {
	content: "\02C3";
}

#thumbnailScrollContainer{
	display: inline-block;
	overflow: hidden;
	max-width: 540px;
	width: 100%;
	height: 80px;
	float: left;
	margin: 0;
}

@media (min-width:1025px){

	div.widget_product_image_viewer {
		width: calc(100% - 80px);
		float: right;
		padding-right: 19px;
    	padding-left: 19px;
	}
	
	#thumbnailContainer {
		height: 100%;
		width: 80px;
	}

	.productMainImage.thumbs{
		width: 80px;
		height: max-content;
    	padding: 0px;
    	display: table;
	}
	
	.productMainImage.thumbs a{
		width: 80px;
    	height: 80px;
		margin: 0 0 10px 0;
	}
	
	#thumbnailScrollBack, #thumbnailScrollForward {
		width: 80px;
		height: 20px;
		margin: 0;
	}
	
	#thumbnailScrollBack::after, #thumbnailScrollForward::after {
		margin-left: 34px;
    	margin-top: -3px;
    	transform: scale(1.5,1);
	}
	
	#thumbnailScrollBack{
		margin: 0 0 11px 0;
	}
	
	#thumbnailScrollBack::after {
		content: "\02C4";   
	}

	#thumbnailScrollForward::after {
		content: "\02C5";
	}
	
	#thumbnailScrollContainer{
		height: 450px;
		width: 80px;
		margin: 0;
	}
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:640px){
	#thumbnailScrollContainer{
		display: -ms-inline-grid;
	    -ms-grid-columns: max-content;
    }
    
    .productMainImage.thumbs{
    	width: 100%;
    }
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.product_page_content .widget_product_image_viewer .image_container {
      width: 100%;
}

.product_page_content .widget_product_image_viewer > .content {
      padding-bottom: 0px;
      margin: 0;
      position: relative;
      width: 100%;
      max-width: 525px;
      float: none;
}

.widget_product_image_viewer .image_container > img {
      max-width: 525px;
      max-height: inherit;
      margin-right: 0;
}

div.widget_product_image_viewer .productMainImage.thumbs {
      margin: 0 auto;
      width: 90%;
}


/*description widget */

.longDescriptionWrapper {
      padding-right: 25px;
      color: #4d4d4d;
}
.descriptiveAttrWrapper td{
	vertical-align: top;
	color: #4d4d4d;

}

.pdpTitle {
      color: #4d4d4d;
      font-size: 28px;
      font-weight: bold;
      line-height: 28px;
      margin-bottom: 15px;
}

.longDescriptionWrapper p {
      margin-bottom: 15px;
}


/* associated attachments */

.header_bar {
      margin-bottom: 24px;
      border-bottom: 1px solid #e1e2e0;
}

.pdpAssociatedAttachements {
      padding-left: 25px;
}

.pdpAssociatedAttachements .attachment .description a {
      color: #4d4d4d;
      font-size: 16px;
      margin-left: 35px;
      font-weight: bold;
}

.pdpAssociatedAttachements .attachment .icon {
      position: relative;
      margin-bottom: 15px;
}

.pdpAssociatedAttachements .attachment .icon img {
      position: absolute;
      top: -3px;
      max-width: 28px;
}


/* specification widget */

.specificationHeading {
      margin-top: 50px;
}

.valueWrapper {
      padding: 10px;
      border: 1px solid #d9d9d9;
      height: 60px;
      text-align: center;
      color: #4d4d4d;
      overflow: hidden; 
      display: flex;
      align-items: center;
      justify-content: center;
}

.attrLabel {
      background-color: #f3f3f3;
      font-weight: bold;
      font-size: 15px;
}

.attrValue {
      font-size: 14px;
}


/*add to cart action widget */

.shopperActions {}

.shopperActions .quantity_section {
      float: left;
      width: 23%;
}

.shopperActions .quantity_section > .quantity_input {
      width: 87%;
      height: 59px;
      margin-right: 15px;
      float: left;
}

.shopperActions .button.primary,
.shopperActions .button.secondary {
      width: 77%;
      max-width: 290px;
      float: left;
      padding: 20px 0;
      font-size: 20px;
}

#wareHouseInventoryBtn {
      font-size: 18px;
      background: #fff;
      font-weight: 500;
      padding: 15px 10px;
      margin: 13px 0;
      max-width: 377px;
      width: 100%;
      border-color: #4d4d4d;
      border-style: solid;
      color: #4d4d4d;
}

.shopperActions.requisitionListWrapper {
      margin-top: 10px;
}

.requisitionListBox .addRequisitionList .button.addToShoppingListBtn {
      margin-right: 2%;
}

.requisitionListBox .addRequisitionList .button {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      max-width: auto;
      width: 48%;
      padding: 10px;
      cursor: pointer;
      font-size: 16px;
      line-height: 18px;
}

.requisitionListBox .addRequisitionListLinks div.click_link {
	cursor: pointer;
	width: 100%;
	padding: 7px 0px;
	display: inline-block;
	color: black;
}

.requisitionListBox .addRequisitionListLinks div.click_link:hover span {
	text-decoration: underline;	
}

.product_page_content div.namePartPriceContainer > span.sku {
      margin-top: 5px;
}

.available {
      padding: 0;
      border: 0;
      min-height: 45px;
}

.available > .sublist {
      padding: 0;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
      max-width: none;
      width: 100%;
}

.available > .sublist .redFont {
      font-size: 16px;
      font-weight: bold:
}

.available > .sublist .greenFont {
      font-size: 16px;
      font-weight: bold;
      line-height:20px;
    
}

/* Ship and Pickup Options */

.shippingOptions {
      display: flex;
}

.shippingOptions label {
      flex-basis: calc(100% - 5px); 
      text-align: center;
      font-size: 16px;
      padding: 11px 12px;
      cursor: pointer;
      border: 1px solid black;
      border-radius: 5px;
}

.shippingOptions label span {
      float: left;
      display: inline-block;
      margin-left: 10px;
      margin-top: 4px;
      color: black;
}

.shippingOptions label:first-of-type {
      margin-right: 10px;
}

.shippingOptions input[type="radio"] {
      float: left;
      height: 30px;
      width: 23px;
      accent-color: #589bb4;
      cursor: pointer;
}

.inventory-status-section {
	max-width:370px; 
	width:100%; 
	padding: 10px 0 5px; 
	color: black;
}

/* Change border when ship or pickup option is checked */
.shippingOptions label:has(input[type="radio"]:checked) {
      border: 2px solid #589bb4;
}

.shippingOptionsDesc {
	  margin-top: 5px;
	  margin-bottom: 5px;
	  font-size: 15px;
	  color: black;
}

.edd-modal-content p {
    line-height: 1.5;
}

.edd-modal-footer {
	width: 50%;
    margin: auto;
    text-align: center;
}

.edd-modal-body .left_espot > *, 
.edd-modal-body .left_espot ul > li {
    margin-bottom: 10px;
}

#EDDTooltipTrigger:hover {
	cursor: pointer;
}

.edd-modal {
    display: none;
    position: fixed;
    z-index: 9996;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.edd-modal-content {
	margin: 8% auto;
    background-color: #fff;
    padding: 20px;
    width: 60%;
    margin-bottom: 20px;
    height: 75%;
    max-height: 605px;
    border-radius: 5px;
}

.edd-modal-body {
	height: 90%;
 	overflow-y: auto;
 	margin-bottom: 15px;
}

#edd-modal-close {
	padding: 8px 20px; 
	font-weight: bold
}

@media (max-width: 1295px) {
	.edd-modal-content {
		width: 75%;
		margin: 7% auto;
	}
	
	.edd-modal-body {
		max-height: 560px;
	}
}

@media (max-width: 1076px) {
	.edd-modal-content {
		width: 90%;
	}
	
	.edd-modal-body {
		max-height: 530px;
	}
	
	.edd-modal-footer {
		padding: 0px 25px;
	}
}

@media (max-width: 767px) {
	.edd-modal-content {
		margin: 6% auto;
	}
		
	#edd-modal-close {
		display: inline-block !important;
	}
}

.address_popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9996;
}

.addressPopupContent {
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	background: white; 
	padding: 20px; 
	border-radius: 5px; 
	box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
	width: 350px; 
	max-width: 90%;
}

.address_input_field {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 15px;
}

.address_form_field {
    margin-bottom: 15px;
}

.address_form_field:nth-of-type(3) {
    margin-bottom: 10px;
}

.address_required_field {
    color: red;
    margin-right: 4px;
}

.address_button_container {
	display: flex;
}

.address_button_secondary {
	display: inline-block;
    position: relative;
    background: #f3f3f3;
    color: #4d4d4d;
    border: 0;
    border-radius: 4px;
    border-spacing: 0;
    vertical-align: middle;
    padding: 10px 20px;
    color: #666;
    margin-left: 10px;
}

body.popup-open {
    overflow: hidden;
}

/*Price display */

.signInForPrice {
      margin-bottom: 110px;
}

.quantity_discount {
      margin-right: 30px;
      width:90%;
      border-collapse: collapse;
      font-size:20px;
}

.quantity_discount th {
      border-top: 1px solid #e1e2e0;
      border-bottom: 1px solid #e1e2e0;
      padding: 13px 5px;
      margin-bottom: 5px;
      color: #444444;
      text-align: left;
}

.quantity_discount td{ padding: 13px 5px;}

.quantity_discount .titleNames span,
.quantity_discount p span {
      display: inline-block;
      width: 140px;
      font-size: 18px;
}

.quantity_discount p span {
      font-size: 24px;
      font-weight: 500;
}

.quantity_discount p span.price {
      width: 183px;
      color: #767676;
}

.quantity_discount p {
      padding: 15px 0px 10px 10px;
}

.cartPriceInfo .price {
      font-size: 20px;
      color: #4d4d4d;
}


/*mobile styles */

@media (max-width: 639px) {
      .grid_mode .product_option a.button {
            font-size: 11px;
            padding: 10px 2px;
      }
}

@media (max-width: 767px) {
      /* general styles */
      .button_primary,
      .button_secondary {
            display: block;
      }
      .button_primary > .button_text,
      .button_secondary > .button_text {
            display: block;
            padding: 12px ;
            font-size: 12px;
      }
      .button_primary.button_sign_in_for_price {
      		background: black;
      }
      /* product name widget */
      div.namePartPriceContainer h1.main_header {
            font-size: 26px;
            line-height: 34px;
      }
      /* add to cart widgets */
      .shopperActions .button.primary,
      .shopperActions .button.secondary {
            width: 74%;
      }
      #wareHouseInventoryBtn {
            width: 93%;
            margin: 13px;
      }
      .requisitionListBox .addRequisitionList .button {
            width: 47%;
      }
      /*description widget */
      .longDescriptionWrapper {
            padding-right: 0px;
      }
      .pdpAssociatedAttachements {
            padding-left: 0px;
      }
      .pdpTitle {
            font-size: 18px;
            line-height: 18px;
            margin-top: 40px;
      }
      /*image viewer */
      .row.descriptionRow {
            margin-top: 0;
      }
      /*price display info */
      .signInForPrice {
            margin-bottom: 15px;
      }
      .quantity_discount {
            margin: 0 0 20px 0;
            width:100%;
            font-size: 20px;
      }
      .quantity_discount p span,
      .cartPriceInfo .price {
            font-size: 20px;
      }
      .quantity_discount .titleNames span,
      .quantity_discount p span {
            width: 125px;
      }
      /* specification widget */
      .descriptiveAttrWrap {
      		display: flex;
      		flex-direction: column;
      		justify-content: center;
            background-color: #f3f3f3;
            border: 1px solid #d9d9d9;
            padding: 10px;
            height: 95px;
      }
      .descriptiveAttrWrapper td {
            vertical-align: top;
      }
      .valueWrapper {
            padding: 0;
            border: 0;
            height: auto;
            text-align: left;
            color: #4d4d4d;
            background: transparent;
            display: block;
      }
      .attrLabel {
            background-color: transparent;
            font-weight: bold;
            font-size: 14px;
            padding-bottom: 5px;
      }
      .attrValue {
            font-size: 13px;
      }
      .descriptiveAttrWrap.zebraStripe {
            background-color: #fff;
      }
      /* grid view */
      .product_listing_container > .grid_mode li {
            padding: 10px;
      }
      .product_listing_container > .grid_mode .product_name > a,
      .product_listing_container > .grid_mode .product_color,
      .product_listing_container > .grid_mode .product_price.part_number {
            font-size: 12px;
            color: #5f696c;
            line-height: 1.3em;
      }
      .product {
            padding: 0px;
            position: relative;
      }
      .grid_mode .product_name {
            padding: 0;
            margin-top: 10px;
            height: 80px;
      }
      .grid_mode .product_price {
            padding: 0;
            margin: 13px 0 5px 0;
      }
      .grid_mode .product_color {
            padding: 0;
            margin-top: 2px;
      }
      .grid_mode .product_quantity_addtolist {
            display: inline-block;
            margin-right: 6px;
      }
      .product_quantity_addtolist {
            display: inline-block;
            margin-right: 6px;
      }
      .grid_mode .product_option {
            display: inline-block;
            width: 70%;
      }
      .grid_mode .product_option a.button {
            float: left;
            font-size: 12px;
            padding: 9px 5px;
            width: 100%;
      }
      .catEntryGrid_border {
            border: 1px solid #e9e9e9;
            width: 100%;
            margin: 0;
      }
      .compare_target {
            padding: 7px 0;
            font-size: 10px;
      }
      .quantity_section {
            padding: 0;
      }
      .grid_mode .product_info {
            min-height: 150px;
            margin-bottom: 5px;
      }
      .quantity_section > .quantity_input {
            height: 37px;
      }
      .product > .product_image img {
            max-width: 200px;
            max-height: 200px
      }
      .product_info > .product_name > a {
            color: #656565;
            font-size: 15px;
            line-height: 20px;
            font-weight: bold;
       
      }
      .product_info > .product_price {
            font-size: 15px;
            color: #656565;
            font-weight: normal;
      }
      .product_info .product_color,
      .product_info > .part_number {
            font-weight: bold;
            font-size: 15px;
            line-height: 18px;
      }
      .product_image .image {
            height: auto;
            max-height: 200px;
            min-height: 120px;
      }
      /* list view */
      .product_listing_container .list_mode .product > .product_info,
      .product_listing_container .list_mode .product > .product_info > .product_name *,
      .product_listing_container .list_mode .product > .product_info > .product_price *,
      .product_listing_container .list_mode .product > .product_info > .product_color * {
            font-size: 12px;
            color: #666666;
      }
      .product_listing_container .list_mode .product > .product_info > .product_color,
      .product_listing_container .list_mode .product > .product_info > .part_number {
            font-size: 12px;
      }
      .product_listing_container .list_mode .product > .product_info > .product_option a.button {
            font-size: 11px;
      }

      /* order summary */

       .orderSummaryPage .button_secondary{width:29%;} 
       .orderSummaryPage .button_primary{ width:68%;}
         .orderSummaryPage #order_details .itemspecs,
         .orderConfirmation #order_details .itemspecs{
      	width:60%;
      }


           .orderSummaryPage .product_row .topSection{margin-bottom:15px;}
      .orderSummaryPage .product_row .acol7.col2.text_center,
      .orderSummaryPage .product_row .acol7.col1.text_right,      
      .orderConfirmation .product_row .acol7.col2.text_center,
      .orderConfirmation .product_row .acol7.col1.text_right{
      	width:72%;
      	margin-left:28%;
      	text-align: left;
      }
      .orderSummaryPage .product_row #WC_OrderItemDetails_td_3_1,
     .orderConfirmation .product_row #WC_OrderItemDetails_td_3_1{
      	margin-top:10px;
      }


      div[id^="InventoryStatus_InStore_Section_Avail"] .greenFont{
      	display: block;

      }


}

@media (min-width: 768px) and (max-width: 1024px) {
      .valueWrapper {
            height: 60px;
      }
      .pdpTitle {
            font-size: 24px;
            line-height: 24px;
      }
      .wareHouseInventoryBtn {
            width: 99%;
            max-width: 295px;
      }
      .shopperActions .button.primary,
      .shopperActions .button.secondary {
            max-width: 210px
      }
      .quantity_discount .titleNames span,
      .quantity_discount p span {
            width: 118px;
      }
      .quantity_discount p span {
            font-size: 18px;
      }
      .quantity_discount p span.price {
            width: 140px;
      }
      .quantity_discount {
            margin-right: 30px;
      }
      .requisitionListBox .addRequisitionList .button {
            max-width: 142px;
      }
      .cartPriceInfo .acol12 {
            width: 50%;
      }
      .signInForPrice {
            margin-bottom: 10px;
      }
      .shipping_billing .drop_down{max-width:260px; width:80%;}
      #shippingCarrierServicesSelectBox{max-width:230px; }



      div[id^="InventoryStatus_InStore_Section_Avail"] .greenFont{
      	display: block;

      }
	  #quickLinksBar > li#miniCartLi {
		width: 75px;
		height: 55px;
		margin-top: -20px;
	  }
	  #minishopcart_total, #minishopcart_lock {
		display: block;
		position: absolute;
		right: 0px;
		top: 2px;
		padding: 3px 10px .5px 10px;
		border-radius: 100%;
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .shopperActions .button.primary,
      .shopperActions .button.secondary {
            max-width: 280px;
            width: 75%;
            font-size: 18px;
      }
      .requisitionListBox .addRequisitionList .button {
            max-width: 173px;
      }

      .cartPriceInfo .price, .quantity_discount{font-size: 16px;}
      .requisitionListBox .addRequisitionList .button{font-size:12px;}
      #wareHouseInventoryBtn{font-size: 15px;}
}


/*tablet modificatoions */

@media (max-width: 1024px) {}

@media (max-width: 1024px) and (orientation: portrait) {
      .pdpAssociatedAttachements {
            padding-left: 0px;
      }
      #attachmentPaginationContainer {
            margin-top: 0px;
      }
}


/**********************
*
*   My Account section 
*
*********************/


/*password reset */

.continueLogin{text-decoration: none; color:#656565;}

.continueLogin:hover{text-decoration: underline;}


/* My account summary */

.my_account {}

#container_MyAccountDisplayB2B {
      margin-bottom: 50px;
}

.my_account div.info_table {
      width: 100%;
}

.my_account .header {
      font-weight: bold;
}

.my_account .content {
      margin-bottom: 10px;
      border-radius: 0 0 5px 5px;
}

.mobileHide {
      display: block;
}

div.info_table div.row div.label {
      width: 150px;
      padding: 10px 5px;
}
div.info_table div.row div.info_content {
      width: calc(100% - 150px);
}

#box .main_header_text {
      font-weight: bold;
}

.recentheading,
div.info_table div.row div.label {
      font-weight: 700;
      color: #777;
}

#OrderStatusDetailsDisplayExt_ul_1 {
      border-bottom: 1px solid #777;
      padding-bottom: 5px;
}

.nonMobileView_1 {
      display: block;
}


/* personal information */

.my_account .passWordUpdateWrapper {
      padding: 10px;
      margin-top: 10px;
}

.passwordResetText {
      margin: 15px 0;
}

.myaccount_error {
      margin: 15px 0; 
      color: #FF0000;
	  font-weight: bold;
}

/*order history */

.myAccountMarginRight .myaccount_header.bottom_line {
      margin-top: 20px;
}

#OrderSearchFormDiv,
.order_details_my_account {
      border: 1px solid #e5e5e5;
      padding: 20px 5px;
      border-radius: 0 0 5px 5px;
}

.my_account .header {
      font-size: 16px
}

.searchInputs {
      float: left;
      margin-left: 8px;
      vertical-align: middle;
      height: 35px;
      margin-bottom:15px;
}

.searchInputs select,
.searchInputs input,
.searchInputs .dijitTextBox input.dijitArrowButtonInner,
.searchInputs .dijitArrowButtonContainer {
      height: 35px !important;
}

.searchInputs .dijitInputField {
      padding-left: 5px;
}

.searchText {
      margin: 7px 0px 7px 5px;
}

.order_status_table .price {
      text-align: right;
      display: block;
}

#OrderStatusDetailsDisplayExt_li_header_7,
.order_status_table .price {
      text-align: right;
}


/*order history detial */

.my_account {}

#box .my_account .main_header {
      background-image: none;
}

#box .main_header .right_corner,
#box .main_header .left_corner,
#box .main_header .left_corner_straight,
#box .main_header .right_corner_straight {
      background: none;
}

#box .my_account .main_header_text,
#box .my_account strong,
#box .body .title {
      color: #4d4d4d;
      font-size:16px;
}


/*req list */

.toolbarButton {
      display: inline-block;
      background-color: #000;
      border-radius: 4px;
      padding: 10px 20px;
      max-width: 100%;
      line-height: 17px;
      min-height: 29px;
      text-align: center;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      border: 0;
}

.toolbarButton:hover {
      opacity: .75;
      color: #000;
}

.toolbarButton .button_text {
      color: #fff;
}

.listTable .tableHeader .cell {
      font-size: 14px;
      padding: 10px 0px;
}

.uploadTableList {
      padding: 10px;
}

.uploadTableList .download_link {
      font-weight: bold;
}

.exampleInfo {
      margin: 10px 0;
}

.listTable .toolbar {
      font-weight: bold;
      padding:15px;
}

#RequisitionListFilter {
      font-weight: normal;
}

.qtyLabel {
      margin-right: 10px;
      display: none;
}

#fileUploadStatusBox {
      max-height: 150px;
}

#fileUploadStatusBox .logbtn {
      float: right;
}


#RequisitionListDescription.product_text{ border:0;}


.uploadList{
	position: relative;
}

/* req list add new list dropdown menu */

#uploadListDropdown {
      z-index: 100;
      right:0px;
      top:13px;
}

.createTableList .input_field,
.createTableList .button_primary,
.createTableList .button_secondary,
.uploadTableList .button_secondary,
.uploadTableList #fileNameBox {
      width: 100%;
}

#newListPublicPrivateDropdown .dijitSelect {
      min-width: inherit;
      width: 100%;
}

.createTableList .button_secondary > .button_text,
.createTableList .button_primary > .button_text,
.uploadTableList .button_secondary > .button_text,
.uploadTableList .button_primary > .button_text {
      padding: 10px 20px;
}

.uploadTableList #fileNameBox {
      background-color: #fff;
}

.uploadTableList .uploadForm .formContents {
      background-color: #fff;
      border: 1px solid #e9e9e9;
}


/*req list upload log table */

#LogTable {
      border-top: 2px solid #F26533;
}

#LogTable .toolbar {
      background-color: #F9F9F9;
}

.logTable {
      width: 90%;
}

.requisitionList {
      width: 98%;
}


/*req list deTAIL*/

#container_reqList_detail {}

#container_reqList_detail .button_secondary > .button_text,
#container_reqList_detail .button_primary > .button_text {
      padding: 10px 20px;
}

#container_reqList_detail .button_secondary.actionButton > .button_text {
      padding: 5px;
}

.listTable .toolbar #skuAdd,
.listTable .toolbar #quantityAdd {
      font-weight: 500;
      padding-top: 7px;
      padding-bottom: 8px;
}

.reqListMobileAddWrapper {
      display: none;
      margin: 0;
}

.listTable .previewImage img {
      width: 100px;
}


/*branch locator */

#map-canvas {
      height: 100%;
      margin: 0;
      padding: 0;
}

.storeLocator {}

div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content {
      max-width: 1280px;
}

span.stateSpace{margin-right:7px;}

.branchHeader{
	background-color: #F5F5F5;
    border-color: #ccc #E5E5E5 #E5E5E5;
    border-style: solid;
    border-width: 3px 1px 0;
    color: #777777;
    font-size: 18px;
    padding: 8px;
}

#mapDirectionsForm input{
	margin-left:15px;
	background-color:transparent;
	color:#4d4d4d;
}
#mapDirectionsForm input#endAddress{
  pointer-events:none;
}


#directions .adp-summary{
	font-weight:bold;
}

.storeLocator #bopis_table{
    padding-top: 10px;
    border: 1px solid #ccc;
    margin-top:0;
    }

.storeLocator .storeNumber{text-align: center;}

.storeLocator #map,
.map-form #map {
      margin: 20px auto;
      width: 95%;
      max-width: 1280px;
      height: 600px;
}

.storeLocator .my_account_content_bold {
      font-size: 16px;
      font-weight: bold;
      text-decoration: underline;
      display: block;
      margin-bottom: 10px;
}

.storeLocator #bopis_table td {
      border-bottom: 1px solid #e5e5e5;
      padding: 10px 10px 15px 0;
}

#bopis_table th,
#bopis_table1 th {
      border-bottom: 1px solid #555;
      padding-bottom: 10px
}

.dirLink {
      color: #D31245;
      text-decoration: underline;
}

.continueShop {
      padding: 10px 15px;
      float: right;
      margin: 10px 10px 20px 0;
}

.dir-form {
	margin-bottom: 20px;
}

.map-address-content .map-form {
    display: inline-block;
    width: 70%;
}

.map-address-content .address-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 30%;
    float: right;
    padding: 25px;
}


.map-address-content .map-form #map {
    width: 100%;
    height: 500px;
}

.info-section {
 	display: flex;
	flex-direction: column;
	gap: 20px;
}


/* branch store */

.store-summary h2,
.store-summary {
      border-bottom: 1px solid #e5e5e5;
      padding-bottom: 5px;
      margin-bottom: 10px;
}

.store-summary,
.dir-form {
      width: 100%;
      margin-left: .5%;
}

#directions {
	margin-bottom:20px;
}

.store-loc .button_primary,
.store-loc .button_secondary {
      padding: 10px 15px;
      float: left;
      margin-right: 20px;
}

.store-loc .button_secondary {
      color: #777;
}

#mapDirectionsForm .field {
      margin-bottom: 15px;
}

.store-loc .dir-form h2 {
      margin-bottom: 15px;
}

/*breadcrumb spacing */

div#widget_breadcrumb {
      max-width: 1280px;
      margin: 20px auto;
      padding: 0;
}


@media (min-width: 1024px){
	.rowContainer > .row.margin-true {
        padding: 0;
    }
}

/*order history Detail */

.orderHistoryDetail {}

.orderHistoryDetail .button_secondary {
      color: #777;
      padding: 5px 15px;
      margin-bottom: 10px;
      float: right;
      bottom: 10px;
}

.orderHistoryDetail .order_details_my_account,
.orderHistoryDetail .myaccount_content {
      border: 0;
}

#box .orderHistoryDetail #WC_OrderShipmentDetails_div_6 {
      padding: 0;
}

.orderHistoryDetail #WC_OrderShipmentDetails_div_10 .header {
      padding-left: 0;
}

.orderHistoryDetail .myaccount_content,
.orderHistoryDetail .order_details_my_account {
      padding: 10px 20px;
}

.orderHistoryDetail #shipping .shipping_address {
      padding-top: 2px;
}

.orderHistoryDetail .desktopMobileDetails {
      display: block;
}

.orderHistoryDetail .mobileOrderDetails {
      display: none;
}

#order_details .th_align_left_normal .itemspecs {
	width:60%;
}

#WC_OrderShipmentDetails_div_6 p {
      margin-bottom: 7px;
}

#box .orderHistoryDetail .body {
      padding: 10px 20px 0px 20px;
}

.orderHistoryDetail .button_footer_line {
      padding-top: 0;
}

.orderHistoryDetail .myaccount_section_header {
      padding: 0 8px 8px 8px;
      height: 34px;
      clear:both;
      font-size:16px;
}
 .orderHistoryDetail #WC_CheckoutPaymentAndBillingAddressSummaryf_div_1.body{
 	padding-top:10px;
 }

.orderHistoryDetail .myaccount_section_header .headingtext {
      font-size: 18px;
}

.orderHistoryDetail #billing_summary .billing_address,
.orderHistoryDetail .billing_summary .billing_address {
      width: auto;
      min-width: 300px;
}

.orderHistoryDetail #order_details .nested th.add_to_cart{
	width:80px;
	text-align: left;
}

.orderHistoryDetail #order_details .nested #SingleShipment_tableCell_productName.align_left{
	width:300px;
	text-align: left;
}

.orderHistoryDetail #order_details .nested #shoppingCart_tableCell_shipping{
	min-width:215px;
}

.orderHistoryDetail #order_details .total{
	width:90px;
}

.orderHistoryDetail #order_details tr.th_align_left_normal .itemspecs{
	width:200px;
}

.orderHistoryDetail #order_details .nested .ship_details{
	text-align: left;
	width: 115px;

}
.orderHistoryDetail #order_details .avail{
   width:100px;
   text-align: left; 
   padding-left:4px;

}

.orderHistoryDetail #order_details .ADDTOCART .item-add-to-cart input{
	margin-left:20px;
}

  p.invoiceRequestText{
     	padding:10px 0;
     }

#box.orderHistoryDetail .content_footer{padding:5px; border:0; background: none; height: 60px;}

/*payment information */

.paymentPageEspotBreak {
      clear: both;
      margin-top: 30px;
}

.paymentPageEspotBreak th{text-align: left; padding-left:15px;}

.paymentPageEspotBreak th.cardTypeColumn{width:400px;}
.paymentPageEspotBreak .order_status_table{
	width:100%;
}

.paymentPageEspotBreak .order_status_table td,.paymentPageEspotBreak .order_status_table td{
	vertical-align: top;
	padding:5px 15px;

}

/* quick order page */

#quick_order {
      min-width: 810px;
}
.container_content_rightsidebar{max-width: 1280px;}

#quick_order .input_form .input .input_sub_fields {
      width: 300px;
      margin: 0 20px 0 0;
}

#quick_order .input_form .input .SKU_field {
      width: 300px;
}

#quick_order .input_form .SKU {
      padding-left: 55px;
      width: 370px;
}

#quick_order .input_form .input .QTY_field {
      width: 75px;
}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


input[type=number] {
    -moz-appearance:textfield;
}
 {
      padding-left: 60px;
 }

#MQuickOrderForm div.input {
      margin-bottom: 10px;
}

#quick_order .input_form .input .line_number {
      width: 5%;
}

#quick_order .order_button {
      padding-left: 10px;
}

#quick_order .order_button .button_primary,
#quick_order .order_button .button_secondary {
      margin-right: 10px;
      margin-bottom: 15px;
}


#quick_order .order_button .button_primary > .button_text,
#quick_order .order_button .button_secondaryy > .button_text {
	padding:10px;
}


.requisitionListContent h1{ font-size: 18px; margin:10px 0; padding:0;}

.requisitionListContent .sortingDropdown{
	width:156px;
	height:35px;
	font-size: 15px;
	line-height: 33px;
}
.requisitionListContent .listSelect .scroll{
	font-size: 15px;
	height: auto;
	margin-bottom: 20px;
	min-height: 90px;
	overflow: visible;
	max-height:350px;
	overflow-y:auto;
}


@media (min-width: 768px) and (max-width: 1024px) {
      .searchButton {
            clear: left;
            margin-left: 0;
      }
      .searchText {
            margin: 7px 0px 7px 5px;
      }
      .searchText.Search {
            margin-left: 0;
      }
      .reqListMobileAddWrapper {
            margin: 0px;
            display: none;
      }
      .listTable .toolbar #skuAdd {
            width: 130px;
      }

      #quick_order {
      min-width: 75%;
}
}

@media screen and (max-width: 768px) {

	#departmentsButton .arrow_button_icon:before,
	#departmentsButton.selected .arrow_button_icon:before {
		left:-102px;
		top:-1px;
	}
      .mobileVisible {
            display: block;
      }
      .mobileHide {
            display: none;
      }
      .recentheading,
      .info .li,
      .order_status_table .li {
            padding: 10px 0;
      }
      div.info_table div.row div.label {
            width: 100px;
      }
      div.info_table div.row div.info_content {
            width: calc(100% - 100px);
      }
      .order_status_table .option_button {
            float: none;
      }
      .order_status_table .option_button .text-button {
            padding-top: 0;
            padding-bottom: 0;
      }
      #OrderStatusDetailsDisplayExt_ul_1,
      .order_status_table .orderStatusDetailsMobile {
            border-bottom: 0;
      }
      #OrderStatusDetailsDisplayExt_ul_1,
      .order_status_table .row.orderStatusDetailsMobile {
            width: 50%;
            margin: 0;
            float: left;
      }
      .my_account .viewMore.myaccount_link {
            display: inline-block;
            background-color: #f3f3f3;
            border-radius: 4px;
            padding: 10px 20px;
            max-width: 100%;
            line-height: 17px;
            min-height: 29px;
            text-align: center;
            color: #4d4d4d;
            font-size: 14px;
            font-weight: bold;
            width: 100%;
      }
      .my_account .viewMore:hover {
            background-color: #036fed;
            color: white;
            text-decoration: none;
      }
      .button_footer_line {
            margin: 0 auto;
            width: 90%;
            float: none;
      }
      .my_account .passWordUpdateWrapper .button_footer_line {
            margin: 0;
      }
      /*search order history */
      .searchText,
      .searchInputs {
            margin: 10px 0;
            font-weight: bold;
      }
      .searchText {
            padding-top: 10px;
      }
      .dijitTextBox,
      .searchInputs input {
            width: 100%;
      }
      .order_status_table .price {
            text-align: left;
            display: inline;
      }
      #OrderStatusDetailsDisplayExt_li_header_7,
      .order_status_table .price {
            text-align: left;
      }
      /*req list */
      .myListText {
            margin: 10px 0;
            display: block;
            font-weight: bold;
      }
      #RequisitionListFilter {
            width: 100%;
            margin-bottom: 10px;
      }
      .newList,
      .uploadList {
            float: none;
            width: 100%;
            margin: 5px 0;
      }
      .newList a,
      .uploadList a {
            width: 100%;
      }
      .uploadTableList .download_link {
            font-size: 14px;
      }
      .listTableMobile .expandedContent .expandedCol > div {
            padding: 5px;
      }
      .listTableMobile .expandedContent .expandedCol .leftCol {
            width: 45%;
      }
      .listTableMobile .expandedContent .expandedCol .rightCol {
            width: 55%;
      }
      .listTableMobile .actions {
            padding-left: 10px;
            padding-right: 10px;
      }
      .listTableMobile .actions .button_text {
            width: 240px;
      }
      .listTableMobile #mobile_actionButton1 {
            padding: 5px 0;
      }
      /* req list detail  */
      .listTable .toolbar #skuAdd {
            width: 79%;
            margin-left: 0px;
            margin-right: 10px;
      }
      #RequisitionListItems_table .input_field.small {
            width: 15%;
            margin-right: 0px;
      }
      .addBtn.acol12 {
            margin: 10px 0;
      }
      .listTable .entry .quantity.editable .cell {
            position: relative;
      }
      .qtyLabel {
            display: block;
            text-align: right;
            position: absolute;
            right: 50px;
            font-weight: bold;
            top: 20px;
      }
      .reqListMobileAddWrapper {
            margin: 10px;
            display: block;
      }
      .listTable .withPreviewImage .actions .cell,
      .withPreviewImage .cell {
            padding-top: 10px;
      }
      .acol10.quantity input {
            float: right;
            width:40px;
            text-align: center;            
      }
      .uploadTableList .download_link {
            width: 75%;
            float: left;
      }
      /*req list upload log table */
      .logTable {
            width: 100%;
      }
      #RequisitionListPageHeading h1 {
            font-size: 20px;
      }
      /*req status upload block */
      #fileUploadStatusBox {
            max-height: 150px;
      }
      #fileUploadStatusBox .logbtn {
            float: left;
            margin-top: 15px;
      }
      /*branch locator */
      #map-canvas {
            margin: 0;
      }
      .storeLocator {}
      .storeLocator #map,
      .map-form #map {
            width: 95%;
            max-width: 1280px;
            height: 350px !important;
            margin: 15px auto;
      }
      .storeLocator .my_account_content_bold {
            font-size: 14px;
            font-weight: bold;
      }
      .continueShop {
            float: none;
            margin: 10px auto;
            width: 100%;
            padding: 12px;
            font-size: 14px
      }
      .store-summary,
      .dir-form {
            width: 100%;
      }
      #mapDirectionsForm .field input {
            width: 95% !important;
            margin-top: 5px;
      }
      .storeLocator #map,
	  .map-form {
			width: 100%;
	  }
		
	  .map-address-content .map-form {
	  		width: 100%;
	  }
	
	  .map-address-content .address-content {
	  		width: 100%;
	  		margin-bottom: 20px;
	  		border-bottom: 2px solid #e5e5e5;
	  		padding: 20px;
	  }
	
	  .info-section-wrapper {
	  		gap: 25px !important;
	  		padding-top: 10px !important;
	  }
	
	   .info-section {
	   		gap: 10px;
	   }
	   
	   .store-summary {
      		border-bottom: 2px solid #e5e5e5;
	   }

      /*order History Detail */
      .orderHistoryDetail .desktopMobileDetails {
            display: none;
      }
      .orderHistoryDetail .mobileOrderDetails {
            display: block;
      }
      .orderHistoryDetail #total_breakdown {
            width: 100%;
      }
      .orderHistoryDetail #total_breakdown #order_total {
            margin: 0 auto;
            float: none;
            min-width: 200px;
      }
      .orderHistoryDetail #total_breakdown #order_total td {
            text-align: left;
      }
      .orderHistoryDetail .addSelectedItemsToCartButtonWrapper {
            border-top: 1px dotted #ccc;
            border-bottom: 1px dotted #ccc;
            margin: 10px 0;
            padding: 20px 0;
      }
      .orderHistoryDetail .addSelectedItemsToCartButtonWrapper a {
            width: 80%;
            margin: 0 auto;
      }
        .orderHistoryDetail  .shipping_method{
        	float: left;
        	width: 100%;
        }

        .orderHistoryDetail .myaccount_content, 
        .orderHistoryDetail .order_details_my_account{
        	padding:0 10px;
        }

        .orderHistoryDetail  .mobileVisible .total.acol4,
        .orderHistoryDetail  .mobileVisible .each.acol4,
        .orderHistoryDetail  .mobileVisible .avail.acol4,
        .orderHistoryDetail  .mobileVisible .QTY.acol4,
        .orderHistoryDetail  .mobileVisible .align_left.acol4{
        	width:33.333333%!important;
        	font-weight: bold ;
        	text-align: left !important;
        	padding-bottom: 5px;
        }
            .orderHistoryDetail  .mobileVisible #order_details .total.acol8,
            .orderHistoryDetail  .mobileVisible  #order_details .each.acol8,
            .orderHistoryDetail   .mobileVisible #order_details .avail.acol8,
            .orderHistoryDetail   .mobileVisible #order_details .QTY.acol8{
        	width:66.666666% !important;
        	text-align: left !important;
        	padding-bottom:5px;
        }
          .orderHistoryDetail   .mobileVisible #order_details .img.acol6,
         .orderHistoryDetail   .mobileVisible #order_details .itemspecs.acol6{
         	width:50%;
         }
  		
  		 .orderHistoryDetail   .mobileVisible #order_details .img.acol6 img{
  		 	width:100px;
  		 	height:100px;
  		 }
  		 .orderHistoryDetail  .mobileVisible #order_details .align_right,  
  		 .orderHistoryDetail  .mobileVisible .each, 
  		 .orderHistoryDetail  .mobileVisible .total{
  		 	text-align: left !important;
  		 }

  		 .orderHistoryDetail .button_secondary {
  		 	margin-top:15px;
  		 }
  

  		.mobileVisible #order_details .th_align_left_normal{
  			border:none;
  		}

  		.mobileVisible  #SingleShipment_tableCell_productName{
  			padding:5px 0;
  			border-top: 1px solid #ccc;
  			border-bottom: 1px solid #ccc;
  			font-weight: bold; 
  			font-size:18px;
  			margin-bottom: 10px;
  		}

  		.mobileVisible .productHeader{
  			font-weight:bold; 


  		}
  		.orderHistoryDetail .mobileVisible  #order_details .avail,
  		.mobileVisible #order_details .QTY,
  		.mobileVisible #order_details .each,
  		.orderHistoryDetail .mobileVisible #order_details .total{
  				width:50%;
  				text-align: left;
  		}

  		.orderHistoryDetail .mobileVisible #order_details .ADDTOCART{
  				padding:12px 0 5px;
  		}

  		.orderHistoryDetail .mobileVisible #order_details .add_to_cart{
  				padding:10px 0 5px 10px;
  		}
  		.orderHistoryDetail .mobileVisible #order_details  .productWrapper{
  			border-bottom: 1px dotted #ccc;
  		}
  		.orderHistoryDetail .mobileVisible #order_details .th_align_left_normal .itemspecs{
  				width:68%;
  		}


      /* quick order page */
      #quick_order {
            min-width: 100%;
            padding: 0px;
      }
      .container_content_rightsidebar {
            padding: 0px;
      }
      .container_content_rightsidebar > .left_column {
            width: 100%;
            padding: 0px;
            margin-bottom:20px;
      }
      #quick_order .input_form .input .input_sub_fields {
            width: 105px;
            margin: 0 10px 0 0;
      }
      #quick_order .input_form .input .SKU_field {
            width: 100%;
      }
      #quick_order .input_form .SKU {
            padding-left: 55px;
            width: 120px;
      }
      #quick_order .input_form .input .QTY_field {
            width: 75px;
      }
      #quick_order .input_form .QTY {
            padding-left: 45px;
            width: 120px;
      }
      #MQuickOrderForm div.input {
            margin-bottom: 10px;
      }
      #quick_order .input_form .input .line_number {
            width: 25px;
      }
      #quick_order .order_button {
            padding-left: 0px;
      }
      #quick_order .order_button .button_primary,
      #quick_order .order_button .button_secondary {
            margin-bottom: 15px;
         
      }


      .paymentPageEspotBreak .order_status_table{
			width:100%;
		}

	 .paymentPageEspotBreak .order_status_table.mobileVisible .colHeaders{
	 	font-weight: bold;
	 }



   .paymentPageEspotBreak .order_status_table.mobileVisible .remove_address_link{

    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: block;
    width: 90%;
    text-align: center;
    padding: 6px 10px;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin: 10px auto 0;
    box-shadow: 0px 1px 2px #ccc;
	}
	
	#editAddressContents .right_column{
	 float:left; width:100%; padding-left:0;}

	#editAddressContents  #shopcartAddressForm{
		float:left;
		width:100%;
	 }
	


}

@media only screen and (max-width: 768px) {
	  .shippingOptions {
		width: 95%;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and ( orientation:portrait) {
      .searchText {
            font-weight: bold;
            padding-left: 20px;
      }
      .listTable .toolbar #skuAdd {
            width: 50%;
            margin-right: 10px;
      }
      .button_primary.acol12.addBtn {
            width: 14%;
            margin-left: 10px;
      }
      .listTable .toolbar #quantityAdd {
            width: 28%;
      }
      .button_primary.acol12.mobileHide {
            display: block;
            width: 42%;
            margin-top: 10px;
      }
      .listTable .toolbar #toolbarButton1,
      .listTable .toolbar #toolbarButton2 {
            margin-top: 10px;
      }
      .listTable .toolbar #skuAdd {
            width: 50%;
            margin-right: 10px;
      }
      .reqListMobileAddWrapper {
            display: none;
      }
      #requisitionListCurrentInfo .button_secondary {
            width: 25%;
      }
      /*order history page */
      .order_status_table .recentheading,
      .orderStatusDetailsMobile > div {
            width: 100%
      }
      #OrderHistorySearchForm .searchButton {
            margin-left: 20px;
      }
      #OrderHistorySearchForm .bcol8 {
            width: 65%;
      }
      #OrderHistorySearchForm .bcol4 {
            width: 20%;
      }
      .order_status .order_status_table .ul .li {
            padding: 15px 0 15px 20px;
      }
      /*req detail list */
      .listTable .toolbar #toolbarButton1,
      .listTable .toolbar #toolbarButton2 {
            width: 51%;
            float: none;
            margin: 0 auto;
      }
      .listTable .previewImage {
            width: 25%;
      }
      .listTable .name,
      .listTable .updated {
            width: 75%;
      }
      .listTable .quantity {
            width: 60%;
      }
      /*footer update */
      #footerCol1 > .section {
            width: 35%;
            margin-top: 0;
            float: left;
      }
      #footerCol1_1,
      #footerCol1_2 {
            width: 30%;
      }
      /* quick order page */
      #quick_order {
            min-width: 728px;
      }
      #quick_order .input_form .input .input_sub_fields {
            width: 300px;
            margin: 0 20px 0 0;
      }
      #quick_order .input_form .input .SKU_field {
            width: 300px;
      }
      #quick_order .input_form .SKU {
            padding-left: 55px;
            width: 320px;
      }
      #quick_order .input_form .input .QTY_field {
            width: 75px;
      }
      #quick_order .input_form .QTY {
            padding-left: 60px;
            width: 140px;
      }
      #MQuickOrderForm div.input {
            margin-bottom: 10px;
      }
      #quick_order .input_form .input .line_number {
            width: 5%;
      }
      #quick_order .order_button {
            padding-left: 10px;
      }
      #quick_order .order_button .button_primary {
            margin-right: 10px;
      }

     #OrderHistorySearchForm .searchText, #OrderHistorySearchForm .searchInputs{  
         	width:50%;
         }

      .col9.paymentInfoWrapper{width:66.666666%;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and ( orientation:landscape) {
      #OrderHistorySearchForm .searchButton {
            margin-left: 60px;
      }

#OrderHistorySearchForm .searchInputs{  
         	width:18%;
         }
    #OrderHistorySearchForm  .searchInputs.searchBox{
     	width:130px;
     }
 #OrderHistorySearchForm  .searchInputs.Search{
     	width:52px;
     }
 

   #OrderHistorySearchForm #order_history_search_text{
   		width:133px;
   }
    #OrderHistorySearchForm .searchInputs.spacer{
   		width:5px;
   }
     #OrderHistorySearchForm  .fromText{
     	width:40px;
     }

     #OrderHistorySearchForm  .fromText + .searchInputs + .searchText{
     	width:20px;
     }


      .searchInputs {
            width: auto;
      }
      

     .orderHistoryDetail .mobileHide #order_details .th_align_left_normal .itemspecs{ width:100%; margin-top:10px;}

     .quickOrderPage .container_content_rightsidebar > .right_column{
		width:19%;
	 }

	.quickOrderPage .container_content_rightsidebar > .left_column{
	   width:80%;
	}

  .quickOrderPage #box{width:97%;}

  #billing .billing_address_container, .billing .billing_address_container{
  	margin-left:30px;
  }
}





.button_disabled {
      display: inline-block;
      position: relative;
      background: #777;
      border-radius: 4px;
      border: none;
      border-spacing: 0;
      color: #fff;
      vertical-align: middle;
      opacity: .4;
      pointer-events: none;
}

.button_disabled > .left_border,
.button_disabled > .right_border {
      display: none;
}

.button_disabled > .button_disabled {
      display: block;
      border: 0 none;
}

.button_disabled > .button_text {
      color: #fff;
      display: table-cell;
      margin: 0;
      padding: 10px 20px;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: normal;
      text-align: center;
      vertical-align: middle;
}

.button_disabled > .left_border,
.button_disabled > .right_border {
      display: none;
}

.button_disabled > .button_disabled {
      display: block;
      border: 0 none;
}

.orgText {
      margin-right: 2px;
}



#myAccountNavigationWidget .collapsible > h3{
	display: block;
	position: relative;
	margin: -10px 5px -10px -12px;
	padding: 10px 5px 10px 34px;
	font-size: 17px;
	font-weight: inherit;
	overflow: hidden;
	min-height: 2.4em;
	float: left;
	width: 10px;
}

#myAccountNavigationWidget{}
.myaccount_desc_title{font-size:16px;}

.carousel.background-true{background-image:none;}

.contentCarouselWidget.carousel{
	overflow:hidden;
}

/*compare page 2 */

.widget_product_compare .compare_2 .row .item a{
	    width: 100%;
    margin: 0 auto;
    display: block;
    max-width:200px;
    max-height:200px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2  .row > .item.item_action a{
/*	width: 60%;	*/
}

.widget_product_compare .compare_2 .row > .item.item_remove > a{
    margin: 0 auto;
    width: 50%;
    display: block;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item.item_action{
	text-align: center;
}



/*address verification box */
#second_level_category_popup{
   width: 500px!important;
}

#avs_current_address{
	float:left;
	margin-right:25px;
}
#avs_suggested_address{
	float:left;
}

#suggestedAddr_1{
	margin-bottom:10px;
}


#second_level_category_popup .bodyarea{
	padding:10px;
}
#second_level_category_popup .close{
	clear:both; 
	height: 40px;
}

#second_level_category_popup #closeLink{
   position: absolute;
   right:10px;
}

#second_level_category_popup .close, #requisition_list_popup .close, .multiple_wishlist_popup .close, .cancel_subscription_popup .close{
	padding:12px 15px 9px 12px;
}

#second_level_category_popup .addressLinks, #avs_current_address a.addressLinks, #avs_response_div a.addressLinks, #avs_suggested_address a.addressLinks{
	color: #D31245;
    display: block;
    font-weight: bold;
    margin: 5px 0;
	}


#second_level_category_popup .addressLinks:hover, #avs_current_address a.addressLinks:hover, #avs_response_div a.addressLinks:hover, #avs_suggested_address a.addressLinks:hover{
	text-decoration: underline;
}




 /* req list pop up */


 .requisitionListContent.popup{
 	width:500px;
 	padding:15px;
 	top:10%;	
 	z-index: 100000000;

 }

.requisitionListContent .listSelect{
	padding-top:30px;
	border:0;
}
.requisitionListContent .listSelect .item{
	border:0;
}



.requisitionListContent .radioButton{
	margin-left:20px;
}

.requisitionListContent.popup .button_primary.popup{
     width:45%;
     float: left;
     margin-right: 5%;
}

.requisitionListContent.popup .button_secondary.popup{
	width:45%;
	float:left;
	margin-left: 5%;
}

.requisitionListContent.popup .addNewListFooter .button_primary.popup .button_text,
.requisitionListContent.popup .addNewListFooter .button_secondary.popup .button_text {
    display: block;
    text-align: center;
    padding: 10px;
}

.requisitionListContent .listSelect .addNewListFooter{
	border:0;
}

.requisitionListContent .sortDropdown ul li{height:40px;}

.requisitionListContent .radioButton .checked{
	 width: 10px;
    height: 10px;
    margin-top: 1px;
    margin-left: 1px;
    background: #666;
}

.requisitionListContent .listSelect .scroll{
	height:auto;
	margin-bottom:20px;

}



@media (max-width: 768px) {

.button_disabled {
      display: block;
}

 .requisitionListContent.popup {
    left: 15%;
    width: 325px;
}

}

@media (max-width:765px){

	.mobileVisible #order_details div[id^="WC_OrderItemDetailsf_div_1_"], 
	.mobileVisible #order_details div[id^="WC_OrderItemDetailsSummaryf_div_1_"],
	.mobileVisible  #order_details div[id^="WC_OrderItemDetails_div_1_"], 
	.mobileVisible  #order_details div[id^="WC_MSOrderItemDetailsSummaryf_div_1_"],
	.mobileVisible   #order_details div[id^="WC_MSOrderItemDetails_div_1_"]{
	  	width:100px;
	  	height: 100px;
	  	padding:0 10px 15px 0;
	  }



}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

		.mobileVisible #order_details div[id^="WC_OrderItemDetailsf_div_1_"], 
	.mobileVisible #order_details div[id^="WC_OrderItemDetailsSummaryf_div_1_"],
	.mobileVisible  #order_details div[id^="WC_OrderItemDetails_div_1_"], 
	.mobileVisible  #order_details div[id^="WC_MSOrderItemDetailsSummaryf_div_1_"],
	.mobileVisible   #order_details div[id^="WC_MSOrderItemDetails_div_1_"]{
	  	width:20%;
	  }

}


.domOrderShippingReview .left_column{
	float:left;
}
.domOrderShippingReview .right_column{
	float:left;
	padding-left:20px;

}

.domOrderShippingReview  .div.content_wrapper_position{
	margin-top:20px;
}

.mobileVisible #order_details .total{
	width:50%;
	text-align: left;
}


.mobileVisible #order_details .align_right, .each, .total{
	padding-top:0;
}

.offsetLeft{
	margin-left:100px;
}

.mobileVisible  #order_details .th_align_left_normal .itemspecs{
		width:50%;
}
.mobileVisible .row.productWrapper{
	margin-top:20px;
	border-top:1px solid #ccc;
}


.mobileVisible #order_details .th_align_left_normal{
  width:100% !important;
  padding:20px 0 0 0;
}

/*vertical rec widget */

.vertical_catalogEntryRecommendationWidget .controlBar > .prevPageButton,
.vertical_catalogEntryRecommendationWidget .controlBar > .nextPageButton{
	display: inline-block;
    position: relative;
    width: 6px;
    height: 12px;
    border: 14px solid transparent;
    overflow: hidden;
    vertical-align: middle;
    background: url("../images/responsive/rwdUI.png");
    background-position: -27px -7px;

}

.vertical_catalogEntryRecommendationWidget .controlBar > .nextPageButton.hidden{
	display: none;
    
}
.vertical_catalogEntryRecommendationWidget .controlBar > .prevPageButton.hidden{
	display: none;
    
}

.vertical_catalogEntryRecommendationWidget .controlBar > .nextPageButton{
 	    background-position: -46px -7px;
 }


.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item{width:20%;}  

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price{
	color:#656565;
}

*:focus {
    outline: none;
     -webkit-box-shadow: none;
 	 box-shadow: none;
}

.ccIcon{
	height: 32px;
    width: 51px;
    display: inline-block;
    margin: 0px 10px 10px 0;
    background-size:51px 32px;
}

.cctext{
	display: inline-block;
    vertical-align: top;
   
}

.VISA{
	background-image:url('../images/ccIcons/visa-curved-32px.png');
	background-repeat: no-repeat;
}

.AMEX{
	background-image:url('../images/ccIcons/american-express-curved-32px.png');
	background-repeat: no-repeat;
}

.MasterCard{
	background-image:url('../images/ccIcons/mastercard-curved-32px.png');
	background-repeat: no-repeat;
}


a.blueBtn {
    border: 1px solid  #1c84d6;
    border-radius: 3px;
    display: inline-block;
    padding-right: 10px;
    padding-top: 1px;
    color: white;
    text-decoration: none;
    background:#1877c2; 
    font-weight: bold;
   
}

a.blueBtn:hover{
   background: #27b2ff;
}

a.blueBtn:after {
    content: '\27A1';
    color: white;
    font-size: 20px;
}
a.blueBtn span {
    padding: 10px;
    margin-right: 10px;
    display: inline-block;
    background: #1c84d6; 
}


@media (max-width: 670px) {

	a.blueBtn {
		padding:0px;
		font-size:12px;
		margin:0;
		width:100%;
	}

		a.blueBtn:after{
			content:'';
			display: none;
		}
		a.blueBtn span {
			padding:12px;
			margin-right:0;
			margin: 0;
			text-align: center;
		}

}

/* hide up down arrows on number input fields */


input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


input[type=number] {
    -moz-appearance:textfield;
    box-shadow: none;
}


.widget_product_compare .row > .item.item_remove > a .widget_product_compare a#compareBackLink {
	font-size: 12px;
	color: #000;
	text-decoration: none;

}

.orderSummaryPage #box > .body{float:left;}


        .productListingWidget .bottomPagination{
        	padding: 0 10px 10px;
        }

        .productListingWidget .bottomPagination .paging_controls{
        	padding-left:20px;
        	border-left:1px solid #ccc;

        }

        .backToTopLink{color:#656565; font-size: 14px; float:right; margin-right: 5px; margin-top: 12px; }
         .backToTopLink:hover{text-decoration: underline;}
         .backToTopArrow{
         	float:right;	
         	-ms-transform: rotate(-90deg); /* IE 9 */
  			 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  			  transform: rotate(-90deg);

  			  margin-right: 20px;
  			  margin-top:13px;
			}




/*unsupported browser styles */
.ie6_headerWrapper{
	  background-color: #efefef;
	  height:125px;

}
.ie6_Banner{
  height: 125px;
  background:none; margin: 0;
  border: none;
}
.ie6_Header,.ie6_Message{
	text-align: left;
	color:#656565 !important;

}
.ie6_Header{font-weight: bold; padding-top:0px;}

.ie6_Message{
	font-size:15px;
	line-height: 23px;
}
.ie6_Message a:hover{text-decoration: underline;}
.ie6_Position{
	border-top: 10px #F26533 solid;

}
#contentRecommendationWidget_HeaderStoreLogo_Content{
	max-width: 270px;
}
.list_icon{
	margin-left: 5px;

}
div#purchase_options label{
	padding-right:0px !important;
}
.orderSummaryPage .hidethis{
	display:none;
}

/*shipping billing update for spae */
div#shippingServiceLTLOnly{
width:280px;
}


#WC_ShopcartAddressFormDisplay_div_10 .button_primary{
margin-bottom:10px;
}

#editAddressContents a.button_secondary{
margin-bottom:10px;
}

div#headerWrapper + div.content_wrapper_position {
	margin-top: 30px;
}
.store-loc #mapDirectionsForm {
	height: auto;
	overflow: hidden;
}
@media (max-width: 445px) {
	#copyrightContainer a:first-of-type {
		margin-left: 5px;
	}
	#copyrightContainer a:last-of-type {
	    margin-right: 5px;
	}
}

p.registerText{
	font-weight:bold;
	font-size:1em;
}

@media(min-width:769px) and (max-width:1080px){
	
	#footerCol2.outside{
		padding:0;
	}

	#footerCol2.outside #footerCol2 {
       padding: 3% 1%;
	}
	
	#footerCol2 > .section > .header{
		font-size:12px;
	}
}

/* tv-5129 */
  #EmptyCartPopup.requisitionListContent.popup .footer{
    text-align:center;
  }
@media (max-width: 480px) {  
  #WC_UserRegistrationUpdateForm_div_40_error {
   padding-top: 50px;
  }
 }
 
 .catalogEntryRecommendationWidget .product_image{
   text-align:left;
 }

#QuickLinks_GlobalLogin_WC_AccountDisplay_FormInput_logonId_In_Logon_1:focus,
#QuickLinks_GlobalLogin_WC_AccountDisplay_FormInput_logonPassword_In_Logon_1:focus,
#Header_GlobalLogin_WC_AccountDisplay_FormInput_rememberMe_In_Logon_1_img:focus,
#QuickLinks_GlobalLogin_WC_AccountDisplay_FormInput_rememberMe_In_Logon_1_img:focus,
#QuickLinks_GlobalLogin_WC_AccountDisplay_links_1:focus,
#Header_GlobalLogin_WC_AccountDisplay_links_1:focus,
.link[aria-label^='Having trouble']:focus,
#Header_GlobalLogin_WC_AccountDisplay_links_2:focus,
#QuickLinks_GlobalLogin_WC_AccountDisplay_links_2:focus,
#globalLoginWidget a:focus,
.hide-quicklinks a:focus,
#Header_GlobalLogin_signInQuickLink:focus,
#quickLinksButton:focus,
#toggleHeaderDropdownPassword:focus,
#toggleQuickLinksDropdownPassword:focus,
#searchBox .submitButton:focus,
#searchFilterButton:focus,
#contentLink_1_HeaderStoreLogo_Content:focus,
.signInForm .link:focus,
#searchFilterMenu .menuLink:focus,
#Header_GlobalLogin_signOutQuickLink:focus,
#cartDropdown > .closeButton:focus {
 box-shadow: 0 0 3px 1px #a9a9a9;
}

.hide-quicklinks a:focus,
#Header_GlobalLogin_signInQuickLink:focus,
#quickLinksButton:focus,
#contentLink_1_HeaderStoreLogo_Content:focus,
.signInForm .link:focus,
#searchFilterMenu .menuLink:focus,
#globalLoginWidget a:focus {
	border-radius: 5px;
}
 
 
#Header_GlobalLogin_WC_AccountDisplay_links_2:focus,
#QuickLinks_GlobalLogin_WC_AccountDisplay_links_2:focus,
 #QuickLinks_GlobalLogin_WC_AccountDisplay_links_3:focus,
 #Header_GlobalLogin_WC_AccountDisplay_links_3:focus{
 outline:2px solid #000 !important;
 }
 
 
 #quickLinksBar.signedin #become-a-customer_alt{
   display:none;
 }
 
 
 .replacementItems{}
 
 div#widget_coordinate.replacementItems > .content > .coordinate_title{
    width: 100%;
    border-radius: 0;
    background-color: transparent;
    color: #D31245;
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    font-weight: bold;
    max-width: 100%;
    padding: 10px;
 }
 
 
 .obsoleteProduct{
 	opacity: .35;
 }
 
 .obsoleteProduct .namePartPriceContainer{
  
 }
 
 /*
 .replacementItems .button_primary,
 .replacementItems .button.primary,
 .replacementItems .product_option,
 .replacementItems .product_quantity_addtolist,
 .replacementItems .product_info > .product_price{
     display:none;
 }*/
 
  .replacementItems .list_mode .product_info{
    margin-top:5px;
 }
 
  .replacementItems .list_mode .product_info > .product_name > a{
    font-size:14px;
    height:100px;
 }
 
  .replacementItems .list_mode .product > .product_image img{
   max-height:131px;
 }
 
  .replacementItems .quantity_section > .quantity_input{
   height:30px;
   font-size:10px;
   padding:0;
 }
 
  .replacementItems .carousel>.content>ul li .product_name{
   height:200px;
 }
 
.product_page_content .replacementItems .content .merchandisingAssociationWidget .product_info .product_option .button{
   width:58%;
   padding:10px;
   font-size:12px;
 }
 
 .replacementItems .product_info > .product_price{
    margin-top:0;
    height:30px;
 }
 
  .replacementItems .product_quantity_addtolist {
    width: 21%;
}

.replacementItems .carousel>.content>ul {
   margin-right:3%;
}
 
 .replacementItems .carousel.padding-true{
  padding:10px 0;
 }
 
 .replacementItems .button_primary > .button_text,
 .replacementItems .button_secondary > .button_text {
  font-size:12px;
  padding:10px;
 }
 
 .image_container .RibbonAdDefault.notAvailable {
    position: absolute;
    margin-bottom: 0;
    background-color: #444;
    zoom: 1;
    font-family: Hind, arial, Helvetica, sans-serif;
    color: #FFF;
    padding-left: 10px;
    border-radius: 3px;
    text-align: right;
    vertical-align: baseline;
    overflow: visible;
    white-space: nowrap;
    right: 0;
    font-size: 24px;
    top: 60px;
    padding: 0px 20px 0px 20px;
    font-weight: bold;
    }
    
 .replacementItems .product_image .ribbonList {
    right: 18px;
}
       
   
    @media (max-width: 640px){
	     .image_container .RibbonAdDefault.notAvailable {
	        font-size:20px;
	     }
     
    }
/************************** Promo Code ***************************/
 
#discountDetailsSection .info_icon, #shipDiscountDetailsSection .info_icon {
    color: #D31245;
}
@media (min-width: 360px) {
	#shipDiscountDetailsSection{
		width: 195px;
		left: -48px;
		position: relative;
		display: block;
	}
}
.promotion_code_label {
    padding: 6px 0px;
    font-weight: 700;
    text-align: left;
}
.promotions_info {
	padding-top: 20px;
}
.disabled-promo {
    text-decoration: line-through;
    opacity: 0.8;
}
.non-app-promo {
	color: #999;
}
.more_info_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
}
.shopcart_rowHeader_discount_info {
	display: none;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body {
	font-family: Hind, Arial, sans-serif;
    padding: 10px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header {
	font-family: Hind, arial, sans-serif;
	padding: 7px 20px 7px 20px;
}
div[id^="WC_PromotionCodeDisplay_div_"] {
    height: inherit !important;
    overflow: auto !important;
} 
div#WC_SingleShipmentOrderTotalsSummary_div_3 ul li {
    padding: 5px 0;
}

#cartDropdown {
	cursor: auto !important;
	border-top: 0;
	border-radius: 5px;
}
#cartDropdown > h3 {
	background-color: #d9d9d9;
	border-radius: 5px 5px 0 0;
}

#add2CartBtn:hover {
	opacity:.75;
}
a[id^='listViewAdd2Cart']:hover {
	opacity:.75!important;
	background-color: #484F52!important; 
}
 /********  Samples **********/
 .samplesAdd2CartWrapper{
    margin-top:10px;
 }
 
 .button.sampleAdd2CartBtn {
 	background-color: #6a737b;
 }
 .button.sampleAdd2CartBtn:hover {
	opacity: .75;
 }
 
 .dijitTooltip{
     max-width:300px;
     z-index: 9995;
 }
 .dijitTooltip.dijitTooltipRight {
     display: flex;
 }
 .dijitBackgroundIframe {
	/* iframe used to prevent problems with PDF or other applets overlaying menus etc */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.shipping_billing select#expire_year_1{
     width:auto;
}
 /************************** Parent Child Product ***************************/
 
 .definingAttributes .currentUsedFilters {
    font-size: 12px;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 10px;
}
.required-selectWrapper {
    border: #ff0000 1px solid;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

      body { cursor : pointer; }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
     body { cursor : pointer; }
}

.shipping_address select#onHoldFlag {
    width: auto;
    margin-top: 10px;
}

/***** updated checkout radio inputs ****/

.breadcrumb-radio input.radio + label span.newRadio {
    background: url("../images/responsive/newinput.png") -36px no-repeat;
    width: 19px;
    height: 19px;
    margin: -1px 2px 0 0;
    display: inline-block;
    vertical-align: middle;

    }

    .breadcrumb-radio input.radio:checked + label span.newRadio {
    background: url("../images/responsive/newinput.png") -57px no-repeat;
}

div#purchase_options input{
	    vertical-align: middle;
    display: none;
}

div#appliedPromotionCodes {
    margin-bottom: 15px;
}

div#notAppliedPromotionCodes {
    font-style: italic;
}
div#notAppliedPromotionCodes .promotion_used {
    font-style: normal;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 

#OrderStatusDetailsDisplayExt_ul_1, .order_status_table .row.orderStatusDetailsMobile{
    width:125%;
}

#container_MyAccountDisplayB2B #RefreshAreaDisplay.col9{
  width:65%;
}


}

/* Cookie display banner */

#cookie-law {
	max-width: 100%;
	background: #4f4f4f;
	margin: 0 auto;
	text-align: center;
	bottom: 0;
	position: fixed;
	width: 100%;
	opacity: 1;
	display: block;
	z-index: 3000000000;
}

#cookie-law p {
	padding: 20px 40px 20px 20px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

#cookie-law a.close-cookie-banner {
	position: absolute;
	top: 10px;
	right: 10px;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
}

@media  only screen and (min-device-width: 320px) and (max-device-width: 768px) {

#cookie-law p:first-child {
    height: 0px;
}
#cookie-law p:last-child {
    height: 0px;
}

#cookie-law p {
	padding: 5px 0px;
	font-size: 12px!important;
}

#cookie-law a.close-cookie-banner {
    font-size: 20px!important;
    top: 25px;
}

}
 
}

@media (min-width: 768px){
	#singleOrderSummary .button_text {
		padding-left: 40px;
	}
}

#singleOrderSummary .button_text::before {
	content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    width: 18px;
    height: 24px;
    display: block;
    position: absolute;
    top: 6px;
    left: 10px;
}

.read-more {
	padding: 6px;
	border-radius: 4px;
	font-size: 14px;
	margin-top: 5px;
	font-weight: 600;
	background-color: transparent;
	color: #000;
	width: 53%;
	margin: auto;
}

.read-more:hover{
	background-color: #E0E0E2;
	opacity: 0.8;
	cursor: pointer;
}

#signInSuccessPanel{
	font-size: 18px;
	font-weight: 600;
    text-align: center;
}

@media (min-width: 641px){
	.product_page_content .slot5 {
		padding-left: 3%
	}
}

@media (max-width: 640px){
	.product_page_content .slot5 {
		padding-top: 25px
	}
}


#facet_nav_collapsible_my_account #my-account-icon{
	display: block;
	position: relative;
	margin: -10px 5px -10px -12px;
	padding: 10px 5px 10px 34px;
	font-size: 17px;
	font-weight: inherit;
	overflow: hidden;
	min-height: 2.4em;
	float: left;
	width: 10px;
}

#facet_nav_collapsible_my_account #my-account-icon:before {
	content: url("../images/responsive/rwdUI.png");
	position: absolute;
	top: -27px;
	left: -49px;
	clip: rect(41px,78px,58px,61px);
}

#content .collapsible[aria-expanded="false"] > #my-account-icon:before {
    left: -29px;
    clip: rect(41px,58px,58px,41px);
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.my-account-invoice {
	font-size:14px;
	margin-bottom: 8px;
}

.my-account_delete_address_disclaimer {
	font-family: Hind, arial, helvetica, sans-serif;
	font-size:16px;
}

.dijitBackgroundIframe { 
   height: 0px !important;
}

#toTopBtn {
  display: none;
  position: fixed;
  bottom: 160px;
  right: 30px;
  z-index: 99;
  font-size: 32px;
  border: none;
  outline: none;
  cursor: pointer;
  
  width: 40px;
  height: 40px;
  background: #D31245;
  vertical-align: inherit;
  color: white;
  padding-top: 8px;

}

#toTopBtn:hover {
  background-color: #555;
}

[id^='contentRecommendationWidget_4'] {
display: none;
}

/* begin Save for Later section on cart page */
.save_for_later_container .grid {
    display: flex;
    flex-wrap: wrap;
}

.save_for_later_container .product {
	margin-bottom: 15px;
}

.save_for_later_container .product .product_name,
.save_for_later_container .product .product_price {
	height: auto;
	min-height: auto;
}

#order_details .save_for_later_container .product .product_info {
	width: 100%;
	margin: 0;
	float: none;
	min-height: auto;
}

.save_for_later_container .button.primary {
	margin-bottom: 10px;
}

.save_for_later_container .requisitionListBox .addRequisitionList .addToShoppingListBtn {
	width: 100%;
	max-width: none;
	margin: 0;
}

.save_for_later_container .remove_address_link {
	display: block;
	margin-top: 15px;
}

@media (max-width: 767.98px) {
	.save_for_later_container .grid > li {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 8px;
        padding-bottom: 18px;
        padding-right: 0;
        padding-left: 0;
    }

	.save_for_later_container .product {
		display: flex;
		max-width: none;
	}

	.save_for_later_container .product .image {
		flex-shrink: 0;
        margin-right: 10px;
	}

	#order_details .save_for_later_container .product .product_gap {
		display: none;
	}

    .save_for_later_container br,
	.save_for_later_container .product .part_number + br {
		display: none;
	}

	.save_for_later_container .product .product_name {
		margin-top: 0;
	}

	.save_for_later_container .button {
		width: 100%;
	}

	.save_for_later_container .button.primary {
		margin: 0 0 10px 0;
	}

	.save_for_later_container .OrderItemMoveToRequisitionLists {
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	.save_for_later_container .grid > li {
		display: flex;
		flex-direction: column;
        width: 50%;
    }

	.save_for_later_container .button.primary {
		margin-top: auto;
	}
}

@media (min-width: 1160px) {
	.save_for_later_container .grid > li {
        width: 33.3333%;
    }
}

@media (min-width: 1260px) {
	.save_for_later_container .grid > li {
        width: 25%;
    }
}
/* end Save for Later section on cart page */

/* begin header subcategory */
@media (max-width: 768.98px) {
	.departmentMenu .categoryList > li.has-subcategories li.more > a {
	    font-weight: bold;
	    text-transform: uppercase;
	}
	.departmentMenu .subcategoryList {
		display: none;
	}
	.departmentMenu .subcategoryList.active {
		display: block;
	}
	.departmentMenu .categoryList > li.has-subcategories {
		position: relative;
	}
	.departmentMenu .categoryList > li.has-subcategories a {
		font-weight: normal;
    	text-transform: none;
	}
	.departmentMenu .categoryList > li.has-subcategories .subcategoryList {
		padding-left: 10px;
	}
	.departmentMenu .categoryList > li.has-subcategories .subcategoryList > li {
		width: 49%;
	}
	.departmentMenu .categoryList .toggle {
	    display: block;
	    position: absolute;
	    right: -8px;
	    top: 0;
	    margin: 8px 0;
	    padding: 8px;
	    font-family: Hind, monospace;
	}
	.departmentMenu .categoryList .toggle:before {
		display: none;
	}
	.departmentMenu .categoryList .toggle > span:before {
	    content: "[+]";
	}
	.departmentMenu .categoryList .toggle.selected > span:before {
	    content: "[-]";
	}
	.sales-catalog-button-wrapper {
		transform: translate(-10px, 18px);
		max-width: 110px;
	}
	.sales-catalog-button-wrapper.last {
		margin-right: 10px;
	}
	.sales-catalog-button-wrapper .basicButton.salesCatalogButton {
		display: block;
	}
	.sales-catalog-button-wrapper .basicButton.salesCatalogButton span {
		line-height: 1rem;
		padding: 0 15px;
		height: 44px;
		font-size: 14px;
	}
}
@media (min-width: 769px) {
	.departmentMenu > .header {
		display:none;
	}
	.departmentMenu .subcategoryList,
	.departmentMenu .categoryList .toggle {
		display: none;
	}
	.departmentMenu .categoryList a {
		font-weight: normal;
		text-transform: none;
	}
	.departmentMenu .categoryList > li:hover .subcategoryList {
		display: block;
		position: absolute;
		width: 130%;
		margin-left: 100px;
    	margin-top: -20px;
		padding: 3px 7px 7px 7px;
		background-color: white;
		border: 1px solid #c9cece;
		border-radius: 0 4px 4px 4px;
	}
	.departmentMenu .categoryList > li:hover .subcategoryList a {
		line-height: 1rem;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.mainMenuWrapper .centered-menu {
		text-align: center;
		float: none;
	}
	.mainMenuWrapper .centered-menu li {
		text-align: left;
	}
}
/* end header subcategory */

/* begin blog page */
.blog-page {
	background-color: #f3f3f3 !important;
}
.blog-page.blog-detail-page {
	background-color: white !important;
}
.blog-page .breadcrumbs {
	display: flex;
	align-items: center;
	height: 60px;
	background-color: #f3f3f3;
	padding: 0 5px;
	box-shadow: 0 6px 8px rgb(0, 0, 0, 0.05);
}
.blog-page .breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.blog-page .breadcrumbs li {
	display: inline;
}
.blog-page .breadcrumbs li+li:before {
	content: "/";
	display: inline-block;
	margin: 0 9px 0 5px;
}
.blog-page .breadcrumbs a {
	color: #036fed;
	font-weight: bold;
}
.blog-page .market-corner-and-brands {
	max-width: 1280px;
	padding: 0 5px;
	margin: 30px auto 0 auto;
	width: 100%;
}
.blog-page .market-corner  {
	padding-bottom: 30px;
}
.blog-page .brands {
	border-bottom: 1px solid #bdbdbd;
	padding-bottom: 30px
}
.blog-page .filter-and-search {
	max-width: 1280px;
	padding: 30px 5px 10px 5px;
	margin: 0 auto;
	width: 100%;
}
.blog-page .filter-and-search .filter,
.blog-page .filter-and-search .search {
	width: 100%;
}
.blog-page .filter-and-search .filter label {
	margin-right: 5px;
}
.blog-page .filter-and-search .filter select {
	border: 0;
	background-color: transparent;
	font-weight: bold;
	padding-right: 0;
	text-transform: capitalize;
}
.blog-page .filter-and-search .filter select.initial {
	appearance: none;
}
.blog-page .filter-and-search .filter select.hidden {
	visibility: hidden;
}
.blog-page .filter-and-search .filter select option:after {
	content: "foo";
	display: inline-block;
}
.blog-page .filter-and-search .search .search-input {
	width: 100%;
	padding-right: 20px;
}
.blog-page .filter-and-search .search form {
	position: relative;
}
.blog-page .filter-and-search .search form button {
	position: absolute;
	right: 0;
	width: 40px;
	height: 100%;
	border: 0;
	background-color: transparent;
	opacity: 0.7;
	cursor: pointer;
}
.blog-page .filter-and-search .search form button:after {
	content: "";
	background-image: url(/wcsstore/AuroraB2BStorefrontAssetStore/images/search-icon.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 7px;
	left: 10px;
}
.blog-page .posts {
	display: flex;
	flex-wrap: wrap;
	max-width: 1280px;
	margin: 0 auto;
}
.blog-page .no-results {
	padding: 10px 5px;
}
.blog-page .post-wrapper {
	display: flex;
	padding: 10px 5px;
}
.blog-page .post {
	display: flex;
	flex-direction: column;
	background-color: white;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.15);
}
.blog-page .post.full-width {
	padding: 40px;
}
.blog-page .post .title {
	font-size: 24px;
	line-height: 1.2em;
	font-weight: bold;
	color: black;
}
.blog-page .post .title .arrow {
	white-space: nowrap;
}
.blog-page .post .title .arrow:after {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	border-top: 2px solid #036fed;
	border-right: 2px solid #036fed;
	transform: rotate(45deg);
}
.blog-page .post .metadata {
	margin: 12px 0;
	color: #666;
}
.blog-page .post .metadata a {
	color: #036fed;
	font-weight: bold;
}
.blog-page .post .content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 20px;
	color: #424242;
}
.blog-page .post .image-container {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	border-radius: 10px 10px 0 0;
}
.blog-page .post .image-container img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.blog-page .post .copy {
	position: relative;
	max-height: 200px;
	overflow: hidden;
	margin-bottom: 20px;
}
.blog-page .post .singlecopy {
	position: relative;
	overflow: hidden;
	margin: 20px 0;
}
.blog-page .post .copy:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	height: 1.2em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
.blog-page .post .read-more-container {
	width: 100%;
	text-align: right;
}
.blog-page .post .read-more-blog-link {
	font-weight: bold;
	color: #036fed;
}
.blog-page.blog-detail-page .post {
	box-shadow: none;
}
.blog-page.blog-detail-page .title {
	font-weight: normal;
	font-size: 28px;
	line-height: 1.2em;
	color: inherit;
}
@media (min-width: 768px) {
	.blog-page .market-corner-and-brands {
		display: flex;
		margin-top: 40px;
	}
	.blog-page .market-corner {
		width: 66.666666%;
		padding-right: 20px;
		border-bottom: 1px solid #bdbdbd;
		padding-bottom: 30px
	}
	.blog-page .brands {
		width: 33.333333%;
		padding-left: 20px;
	}
	.blog-page .filter-and-search {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.blog-page .filter-and-search .filter,
	.blog-page .filter-and-search .search {
		width: 50%;
	}
	.blog-page .filter-and-search .search {
		max-width: 500px;
	}
	.blog-page .posts {
		padding: 10px 0;
	}
	.blog-page .post-wrapper {
		width: 50%;
	}
	.blog-page .post {
		
	}
	.blog-page .post .read-more-container {
		margin-top: auto;
	}
}
@media (min-width: 1024px) {
	.blog-page .post-wrapper {
		width: 33.333333%;
	}
}
/* end blog page */

.grecaptcha-badge {
bottom: 90px !important;
}

.basicButton.salesCatalogButton {
background: white;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
z-index: 100;
}
.basicButton.salesCatalogButton:focus {
	text-decoration: underline;
}
.basicButton.salesCatalogButton:hover {
	opacity: 1 !important;
	text-decoration: underline;
}
.basicButton.salesCatalogButton > span {
color: black;
font-size: 15px;
font-family: Hind, sans-serif;
text-transform: none;
font-weight: normal;
z-index: -1;
}

a.links {
  color: #036FED;
  }
a.links:hover{
  opacity: 0.7;
}
#box .my_account .body {
	border-radius: 0 0 5px 5px;
}
.myaccount_section_header {
	background-color: #d9d9d9;
	border-radius: 5px 5px 0 0;
	border: 0;
}
.my_account .header,
.myaccount_desc_title {
	color: #4d4d4d;
}
.my_account .myaccount_link {
	color: #036fed;
}
.remove_address_link:hover {
	text-decoration: underline;
}
.newShippingAddressButton a {
	color: #4d4d4d;
}
.account-password-field {
	position: relative;
	width: 100%;
}
.account-password-field .inputField {
	padding-left: 38px;
	width: 100%;
	max-width: 340px;
}
.account-password-field .fa-eye {
	position: absolute;
	top: 0;
	left: 0;
	cursor:pointer;
	background-color:#F5F5F5;
	border: 1px solid #ccc;
	width:30px;
	border-radius:5px 0px 0px 5px;
	text-align:center;
	height:33px;
	vertical-align:middle;
	justify-content:center;
	align-items:center;
	margin-bottom:3px;
	padding-top:9px;
}

.invoiceNoLink {
	color: #036fed;
}
.invoiceNoLink:hover {
	text-decoration: underline;
}
.invoiceNoLink span {
	color: inherit;
}

.product_page_content .addRequisitionList .button {
	background-color: #d9d9d9;
	border: 0;
}

/* begin Designer Workroom desktop nav */
@media (min-width: 1280px) {
	#header.designer-workroom-header > .mainMenuWrapper {
		display: none;
	}
	#header.designer-workroom-header #searchBar {
		width: 350px;
	}
}
#headerRow2 .mainMenuWrapper {
	width: auto;
	background: transparent;
	border: 0;
}
#headerRow2 .mainMenuWrapper .departmentButton {
	color: #4d4d4d;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
}
#headerRow2 .mainMenuWrapper .departmentButton:hover,
#headerRow2 .mainMenuWrapper .departmentButton.selected {
	box-shadow: 0px 12px 0px #fff, 0 1px 5px rgba(0,0,0,0.5);
}
#headerRow2 .mainMenuWrapper .departmentButton .arrow-down {
	border-top-color: #4d4d4d;
}
#headerRow2 .mainMenuWrapper #allDepartmentsButtonListItem {
	display: none;
}
#headerRow2 .mainMenuWrapper div[controllerid=departmentSubMenu_Controller] {
	float: none;
}
#headerRow2 .mainMenuWrapper #departmentsMenu {
	text-align: center;
	margin-top: 12px;
	font-size: 0;
}
#headerRow2 .mainMenuWrapper #departmentsMenu > li {
	text-align: left;
	padding-left: 10px;
}
#headerRow2 .mainMenuWrapper #departmentsMenu > li:first-child {
	padding-left: 0;
}
#headerRow2 .mainMenuWrapper .departmentMenu {
	border-radius: 0 5px 5px 5px;
	width: 180px;
	margin-left: 10px;
}
#headerRow2 .mainMenuWrapper li:first-child .departmentMenu {
	margin-left: 0;
}
#headerRow2 .mainMenuWrapper .subcategoryList {
	left: 100%;
	margin-left: -15px;
	margin-top: -35px;
	padding: 10px 20px;
	border: 0;
	border-radius: 5px;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.5);
}
/*end Designer Workroom desktop nav */


.activeTab a.salesCatalogButton {
	box-shadow: 0px -4px 4px -1px rgba(0,0,0,.25);
}

.inactiveTab a.salesCatalogButton {
	background-color: #f3f3f3; 
	box-shadow: 3px -2px 4px -1px rgba(0,0,0,.25), inset 3px -2px 4px -1px rgba(0,0,0,.25);
}

.load-more-button-container{
  text-align: center;
}
.load-more-button-container>.load-more-button{
  background-color: #ffffff;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  color: #4d4d4d;
  font-size: 16px;
  padding: 10px 20px;
  display: flex;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.load-more-button-container>.load-more-button:hover{
  background-color: #767676;
  border-color: #767676;
  color: #ffffff;
}
.load-more-button-container>.load-more-button.disabled{
  cursor: not-allowed;
  background-color: #ffffff;
  border: 1px solid #a0a0a0;
  color: #4d4d4d;
}
.load-more-button-container+.bottomPagination>.paging_controls{
  display: none;
}
.load-more-button-container>.load-more-button>.loading, .load-more-button-container>.load-more-button>img{
  display: none;
}
.load-more-button-container>.load-more-button.disabled>.loading{
  display: inline-block;
}
.load-more-button-container>.load-more-button.disabled>.load{
  display: none;
}
.load-more-button-container>.load-more-button.disabled>img{
  display: block;
}
.load-more-button-container>.load-more-button.disabled>.load{
  display: none;
}
.load-more-button-container>.show-count{
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}
.edd-details{
  margin-top: 15px;
}
.edd-details-mobile {
  display: none;
}
@media (max-width: 640px) {
  .edd-details-mobile {
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
  }
}
