/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2011, 2016 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */

/* CSS Document */

/* Sign-in page
-------------------------------------------------------------------
*/

/* Used for forgot password page */
.sign_in_registration .forgot_password_container {
	width:100%;
	float:left;
}
.sign_in_registration .forgot_password_container .align {
	height:160px;
}
.sign_in_registration .forgot_password_container #WC_ActivationResendForm_div_7 {
	height:270px;
}
.sign_in_registration .forgot_password_container #WC_PasswordUpdateForm_div_7 {
	height:205px;
}
.sign_in_registration .forgot_password_content {
	width:100%;
	font-size:12px;
}
.sign_in_registration .forgot_password_header_return {
	background: url('../images/colors/color1/forgot_password.png');
	background-repeat:no-repeat;
	width:773px;
	height:44px;
}
.sign_in_registration .forgot_password_align {
	padding:5px 5px 30px 59px;
	border-left:solid 1px #c9d3de;
	border-right:solid 1px #c9d3de;

}
.sign_in_registration .update_password_align {
	padding:5px 5px 10px 59px;
	border-left:solid 1px #c9d3de;
	border-right:solid 1px #c9d3de;
	height:180px;
}

#ResendActivationForm span.strongtext label {
	display:block;

}

/* Align bullets in sign-in page */
#WC_AccountDisplay_div_23 ul {
	padding-left: 15px;
}

.headingtext {
	float:left;
}

.quick_drop {
	float:left;
	width: 44.5%;
}

/* UserRegistrationAddForm.jsp */
.sign_in_registration .form .content .align {
	padding:5px 15px;
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	height:auto;
}
.sign_in_registration .header_registration {
	background: url('../images/colors/color1/registration_header.png');
	background-repeat:no-repeat;
	width:773px;
	height:44px;
}
.sign_in_registration .heading {
	padding:17px 5px 0px 59px;
}
.registration_header {
	color:#777777;
	font-size:16px;
	font-weight:normal;
}
.checkbox_label_registration{
/* remove this so that the string is wrapped when it is really long.
	float:left; */
	padding-left: 10px;
	vertical-align:middle;
}

.sign_in_registration #resendActivationLink {
	margin: 10px 0px;
}

.checkbox_registration {
	float:left;
}

/* Shopping Cart page
-------------------------------------------------------------------
*/
#box {
	min-height:400px;
	padding:0px 0px 0px 0px;
	margin:0px;
	display:block;
}

#box.myAccountMarginRight{
	margin-bottom: 10px;
	margin-top: 10px;
}
/* box_1 used in address entry form in OrderShippingDetails page */
#box .body, #box_1 .body {
	float:none;
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
}

#box .body .title {
	font-weight:bold;
	padding-bottom: 2px;
}

#box .content_text {
	font-size:12px;
}

#box .contentgrad_header, #box_1 .contentgrad_header {
	height:33px;
	background:url('../images/colors/color1/box_grad_header_tile.png');
	background-repeat:repeat-x;
	margin:0px auto;
}

#box .contentgrad_header .left_corner, #box_1 .contentgrad_header .left_corner  {
	float: left;
	background: transparent url('../images/colors/color1/box_grad_header_left.png') no-repeat;
	width: 9px;
	height: 33px;
}

#box .contentgrad_header .right_corner, #box_1 .contentgrad_header .right_corner {
	float: right;
	background: transparent url('../images/colors/color1/box_grad_header_right.png') no-repeat;
	width: 10px;
	height: 33px;
}

/* ShopCartDisplay.jsp cost breakdown */
#total_breakdown {
	float:right;
	padding:5px 9px 10px 0px;
	text-align: right;
	display:inline-block;
	vertical-align:top;
}

#total_breakdown #order_total {
	float:left; /* Dev: to maintain the tab order */
	min-width: 165px;
}
#total_breakdown #order_total  .total_details {
	text-align: right;
	padding-right: 14px;
}
#total_breakdown #order_total  .total_figures {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif; /*Fix Japanese Yen */
	font-size:12px;
}
#total_breakdown #order_total .order_total {
	font-weight:bold;
	color:#777777;
}

/* ShopCartDisplay.jsp promotion entry */
#total_breakdown #promotions {
	float:left; /* Dev: to maintain the tab order */
	padding-right:20px;
	padding-top:3px;
}
#total_breakdown .promotion_code {
	display: inline-block;
	/* float:left; */
	height:23px;
	padding-right:4px;
	padding-top:3px;
	vertical-align: middle;
}
#total_breakdown .promotion_input {
	display: inline-block;
	/* float:left; */
	height:23px;
	padding-right:5px;
	vertical-align: middle;
}
	#total_breakdown .promotion_input input {
		height: 16px;
		font-family: Arial;
		color: #4D4D4D
	}
#total_breakdown .promotion_button {
	display: inline-block;
	/* float:left; */
	vertical-align:middle;
	/* height: 23px; */
}
#total_breakdown .promotion_button > br {
	display: none;
}
#total_breakdown .promotion_used {
	clear: both;
	float: left;
	padding-right: 5px;
	text-align: left;
}

#total_breakdown .promotion_delete {
	float:right;
	width:80px;
	padding-left:3px;
	text-align:left !important;
}

/* ShopCartDisplay.jsp order item table */
#order_details {
	/*float:left;*/
	clear:both;
	padding-bottom:10px;
	margin-top:5px;
}

#order_details tr th div .italic {
	font-style:italic;
	color: #4d4d4d;
}

#order_details tr th div p {
	 color:#006ECC;
}

.wallet_item_details_link, .remove_address_link {
	 color:#4D4D4D;
}

#order_details .strong_content, .strong {
	color: #777777;
	font-weight:bold;
}

#order_details .align_center {
	text-align:center;
}


#order_details .align_left {
	text-align: left;
}

#order_details .shipAddress{
	min-width: 100px;
	max-width: 150px;
	word-wrap: break-word;
}
#order_details .shipMethod{
	min-width:110px;
	max-width:200px;
}
#order_details .requestedShippingDate {
	width:12%;
	padding-right:4px;
}
#order_details .expedite {
	text-align: left;
	width: 10%;
}
#order_details .received {
	text-align: center;
	padding-right: 8px;
	width: 90px;
}
#order_details .avail {
	text-align: left;
	width:90px;
	padding-right:4px;
}
#order_details .QTY {
	text-align: center;
	width: 40px;
}
#order_details .QTY .short {
	width:20px;
}
#order_details .each {
	font-family: Arial, Helvetica, sans-serif; /*Fix Japanese Yen */
	text-align: right;
	width: 70px;
}
#order_details .each .short {
	width: 50px;
}
#order_details .total {
	font-family:arial,helvetica,sans-serif;
	text-align: right;
	width: 70px;
}
#order_details .total .short {
	width: 50px;
}

#order_details .purchase_date {
	width: 100px;
	padding-left: 8px;
	text-align: left;
}
#order_details .regmemo_textarea{
	margin-bottom:2px;
	margin-right:-7px;
}
#order_details th {
	height:18px;
	vertical-align:top;
	padding:0px;
	font-weight:bold;

}
#order_details tr.nested th {
	border-bottom:1px solid #e5e5e5;
	height:19px;
	vertical-align:top;
	padding-top: 1px;
	padding-bottom: 4px;
	color: #777777;
	line-height:18px;
}

#order_details td {
	border-bottom: 2px dotted #e5e5e5;
	font-weight: normal;
	padding: 8px 0px;
	text-align: left;
	vertical-align: top;
}
#order_details .img {
	float:left;
	padding-right: 7px;
}
#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: 94px;
	text-align: center;
}
#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%;
}
#order_details  div[id^="WC_OrderItemDetailsf_div_2_"] {
	width: 220px;
}
#order_details .product_specs {
	margin-left: 16px;
}
.shipping_billing_img_padding {
	overflow-x: scroll;
}
.shipping_billing_img_padding #order_details .itemspecs a.discount {
	padding-left: 0px;
}

#order_details #WC_OrderItemDetailsf_div_1_1.img {
	margin-bottom: 11px;
}
#order_details .itemspecs {
	float:left;
	vertical-align:middle;
}
#order_details .itemspecs a.discount {
	padding-left: 70px;
}
#order_details .itemspecs .icon_link{
	vertical-align:top;
}
.info_icon {
	padding-left:5px;
}

#order_details .th_align_left_normal {
	min-width: 120px;
	border-bottom: 2px dotted #E5E5E5;
	font-weight: normal;
	padding: 6px 0;
	text-align: left;
	vertical-align: top;
}

#order_details .th_align_left_normal .itemspecs {
	padding-right:10px;
}

#order_details .th_align_left_no_bottom {
	border-bottom:0px;
}

#order_details .th_align_left_dotted_top_solid_bottom {
	/*this class is used when there is a discount*/
	border-top:1px dashed #e5e5e5 !important;
	text-align:left;
	font-weight:normal;
	padding:6px 7px 6px 7px;
	vertical-align:top;
	border-bottom:1px solid #e5e5e5 !important;
	text-align:right;
}

#order_details .align_right, .each, .total {
	text-align:right;
	padding-top:10px;
}

#order_details input {
	font-family: Arial;
	color: #4D4D4D
}

.order_details_my_account {
	padding:4px 0px 4px 0px;
}

#box.shopping_cart_box {
	min-height:240px;
	font-size:12px;
	color: #4d4d4d;
	font-family: Arial;
}

#box.shopping_cart_box .espot_checkout_bottom_right {
	margin-left:580px;
}

#box.shopping_cart_box .espot_payment {
	display:inline-block;
}
div#shopping_cart_product_table_tall {
	font-size:12px;
	color: #4d4d4d;
	line-height:0px;
	margin-bottom: 0px;
}

div#scheduling_options {
	line-height:2;
}

/* CheckoutLogon.jsp when an unregistered user views the shopping cart */
#customers_new_or_returning {
	padding-top:15px;
}
#customers_new_or_returning .returning {
	float:left;
	text-align:left !important;
	padding:10px 0px 52px 20px;
	width:220px;
	border-left:2px dotted #e5e5e5;
	position:relative;
}
#customers_new_or_returning .new {
	float:left;
	padding:10px 20px 73px 0px;
	text-align:left !important;
	width:220px;
	position:relative;
}
#customers_new_or_returning .new_returning_button {
	text-align:left !important;
	padding:10px 0px 0px 0px;
	width:220px;
	position:absolute;
	bottom:0px;
}
#customers_new_or_returning h2 {
	font-size:12px;
	font-weight:bold;
	color: #777777;
}

#customers_new_or_returning input {
	font-family: Arial;
	color: #4D4D4D
}

/* Unregistered checkout address form
-------------------------------------------------------------------
*/

#unregistered_form {
	font-size:12px;
}

@media (min-width: 960px) {
	#unregistered_form .col1_bill {
		border-right:2px dotted #e5e5e5;
	}
	#unregistered_form .col2_ship {
		float:left;
	}
}
#unregistered_form .col1_bill {
	float:left;
	width:410px;
	padding-left:8px;
	padding-right:25px;
	margin-right:50px;
}

.col1_bill > h2, .col2_ship > h2 {
	color:#777777;
	font-weight:bold;
	font-size:14px;
	padding-bottom:10px;
}

#unregistered_form .col2_ship {
	width:400px;
	padding-left:8px;
}

.sixpixels{
	float:left;
	height:10px;
	padding-left:6px;
}

.denote_required_field {
	margin:15px 0px;
}

.required-field {
	width: 8px;
	color: #ff0000;
	padding-top:2px;
	display: inline;
}

.form_input {
	width:185px;
}

.button_right_side_message {
	padding:0px 0px 0px 10px;
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	color:#777777;
}

/* ShippingDetailsDisplay.jsp
-------------------------------------------------------------------
*/

#box .header_element_align {
	display: inline-block;
	margin: 9px 7px;
	vertical-align: middle;
}

#location .location_select {
	margin-right:15px;
	float:left;
}

#location .location_select_form {
	padding-right:0px;
	height:30px;
}

#location .location_select_button {
	padding-top: 13px;
	padding-left:5px;
	margin-left:5px;
	display:block;
}

/* StoreLocator.jsp
-------------------------------------------------------------------
*/
#box .content_header {
	padding: 10px;
	border-right: solid 1px #e5e5e5;
	border-left:solid 1px #e5e5e5;
}

#box .content_header .shipping_info_espot {
	float: left;
}

.instruction {
	font-size: 14px;
	margin-bottom:10px;
}

#box .content_footer, #box_1 .content_footer {
	height:39px;
	background:url('../images/colors/color1/box_footer_tile1.png');
	background-repeat:repeat-x;
	border-right: solid 1px #e5e5e5;
	border-left:solid 1px #e5e5e5;
}

#box .espot_checkout_bottom {
	padding-bottom:20px;
	padding-left:10px;
	font-size:12px;
}

#box .espot_checkout_bottom .espot_checkout_bottom_right {
	margin-left:800px;
}

.content_wrapper .content_left_shadow .content_right_shadow .main_content .container_full_width .espot_checkout_top {
	margin-left:740px;
	padding-top:5px;
	display:block;
	font-size:12px;
}

/* Add to the above so other top espots aren't affected */
.content_wrapper .content_left_shadow .content_right_shadow .main_content .container_full_width .gift_header .espot_checkout_top {
	position:relative;
	top:-35px;
}

#box .content_footer .left_corner, #box_1 .content_footer .left_corner {
	float: left;
	background: transparent url('../images/colors/color1/box_footer_left1.png') no-repeat;
	width: 11px;
	height: 39px;
}

#box .content_footer .right_corner, #box_1 .content_footer .right_corner {
	float: right;
	background: transparent url('../images/colors/color1/box_footer_right1.png') no-repeat;
	width: 11px;
	height: 39px;
}

.button_footer_line {
	padding-top: 18px;
	padding-bottom: 8px;
	float:left;
/*  clear: left; causes button to disappear and a messed up footer in myaccount pages */
}

.button_footer_line_csr {
	float:right;
}

.no_float {
	float:none;
}

.content_footer .button_footer_line {
	padding-top: 2px;
}

.store_locator_title {
	font-size: 22px;
	color: #CA4200;
	padding-bottom:5px;
}

/* SelectedStoreList.jsp
-------------------------------------------------------------------
*/
div#your_store_list .text_padding {
	padding: 10px 0;
	font-size:14px;
}

/* StoreLocatorResults.jsp
-------------------------------------------------------------------
*/

#bopis_table {
	padding-bottom:4px;
	margin-top:5px;
}

#bopis_table th, #bopis_table1 th {
	border-bottom:1px solid #e5e5e5;
	height:18px;
	vertical-align:top;
	text-align:left;
	color: #777777;
	font-weight:bold;

}

#bopis_table td {
	padding:6px 0px;
	vertical-align:top;
}

#bopis_table .dotted_bottom_border {
	border-bottom:1px dotted #E5E5E5;
}

#bopis_table td.avail img{
	vertical-align: middle;
}

#bopis_table1 {
	padding-bottom:4px;
	margin-top:5px;
}
#bopis_table1 .dotted_bottom_border {
	border-bottom:2px dotted #E5E5E5;
}

#bopis_table1 td {
	padding:6px 10px 0 0;
	vertical-align:top;
}
#bopis_table1 td.avail img {
	vertical-align: middle;
}
#bopis_table1 input {
	margin-right: 16px;
	margin-left: 8px;
}

/* CheckoutStoreSelection.jsp - breadcrumb
-------------------------------------------------------------------
*/
#checkout_crumb .crumb {
	color: #59677d;
	font-size: 12px;
	font-weight: normal;
	padding: 15px 7px 7px 0px;
}

#checkout_crumb .crumb a {
	text-decoration:none;
	color: #CA4200;
	font-size: 12px;
	font-weight: normal;
}

#checkout_crumb .crumb h1 {
	font-size: 12px;
}

#checkout_crumb .crumb p{
	color: #4d4d4d;
}

#checkout_crumb .crumb .on {
	color: #59677d;
	font-weight: bold;
	font-size: 12px;
}

#checkout_crumb .continue_shopping {
	float:right;
	padding-right:8px;
	padding-top:15px;
}

.step_on {
	color: #59677d;
	font-weight: bold;
}

.step_arrow {
	background: transparent url('../images/colors/color1/bar.gif') no-repeat;
	height: 12px;
	width: 16px;
	display: inline-block;
}

/* ShippingDetailsDisplay.jsp
-------------------------------------------------------------------
*/

#box .main_header {
	background: url('../images/colors/color1/box_header_tile1.png');
	background-repeat: repeat-x;
}
#box .main_header:after {
	content: "";
	display: block;
	clear: both;
}

#box .main_header .left_corner {
	float: left;
	background: transparent url('../images/colors/color1/box_header_left1.png') no-repeat;
	width: 11px;
	height: 33px;
}

#box .main_header .right_corner {
	float: right;
	background: transparent url('../images/colors/color1/box_header_right1.png') no-repeat;
	width: 11px;
	height: 33px;
}

#box .main_header_text {
	height:33px;
	line-height:33px;
	margin:0px;
	padding:0;
	white-space: nowrap;
	font-size: 16px;
	color:#777777;
}

#shipping {
	padding-left:0px;
	font-size:12px;
}
#shipping .title {
	font-weight: bold;
}

#shipping .shipping_address {
	/*
	clear: left;
	float:left;
	*/
	padding:10px 50px 5px 0px;
}

#shipping .title {
	color: #777777;
}

#shipping .shipping_method {
	padding:10px 0px 5px 3px;
}

#shipping .shipping_method .dropdown {
	padding-bottom:5px;
}

#shipping .shipping_method .checkbox .element {
	padding:0px 0px 0px 0px;
	margin:0px;
	border:none;
}

#shipping .shipping_method .checkbox .text {
	font-family: Arial;
	font-size:12px;
	vertical-align: 20%;
	padding-bottom:5px;
	color: #4d4d4d;
}

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

div.free_gifts_block {
	float: left;
	width: 691px;
}

#shipping div.free_gifts_block {
	width: 917px;
}

#box .main_header .left_corner_straight {
	float: left;
	background: transparent url('../images/colors/color1/box_header_left_straight.png') no-repeat;
	width: 11px;
	height: 33px;
}

#box .main_header .right_corner_straight {
	float: right;
	background: transparent url('../images/colors/color1/box_header_right_straight.png') no-repeat;
	width: 11px;
	height: 33px;
}

.editAddressLink, .newShippingAddressButton {
	color:#006ECC;
}

/* CheckoutPaymentsAndBillingAddress.jspf
-------------------------------------------------------------------
*/
.payment_heading {
	font-weight:bold;
	width:150px;
	color:#777777;
	font-size:12px;
	padding-top:5px;
}

#billing .billing_address_container, .billing .billing_address_container {
	float:left;
	min-width: 100px;
	max-width: 200px;
	word-wrap: break-word;
}

.card_info {
	display:inline-block;
	width:300px;
}
.card_info .col1 {
	float:left;
	width:365px;
	padding-top:5px;

}
.card_info .col1 .card_number{
	width:160px;
	float:left;
}
.card_info .col1 .date {
	display:block;
	padding-top:5px;
}

.card_info .col1 span input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
.card_info .month_year {
	float:left;
	padding-right:18px;
}
.card_info select {
	width:63px;
}
.card_info a {
	font-family: Verdana;
	font-size:8pt;
	color: #404040;
	text-decoration:none;
	padding-left:4px;
	line-height:19px;
	vertical-align:top;
}
.card_info a:hover {
	text-decoration:underline;
}

.card_info .payment_amount, .billing_method .payment_amount {
	color:#777777;
	font-weight:bold;
	padding-top:5px;
}

.visaCVV2{
	position:relative;
	bottom:5px;
}

/* Used with CVV2 link */
.order_link {
	color: #006ECC;
}


/* Tooltip popups
-------------------------------------------------------------------
*/
/*All the classes are similar to POPUP except that .tooltip_popup and #popup are different. Tooltip popups position should not be absolute and display should be block.*/

.tooltip_popup_price{
	font-family:arial,helvetica,sans-serif;
}

/* Edit Address on OrderShippingBilling page
-------------------------------------------------------------------
*/
#centered_single_column_form {
	width:240px;
	font-size:12px;
}
#centered_single_column_form h1 {
	color:#777777;
	font-weight:bold;
	font-size:14px;
	padding-bottom:10px;
}
#centered_single_column_form_footer {
	padding-right:25px;
	padding-top:10px;
	text-align:left;
}

/* Shipping and billing on summary page
-------------------------------------------------------------------
*/
#shipping .shipping_address_summary {
	float:left;
	padding:10px 100px 5px 3px;
}
#shipping .shipping_method_summary {
	float:left;
	padding:10px 0px 5px 3px;
}

#box .contentline {
	height:8px;
	background-repeat:repeat-x;
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
}

.billing_border{
	border-top:1px solid #e5e5e5;
}

#billing_summary, .billing_summary, .billing_address, .billing_method, #billing_method {
	padding:10px 30px 0px 0px;
	font-size:12px;

}
#billing_summary .title, .billing_summary .title, .billing_address .title, .billing_method .title, #billing_method, #purchase_order .title {
	color: #777777;
}
#billing_summary .billing_address, .billing_summary .billing_address {
	float:left;
	padding:0px 83px 5px 3px;
	width:170px;
}
#billing_summary .billing_method, .billing_summary .billing_method {
	float:left;
	padding:0px 5px 5px 0px;
	width:320px;
}
.shipping_billing_height {
	height:100%;
}

#purchase_order {
	padding: 0 0 0 3px;
}

#WC_SingleShipmentSummary_div_21, #WC_OrderShippingBillingConfirmationPage_div_21 {
	margin-top:10px;
}
#WC_OrderShippingBillingConfirmationPage_div_4 h1 {
	padding:0px;
}

.itemspecs, .billing_address, .shipping_address_nester, .shipping_address, .shipping_address_content, .description_fixedwidth {
	line-height:18px;
}

#billing summary .profile, .billing_summary .profile, .shipping_address_content .profile, .shipping_address .profile, .shipping_address_nester .profile {
	padding-bottom:10px;
}

.price {
	font-family:arial,helvetica,sans-serif !important;
}

.offerprice {
	color: #CA4200;
}

.order_print_signup {
	line-height: 32px;
	padding: 18px 2px 8px;
	font-size:12px;
	color: #4d4d4d;
}

.button_footer_line .left{
	padding-left:5px;
}

.button_side_message {
	padding-left:10px;
	padding-top:6px;
	float:left;
	font-size: 14px;
	color: #777777;
}

#WC_CheckoutPaymentAndBillingAddressSummaryf_div_6, #WC_UnregisteredCheckout_div_9 {
	font-size:12px;
}
#checkoutsms {
	font-size:12px;
}

/* General
-------------------------------------------------------------------
*/

/* Needed by tooltips such as a billing method not selected during checkout */
/*
iframe{
	display:none;
}
*/

.nodisplay {
	display:none;
}

.breadcrumb_current {
	color: #CA4200;
	font-weight: bold;
}

#breadcrumb .on{
	color: #CA4200;
	font-size: 22px;
}

.top_border {
	border-top:1px solid #e5e5e5;
	float:right;
}

.space {
	height:6px;
}

textarea {
	padding: 2px;
	margin:2px 0px 0px 0px;
	font-size:12px;
	font-family: Arial;
	border: 1px solid #bfbfbf;
	overflow:auto;
	color: #4D4D4D
}

.checkbox {
	padding-bottom:3px;
	margin-top:3px;
	margin-right:4px;
	width:13px;
	height:13px;
	border:none;
	vertical-align:middle;
	line-height:0px;
}

.button_left_padding {
	margin-left:6px;
}

.error_msg {
	color: #FF0000;
	padding-bottom:10px;
	display:block;
}

a.hover_underline:hover, .hover_underline a:hover {
	text-decoration:underline;
}

.no_bottom_border {
	border-bottom:0px;
}

/* Free gift popup - PromotionChoiceOfFreeGiftsPopup
-------------------------------------------------------------------
*/

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body > #radio_choices {
	padding: 8px 17px 0 9px;
}

div#radio_choices div {
	margin-bottom: 6px;
}

div#radio_choices div input {
	margin: 0;
	vertical-align: top;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body > #free_gifts_table {
	height: 260px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_secondary {
	display:block;
	float: right;
}

div#free_gifts_table div.gifts_wrapper {
	padding-bottom:10px;
	border-top: 1px solid #c6d0dc;
}

div.gifts_wrapper div.gift_item_container {
	border-bottom:1px solid #c9d3de;
}

div.gift_item_container div.selection {
	float: left;
	padding: 34px 5px 6px 5px;
	width: 25px;
}

div.gift_item_container div.image {
	float: left;
	padding: 6px 5px;
	width: 70px;
}

div.gift_item_container div.image > img {
	width: 100%;
}

div.gift_item_container div.product_info {
	float: left;
	padding: 6px 5px;
	width: 250px;
}

div.gift_item_container div.product_info h2 {
	font-size: 10px !important;
}

div.gift_item_container div.price {
	float: left;
	padding: 6px 5px;
	text-align: right;
	width: 50px;
}

.product_info p.online_availability {
	padding-top: 5px;
}

/* MyAccountDisplay.jsp
-------------------------------------------------------------------
*/

.my_account {
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
}

.my_account .info {
	padding: 8px;
}

.my_account .content {
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	display:block;
}

.my_account_content_bold {
	font-weight: bold;
	color: #777777;
	font-size: 12px;
}

.my_account legend {
	white-space:normal;
	display:table;
}

.status_msg {
	color: #777777;
	font-weight:bold;
}

#box .my_account .body {
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	border-bottom:solid 1px #e5e5e5;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	display:block;
	font-size:12px;
	color: #4d4d4d;
	min-height:150px;
}

#Register input, #WC_AccountForm_div_9 input, #my_account_billing input, #shipAddr input {
	margin-bottom:10px;
}


/* General info table   */
div.info_table {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 10px;
	display:-moz-inline-block;
	display:inline-block;
	zoom:1;
	*display:inline;
}
div.info_table div.row {
	border-bottom: 1px solid #e5e5e5;
}
div.info_table div.row div.label,
div.info_table div.row div.info_content,
div.info_table div.row div.label1,
div.info_table div.row div.label2,
div.info_table div.row div.info_content1{
	float: left;
	text-align: left;
	padding: 7px 0 3px 5px;
	vertical-align: middle;
}
div.info_table div.row div.label {
	border-right: 1px solid #e5e5e5;
	background-color: #fbfbfb;
	width: 130px;
	padding-left: 8px;
	padding-right: 8px;
	height: auto !important;
	min-height: 23px;
	height: 23px;
	font-size: 12px;
}
div.info_table div.row div.info_content {
	background-color: #fff;
	display:-moz-inline-block;
	display:inline-block;
	zoom:1;
	*display:inline;
	border-right: none;
	padding-right: 7px;
	font-size: 12px;
}
div.info_table div.row div.label1 {
	width: 210px;
	padding-left: 5px;
	padding-right: 5px;
	height: auto !important;
	min-height: 23px;
	height: 23px;
	overflow-x:auto;
}
div.info_table div.label1 {
	overflow-x:auto;
}
div.info_table div.row div.label2 {
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 23px;
	height: 23px;
}
div.info_table div.row div.info_content1 {
	display:-moz-inline-block;
	display:inline-block;
	zoom:1;
	*display:inline;
	border-right: none;
	padding-right: 7px;
	height: auto !important;
	min-height: 23px;
	height: 23px;
	width: 210px;
}
div.info_table div.row div.info_content input,
div.info_table div.row div.info_content select {
	margin: 0;
	height: 20px
}


/* RegistrationUpdateCommonPage.jsp
-------------------------------------------------------------------
*/

.form_2column {
	padding:15px 0px 0px 0px;
}
.form_2column .align{
	padding-bottom:10px;
}
.form_2column .column {
	width:305px;
	min-width:50%;
	max-width:100%;
	float:left;
	position: relative;
}
.form_2column .column select {
	max-width: 325px;
}
.form_2column .column_registration {
   width:500px;
   float:left;
}
.form_2column .birthdayColumn {
	float:left;
	width: 28.6%;
}
.form_2column .label_spacer {
	padding-bottom: 5px;
}

/* AddressBookForm.jsp
-------------------------------------------------------------------
*/

.addrbook_header {
	display:inline-block;
	vertical-align:middle;
	padding:8px 0;
}

.address input {
	font-size:12px;
	font-family: Arial;
	margin:2px 0 7px;
	padding:2px;
	height:15px;
	color: #4D4D4D
}
#addr_title h2 {
	font-size: 12px;
}

/* MyAccountQuickCheckoutProfileForm.jsp
-------------------------------------------------------------------
*/

.shipping_billing_content {
	padding:0px;
}
.shipping_billing_content:after {
	content: "";
	display: block;
	clear: both;
}
#my_account_billing {
	width:48%;
	float:left;
	margin-bottom:8px;
}
#my_account_shipping {
	width:48%;
	padding-left:2%;
	float:right;
	border-left:solid 1px #c9d3de;
}
#my_account_billing:after, #my_account_shipping:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 720px) {
	#my_account_billing, #my_account_shipping {
		width:100%;
		padding: 0;
		border:0 none;
	}
}

.my_account .myaccount_link {
	color: #006ECC;
}

.quick_checkout_profile_padding {
	padding-bottom: 7px;
}

/* Order Details table
-------------------------------------------------------------------
*/
.order_status_table {
	padding: 8px 0;
	width: 100%;
	border-collapse: collapse;
}

.order_status_table .ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.order_status_table .ul .li {
	float: left;
	padding: 15px 0px;
}

