/*
    This file is used to set up a baseline set of rules for all themes.  Not all
    themes will match all of these rules and should override them as necessary,
    but it should eliminate a lot of the boilerplate.

    The theme.css file should mainly consist of a set of color and image rules,
    small changes, and header/footer directions.
*/

/************************* BASE STYLES *******************************/
input, select, textarea {
  color: #333333;
  font-size: 13px;
  line-height: 18px;
  height: 18px;
}
div.widget > div.widget-header > div.center {
    line-height: 18px;
}
div.widget > div.widget-header div.widget-header-link {
    height: 18px;
    line-height: 18px;
    padding: 4px 8px 6px 10px;
    text-align: center;
}
div.widget > div.widget-header > div.center > h1,h2 {
    text-transform: uppercase;
    padding: 5px 10px;
}
div.widget > div.widget-main > div.center > ol.menu > li,
div.widget > div.widget-main > div.center > ul.menu > li {
    padding: 3px 10px;
}
div.widget > div.widget-main > div.center > ol.menu > li.selected,
div.widget > div.widget-main > div.center > ul.menu > li.selected {
    font-weight: bold;
}
table.styled-table,
div.widget > div.widget-main > div.center > table,
div.widget > div.widget-main > div.center > div.dataTables_wrapper > table {
    color: #333;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
table.styled-table > thead > tr > th,
div.widget > div.widget-main > div.center > table > thead > tr > th,
div.widget > div.widget-main > div.center > div.dataTables_wrapper > table > thead > tr > th {
    border-bottom: solid 1px #b2b2b2;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    height: 16px;
    padding: 5px 8px;
    line-height: 16px;
    white-space: nowrap;
}
table.styled-table > tbody > tr > th,
div.widget > div.widget-main > div.center > table > tbody > tr > th {
    font-weight: bold;
    width: 25%;
    text-align: right;
}

table.styled-table > tbody > tr > td,
div.widget > div.widget-main > div.center table > tbody > tr > td,
div.widget > div.widget-main > div.center > div.dataTables_wrapper > table > tbody > tr > td {
    padding: 5px 8px;
    vertical-align: top;
    text-align: center;
}
div.dataTables_wrapper select, div.dataTables_wrapper input {
    height: auto;
}
table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting::before {
    font-size: 23px !important;
}
div.widget > div.widget-main > div.center > div.submit-warning > table > tbody > tr > td {
    text-align: left;
}
div.widget > div.widget-main > div.center > div.recurring-buttons {
    text-align: right;
}
div.widget > div.widget-main > div.center > div.recurring-buttons > span.button {
    display: inline-table !important;
}
div.widget > div.widget-main > div.center > table > tbody > tr.empty-message > td,
div.widget > div.widget-main > div.center > div.dataTables_wrapper > table > tbody > tr.empty-message > td {
    font-weight: bold;
    text-align: center;
}
div.widget > div.widget-main > div.center label,
div.widget > div.widget-main > div.center legend {
    font-weight: bold;
}
div.widget > div.widget-main > div.center label.option-label {
    font-weight: normal;
    text-transform: none;
}
div.widget > div.widget-main > div.center label.for-textarea {
    vertical-align: top;
}
li.help-text,
div.widget > div.widget-main > div.center span.help-text {
    display: block;
    font-size: 11px;
    line-height: 16px;
    color: #666666;
    *float: left;
    *clear: both;
}
div.widget ol.tabs,
div.widget ul.tabs {
    display: inline-block;
    width: 100%;
    margin-bottom: 13px;
}
div.widget ol.tabs > li,
div.widget ul.tabs > li {
    float: left;
    padding: 5px 13px;
}
div.widget div.success {
    background: #126e12;
    border: 1px solid #126e12;
    font-weight: bold;
    color: #bae8be;
    margin-bottom: 12px;
}
div.widget div.success span a {
    color: #e8f706;
}
div.widget div.success span {
    background: #126e12;
    padding: 5px;
    color: white;
    font-size: 110%;
}

div.widget div.messages {
    background: #f0e9c1;
    border: 1px solid #e0c315;
    font-weight: bold;
    color: #000000;
    padding: 0 0 5px 0;
    margin-bottom: 12px;
}
div.widget div.messages span {
    background: #e0c315;
    padding: 5px;
    color: #000000;
    font-size: 110%;
    margin-bottom: 5px;
    display: block;
}
div.widget div.messages ul {
    list-style: initial;
}
div.widget div.messages ul > li {
    margin-left: 30px;
}

div.widget div.errors {
    background: #ebadb4;
    border: 1px solid #cc0000;
    font-weight: bold;
    color: #cc0000;
    padding: 0 0 5px 0;
    margin-bottom: 12px;
}
div.widget div.errors span {
    background: #cc0000;
    padding: 5px;
    color: white;
    font-size: 110%;
    margin-bottom: 5px;
    display: block;
}
div.widget div.errors ul {
    list-style: initial;
}
div.widget div.errors ul > li {
    margin-left: 30px;
}
a.zoom {
    padding-left: 15px;
    cursor: pointer;
}
div.widget > div.widget-main > div.center > .form-fields {
    padding: 8px 0;
}
div.widget.fullpage > div.widget-main > div.center > .form-fields {
    padding: 0;
}

.form-fields > li > input,
.form-fields > li > select,
.form-fields > li > textarea,
.form-fields > tbody > tr > td > input,
.form-fields > tbody > tr > td > select,
.form-fields > tbody > tr > td > textarea,
.form-fields > li > .field-content {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 12px !important;
    width: 250px;
}

ol.form-fields span.help-text {
    margin-left: 250px;
}
ul.field-options span.help-text {
    margin-left: 28px;
}

.form-fields > li > label, .form-fields > li > fieldset > legend, span.no-label {
    padding: 3px 14px;
    margin-left: 14px;
    display: inline-block;
    min-width: 200px;
}
.form-fields > li > fieldset > legend {
    float: left;
}
.form-fields > li.nolabel {
    padding-left: 28px;
}
.field-options {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.field-options > li {
    display: inline-block;
    *display: inline;
}
.field-options > li > input {
    background: transparent !important;
    border: 0 !important;
}
.form-fields > li.nolabel > .field-options > li > input,
.form-fields > li.nolabel > .field-options > li > select,
.form-fields > li.nolabel > .field-options > li > textarea {
    padding-left: 0;
    margin-left: 0;
}
.form-fields > li.buttons,
.form-fields > tfoot > tr > td.buttons {
    padding: 3px 14px;
    margin: 0;
    text-align: right;
}
div.widget.fullpage > div.widget-main > div.center > .form-fields > li.buttons {
    padding: 3px 0;
}
span.button {
    margin: 4px;
    padding-right: 4px;
    height: 26px;
    display: inline-block;
}
span.button > span.button-background > a {
    padding: 0px 10px 0 8px;
    vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    cursor: pointer;
}

span.button-background {
    padding: 0px !important;
}

span.button.continue {
    float: right;
}
/*
    Textareas need to be wrapped in the code because
    they have a screwy box model implementation
*/
div.textarea-wrapper {
    margin: 3px;
}
div.textarea-wrapper > textarea {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
div.submit-warning {
    padding: 13px;
    margin-bottom: 15px;
}
table.info-table > tbody > tr > td {
    text-align: left !important;
    padding-left: 13px !important;
}
.info-table > tbody > tr > th {
    vertical-align: middle;
}
.info-table > tbody > tr > th > label, .info-table > tbody > tr > th > span {
    padding: 3px 14px;
}
table span.button {
    float: none !important;
}
.back-link {
    font-weight: bold;
}
.back-link > a {
    font-weight: normal;
}
.html {
    padding-left: 26px;
    display: inline-block;
    background: url(../image/icon_html.png) transparent no-repeat;
}
.pdf-download {
    padding-left: 26px;
    display: inline-block;
    background: url(../image/icon_pdf.png) transparent no-repeat;
}
.edit-link {
    padding-left: 13px;
    display: block;
}
#ajax_token {
    display: none;
}
.tag {
    text-decoration: none;
    font-size: 10px;
    margin: 2px 4px 2px 0;
    padding: 0 5px 0 18px;
    line-height: 18px;
    display: inline-block;
    *display: block;
}
.odd {
    background-color: #e2e2e2 !important;
}
.even {
    background-color: #ffffff !important;
}
/** show the pointer cursor on links, even if there is no href */
.linky {
    cursor: pointer;
    text-decoration: underline;
}
.strikeout {
    text-decoration: line-through;
}
.hidden {
    display: none;
}
.delivery-info {
    color: #c4401d;
    font-weight: bold;
}
div.message {
    margin-left: 14px;
    padding: 8px 0;
}

/************************* PAGE STYLES *******************************/

body.PasswordResetRequest #header,
body.PasswordResetRequest #content,
body.PasswordResetRequest #main,
body.PasswordResetRequest #footer,
body.PasswordResetRequest #footer-content,
body.PasswordReset #header,
body.PasswordReset #content,
body.PasswordReset #main,
body.PasswordReset #footer,
body.PasswordReset #footer-content,
body.Login #header,
body.Login #content,
body.Login #main,
body.Login #footer,
body.Login #footer-content {
    width: 544px;
    padding-left: 0;
    min-width: 0;
}

body.PasswordResetRequest #header,
body.PasswordReset #header,
body.Login #header {
    height: 246px;
}

