/*
*-----------------------------------------------------------------
Licensed Materials - Property of HCL Technologies
*
* HCL Commerce
*
(C) Copyright HCL Technologies Limited 1996, 2020
*
*-----------------------------------------------------------------
*/
body {
position: relative;
}
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
}
.leftnav-account {
/*width: 18%;*/
float: left;
margin: 0;
}
.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;
}
.left {
float: left;
}
.right {
float: right;
}
.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;
border: none !important;
}
.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%;
}
/* 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;
display:none;
}
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%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); */
}
.tab {
border: 1px solid #e9e9e9;
border-radius: 5px;
margin-top: 0px !important;
width: 99%;
}
div.widget_title_container {
width: 100%;
line-height: 30px;
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;
}
}
h1 {
padding: 0;
font-size: 28px;
font-weight: inherit;
}
.collapsible>h3 {
cursor: pointer;
}
.collapsible>.content {
overflow: hidden;
}
.collapsible[aria-expanded="false"]>.content {
max-height: 0;
visibility: hidden;
}
#content .collapsible,
.categoryNavWidget.collapsible,
.linkWidget.collapsible {
padding: 10px 5%;
background-color: #fff;
border-radius: 5px;
transition: background-color .2s;
}
#content .collapsible:hover,
.categoryNavWidget.collapsible:hover,
.linkWidget.collapsible:hover {
background-color: #fff;
}
#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-weight: bold;
font-size: 1.8rem;
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;
/*96*/
}
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;
/*original:: top:85px;*/
/* 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;
}
.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 {
padding: 10px 0;
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, #fff);
-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;
}
.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: 2px solid #4a4a4a;
background-color: white;
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: 13px;
width: 13px;
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;
}
/* 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 {
/*right: -90px;*/
height: 16px;
float: left;
left: 52px;
position: relative;
right: auto;
top: -33px;
}
#SavedOrderItems_table .quantityUpdated img {
width: initial;
}
#SavedOrderItems_table .input_field.small {
width: 70px;
}
#SavedOrderItems_table .info_icon {
color: #006ecc;
}
#OrganizationUsersList_toolbar_searchForm {
margin: 0 10px;
}
.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%;
/*margin: 2px 4px 2px 4px;*/
}
#articleListing li {
float: left;
width: 47%;
margin-right: 10px
}
.product_page_content #productSlot56>div:nth-child(2),
.product_page_content #productFullWidthSlot56>div:nth-child(2) {
margin: -10px 5px;
display: block;
padding: 0px 5px;
}
.product_page_content #productSlot56 {
float: left;
}
#uploadListDropdown {
right: 31px;
}
#fileUploadStatus {
margin-top: -10px;
}
.requisitionListContent.popup {
left: 40%;
width: 325px;
}
}
/*@BP-B 601px-1280px*/
@media screen and (max-width: 1280px) {
#productsFacetsHorizontal>fieldset {
width: 48%;
/*display: inline-block;*/
float: left;
padding: 1%;
/*margin: 2px 4px 2px 4px;*/
}
#orderByDropdown .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 {
width: 156px;
}
.sortDropdown {
position: relative;
top: 40px;
border: 1px solid #898989;
height: 204px;
background: #FFF;
z-index: 20;
width: 155px;
left: -10px;
}
.requisitionListContent .sortDropdown ul {
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
padding-left: 0px;
}
.sortDropdown ul {
position: absolute;
width: 100%;
}
.sortDropdown ul li {
height: 16px;
padding: 12px 0;
font-size: 14px;
line-height: 16px;
padding-left: 10px;
color: #545454;
border-bottom: 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;
/* padding-left: 6px; */
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;
}
.collapsed {
display: none;
}
.expanded {
display: block;
}
.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: #b3d4fc !important;
color: #FFF !important;
}
li div.ui-state-select {
background: #b3d4fc !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;
}
/*a.disabled {
background: grey !important;
border: 1px solid grey !important;
}*/
/* Carousel */
div[data-widget-type="wc.Carousel"] .owl-wrapper-outer.overflow-visible {
overflow: visible;
}
div[data-widget-type="wc.Carousel"] .owl-stage-outer.overflow-visible {
overflow: visible;
}
.owl-carousel .owl-item .categorySpot img {
display: initial !important;
width: inherit !important;
}
.overflow-visible>.owl-stage {
transition: 2000ms ease !important;
}
/* 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;
/*margin: 5px auto;*/
min-height: 30px;
min-width: 50px;
padding: 0px;
transition: background-color .15s;
width: 97%;
border-radius: 5px;
/*max-width: 200px;*/
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;
}
.autoSuggestSelected {
background-color: #d9e9f7 !important;
}
/* -----------------------------------------------------------------------------*/
/* 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%;
padding-bottom: 275px;
}
@media (min-width: 1024px) {
div#page {
padding-top:104px;
}
}
@media (max-width: 1024px) {
div#page {
padding-top:0 !important;
}
}
@media (min-width: 768px) and (max-width: 979px){
div#page {
padding-bottom: 375px;
}
}
/* -----------------------------------------------------------------------------*/
/* 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: 13px;
width: 13px;
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 */
#headerWrapper, #headerWidget {
width: 100%;
background-color: #fff;
position: fixed;
z-index: 200;
top:0;
}
@media (max-width: 1024px) {
#headerWrapper, #headerWidget {
position: relative;
}
}
/* -----------------------------------------------------------------------------*/
/* Main Content Wrapper
/* -----------------------------------------------------------------------------*/
div.content_wrapper_position {
width: 100%;
min-height: 550px;
padding-bottom: 50px;
}
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_left_shadow>div.content_right_shadow>div.main_content {
max-width: 967px;
margin: 0 auto;
background-color: #ffffff;
min-height: 100px;
padding: 8px 0;
}
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;
/*16*/
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%;
/*685*/
margin-right: 1%;
float: left;
padding: 0;
}
.container_content_rightsidebar.shop_cart>.left_column {
width: 79%;
}
.container_content_rightsidebar>.left_column_5px {
width: 29%;
/*685*/
margin-right: 1%;
}
.container_content_rightsidebar>.right_column {
width: 30%;
/*237*/
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;
}
/* Start - Over size shipping charge related changes */
.productDisplay_oversize-shipping-charge,
.quickInfoPopup_oversize-shipping-charge,
.oversize-shipping-charge {
padding-bottom: 19px;
color: #4a4a4a;
}
.productDisplay_oversize-shipping-charge .oversize-label,
.quickInfoPopup_oversize-shipping-charge .oversize-label,
.oversize-shipping-charge .oversize-label {
font-weight: 400;
width: 70%;
float: left;
text-align: initial;
font-size: 1.4rem;
color: #4a4a4a;
font-family: sans-serif;
}
.productDisplay_oversize-shipping-charge .oversize-amount,
.quickInfoPopup_oversize-shipping-charge .oversize-amount,
.oversize-shipping-charge .oversize-amount {
font-weight: 400;
width: 30%;
float: right;
text-align: end;
font-size: 1.4rem;
color: #4a4a4a;
font-family: sans-serif;
}
.productDisplay_oversize-shipping-charge .icon-info-after:after,
.quickInfoPopup_oversize-shipping-charge .icon-info-after:after,
.oversize-shipping-charge .icon-info-after:after {
color: #4a4a4a;
}
.productDisplay_oversize-shipping-charge .popper div,
.quickInfoPopup_oversize-shipping-charge .popper div,
.oversize-shipping-charge .popper div {
text-align: left;
}
.productDisplay_oversize-shipping-charge .popper div p,
.quickInfoPopup_oversize-shipping-charge .popper div p,
.oversize-shipping-charge .popper div p {
font-size: 12px;
}
/* End - Over size shipping charge related changes */
/* -----------------------------------------------------------------------------*/
/* 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;
}
}