.order_status_table .ul .row {
	min-height:35px;
}

.order_status_table .ul .clear_float {
	float: none;
	font-size: 0;
	padding: 0;
}
.order_status_table .column_heading {
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	color:#777777;
	text-align: left;
}
.order_status_table .column_heading th.li {
	padding-top: 3px;
	padding-bottom: 15px;
}
.order_status_table .row {
	border-bottom: 2px dotted #e5e5e5;
	min-height: 30px;
}
.order_status_table .ul .row .li {
	padding: 6px 5px;
}
.order_status_table .ul .row .clear_float {
	padding: 0;
}
.order_status_table .order_number_column_1 {
	width: 14%;
}

.order_status_table .order_date_column_1 {
	width: 16%;
}

.order_status_table .status_column_1 {
	width: 17%;
	line-height:18px;
}

.order_status_table .status_column {
	width: 17%;
}

.order_status_table .total_price_column_1 {
	text-align: right;
	width: 15%;
}

.order_status_table .order_scheduled_column_1 {
	width: 18%;
}

.order_status_table .next_order_column_1 {
	width: 17%;
}

.order_status_table .order_status_column_1 {
	width: 5%;
}

.order_status_table .order_number_column_1 span {
	display: block;
}

div#PreviouslyProcessed {
	padding-right: 10px;
}
div#WaitingForApproval {
	padding-right: 10px;
}

.order_status_table .purchase_order_column_1 {
	width: 16%;
}
.order_status_table .option_1 {
	width: 22%; /* Increased for g18n */
	float: right !important;
}

@media (max-width: 900px) {
	.order_status_table .option_1  .button_text {
		padding: 0 10px;
	}
}

.order_status_table .order_number_column_2 {
	width: 27%;
}
.order_status_table .last_updated_column_2 {
	width: 27%;
}
.order_status_table .purchase_order_column_2 {
	width: 18%;
}
.order_status_table .total_price_column_2 {
	text-align: right;
	width: 18%;
}

.order_status_table .order_number_column_3 {
	width: 30%;
}
.order_status_table .purchase_order_column_3 {
	width: 20%;
}
.order_status_table .next_order_date_column_3 {
	width: 20%;
}
.order_status_table .total_price_column_3 {
	text-align: right;
	width: 20%;
}
.order_status_table .option_3 {
	width: 24%;
}

.order_status_table .option_button {
	float: right;
}
.order_status_table div.option_button span.primary_button span.button_container span.button_top span.button_bottom a{
	position: static;
}
.order_status {
	padding-bottom:0px;
	width: 100%;
}

.order_status .info {
	padding: 5px 11px 0px 14px;
	line-height: 15px;
}
.order_status .tabfooter {
	height:14px;
}

.order_status_table .options_column span.primary_button span.button_container span.button_top span.button_bottom {
	min-width: 65px;
}

/* Order History Table */
.order_status_table.order_history .status_column {
	width: 26%;
}

.order_status_table.order_history .options_column {
	width: 20%;
	float: right !important;
	padding-right: 0 !important;
}
/*************/

/* Scheduled Orders/Subscription Table */
.order_status_table.subscriptions .status_column,
.order_status_table.scheduled_orders .status_column {
	width: 7%
}

.order_status_table.subscriptions .options_column,
.order_status_table.scheduled_orders .options_column {
	width: 24%; /* Increase for g18n */
	float: right !important;
	padding-right: 0 !important;
}

.order_status_table.subscriptions .options_column div.edit,
.order_status_table.scheduled_orders .options_column div.edit {
	margin-top: 0 !important;
}

/* Newly added from MDS for My Account pages */
.myaccount_header {
	background-color: #F5F5F5;
	border-color: #F8AD05 #E5E5E5 #E5E5E5;
	border-style: solid;
	border-width: 2px 1px 0;
	color: #777777;
	font-size: 16px;
	padding: 8px;
}
.myaccount_header:after {
	content: "";
	display: block;
	clear: both;
}

.myaccount_header.bottom_line {
	background-color: #F5F5F5;
	border-bottom: 1px solid #E5E5E5;
}
.myaccount_header.no_side_lines {
	border-right: none;
	border-left: none;
}

.myaccount_content {
	border:solid 1px #e5e5e5;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	display:block;
}

.myaccount_content.margin_below {
	margin-bottom: 8px;
}

.myaccount_desc {
	font-size: 12px;
	margin-bottom: 8px;
}

.myaccount_desc_title {
	padding: 10px 0;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}
.myaccount .bopis_link {
	color: #006ECC;
}

.myaccount_section_header {
	background: none repeat scroll 0 0 #F5F5F5;
	border-bottom: 1px solid #E5E5E5;
	height: 33px;
	margin: 0 auto;
}

.myaccount_subheader,.checkout_subheader {
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #E5E5E5;
	/* min-height: 33px; */
	margin: 0 auto;
	padding: 0px 8px;
}

.myaccount_subheader:after,.checkout_subheader:after {
	content: "";
	display: block;
	clear: both;
}

.checkout_subheader_content {
	display: inline-block;
	vertical-align: middle;
}

.myaccount_section_header.around_border {
	border: 1px solid #E5E5E5;
}

.my_account .header {
	height:33px;
	line-height:33px;
	margin:0px;
	padding:0px;
	font-size: 14px;
	padding-left:8px;
	color: #666666;
}

.myAccountSubHeading {
	margin-bottom: 10px;
	font-size: 18px;
}

/* OrderShipmentDetails.jsp */
.gift_section {
	border: 1px solid #E5E5E5;
	clear: both;
	margin-bottom: 8px;
}

/* Right navigation for wish list */
#right_nav {
	width: 33.333333%;
	float:right;
}

@media (max-width: 800px) {
	#right_nav {
		width: 100%;
	}
}

/* Personal Wish List
-------------------------------------------------------------------
*/
#wishlist {
	margin-left: 10px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color: #59677d;
	border: 3px solid #e7e7e7;
}

@media (max-width: 800px) {
	#wishlist {
		margin-left: 0;
	}
}

#wishlist .header {
	padding: 6px 4px 4px 8px;
}

#wishlist .header_text {
	padding: 6px 0px 0px 0px;
	line-height:14px;
}

#wishlist .contents {
	background:none;
	background-repeat:repeat-y;
	padding:6px 4px 8px 8px;
}

.required-field_wishlist {
	width: 8px;
	color: #d90101;
	position: relative;
	top:2px;
}

.wishlist_side_space {
	padding-left:0px;
}

.my_account_wishlist {
	width:66.666666%;
	float:left;
	font-size:14px;
}

@media (max-width: 800px) {
	.my_account_wishlist {
		width: 100%;
	}
}

.my_account_shared_wishlist {
	font-size:14px;
}

.my_account_shared_wishlist #WishlistDisplay_Widget .body588 {
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
}

.my_account_shared_wishlist #WishlistDisplay_Widget #four-grid-wishlist {
	padding-left:10px;
}

.shared_wishlist_title {
	padding-bottom:10px;
	font-size:16px;
}

.my_account_wishlist_container {
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
}

.my_account_wishlist .deleteLink, my_account_wishlist .deleteLink a {
	color:#4d4d4d;
	font-size:12px;
}

.my_account_wishlist .remove {
	background: url("../images/colors/color1/remove.png") no-repeat scroll 0
		0 transparent;
	display: inline-block;
	height: 7px;
	margin-bottom: 3px;
	margin-right: 3px;
	vertical-align: middle;
	width: 7px;
	text-decoration:none;
}

.multiple_wishlist_actions_border {
	padding-top: 7px;
	padding-bottom: 12px;
}

.multiple_wishlist_link_divider {
	background-image:url(../images/colors/color1/listdiv.png);
	background-position:center;
	background-repeat:no-repeat;
	height:22px;
	padding-left:5px;
	padding-right:5px;
	width:7px;
}

#box .body588 {
	width:100%;
	box-sizing:border-box;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

.left_wishlist {
	padding: 9px 0;
	float: left;
}

#box .subheader_text {
	font-size:12px;
	padding-left:10px;
}

#box .my_account_wishlist #WishlistDisplay_Widget .divider_line_style {
	background-color:#FFFFFF;
	background-position: left;
	clear:both;
	height:1px;
	font-size:0px;
}

#box .views_icon {
	position:relative;
	left:-10px;
	top:10px;
}

div#top_pagination, div .top_pagination {
	padding: 5px 0;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

#getWidgetButton .subscribe_share_controls{
	margin-top: -24px;
	margin-right: 12px;
	color: #777777;
	overflow: hidden;
	cursor:pointer;
}
#getWidgetButton .subscribe_share_controls > .text{
	text-decoration: none;
	line-height: 15px;
	float: right;
	color: #777777;
}
#getWidgetButton .subscribe_share_controls > .icon{
	float: right;
	margin-left: 4px;
}

/* MyAccount Breadcrumb
-------------------------------------------------------------------
*/

#breadcrumb {
	min-height:25px;
	margin:0 auto;
	padding:0px;
	margin-bottom:2px;
}
#breadcrumb .title {
	padding:0px 0px 7px 15px;
}

.myaccount_title {
	color: #222222;
}

#WC_MyAccountDisplay_div_1 .myaccount_breadcrumb {
	color: #59677D;
}
#WC_MyAccountDisplay_div_1 .myaccount_title .landingpage_link {
	color: #CA4200;
	font-size: 22px;
}

#WC_MyAccountDisplay_div_1 .myaccount_title .sub_breadcrumb {
	color: #59677D;
	font-size: 16px;
}

#WC_MyAccountDisplay_div_1 .myaccount_title .current_breadcrumb {
	color: #59677D;
	font-size: 16px;
	font-weight:bold;
}
#WC_MyAccountDisplay_div_1 .myaccount_title .divider {
	vertical-align:16%;
	font-size: 18px;
}

#four-grid,#four-grid-wishlist,#four-grid-espot {
	padding:0px 10px 0px 7px;
	margin: 0px;
	vertical-align: top;
	line-height: normal;
}

#four-grid-wishlist .item .description_fixedwidth {
	height: 45px;
	padding: 4px 0px 0px 4px;
	overflow: auto;
	width: 150px;
}

#four-grid td,#four-grid-wishlist td,#four-grid-espot td {
	width:25%;
}
#four-grid .item,#four-grid-espot .item {
	padding:10px 5px 3px 5px;
	vertical-align:top;
}
#four-grid-wishlist .item {
	padding: 10px 5px 3px 10px;
	vertical-align: top;
	float: left;
}

#four-grid-wishlist .img {
	width: 94px;
	height: 94px;
	text-align: center;
}

#four-grid-wishlist .img > a > img {
	height: 100%;
}

#four-grid .item .description,#four-grid-wishlist .item .description,#four-grid-espot .item .description {
	height:60px;
	padding-top:5px;
	padding-left:5px;
}

#four-grid .item .price,#four-grid-espot .item .price {

	height:35px;
	padding-left:3px;
	font-size:12px;
	font-family: arial, helvetica, sans-serif;
}

#four-grid-wishlist .item .price {
	padding-left: 3px;
	padding-bottom:10px;
	font-size: 12px;
	min-height: 32px;
	font-family: arial, helvetica, sans-serif;
}

#four-grid .item .button .multiple_buttons,#four-grid-wishlist .item .button .multiple_buttons,#four-grid-espot .item .button .multiple_buttons {
   height:24px;
}
#four-grid .divider_line,#four-grid-wishlist .divider_line,#four-grid-espot .divider_line {
	border-top: 1px solid #edeff0;
}

#second_level_category_popup, .cancel_subscription_popup {
	width: 457px !important;
	position: absolute;
	display:block;
	z-index: 9999;
	background-color:#ffffff;
	overflow: hidden;
	border: 3px solid #a2a2a2;
}
#second_level_category_popup .top_left, .cancel_subscription_popup .top_left {
	background-image: url('../images/colors/color1/popup_topleft.png');
	background-repeat:no-repeat;
	height:10px;
	width:8px;
	float:left;
	display:none;
}
#second_level_category_popup .top_right, .cancel_subscription_popup .top_right {
	background-image: url('../images/colors/color1/popup_topright.png');
	background-repeat:no-repeat;
	background-position:right;
	height:10px;
	width:490px;
	float:left;
	display:none;
}
#second_level_category_popup .close, .cancel_subscription_popup .close {
	padding: 12px 15px 9px 0;
	color: #666666;
	background-color: #f5f6f7;
	border-bottom: 1px solid #edefe0;
}
#second_level_category_popup .close .icon, .cancel_subscription_popup .close .icon {
	padding-top: 2px;
	padding-left: 4px;
	float: right;
}
#second_level_category_popup .bodycontent div.clear_float, .cancel_subscription_popup .bodycontent div.clear_float {
	clear: both;
}
#second_level_category_popup .footer {
	text-align: right;
	height: 14px;
	width: 498px;
	display: none;
}
#second_level_category_popup .footer .bot_left {
	background-image: url('../images/colors/color1/popup_botleft.png');
	background-repeat:no-repeat;
	height:14px;
	width:8px;
	float:left;
}
#second_level_category_popup .footer .bot_right {
	background-image: url('../images/colors/color1/popup_botright.png');
	background-repeat:no-repeat;
	background-position:right;
	height:14px;
	width:490px;
	float:left;
}

.multiple_wishlist_actions_border {
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: right;
}

.bopis_link {
	color: #006ECC;
}

/* Override .widget_product_listing classes in order to re-use the espot */
.my_account_wishlist .widget_product_listing > .top {
	width: 523px;
}

.my_account_wishlist .widget_product_listing > .top > .middle_tile {
	width: 521px;
}

.my_account_wishlist .widget_product_listing > .middle {
	width: 521px;
}

.my_account_wishlist .widget_product_listing > .middle > .left_border > .right_border > .content {
	width: 521px;
}

.my_account_wishlist .widget_product_listing > .middle > .left_border {
	width: 521px;
}

.my_account_wishlist .widget_product_listing > .middle > .left_border > .right_border {
	width: 521px;
}

.my_account_wishlist .widget_product_listing > .bottom {
	width: 523px;
}

.my_account_wishlist .widget_product_listing > .bottom > .middle_tile {
	width: 521px;
}

.my_account_wishlist .product_listing_container .grid_mode > .row > .product {
	width: 173px;
}

.clear_both {
	clear: both;
}

/* Wishlist tables */
.my_account_shared_wishlist #horizontal_grid {
	margin: 0 auto;
	padding:0px 10px;
}

.my_account_shared_wishlist #horizontal_grid div.item_container div.divider_line {
	border-top:1px solid #E5E5E5;
}

.my_account_shared_wishlist #horizontal_grid div.item_container div.information {
	width: 400px;
}

.my_account_shared_wishlist #horizontal_grid div.item_container div.information p {
	width: 400px;
	font-size:12px;
}

#horizontal_grid div.item_container_divider div.divider_line {
	border-top:1px solid #E5E5E5;
}

#horizontal_grid div.item_container {
	min-height:106px
}

#horizontal_grid {
	margin: 0 auto;
	padding:0px 10px;
}

#horizontal_grid div.item_container > div[id^="baseContent_soaWishList_"] {
	width: 94px;
	height: 94px;
	text-align: center;
	float: left;
}

#horizontal_grid div.item_container > div > a > img {
	height: 100%;
}

#horizontal_grid div.item_container td {
	padding: 3px 0px;
	vertical-align:top;
}

#horizontal_grid div.item_container div.image {
	padding: 2px 0px 2px 5px;
	text-align: center;
	width: 90px;
}

#horizontal_grid div.item_container td.information {
	width: 71%;
}

#horizontal_grid div.item_container td.information p {
	font-size:12px;
}

#horizontal_grid div.item_container td.information h3 {
	font-size: 12px;
	font-weight: bold;
	padding-right: 7px;
	color: #4d4d4d;
}

#horizontal_grid div.item_container td.price {
	font-weight: bold;
	text-align: right;
	width: 15%;
	white-space: nowrap;
}

#horizontal_grid div.item_container td.price span.price {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

#horizontal_grid div.item_container td.price .price {
	/*fix Japanese YEN */
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
}
#horizontal_grid div.item_container td.add_to_cart {
	text-align: right;
	width: 35%;
	padding-left:5px;
}

.listPrice {
	/*fix Japense YEN */
	font-family: arial, helvetica, sans-serif;
	text-decoration: line-through;
	font-weight: normal;
}

td.item .listPrice {
	font-weight: bold;
	text-decoration: line-through;
}

/* Workaround for large font issues on IE7 */
.sign_in_registration .container h2 {
	font-size:16px;
	font-weight:normal;
}

.sign_in_registration .right h2 {
	font-size:16px;
	font-weight:normal;
}

.sign_in_registration .title h1 {
	height: 46px;
	line-height: 46px;
	padding: 0px 0px;
}

#SendMsgForm .header h2 {
	font-size:12px;
}
#breadcrumb .title h1 {
	font-size:22px;
}

#my_account_billing h1 {
	font-size:14px;
}
#my_account_shipping h1 {
	font-size:14px;
}

#centered_single_column_form .order_link {
	font-size:16px;
}

/* Pagination for shopping cart */
#box .paging {
	padding-left:12px;
}
.shopcart_pagination {
	float: left;
	width: 100%;
}

#ShopcartPaginationText1 .textfloat {
	float: left;
	padding-top: 10px;
}

#ShopcartPaginationText2 .textfloat {
	float: left;
	padding-top: 5px;
}

#ShopcartPaginationText1 .divpadding {
	float: left;
	padding-left: 12px;
	padding-top: 10px;
}

#ShopcartPaginationText2 .divpadding {
	float: left;
	padding-left: 12px;
	padding-top: 5px;
}


/* CouponWalletDisplay.jsp, CouponWalletTable.jsp
-------------------------------------------------------------------
*/

/* A div to hold the entire couponWallet jsp so that it can be aligned on the page differently in the My Account section. */
.couponWalletContainer {
	float: left;
}
/* Override definition below since this table is shared between My Coupons and Shopping cart pages */
.couponWalletContainer .couponWalletTable_couponName {
	width: 423px;
}
/* Override definition below since this table is shared between My Coupons and Shopping cart pages */
.couponWalletContainer .couponWalletTable_expirationDate {
	width: 151px;
}
/* Override since this table is shared between My Coupons and Shopping cart pages */
#WC_ShopCartDisplay_div_5 #couponWalletTable th, #WC_ShipmentDisplay_div_18 #couponWalletTable th {
	height:28px;
}
/* Override since this table is shared between My Coupons and Shopping cart pages */
#WC_ShopCartDisplay_div_5 #couponWalletTable .button_text, #WC_ShipmentDisplay_div_18 #couponWalletTable .button_text {
	width:39px;
}
/* A div which adds a top border on the checkout page. */
#couponWalletTopBorder {
	border-top: 1px solid #C9D3DE;
	float: right;
	margin-top: 10px;
	width: 100%;
}
/* The coupon wallet table */
#couponWalletTable {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* The header columns of the coupon wallet table */
#couponWalletTable th {
	text-align: left;
	padding-left: 7px;
	border-bottom:1px solid #C9D3DE;
	font-size:12px;
	font-weight:bold;
	color: #666666;
}
/* The table dimensions of the coupon wallet table */
#couponWalletTable td {
	border-bottom:1px dotted #C9D3DE;
	padding:6px 7px;
	vertical-align:middle;
	font-size:12px;
}
/* The coupon name column of the coupon wallet table */
.couponWalletTable_couponName {
	width: 247px;
	word-break: break-word;
}
.couponWalletTable_couponName a {
	font-size:12px;
}
/* The expiration date column of the coupon wallet table */
.couponWalletTable_expirationDate {
	width: 131px;
	word-break: break-word;
	color: #4d4d4d;
}
.couponWalletTable_buttonColumn {
	width: 88px;
}
.couponWallet_NoCouponsMessage {
	padding-top: 7px;
	font-size:12px;
}

/* Scheduled Orders
-------------------------------------------------------------------
*/
#box {
	word-wrap: break-word;
}
#box .order_number_column {
	width: 17%;
}
#box .order_scheduled_column {
	width: 19%;
}
#box .next_order_column {
	width: 17%;
}
#box .order_status_column {
	width: 11%;
}
#box .total_price_column {
	width: 12%;
}
@media (max-width: 900px) {
	#box .options_column .button_text {
		padding: 0 10px;
	}
}

.actions_down_arrow {
	margin: 0px;
	padding: 0px;
	width: 7px;
	height: 5px;
	background-image: url('../images/arrow.png');
	position: absolute;
	bottom: 4px;
	right: 2px;
}
.actions_popup {
	width: 135px;
	padding: 5px 10px 10px 10px;
	margin: -5px;
	background-color: #ffffff;
	z-index: 2;
	border: 1px solid #c0dcf2;
	top: 8px;
	right: 6px;
}

.actions_popup .edit {
	padding-bottom: 4px;
	font-size: 8pt;
	color: #006ECC;
	line-height: 10px;
}

.actions_popup .reorder {
	padding: 4px 0px;
	font-size: 8pt;
	color: #006ECC;
	line-height: 10px;
}

.actions_popup .cancel {
	padding-top: 4px;
	font-size: 8pt;
	color: #006ECC;
	line-height: 10px;
}

.actions_popup .link {
	font-size: 8pt;
	color: #006ECC;
}

/* Cancel Subscription Popup */
.cancel_subscription_popup {
	width:325px !important;
}

.cancel_subscription_popup h2 {
	font-size:14px;
	font-weight:bold;
}

.cancel_subscription_popup .top_right, .cancel_subscription_popup .footer .bot_right   {
	background-position:right center;
	width:317px !important;
}

.cancel_subscription_popup .header {
	background-image: url('../images/colors/color1/popup_center_tile_mini.png');
	background-repeat:repeat-y;
	text-align: right;
	clear:left;
}

.cancel_subscription_actions_border {
	padding-top: 7px;
	padding-bottom: 12px;
}

.cancel_subscription_popup .bodycontent {
	background-repeat:repeat-y;
	padding: 0 25px 0px 25px;
}

.cancel_subscription_popup .footer {
	text-align: right;
	height: 14px;
	width: 325px;
}


/* Tabs for Scheduled Order Details
-------------------------------------------------------------------
*/
.tab_container_top {
	width: 100%;
	height: 27px;
}

.tab_container_top .tab_clear {
	width: 22px;
	height: 27px;
	float: left;
}

.tab_container_top .tab_active_left {
	width: 6px;
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_active_left.png');
}

.tab_container_top .tab_inactive_left {
	width: 6px;
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_inactive_left.png');
}

.tab_container_top .tab_active_middle {
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_active_bg.png');

	line-height:27px;
	margin:0px;
	padding: 0px 10px;
	white-space: nowrap;
	font-size: 14px;
}

.tab_container_top .tab_active_inactive {
	width: 25px;
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_active_inactive_divider.png');
}

.tab_container_top .tab_inactive_active {
	width: 25px;
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_inactive_active_divider.png');
}

.tab_container_top .tab_inactive_middle {
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_inactive_bg.png');
	text-align: bottom;
	line-height:27px;
	margin:0px;
	padding: 0px 10px 0px 10px;
	white-space: nowrap;
	font-size: 14px;
}

.tab_container_top .tab_link {
	line-height:27px;
	margin:0px;
	white-space: nowrap;
	font-size: 14px;
}

.tab_container_top .tab_inactive_right {
	width: 26px;
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_inactive_right.png');
}

.tab_container_top .tab_active_right {
	width: 26px;
	height: 27px;
	float: left;
	background-image: url('../images/colors/color1/tab_active_right.png');
}

.tab_container_base {
	width: 100%;
	height: 6px;
	padding: 0px;
	background-image: url('../images/colors/color1/tab_container_middle.png');
}

.tab_container_base .tab_container_left {
	width: 7px;
	height: 6px;
	background-image: url('../images/colors/color1/tab_container_left.png');
	float: left;
}

.tab_container_base .tab_container_right {
	width: 7px;
	height: 6px;
	background-image: url('../images/colors/color1/tab_container_right.png');
	float: right;
}

/* Scheduled Order details
-------------------------------------------------------------------
*/
#scheduleOrderInputSection .scheduleOrderAreaInterval {
	clear: left;
	float: left;
	padding: 10px 55px 5px 0px;
	width: 120px;
	font-size:12px;
	color:#777777;
}
#scheduleOrderInputSection .scheduleOrderAreaStartDate {
	float: left;
	width: 176px;
	padding: 10px 5px 5px 0px;
	position: relative;
	font-size:12px;
	color:#777777;
}
#scheduleOrderInputSection .scheduleOrderAreaNextDelivery {
	float: left;
	width: 176px;
	padding: 10px 5px 5px 0px;
	position: relative;
}
#scheduleOrderInputSection .title {
	font-weight: bold;
}

.breadcrumb_item {
	float:right;
	padding:2px 2px 0px 2px;
}
#orderItemDisplay {
	color:#59677D;
	font-size:14px;
	font-weight:normal;
	padding:15px 7px 7px 14px;
}
#orderItemDisplay .breadcrumb_item {
	float:right;
	padding:2px 9px 0px 0px;
}
#discountDetailsSection .info_icon {
	color: #006ECC;
}

#WC_EmptyShopCartDisplayf_div_1 {
	min-height:150px;
}

/* Recurring Orders Table */
.order_status_table.scheduled_orders .order_number_column {
	width: 15%;
}

.order_status_table.scheduled_orders .order_scheduled_column {
	width: 15%;
}

.order_status_table.scheduled_orders .next_order_column {
	width: 15%;
}

.order_status_table.scheduled_orders .order_status_column_history {
	width: 35%;
}

.order_status_table.scheduled_orders .order_status_column {
	width: 10%;
}

.order_status_table.scheduled_orders .total_price_column {
	text-align: right;
	width: 10%;
}

.order_content {
	color:#CA4200;
}


/* Store locator page
-------------------------------------------------------------------
*/
.checkout #box .body, .checkout #box_1 .body {
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	display:block;
	width:917px;
}

.checkout_show_icon {
	position: absolute;
	top: 0;
	right: 10px;
}

.checkout_show_icon .hide {
	min-width:50px;
	font-size:12px;
	color:#777777;
}

.content_text_title {
	display: table-cell;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 4px;
}

#gift_registry_box {
	margin: 8px auto 0px;
	max-width: 935px;
}

.gift_header {
	position: relative;
	background-color: #f5f5f5;
	border-top: 2px solid #f8ad05;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 8px;
	color: #777777;
	font-size: 16px;
	height: 33px;
	line-height: 33px;
	white-space: nowrap;
	font-weight:normal; /* IE7 workaround */
	margin-top: 5px;
}

.gift_content {
	margin:0 auto;
	padding: 8px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-size:12px;
}

.gift_content.no_top_border {
	border-top: none;
}


.gift_content.margin_below {
	margin-bottom: 8px;
}

.remove_store_link {
	color:#006ECC;
	white-space: nowrap;
}

/* QuickOrderForm.jsp
-------------------------------------------------------------------
*/
#quick_order {
	padding:11px;
	white-space:normal;
	line-height:1.4;
	font-size:12px;
	min-width:220px;
}
#quick_order .input_form {
	float:left;
}
#quick_order .error_text {
	color: #CA4200;
}
#quick_order .headers {
	padding-bottom:8px;
}
#quick_order .img {
	float:right;
	padding-right:8px;
}
#quick_order .order_button {
	float:left;
	padding-left:20px;
}
#quick_order .input_form .QTY {
	float:left;
	border-bottom:solid 1px #c9d3de;
	padding-right:5px;
	width:45px;
}
#quick_order .input_form .SKU {
	float:left;
	border-bottom:solid 1px #c9d3de;
	padding-left:25px;
	width:145px;
}
#quick_order .input_form .input .SKU_field {
	width:126px;
	margin-right:7px;	
}
#quick_order .input_form .input .QTY_field {
	width:45px;
}
#quick_order .input_form .input .line_number {
	width:15px;
	display:inline-block;
	margin-right:7px;
	text-align:center;
}
#quick_order .input_form .input .input_sub_fields {	
	display:inline-block;
}

#quick_order .input_fields {
	padding-top: 5px;
	width:100%;
} 

#content710 {
	float:left;
	padding-top:1px;
}

/* Drop down (Selection boxes)
-------------------------------------------------------------------
*/

.drop_down {
	height:23px;
	padding:2px 0px 1px 0px;
	margin-bottom:9px;
}

.drop_down_checkout {
	height:23px;
	padding:1px;
	border:1px solid #BFBFBF;
	margin-bottom:9px;
	width:185px;
}

.drop_down_shipping, .drop_down_billing, .drop_down_address_book {
	height:23px;
	padding:1px;
	border:1px solid #BFBFBF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.drop_down_billing {
	height:23px;
	padding:2px 0px 1px 0px;
	margin-right:5px;
}

.left_drop_down_shipment {
	padding: 7px 0;
}

.drop_down_country {
	height:23px;
	padding:1px;
	margin-bottom:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border:1px solid #BFBFBF;
}

/* Accessibility hide title */
.priceRangeContainer div {
	float: left;
	padding-right: 5px;
}

.priceRangeContainer div.range {
	width: 158px;
	overflow: hidden;
}

.priceRangeContainer input {
	width: 100%;
}

.priceRangeContainer span.inputbox {
	display: block;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 10px;
}

.priceRangeContainer span.label {
	float: left;
}

@media (max-width: 793px) {
	.top_border {
		float: none;
	}
	#customers_new_or_returning .new,
	#customers_new_or_returning .returning {
		float: none;
		padding: 10px 0;
		width: 100%;
	}
	#customers_new_or_returning .returning {
		border-left: none;
		border-top:2px dotted #e5e5e5;
	}
	#customers_new_or_returning .new_returning_button {
		position: static;
	}
}