body.PasswordResetRequest .fullpage {
  min-width: 544px;
}
body.PasswordResetRequest .widget-main, body.PasswordResetRequest .widget-header .widget-title {
  padding-left: 20px !important;
}

body.Popup div.widget-container {
    display: block;
    float: none;
}

body.Gps #main-background #header-background {
    height: 175px;
}
body.Gps #main-background #content {
    margin-top: -175px;
}
body.Gps #main-background #header div.Login {
    margin-bottom: 3px;
}
body.Gps #main-background #header div.Login div.widget {
    border: none;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
}
body.Gps #main-background #header #login-fields,
body.Gps #main-background #header #forgot-password {
    padding: 0;
}
body.Gps #main-background #header #login-fields li,
body.Gps #main-background #header #forgot-password li,
body.Gps #main-background #header div.Login #guest-link {
    padding: 0;
    padding-left: 4px;
    padding-right: 4px;
    float: left;
}
body.Gps #main-background #header #login-fields,
body.Gps #main-background #header #login-fields li label,
body.Gps #main-background #header #forgot-password,
body.Gps #main-background #header #forgot-password li label,{
    font-weight: normal;
}

/************************* COMMON WIDGET STYLES *******************************/

/* don't show the header for these widgets */
div.widget.noheader > div.widget-header {
    visibility: hidden;
}

/*
    If this widget is the first widget shown in the main column, and it has the fullpage
    class, we want to give it the large header attributes, otherwise we should just let
    it function as a normal widget.
*/
#main > div.widget-container > div.widget.fullpage,
#main > div.widget-container > form > div.widget.fullpage {
    border: none;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#main > div.widget-container > div.widget.fullpage > div.widget-header,
#main > div.widget-container > form > div.widget.fullpage > div.widget-header {
    margin-bottom: 12px;
}
#main > div.widget-container > div.widget.fullpage > div.widget-header > div.center,
#main > div.widget-container > form > div.widget.fullpage > div.widget-header > div.center {
    line-height: 24px;
}
#main > div.widget-container > div.widget.fullpage > div.widget-header > div.center > h1,h2,
#main > div.widget-container > form > div.widget.fullpage > div.widget-header > div.center > h1,h2 {
    text-transform: none;
    font-size: 24px;
    font-weight: normal;
    padding: 15px 10px;
}
#main > div.widget-container > div.widget.fullpage > div.widget-header.slim > div.center > h1,h2,
#main > div.widget-container > form > div.widget.fullpage > div.widget-header.slim > div.center > h1,h2 {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
}
.hide {
    display: none
}
/* These styles are the basic styles used for the dropdown category selector */
.header-category-container {
    position: relative;
}
.header-secondary-category-container {
    display: none;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
    width: 300px;
}
.header-secondary-category-odd > a,
.header-secondary-category-even > a {
    display: block;
}
#cartridge_search {
    width: 90%;
}

/************************* EXPANDO WIDGET STYLES *******************************/
.widget-title.expando-expand,
.widget-title.expando-collapse {
    margin-left: 0.5em;
    cursor: pointer;
}
.widget-title.expando-expand {
    background: url(../static/image/btn_form_increment.gif) transparent 0 45% no-repeat;
}
.widget-title.expando-collapse {
    background: url(../static/image/btn_form_decrease.gif) transparent 0 45% no-repeat;
}

/************************* INDIVIDUAL WIDGET STYLES *******************************/