/* -----------------------------------------------------------------------------*/
/*  Shipping & Billing - ShipCharge
/* -----------------------------------------------------------------------------*/
#B2BShippingChargeExt_shipcharge_table {
	/*float:left;*/
	clear:both;
	padding-bottom:10px;
	padding-top:10px;
	margin-top:5px;
}

#B2BShippingChargeExt_shipcharge_table tr.nested th {
	border-bottom:1px solid #e5e5e5;
	height:19px;
	vertical-align:top;
	padding-top: 1px;
	padding-bottom: 4px;
	color: #777777;
	line-height:18px;
}

#B2BShippingChargeExt_shipcharge_table th {
	height:18px;
	vertical-align:top;
	padding:0px;
	font-weight:bold;

}

#B2BShippingChargeExt_shipcharge_table td {
	border-bottom: 2px dotted #e5e5e5;
	font-weight: normal;
	padding: 8px 0px;
	text-align: left;
	vertical-align: top;
}

#B2BShippingChargeExt_shipcharge_table .th_align_left_no_bottom {
	border-bottom:0px;
}

#B2BShippingChargeExt_shipcharge_table .align_left {
	text-align: left;
}

#B2BShippingChargeExt_shipcharge_table .th_align_left_normal {
	border-bottom:0px;
	min-width: 140px;
	padding: 6px 0px;
	text-align: left;
}

input.wcDatePickerButtonInner {
  background-image: url("../images/colors/color1/commonFormCalendar.png");
  background-position: 70px;
  background-repeat: no-repeat;
  z-index: 1000;
  width: 90px;
  height: 18px;
}

/* Punchout Payment */
div.punchout_pay_button_div {
	margin-top: 10px;
}

/* CSS rules for OrderList */
#Processed_OrderList_list_table.listTable .order {
	width: 22%;
	text-align: left;
}
#Processed_OrderList_list_table.listTable .date {
	width: 18%;
	text-align: left;
}
#Processed_OrderList_list_table.listTable .po {
	width: 16%;
	text-align: left;
}
#Processed_OrderList_list_table.listTable .status {
	width: 18%;
	text-align: left;
}
#Processed_OrderList_list_table.listTable .total_price {
	width: 16%;
	text-align: right;
}

#Waiting_OrderList_list_table.listTable .order {
	width: 27%;
	text-align: left;
}
#Waiting_OrderList_list_table.listTable .last_updated {
	width: 27%;
	text-align: left;
}
#Waiting_OrderList_list_table.listTable .po {
	width: 18%;
	text-align: left;
}
#Waiting_OrderList_list_table.listTable .total_price {
	width: 18%;
	text-align: right;
}

#Recurring_OrderList_list_table.listTable .order {
	width: 22%;
	text-align: left;
}
#Recurring_OrderList_list_table.listTable .scheduled {
	width: 20%;
	text-align: left;
}
#Recurring_OrderList_list_table.listTable .next_order {
	width: 20%;
	text-align: left;
}
#Recurring_OrderList_list_table.listTable .status {
	width: 8%;
	text-align: left;
}
#Recurring_OrderList_list_table.listTable .total_price {
	width: 16%;
	text-align: right;
}

#Subscription_OrderList_list_table.listTable .subscription {
	width: 22%;
	text-align: left;
}
#Subscription_OrderList_list_table.listTable .expiry_date {
	width: 22%;
	text-align: left;
}
#Subscription_OrderList_list_table.listTable .next_order {
	width: 20%;
	text-align: left;
}
#Subscription_OrderList_list_table.listTable .status {
	width: 8%;
	text-align: left;
}
#Subscription_OrderList_list_table.listTable .price {
	width: 16%;
	text-align: right;
}

/* MyAccountSummary */
.my_account_summary a {
	font-size: 12px;
	color: #006ECC;
}

/* Address book widgets */
.addressSelectionEditPage .addrbook_header .wcSelect {
	color: #4d4d4d !important;
	background-image: linear-gradient(#f7f9f9, #e5e8e9);
	border-radius: 5px;
	border: 1px solid #bfbfbf;
	padding: 8px 5px;
	margin-bottom: 0px;
	font-size: 12px;
	min-width: 180px;
	max-width: 260px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.addressSelectionEditPage .addrbook_header {
	margin-right: 30px;
}
#AddressForm {
	display:block;
	font-size:12px;
	color: #4d4d4d;
	min-height:150px;
}
.form_2column.addressBook {
	padding:0px;
}
/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2013, 2015 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */

/*** Reset + basic styles ***/

body {
	margin: 0;
	padding: 0;
	color: #4d4d4d;
	font-family: sans-serif;
	line-height: 1.4;
}
a {
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}
blockquote, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-size: inherit;
}
button, input, textarea, select {
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
fieldset, iframe, img {
	margin: 0;
	padding: 0;
	border: 0;
}
dl, ol, ul {
	margin: 0;
}
#content {
	overflow: hidden;
}
.default_cursor {
	cursor:default;
}

/* Button */

.basicButton {
	display: inline-block;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ffb123));
	background-image: linear-gradient(#fbbb0b, #ffb123);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ffb123')";
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	border-spacing: 0;
	vertical-align: middle;
}
.basicButton:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fed60c), to(#f8af06));
	background-image: linear-gradient(#fed60c, #f8af06);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fed60c', endColorStr='#f8af06')";
}
.basicButton > span {
	display: table-cell;
	height: 30px;
	padding: 0 15px;
	border: 1px solid #fdd466;
	border-radius: 3px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}

/* Department button */

.departmentButton {
	display: inline-block;
	position: relative;
	margin: 2px;
	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: 1px solid #bfbfbf;
	border-radius: 4px;
	border-spacing: 0;
	vertical-align: middle;
}
.departmentButton:hover {
	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')";
}
.departmentButton.selected {
	color: #454545;
	background-image: linear-gradient(#fbbb0b, #ee9505);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ee9505));
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ee9505')";
}
.departmentButton > span {
	display: table-cell;
	max-width: 196px;
	height: 36px;
	padding: 0 15px;
	border: 1px solid #f1f3f3;
	border-radius: 3px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}
.departmentButton.selected > span {
	border-color: #fdd466;
}

/* Menu */

.basicMenu {
	display: none;
}
.basicMenu.active {
	display: block;
	position: absolute;
	top: 100%;
	z-index: 20;
	background-color: #ffffff;
	border: 1px solid #c9cece;
	border-radius: 0 0 4px 4px;
}
.basicMenu > h3, .basicMenu > .closeButton {
	display: none;
}
.basicMenu > ul {
	margin: 0;
	padding: 0 16px 16px 16px;
	list-style: none;
}
.basicMenu > ul > li {
	padding: 8px 0;
	border-bottom: 1px solid #c9cece;
}
.basicMenu > ul > li > a {
	display: block;
	margin: 0 -8px;
	padding: 8px;
}
.basicMenu > ul > li > span {
	display: block;
	padding: 8px 0;
}

/* Underline decoration */

.basicMenu a, .departmentMenu a, #quickLinksBar > li > a, #searchFilterButton {
	text-decoration: none;
}
.basicMenu a:hover, .departmentMenu a:hover, #quickLinksBar > li > a:not(.nohover):hover, #searchFilterButton:hover, .product_info > .product_name > a:hover {
	text-decoration: underline;
}

/* Text color decoration */
#quickLinksBar > li > a.disabled {
 color:#909090;
}

/* Arrow decoration */

.arrow_button_icon{	
	float: right;
	position: absolute;
	width: 7px;
	height: 7px;	
	overflow:hidden;
	right: 3px;
	bottom: 3px;
}
#quickLinksButton .arrow_button_icon {
	bottom: 10px;
}
.arrow_button_icon:before{	
	content: url("../images/responsive/rwdUI.png");	
	position: absolute;
	top: -1px; 
	left: -101px;	
}
#quickLinksButton .arrow_button_icon:before, #widget_minishopcart .arrow_button_icon:before, #departmentsButton .arrow_button_icon:before, #allDepartmentsButton .arrow_button_icon:before{
	content: url("../images/responsive/rwdUI.png");	
	position: absolute;
	top: -1px; 
	left: -121px;		
}
.departmentButton.selected .arrow_button_icon:before {
	content: url("../images/responsive/rwdUI.png");	
	position: absolute;
	top: -21px; 
	left: -21px;	
}
#quickLinksButton.selected .arrow_button_icon:before, #widget_minishopcart.selected .arrow_button_icon:before , #departmentsButton.selected .arrow_button_icon:before, #allDepartmentsButton.selected .arrow_button_icon:before {
	content: url("../images/responsive/rwdUI.png");	
	position: absolute;
	top: -21px; 
	left: -241px;	
}
.pageControlButton:after {
	background-position: -141px -1px;
}


/* Marketing content */

.left_espot {
	position: relative;
}
.left_espot.centered {
	text-align: center;
}
.left_espot.centered > a,
.left_espot.centered > img {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}
.left_espot.centered > a > img {
	display: block;
	max-width: 100%;
}

/* Subscribe button */

.subscribeButton {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	line-height: 0;
}
.subscribeButton:before {
	content: url("../images/responsive/rss_feed.png");
}



/*** Grid system ***/

/* Row container */

.rowContainer,
.rowContainer > .row { padding: 5px 0; }
.rowContainer > .row.margin-true { padding: 0 5px; }
.row.margin-true > div > div { margin: 10px 5px; }
.row.margin-true > div > div:first-of-type { margin-top: 5px; }
.row.margin-true > div > div:last-of-type { margin-bottom: 5px; }
.row.margin-true > div > .row { margin: 0 !important; }

/* Row */

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

.row > .right { float: right; }

/* Columns */

.col1 { width: 8.333333%; }
.col2 { width: 16.666666%; }
.col3 { width: 25%; }
.col4 { width: 33.333333%; }
.col5 { width: 41.666666%; }
.col6 { width: 50%; }
.col7 { width: 58.333333%; }
.col8 { width: 66.666666%; }
.col9 { width: 75%; }
.col10 { width: 83.333333%; }
.col11 { width: 91.666666%; }
.col12 { width: 100%; }

/*
 * RWD-A - 0-600px
 * RWD-B - 601-1280px
 * RWD-C - 1281px+
 */

/* Grid system - RWD-A */

@media (max-width: 600px) {
	.acol1 { width: 8.333333%; }
	.acol2 { width: 16.666666%; }
	.acol3 { width: 25%; }
	.acol4 { width: 33.333333%; }
	.acol5 { width: 41.666666%; }
	.acol6 { width: 50%; }
	.acol7 { width: 58.333333%; }
	.acol8 { width: 66.666666%; }
	.acol9 { width: 75%; }
	.acol10 { width: 83.333333%; }
	.acol11 { width: 91.666666%; }
	.acol12 { width: 100%; }
	.rowContainer > .row.margin-true {
		padding-left: 0;
		padding-right: 0;
	}
	.row.margin-true > div > div {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Grid system - RWD-C */

@media (min-width: 1281px) {
	.ccol1 { width: 8.333333%; }
	.ccol2 { width: 16.666666%; }
	.ccol3 { width: 25%; }
	.ccol4 { width: 33.333333%; }
	.ccol5 { width: 41.666666%; }
	.ccol6 { width: 50%; }
	.ccol7 { width: 58.333333%; }
	.ccol8 { width: 66.666666%; }
	.ccol9 { width: 75%; }
	.ccol10 { width: 83.333333%; }
	.ccol11 { width: 91.666666%; }
	.ccol12 { width: 100%; }
	.rowContainer,
	.rowContainer > .row { padding: 10px 0; }
	.rowContainer > .row.margin-true { padding: 0 10px; }
	.row.margin-true > div > div { margin: 20px 10px; }
	.row.margin-true > div > div:first-of-type { margin-top: 10px; }
	.row.margin-true > div > div:last-of-type { margin-bottom: 10px; }
}

/* wc/widget/Grid - fluid grid responsive to container width */

.grid {
	margin: 0;
	padding: 0;
	list-style: none;
}
.grid > div > li {
	display: inline-block;
	vertical-align: top;
}



/*** Header ***/

#header {
	position: relative;
	background-color: #ffffff;
	font-size: 14px;
	line-height: normal; /* Needed because of bad CSS reset */
	z-index: 10;
}
#header:before {
	content: "";
	display: block;
	height: 10px;
	background-image: url("../images/responsive/masthead_top_bg.png");
}
#headerRow1 {
	position: relative;
	height: 78px;
}
#headerRow2 {
	position: relative;
	min-height: 44px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e8e9), to(#dce2e1));
	background-image: linear-gradient(#e5e8e9, #dce2e1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e5e8e9', endColorStr='#dce2e1')";
	border-top: 1px solid #c9cece;
	border-bottom: 1px solid #c9cece;
}
#headerRow1:after, #headerRow2:after {
	content: "";
	display: block;
	clear: both;
}

/* Logo */

#logo {
	position: absolute;
	z-index: 1;
	height: 100%;
}
#logo .contentRecommendationWidget,
#logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content,
#logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content > .left_espot,
#logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content > .left_espot > a,
#logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content > .left_espot > a > img,
#logo .genericESpot {
	height: 100%;
	max-width: none;
}

/*** Quick links bar ***/

#quickLinksBar {
	margin: 0;
	padding: 0;
	color: #767676;
	list-style: none;
	text-align: right;
}
#quickLinksBar > li {
	display: inline-block;
	border-right: 1px solid #c9cece;
	text-align: left;
	vertical-align: middle;
}
#quickLinksBar > li.hidden {
	position: absolute;
	visibility: hidden;
}
#quickLinksBar > li.separator-false {
	border-right: 0 none;
}
#quickLinksBar > li > a {
	display: block;
	position: relative;
	max-width: 200px;
	margin: -10px 0;
	padding: 10px 15px;
} 
#quickLinksBar > li > span {
	display: block;
	padding: 0 15px;
}

#quickLinksBar > li > a > br {
	display: none;
}

#quickLinksBar .spanacce {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
#quickLinksMenu.active {
	top: 56px;
	right: 95px;
	width: 298px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
}

/* Mini cart button */

#widget_minishopcart {
	display: block;
	position: relative;
	width: 58px;
	height: 43px;
	margin: 16px 20px 16px 16px;
	padding: 0 !important;
	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: 1px solid #e1e1e1 !important;
	border-radius: 4px;
	overflow: hidden;
}
#widget_minishopcart:before {
	content: url("../images/responsive/rwdUI.png");
	position: absolute;
	left: 7px;
	top: -27px;
	clip: rect(41px, 27px, 60px, 1px);
}
#widget_minishopcart:not(.nohover):hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3));
	background-image: linear-gradient(#f7f9f9, #ced2d3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";
	text-decoration: none !important;
}

/* Mini cart */

#minishopcart_total{
	background-color: #ca4200;
}

#minishopcart_total,
#minishopcart_lock {
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
	padding: 0 5px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

#minishopcart_total.nodisplay,
#minishopcart_lock.nodisplay {
	display: none;
}

#cartDropdown {
	position: relative;
	/* width: 360px; */
	background-color: #ffffff;
	border: 1px solid #c9cece;
	border-top: 3px solid #ffa200;
	border-radius: 0 0 4px 4px;
	font-size: 12px;
}

#widget_minishopcart_popup > .cartDropDown_CSR {
   width:415px;
}

#cartDropdown > h3 {
	margin: 0;
	padding: 15px;
	background-color: #f5f6f7;
	border-bottom: 1px solid #edeff0;
	font-size: inherit;
	font-weight: inherit;
}
#cartDropdown > .closeButton {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
}
#cartDropdown > .closeButton:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	background-image: url("../images/responsive/rwdUI.png");
	background-position: -61px -1px;
	vertical-align: middle;
}
#cartDropdown > .closeButton:hover:after {
	background-position: -241px -1px;
}
#cartDropdown > .content {
	padding: 15px;
}
#cartDropdown > .footer {
	padding: 10px 15px;
	border-top: 1px solid #edeff0;
	text-align: right;
}

/*** Departments bar ***/

#departmentsButton {
	display: none;
}
#departmentsMenu {
	margin: 0 18px;
	padding: 0;
	list-style: none;
}
#departmentsMenu > li {
	display: inline-block;
	position: relative;
}
#departmentsMenu > li.hidden {
	position: absolute;
	visibility: hidden;
}
#departmentsMenu > li > .link,
#departmentsMenu > li > .toggle {
	display: none;
}

/* Department menu */

.departmentMenu {
	display: none;
	position: absolute;
	left: 2px;
	top: 100%;
	width: 360px;
	margin: 0;
	padding: 0 16px;
	background-color: #ffffff;
	border: 1px solid #c9cece;
	border-top: 3px solid #ffa200;
	border-radius: 0 0 4px 4px;
	font-size: 12px;
	list-style: none;
}
.departmentMenu.active {
	display: block;
}
.departmentMenu > .header {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid #ffa200;
	font-size: inherit;
}
.departmentMenu > .header > .link {
	display: block;
	margin: 0 -8px;
	padding: 8px;
	font-weight: bold;
}
.departmentMenu > .header > .toggle {
	display: none;
}
.departmentMenu > li {
	padding: 8px 0;
	border-bottom: 1px solid #ffa200;
}
.departmentMenu > li > a {
	display: block;
	margin: 0 -8px;
	padding: 8px;
	font-weight: bold;
}
#allDepartmentsMenu {
	width: 240px;
	padding-bottom: 16px;
}

/* Category list */

.categoryList {
	margin: 0;
	padding: 8px 0;
	list-style: none;
}
.departmentMenu.active > .categoryList {
	display: block;
}
.categoryList > li {
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
	padding-right: 16px;
	vertical-align: top;
}
.categoryList > li.more {
	display: block;
}
.categoryList > li > a {
	display: block;
	margin: 0 -8px;
	padding: 8px;
	font-weight: bold;
	text-transform: uppercase;
}
.categoryList > li > a:last-child {
	font-weight: normal;
	text-transform: none;
}
.categoryList > li.more > a {
	font-weight: bold;
	text-transform: uppercase;
}

/* Subcategory list */

.subcategoryList {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	list-style: none;
}
.subcategoryList > li > a {
	display: block;
	margin: 0 -8px;
	padding: 8px;
}

/* Department menu (1025px+) */

@media (min-width: 1025px) {
	.departmentMenu {
		width: 540px;
	}
	.categoryList > li {
		width: 33.333333%;
	}
}



/*** Search bar ***/

#searchButton {
	display: none;
}
#searchBar {
	position: absolute;
	right: 18px;
	top: 0;
	width: 33%;
	padding: 2px;
}
#searchBox {
	position: relative;
	height: 38px;
	background-color: #ffffff;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	text-align: right;
	vertical-align: middle;
}
#searchBox > * {
	text-align: left;
}
#searchTermWrapper {
	position: absolute;
	left: 0;
	right: 170px;
	height: 18px;
	padding: 6px 10px;
	margin: 4px 0;
}
#searchTermWrapper > .placeholder {
	position: absolute;
	color: #bfbfbf;
	cursor: text;
}
#searchTermWrapper > input {
	position: relative;
	width: 100%;
	height: 18px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0 none;
	font-size: inherit;
}
#searchFormLabel {
	display: none;
}
#searchFilterButton {
	display: inline-block;
	position: relative;
	width: 110px;
	padding: 5px 10px;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	vertical-align: middle;
}
#searchFilterButton:after {
	content: "";
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 4px;
	height: 4px;
	background-image: url("../images/responsive/rwdUI.png");
	background-position: -201px -1px;
}
#searchFilterButton.selected:after {
	content: " ";
	background-position: -221px -1px;
}
#searchFilterMenu.active {
	right: -1px;
	width: 170px;
}
@media (min-width: 601px) and (max-width: 900px) {
	#searchTermWrapper {
		right: 35px;
	}
	#searchFilterButton {
		display: none;
	}
	#searchFilterMenu.active {
		display: none;
	}
}
#searchBox > .submitButton {
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	margin: 4px 4px 4px 0;
	border: 8px solid #ffffff;
	vertical-align: middle;
	overflow: hidden;
}
#searchBox > .submitButton:before {
	content: url("../images/responsive/rwdUI.png");
	display: block;
	position: absolute;
	left: -121px;
	top: -21px;
}
#searchBox > .submitButton:hover:before {
	left: -141px;
}

/* Autocomplete menu */

#searchDropdown {
	position: absolute;
	left: -1px;
	right: -1px;
	top: 38px;
}
#AutoSuggestDiv {
	background-color: #ffffff;
	border: 1px solid #c9cece;
}
#AutoSuggestDiv > ul,
.autoSuggestDivNestedList {
	padding: 0;
}
#AutoSuggestDiv > ul > li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#AutoSuggestDiv .list_section li {
	border-bottom: 1px solid #c9cece;
	list-style: none;
}
#AutoSuggestDiv .list_section li > a,
#AutoSuggestDiv #autoSuggestAdvancedSearch > a {
	padding: 15px;
	display: block;
	height: 100%;
}
#AutoSuggestDiv .heading {
	background-color: #f5f6f7;
	text-transform: uppercase;
	padding: 15px;
	border-bottom: 1px solid #c9cece;
	list-style: none;
}
#AutoSuggestDiv #autoSuggestAdvancedSearch {
	border-bottom: 0 none;
	background-color: #fff;
	color: #b54200;
	padding: 0;
}
#AutoSuggestDiv #autoSuggestAdvancedSearch:hover {
	background-color: #d9e9f7;
}
#AutoSuggestDiv #autoSuggestAdvancedSearch > a:hover {
	text-decoration: underline;
}
#autoSuggest_Result_div,
#autoSuggestCachedSuggestions_div {
	display: none;
}

/*** Footer ***/

#footer {
	padding: 10px;
	background-image: url("../images/responsive/footerBG.png");
	text-align: center;
}
#footerRow1 {
	display: inline-block;
	width: 440px;
	text-align: left;
}
@media (max-width: 480px) {
	#footerRow1 {
		width: 220px;
		text-align: center;
	}
}
@media (min-width: 961px) {
	#footerRow1 {
		width: 880px;
		text-align: center;
	}
}
#footerRow1 > .section {
	display: inline-block;
	width: 200px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
#footerRow1 > .section > .header {
	position: relative;
	margin-left: 30px;
	padding: 5px 10px;
	border-bottom: 1px solid #bfbfbf;
	border-bottom: 1px solid rgba(185,185,185,0.45);
	color: #e9e9e9;
	font-size: 14px;
	font-weight: bold;
}
#footerRow1 > .section > .header:before {
	content: "";
	display: block;
	position: absolute;
	left: -30px;
	bottom: -1px;
	width: 30px;
	height: 3px;
	background-color: #bfbfbf;
	background-color: rgba(185,185,185,0.45);
	border-radius: 0 0 0 3px;
}
#footerRow1 > .section > .header > .toggle {
	display: none;
}
#footerRow1 > .section > ul {
	margin-left: 30px;
	padding: 10px;
	color: #ffffff;
	font-size: 12px;
	list-style: none;
}
#footerRow1 > .section > ul > li > a {
	display: block;
	margin: 0 -10px;
	padding: 10px;
}

/*** wc/widget/Carousel - fluid, touch-enabled carousel responsive to container width ***/

.carousel {
	position: relative;
}
 
.carousel > h2,
.carousel > .carouselWrapper > h2
{
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0 50px 10px 10px;
	color: #010f1c;
	font-weight: inherit;
}

.carousel > .content {
	position: relative;
	z-index: 0;
}

.carousel > .carouselWrapper > .content {
	position: relative;
	z-index: 0;
	width: 94%; /* fallback for browsers without support for calc() */
	width:calc(100% - 60px);
	margin-left:3%; /* fallback for browsers without support for calc() */
	margin-left:30px;
	margin-right:3%; /* fallback for browsers without support for calc() */
	margin-right:30px;
}

.carousel > .content > ul,
.carousel > .carouselWrapper > .content > ul {
	display: block;
	position: relative;
	left: 0%;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
    width: 100%;
}
.carousel > .content > ul > li,
.carousel > .carouselWrapper > .content > ul > li {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
    width: 100%;
}
.carousel > .content > ul > li.hidden,
.carousel > .carouselWrapper > .content > ul > li.hidden {
	visibility: hidden;
}
.carousel .left_espot.centered {
	margin: 0 5px;
}

/* Prev/next page buttons */

.carousel > .prevPageButton,
.carousel > .carouselWrapper > div > .prevPageButton,
.carousel > .nextPageButton,
.carousel > .carouselWrapper > div > .nextPageButton {
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 21px;
	height: 42px;
	margin-top: -21px;
	overflow: hidden;
}
.carousel > .prevPageButton,
.carousel > .carouselWrapper > div > .prevPageButton {
	left: 10px;
}
.carousel > .nextPageButton,
.carousel > .carouselWrapper > div > .nextPageButton {
	right: 10px;
}
.carousel > .prevPageButton.hidden,
.carousel > .carouselWrapper > div > .prevPageButton.hidden,
.carousel > .nextPageButton.hidden,
.carousel > .carouselWrapper > div > .nextPageButton.hidden {
	display: none;
}
.carousel > .prevPageButton:before,
.carousel > .carouselWrapper > div > .prevPageButton:before,
.carousel > .nextPageButton:before,
.carousel > .carouselWrapper > div > .nextPageButton:before {
	content: url("../images/responsive/rwdUI.png");
	display: block;
	position: absolute;
	top: -60px;
}
.carousel > .prevPageButton:before,
.carousel > .carouselWrapper > div > .prevPageButton:before {
	left: -1px;
}
.carousel > .nextPageButton:before,
.carousel > .carouselWrapper > div > .nextPageButton:before {
	left: -81px;
}
.carousel > .prevPageButton:hover:before,
.carousel > .carouselWrapper > div > .prevPageButton:hover:before,
.carousel > .prevPageButton:active:before,
.carousel > .carouselWrapper > div > .prevPageButton:active:before {
	left: -41px;
}
.carousel > .nextPageButton:hover:before,
.carousel > .carouselWrapper > div > .nextPageButton:hover:before,
.carousel > .nextPageButton:active:before,
.carousel > .carouselWrapper > div > .nextPageButton:active:before {
	left: -121px;
}

/* Page control */