div.FavoriteItemsListManager > div.widget,
div.FavoriteItemsUserManager > form > div.widget,
div.LoginInfo > div.widget,
div.OrderRouting > div.widget,
div.CartActions > div.widget,
div.CartSelector > form > div.widget,
div.OrderTotal > div.widget,
div.FeaturedCategoryGroup > div.widget,
div.AdvertisementGroup > div.widget,
div.WholesalerLinks > div.widget,
div.Twitter > div.widget {
    border: none;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#login-fields, #forgot-password,
div.Address > div.widget > div.widget-main > div.center,
div.DoNotSellMyData > div.widget > div.widget-main > div.center,
div.RewardTotal > div.widget > div.widget-main > div.center,
div.Premiums > div.widget > div.widget-main > div.center,
div.LoginInfo > div.widget,
div.Legal > div.widget > div.widget-main > div.center,
div.Privacy > div.widget > div.widget-main > div.center,
div.DealerMessage div.message,
div.ItemDetail div.product-overview,
div.ItemDetail div.product-warranty,
div.CaptchaTest > div.widget > div.widget-main > div.center {
    padding: 8px 12px;
}

div.AlternateList > div.widget > div.widget-main > div.center > table > tbody > tr > td {
  border-left: none;
}

div.DealerMessage div.messageTopImage {
    text-align: center;
    float: left;
    width: 33%;
}
div.DealerMessage div.messageLeftImage {
    margin: 10px;
    float: left;
}
div.DealerMessage div.messageRightImage {
    margin: 10px;
    float: right;
}
div.DealerMessage div.clear {
    clear: both;
}

div.DealerMessage .widget-main h1, 
div.DealerMessage .widget-main h2, 
div.DealerMessage .widget-main h3 {
    padding: 0;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
}

div.DealerMessage .widget-main h1 {
    font-size: 40px;
}
div.DealerMessage .widget-main h2 {
    font-size: 30px;
}
div.DealerMessage .widget-main h3 {
    font-size: 20px;
}

#guest-link,
div.ProductImage > ol,
div.Premiums > div.widget > div.widget-main > div.center > ol {
    text-align: center;
}
div.Chooser div.premium-level > strong {
    font-weight: bold;
    margin: 10px;
}
div.Chooser div.premium-level > div.premium-sku {
    display: inline-block;
    border: 1px solid;
    margin: 0 10px 10px 10px;

    *display: inline;
    *zoom: 1;
}

#login-fields {
  overflow: auto;
}

#login-fields, #forgot-password {
    text-align: right;
}

#login-fields > li > input,
#forgot-password > li > input
{
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 12px !important;
    width: 160px;
}

div.SidebarLogin #login-fields > li > input
{
    width: inherit;
}

#guest-link {
    padding-top: 15px;
}

/* Table widget */
div.Table > div.widget {
    margin: 0;
}
div.Table div.export-table {
    text-align:right;
}
div.Table div.page-selector {
    margin: 15px 0;
}
div.Table div.page-selector > ol {
    float: left;
    margin-right: 8px;
}
div.Table div.page-selector > ol > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
div.Table div.page-selector > ol > li > a {
    padding: 1px 4px;
    text-decoration: none;
}

div.Table div.page-selector > span.table-sort {
    float: right;
}
div.Table div.page-selector > span.rows-per-page {
    margin-left: 15px;
    float: right;
}
div.Table th > a.sortable {
    padding-right: 20px;
    background: url(../image/sort.png) transparent 100% 50% no-repeat;
}
div.Table th > a.sortable.asc {
    background: url(../image/sort_asc.png) transparent 100% 50% no-repeat;
}
div.Table th > a.sortable.desc {
    background: url(../image/sort_desc.png) transparent 100% 50% no-repeat;
}
div.Table div.ProductImage img {
    max-width: 180px;
}
/* Grid widget */
div.Grid > div.widget {
    margin-left: 6px !important;
    margin-right: 7px;
    width: 738px\0; /*This style is only for internet explorer*/
}
div.Grid div.export-table {
    text-align:right;
}
div.Grid div.page-selector {
    margin: 15px 0;
}
div.Grid div.page-selector > ol {
    float: left;
    margin-right: 8px;
}
div.Grid div.page-selector > ol > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
div.Grid div.page-selector > ol > li > a {
    padding: 1px 4px;
    text-decoration: none;
}

div.Grid div.page-selector > span.table-sort {
    float: right;
}
div.Grid div.page-selector > span.rows-per-page {
    margin-left: 15px;
    float: right;
}

div.Grid .widget {
    border: 1px solid #eadfdf;
    background: #FFFFFF;
}

div.Grid .main-div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -7px;
}

div.Grid .item-div {
    background-color: white;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    padding: 11px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

div.Grid .item-div .price-qty-compare {
    flex: 0 0 100%;
    align-self: flex-end;
}

div.Grid .item-div .ProductDescription ol > li {
    text-align: left;
}

div.Grid .item-div > :first-child {
    flex: 0 0 100%;
}

div.Grid .item-div .ProductPrice, div.Grid .item-div .ProductAddQuantity{
    text-align: center;
}

div.empty-message {
    font-weight: bold;
    padding: 8px 8px;
    flex: auto;
}

div.empty-message p {
    text-align: center;
}

div.Grid .ProductDescription ol li:first-child ol {
    text-align: center !important;
}

div.Grid div.ProductImage img {
    max-width: 225px;
}

div.Grid div.stock-check-instock {
    cursor: pointer;
}

div.Grid table.stock-check-dctable {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #d4d4d4 !important;
    visibility: hidden;
}

/* OrderTotal widget */
div.OrderTotal {
    float: right !important;
    clear: none !important;
    width: 30%;
}
div.OrderTotal > div.widget > div.widget-main > div.center > table.order-total {
    /* needed to overwrite the base table style */
    width: 1px !important;
    float: right !important;
    margin-right: 8px;
}
div.OrderTotal > div.widget > div.widget-main > div.center > table.order-total > tbody > tr > th,
div.OrderTotal > div.widget > div.widget-main > div.center > table.order-total > tbody > tr > td {
    white-space: nowrap;
    border: none !important;
    text-align: right !important;
    padding: 0 !important;
}
div.OrderTotal > div.widget > div.widget-main > div.center > table.order-total > tbody > tr > th {
    font-weight: bold;
    padding-right: 20px !important;
}
div.OrderTotal > div.widget > div.widget-main > div.center > table.info-table > tbody > tr > th {
    text-align: right !important;
}

.OrderTotal .expense.discount_savings th {
    color: #EB0000;
    font-weight: 900 !important;
}

div.CartConfirm span.button.edit {
    float: right;
}

/* CartComplete widget */
#cart-complete-message {
    margin-bottom: 15px;
}
#cart-complete-message > table {
    width: 100%;
}
#cart-complete-message > table td {
    width: 50%;
    padding: 13px;
}

/* RecurringOrders widget */
div.confirm-plugins {
    margin-bottom: 15px;
}
div.complete-plugins {
    margin-bottom: 15px;
}
#recurring-order-complete > table {
    width: 100%;
}
#recurring-order-complete > table td {
    width: 50%;
    padding-left: 13px;
    padding-right: 13px;
    text-align: left;
}