.pageControl {
	position: absolute;
	z-index: 1;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
.pageControl.hidden {
	display: none;
}
.pageControl > a {
	display: inline-block;
	vertical-align: top;
}
.pageControl > .hidden {
	display: none !important;
}

/* Page control - dot */

.pageControl.dot {
	text-align: center;
}
.pageControl.dot > a {
	width: 20px;
	height: 20px;
	margin: 0 10px;
	background-color: #22a3e7;
	border-radius: 10px;
	opacity: 0.4;
	border: 1px solid transparent;
}
.pageControl.dot > a:hover {
	opacity: 0.6;
}
.pageControl.dot > a.selected {
	opacity: 0.8;
}

/* Page control - number */

.pageControl.number {
	text-align: center;
}
.pageControl.number > a {
	width: 25px;
	margin: 0 10px;
	background-color: #22a3e7;
	border-radius: 2px;
	color: #ffffff;
	font-size: 14px;
	opacity: 0.4;
}
.pageControl.number > a:hover {
	opacity: 0.6;
}
.pageControl.number > a.selected {
	opacity: 0.8;
}
.pageControl.number > .ellipsis:after {
	content: "\2026";
	color: #4d4d4d;
}

/* Page control - thumbnail */

.pageControl.thumbnail {
	text-align: center;
}
.pageControl.thumbnail > a {
	display: inline-block !important;
	height: 30px;
	margin: 0 10px;
	background-color: #ffffff;
	border: 1px solid #a7daf5;
	border-radius: 2px;
}
.pageControl.thumbnail > a:hover {
	border: 1px solid #79c7f0;
}
.pageControl.thumbnail > a.selected {
	border: 1px solid #22a3e7;
}
.pageControl.thumbnail > a > img {
	height: 100%;
}

/* Options */

.carousel.clip-true > .content {
	overflow: hidden;
}

.carousel.padding-true {
	padding: 10px;
}
.carousel.padding-true > .content {
	margin: 0 30px;
}
.carousel.padding-true .pageControl {
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	padding-top: 10px;
}
.carousel.padding-true .pageControl.hidden {
	display: block;
	visibility: hidden;
}

.carousel.background-true {
	background-image: url("../images/colors/color1/widget_carousel/widget_bg.png");
}
.carousel.border-true {
	border: 1px solid #e9e9e9;
	border-radius: 10px;
}



/*** wc/widget/Carousel - vertical orientation ***/

.carousel > .header {
	position: relative;
	padding: 10px;
	line-height: 40px;
}
.carousel > .header:after {
	content: "";
	display: block;
	clear: both;
}
.carousel > .header > h2 {
	display: inline-block;
	margin: 0;
	font-weight: inherit;
	line-height: normal;
	vertical-align: middle;
}
.carousel > .header > .controlBar {
	float: right;
}

/* Prev/next page buttons */

.controlBar > .prevPageButton,
.controlBar > .nextPageButton {
	display: inline-block;
	position: relative;
	width: 6px;
	height: 12px;
	border: 14px solid transparent;
	overflow: hidden;
	vertical-align: middle;
}
.controlBar > .prevPageButton.hidden,
.controlBar > .nextPageButton.hidden {
	display: none;
}
.controlBar > .prevPageButton:before,
.controlBar > .nextPageButton:before {
	content: url("../images/responsive/rwdUI.png");
	display: block;
	position: absolute;
	top: -1px;
}
.controlBar > .prevPageButton:before,
.controlBar > .prevPageButton:hover:before,
.controlBar > .prevPageButton:active:before {
	left: -21px;
}
.controlBar > .nextPageButton:before,
.controlBar > .nextPageButton:hover:before,
.controlBar > .nextPageButton:active:before {
	left: -41px;
}

/* Page control */

.controlBar .pageControl {
	display: inline-block;
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
	line-height: 38px;
	vertical-align: middle;
}
.controlBar .pageControl.hidden {
	display: none;
}

/* Page control - number */

.controlBar > .pageControlWrapper {
	display: inline-block;
	vertical-align: middle;
}
.pageControlButton,
.pageControlMenu > .closeButton {
	display: none;
}
.controlBar .pageControl.number > a {
	width: 38px;
	margin: 0 2px;
	background-color: #ffffff;
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	color: #4d4d4d;
	font-size: 16px;
	text-align: center;
	opacity: 1;
}
.controlBar .pageControl.number > a:hover,
.controlBar .pageControl.number > a.selected {
	background-color: #767676;
	border-color: #767676;
	color: #ffffff;
	opacity: 1;
}

/* Control bar - subscribe button */

.controlBar > .subscribeButton {
	display: inline-block;
	position: static;
	right: auto;
	top: auto;
	margin: 0 2px;
	vertical-align: middle;
}



/*** Widgets ***/

.catalogEntryRecommendationWidget > .header,
.categoryRecommendationWidget > .header {
	border-bottom: 1px solid #e9e9e9;
}

.contentRecommendationWidget {
	position: relative;
}

.contentCarouselWidget > .content {
	width: 125%;
	margin: 0 -12.5%;
}
.contentCarouselWidget .left_espot,
.contentCarouselWidget .left_espot.centered {
	width: 80%;
	margin: 0 auto;
}
.contentCarouselWidget.clip-true > .content {
	width: auto;
	margin: 0;
}
.contentCarouselWidget.clip-true .left_espot,
.contentCarouselWidget.clip-true .left_espot.centered {
	width: auto;
	margin: 0;
}

.contentCarouselWidget > .prevPageButton,
.contentCarouselWidget > .nextPageButton {
	width: 40px;
	height: 72px;
	margin-top: -36px;
}
.contentCarouselWidget > .prevPageButton {
	left: 0;
}
.contentCarouselWidget > .nextPageButton {
	right: 0;
}
.contentCarouselWidget > .prevPageButton:before,
.contentCarouselWidget > .nextPageButton:before {
	content: url("../images/responsive/DirectionalControls_MasterSprite.png");
}
.contentCarouselWidget > .prevPageButton:before {
	left: 0;
	top: 0;
}
.contentCarouselWidget > .prevPageButton:focus:before,
.contentCarouselWidget > .prevPageButton:hover:before {
	left: 0;
	top: -72px;
}
.contentCarouselWidget > .prevPageButton:active:before {
	left: 0;
	top: -144px;
}
.contentCarouselWidget > .nextPageButton:before {
	left: -40px;
	top: 0;
}
.contentCarouselWidget > .nextPageButton:focus:before,
.contentCarouselWidget > .nextPageButton:hover:before {
	left: -40px;
	top: -72px;
}
.contentCarouselWidget > .nextPageButton:active:before {
	left: -40px;
	top: -144px;
}
/* jQuery datepicker */
.ui-datepicker {
	border: solid 1px #cccccc;
    background-color: #fff;
	width: 19.2%;
	min-width:235px;
	text-align: center;  
	font-size: 13px;
}
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker-unselectable .ui-state-default {
    color: #b4b3b3;
}
.ui-datepicker tbody .ui-datepicker-current-day{ 
    background: #F5AA31 ;    
}
.ui-datepicker tbody td a:hover{ 
    background: #F5AA31 ;    
}
.ui-datepicker-prev, .ui-datepicker-next {
    background: url('../images/responsive/rwdUI.png') no-repeat -33px -1px;
	width: 20px;
	height: 20px;
    line-height: 600%;
    overflow: hidden;
	margin:10px;
}
.ui-datepicker-prev {
    float: left;
    background-position: -13px -1px;
}
.ui-datepicker-next {
    float: right;
   
}
.ui-datepicker-title{
	padding:10px;
	font-weight:bold;
	background-color: #cfe5fa;
	font-size: 15px;
	
}
.ui-datepicker tbody .ui-datepicker-today {
	background: none repeat scroll 0 0 #0579F2 !important;
    color: #FFFFFF;
    text-decoration: none;
}


/*** 0 - 1133px ***/

@media (max-width: 1133px) {

	/* Page control - number */

	.pageControlButton {
		display: inline-block;
		position: relative;
		width: 38px;
		margin: 0 5px;
		background-color: #767676;
		border: 1px solid #767676;
		border-radius: 5px;
		color: #ffffff;
		font-size: 16px;
		line-height: 38px;
		text-align: center;
	}
	.pageControlButton.hidden {
		display: none;
	}
	.pageControlMenu {
		display: none;
	}
	.pageControlMenu.active {
		display: block;
		position: absolute;
		z-index: 20;
		background-color: #ffffff;
		border: 1px solid #a0a0a0;
	}
	.pageControlMenu > .pageControl.number > a {
		display: block;
		margin: 4px;
	}
	.pageControlMenu > .pageControl.number > .ellipsis {
		display: block;
		line-height: normal;
		text-align: center;
	}
	.pageControlMenu > .pageControl.number > .ellipsis:after {
		content: "\22ee";
	}
	.pageControlMenu > .closeButton {
		display: block;
		position: relative;
		width: 14px;
		height: 14px;
		margin: 0 4px 4px 4px;
		border: 13px solid #ffffff;
		overflow: hidden;
	}
	.pageControlMenu > .closeButton:before {
		content: url("../images/responsive/rwdUI.png");
		display: block;
		position: absolute;
		left: -61px;
		top: -1px;
	}
	.pageControlMenu > .closeButton:hover:before {
		left: -241px;
	}

}



/*** RWD-A ***/

@media (max-width: 600px) {

	/* Menu */

	.basicMenu > h3 {
		display: block;
		margin: 0;
		padding: 15px;
		background-color: #687979;
		color: #ffffff;
		font-size: inherit;
	}
	.basicMenu > .closeButton {
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 10px;
		color: #ffffff;
		font-family: monospace;
	}
	.basicMenu > .closeButton > span:before {
		content: "[x]";
	}

	/* Header */

	#header:before {
		height: 5px;
	}
	#headerRow1 {
		height: 53px;
	}

	/* Quick links bar */

	#quickLinksBar > li > a {
		font-size: 12px;
	}
	#quickLinksBar > li > a > br {
		display: inline;
	}
	#quickLinksMenu.active {
		left: 0;
		right: 0;
		top:53px;
		width: auto;
	}

	/* Mini cart button */

	#widget_minishopcart {
		margin: 3px 15px;
	}

	/* Mini cart */

	#cartDropdown {
		width: auto;
	}
	
	.nonRWDPage #cartDropdown,
	.nonRWDPageB #cartDropdown{
		width: 360px;
	}
	/* Departments menu */

	#departmentsButton {
		display: block;
		max-width: 300px;
		margin: 2px 90px 2px 15px;
	}
	#departmentsButton > span {
		display: block;
		height: 36px;
		line-height: 36px;
		padding: 0 10px;
		text-align: left;
	}
	#departmentsMenu {
		display: none;
	}
	#departmentsMenu.active {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		margin: 0;
		padding: 0 15px 15px 15px;
		background-color: #ffffff;
		border: 1px solid #c9cece;
		border-top: 3px solid #ffa200;
		border-radius: 0 0 4px 4px;
		color: #404040;
		font-size: 12px;
		list-style: none;
	}
	#departmentsMenu > li {
		display: block;
	}
	#departmentsMenu > li.hidden {
		position: static;
		visibility: visible;
	}
	.departmentButton {
		display: none;
	}

	/* Department menu */

	.departmentMenu {
		display: block;
		position: relative;
		top: auto;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	.departmentMenu > .header > .toggle {
		display: block;
		position: absolute;
		right: -8px;
		top: 0;
		margin: 8px 0;
		padding: 8px;
		font-family: monospace;
	}
	.departmentMenu > .header > .toggle > span:before {
		content: "[+]";
	}
	.departmentMenu > .header > .toggle.selected > span:before {
		content: "[-]";
	}

	/* Category list */

	.categoryList {
		display: none;
		border-bottom: 1px solid #ffa200;
	}
	.departmentMenu.active .categoryList {
		display: block;
	}

	/* Subcategory list */

	.subcategoryList {
		border-bottom: 1px solid #e0dee5;
	}
	.subcategoryList > li {
		display: inline-block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 50%;
		padding-right: 16px;
		vertical-align: top;
	}

	/* "All departments" menu */

	#allDepartmentsButton {
		display: none;
	}
	#allDepartmentsMenu {
		display: none !important;
	}

	/* Search bar */

	#searchButton {
		display:block;
		position: absolute;
		right: 0;
		top: 0;
		width: 58px;
		height: 38px;
		margin: 2px 15px;
		background-color: #ffffff;
		border: 1px solid #BFBFBF;
		border-radius: 4px;
		vertical-align: middle;
		overflow: hidden;
	}
	#searchButton:before {
		content: url("../images/responsive/rwdUI.png");
		position: absolute;
		left: -99px;
		top: -9px;
		clip: rect(21px, 135px, 35px, 121px);
	}
	#searchButton:hover:before {
		left: -119px;
		clip: rect(21px, 155px, 35px, 141px);
	}
	#searchBar {
		display: none;
	}
	#searchBar.active {
		display: block;
		position: static;
		right: auto;
		width: auto;
		padding: 2px 15px;
		border-top: 1px solid #c9cece;
	}
	#searchBox > .submitButton {
		width: 10px;
		height: 18px;
		border-width: 6px 10px;
	}
	#searchBox > .submitButton:before {
		left: -181px;
	}
	#searchBox > .submitButton:hover:before {
		left: -201px;
	}

	/* Autocomplete menu */

	#searchDropdown {
		left: -16px;
		right: -16px;
		top: 41px;
	}

	/* Footer */

	#footerRow1 > .section > .header:before {
		height: 30px;
		border-radius: 3px 3px 0 3px;
	}
	#footerRow1 > .section > .header > .toggle {
		display: block;
		position: absolute;
		left: -30px;
		bottom: -1px;
		width: 6px;
		height: 12px;
		border-width: 9px 12px;
		border-style: solid;
		border-color: transparent;
		overflow: hidden;
	}
	#footerRow1 > .section > .header > .toggle:before {
		content: url("../images/responsive/rwdUI.png");
		display: block;
		position: absolute;
		left: -161px;
		top: -1px;
	}
	#footerRow1 > .section.active > .header > .toggle {
		width: 12px;
		height: 6px;
		border-width: 12px 9px;
	}
	#footerRow1 > .section.active > .header > .toggle:before {
		left: -181px;
		top: -1px;
	}
	#footerRow1 > .section > ul {
		display: none;
	}
	#footerRow1 > .section.active > ul {
		display: block;
	}

	/* Carousel */

	.contentCarouselWidget {
		overflow: hidden;
	}

}



/*** Mobile (portrait) - 0-400px ***/

@media (max-width: 400px) {

	/* Category list */

	.categoryList > li {
		width: 100%;
		padding-right: 0;
	}

	/* Search bar */

	#searchTermWrapper {
		right: 58px;
		border-right: 1px solid #bfbfbf;
	}
	#searchFilterButton {
		display: none;
	}
	#searchFilterMenu.active {
		display: none;
	}
	#searchBox > .submitButton {
		border-width: 6px 20px;
	}

}



/*** High-resolution displays ***/

@media (-webkit-device-pixel-ratio: 2) {
	.departmentButton:after, #quickLinksButton:after, #widget_minishopcart:after, #departmentsButton:after, #searchButton:after, .pageControlButton:after,
	#cartDropdown > .closeButton:after,
	#searchFilterButton:after {
		background-image: url("../images/responsive/rwdUI@2x.png");
		background-size: 300px 400px;
	}
	#widget_minishopcart:before,
	#searchBox > .submitButton:before,
	.carousel > .prevPageButton:before,
	.carousel > .nextPageButton:before,
	.controlBar > .prevPageButton:before,
	.controlBar > .nextPageButton:before {
		content: url("../images/responsive/rwdUI@2x.png");
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0 0;
	}
	.contentCarouselWidget > .prevPageButton:before,
	.contentCarouselWidget > .nextPageButton:before {
		content: url("../images/responsive/DirectionalControls_MasterSprite.png");
		-webkit-transform: scale(1);
	}
	#widget_minishopcart:before {
		clip: rect(82px, 54px, 120px, 2px);
	}
}

@media (-webkit-device-pixel-ratio: 2) and (max-width: 1133px) {
	.pageControlMenu > .closeButton:before {
		content: url("../images/responsive/rwdUI@2x.png");
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0 0;
	}
}

@media (-webkit-device-pixel-ratio: 2) and (max-width: 600px) {
	#searchButton:before,
	#footerRow1 > .section > .header > .toggle:before {
		content: url("../images/responsive/rwdUI@2x.png");
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0 0;
	}
	#searchButton:before {
		clip: rect(42px, 270px, 70px, 242px);
	}
	#searchButton:hover:before {
		clip: rect(42px, 310px, 70px, 282px);
	}
}
/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2012, 2016 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */

ul.disc{
	list-style-type: disc;
}

div.hidden_summary{
	position:absolute;
	left: -99999px;
}

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

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

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

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

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

.verticalAlign_middle {
	vertical-align: middle;
}

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

.clearFloat, .clear_float{
	clear: both;
}

.bold {
	font-weight: bold;
}

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

.margin-left-2x{
	margin-left: 20px;
}