/* SimpleHeader/SimpleFooter widgets */
div.SimpleHeader {
    margin: 40px 0 0 0;
}
div.SimpleHeader > div.widget,
div.SimpleFooter > div.widget {
    background: none;
    border: none;
    margin: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
div.SimpleFooter {
    width: 100%;
    text-align: center;
    margin-top: 108px;
}

div.SidebarLogin input {
    width: 155px;
}
/* Login/LoginInfo widgets */
div.Login,
div.LoginInfo,
div.PasswordResetRequest,
div.PasswordReset{
    float: left;
    clear: none;
}
div.Login div.widget > div.widget-main > div.center > ol > li,
div.PasswordResetRequest div.widget > div.widget-main > div.center > ol > li,
div.PasswordReset div.widget > div.widget-main > div.center > ol > li
{
    padding: 5px 15px 5px 80px;
}
div.Login span.button,
div.PasswordResetRequest span.button,
div.PasswordReset span.button
{
    float: none;
}
div.Login label.required {
    background: none;
}

/* ViewOrder widget */
div.ViewOrder > div.widget > div.widget-main > div.center > div.Table {
    margin-top: 15px !important;
}
div.ViewOrder span.pdf-download {
    float: right !important;
}

div.ViewOrderPopup div.pending-buttons,
div.ViewOrder div.pending-buttons {
    float: right;
}

/* ViewMemo widget */
div.ViewMemo > div.widget > div.widget-main > div.center > div.Table {
    margin-top: 15px !important;
}
div.ViewMemo span.pdf-download {
    float: right !important;
}

/* OrderRouting widget */
div.OrderRouting {
    border-bottom: 3px double;
}
div.OrderRouting > div.widget > div.widget-main > div.center > ol {
    padding-left: 8px;
    width: 100%;
    display: inline-block;

    *display: inline;
    *zoom: 1;
}
div.OrderRouting > div.widget > div.widget-main > div.center > ol > li {
    list-style: decimal;
    float: left;
    margin: 0 20px 5px;
    color: #AAA;
}
div.OrderRouting > div.widget > div.widget-main > div.center > ol > li.selected {
    font-weight: bold;
}

div.OrderNotes {
    clear: both;
}
div.OrderNotes #general-notes {
    height: 10em;
}

/* ProductDescription widget */
div.ProductDescription strong.error {
    font-weight: bold;
    color: red;
}
div.ProductDescription > ol > li {
    text-align: left;
}
div.ProductDescription > ol > li.gift,
div.ProductDescription > ol > li.sku,
div.ProductDescription > ol > li.sku > a {
    font-weight: bold;
}

div.Prop65MessageWarning{
    border-radius: 15px;
    padding: 10px 10px 10px 10px;
    border: 2px solid gray;
    text-align: justify;
    display: inline-block; 
    width: 94%;
}

div.Prop65MessageWarning > p > img{
    margin:auto 5px -5px;
}

div.Prop65MessageWarningShort{
    border-radius: 15px;
    padding: 10px 10px 10px 10px;
    border: 2px solid gray;
    text-align: center;
    display: inline-block; 
    width: 94%;
}

div.Prop65MessageWarningShort > p > img{
    margin:auto 5px -5px;
}

ul.DetailDescription > li,
div.ProductDescription ol.icons,
div.ProductDescription ol.tags {
    text-align: left !important;
}

ol.icons > li,
ol.tags > li {
    display: inline-block;
    height: 100%;
    vertical-align: middle;

    *display: inline;
    *zoom: 1;
}

.ProductPrice .cell-text-red,
.DiscountDetailPage .cell-text-red {
    color: #EB0000 !important;
    font-weight: 900;
}
.ProductPrice .text-small {
    font-size: 11px;
}

.ProductPrice a.cell-text-red:hover
.DiscountDetailPage a.cell-text-red:hover {
    opacity: 0.8;
}

.ProductPrice p {
    font-weight: 700;
}
.DiscountDetailPage p {
    font-weight: 900;
}

div.ProductPrice > span {
    white-space: nowrap;
}

/* ProductBareDescription widget */
div.ProductBareDescription > ol > li {
    text-align: left;
}
div.ProductBareDescription > ol > li.sku,
div.ProductBareDescription > ol > li.sku > a {
    font-weight: bold;
}

/* ProductAddQuantity widget */
div.ProductAddQuantity > ol > li input.quantity-box {
    width: 33px;
    text-align: center;
    font-size: 110%;
}
div.ProductAddQuantity > ol > li div.quantity-container {
    padding-right: 11px;
    width:40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
div.ProductAddQuantity > ol > li a.increment-quantity {
    height: 9px;
    width: 9px;
    display: block;
    position: absolute;
    top: 1px;
    right: -1px;
}
div.ProductAddQuantity > ol > li a.decrement-quantity {
    height: 9px;
    width: 9px;
    display: block;
    position: absolute;
    bottom: 1px;
    right: -1px;
}
div.ProductAddQuantity > ol > li > span.button {
    float: none;
}


div.OrderItemDelete > a.delete {
    display: block;
    width: 11px;
    height: 11px;
    margin-left: auto;
    margin-right: auto;
}

.iconTrash {
    display: block;
    width: 11px;
    height: 11px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    margin-top: 3px;
}

/* CartSelector widget */
div.widget div.CartSelector {
    display: inline-block;

    *display: inline;
    *zoom: 1;
}
div.CartSelector > form > div.widget > div.widget-main > div.center {
    display: flex;
    justify-content: space-between;
}
div.CartSelector > form > div.widget > div.widget-main > div.center  ol,
div.CartSelector > form > div.widget > div.widget-main > div.center  ol > li {
    float: left;
}
div.CartSelector > form > div.widget > div.widget-main > div.center .cart-nav > li {
    padding: 0 0 0 20px;
}

/* CartActions widget */
div.CartActions,
div.CartActions ol {
    float: left !important;
}
div.CartActions ul {
    display: inline-block;
    float: left;

    *display: inline;
    *zoom: 1;
}
div.CartActions ol > li {
    float: left;
    clear: left;
}

div.CartActions span.button {
    margin-left: 3px;
    margin-bottom: 0px;
}
div.CartActions li.help-text {
    margin-bottom: 6px;
}
div.CartActions a.coupon {
    cursor: pointer;
}
#quick-add-sku,
#quick-add-quantity,
#coupon-code,
span.multiplier {
    margin-top: 6px;
    padding: 0;
}
#quick-add-quantity {
    width: 33px;
    text-align: center;
    margin-right: 5px;
}
span.multiplier {
    float: left;
    padding-right: 5px;
    padding-left: 4px;
    font-weight: bold;
}

/* Payment widget */
div.Payment > div.widget > div.widget-main > div.center {
    padding-bottom: 15px;
}
div.Payment div.widget-container > div.widget {
    border: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
div.Payment li.boxes > div > div.widget-container {
    margin: 0;
}

div.FavoriteGroupList a.edit-link {
    padding: 5px 13px;
}

div.FavoriteItemsUserManager div.user-container {
    padding: 5px 8px;
}
div.FavoriteItemsUserManager div.user-container > select {
    width: 170px;
}

div.SiteTutorials div.Table table > thead > tr > th:first-child,
div.SiteTutorials div.Table table > tbody > tr > td:first-child {
    width: 80%;
    text-align: left !important;
    padding-left: 20px !important;
}
div.SiteTutorials div.Table table > tbody > tr > td:first-child > div.Cell {
    background: url(../static/image/icon_video.gif) transparent 0 50% no-repeat;
}
div.SiteTutorials div.Table table > tbody > tr > td:first-child > div.Cell > a {
    padding-left: 20px;
    padding-right: 15px;
    background: url(../static/image/icon_newwindow.gif) transparent 100% 50% no-repeat;
}

/* FeaturedCategoryGroup widget */
div.FeaturedCategoryGroup > div.widget .layout-item {
    margin: 0;
}

/* WholesalerLinks widget */
div.WholesalerLinks > div.widget {
    text-align: center;
}

/* ContactUsForm widget */
div.ContactUsForm > form > div.widget > div.widget-main > div.center > div.widget-form {
    padding-top: 12px;
    padding-bottom: 12px;
}
div.ContactUsForm ul.form-fields > li.fine-print {
    margin: 0 28px;
}
div.ContactUsForm ol.form-fields > li:first-child > ul.field-options > li {
    display: list-item !important;
}
div.ContactUsForm ol.form-fields > li:first-child > label {
    vertical-align: top;
}
div.ContactUsForm > div.ContactUsForm_Return {
    display: none;
}
div.ContactUsForm div.ContactUsForm_Return table {
    border: 1px solid #b2b2b2;
    display: inline-block;
    *display: inline;
}
div.ContactUsForm div.ContactUsForm_Return table > thead > tr > th {
    font-weight: bold;
    font-size: 10px;
    border-bottom: 1px solid #b2b2b2;
    background-color: white;
    text-transform: uppercase;
    text-align: center;
}
div.ContactUsForm div.ContactUsForm_Return input.return-quantity {
    width: 55px;
}
div.ContactUsForm div.ContactUsForm_Return input.return-item {
    width: 120px;
}
div.ContactUsForm div.ContactUsForm_Return input.return-reason {
    width: 200px;
}
div.ContactUsForm div.ContactUsForm_Return textarea {
    width: 445px;
    height: 100px;
}

/* DateSelector widget */
div.DateSelector div.widget {
    border: none;
    box-shadow: none;
}

/* AddressEdit widget */
div.AddressEdit div.widget {
    border: none;
    box-shadow: none;
}

/* date range */
#date-selector,
#date-selector > li {
    display: inline-block;
    vertical-align: middle;

    *display: inline;
    *zoom: 1;
}
#date_from,
#date_to {
    width: 6em;
    margin: 0 4px;
    text-align: right;
}

/* Rewards History Report widget */
div.RewardsHistoryReport > form > div.widget > div.widget-main > div.center > div.fields {
    text-align: center;
    padding: 20px;
    margin-bottom: 13px;
}
div.RewardsHistoryReport > form > div.widget > div.widget-main > div.center > div.fields > span.button {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-bottom: 0;
}

/* Order History Report widget */
div.OrderHistoryReport > form > div.widget > div.widget-main > div.center > div.fields {
    text-align: center;
    padding: 20px;
    margin-bottom: 13px;
}
div.OrderHistoryReport > form > div.widget > div.widget-main > div.center > div.fields > span.button {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-bottom: 0;
}
#order-history-report-filters > div {
    padding-top: 5px;
}
#order-history-report-filters > div > select {
    width: 250px;
}

/* Item History Report widget */
div.ItemHistoryReport > form > div.widget > div.widget-main > div.center > div.fields {
    text-align: center;
    padding: 20px;
    margin-bottom: 13px;
}
div.ItemHistoryReport > form > div.widget > div.widget-main > div.center > div.fields > span.button {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-bottom: 0;
}

/* Budget Report widget */
div.BudgetReport > form > div.widget > div.widget-main > div.center > div.fields {
    text-align: center;
    padding: 20px;
    margin-bottom: 13px;
}
div.BudgetReport > form > div.widget > div.widget-main > div.center > div.fields > span.button {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-bottom: 0;
}

/* Order History Report widget */
div.RewardsHistoryReport > form > div.widget > div.widget-main > div.center > div.fields {
    text-align: center;
    padding: 20px;
    margin-bottom: 13px;
}
div.RewardsHistoryReport > form > div.widget > div.widget-main > div.center > div.fields > span.button {
    display: inline-block;
    float: none;
    margin-left: 4px;
    margin-bottom: 0;
}

/* Facebook widget */
div.Facebook div.widget {
    background-color: transparent;
}

/* Refine widget */
div.Refine p {
    text-align: right;
    padding-top: 3px;
}
div.Refine p a {
    font-size: 11px;
    padding-left: 15px;
}

#selected_filter li {
    padding: 2px 13px;
}
#selected_filter li a {
    padding-left: 17px;
    text-decoration: none;
}

/* Refine.Available widget */
div.Available {
    margin: 12px 0 0 0;
}
div.Available .widget{
    background-color: none;
    border: none;
    box-shadow:none;
}
div.Available .keyword-filter li{
    list-style: none;
    margin: 0;
    display: inline-flex;
    max-width: 100%;
    width: 100%;
}
div.Available .keyword-filter input{
    max-width: 74%;
    width: 74%;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 3px;
}
div.Available .keyword-filter .button,
div.Available .keyword-filter .button-background{
    margin: 0;
}
div.Available h3 {
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 3px;
    text-transform: uppercase;
}

div.Available h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    display: block;
    padding: 0px 4px;
    cursor: pointer;
    overflow: hidden;
}

div.Available ol {
    background: #fff;
}
div.Available ol li a {
    cursor: pointer;
    color: #000;
    text-decoration: none;
}
div.Available ol li a:hover,
div.Available ol li a:focus{
    text-decoration: underline;
}
div.Available ul {
    display: block;
    padding: 5px 0px;
    list-style: square;
    list-style-position: inside;
    word-wrap: break-word;
}
div.Available ul li {
    margin-left: 20px;
    list-style: square;
    min-height: 23px;
}
div.Available .more-filters-element{
    text-align: right;
    margin-top: 5px;
    list-style: none;
}
div.Available .more-filters-element .linky{
    text-align: right;
    color: #2C2AD3;
}

/* Available Filters */
#available_filters li.secondary_filter {
    display: none;
}

#available_filters li.scrollable{
    padding: 5px 0;
}

#available_filters li.scrollable> ul{
    max-height: 185px;
    overflow-y: auto;
}

#available_filters > li.collapsable h4:after{
    content: "-";
    float: right;
    font-size: 14px;
    font-weight: 400;
}

#available_filters li.collapsable.collapsed h4:after{
    content: "+";
}

#available_filters li.collapsable> ul{
    max-height: 185px;
    transition: all 0.5s linear;
}

#available_filters li.collapsed> ul{
    max-height: 0;
    padding: 0;
    visibility: hidden;
}

#available_filters li ul.keyword-filter{
    display: inline-block\0; /*This style is only for internet explorer*/
}

ul.filter_values li.secondary_value {
    display: none;
}

/* Browse widget */
div#browse-nav {
    margin: 0 5px 10px 5px;
    font-weight: bold;
}