/* MiniShoppingCart Widget Popup */
div#widget_minishopcart_popup, div#widget_minishopcart_popup_1 {
	cursor:pointer;
}
div#widget_minishopcart_popup > #cartDropdown .product > .product_image > a {
	height: 87px;
	text-align: center;
}
div#widget_minishopcart_popup > #cartDropdown .product > .product_image > a > img{
	height: 100%;
	width: auto;
}
div#widget_minishopcart_popup_1 > #cartDropdown .product > .product_image > a {
	height: 114px;
	text-align: center;
}
div#widget_minishopcart_popup_1 > #cartDropdown .product > .product_image > a > img{
	height: 100%;
	width: auto;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product {
	min-height: 94px;
	border-bottom: 1px solid #edeff0;
	position: relative;
	padding: 5px 11px 5px 92px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image {
	width: 82px;
	height: 94px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px 10px 5px 0;
	overflow: hidden;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name {
	font-size: 16px;
	color: #666666;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name a,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name a {
	color: #666666;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product a,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product  a {
	text-decoration: none;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product a:hover,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product  a:hover {
	text-decoration: underline;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image a,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image a {
	display:block;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_quantity,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_quantity {
	font-size: 13px;
	color: #666666;
	margin-right: 14px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_part_number,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_part_number {
	font-size:13px;
	color: #4d4d4d;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_price,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_price {
	font-size:13px;
	color: #4d4d4d;
	line-height: 26px;
	float: right;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_color,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_color {
	font-size:12px;
	line-height: 16px;
	color: #808080;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_size,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_size {
	font-size:12px;
	line-height: 16px;
	color: #808080;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal {
	border-bottom: 1px solid #EDEFF0;
	padding: 8px 11px;
	position: relative;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal > .product_price,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal > .product_price {
	color: #ca4200;
	line-height: 22px;
	font-weight: bold;
	float: right;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .adjustment_price > .product_price,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .adjustment_price > .product_price {
	color: #4d4d4d;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .view_more,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more {
	border-bottom: 1px solid #EDEFF0;
	padding: 5px 11px;
	position: relative;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items {
	color: #006ECC;
	font-size: 12px;
	cursor: pointer;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items:hover,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items:hover {
	text-decoration: underline;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart {
	height: 35px;
	padding: 6px 11px;
	overflow: hidden;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart > .button_primary,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart > .button_primary {
	float: right;
	margin-top: 5px;
}
/* Added Product */
div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product {
	min-height: 112px;
	border-bottom: 1px solid #edeff0;
	position: relative;
	padding: 5px 11px 5px 126px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product:last-child,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product:last-child {
	border-bottom: none;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product > .product_image,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product > .product_image {
	width: 110px;
	height: 114px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .empty,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .empty {
	font-size: 13px;
	padding:15px 7px;
	border-bottom: 1px solid #EDEFF0;
}
div#widget_minishopcart_popup > .bottom,
div#widget_minishopcart_popup_1 > .bottom {
	width: 360px;
	overflow: hidden;
}
div#widget_minishopcart_popup > .bottom > .left_border,
div#widget_minishopcart_popup_1 > .bottom > .left_border {
	float: left;
	width: 3px;
	height: 3px;
	background-color: #a3a3a3;
}
div#widget_minishopcart_popup > .bottom > .middle_tile,
div#widget_minishopcart_popup_1 > .bottom > .middle_tile {
	float: left;
	width: 354px;
	height: 3px;
	background-color: #a3a3a3;
}
div#widget_minishopcart_popup > .bottom > .right_border,
div#widget_minishopcart_popup_1 > .bottom > .right_border {
	float: left;
	width: 3px;
	height: 3px;
	background-color: #a3a3a3;
}

.quick_info_toggle {
	display: none;
}

div.widget_quick_info_popup {
	position:relative;
}

div.widget_quick_info_popup > .top,
div.widget_quick_info_popup > .bottom {
	background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-x scroll 0 0 transparent;
	overflow: hidden;
	width: auto;
}

div.widget_quick_info_popup > .top > .left_border{
	width:3px;
	height:3px;
	float: left;
}

div.widget_quick_info_popup > .top > .middle_tile{
	width:728px;
	height:3px;
	float: left;
}

div.widget_quick_info_popup > .top > .right_border{
	width:3px;
	height:3px;
	float: left;
}

div.widget_quick_info_popup > .middle > .content_left_border {
	background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 transparent;
	float: left;
	padding-left: 3px;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border {
	/* DevStart: changed from transparent to white background,since the popup was transparent */
	background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 white;
	/* DevEnd */
	background-position:right;
	float: right;
	padding-right: 3px;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content {
	background-color: #ffffff;
	margin: 23px;

}

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;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .image_container {
		border-bottom: 1px dotted #777777;
		width: 95%;
	}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .image_container > img {
	width: 100%;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views{
	margin-right: 15px;
	border-bottom: 1px dotted #eeeeee;
	margin-top: 1px;
	position: relative;
	z-index: 10;
	height: 100%;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul{
	display: table;
	padding-left: 0px;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li.selected{
	border: 3px solid #FAC549;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li{
	border: 3px solid #E5E5E5;
	float: left;
	list-style: none outside none;
	margin-right: 8px;
	width: 94px;
	height: 94px;
	text-align: center;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li:hover{
	border: 3px solid #FAC549;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li > a > img{
	height: 100%;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views > h1 {
	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;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.main_header{
	color: #818181;
	display: block;
	font-size: 20px; /*22*/
	line-height: 20px; /*28*/
	margin-top: -3px;
	max-width: 320px;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .not_available{
	font-size: 11px;
	line-height: 16px;
	color: #777777;
	font-style:italic;
}

/* DevStart: style for price as configured text*/
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.configured {
	font-size: 14px;
	color: #CCC;
	line-height: 24px;
	float: left;
}
/* DevEnd: style for price as configured text*/

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.old_price{
	color: #777777;
	float: left;
	font-size: 16px;
	line-height: 24px;
	text-decoration: line-through;
	font-weight:bold;
	margin-right: 4px; /* Dev: provides space after list price and before offer price */
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.price{
	color: #CA4200;
	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight:bold;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.sku{
	color: #777777;
	font-size: 10px;
	line-height: 12px;

}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star{
	background: url("../images/colors/color1/star_rating.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 16px;
	margin-top: 3px;
	padding-right: 3px;
	width: 16px;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star:hover{
	background-position: 0 -16px;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a{
	color: #006ECC;
	float: left;
	font-size: 12px;
	padding-left: 8px;
	text-decoration: none;
	line-height: 25px;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a:hover{
	text-decoration: underline;
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .divider{
	height: 1px;
	background-color: #e5e5e5;
	margin-top: 11px;
	margin-bottom: 11px;
}

/* DevStart: changed class hierarchy to add refresh area div */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column p{
	font-size: 12px;
	line-height: 14px;
	color: #777777;
}
/* DevEnd: changed class hierarchy to add refresh area div */

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a{
	color: #006ECC;
	display: block;
	margin-top: 4px;
	font-size: 11px;
	float: left;
	line-height: 15px;/*Dev for avoiding truncation in other languages*/
}

div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a:hover{
	text-decoration:underline;
}

/* DevStart: for li elements that lists various product attributes */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > li,
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > ul > li{
	font-size: 11px;
	line-height: 13px;
	color: #777777;
	margin-left: 14px;
}
/* DevEnd */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .heading{
	font-size: 14px;
	line-height: 14px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul > li{
	display: block;
	float: left;
	margin-bottom: 6px;
	margin-right: 6px;
	margin-top: 6px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list{
	margin-top:6px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list a{
	text-decoration: none;
}
/* DevStart: a div was added to position the dropdown as parent to .dropdown_primary,hence .dropdown_primary not immediate child of .purchase_section */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section .dropdown_primary > .button > .content{
	min-width: 127px;
}
/* DevEnd */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.quantity_label{
	font-size:14px;
	margin-top: 5px;
	line-height: 15px;/*Dev for avoiding truncation in other languages*/
	float:left;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_primary > .wide_button{
	width: 110px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .full_details{
	padding-top: 10px;
	padding-bottom: 10px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a{
	color: #006ECC;
	font-size: 11px;
	text-decoration: none;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a:hover{
	text-decoration:underline;
}
/* Dev Start: Add To Cart text was not visible properly in other languages,in quick info.. Made similar changes as done by MDS to fix this issue in product page */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_add_to_cart > .button_text{
	min-width: 120px;
}
/* Dev End*/
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .button_secondary .button_text{
	min-width: 120px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group{
	cursor:pointer;
	position:absolute;
	right:0px;
	top:-4px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close{
	background-position: 0 -13px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close_text{
	text-decoration:underline;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column  .close_group .close{
	width: 13px;
	height: 13px;
	background-image: url('../images/colors/color1/widget_quick_info_popup/close_sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close_text{
	position: relative;
	top: 10px;
	font-size: 13px;
	color: #404040;
	text-decoration:none;
	line-height: 15px;/*Dev for avoiding truncation in other languages*/
	width: 100px;
	margin-right: 30px;
	text-align: right;
}

div.widget_quick_info_popup > .bottom > .left_border{
	width:3px;
	height:3px;
	float: left;
}
div.widget_quick_info_popup > .bottom > .middle_tile{
	width:728px;
	height:3px;
	float: left;
}
div.widget_quick_info_popup > .bottom > .right_border{
	width:3px;
	height:3px;
	float: left;
}

#quickInfoPopup {
	top: 0px !important;
}

#quickInfoPopup > div {
	height: 100% !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%);
}

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

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

div.widget_title_container > h1 {
	font-size:24px;
	line-height: 28px;
	color: #666666;
	padding-left: 9px;
}

div.widget_title_container .black{
	color: #4d4d4d !important;
}

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

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

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

.textContainer .title {
			font-family: arial, helvetica;
			font-weight: bold;
			font-size: 40px;
			color: #073769;
			line-height: 42px;
			margin-bottom: 10px;
			text-transform: uppercase;
	}
.textContainer .bodyText {
		font-family: arial, helvetica;
		font-size:14px;
		color: #073769;
		line-height: 14pt;
		margin-left:1px;
	}
.textContainer .button {
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		padding: 9px 20px;
		border-radius: 3px;
		background-color: #c5293e;
		font-size: 20px;
		color: #fff;

		width: 100px;
		margin-top: 15px;
		margin-left:1px;
	}

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

.collapsible > h3 {
	cursor: pointer;
}
.collapsible > .content {
	overflow: hidden;
}
.collapsible[aria-expanded="false"] > .content {
	max-height: 0;
	visibility: hidden;
}
#content .collapsible,
.categoryNavWidget.collapsible,
.linkWidget.collapsible {
	padding: 10px 5%;
	background-color: #f0f0f0;
	border-radius: 5px;
	transition: background-color .2s;
}
#content .collapsible:hover,
.categoryNavWidget.collapsible:hover, 
.linkWidget.collapsible:hover{
	background-color: #e0e0e0;
}
#content .collapsible > h3,
.categoryNavWidget.collapsible > h3,
.linkWidget.collapsible > h3 {
	display: block;
	position: relative;
	margin: -10px -12px;
	padding: 10px 34px;
	font-size: 17px;
	font-weight: inherit;
	overflow: hidden;
	min-height: 1.4em;
}
#content .collapsible > .header,
.categoryNavWidget.collapsible > .header,
.linkWidget.collapsible > .header{
	font-size: 17px;
}
#content .collapsible > h3:before,
.categoryNavWidget.collapsible > h3:before ,
.linkWidget.collapsible > h3:before {
	content: url("../images/responsive/rwdUI.png");
	position: absolute;
	top: -27px;
	left: -49px;
	clip: rect(41px,78px,58px,61px);
}
#content .collapsible[aria-expanded="false"] > h3:before,
.categoryNavWidget.collapsible[aria-expanded="false"] > h3:before ,
.linkWidget.collapsible[aria-expanded="false"] > h3:before {
	left: -29px;
	clip: rect(41px,58px,58px,41px);
}
#content .collapsible > .content > ul, 
.linkWidget.collapsible > .content > ul {
	margin: 10px 0 0 0;
	background-color: #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;
	clear:both;
}
#attachmentPaginationContainer .paging_controls .active {
	background-position: left top;
	cursor: pointer;
}
#attachmentPaginationContainer .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;
}
#attachmentPaginationContainer .title{
	float:left;
}
#attachmentPaginationContainer .paging_controls{
	float:right;
}
#attachmentPaginationContainer .paging_controls .pages{
	float:left;
}
#attachmentPaginationContainer .paging_controls .right_arrow{
	float:left;
	margin: 2px 0 0;
}
#attachmentPaginationContainer .paging_controls .left_arrow{
	float:left;
	margin: 2px 0 0;
}

.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 #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 .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;
	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: 0px;
	left: -60px;
}

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

.definingAttributes .currentUsedFilters .close:hover:before {		
	top:0px;
	left:-240px;
}

.definingAttributes .hidden {
	display: none;
}

.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;
}

/* DevStart: css for list view under Other Custmers Also Purchased */

.product_listing_container .list_mode .product .divider{
	display: none;
}

.product_listing_container .list_mode .product > .product_image {
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	height: auto;
	margin: 15px;
}

.product_listing_container .list_mode .product .product_info form select{
	width: 112px;
}
/* DevEnd: css for list view under Other Custmers Also Purchased */

.product_listing_container .list_mode .product > .product_info > .product_name {
	color: #666666;
	font-size: 17px;
}

.product_listing_container .list_mode .product > .product_info > .product_name a:hover{
	text-decoration:underline;
}

.product_listing_container .list_mode .product > .product_info > .attr {
	font-size: 14px;
}

.product_listing_container .list_mode .product > .product_info > .def_attr {
	display: block;
}

.product_listing_container .list_mode .product > .product_info > .product_price {
	color: #CA4200;
	font-size: 14px;
}

.product_listing_container .list_mode .product > .product_info > .product_price .old_price {
	color: #777777;
	text-decoration: line-through;
	margin-right: 4px; /* Dev: provides space after list price and before offer price */
}

.product_listing_container .list_mode .product > .product_info > .not_available{
	color: #4D4D4D;
	font-style: italic;
	line-height: 14px;
	font-size: 13px;
	margin-top: 2px;
}

.product_listing_container .list_mode .product > .product_info > .product_description {
	font-size: 13px;
	line-height: 16px;
	margin-top: 12px;
	padding-right: 15px;
}

.product_listing_container .list_mode .product > .product_info > .product_description a{
	color: #006ECC;
	margin-top: 4px;
	display: inline-block;
	text-decoration:none;
	float: left; /* Dev: To avoid wide outline when focussed,also added a clear_float div in the page */
}

.product_listing_container .list_mode .product > .product_info > .product_description a:hover{
	text-decoration:underline;
}

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

.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list {
	float: left;
}

.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_name {
	font-size: 13px;
	float: left;
	line-height: 32px;
}

.product_listing_container .list_mode .product > .product_info > .product_sizes {
	margin-top: 2px;
}

.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist {
	line-height: 22px;
}

.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_quantity .quantity_section .header {
	font-size: 13px;
	position: relative;
	bottom: 2px;
}

.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_addtolist select{
	margin-left: 24px;
	height: 22px;
}

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

.product_listing_container .list_mode .product > .product_info > .searchAssocAssets {
	padding: 20px 0 20px 0;
	font-size: 12px;
	line-height: 16px;
}

.product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details{
	float: left;
}

.product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details a{
	color: #006ECC;
	text-decoration: none;
}

.product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details a:hover{
	text-decoration: underline;
}

.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;
}

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%;
	padding: 15px 15px 15px 190px;
	position: relative;
}
.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:Arial, Helvetica, sans-serif;
}

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

}

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

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

.product_desc{
	padding-top: 11px;
	padding-bottom: 11px;
	line-height: 22px;
}

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

.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;
}

div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li.last_swatch {
	margin-bottom: 0px;
}

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

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

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

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

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

.quantity_input {
	height: 19px;
	width: 40px;
	background-color: #ffffff;
	font-style: normal;
	font-size:14px;
	padding: 1px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	color: #4d4d4d;
	text-align: center;
}

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

/*--------------------------------------------------------------*/

#widget_language_and_currency_popup {
	height: auto !important;
	font-family: Arial, Helvetica, sans-serif;
}

div.widget_site_popup {
	width: 460px;
	background-color: #ffffff;
	font-size:12px;
}

@media (max-width: 500px) {
	div.widget_site_popup {
		width: 300px;
		background-color: #ffffff;
		font-size:12px;
	}
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border {
	border: 3px solid #a3a3a3;
	border-color: rgba(71,71,71,0.5);
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content {
	width: auto;
	background-color: #ffffff;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product{
	margin-left: 7px;
	margin-top: 7px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_image{
	float: left;
	margin-right: 15px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_name{
	float: left;
	font-size: 14px;
}

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;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #A2A2A2;
	color: #404040;
}

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

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer{
	height: 38px;
	border-top: 1px solid #edeff0;
	line-height: 36px;
	padding-left: 10px;
	padding-right: 10px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container{
	margin-top: 7px;
	float: right;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_primary,
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_secondary{
	display:block;
	float: left;
	margin-left: 10px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close{
	width: 13px;
	height: 13px;
	position: absolute;
	right: 14px;
	top: 12px;
	background-image: url('../images/colors/color1/close_sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close:hover{
	background-position: 0 -13px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close_acce  {
	position: absolute;
	right: 14px;
	top: 14px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content-override-maxwidth {
	width: 455px;
	max-width:460px;
}

#inactivityWarningPopup_body {
	padding-top: 60px;
	padding-bottom: 60px;
}

#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body .message_icon {
	width: 19px;
}

#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body .message_text {
	color: #4D4D4D;
	font-size: 12px;
	line-height: 16px;
	margin-left: 10px;
}

#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_primary > .button_text {
	min-width: 50px;
}

#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .close_acce  {
	width: 13px;
	height: 13px;
	position: absolute;
	right: 14px;
	top: 12px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header{
	background-color: #f5f6f7;
	border-bottom: 1px solid #edeff0;
	padding: 7px 20px 9px 20px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header span{
	font-size: 16px;
	color: #666666;
}


div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selector {
	padding: 8px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors {
	padding: 16px 0;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .option_name{
	font-size: 12px;
	color: #666666;
	width: 25%;
		float: left;
		text-align: right;
		padding-right: 5px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .left_selector{
	width: 350px;
	position: relative;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select{
	width: 150px;
	background-color: #e5e5e5;
	height: 22px;
	font-size: 12px;
	color: #4d4d4d;
	padding-left: 10px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select #selected_option{
	cursor: pointer;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_options{
	width: 148px;
	height: 65px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	position: absolute;
	top: 22px;
	left: 80px;
	padding-left: 10px;
	overflow:scroll;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors select{
	font-size: 12px;
	color: #666666;
	float:left;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .currency{
	width: 92px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body{
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 14px;
	font-size: 12px;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .textinlinewithicon{
	line-height: 23px;
	margin-left: 4px;
	float: left;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .header{
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 14px;
}

.dropdown_list{
	position: absolute;
	/* DevStart: dropdown list kept relative to the dropdown button,so that it can be used in multiple places */
	top: 23px;
	z-index: 5;
	/* DevEnd */
	min-width: 190px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

div.dropdown_list > ul div.divider{
	border-bottom: 0px;
	height: 1px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #b9b9b9;
	margin-top: 7px;
}

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

.created_list{
	background: url('../images/colors/color1/widget_quick_info_popup/plus_icon.png') no-repeat scroll 10px 50% transparent;
	color: #515151;
	cursor: pointer;
	display:block;
	font-size: 11px;
	line-height: 11px;
	overflow:hidden;
	padding-left: 24px;
	padding-bottom: 8px;
	padding-top: 8px;
}
.created_list_wrapper{
	width: 200px;
	overflow: auto;
	overflow-x: hidden;
	max-height: 100px;
}
.created_list:hover,.created_list_wrapper > .focused {
	background-color: #d9e9f7;
}

.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;
}

.dropdown_primary {
	height: 24px;
	display: inline-block;
	text-decoration:none;
}

.dropdown_primary > .button{
	float: left;
	text-decoration:none;
	cursor: pointer;
}

.dropdown_primary > .button > .left_border {
	width: 2px;
	height: 24px;
	float: left;
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border.png') top left no-repeat;
}

.dropdown_primary > .button > .right_border,
.dropdown_primary > .drop .right_border {
	width: 2px;
	height: 24px;
	float: left;
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border.png') top left no-repeat;
}

.dropdown_primary > .button > .content {
	height: 20px;
	padding: 2px 7px;
	float: left;
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x;
	line-height: 20px;
	color: #49310f;
	text-align: center;
	font-size: 11px;
	overflow:hidden;
	cursor: pointer;
}

.dropdown_primary > .drop{
	float: left;
	cursor: pointer;
}

.dropdown_primary > .drop > .dropdown_arrow{
	height: 24px;
	float: left;
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x;
	width: 16px;
	text-align: center;
	line-height: 20px;
}

.dropdown_primary > .drop > .white_line{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_white.png') top left repeat-x;
	height: 24px;
	width:1px;
	float: left;
}

.dropdown_primary > .button:focus > .left_border{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat;
}

.dropdown_primary > .button:focus > .content{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}

.dropdown_primary > .button:focus > .right_border{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}

.dropdown_primary > .button:hover > .left_border{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat;
}

.dropdown_primary > .button:hover > .content{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}

.dropdown_primary > .button:hover > .right_border{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}

.dropdown_primary > .drop:focus > .dropdown_arrow{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}

.dropdown_primary > .drop:focus > .right_border{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}

.dropdown_primary > .drop:hover > .dropdown_arrow{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}

.dropdown_primary > .drop:hover > .right_border{
	background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}

div#purchase_options input {
	border: none;
	background-color: none;
	vertical-align: middle;
	margin-top: -2px;
}
div#purchase_options label {
	padding-right: 15px;
}
div#purchase_options label img {
	padding-right: 5px;
	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 {
	background: url('../images/colors/color1/bundle_product_bg.png') repeat-y;
}

.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info {
	width: 300px;
}

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

.widget_bundle_package_list .product_listing_container > .list_mode .product .product_info .product_sizes .heading {
	font-size: 13px;
}

/* DevStart: inventory availability component is reused,hence using a common class .available instead of .product_availability */
.widget_bundle_package_list .product_listing_container > .bundle_mode .product .available {
	width: 190px; /* Dev: to accommodate select attribute text */
	padding-left: 12px;
}
/* DevEnd */

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

/*For containers which are direct children of 'main_content'*/
.container_margin_5px{
	margin: 5px auto;
}

.container_margin_8px{
	margin: 8px auto;
}

.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;
}
.WCTooltip {
	position:absolute;	
	z-index:2000;
	overflow:visible;
}	
.WCTooltip > .container{
	margin-top:12px;
	font-size: 12px;
	border: 1px solid #CA4200;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: left;	
	background-color: #fafafa;	
	padding: 0.12em;
	max-width:600px;	
	width: max-content;
}
.WCTooltip > .container> .connector
{
	left: 47%;
	top: 0;
	width: 16px;
	position: absolute;
	height: 14px;
	background: url('../images/colors/color1/tooltipConnectorUp.png') no-repeat top left;
}
.WCTooltip > .container> .header
{ 
	font-size: 14px;
	background-color: #f5f6f7;
	border-bottom: 1px solid #edeff0;
	padding: 8px 15px;
}
.WCTooltip > .container> .content
{
	background-color: #ffffff;
	padding:15px;	
	color:black;
	max-width:300px;
	min-width:250px;
}
@media (max-width: 600px) {
	.WCTooltip > .container> .content
	{
		max-width:250px;
		min-width:200px;
	}
	.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: 15px;
	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;
}
.selectWrapper:hover {
	background-color: #e0e0e0;
	border-color: #e0e0e0;
}
.shopperActions .dropdown_primary > .drop {
	overflow: hidden;
}
.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;
}
#pageSize_menu,
.pageSizeSelectMenu {
	width: 70px !important;
}
#orderBy_dropdown > #orderBy_menu,
.orderBySelectMenu,
#orderByContent_dropdown > #orderByContent_menu,
#pageSize_dropdown > #pageSize_menu,
.pageSizeSelectMenu,
div[id^="attrValue_"] > table[id^="attrValue_"],
div[id^="attrName_"] > table[id^="attrName_"] {
	position: relative;
	border: 1px solid #898989;
	background: #FFF;
	z-index: 20;
}
#orderBy_dropdown > #orderBy_menu > tbody tr td,
.orderBySelectMenu > tbody tr td,
#orderByContent_dropdown > #orderByContent_menu > tbody tr td,
#pageSize_dropdown > #pageSize_menu > tbody tr td,
.pageSizeSelectMenu > tbody tr td,
div[id^="attrValue_"] > table[id^="attrValue_"] > tbody tr td,
div[id^="attrName_"] > table[id^="attrName_"] > tbody 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 > tbody tr td,
.pageSizeSelectMenu > tbody tr td {
	text-align: center;
}

.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: absolute;
	top: -10px;
}
div.grid_icon, a.grid_icon:hover, div.list_icon, a.list_icon:hover {
	background-color: #767676;
}
a.grid_icon:before {
	left: -30px;
	clip: rect(21px,58px,38px,41px);
}
div.grid_icon:before, a.grid_icon:hover:before {
	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 {
	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: 320px;
	height: 100%;
	padding-bottom: 40px;
	position:relative;
}
.product_listing_container > .list_mode > div > 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;
}

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

/* Default background for all ribbon ad's */
.product_image .RibbonAdDefault {
	position:absolute;
	bottom:40px;
	left:0;
	width:110px;
	height:20px;
	background-color:#2C2C2C;
	background: -webkit-gradient(linear, left top, right top, color-stop(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: 14px;
	line-height:20px;
	font-family: arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:10px;
	border-radius:3px;
	text-align:left;
	vertical-align:baseline;
	overflow:visible;
	white-space: nowrap;
}
.product_image .RibbonAdDefault.Exclusive {
	background-color:#CA4200;
	background: -webkit-gradient(linear, left top, right top, color-stop(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;
}
.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;
}
.product_info > .product_price > .old_price {
	color: #767676;
	text-decoration: line-through;
}
.grid_mode .product_price {
	padding: 5px 0px 0px 15px;
	min-height: 24px;
}
.product_info > .header {
	display: inline-block;
	font-size: 11px;
}
.button.primary,
.button.secondary {
	display: inline-block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FBBB0B), to(#EE9505));
	background-image: linear-gradient(#FBBB0B, #EE9505);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FBBB0B', endColorStr='#EE9505')";
	border-radius: 4px;
	min-width: 200px;
	max-width: 100%;
	line-height: 29px;
	min-height: 29px;
	text-align:center;
	border: 1px solid #BFBFBF;
	color: #333333;
	font-size:14px;
}

.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 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FED60C), to(#F8AF06));
	background-image: linear-gradient(#FED60C, #F8AF06);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FED60C', endColorStr='#F8AF06')";
}
.add2CartButtonDisabled {
	color: #BFBFBF !important;
	cursor: default;
	pointer-events: none;
}
.button.secondary:hover, .requisitionListBox .addRequisitionList .button:hover {
	background-image: linear-gradient(#f7f9f9, #ced2d3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3));
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";
}

.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;
}

/* Breadcrumb Widget */
div#widget_breadcrumb {
	padding: 0 10px;
	height: 14px;
	line-height: 12px;
}
div#widget_breadcrumb > ul {
	padding: 0;
	list-style-type: none;
}
div#widget_breadcrumb > ul li {
	display: inline;
	color: #CA4200;
	font-size: 12px;
	margin:0;
}
div#widget_breadcrumb > ul li a{
	text-decoration: none;
	color: #CA4200;
}
div#widget_breadcrumb > ul li:hover a{
	text-decoration: underline;
}
div#widget_breadcrumb > ul li.current {
	color: #767676;
}
div#widget_breadcrumb > ul span.divider,
div#widget_breadcrumb > ul li.divider {
	margin: 0 6px;
	color: #dedede;
	font-size: 12px;
	font-family: arial, helvetica;
}

/*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 {
	min-height: 40px;
	color: #545454;
	font-size: 14px;
	font-weight: bold;
	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: -101px;
		top: -41px;
	}
.optionContainer .arrow_collapsed:before {
	left: -81px;
}

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

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

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

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

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

#facetFilterListWrapper .facetSelectedCont {
	border-top:1px solid #e3e1e1;
	border-bottom:1px solid #e3e1e1;
	margin:7px 5% 0 0;
	padding:3px 0;
	width:95%;
}
	#facetFilterListWrapper .facetSelectedCont .filter_option img {
		border-radius:100%;
		vertical-align:middle;
	}

	#facetFilterListWrapper .facetSelected {
		list-style:none;
		font-size:13px;
		line-height:30px;
	}
		#facetFilterListWrapper .facetSelected:hover {
			text-decoration: underline;
		}
		#facetFilterListWrapper .facetSelected:hover .close{
			background-position: -241px -1px;
		}
	#facetFilterListWrapper .facetSelected.vertical {
		width:95%;
	}
		.facetSelected .close {
			margin:9px 3px 0 0;
		}
	#facetFilterListWrapper .header {
		width:95%;
		margin:0 5% 0 0;
	}

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

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

	.facetSelectContainer {
		background:#FFF;
		margin:0;
		padding:0 0 10px 0;
		border-radius:0 0 5px 5px;
	}
	.facetSelectContainer > ul {
		padding: 0;
	}
	.facetSelectContainer .facetSelectedHighlight {
		color:#CA4200;
		font-weight: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: 12px;
	color: #565656;
	padding:10px 5%;
	border-bottom: 1px solid #e3e1e1;
}
.facetSelect li a {
	display: block;
	margin: -10px -5%;
	padding: 10px 5%;
}
.facetSelect li a:hover {
	text-decoration: underline;
}
.facetSelect li label {
	display: block;
	margin: -10px -5%;
	padding: 10px 5%;
}
.facetSelect li label:hover {
	cursor: pointer;
}
.facetSelect li label:hover .outline span:first-child {
	text-decoration: underline;
}
.facetSelect > li.more ~ li,
.facetSelect.active > li.more {
	display: none;
}
.facetSelect.active > li.more ~ li {
	display: block;
}

		.showLess,
		.showMore {
			line-height: 16px;
			font-size: 12px;
			color: #565656;
			cursor: pointer;
			text-align: right;
			padding: 5px 5% 0 0;
		}
			
			.showLess:hover,
			.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: 12px;
				height: 12px;
				margin: 0 5px 0 0;
				border: 1px solid #a5a5a5;
				background-color: #d7d7d7;
				float: left;
				position:relative;
				display: none;
			}
			.singleFacet .facetSelect .checkBox {
				display: block;
			}
			.facetSelect li input:checked + a .checkBox > .checkmark {
				position:absolute;
				background: url('../images/responsive/rwdUI.png');
				background-position: -81px -1px;
				margin-left: 1px;
				margin-top:1px;
				width:12px;
				height:11px;
			}
			
		input:checked ~ .checkBox > .checkmarkMulti {
			position:absolute;
			background: url('../images/responsive/rwdUI.png');
			background-position: -81px -1px;
			margin-left: 1px;
			margin-top:1px;
			width:12px;
			height:11px;
		}
		li[data-additionalvalues="More"]{
			cursor: pointer;
		}
		li[data-additionalvalues="More"] > label{
			cursor: pointer;
		}
		li[data-additionalvalues="More"] > label > span > span:first-child:hover{ 
			text-decoration: underline;
		}
		li[data-additionalvalues="More"]:hover > label > span > span:first-child{ 
			text-decoration: underline;
		}
		input:disabled + label{
			color: #CCCCCC;
		}
	ul.facetSelect li input[type=checkbox] {
		height:1px;
		width:1px;
		position:absolute;
		overflow:hidden;
		left:-30px;
	}
	ul.facetSelect li div.facetCountContainer {
		display:inline-block;
	}

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

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

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

#facetFilterListWrapper > .facetSelectedCont {
	border-top: 1px solid #E3E1E1;
	border-bottom: 1px solid #E3E1E1;
	margin-top: 7px;
	padding: 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;
}

#WC_PersonalInfoExtension_mobile_div_mobileCountryCode {
	width: 25%;
}

#WC_PersonalInfoExtension_mobile_div_12 {
	width: 54%;
}

.wcSelectMenu{
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
	box-shadow: 0 2px 13px -4px #000000;
	z-index: 20;
	font-size: 12px;
}

.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;
}

.profile-address {
	padding-top: 24px;
    padding-bottom: 12px;
}

/* 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: 12px;
	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 h2 {
	font-size: 14px;
	font-weight: bold;
	margin-left: 11px;
}
#pricing_popup .bodycontent div#bopis_table_container {
	margin-left: 5px;
}
#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: 1px solid #E9E9E9;
	border-radius: 5px 5px 5px 5px;
}

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

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

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

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

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

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

.listTable .selected {
	width: 5%;
}

.listTable .creator {
	width: 20%;
}

.listTable .actions {
	float: right;
}

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

.listTable .tableHeader .cell {
	font-size: 12px;
	font-weight: 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: #006ECC;
}

.listTable a, .listTableMobile a {
	font-size: 12px;
	color: #006ECC;
}

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

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

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

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

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

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

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

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

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

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

.listTable .previewImage img {
	width: 70px;
}

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

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

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

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

.listTableMobile .selected { 
	text-align: center;
	padding: 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;
	width: 98%;
}

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

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

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

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

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

.listTable .button_primary.disable {
	display: none;
}

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

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

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

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

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

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

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

.toolbarDropdown .hidden{
	display:none;
}

.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: 24px;
	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: 600px) {
	#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;
		width: 75px;
	}
}
.logHeader .col3
{
	width: 30%;
}
.logColumn .col3
{
	width: 30%;
}


/* End: RequisitionListUploadDetails Widget */

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

#WC_B2BMyAccountParticipantRole_select_1_dropdown .orderBySelectMenu > tr td,
#WC_B2BMyAccountParticipantRole_select_2_dropdown .orderBySelectMenu > tr td,
#WC_B2BMyAccountParticipantRole_select_1_alt_dropdown .orderBySelectMenu > tr td,
#WC_B2BMyAccountParticipantRole_select_2_alt_dropdown .orderBySelectMenu > 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;
}

#listType_dropdown .orderBySelectMenu > 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;
}

#contractSelectDropDown_dropdown .orderBySelectMenu > tr td,
#organizationSelectDropDown_dropdown .orderBySelectMenu > 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: #fff;
	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 for OrderDetail_Info widget */

#orderInfo {
	padding: 0px 10px;
	margin: 10px 10px 30px 20px !important;
	font-size: 12px;
}

#orderInfo h1 {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

#orderInfo .entry {
	margin-bottom: 3px;
}

#orderInfo .label {
    display: inline-block;
    min-width: 150px;
}


/*

	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: -12px;
	padding-right: 20px;	
}

#quickLinksBar > li > #Header_GlobalLogin_signOutQuickLink.Header_GlobalLogin_signOutQuickLink_CSR {
	padding: 10px 15px;
}

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

#Header_GlobalLogin_loggedInDropdown.menuDropdown {
	right: 203px;
}

.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: 299px;
	top: 56px;
	width: 328px;
	z-index: 100;    
}

.menuDropdown_csr {
	right: 299px;
	z-index: 999;
}

.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: 10px;
	color: #4D4D4D;
	display: none;
	font-size: 13px;
	position: absolute;
	right: 202px;
	top: 56px;
	width: 290px;
	z-index: 100;
}

.loginMenuDropdown.active {
	display:block;
}

.loginMenuDropdown .panel {
	padding: 20px;
}

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

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

.loginMenuDropdown .input_field {
	width: 233px;
}

.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: 117px;
}

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

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

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

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

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

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

.GlobalLoginWidgetAlt{
	display: none;
}

.GlobalLoginWidgetAlt.active{
	display: block;
}

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

.panelLinkSelected.selected{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #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;	
}

#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{
	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 {
	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;
	width: 80%;
}

.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 {
	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;
}

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

.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;
}

.pageSection .pageSectionTitle h2#addressBookContactDetails {
	margin-top: 10px;
}

.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 #OrderCommentsSection {
	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 p,
.pageSection .field label,
.pageSection .field span{
	font-size: 12px;
	margin-bottom: 2px;
}

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

.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;
}

/*
	CSS pertaining to the BuyerApproval and OrderApproval and OrderDetail_* widgets
*/
#OrderAporovalPageHeading {
		margin-left:10px;
}

#OrderSummaryPageHeading {
	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;
}

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

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

	.productDetailTable_csr .specialEntry.row.tableHeader .col1:first-child {
		margin-right: 10px;
	}
}

@media screen and (min-width: 600px) and (max-width: 666px) {
	#section_button_customer_service.optionContainer > .title {
		line-height: 21px;
	}
	#section_button_customer_service.optionContainer .arrow {
		margin: 4px 5px 14px 0;
	}
	.optionContainer > .title {
		padding: 0 6%;
	}
	#registeredCustomersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol,
	#findOrdersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol {
		min-width: 275px !important;
	}
}

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

	#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%;
		float:left;
		padding: 1%;
	}
	#orderByDropdown .wcSelect .ui-selectmenu-text,
	.orderByDropdown .wcSelect .ui-selectmenu-text {
		display: none;
	}
	#orderByDropdown .wcSelect,
	.orderByDropdown .wcSelect {
		min-width: 0px !important;
	}
	.sorting_controls .selectWrapper {
		width: 33px;
	}
	.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;
	}
}

.widget_subscription_item > .top,
.widget_subscription_item > .bottom{
	background: url("../images/colors/color1/widget_border.png") repeat-x scroll 0 0 transparent;
	overflow: hidden;
	width: 463px;
}

.widget_subscription_item > .top > .left_border,
.widget_subscription_item > .bottom > .left_border{
	float: left;
	height: 3px;
	width: 3px;
}

.widget_subscription_item > .top > .middle,
.widget_subscription_item > .bottom > .middle{
	height: 3px;
	width: 457px;
	float: left;
}

.widget_subscription_item > .top > .right_border,
.widget_subscription_item > .bottom > .right_border{
	float: left;
	height: 3px;
	width: 3px;
}

.widget_subscription_item > .middle{
	width: 463px;
}

.widget_subscription_item > .middle > .content_left_border{
	background: url("../images/colors/color1/widget_border.png") repeat-y scroll 0 0 transparent;
	float: left;
	padding-left: 3px;
	width: 460px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border{
	background: url("../images/colors/color1/widget_border.png") repeat-y scroll right center transparent;
	float: right;
	padding-right: 3px;
	width: 457px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content{
	background-color: #ffffff;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header{
	background-color: #F5F6F7;
	border-bottom: 1px solid #EDEFF0;
	height: 38px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 22px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > span{
	color: #777777;
	font-size: 16px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close{
	cursor: pointer;
	height: 13px;
	position: absolute;
	right: 14px;
	top: 0px;
	width: 13px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close:hover{
	background-position: 0 -13px;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 1em;
}

.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section > span{
	font-size: 12px;
	color: #444444;
}

@media screen and (max-width: 535px) {
	.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;
	}
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border {
		border: 3px solid #a3a3a3;
		border-color: rgba(71,71,71,0.5);
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content {
	background-color: #ffffff;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header{
	background-color: #f5f6f7;
	border-bottom: 1px solid #edeff0;
	padding: 7px 20px 9px 20px;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > span{
	color: #666666;
	font-size: 16px;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close{
	width: 13px;
	height: 13px;
	position: absolute;
	right: 14px;
	top: 12px;
	background-image: url('../images/colors/color1/close_sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body{
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body .header{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 7px;
	border-bottom: 1px solid #edeff0;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_store_address{
	width: auto;
	float: left;
	padding: 20px 10px;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_hours{
	width: auto;
	float: left;
	padding: 20px 10px;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability{
	width: auto;
	float: left;
	padding: 20px 10px;
}

div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .backordered{
	width: 10px;
	height: 10px;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	background: url("../images/colors/color1/widget_store_locator_popup/backordered_icon.png");
}

/* DevStart: for availability status image div in store details popup */
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .status_img_div{
	margin-right: 8px;
}
/* DevEnd */

@media (min-width: 438px) and (max-width: 562px) {
	div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_hours {
		width: 50%;
	}
}

@media screen and (max-width: 563px), screen and (min-width: 601px) and (max-width: 861px) {
	.productListingWidget > .header_bar .pagination_present {
		margin-top: -30px;
	}
}

/* Override the above on wishlist pages */
@media screen and (max-width: 563px), screen and (min-width: 601px) and (max-width: 861px) {
	.productListingWidget.wishlist > .header_bar .pagination_present {
		margin-top: 0px;
	}
}

@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: 600px) {
	#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;
	}
	
	.definingAttributes .currentUsedFilters {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	.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;
	}
	
	.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: 100;
	}
	
	#Header_GlobalLogin_signInDropdown.loginMenuDropdown.active {
		display:block;
	}
	
	#Header_GlobalLogin_signInQuickLink.panelLinkSelected.selected{
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: none repeat scroll 0 0 #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;
	}	
	
	#Header_GlobalLogin_loggedInDropdown.menuDropdown {
		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: 43px;
		width: 220px;
		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: 440px) {

	#Header_GlobalLogin_signInDropdown.loginMenuDropdown {
		right: 66px;
	}	
	
	.requisitionListContent.popup {
		left: 0%;
		width: 283px;
	}
		
	#registeredCustomersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol,
	#findOrdersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol {
		min-width: 268px !important;
	}
}

/* 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,
	.facetWidget .dropdownIcon,
	.facetWidget .close,
	.facetSelect li input:checked + a .checkBox > .checkmark,
	.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 {
	background-image: linear-gradient(#F7F9F9, #E5E8E9);
   	border: 1px solid #BFBFBF;
   	border-radius: 4px 4px 4px 4px;
   	color: #333333;
   	display: inline-block;
   	font-size: 14px;
   	line-height:29px;
   	text-align: center;
   	vertical-align: middle;
   	max-width: 270px;
   	width: 97%;
   	cursor: pointer;
}

.requisitionListBox .addRequisitionList .button .button_text{
	background-image: linear-gradient(#F7F9F9, #E5E8E9);
	color: #49310F;
	display: table-cell;
	font-size: 14px;
   	height: 29px;
   	overflow: hidden;
   	text-align: center;
   	vertical-align: middle;
   	width: 270px;
}

.requisitionListBox .addRequisitionList .button #quickInfoText {
	font-size: inherit;
	margin: 0;
	padding: 0;
	color: inherit;
	line-height: inherit;
}

.OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button {
		border-spacing: 0;
	border-radius: 0px;
	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: 7px 5px 7px 5px;
	margin-bottom: 5px;
	width: 96%;
	max-width: 410px;
	font-size: 13px;
}

.sortingDropdown {
	margin-left: 5px;
	float: left;
	width: 23px;
	height: 38px;
	background-color: #E9E9E9;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #E9E9E9;
	color: #545454;
	font-size: 14px;
	line-height: 38px;
	padding-left: 10px;
	text-align: left;
}

.sortingDropdown > .noSort {
	float: left;
	display: none;
}

.requisitionListContent .sortingDropdown {
	width: 125px;
	float: none;
	margin-left: 0;
	height: 29px;
	font-size: 12px;
	line-height: 29px;
}

.requisitionListContent .sortingDropdown > .noSort {
	display: block;
}

.requisitionListContent .sortingDropdown .dropdownArrow {
	margin: 12px 11px;
}

.sortingDropdown > .dropdownArrow {
	float: right;
	background: url('../images/responsive/rwdUI.png');
	background-position: -1px -1px;
	width: 12px;
	margin: 16px 11px;
	height: 6px;
}

.requisitionListContent .sortDropdown {
	height: 81px;
	top: 32px;
}

.sortDropdown {
	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: 1px solid #898989;
	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;
}

.requisitionListContent .productAdded {
 	border-right: 1px solid #ddd;
 	border-left: 1px solid #ddd;
 	border-bottom: 1px solid #ddd;
 	display: none;
 }

 .requisitionListContent .productAdded .message {
	background: #85b200;
	color: #fff;
	padding: 7px;
	border-bottom: 1px solid #EDEFF0;
	font-weight: bold;
	word-wrap: break-word;
 }

 .requisitionListContent .productAdded .product {
 	padding: 7px;
 }

 .requisitionListContent .productAdded .product img {
 	float: left;
 	height: 75px;
 }

 .requisitionListContent .productAdded .product .productTitle {
 	margin-top: 5px;
 }

 .requisitionListContent .productAdded .footer {
 	padding: 7px;
 }

.requisitionListContent.popup {
	position: fixed;
	z-index: 105;
	top: 25%;
	background: #fff;
	margin-left:auto;
	margin-right:auto;
	border-top: 1px solid #ddd;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 1);
	box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 1);
}
.requisitionListContent.popup .listSelect .newList input[type="text"] {
	float: left;
}
#grayOut, #grayOutPopup {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: #ccc;
	opacity: 0.6;
	z-index: 100;
	display: none;
}
.requisitionListContent.popup .listSelect .newList .sortingDropdown {
	float: left;
}
.requisitionListContent .close {
	float: right;
	width: 13px;
	height: 13px;
	position:relative;
	overflow:hidden;
	cursor: pointer;
	margin-top: 5px;
	margin-right: 5px;
}

.requisitionListContent .close:before {
	content: url('../images/colors/color1/close_sprite.png');
	position: absolute;
	top: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: 600px;
	min-width: 370px;
	display: none;
}

.productDetailTable .fullView .expandedContent .expandedCol > div {
	min-height: 10px;
	overflow: hidden;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #ccc;
}

.productDetailTable .fullView .expandedContent .expandedCol .leftCol {
	float: left;
	font-weight: 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 [data-filter="SKU"] {
	min-width: 120px;
	max-width: 200px;
}

.productDetailTable .fullView [data-filter="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 [data-filter="OnlineAvailability"] {
	min-width: 140px;
	max-width: 180px;
}

.productDetailTable .fullView [data-filter="InStoreAvailability"] {
	min-width: 100px;
	max-width: 180px;
}

.productDetailTable .fullView [data-filter="Compare"] {
	min-width: 50px;
	max-width: 150px;
}

.productDetailTable[data-filter="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.showSkus: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;
	}
}

#optionButton {
	border: 0px;
	display: inline-block;
	height: auto;
	padding: 0 20px;
	font-size: 12px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
}

/* Primary and Secondary Button */
.button_primary {
	display: inline-block;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ffb123));
	background-image: linear-gradient(#fbbb0b, #ffb123);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ffb123')";
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	border-spacing: 0;
	vertical-align: middle;
	color: #4d4d4d !important;
}

.button_primary:hover {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fed60c),to(#f8af06));
	background-image: linear-gradient(#fed60c,#f8af06);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fed60c',endColorStr='#f8af06')";
}

.button_primary > .button_text {
	display: table-cell;
	height: 24px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #fdd466;
	border-radius: 3px;
	font-size: 12px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
	min-width: 76px;
}

.button_primary > .button_text_csr {
	min-width: 76px;
}

.button_primary > .left_border,.button_primary > .right_border {
	display: none;
}

.button_primary > .button_primary {
	display: block;
	border: 0 none;
}

.button_secondary {
	display: inline-block;
	position: relative;
	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: 1px solid #bfbfbf;
	border-radius: 4px;
	border-spacing: 0;
	vertical-align: middle;
	color: #4d4d4d !important;
}

.button_secondary:hover {
	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 .arrow {
	background: url('../images/responsive/rwdUI.png');
	background-position: -1px -1px;
	width: 12px;
	margin: 11px 11px 10px 23px;
	height: 6px;
	display: inline-block;
	vertical-align: middle;
}

.button_secondary > .button_text {
	display: table-cell;
	height: 24px;
	padding: 0 20px;
	border: 1px solid #f1f3f3;
	border-radius: 3px;
	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;
}

.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;
}

.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;
}
.editButtons a {
	margin-right: 14px;
	width: 131px;
}
.editButtons a .button_text {
	width: 117px;
}
#registerBuyers {
	margin-left: 10px;
}
.editButtons .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;
}

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

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

.checkedCheckBox {
	cursor: pointer;
}

.checkedCheckBox.disabled {
	cursor: default;
}

.checkboxLabel {
	left: 30px;
	position: absolute;
	top: 4px;
}

.checkboxField {
	position: relative;
}

.nonRWDPage {
	min-width: 100px;
}

.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;
	padding-bottom: 8px;
	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;
	}
}

#RegisteredCustomersPageHeading span {
	color: #CA4200;
	font-size: 12px;
}

#RegisteredCustomersList_form_botton {
	border-top: 1px solid #EBEBEB;
	margin-top: 25px;
	padding: 10px 0;
}

a#RegisteredCustomersList_form_botton_1 {
	margin-top: 10px;
}

a#RegisteredCustomersList_form_botton_2 {
	margin-top: 10px;
}


#csrSearchBar {
	margin-bottom: 0 !important;
}

#csrFindOrdersSearchBar {
	margin-bottom: 0 !important;
}


#RegisteredCustomersSearch_searchForm {
	margin: 0;
}


.productDetailTable_csr .special.fullView {
	-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;
	border-image: initial;
	border-style: none;
	border-width: 0;
	display: block;
	font-size: 12px;
	padding: 0;
	min-width: 100%;
   	width: auto;
}

.productDetailTable_csr .row.tableHeader {
	border-bottom: 0 none;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.specialEntry.row.tableHeader {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #E9E9E9;
}

.specialEntry.row.tableHeader .cell {
	font-weight: bold;
	position: relative;
	top: 3px;
	word-wrap: break-word;
}

.specialEntry.row.tableHeader .cell {
	font-weight: 100;
}

.specialEntry.row.tableHeader:last-child {
	border-bottom: 0 none;
}

.productDetailTable_csr .dropDownButton {
	border-radius: 5px;
	float: left;
	height: 32px;
	margin: 0;
	padding: 0;
	width: 32px;
}


.listTable .actions .button_text, .customer_detail .button_text {
	border-bottom: 0 none;
	padding: 3px 1px;
}

.productDetailTable_csr .fullView .expandedContent {
	background: none repeat scroll 0 0 #EEEEEE;
	margin-left: 0;
	margin-right: 0;
	margin-top: 11px;
	max-width: none;
	padding: 10px 0;
	width: 100%;
}

.productDetailTable_csr .special.fullView {
	font-size: 12px;
}

.productDetailTable_csr .special.fullView .expandedContent .expandedCol {
	display: block;
	max-width: none;
	width: 45%;
}

.productDetailTable_csr .fullView .expandedContent .expandedCol .rightCol {
	display: inline-block;
	font-weight: 100;
	width: 45%;
}

.registeredCustomersList_table .actions .cell {
	padding: 5px 5px 5px 0;
	position: relative;
	text-align: right;
}
.registeredCustomersList_table .cell {
	font-size: 12px;
	padding: 13px 10px 7px 0;
}

.displayInline {
	display:inline;
}
.actionDropdown_csr {
	box-shadow: none;
	right: 3px;
	width: 180px;
}

.show {
	display: block;
}

@media screen and (max-width: 770px) {
	#globalLoginWidget .menuDropdown_csr,
	#globalLoginWidget .menuDropdown {
		position: relative;
		top: 0px;
		right: 0px;
		width: 100%;
		border-radius: 0px;
		box-shadow: none;
		border: none;
	}
}
.menuDropdown_csr .panel {
	padding: 20px;
}
.menuDropdown_csr .field {
	margin-bottom: 18px;
}
.menuDropdown_csr .errorLabel {
	color: #CA4200;
	display: none;
	margin-bottom: 10px;
}
.menuDropdown_csr .label {
	margin-bottom: 8px;
}
.menuDropdown_csr .input_field {
	width: 233px;
}
.menuDropdown_csr .input_field.error {
	border: 1px solid #CA4200;
}
.menuDropdown_csr .optionDropdown {
	width: 250px;
}
.menuDropdown_csr .editableDropdown {
	-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%;
}
.menuDropdown_csr .uncheckedCheckBox, .menuDropdown_csr .checkedCheckBox {
	cursor: pointer;
	margin-right: 7px;
	vertical-align: middle;
}
.menuDropdown_csr .footer {
	border-top: 1px solid #BFBFBF;
	margin-top: 20px;
	padding-top: 20px;
}

.listTable_CSR_resetPassword{
	margin:0px;
	padding:0px;
	border:none;
	background:none;
}

.listTable_CSR_resetPassword .toolbar{
	background:none;
}

.csr_errorMsg{
	color:#ca4200;
	padding:5px 0;
}

.userLoggedInQuickLink {
	display: none;
}
.menuDropdown_csr .panel p:not(:first-child) {
	margin-top: 10px;
}
.userProfileIcon {
	background-image: url("../images/user-profile-icon.png");
	background-repeat: no-repeat;
}
.disabledUser {
	background-image: url("../images/user-profile-disabled.png");
	background-repeat: no-repeat;
	padding-right: 20px;
}
#accountDisabledMessage {
	color: #CA4200;
}
.signedInUserName {
	padding-right: 12px;
}
.panelUsername {
	padding-right: 6px;
}
.field ul {
	list-style-type: none;
	padding-left: 0;
}
.field .textLabel {
	border-bottom: 1px solid #BFBFBF;
	line-height: 20px;
	margin-bottom: -20px;
	padding: 10px;
}

.field .quickCSRLinks {
	border-bottom: 1px solid #BFBFBF;
	padding: 10px;
	position: relative;
}
.field .quickCSRLinkOpened {
	padding: 20px 10px 0;
}
.field .quickCSRLinks .arrowDown:before {
	content: url("../images/responsive/rwdUI.png");
	height: 10px;
	margin-top: -2px;
	overflow: hidden;
	position: absolute;
	right: 12px;
	top: 15px;
	width: 15px;
}
.field .quickCSRLinks .arrowUp:before {
	content: url("../images/responsive/rwdUI.png");
	height: 10px;
	margin-top: -2px;
	overflow: hidden;
	position: absolute;
	right: 12px;
	top: 22px;
	transform: rotate(180deg);
	width: 15px;
}
.field .lastElement {
	border: 0 none;
	margin-bottom: -10px;
	padding-bottom: 0;
}
.field .quickCSRLinks .link {
	color: #006ECC;
	font-size: 12px;
}

.loggedInContractSelectPanel .loggedInInputWrapper {
	background: linear-gradient(#F7F9F9, #E5E8E9) repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: 10px -10px 0;
	padding: 10px;
}
.loggedInContractSelectPanel .button_primary, .loggedInContractSelectPanel .button_secondary, .contractSelectPanel .button_secondary, .contractSelectPanel .button_primary, .signOutButton {
	width: 248px;
}

@media screen and (max-width: 600px) {
	.loggedInContractSelectPanel .button_primary, .loggedInContractSelectPanel .button_secondary, .contractSelectPanel .button_secondary, .contractSelectPanel .button_primary, .signOutButton {
		width: 180px;
	}
}

.loggedInContractSelectPanel .button_primary_CSR {
	width: 228px;
}

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

.loggedInContractSelectPanel .input_field {
	width: 210px;
}
.loggedInContractSelectPanel .csrClientLogin {
	width: 227px;
}

@media screen and (max-width: 770px) {
	#globalLoginWidget .loggedInContractSelectPanel .button_primary, 
	#globalLoginWidget .loggedInContractSelectPanel .button_secondary, 
	#globalLoginWidget .contractSelectPanel .button_secondary, 
	#globalLoginWidget .contractSelectPanel .button_primary, .signOutButton{
		width: auto;
	}
}
.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;
}
#signInDropdown {
	display: none;
}
#desktopExpandArrow {
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
}
#mobileExpandArrow_alt, #mobileExpandArrow {
	display: none;
	float: right;
	margin-right: 5px;
	vertical-align: middle;
}
.globalError {
	border: 1px solid #CA4200;
	border-radius: 5px;
	display: none;
	margin-bottom: 20px;
	max-width: 221px;
	padding: 10px;
	position: relative;
}
.globalErrorMessage {
	color: #CA4200;
}
#buyingForNameList, #buyingForNameList_alt {
	border: 1px solid #BFBFBF;
	display: none;
	padding: 10px;
	position: relative;
	top: -1px;
	width: 229px;
}
#buyingFor_alt, #buyingFor {
	display: none;
}
.loginPanelStates {
	max-width: 500px;
}
.loginPanelStates h1 {
	padding-bottom: 20px;
}
.loginPanelStates label {
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin-right: 15px;
	padding-left: 25px;
	position: relative;
}
.loginPanelState {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.loginPanelStates input[type="radio"] {
	display: none;
}
.loginPanelStates label:before {
	background-color: #CCCCCC;
	border-radius: 10px;
	bottom: 1px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8);
	content: "";
	display: inline-block;
	height: 18px;
	left: 0;
	margin-right: 10px;
	position: absolute;
	width: 18px;
}
.loginPanelStates input[type="radio"]:checked + label:before {
	color: #F3F3F3;
	content: "�";
	font-size: 30px;
	line-height: 18px;
	padding-right: 1px;
	text-align: center;
}
#mobileLoginPanelStates {
	display: none;
}
@media screen and (max-width: 600px) {
.menuDropdown_csr {
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
}
.panelLinkSelected.selected {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	border-radius: 0;
}
#desktopExpandArrow {
	display: none;
}
#mobileExpandArrow {
	display: inline-block;
}
#desktopLoginPanelStates {
	display: none;
}
#mobileLoginPanelStates {
	display: block;
}
}

#FindOrdersSearch_table {
	margin:0px;
}

#FindOrdersList_form_botton {
padding: 10px 0;
border-top: 1px solid #ebebeb;
margin-top: 25px;
}

a#FindOrdersList_form_botton_1 {
margin-top: 10px;
}
a#FindOrdersList_form_botton_2 {
margin-top: 10px;
}

.findOrdesResultList_table .actions .cell {
	padding: 5px 5px 5px 0;
	position: relative;
	text-align: right;
}
.findOrdesResultList_table .cell {
	font-size: 12px;
	padding: 13px 10px 7px 0;
}

#findOrdersPageHeading span
{

	font-size:12px;
	
}

#findOrdersPageHeading .successSpan {
font-size: 12px;
color: #767676;
}

.findOrderSearchOption {
padding:10px 0;
background-color:#f5f5f5;
color:#707070;
font-size:12px;
font-weight: bold;
text-align:left;
}

.findOrdersSelfServiceCal{
	font-size: 12px;
}

/* -----------------------------------------------------------------------------*/
/* CSS for FindOrder and Find Customer List Table UI. Also used for Order Comments section
/* -----------------------------------------------------------------------------*/
.findOrderlistTable {
	border: 1px solid #E9E9E9;
	border-radius: 5px 5px 5px 5px;
}

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

/* list table toolbar */
.findOrderlistTable .toolbar.collapsible {
	background: #F9F9F9 !important;
	margin-bottom: 4px !important;
	padding: 10px !important;
}

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

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

.findOrderlistTable .collapsible[aria-expanded="false"] .toggle .button_text:after{
	content: url("../images/responsive/rwdUI.png");
	clip: rect(41px,58px,58px,41px);
	height: 61px;
	position: absolute;
	width: 61px;

}

.findOrderlistTable .collapsible[aria-expanded="true"] .toggle .button_text:after{
	content: url("../images/responsive/rwdUI.png");
	clip: rect(41px,78px,58px,61px);
	height: 61px;
	position: absolute;
	width: 81px;

}

.findOrderlistTable .collapsible span{
	font-size: 13px;
}

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

.findOrderlistTable .content .field input {
	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;
	width: 80%;
}

.findOrderlistTable .quantity .input_field {
	padding: 8px;
}

/*--------------*/
/* Order Comments
/*--------------*/

.findOrderlistTable .collapsible .orderCommentsMainHeading {
	font-size:17px;
}
.findOrderlistTable .collapsible .orderCommentsSubHeading {
	font-size:13px;
}
.commentRow {
		border-bottom: 1px solid #e5e5e5;
		margin-left: 10px;
		font-size:15px;
		word-wrap:break-word;
	}
	
	.comment_container {
		clear: both;
	}
	
	.comment_container .commentRow span {
		font-size:13px;
	}
	
.editIconOrderComment {
	float: left; 
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 5px;
	margin-left: 5px;
}

.orderComment{
	background: white; 
	padding: 10px 5px 10px 5px; 
	margin: 0px; 
	border: 1px solid #e5e5e5;   
}

		

.expandingTextArea {
	resize: none;
	width: 35%;
	min-width: 250px;
	display: inline-block;
	margin:8px;
	height:100px;
}


#orderCommentContent {
	border: 0;
}

#orderCommentForm {
	width: 100%;
}

.addCommentBox {
	float: left; 
	border-bottom: 1px solid #e5e5e5; 
	margin-bottom: 10px; 
	margin-left: 5px; 
	margin-top: 5px;
	font-size:13px;
}


#orderCommentContainer {
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	margin: 10px 0 10px 10px;
	padding: 10px 0 0;
}


#orderCommentContainer .title {
	display: inline-block;
	width: 650px;
}

#orderCommentContent .field input {
	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;
}

	/*---------------------------------------------*/
	/* --- Order Comments	Slider Widget ---------*/
	/*---------------------------------------------*/

	#orderCommentsSlider_trigger.orderComments_clean.orderCommentsSlider_trigger_closed.left-top,
	#orderCommentsSlider_trigger.orderComments_clean.orderCommentsSlider_trigger_closed.left-bottom {
		margin-left: 0;
	}

	#orderCommentsSlider_trigger.orderComments_clean.left-top, 
	#orderCommentsSlider_trigger.orderComments_clean.left-bottom {
		margin-left: 400px;
	}

	#orderCommentsSlider_trigger.left-bottom {
		top: 40%;
		position: fixed;
	}
	#orderCommentsSlider_trigger.left-top, #orderCommentsSlider_trigger.left-bottom, #orderCommentsSlider_trigger.right-top, #orderCommentsSlider_trigger.right-bottom {
		height: 250px;
	}
	#orderCommentsSlider_trigger {
		background-image: linear-gradient("#f7f9f9", "#e5e8e9");
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
		background: rgba(0, 0, 0, 0) linear-gradient(to right, #f7f9f9, #e5e8e9) repeat scroll 0 0;            
	
		border-radius: 4px;
		border-spacing: 0;
		border-left: none;
		cursor: pointer;
		font-size: 12px;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		display: table-cell;
		font-size: 11px;
		height: 24px;
		line-height: normal;
		padding: 0 20px;
		text-align: center;
		vertical-align: middle;
		border-color: #ffa200 #ffa200 #ffa200;
		border-style: solid;
		border-width: 1px 1px 1px 0;
		z-index:99;
	}
	#orderCommentsSlider_content, #orderCommentsSlider_trigger {
		transition: all 500ms ease-in-out 0s;
	}
	.orderComments_clean .orderCommentsSlider_trigger_text {
		left: -90px;
		right:-90px;
		top:120px;	
	}
	.left-top .orderCommentsSlider_trigger_text, .left-bottom .orderCommentsSlider_trigger_text, .right-top .orderCommentsSlider_trigger_text, .right-bottom .orderCommentsSlider_trigger_text {
		filter: none;
		font-size: 14px;
		position: absolute;
		transform: rotate(-90deg);
		white-space: nowrap;
	}

	#orderCommentsSlider_content.left-bottom {
		top: 135px;	
		position: fixed;
	}
	#orderCommentsSlider_content {
		z-index:200;
		height: 80%;
		width: 400px;
		background-color: #f9f9f9;
		border-color: #ffa200 #ffa200 #ffa200;
		border-style: solid;
	   	border-width: 3px 1px 1px 1px;
	}
	#orderCommentsSlider_content, #orderCommentsSlider_trigger {
		transition: all 250ms ease-in-out 0s;
	}

	#orderCommentsSlider_content.orderComments_clean.orderCommentsSlider_content_closed.left-top, 
	#orderCommentsSlider_content.orderComments_clean.orderCommentsSlider_content_closed.left-bottom {
		margin-left: -400px;
	}
	.orderComments_clean .orderCommentsSlider_title {
		padding: 5px 0 0 5px;
	}

	#orderCommentsSliderTitle{
		font-family: sans-serif;
	}

	.orderComments_clean .orderCommentsSlider_title span {
		margin-left: 10px;
	}
	.orderComments_clean .orderCommentsSlider_title  .orderCommentsMainHeading{
		font-size:17px;
	}

	.orderComments_clean .orderCommentsSlider_title  .orderCommentsSubHeading{
		font-size:13px;
	}
	
	#orderCommentsSlider_content ul {
		list-style: outside none none;
		padding-left: 11px;
	}
	#orderCommentsSlider_content ul li {
		margin-bottom: 20px;
		margin-right: 20px;
	}
	#orderCommentsSlider_content label {
		display: inline-block;
	}
	.required_asterisk {
		color: red;
	}
	#orderCommentsSlider_message {
		display: block;
		width: 340px;
	}
	#orderCommentsSlider_submit {
		float: right;
	}

	.saveButton {
		width: 8%;
		margin: 0px 8px;
		font-size: 12px;
		min-width:76px;
	}
	
	.cancelButton {
		width: 8%;
		height: 29px;
		line-height: 29px;
		text-align: center;
		font-size: 12px;
		min-width:76px;
	}

	.addCommentField {
		word-wrap: break-word;
		font-size:13px; 
		border-bottom:1px solid #e9e9e9; 
		 margin: 5px 0 10px 5px;
		float: left; 
		max-width: 80%;
	}

	#commentGroup {
		margin-top: 10px; 
		padding: 10px;
	}

	#commentGroup .row {
		clear: both; 
		font-size:15px; 
		padding: 5px; 
		margin-left: 5px;
	}
	
	.editIconSliderWidget{
		position: relative;
	}

	@media only screen and (max-width: 600px) {
		#orderCommentsSlider_content.left-bottom {
			top: 105px;
			left: 0;
			position: fixed;
			width: 230px;
		}
		
		#orderCommentsSlider_trigger.left-bottom {
			top: 105px;
			left: 0;
			position: fixed;
		}
		
		#orderCommentsSlider_trigger.orderComments_clean.left-bottom {
			margin-left: 230px;
		}
	}

	@media only screen and (max-height: 480px) {
		#orderCommentsSlider_trigger.left-bottom {
			top: 135px;
			left: 0;
			position: fixed;
		}
	}

	@media only screen and (max-height: 480px) and (max-width: 600px) {
		#orderCommentsSlider_trigger.left-bottom {
			top: 105px;
		}
	}
	.orderCommentSliderTable {
		border-radius: 5px 5px 5px 5px;
		margin: 5px;
		max-height: 80%;
		display: block;
		overflow:auto;
	}

	
	.ui-selectmenu-button span.ui-icon {
		background: url("../images/responsive/rwdUI.png");
		display: block;
		position: relative;
		width: 15px;
		height: 10px;
		margin: 8px 4px 0px 4px;
		float: right;
	}
	
	.ui-menu-item {
		position: relative;
		cursor: pointer;
		list-style: none;
		margin-left: -40px;
	}

	.ui-menu-item-wrapper {
		padding: 9px 8px;
		border-bottom: 1px solid #E0E0E0;	
		background: #FFFFFF;    
	}
	
	.ui-menu {
		border: 1px solid #E0E0E0;
		box-shadow: 0 2px 13px -4px #000000;
	}
	
	li div.ui-state-active {
		background: #898989 !important;
		color: #FFF !important;
	}
	
	li div.ui-state-select {
		background: #E0E0E0 !important;
		color: #000 !important;
	}
	
	/*jquery library*/
	.ui-selectmenu-menu {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.ui-selectmenu-menu .ui-menu {
		overflow: auto;
		/* Support: IE7 */
		overflow-x: hidden;
	}
	.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
		font-size: 1em;
		font-weight: bold;
		line-height: 1.5;
		padding: 2px 0.4em;
		margin: 0.5em 0 0 0;
		height: auto;
		border: 0;
	}
	.ui-selectmenu-open {
		display: block;
	}
	.ui-selectmenu-button {
		display: inline-block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 10px;
		vertical-align: top;
	}
	.ui-selectmenu-button span.ui-selectmenu-text {
		text-align: left;
		display: block;
		line-height: 1.4;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 2px;
	}

	.selectWrapper .wcSelect {
		padding: 6px;
		border-radius: 5px;
		color: #545454;
		font-size: 14px;
		cursor: pointer;
		min-width: 140px;
	}
	
	.orderBySelect span.ui-selectmenu-text {
		padding: 4px;
	}
	.orderBySelect span.ui-icon {
		margin-top: 10px;
	}
	
	.selectWrapperPageSize .wcSelect {
		min-width: 0px;
	}
	.selectWrapperPageSize .wcSelect .ui-selectmenu-text {
		display: none;
	}
	.selectWrapperPageSize span.ui-icon {
		margin-top: 10px;
	}
	
	.definingAttributes .options_dropdown_column .selectWrapper .wcSelect {
		font-size: 12px;
		padding: 0px 6px;
		min-width: 156px;
	}
	.definingAttributes .options_dropdown_column 
	.ui-selectmenu-button span.ui-selectmenu-text {
		padding: 7px 2px;
	}
	.definingAttributes .options_dropdown_column 
	.ui-selectmenu-button span.ui-icon {
		margin-top: 10px;
	}
	.definingAttributes .options_dropdown_column .ui-selectmenu-button {
		margin-bottom: 0px;
	}
	
	.product_info .selectWrapper .wcSelect {
		padding-top: 8px;
	}
	
	#newListPublicPrivateDropdown .wcSelect {
		font-size: 12px;
		min-height: 30px;
		min-width: 208px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.listTable .toolbar .field .wcSelect {
		padding-right: 20px;
		margin-bottom: 10px;
	}
	.listTable .toolbar .field .wcSelect {
		width: 100%;
	}

	.listTable .toolbar .field .wcSelect {
		font-size: 12px;
		padding: 4px 6px;
		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;
		width: 80%;
	}
	
	.ui-selectmenu-menu li.ui-state-disabled{
		display:none;
	} 
	
	.UserMemberGroupManagement .memberGroup .wcSelect {
		border-radius: 5px;
		border: 1px solid #999999;
		padding: 8px;
		font-size: 12px;
		width: 300px;
		margin-bottom: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.globalLogin .wcSelect {
		font-size: 12px;
		min-height: 25px;
		min-width: 274px;
		margin-bottom: 0;
	}
	
	.globalLogin .ui-menu-item {
		margin-left: 0;
	}
	
	.globalLoginCSR .wcSelect {
		min-width: 255px;
	}
	
	.OrganizationListWidget .orgList .wcSelect {
		color: #4d4d4d !important;
		background-image: linear-gradient(#f7f9f9, #e5e8e9);
		border-radius: 5px;
		border: 1px solid #bfbfbf;
		padding: 8px 5px;
		font-size: 12px;
		min-width: 180px;
		max-width: 260px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	#Register .inputField.wcSelect,
	#QuickCheckout .inputField.wcSelect,
	#AddressForm .inputField.wcSelect,
	#addressId .inputField.wcSelect {
		padding: 5px 8px;
		margin-bottom: 8px;
	}
	
	#Register input.inputField.wcSelect,
	#QuickCheckout input.inputField.wcSelect,
	#AddressForm input.inputField.wcSelect,
	#addressId input.inputField.wcSelect {
		padding: 8px;
		margin-bottom: 8px;
	}
	
	.findOrderlistTable .toolbar .field .wcSelect {
		padding: 4px 6px;
	}
	
	.pageSection .field .wcSelect {
		border-radius: 5px;
		border: 1px solid #e0e0e0;
		padding: 4px;
		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 input.wcSelect {
		padding: 8px;
	}

/* WCDialog */
.ui-dialog.ui-widget {
	position: absolute;
	z-index: 1000;
}

/* ValidationTextbox */
input.wcValidationTextbox.error {
	border: 1px solid red !important;
	background: #FFCECE !important;
}

/* Carousel */
div[data-widget-type="wc.Carousel"] .owl-wrapper-outer.overflow-visible {
	overflow: visible
}

/* Autocomplete */
ul.ui-autocomplete {
	z-index: 1000;
	width: 170px;
	font-size: 12px;
}
/* -----------------------------------------------------------------------------*/
/* APPLEPAY BEGIN
/* -----------------------------------------------------------------------------*/
	#applePayShopcartButton {
		padding-right: 5px;
	}
	
	.apple-pay-button {
		display: none;
		background-color: white;
		background-image: -webkit-named-image(apple-pay-logo-black);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 100% calc(60% + 2px);
		border: 1px solid black;
		box-sizing: border-box;
		height: 30px;
		min-height: 30px;
		min-width: 50px;
		padding: 0px;
		transition: background-color .15s;
		width: 97%;
		border-radius: 5px;
		cursor: pointer;
	}
	
	.apple-pay-button.visible {
		display: block;
	}
	.apple-pay-button-clear-float {
		clear: both;
	}
	
	.apple-pay-button:active {
		background-color: rgb(152, 152, 152);
	}
	.apple-pay-checkout {
		max-width: 120px;
	}
	.apple-pay-minicart {
		min-width: 100px;
	}
	.apple-pay-pdp {
		max-width: 270px;
	}
	.apple-pay-plp {
		max-width: 200px;
	}
	.full-width {
		width: 100%;
	}
/* -----------------------------------------------------------------------------*/
/* APPLEPAY END
/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* Common CSS Begin
/* -----------------------------------------------------------------------------*/

/* GenericError.jsp */
.genericError_message {
	color: #CA4200;
}

/* QuickInfo_UI.jspf */
div.heading > span{
	font-size:13px;
	text-transform:uppercase;
}
div.heading > span.selectedAttribute {
	text-transform:none;
}

/* Search_UI_Mobile.jspf */
.gray_color {
	color: #777777;
}

/* Product Info Add To Cart Button */
.nodisplay {
	display:none;
}
.spanacce {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -1px;
}

/* -----------------------------------------------------------------------------*/
/* Configure.jsp
/* -----------------------------------------------------------------------------*/
.configurator_page_content{
	font-size: 12px;
}
.configurator_page_content > .content_box{
	border: 1px solid #e5e5e5;
}
.configurator_page_content > .content_box > .box_header{
	height: 32px;
	background-color: #f5f5f5;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	padding-left: 30px;
}
.configurator_page_content > .content_box > .product_image{
	padding-left: 30px;
}
.configurator_page_content > .content_box > .product_add{
	padding-right:9px;
}
.configurator_page_content > .content_box > .product_add .price{
	font-weight: bold;
}
.configurator_page_content > .content_box > .header{
	font-size: 12px;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 9px;
	border-bottom: 1px solid #e5e5e5;
}
.configurator_page_content > .content_box > .item{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 9px;
	border-bottom: 1px dashed #C6D0DC;
}
.configurator_page_content > .content_box .no_border{
	border-bottom:none;
}
.configurator_page_content > .content_box > .item > .item_details{
	margin-left: 20px;
}
.configurator_page_content > .content_box > .item > .item_details .item_header{
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	margin-bottom: 5px;
}
.configurator_page_content > .content_box > .item > .item_details .form{
	font-size: 11px;
}

/* -----------------------------------------------------------------------------*/
/* Masthead
/* -----------------------------------------------------------------------------*/
#masthead {
	width: 100%;
}