div#browse-nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#browse-nav li:hover ul {
    display: block;
}
div#browse-nav li a {
    display: block;
    padding: 0 5px;
    white-space: nowrap;
}
div#browse-nav li a:hover {
    text-decoration: underline;
}
div#browse-nav li ul {
    display: none;
    position: absolute;
    z-index: 999;
    margin-left: -1px;
    background: #e2e2e2;
    border: 1px solid white;
    border-top: none;
}
div#browse-nav li ul li a {
    margin: 0 4px;
    font-weight: normal;
    text-decoration: none;
}
div#browse-nav li ul li:first-child {
    padding-top: 4px;
}
div#browse-nav li ul li:last-child {
    padding-bottom: 4px;
}
div#browse-nav > ul > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
div#browse-nav > ul > li:hover {
    background: #e2e2e2;
}

ul#breadcrumbs > li {
    margin: -2px;
}
ul#breadcrumbs > li:last-child:hover {
    background: transparent;
}
ul#breadcrumbs > li > a {
    display: inline;
    text-decoration: none;
}
ul#breadcrumbs > li:hover > a {
    text-decoration: underline;
}

ul#categories {
    margin-left: 5px;
}

ul#categories > li {
    width: 32%;
}
ul#categories > li > a {
    white-space: normal;
}

/* Twitter widget */
div.Twitter > div.widget {
    text-align: center;
}
div.Twitter > div.widget span.button a {
    display: block;
}
div.Twitter > div.widget span.button,
div.Twitter > div.widget span.button-background {
    width: 100%;
    height: 27px;
}
div.Twitter > div.widget div.blue span.button {
    background-image: url(../image/follow_us-blue-right.png);
}
div.Twitter > div.widget div.blue span.button-background {
    background-image: url(../image/follow_us-blue-left.png);
}
div.Twitter > div.widget div.black span.button {
    background-image: url(../image/follow_us-black-right.png);
}
div.Twitter > div.widget div.black span.button-background {
    background-image: url(../image/follow_us-black-left.png);
}
div.Twitter > div.widget div.silver span.button {
    background-image: url(../image/follow_us-silver-right.png);
}
div.Twitter > div.widget div.silver span.button-background {
    background-image: url(../image/follow_us-silver-left.png);
}

/* Accessories and alternates */
div.AccessoryItems div.Table,
div.AlternateItems div.Table {
    width: 100%;
    margin: 0;
}
div.AccessoryItems div.Table > div.widget,
div.AlternateItems div.Table > div.widget {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
div.AccessoryItemsPopup {
    float: none;
}
/* Hide the header and footer. */
body.AlternateItems #header-background,
body.AlternateItems #footer-background,
body.AlternateItems #footer-clear,
body.Popup #header-background,
body.Popup #footer-background,
body.Popup #footer-clear {
    background: none;
    height: 0;
}

/* FavoriteItems widget */
div.widget.noBox {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* FeaturedItems plugin */
.widget-featured-items {
    clear: both;
    width: 753px;
    border: 1px solid black;
    margin-bottom: 10px;
}
.widget-featured-item-container {
    float: left;
    width: 251px;
    padding-bottom: 2px;
}
.widget-featured-item-container.half-width {
    width: 50%;
}
.widget-featured-item-container.full-width {
    width: 100%;
}
.widget-featured-item-container.new-row {
    clear: left;
}
.widget-featured-item {
    padding: 5px 7px 0px 5px;
}
.widget-featured-item .thumb-container {
    margin-right: 5px;
    padding-right: 5px;
    float:left;
    border-right: 1px solid #BBB;
}
.widget-featured-item .thumb {
    float: left;
    width: 50px;
}
.widget-featured-item .title-link-container {
    float: left;
    overflow: visible;
    width: 80px;
}
.widget-featured-item .title-link {
    font-weight: bold;
    font-size: 8pt;
}
.widget-featured-item-container.full-width .widget-featured-item .title-link {
    font-size: 9pt;
    line-height: 9pt;
}
.widget-featured-item .price {
    font-weight: bold;
    font-size: 8pt;
}
.widget-featured-item-container.full-width .widget-featured-item .price {
    font-size: 9pt;
}
.widget-featured-item .description {
    float: left;
    font-size: 7pt;
    line-height: 8pt;
    width: 84px;
    min-height: 25px;
    overflow: hidden;
    margin-bottom: 5px;
}
.widget-featured-item-container.half-width .widget-featured-item .description {
    width: 204px;
    font-size: 8pt;
    line-height: 9pt;
}
.widget-featured-item-container.full-width .widget-featured-item .description {
    width: 582px;
    font-size: 9pt;
    line-height: 10pt;
}
.widget-featured-item-container.full-width .widget-featured-item .description .inset-description {
    font-size: 8pt;
    font-weight: bold;
}
.widget-featured-item .line-note {
    float: left;
    font-size: 7pt;
}
.widget-featured-item .line-note a {
    padding-left: 16px;
}
.widget-featured-item-container.full-width .line-note a {
    padding-left: 14px;
}
.widget-featured-item-container.half-width .widget-featured-item .line-note,
.widget-featured-item-container.full-width .widget-featured-item .line-note {
    font-size: 8pt;
}
.widget-featured-item .add-to-cart {
    float: right;
    border: 1px solid black;
    padding: 0 7px 0 5px;
    font-size: 7pt;
}
.widget-featured-item .add-to-cart a {
    padding-left: 16px;
    color: white;
    padding-left: 18px;
}
.widget-featured-item-container.half-width .widget-featured-item .add-to-cart,
.widget-featured-item-container.full-width .widget-featured-item .add-to-cart {
    font-size: 8pt;
}
.widget-featured-item .zoom {
    float: left;
    clear: left;
    font-size: 7pt;
    padding-left: 12px;
    cursor: pointer;
}
.widget-featured-item-container.half-width .widget-featured-item .zoom,
.widget-featured-item-container.full-width .widget-featured-item .zoom {
    font-size: 8pt;
}

/* DealerCategories widget */
div.DealerCategories.expand {
    position: absolute;
    z-index: 999;
    width: auto;
}
div.DealerCategories ul {
    margin: 8px 14px;
}
div.DealerCategories a {
    display: block;
    font-weight: bold;
    text-decoration: none;
}
div.DealerCategories a:hover {
    text-decoration: underline;
}
div.DealerCategories li.expand {
    text-align: center;
    font-size: 90%;
    display: none;
}

/* ItemRater widget */
div.ItemRater div.rating {
    cursor: pointer;
    width: 95px;
    height: 17px;
    background-repeat: no-repeat;
    margin-bottom: 3px;

    display: inline-block;
    *display: inline;
    *zoom: 1;
}

div.ItemRater textarea {
    height: 7em;

}

div.ItemRater span.message {
    padding: 8px 14px;
    display: block;
}

/* ColleagueEmailItem widget */
div.ColleagueEmailItem #email-colleague {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}
div.ColleagueEmailItem #email-colleague > tbody > tr:first-child > td {
    font-weight: bold;
}
div.ColleagueEmailItem #email-colleague > tbody > tr > td {
    text-align: left;
    border: 0;
}
div.ColleagueEmailItem #email-colleague > tbody > tr > td.buttons {
    text-align: right;
    padding: 0;
}
div.ColleagueEmailItem label {
    padding-left: 14px;
}
div.ColleagueEmailItem input,
div.ColleagueEmailItem textarea {
    width: 100%;
}