#masthead > .top {
	width: 100%;
	height: 15px;
	background: url('../images/colors/color1/masthead_top_bg.png') repeat-x;
}

#masthead > .content {
	width: 100%;
	height: 78px;
	position: relative;
}

#masthead > .navigation {
	height: 32px;
	padding: 7px 16px 6px 16px;
	position: relative;
	background: url('../images/colors/color1/masthead_navigation_bg.png') repeat-x;
}

div.widget_masthead_logo_position {
	position: absolute;
	left: 0;
	top: 0;
}

div#widget_masthead_logo1 img {
	display:block; /* explicit setting will reduce 3px bug in HTML5,when DOM is <div><img/></div> */
}

/* -----------------------------------------------------------------------------*/
/* Masthead Links Widget
/* -----------------------------------------------------------------------------*/
div.widget_masthead_links_position {
	position: absolute;
	right: 263px;
	top: 19px;
}

div#widget_masthead_links {
	position: relative;
	width: 450px;
	height: 38px;
}

div#widget_masthead_links div.masthead_links {
	position: absolute;
	right: 0px;
	top: 0px;
}

div#widget_masthead_links div.masthead_links span.masthead_links_container {
	float: right;
	font-size: 12px;
	color: #d9dedf;
	line-height: 14px;
}

div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item {
	display: inline;
	color: #4D4D4D;
}

div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a{
	text-decoration: none;
	color: #4d4d4d;
}

div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a:hover{
	text-decoration: underline;
}

div#widget_masthead_links div.masthead_links span.masthead_links_container span.special {
	text-decoration: none;
	color: #4D4D4D;
}

div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a,div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a:visited {
	text-decoration: none;
	color: #000000;
}

div#widget_masthead_links div.masthead_social {
	position: absolute;
	right: 0px;
	top: 20px;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container {
	float: right;
	font-size: 12px;
	color: #d9dedf;
	line-height: 14px;
	list-style-type: none;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item {
	display: inline;
	color: #4d4d4d;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a{
	color: #4d4d4d;
	text-decoration: none;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a:hover{
	text-decoration: underline;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.icon {
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-top:-2px;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon {
	background: url('../images/colors/color1/widget_masthead_social/social_face_icon.png') no-repeat;
	height: 16px;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon:hover {
	background-position: 0 -16px;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.plus_icon {
	background: url('../images/colors/color1/widget_masthead_social/social_plus_icon.png') no-repeat;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.yelp_icon {
	background: url('../images/colors/color1/widget_masthead_social/social_yelp_icon.png') no-repeat;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.special {
	text-decoration: none;
	color: #4D4D4D;
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a,div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a:visited {
	text-decoration: none;
	color: #000000;
}

/* -----------------------------------------------------------------------------*/
/* IE6 Unsupported Browser Page
/* -----------------------------------------------------------------------------*/
.ie6_Background {
	background-color: #FFFFFF;
	height: 100%;
	position: fixed;
	width: 100%;
}
.ie6_Position {
	position: relative;
	width: 100%;
}
.ie6_Content {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	text-align: center;
}
.ie6_Header {
	color: #A1A1A1;
	font-family: verdana,arial;
	font-size: 20px;
	padding-bottom: 12px;
	padding-top: 38px;
	text-align: center;
}
.ie6_Message {
	color: #444444;
	font-family: verdana,arial;
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 40px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
}
.ie6_Banner {
	background: url("../images/colors/color1/unsupported_browser_bg.png") repeat-x scroll 0 0 white;
	border-bottom: 1px solid #C6D0DC;
	height: 42px;
	padding-top: 5px;
}
.ie6_AuroraLogo {
	position: relative;
}
.orderExpandArea {
	border-top: 1px solid #e0e0e0;
	padding: 5px 0px;
}
.orderExpandArea a p {
	display: inline;
	vertical-align: top;
}
#orderExpandAreaBottom {
	border-bottom: 1px solid #e0e0e0;
}

/* -----------------------------------------------------------------------------*/
/* MessageDisplay.jspf
/* -----------------------------------------------------------------------------*/
div.store_message{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 9999;
	min-width: 270px;
	max-width: 550px;
	width:100%;
	display:none; /* Dev -- Hide the error message area by default */
}

.store_message > .content{
	margin-top: 3px;
	background-color: #FFFFFF;
	border-left: 0px solid #e5e5e5;
	border-right: 0px solid #e5e5e5;
	border-bottom: 0px solid #e5e5e5;
	padding: 35px;
	box-shadow: 0 0 10px 2px #888888;
	filter:progid:DXImageTransform.Microsoft.Glow(color='#888888',Strength ='5');
}

.store_message > .content > .close{
	position: absolute;
	top: 10px;
	right: 15px;
}

.store_message > .content > .close > .close_text{
	font-size: 11px;
	color: #777777;
	height: 13px;
	float:left;
}

.store_message > .content > .close > .close_icon{
	margin-left: 4px;
	margin-top: 4px;
	width: 8px;
	height: 8px;
	background-image:url('../images/colors/color1/close_circle_sprite2.png');
	background-repeat:no-repeat;
	float:left;
}

.store_message > .content > .close:hover > .close_text{
	text-decoration:underline;
}

.store_message > .content > .close:hover > .close_icon{
	background-position: 0 -8px;
}

.store_message > .content > .message .message_icon {
  	float: left;
	height: 18px;
	position: relative;
	width: 18px;
}
.store_message > .content > .message .message_icon .error_icon {
	position:absolute;
	top: -3px;
	left: 1px;
}
.store_message > .content > .message .message_icon > #success_icon.error_icon {
	left: -3px;
}
.store_message > .content > .message .message_text{
	font-size: 12px;
	color: #4D4D4D;
	line-height: 16px;
	margin-left: 25px;
}

/* Page Template */
div#page {
	width: 100%;
	height: 100%;
	position: relative;
}

/* -----------------------------------------------------------------------------*/
/* Progress Bar
/* -----------------------------------------------------------------------------*/
/* For the element containing the actual progress bar */
#progress_bar {
	position: absolute;
	z-index: 9999;
	display: none;
}
/* For the dialog containing the progress bar element */
#progress_bar_dialog {
	position: absolute;
	z-index: 9999;
	/* DevStart: outline was coming for progress bar.
	 * display:none; moved to inline css otherwise dialog.show() won't display the progress bar
	 */
	outline: 0;
	/* DevEnd */
}

#loading_popup {
	width:59px;

}
#loading_popup .top_left{
	background-image: url('../images/colors/color1/popup_topleft.png');
	background-repeat:no-repeat;
	background-position:top;
	height:7px;
	width:8px;
	float:left;
}
#loading_popup .top_right{
	background-image: url('../images/colors/color1/popup_topright.png');
	background-repeat:no-repeat;
	background-position:right top;
	height:7px;
	width:51px;
	float:left;
}
#loading_popup .header {
	background-image: url('../images/colors/color1/popup_center_tile_mini.png');
	background-repeat:repeat-y;
	text-align: right;
	clear:left;
}
#loading_popup .close {
	padding: 5px 15px 2px 0px;
	color: #666666;
}
#loading_popup .close .icon{
	padding:2px 0 0 4px;
	float:right;
}
#loading_popup .bodycontent {
	background-color: transparent;
	background-image: url('../images/colors/color1/popup_center_tile_mini.png');
	background-repeat:repeat-y;
	background-position: right;
	padding:0 5px 0 5px;
	margin:0;
}
#loading_popup .bodycontent h2 {
	font-size: 14px;
	font-weight: bold;
}
#loading_popup .bodycontent p {
	margin: 3px 0 10px 2px;
}
#loading_popup .bodycontent div.form_2column {
	padding: 0;
}
#loading_popup .bodycontent_short {
	padding:12px 17px 12px 15px;
	margin:0px 1px 0px 1px;
}
#loading_popup .footer {
	text-align:right;
	height:20px;
	width:59px;
}
#loading_popup .footer .bot_left{
	background-image: url('../images/colors/color1/popup_botleft.png');
	background-repeat:no-repeat;
	background-position: bottom;
	height:11px;
	width:8px;
	float:left;
}
#loading_popup .footer .bot_right{
	background-image: url('../images/colors/color1/popup_botright.png');
	background-repeat:no-repeat;
	background-position: right bottom;
	height:11px;
	width:51px;
	float:left;
}

div .error_icon {
	float:left;
}

div.item_spacer_10px{
	height: 10px;
}

div.item_spacer_8px{
	height: 8px;
}

div.item_spacer_7px{
	height: 7px;
}

div.item_spacer_5px{
	height: 5px;
}

div.item_spacer_3px{
	height: 3px;
}

div.item_spacer_2px{
	height: 2px;
}

/* -----------------------------------------------------------------------------*/
/* Left Navigation
/* -----------------------------------------------------------------------------*/
div.widget_left_nav div.bottom_border_5px{
	border-bottom: 5px solid #e5e5e5;
}

div.widget_left_nav_position{
	/*Dev: min height for left navigation bar*/
	min-height: 300px;
	margin-right: 10px;
}

div.widget_left_nav{
	margin-bottom: 10px;
}

div.widget_left_nav > div.content_left_border{
	border: 5px solid #e5e5e5;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header{
	height: 34px;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header span.header_title{
	font-size: 11px;
	line-height: 34px;
	font-weight: bold;
	color: #777777;
	float:left;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > span.filter_by_title{
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	color: #777777;
	float:left;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall{
	font-size:12px;
	line-height:34px;
	float: right;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a{
	text-decoration: none;
	color: #777777;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div > span{
	text-decoration: underline;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite{
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	margin-top:5px;
	margin-right: 5px;
	width: 13px;
	height: 13px;
	margin-top:10px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite > img{
	position: absolute;
	width: 13px;
	height: 26px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div.clear_all_text > div.filter_sprite > img{
	top:-13px;
	left:0;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list {
	min-height: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:first-child {
	padding-top: 8px !important;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:last-child {
	padding-bottom: 8px !important;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list{
	background-color: #fbfbfb;
	/*Dev: min height for left navigation bar*/
	min-height: 25px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul {
	padding: 0;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > a{
	text-decoration: none;
	color: #777777;
	font-size: 11px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore {
	padding: 10px;
	list-style-type:none;
	font-size:12px;
	text-decoration: none;
	color: #777777;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li div.facetCountContainer,
ul.facetSelect li div.facetCountContainer {
	display: inline;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore {
	text-align: right;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore label {
	cursor: pointer;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch{
	float: left;
	width: 80px;
	height: 27px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch img{
	vertical-align: middle;
	border: 3px #E5E5E5 solid;
	height: 18px;
	width: 18px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore input,
ul.facetSelect li input[type=checkbox] {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	left: -30px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label:hover,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore label:hover {
	text-decoration: underline;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:checked + label {
	font-weight: bold;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:focus + label .outline {
		border: 1px dotted #000000;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:checked + label .swatch img{
	border: 3px solid #fac549;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:enabled + label .swatch img:hover {
	border: 3px solid #fac549;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:disabled + label,
ul.facetSelect li input:disabled + label {
	color: #CCCCCC;
	cursor: default;
	text-decoration: none;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:disabled + label,
ul.facetSelect li input:disabled + a {
	color: #CCCCCC;
	cursor: default;
	text-decoration: none;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.range_input,
ul.facetSelect li input.range_input {
	font-size: inherit;
	width: 35px;
	color: #777777;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button,
ul.facetSelect li input.go_button {
	font-size: inherit;
	width: 70px;
	text-align: left;
	border: none;
	background: none;
	color: #CA4200;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:hover,
ul.facetSelect li input.go_button:hover {
	text-decoration: underline;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:disabled,
ul.facetSelect li input.go_button:disabled {
	display: none;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button_disabled,
ul.facetSelect li input.go_button_disabled {
	display: none;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a{
	text-decoration: none;
	color: #777777;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover{
	text-decoration: underline;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div > span{
	text-decoration: underline;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite{
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 5px;
	width: 13px;
	height: 13px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite > img{
	position: absolute;
	width: 13px;
	height: 26px;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div.filter_option > div.filter_sprite > img{
	top:-13px;
	left:0;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option span img{
	vertical-align: middle;
	border: 2px #E5E5E5 solid;
	height: 18px;
	width: 18px;
}

/* -----------------------------------------------------------------------------*/
/* Wish Order List
/* -----------------------------------------------------------------------------*/
.wish_order_list > .message{
	display:block;
	font-style:italic;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}

.wish_order_list > .message:hover{
	background-color: #ffffff;
	cursor:auto;
}

/* Main header_wrapper positioning and styles */
div.header_wrapper_position {
	width: 100%;
	background-color: #b4bcbc;
	position: relative;
	z-index:200;
}

/* -----------------------------------------------------------------------------*/
/* Main Content Wrapper
/* -----------------------------------------------------------------------------*/
div.content_wrapper_position {
	width: 100%;
}

div.content_wrapper {
	width: 100%;
	background: #ffffff;
}

/* Shadows */
div.content_wrapper > div.content_left_shadow {
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}

div.content_wrapper > div.content_left_shadow > div.content_right_shadow {
	padding-right: 10px;
}

div.content_wrapper > div.content_top {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	display: none; /*No top borders required in content for Madisons Template */
}

/* For Footer bottom (theme oriented can be hidden if not needed) */
div.content_wrapper > div.content_bottom {
	max-width: 987px;
	height: 10px;
	margin-left: auto;
	margin-right: auto; 
	overflow: hidden;
}

div.content_wrapper > div.content_bottom > div.left_border {
	width: 10px;
	height: 10px;
	float: left;
}

div.content_wrapper > div.content_bottom > div.middle {
	max-width: 967px;
	height: 10px;
	float: left;
}

div.content_wrapper > div.content_bottom > div.right_border {
	width: 10px;
	height: 10px;
}

div.footer_wrapper_position {
	width: 100%;
}

/* -----------------------------------------------------------------------------*/
/* Static Page Content
/* -----------------------------------------------------------------------------*/
/* DevStart: Fixed height value is removed to avoid page overflow*/
.static_page_content{
	padding: 0 20px 20px 20px;
}
/* DevEnd*/
.static_page_content > .page_header{
	font-size: 22px;
	color: #777777;
	line-height: 46px;
}

/* DevStart: Bottom padding is reduced */
.static_page_content > .content_box{
	border-top: 2px solid #f8ad05;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fbfbfb;
	padding-bottom: 9px;
}
/* DevEnd*/

.static_page_content > .white{
	background-color: #ffffff;
}

/* DevStart: Strict Hierarchy removed to accomodate a div */
.static_page_content > .content_box .header_top{
	height: 30px;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	border-bottom: 1px solid #f0f0f0;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #f7f7f7;
}

.static_page_content > .content_box .header{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	padding-left: 9px;
	padding-right: 9px;
}

.static_page_content > .content_box .info_section{
	color: #4d4d4d;
	font-size: 12px;
	line-height: 16px;
	padding-top: 4px;
	padding-bottom: 15px;
	padding-left: 9px;
	padding-right: 9px;
}

.static_page_content > .content_box .info_section > .indent{
	padding-left: 20px;
}

.static_page_content > .content_box .info_section ol{
	padding-left: 25px;
}

.static_page_content > .content_box .header_solid{
	background-color: #F7F7F7;
	border-bottom: 1px solid #F0F0F0;
	color: #666666;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	padding-left: 9px;
	padding-right: 9px;
}
/* DevStart: Rename to info_table_1 to avoid merging of div.info_table in legacy1_1*/
.static_page_content > .content_box  .info_table_1{
	margin-top: 16px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 12px;
	font-weight:normal;
	line-height: 22px;
}
.static_page_content .info_table_1 {
	background-color: #FBFBFB;
	border-color: #F8AD05 #E5E5E5 #E5E5E5;
	border-style: solid;
	border-width: 2px 1px 1px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
}
.static_page_content .column_box .column {
	float: left;
	font-size: 12px;
	width: 33%;
}
@media (max-width: 420px) {
	.static_page_content .column_box .column {
		width: 100%;
	}
}
.static_page_content .column_box .column ul {
	list-style: none outside none;
	margin-right: 10px;
	padding: 0;
	text-decoration: none;
}
.static_page_content .column_box .column ul .h1 {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
	text-transform: uppercase;
}
.static_page_content .column_box .column ul .h2 {
	color: #333333;
	font-weight: bold;
	margin-top: 15px;
	text-transform: uppercase;
}
.static_page_content .column_box .column ul .h3 {
	color: #4D4D4D;
	font-weight: normal;
	text-transform: none;
}
.static_page_content .column_box .column ul li a {
	display: block;
	padding: 8px;
	text-decoration: none;
}
.static_page_content .column_box .column ul li > div {
	padding: 8px;
}
.static_page_content .column_box .column ul li a:hover {
	text-decoration: underline;
}
.static_page_content .column_box .column ul .no_margin {
	margin-top: 0;
}

.container_static_full_width,.container_configurator_full_width {
	max-width:785px;
}

/* -----------------------------------------------------------------------------*/
/* Search drop down
/* -----------------------------------------------------------------------------*/
div.list_section{
	margin-left: 0px;
	margin-right: 0px;
}

ul div.list_section li{
	list-style-type:none;
}

ul div.list_section li a span.highlight{
	font-weight:bold;
}

ul div.list_section li a:hover,
ul div.list_section li a div:hover{
	text-decoration: underline;
}
ul div.list_section li:hover {
	background-color: #d9e9f7;
}

ul div.list_section li a{
	display:block;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;
}

ul div.list_section li a div.category_list {
	float:left;
}

/* -----------------------------------------------------------------------------*/
/* Product Compare
/* -----------------------------------------------------------------------------*/
.widget_product_compare {
	color: #404040;
}

.widget_product_compare a {
	color: #006ECC;
	text-decoration:none;
}

.widget_product_compare a:hover{
	text-decoration:underline;
}

.widget_product_compare .row a {
	color: #404040;
}

.widget_product_compare .compare_heading {
	font-size: 20px;
	color: #777777;
}

.widget_product_compare .compare_back {
	font-size: 14px;
	margin-bottom: 5px;
}

.widget_product_compare > .top,.widget_product_compare > .bottom {
	overflow: hidden;
}

.widget_product_compare > .top > .left_border,.widget_product_compare > .bottom > .left_border,
.widget_product_compare > .top > .right_border,.widget_product_compare > .bottom > .right_border {
	width: 1px;
	height: 1px;
	background-color: #e5e5e5;
	float: left;
}

.widget_product_compare > .top > .middle,.widget_product_compare > .bottom > .middle {
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	float: left;
}

.widget_product_compare > .middle > .left_border {
	padding-left: 1px;
	background-color: #e5e5e5;
}

.widget_product_compare > .middle > .left_border > .right_border {
	padding-right: 1px;
	background-color: #e5e5e5;
}

.widget_product_compare > .middle > .left_border > .right_border > .content {
	background-color: #ffffff;
	min-height: 100px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .heading {
	padding: 0 8px;
	line-height: 32px;
	font-size: 14px;
	color: #777777;
	border-bottom: 1px solid #e5e5e5;
}

/* DevStart: to display compare zone empty message */
.widget_product_compare > .middle > .left_border > .right_border > .content > .message {
	padding: 0 8px;
	line-height: 32px;
	font-size: 14px;
	color: #777777;
}

/* DevEnd: to display compare zone empty message */
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row_border {
	border-bottom: 1px solid #e5e5e5;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row {
	overflow: hidden;
	font-size: 12px;
	min-height: 30px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_top{
	padding-top: 10px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_bottom{
	padding-bottom: 10px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .reduce_margins{
	margin-top: -8px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content .zebra {
	background-color: rgb(245,245,245);
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
	float: left;
	color: #777777;
	font-weight: bold;
	padding: 6px 1%;
	line-height: 16px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row a:hover {
	text-decoration: underline;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove {
	width: 7px;
	height: 7px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px;
	margin-right: 3px;
}

.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item {
	float: left;
	padding: 6px 1%;
	line-height: 16px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row:first-child > .item > a > img {
	max-width: 100%;
}

/* DevStart: to dynamically select the class based on the number of products to compare */
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
	width: 18%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
	width: 18%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
	width: 24%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
	width: 37%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
	width: 78%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price{
	color: #CA4200;
	font-weight: bold;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .old_price {
	color: #777777;
	font-weight: normal;
	text-decoration: line-through;
	margin-right: 4px; /* Dev: provides space after list price and before offer price */
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile,
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) {
	display: none;
}

@media (max-width: 600px) {
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main {
		overflow: hidden;
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) {
		display: inherit;
	}
	.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_2,
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 {
		width: 100%;
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
		width: 23% !important;
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
		width: 23% !important;
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
		width: 48% !important;
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
		width: 98% !important;
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
		display: none;
	}
	.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile {
		display: inherit;
		font-weight: bold;
	}
}
/* DevEnd: to dynamically select the class based on the number of products to compare */

/* -----------------------------------------------------------------------------*/
/* Search Results Widget
/* -----------------------------------------------------------------------------*/
div.widget_search_results{
	padding-left: 9px; 
	line-height: 14px;
	font-size: 13px;
}

div.widget_search_results .results_description{
	font-size: 12px;
	margin-top: -5px;
}

div.widget_search_results .black{
	color: #4d4d4d !important;
}

div.widget_search_results .result{
	color: #0042fe;
	cursor:pointer;
	text-decoration:none;
}

div.widget_search_results .result:hover{
	text-decoration:underline;
}

div.widget_search_results ul{
	padding-left: 16px;
	line-height: 20px;
}

/* -----------------------------------------------------------------------------*/
/* Content area with right sidebar
/* -----------------------------------------------------------------------------*/
.container_content_rightsidebar {
	max-width:967px;
	padding:0px 16px;
	overflow: hidden;
}

.container_content_rightsidebar > .left_column {
	width: 69%;
	margin-right: 1%;
	float: left;
	padding: 0;
}

.container_content_rightsidebar.shop_cart > .left_column {
	width: 79%;
}

.container_content_rightsidebar > .left_column_5px{
	width: 29%; 
	margin-right: 1%;
}

.container_content_rightsidebar > .right_column {
	width: 30%;
	float: left;
	padding: 0;
}

.container_content_rightsidebar.shop_cart > .right_column {
	width: 20%;
}

.container_content_rightsidebar .right_column .product > .product_image img {
	width: 70%;
	max-width: 200px;
}

/* -----------------------------------------------------------------------------*/
/* Product Info Add To Cart Button
/* -----------------------------------------------------------------------------*/
.button_add_to_cart {
	height: 29px;
	overflow:hidden;
	cursor: pointer;
	display: block;
	text-decoration: none;
	min-width: 164px;
	float: left;
	clear: both;
}

.button_add_to_cart > .left_border {
	width: 2px;
	height: 29px;
	float: left;
	background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top left no-repeat;
}

.button_add_to_cart > .right_border {
	width: 2px;
	height: 29px;
	float: left;
	background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top right no-repeat;
}

.button_add_to_cart > .button_text {
	min-width: 120px;
	height: 25px;
	padding: 2px 20px;
	float: left;
	background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') bottom repeat-x;
	line-height: 28px;
	color: #333333;
	text-align: center;
	font-size: 11px;
	font-family:arial;
	font-size:14px;
}

.button_add_to_cart:hover > .left_border {
	background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top left no-repeat;
}

.button_add_to_cart:hover > .right_border {
	background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top right no-repeat;
}

.button_add_to_cart:hover > .button_text {
	background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') bottom repeat-x;
	color: #4d4d4d;
}

/* -----------------------------------------------------------------------------*/
/* Sign-in page
/* -----------------------------------------------------------------------------*/
.sign_in_registration {
	margin:0 auto;
	max-width:773px;
	color:#4d4d4d;
	line-height:1.1em;
}
.sign_in_registration .title {
	padding: 17px 0px 0px 0px;
	font-size: 14px;
}

.sign_in_registration .myaccount_error {
	color: #CA4200;
}

.sign_in_registration .myaccount_link {
	color: #006ECC;
}

.sign_in_registration .header_new {
	width:370px;
	max-width:50%;
	float:right;
}
.sign_in_registration .header_return {
	width:370px;
	max-width:50%;
	float:left;
}
@media (max-width: 600px) {
	.sign_in_registration .header_new, .sign_in_registration .header_return {
		width:100%;
		max-width:none;
	}
}

.sign_in_registration .heading {
	padding:17px 5px 0px 59px;
	font-size:12px;
}
.sign_in_registration .content {
	font-size:12px;
}

.sign_in_registration .forgot_password_link_padding {
	padding-bottom:6px;
}

.sign_in_registration .content input, .sign_in_registration .align input, .sign_in_registration .content .column select {
	margin-bottom:8px;
	max-width: 100%;
}

.sign_in_registration .align {
	padding:15px 5px 0px 15px;
	border:solid 1px #e5e5e5;
	min-height:220px;
}

.sign_in_registration .ad {
	padding-top:35px;
	padding-bottom:20px;
	text-align:center;
	width:100%;
}

/* GenericError.jsp */
.generic_error_container {
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top:60px !important;
	width:70% !important;
	min-height:300px !important;
	float:none !important;
	height:300px;
}

/* -----------------------------------------------------------------------------*/
/* Common CSS End
/* -----------------------------------------------------------------------------*/


/* -----------------------------------------------------------------------------*/
/* Extension of jQuery mobile grid to support more than 5 columns
/* -----------------------------------------------------------------------------*/
/* content configurations. */
.ui-grid-e, /* 6 columns */
.ui-grid-f, /* 7 columns */
.ui-grid-g, /* 8 columns */
.ui-grid-h { /* 9 columns */
	overflow: hidden;
}
.ui-block-f, /* 6th column */
.ui-block-g, /* 7th column */
.ui-block-h, /* 8th column */
.ui-block-i { /* 9th column */
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.ui-grid-e,
ul.ui-grid-f,
ul.ui-grid-g,
ul.ui-grid-h,
li.ui-block-f,
li.ui-block-g,
li.ui-block-h,
li.ui-block-i {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	list-style: none;
}

/* 6 columns */
.ui-grid-e > .ui-block-a,
.ui-grid-e > .ui-block-b,
.ui-grid-e > .ui-block-c,
.ui-grid-e > .ui-block-d,
.ui-grid-e > .ui-block-e,
.ui-grid-e > .ui-block-f{
	width: 16.66%;
}

/* 7 columns */
.ui-grid-f > .ui-block-a,
.ui-grid-f > .ui-block-b,
.ui-grid-f > .ui-block-c,
.ui-grid-f > .ui-block-d,
.ui-grid-f > .ui-block-e,
.ui-grid-f > .ui-block-f,
.ui-grid-f > .ui-block-g{
	width: 14.28%;
}

/* 8 columns */
.ui-grid-g > .ui-block-a,
.ui-grid-g > .ui-block-b,
.ui-grid-g > .ui-block-c,
.ui-grid-g > .ui-block-d,
.ui-grid-g > .ui-block-e,
.ui-grid-g > .ui-block-f,
.ui-grid-g > .ui-block-g,
.ui-grid-g > .ui-block-h{
	width: 12.5%;
}

/* 9 columns */
.ui-grid-h > .ui-block-a,
.ui-grid-h > .ui-block-b,
.ui-grid-h > .ui-block-c,
.ui-grid-h > .ui-block-d,
.ui-grid-h > .ui-block-e,
.ui-grid-h > .ui-block-f,
.ui-grid-h > .ui-block-g,
.ui-grid-h > .ui-block-h,
.ui-grid-h > .ui-block-i{
	width: 11.11%;
}

/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
@media (max-width: 35em) {
	.ui-responsive > .ui-block-f,
	.ui-responsive > .ui-block-g,
	.ui-responsive > .ui-block-h,
	.ui-responsive > .ui-block-i {
		width: 100%;
		float: none;
	}
}

/* START NI Cart and Checkout styles */
.ni-cartcheckout-title {
	margin-top: 40px;
	margin-bottom: 30px;
}

.ni-enter-part-number-container{
	padding: 12px;
	background-color: #e7e7e7;
	height: 71px; 
	margin-bottom: 12px !important;
}

.ni-enter-part-number-container input{
	margin-right: 8px;
	margin-bottom: 0px;
}

#ni-item-add-error-msg{
	margin-top: 12px;
	margin-bottom: 50px;
	display:none;
}

#ni-item-empty-cart-msg{
	margin-top: 12px;
	margin-bottom: 50px;
}

#ni-order-by-pn-input {
	width: 420px;
	height: 42px !important;
	font-size: 13px !important;
}

input#ni-order-by-pn-input::placeholder {
    color: #ccc!important;
}

button.ni-order-by-pn-button:hover {
    background-color: #065fa3;
    border: 2px solid #fff;
    color: #fff;
}

button.ni-order-by-pn-button {
    border: 2px solid #065fa3;
    color: #065fa3;
    border-radius: 0!important;
    display: inline-block;
    text-overflow: ellipsis;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    padding: 13px 15px !important;
    height: 47px;
    margin-left: 12px;
    margin-right: 12px;
}

.ni-cartcheckout-autocomplete-menu {
	margin-left: 173px;
    border-top: none !important;
    margin-top: 0px;
}

.ni-skuAddSearch {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    margin-top: -1px;
    position: absolute;
    max-width: 420px;
    z-index: 20;
    padding: 10px 15px;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.3);
    width: 100%;
}

.skuSearchItem,
.ni-skuSearchItem,
.autoSuggestSelected {
    border-top: none;
    padding: 10px;
    background-color: #fff;
}

.skuSearchItem:hover *,
.ni-skuSearchItem:hover *,
.autoSuggestSelected .ni-skuCode,
.autoSuggestSelected .ni-skuTitle {
	color: #fff;
}

.skuSearchItem:hover,
.ni-skuSearchItem:hover,
.autoSuggestSelected {
    background-color: #03B585 !important;
    color: #fff;
    cursor:pointer;
}

tr.ni-shop-cart-header th {
    background: #444;
    padding: 12px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
}

.ni-table-product-name {
    width: 560px;
}
.ni-table-product-availability {
    width: 120px;
}
.ni-table-unit-price {
    width: 175px;
}
.ni-table-product-quantity {
    width: 150px;
}

.ni-table-product-info-container,
td.ni-table-esd,
td.ni-table-unit-price,
td.ni-table-quantity,
td.ni-total-item {
	padding-left: 12px;
	padding-right: 12px;
}

.ni-order-discounted-price {
    color: #d73a07;
}
.ni-order-strike-price {
    text-decoration: line-through;
    color: #777;
    font-size: 13px;
}

a.ui-spinner-button {
    border-radius: 0 !important;
}

.ui-corner-all {
    border-radius: 0 !important;
}

.ni-table-quantity-spinner {
	width: 30px;
    text-align: right;
    font-family: Helvetica,sans-serif !important;
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    margin-right: 25px !important;
    height: 35px !important;
    font-size: 16px !important;
    font-weight: normal;
}

.ni-table-cart-total{
	font-weight: bold;
	text-align: right;
	padding-right: 12px;
}

.ui-spinner-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.ni-table-product-info-container {
    font-weight: normal;
}

.ni-order-item-spin{
	position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.6);
    z-index: 9999;
    display: none;
}

.ni-order-item-table .ni-accordion .panel {
	border-radius: 0;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.ni-order-item-table .panel-default>.panel-heading {
	background-color: transparent;
	
}

.ni-bordered-row {
	border-bottom: 1px solid #ccc;
}

.ni-table-payment-methods, .ni-table-total-container {
    padding-top: 30px;
}

.ni-line-total-separator, .ni-line-separator {
	height: 1px;
    background: #ccc;
}

.ni-line-separator { 
    margin-top: 30px;
}

.ni-estimated-text-legend, .ni-grey-legend { 
color: #999 !important; 
font-weight: normal;
}

.ni-total-price .ni-price {
    margin-top: -7px;
}

.ni-total-price {
    width: 50%;
    float: right;
    text-align: right;
}

.ni-order-total-text {
    margin-top: 5px;
    font-size: 16px;
    width: 50%;
    float: left;
    text-align: right;
}

.ni-warranty-text, .ni-quote-button-container {
    display: inline;
}

.no-padding {
    padding: 0 !important;
}

.ni-quote-container, .ni-checkout-container {
    margin-top: 30px;
    display: inline-block;
}

.ni-checkout-container {
    padding-left: 15px;
}

.ni-line-total-separator {
    margin-left: 15px !important;
}

.ni-footnotes-container{
	margin-top: 30px;
	margin-bottom: 50px;
}

.ni-cartcheckout-page br {
    display: none;
}

.ni-warranty-container {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f4f4f4;
}

.ni-cart {
	fill: #fff;
	background-repeat: no-repeat;
	width: 35px;
	height: 25px;
	display: inline-block;
}
.ni-cart.vi {
    background-image: url(../images/cc-visa-xs.png);
}
.ni-cart.ax {
	background-image: url(../images/cc-amex-xs.png);
}
.ni-cart.mc {
	background-image: url(../images/cc-mc-xs.png);
}
.ni-cart.dc {
	background-image: url(../images/cc-diners-xs.png);
}
.ni-cart.jc {
	background-image: url(../images/cc-jcb-xs.png);
}

.ni-empty-cart-message {
    float: left;
    line-height: 3.5;
}

.align-top {
    vertical-align: top;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.none {
	color: #333;
}

input.ni-table-quantity-spinner {
    -moz-appearance:textfield;
}

input.ni-table-quantity-spinner::-webkit-outer-spin-button,
input.ni-table-quantity-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
}   


.ni-pn-label, 
.ni-addToCart-loading, 
.ni-order-by-pn-button {
    float: none;
}

.ni-pn-label {
    line-height: 3.7;
    margin-right: 12px;
}

.ni-addToCart-loading {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    padding-top: 15px;
}

.ni-addToCart-loading .spinner {
    position: relative!important;
}

input#ni-order-by-pn-input.adding {
    color: #ccc !important;
}

.ni-notification-inline p {
    margin-left: 5px;
}

div .ni-terms-conds-error,
div #ni-endcust-option-error {
	display: none;
	padding-bottom: 20px;
}

.ni-terms-conds-error td,
#ni-endcust-option-error td {
	vertical-align: top;
	text-align: left;
}

.ni-terms-conds-error p {
	margin: unset;
	font-size: 13px;
}

.ni-terms-conds-error .img,
#ni-endcust-option-error img {
	margin-right: 6px;
}

.ni-checkout-page-title {
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: -15px;
}

.ni-checkout-main {
	padding-left: 0px !important;
	padding-right: 15px !important;
	margin-bottom: 20px;
}

.ni-checkout-totals {
	padding-left: 15px !important;
	padding-right: 0px !important;
}

/*
this section class is kind of
dependent on containing at least one subsection
class in order for the bottom margin to equal 40px
*/
.ni-checkout-section {
	margin-bottom: 10px;
}

.ni-checkout-section-header {
    padding: 10px;
    background: #f4f4f4;
    color: #333;
    margin-bottom:40px;
    font-family: Roboto Condensed,sans-serif;
    font-size: 18px;
}

.ni-checkout-section-header a.ni-checkout-order-summary-cart-link,
.ni-checkout-section-header a.ni-checkout-registration-link,
.ni-checkout-section-header a.ni-checkout-shipping-link,
.ni-checkout-section-header a.ni-checkout-billing-link {
    color: #044123;
    margin-top: 4px;
	text-transform: none;
}

.ni-checkout-subsection {
	margin-bottom: 30px;
}

.ni-checkout-subsection-header {
	margin-bottom: 12px;
}

.ni-checkout-content #ni-progress-tracker {
    margin-bottom: 40px;
}

INPUT[type=radio].ni-preference-checkbox {
    margin: 0px 5px 0px 0px !important;
    vertical-align: text-bottom;
}

INPUT[type=radio].ni-preference-checkbox + label {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    text-transform: none;
    display: inline-block;
}

.ni-inline-label {
	display: inline;
}

.ni-policy-list ul {
    list-style-type: initial;
}

.ni-policy-list.ni-body-copy-secondary {
    color: #999;
} 


.modal-dialog {
	/* I changed this to 57% for the address modal 
	If it affects other modals, then we need to
	make this more context specific */
	width: 57% !important;
} 

#ni-trade-compliance-read-more-modal .modal-dialog,
#ni-policy-read-more-modal .modal-dialog {
    margin-top: 8%;
}

#ni-trade-compliance-read-more-modal .close,
#ni-policy-read-more-modal .close, 
#ni-address-book-modal .close,
#ni-capture-address-book-modal .close,
#ni-address-from-modal .close,
.ni-edit-address-book-modal.modal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    fill: #ccc;
}

.ni-trade-compliance-subitems {
    margin-left: 30px;
}

#ni-trade-compliance-notification {
    padding: 10px 0px 20px 0px;	
}

#ni-export-container{
	padding-bottom: 30px;
}

.modal .close:hover {
    fill: #666 !important;
}

.ni-list-syle-lower-alpha-parentheses {
    counter-reset: list;
}
.ni-list-syle-lower-alpha-parentheses > li {
    list-style: none;
    position: relative;
}
.ni-list-syle-lower-alpha-parentheses > li:before {
    counter-increment: list;
    content: "(" counter(list, lower-alpha) ".) ";
    position: absolute;
    left: -1.8em;
}

.ni-select-country-export {
    line-height: 2.7;
}

.ni-choose-country-export + .ui-selectmenu-button {
    min-width: 135px;
}

.ni-select-country-export-container {
    margin-left: 7px;
}


.ni-checkout-content + .ni-warranty-container {
    margin-top: 50px;
    margin-bottom: 10px;
}

#shippingAddressDisplayArea .ni-address-container {
    line-height: 1.42857143;
}

#ni-address-form-modal,
#ni-address-book-modal,
#ni-capture-address-book-modal { 
	overflow-y: scroll;
}

#ni-address-book-modal .modal-content,
#ni-capture-address-book-modal .modal-content {
    padding: 20px 20px !important;
}

#ni-address-book-modal .modal-header {
	padding: 0px;
    border-bottom: none;
}

#ni-address-book-modal .modal-body {
	padding: 0px;
}

#ni-address-book-modal .modal-footer {
	padding: 0px;
    border-top: none;
}
#ni-address-book-contents .modal-footer {
	padding: 0px !important ;
    border-top: none !important;
}
#ni-address-form-modal #shopcartAddressForm #ni-capture-address-book-modal{ 
    display: inline-block;
}
.ni-address-book {
	margin: 0 !important;
}

.ni-address-book-title {
	margin-bottom: 30px;
}

.ni-address-cell {
	padding: 0 !important;
	width: 352px !important;
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    border: 1px solid #ccc;
}

.ni-contact-address {
	/* top padding 36 to compensate for selected top border */
    padding-top: 30px;
    padding-left: 30px; 
    padding-bottom: 24px;
    border-bottom: none;
}

.ni-contact-address > div {
    max-width: 280px;
    white-space: normal;
}
.ni-address-cell .ni-contact-address .address-info {
  min-height: 217px;
}
.ni-contact-address .ni-address-container {
	margin-bottom: 15px;
}

.ni-address-margin-right {
    margin-right: 10px;
}

.ni-address-margin-left {
    margin-left: 10px;
}

.ni-selected-address {
	/* reduced padding for selected address to compensate for the top border */
	padding-top: 30px;
    border-top: 6px solid #03B585;
}

.ni-non-profile-addr-indicator {
	padding-top: 30px;
	border-top: 6px solid white;
}

.ni-profile-addr-indicator {
	border-top: 6px solid #3498DB; 
	box-sizing: border-box;
}

.ni-address-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
}
.ni-address-row:first-of-type {
	margin: 0 0 30px;
}

.ni-address-row-margin {
	margin: 0 0 30px;
}
	
.ni-address-row .ni-address-margin-right {
	margin-right: 0;
}		

.ni-address-row .ni-address-margin-left {
  	margin-left: 0;
}

.ni-address-distinctions {
	background-color: #F4F4F4;
    border-top: none;
    padding-left: 30px;
    font-size:13px;
  	min-height: 103px;
  	width: 100%;
  	margin-top: auto;
}

.ni-address-distinctions img {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}
.ni-address-distinctions p:first-of-type {
    padding-top:24px;
    padding-bottom:12px;
}
.ni-address-distinctions p:last-of-type {
    padding-bottom:30px;
}
.ni-address-cell .ni-address-firstname,
.ni-address-cell .ni-address-lastname {
	font-weight: bold;
}
 
.ni-address-phone-email {
	margin-top: 12px;
}

.ni-select-address-btn {
	margin-right: 10px;
}

.ni-select-address-btn:disabled {
    background-color: #ccc !important;
    opacity: .7 !important;
    border-color: #ccc !important;
}

.ni-select-address-btn:disabled:hover {
    border: 2px solid #ccc !important;
}

.ni-link-delimiter {
	margin-left: 5px;  
	margin-right: 5px;  
}

.ni-address-edit-link-disabled {
	color: #ccc;
}

#ni-default-edit-address-contents .ni-address-form {
    background: #f4f4f4;
    padding: 24px 12px;
}

.ni-address-form {
	width: 100%;
}
.ni-address-form INPUT,
.ni-address-form SELECT,
.ni-address-form TEXTAREA {
	margin: 0 0 20px;
	height: 40px !important;
}

.ni-address-form .form-inline label {
	font-weight: bolder;
	font-size: 16px;
}

.ni-address-form .form-inline .ui-selectmenu-button {
	height: 40px !important;
	width: 100% !important;
}

.ni-address-field-readonly {
	margin-bottom: 20px;
}

.ni-address-field-readonly label {
	display: inline;
	padding-right: 3px;
}

.ni-disabled-area {
	background-color: #ffffff;
	opacity:0.2;
	pointer-events: none;
}

.ni-country-label{
	margin-right: 5px;
}

.no-padding-right {
	padding-right: 0!important;
}
.ni-cancel-form-button{
	margin-left: 5px;
}

#ni-use-as-billing-label, 
#ni-default-shipping-label,
#ni-default-billing-label {
    vertical-align: text-bottom;
    margin-bottom: 0;
    text-transform: none;
    display: inline-block;
}

#ni-default-billing-error {
	font-size: 13px;
	font-weight: 400;
	display: inline;
    margin-left: 15px;
    vertical-align: text-top;
}

#billingAddressDisplayArea{
	margin-top: 30px;
	margin-bottom: 20px;
}

.ni-use-as-billing-address {
	margin-bottom: 30px;
}

#addToBothShippingBilling {
	margin: 0!important; 
}

.ni-optional-text {
    color: #999;
}

.ni-change-address-container, #billing_address_info{
	margin-top: 12px;
} 

/* Pagination styles  */
.ni-address-book-pagination {
    text-align: right;
	margin-top: 50px;
    padding: 5px 15px;
    font-family: 'Roboto Condensed', sans-serif;
}

.ni-address-book-pagination button {
    color: #777;
    background-color: transparent;
    font-size: 18px;
    border: 1px solid #f4f4f4;
    border-radius: 0px;
}

.ni-address-book-pagination button.active {
    color: #fff;
    background-color: #3498db;
    font-size: 18px;
    border: 1px solid #f4f4f4;
}

.ni-address-book-pagination button:hover:not(.active) {
    color: #777;
    background-color: #fff;
    border: 1px solid #ccc;
    font-weight: bold;
}

.ni-address-book-pagination button .glyphicon {
    font-size: 12px;
}

.ni-address-book-select-text{
	margin-bottom: 30px;
}

.ni-cancel-form-button {
    margin-right: 15px;
}

.ni-payment-container {
	padding:20px;
	background: #f4f4f4;
    border-top: 5px solid #03B585;
    padding-bottom:1px;
}

.ni-payment-container + #paymentArea1 {
    background: #f4f4f4;
    padding: 20px;
    padding-top: 0px;
    margin-bottom: 30px;
}

.ni-payment-container + div#paymentArea1 .card_info {
    width: 100%;
}

.ni-payment-container input[type=radio]{
	margin-right:5px !important;
    margin-bottom: 12px !important;
}

.ni-payment-container input[type=radio]+label {
    vertical-align: top;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}

.ni-checkbox-container {
    display: inline-block;
    min-width: 150px;
}

label[for=cardNumberInput] {
    display: inline;
}

.ni-card-container.pull-right {
    display: inline-block;
}

.ni-payment-container.ni-payment-horizontal .form-group {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.ni-expiration-date-container.col-xs-6, 
.ni-expiration-date-container .col-xs-6 {
    padding-left: 0px;
}

#purchase_order_number {
    margin-top: 5px;
}

.ni-purchase-on-tooltip {
	margin-right: 5px;
}

.ni-input-label-tooltip {
	display: inline-block;
    cursor: pointer;
	margin-left: 5px;
	vertical-align: top;
}

.ni-optional-label {
	display: inline;
}

input#ni-exampt-status,
input#ni-membership-id,
input#ni-training-credit {
    margin: 0 5px 0px 0px;
    vertical-align: middle;
}

label[for=ni-exampt-status],
label[for=ni-membership-id],
label[for=ni-training-credit] {
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
    vertical-align: middle;
    text-transform: none;
    display: inline-block;
    margin-bottom: 0px;
}

div#ni-membership-id-input-div,
div#ni-training-credit-input-div {
    margin-left: 21px;
    margin-top: 10px;
    width: 50%;
    display: block;
}

input#ni-membership-id-input,
input#ni-training-credit-input {
    margin: 0px 0px 15px;
}

.ni-checkout-order-items tr.ni-shop-cart-header {
	border-bottom: 1px solid #ccc;
}

.ni-checkout-order-items tr.ni-shop-cart-header th {
	background: #444444;
    color: #fff;
}

.ni-checkout-order-items .ni-checkout-section-header {
	margin-bottom: 0;
}

#ni-shop-svg {
    fill: #23527c;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    margin-right: 2px;
}

/* review page quantity read-only/edit/modify */
.ni-cart-details .ni-read-only-quantity {
	display: none;
}
.ni-cart-details .ni-table-quantity-spinner {
	display: inline-block;
}
.ni-order-details .ni-read-only-quantity {
	display: inline-block;
}
.ni-modify-line-item-link {
	margin-top: 10px;
}
.ni-cart-details .ni-modify-line-item-link {
	display: block;
}

#ni-collapse-arrow {
    font-size: 10px;
    margin-right: 5px;
    margin-left: 15px;
}


.ni-configuration-container {
    padding: 0 15px;
}

table.ni-configuration-table {
    margin-top: 10px;
}

.ni-configuration-table th {
    padding: 10px;
    background: #f4f4f4;
}

th.ni-partnumber-row {
    width: 165px;
}

th.ni-product-row {
    width: 750px;
}

th.ni-qty-row {
    width: 170px;
}

.ni-configuration-table tbody td {
    padding: 15px 10px;
}

.ni-configuration-table tbody tr {
	border-bottom: 1px solid #e7e7e7;
}

a#ni-collapse-anchor #ni-collapse-arrow:before{
	content: "\e253";
}

a#ni-collapse-anchor.collapsed #ni-collapse-arrow:before {
    content: "\e252";
}

.ni-remove-line-item {
display: inline-block;
padding-top: 12px;
}

.clickable {
color: #044123 !important;
}

/* ORDER TOTAL SUMMARY CLASSES */
.ni-order-summary {
	border: 1px solid #ccc;
}

.ni-order-summary.affix-top {
	border: 1px solid #ccc;
	position: static;
	width: 373px;
}

.ni-order-summary.affix-bottom {
	border: 1px solid #ccc;
	position: absolute;
	width: 373px;
}

.ni-order-summary.affix {
	border: 1px solid #ccc;
	position: fixed;
	top: 25px;
	width: 373px;
}

.ni-order-summary-header {
    padding: 9px;
    background: #f2f2f2;
}

.ni-order-summary-title {
	float: left;
    font-weight: bold;
    display: block;
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif; 
}

.ni-order-summary-link {
    padding: 9px;
    font-size: 13px;
}

.ni-order-summary-cart-link {
	float: right;
    display: block;
}

.ni-order-summary-cart-link .popover {
    width: 400px;
}

.ni-order-summary-cart-link .popover svg{
	fill:#ccc;
}

.ni-order-summary-cart-link .popover svg:hover {
    fill: #666;
}

.ni-order-summary-cart-link .buttons-container {
 	display: inline-flex;
 	width: 100%;
 	padding-top: 10px;
    padding-left: 15px;
}

.ni-order-totals-content {
    padding: 30px 10px;
    display: block;
    float: left;
    padding-bottom: 0;
}

.ni-order-summary-continue {
	padding: 0px 10px;
    text-align: right;
    float: left;
    width: 100%;
}

.ni-order-summary-continue .ni-term-cond-checkbox-left {
	float: left;
}

.ni-order-summary-continue .ni-term-cond-message-left {
	text-align: left;
}

.ni-order-summary-continue.order-summary-continue-padding {
    padding-bottom: 30px;
}

.ni-order-summary-continue-bottom {
    padding-bottom: 0px;
}

.ni-order-summary-border-bottom {
	border-bottom: 1px solid #ccc;
}

.ni-order-contact-us-text {
    font-weight: bold;
    font-size: 16px;
}

DIV.ni-order-summary-body .ni-line-total-separator {
    margin-left: 0 !important;
}

.ni-table-total-container span.ni-order-summary-description {
    width: 50%;
    float: left;
    text-align: right;
}

.ni-table-total-container span.ni-order-summary-value {
    float: right;
    text-align: right;
    width: 50%;
}

.ni-table-total-container span.ni-order-summary-value.ni-summary-later-step {
    font-size: 13px !important;
    color: #999;
    font-family: Helvetica,sans-serif !important;
}

.ni-order-totals-content .ni-order-total-text {
    text-align: left;
    padding: 0;
}

.ni-table-total-container .ni-total-price,
.ni-order-totals-content .ni-total-price {
    padding: 0;
}

.ni-table-total-container .ni-subtotal-price,
.ni-table-total-container .ni-subtotal-title {
    font-weight: bold;
}

.ni-table-total-container .ni-promo-code-discount-title {
    font-weight: bold;
}

.ni-order-totals-content p.ni-order-summary-dotted-container {
    position: relative;
    width: 100%;
}

.ni-order-totals-content .ni-order-summary-description {
    float: left;
    margin-right: 0.5em;
}

.ni-order-summary-dotted-container:after {
    content: " ";
    border-bottom: 1px dotted #ccc;
    display: block;
    height: 1em;
    overflow: hidden;
}

.ni-order-totals-content .ni-order-summary-value {
    float: right;
    margin-left: 0.5em;
}

.ni-order-totals-content .ni-order-summary-value {
	font-weight: bold;
}

.ni-order-summary-value a.ni-tooltip + .popover {
	width: 175px;
}

.ni-order-summary-footnote {
    padding: 30px 10px;
    background-color: #f4f4f4;
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
}

.ni-term-cond-container {
	margin-bottom: 30px;
	color: #ccc;
}

.ni-term-cond-container input#ni-accept-term-conds {
	vertical-align: middle;
	margin: 2px 2px 3px 0;
}

.ni-end-section-bottom{
	margin-bottom: 30px;
}

.ni-end-customer-option-padding{
	margin-left: 20px;
	display: block;
}

/* END - ORDER TOTAL SUMMARY CLASSES */

/* FORM VALIDATION CLASSES */
input[type=text].error {
	border: 1px solid #b11116;
}

label.error {
	color: #b11116;
	font-size: 13px;
	margin-top: -25px;
	display: block;
}

label#ni-membership-id-input-error.error,
label#ni-training-credit-input-error.error {
	margin-top: -10px;
}

label#ni-default-billing-input-error.error {
	margin-top: 0;
	margin-left: 25px;
}

/* END - FORM VALIDATION CLASSES */

/* COURSE REGISTRATION PAGE */
/*
since this class was overriding the padding from
col-xs-6 and in order to make this style more specific
and thus take precedence, I added both classes together
*/

#ni-registration-content-container hr {
	border-top: 2px solid #e7e7e7;
	margin-bottom: 35px;
	margin-top: 15px;
}

.ni-registration-seat-container {
	margin-bottom: 20px;
}

.ni-registration-seat-container .ni-change-address-container{
	margin-bottom: 9px;
}

/* END - COURSE REGISTRATION PAGE */

/* NOTE: this is an extension class of ni.css that applied for cart and checkout project only */

.ni-btn-commerce:disabled, .ni-btn-commerce:disabled:hover {
    cursor: not-allowed;
   	color: #fff;
	background-color: #ccc;
	border-color: #ccc;
	opacity: 70%;	
}

a.ni-btn-commerce[disabled] {
    pointer-events: none;
    color: #fff;
	background-color: #ccc;
	opacity: 70%;
}

.ni-page-wrap {
	min-width: 1200px;
}

.container {
	min-width: 1176px;
}

.ni-notification.notification-margin {
    margin-left: -15px;
    margin-right: -15px;
}

#ni-main-review-content #additional-comments,
#ni-main-confirmation-content #additional-comments {
	margin-top: 40px;
}

.remarks-content-section {
	margin-bottom: 40px;
}

#remarks-text-area {
	margin-bottom: 0px;
}

#ni-tax-information-content {
	margin-top: 40px; 
}

#ni-vat-number-content {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

#ni-ean-content {
	border-top: 1px solid #ccc;
}

#ni-ean-label {
	margin-top: 30px;
}

#ni-credit-term-label {
	margin-top: 24px;
	margin-bottom: 12px;
}

#new-subtotal {
	font-weight: bold;
	font-size: 16px;
}

.ni-popover-payment-term .buttons-container {
	display: inline-flex;
	width: 100%;
}

/* BEGIN Software Download Display */
/* Shipping page */
#shipping_info_header{
	margin-bottom: 0px;
}

#swNotification {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Order Confirmation page */
#confirmationNotification {
	display: block;
	margin-bottom: 0px;
}

#swDownloadNotification {
	display: block;
	margin-top: 12px;
	margin-bottom: 30px;
}


/* ORDER PROMO CODE CLASSES */
.ni-order-promo-code-summary-header {
    padding: 9px;
    background: #f2f2f2;
}

.padding-bottom {
    padding-bottom: 10px;
}

/************************/
.ni-order-promo-code-summary {
	width: 373px !important;
	padding-bottom: 32.4px; 
}

.ni-order-promo-code-summary.affix-top {
	position: static;
	width: 373px !important;
	padding-bottom: 32.4px; 
}

.ni-order-promo-code-summary.affix-bottom {
	position: absolute;
	width: 373px !important;
	padding-bottom: 32.4px; 
}

.ni-order-promo-code-summary.affix {
	position: fixed;
	width: 373px !important;
	padding-bottom: 32.4px; 
}

.ni-order-promo-code-header {
    padding: 9px;
    background: #f2f2f2;
}

.ni-order-promo-code-title {
	float: left;
    font-weight: bold;
    display: block;
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif; 
}

.ni-order-promo-code-content {
	display:flex;
	padding-top:10px;
}

.ni-order-promo-code-content INPUT[type=text]{
	width: 272px;
	height: 34px !important;
	margin: 0px 8px 0 0;
	padding: 0 165px 0 10px;
	outline: 2px !important;
	border: solid 2px #ccdcc8 ;
}

.ni-order-promo-code-content INPUT[type="text"]:focus {
	color: black !important;
	border-color: #044123 !important;
	box-shadow: none !important;
}

.ni-order-promo-code-success-input {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg transform='translate(-685 -137) translate(685 137)'%3E%3Ccircle cx='7' cy='7' r='7' fill='%2332EB96'/%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cpath d='M7.184 2.974c.215-.215.564-.215.78 0 .215.215.215.565 0 .78l-3.31 3.309c-.215.215-.564.215-.78 0L2.038 5.225c-.216-.216-.216-.565 0-.78.215-.216.564-.216.78 0l1.448 1.448 2.919-2.919z' transform='translate(2 2)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: center;
	border: solid 2px #044123 !important;
	color: #044123 !important;
}

.ni-order-promo-code-failure-input {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='red' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M7 0C3.15 0 0 3.15 0 7s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7zm2.625 8.575l-1.05 1.05L7 8.05 5.425 9.625l-1.05-1.05L5.95 7 4.375 5.425l1.05-1.05L7 5.95l1.575-1.575 1.05 1.05L8.05 7l1.575 1.575z' transform='translate(-1817 -137) translate(1817 137)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: center;
	border: solid 2px red !important;
	color: red !important;
}

.ni-order-promo-code-content button{
	width: 93px;
  	height: 34px;
  	padding: 0px;
  	text-align: center;
}

.ni-promo-code-status {
  width: 272px;
  height: 22px;
  padding: 2px 2px 2px 0px;
  font-family: FoundersGrotesk;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  display:none;
  line-height: 22px;
}

.ni-promo-code-success{
	color:  #044123;
	display:block;
}

.ni-promo-code-failure{
	color: red;
	display:block;
}

.ni-promo-code-fragment {
    margin-top:10px;
    height: 35px;
    width:90px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='35' viewBox='0 0 90 35'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cg%3E%3Cpath stroke='%2332EB96' d='M78 .5c2.623 0 4.998 1.063 6.718 2.782C86.437 5.002 87.5 7.377 87.5 10h0v21.5H.5V.5z' transform='translate(-444 -195) translate(444 195)'/%3E%3Ctext fill='%23044123' font-family='FoundersGrotesk-Regular, Founders Grotesk' font-size='18' transform='translate(-444 -195) translate(444 195)'%3E%3C/text%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: initial;
}

.ni-promo-code-fragment-hidden {
	display: none;
}

.ni-promo-code-fragment-text{
	 float:left;
	 background:transparent;
	 font-family: FoundersGrotesk;
	 font-weight: normal;
	 font-stretch: normal;
	 font-style: normal;
	 line-height: normal;
	 letter-spacing: normal;
	 text-align: center;
	 color: #044123;
	 font-size: 13px;
	 margin-top: 8px;
	 margin-left: 5px;
}

.ni-promo-code-fragment-close {
    float:right;
    background:transparent;
    color: #32eb96 !important; 
    text-decoration: none !important;
    margin-right: 8px;
    margin-top: 5px;
    font-size: 13px;
}

.ni-promo-code-summary-value {
	color: #044123 !important;
}
/* END Software Download Display */

/* END NI Cart and Checkout styles */