table.VolumePricing td {
    padding: 0 4px;
    white-space: nowrap;
}

/* Footer widget */
#footer-links > a {
    display: inline-block;
    padding: 6px 11px;
}
#footer-copyright {
    vertical-align: middle;
}
#footer-accepted-cards {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
#footer-accepted-cards > img.card {
    width: 38px;
    padding-top: 3px;
}

div.Finders > div.widget {
    background: none;
    border: none;
    box-shadow: none;
}

div.SuppliesLink > div.widget {
    background: none;
    border: none;
    box-shadow: none;
}
/* ClearanceItems widget */
.clearance-item {
    background: url(../image/icon_clearance-item.gif) #FFFFFF 5px 50% no-repeat !important;
}

/* FavoriteItems widget */
.widget-favorite-items strong {
    padding: 0 12px 8px;
}
.widget-favorite-items table {
    margin-bottom: 6px;
}
.widget-favorite-items table td {
    padding: 15px 12px !important;
    vertical-align: top !important;
}
.widget-favorite-items table td.drag > div {
    text-align: left;
    width: 25px;
    height: 25px;
    cursor: move;
    display:block;
}
.widget-favorite-items table td.group input {
    width: 350px;
}
.widget-favorite-items table td.select {
    text-align: left !important;
}
div.widget-favorite-items p.add-group-name {
    padding: 0 20px 20px;
}

/* Compare widget */
div.Compare .mb {
    margin: 1.5em;
    text-align: center;
    font-weight: bold;
}
div.Compare th,
div.Compare td {
    font-size: 11px;
    padding: 5px 8px;
}
div.Compare th.colspan {
    text-align: center !important;
}
div.Compare th {
    font-weight: normal !important;
    vertical-align: middle;
    margin-right: 0.5em;
}
div.Compare td {
    text-align: left;
    vertical-align: middle !important;
}
div.Compare img.rating {
    margin-left: 0.5em;
}

/* ManageUsers widget */
div.ManageUsers p {
    margin: 1.5em;
}
div.ManageUsers th {
    font-size: 130%;
    padding: 5px 15px;
    padding-top: 18px;
    text-transform: uppercase;
    text-align: left !important;
    border-bottom: 1px solid;
}

/* Disable the image border, background color and shadow. */
div.ItemImage > div.widget {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ItemDetails widget */
div.ItemDetail {
    background-color: white;
}
div.ItemDetail strong.error {
    font-weight: bold;
    color: red;
}
div.ItemDetail > div.widget > div.widget-main > div.center > table {
    margin-bottom: 12px;
}
div.ItemDetail > div.widget > div.widget-main > div.center > table > tbody > tr > td {
    border: 0;
    padding: 0;
}
div.ItemDetail td.details div.product-overview,
div.ItemDetail td.details div.product-attributes,
div.ItemDetail td.details div.product-warranty {
    text-align: left;
    border: 1px solid;
}

div.ItemDetail ul.breadcrumbs {
    margin-bottom: 12px;
}
div.ItemDetail ul.breadcrumbs > li {
    display: inline-block;
    padding-right: 4px;

    *display: inline;
    *zoom: 1;
}

div.ItemDetail ul.breadcrumbs > li:first-child {
    font-weight: bold;
}

div.ItemDetail td.details ul.tabs {
    margin-bottom: 0;
    border: 0;
}
div.ItemDetail td.details ul.tabs > li {
    font-weight: bold;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: 0;
    top: 1px;
    position: relative;
}
div.ItemDetail td.image {
    width: 280px;
}
div.ItemDetail td.details ul.tabs > li:first-child {
    border-left: 1px solid;
}
#tabs-details > ul {
    padding: 8px 12px;
    border-bottom: solid 2px !important;
}
div.ItemDetail td.details div.product-attributes th {
    border-bottom: solid 2px !important;
    border-top: solid 2px;
}
div.ItemDetail td.details div.product-attributes table > thead:first-child > tr > th {
    border-top: 0;
}
div.ItemDetail td.details div.product-overview ul li div.ProductPrice {
    display: inline-block;
    /* IE hasLayout & inline-block trigger */
    *zoom: 1;
    *display: inline;
}
div.ItemDetail td.image div.ProductAddQuantity {
    margin-top: 15px;
}
div.ItemDetail td.image div.ProductAddQuantity li.plugin {
    margin-top: 10px;
}
div.ItemDetail img.ec-thumb {
    width: 35px;
    padding: 2px;
}
div.AlternateList ul,
div.AlternateList ul.alternate-product > li {
    text-align: center;
}
div.AlternateList ul.alternate-product {
    padding: 12px 0;
}

div.AlternateList ul.alternate-product > li.note > a {
    padding-left: 14px;
    background: url(../static/image/icon_alert.gif) 0 50% no-repeat;
}

div.SuggestionBox div.widget-form {
    padding-top: 8px;
    padding-bottom: 8px;
}
div.SuggestionBox div.widget-form p.fineprint {
    padding-left: 28px;
    padding-right: 14px;
}

div.PendingOrders table {
    border: 1px solid black;
}

div.Account .form-fields > li > label, div.Account .form-fields > li > legend {
    vertical-align: top;
}
div.Account .form-fields .field-options > li {
    display: block;
}

div.clearfix {
    clear:both;
}

/* Merchandising widgets */
div.merchandising-nav {
    padding: 3px;
    text-align: right;
}
div.merchandising-nav a {
    margin: 2px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    font-weight: bold;
}

div.BrandedPageImage > div.widget {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* CreditCardEdit widget */
div.CreditCardEdit ul.field-options li {
    display: block;
}

a.whatisthis {
    cursor: help;
}

/* CreditCard widget */
.iconCCEdit {
    background: url(../image/icon_edit.gif) 50% 50% transparent no-repeat;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}
.iconCCTrash {
    background: url(../image/icon_trash.gif) 50% 50% transparent no-repeat;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

div.CreditCardDelete table.cc-delete-message {
  margin-left: auto;
  margin-right: auto;
}

div.ItemDetail li.features {
  text-align: left;
}

div.ItemDetail td {
  padding: 7px;
  border-bottom: 1px solid;
  vertical-align: middle;
}

div.ItemDetail td.description {
  font-size: 76%;
  vertical-align: top;
}

div.ItemDetail td.addtocart {
  text-align: center;
}

div.ItemDetail li.sales_copy em {
  font-style: italic;
}

div.ItemDetail li.sales_copy ol {
  list-style-type: decimal;
  padding-left: 40px;
}

div.ItemDetail li.sales_copy ul {
  list-style-type: disc;
  padding-left: 40px;
}

/************************* CUSTOM HTML WIDGET *******************************/
div.CustomHtml > div.widget > div.widget-main > div.center {
  padding: 8px 12px;
}
div.CustomHtml > div.widget.frameless > div.widget-main > div.center {
  padding: 0px;
}

div.CustomHtml > div.widget > div.widget-main > div.center em {
  font-style: italic;
}

div.CustomHtml > div.widget > div.widget-main > div.center ol {
  list-style-type: decimal;
  padding-left: 40px;
}

div.CustomHtml > div.widget > div.widget-main > div.center ul {
  list-style-type: disc;
  padding-left: 40px;
}

/* Spotlight */
div.Spotlight {
  width: 740px;
}

div.Spotlight > div.widget {
  background-color: #ffffff;
}

div.Spotlight > div.widget > div.widget-main {
  position: relative;
}
div.Spotlight > div.widget > div.widget-main > div.center {
  overflow: hidden;
}

.jcarousel {
  position: relative;
  overflow: hidden;
}

.jcarousel > ul {
  width: 10000px;
  position: relative;
}

.jcarousel > ul > li {
  float: left; 
}

ul.SpotlightItems > li {
  width: 170px;
  word-wrap: break-word;
  vertical-align: top;
  text-align: center;
  border: 1px solid #dddddd;
  margin: 5px 0 5px 5px;
  padding: 3px;
}

ul.SpotlightItems div.ProductAddQuantity {
  text-align: center;
}

div.Spotlight a.jspArrowLeft {
  position: absolute;
  top: 90px;
  height: 50px;
}

div.Spotlight a.jspArrowRight {
  position: absolute;
  top: 90px;
  right: 0px;
  height: 50px;
}

#preferred-manufacturer-container > div {
  vertical-align: middle;
  display: inline-block;
  padding: 10px;
}

#banner-container {
  text-align: center;
  padding: 5px;
}

#banner-container img {
    max-width: 100%;
}

#banner-container > div {
    margin-bottom: 5px;
}

#banner-container > div:last-child {
    margin-bottom: 0;
}

div.stock-check-message {
  margin: 0 auto !important;
  white-space: nowrap;
}
div.stock-check-instock {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #00802B !important;
}
div.stock-check-outofstock {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #EB0000 !important;
}
table.stock-check-dctable {
  font-size: 11px !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border: 0 !important;
  border-spacing: 0 !important;
}
table.stock-check-dctable > tbody > tr > td {
  padding: 0px 5px !important;
  border: 0 0 0 0 !important;
  border-bottom: 0 !important;
  vertical-align: top !important;
  text-align: center !important;
}

.qtip-rc-default {
  border: 5px solid #000 !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  color: #333 !important;
  padding: 10px !important;
  max-width: none !important;
}

.qtip-rc-default .qtip-content {
  text-align: center !important;
}

.qtip-rc-refine {
  border-color: #d3d3d3 !important;
}

.qtip-rc-error {
  background-color: #fba !important;
}

/* used to align tags to the left */
.rebates-list {
    text-align: left !important;
    margin-right: 10px;

}
.rebates-list-links {
    display: flex;
}

.rebates-links {
    text-align: left !important;
}

/* rebate tag which displays over product image

   display:inline-block is used below to make the tag width to snap
   to the text, but a side effect of that is that it stacks
   tags horizontally instead of vertically.
   to stack them vertically, we manually insert a <br/>
   after each li in the template.
   unfortunately display:block(vertical stacking) does not fix the issue
   and screws up the tag width.
*/
.rebate-tag {
  background: white !important;
  padding-right: 8px !important;
  border-right: none !important;
  position: relative !important;
  z-index: 1 !important;
  padding-left: 10px !important;
  margin-bottom: 2px !important;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3) !important;
  white-space: nowrap;
  width: auto !important;
  min-width: 40px !important;
  display:inline-block !important;
}

/* for rebate tags which are images.
   font is screwing up the li height for these so
   override to 1px (font type should not matter) */
.rebate-tag-image {
  font: 1px arial !important;
}

/* side bar also consider area. it's much wider than the image
   so it looks weird when left aligned, so adding some left padding
   here */
.alternate-product .sidebar-rebate-margin-left {
    margin-left: 60px;
}

.rebate-tag.rebate-margin-right{
    margin-right: 10px;
}

/* White text box with a red outline and red text */
.rebate-tag-Style-A{
  color: red !important;
  background: white !important;
  border: 1px solid red !important;
}

/* Solid red text box with white text */
.rebate-tag-Style-B {
  color: white !important;
  background: red !important;
  border: 1px solid red !important;
}

/* Solid green text box with white text */
.rebate-tag-Style-C {
  color: white !important;
  background: green !important;
  border: 1px solid green !important;
}

/* controls the slanted right border */
.rebate-tag:after {
  position: absolute !important;
  z-index: 1 !important;
  content: "" !important;
  right: -7% !important;
  top: -1px !important;
  height: 100% !important;
  width: 10px !important;
  transform: skewX(-15deg) !important;
  border: inherit !important;
  border-left: none !important;
  background: inherit !important;
}
/* Not found widget */
.NotFound .widget-main .center
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    box-sizing: content-box;
}

.NotFound .col
{
    -webkit-box-flex: 0;
    max-width: 50%;
    flex: 0 0 50%;
}

.NotFound .not-found-content span
{
    font-weight: 900;
    font-size: 70px;
    display: block;
    line-height: normal;
    margin-bottom: 15px;
}
.NotFound .not-found-content p
{
    font-size: 40px;
    font-style: italic;
    line-height: initial;
    margin-bottom: 15px;
}

.NotFound .not-found-image img
{
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (min-width: 1502px) {
    .widget-featured-items {
        width: unset;
    }
    .widget-featured-item-container {
        width: 412px;
    }
    .widget-featured-item-container.half-width .widget-featured-item .description {
        width: unset;
    }

    .widget-featured-item .description {
        width: 173px;
    }
    .widget-featured-item-container.half-width .widget-featured-item .description {]
        width: 300px;
    }
    .widget-featured-item-container.full-width .widget-featured-item .description {
        width: 650px;
    }
}

#designer-page-preview div.CustomHtmlSide,#designer-page-preview div.CustomHtmlMain {
    min-height: 10px;
}

li.li-tab {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    padding: 0;
    white-space: nowrap;
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #DCDCDC !important;
}

li.li-tab.active-tab {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    background-color: #434143 !important
}

li.li-tab.active-tab a.a-tab {
    color: #fff !important;
}

li > a.a-tab {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #555;
}

.ul-tab {
    display: table;
}

#tabs {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png) !important;
}