/*
*********************************************************************
**	Original Author:
**	Date:
**	Purpose:
**
**
*********************************************************************
**	Revision History:
**  	JL: 01/22/2018 PDDCOM-324 - LA Widen: Implement New Masthead/Navigation
**  	JL: 03/27/2018 PDDCOM-406 - LA: Guidance : Create Modal window in place of Added to Cart Page
**	JL 03/28/2018 PDDCOM-443 - LA: Guidance: SKU Line messaging if item is MAP
**  SG: 04/13/18 Added "Styles Available" option for PDDCOM-451 LA: Guidance: Import Style Images from DFS, Add Admin in LA Admin
**  SG 05/08/2018 PDDCOM-479 - LA: Guidance: AD: add AD on PDP pages as indicated

*********************************************************************
*/

.product_details {
    clear: both;
    padding-top: 15px;
}

.product_details * {
    font-family: Arial, Helvetica, sans-serif;
}

.product_content .content {
    font-size: 14px;
}

.product_content .content .overview-content {
    max-width: 780px;
}

.product_details_left,
.product_details_right {
    display: inline-block;
    vertical-align: top;
}

.product_details_left {
    width: 362px;
    margin-right: 25px;
}

.product_details_right {
    width: 389px;
}

.product_details label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #004f7d;
    margin: 10px 0;
}

.product_details #product_selections,
.product_details #qty_disc,
.product_details .product_quantity_input {
    margin-left: 25px;
}

.product_details ul#qty_disc {
    margin-left: 0;
}

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

.product_sub_total {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
}

.product_sub_total label {
    display: inline-block;
    margin: 0;
    color: #000;
}

.product_quantity_input a.disabled {
    opacity: 0.5;
}

.product_quantity_input a {
    display: inline-block;
    margin-top: 6px;
}

.product_details input#quantity {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    text-align: center;
}

.product_name .prodCommonName {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #004f7d;
}

.product_name .prodScientificName {
    font-style: italic;
    margin-right: 15px;
    font-size: 14px;
    color: #000;
}

.product_name .product_number_selected {
    font-size: 14px;
    color: #7b7b7b;
}

.product_price {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 10px;
}

.product_price .map {
    font-size: 12px;
}

.product_price .map .price {
    text-decoration: line-through;
    color: black;
    padding-right: 6px;
}

.product_price .map .message {}

.product_price .was {
    opacity: .5;
    text-decoration: line-through;
}

.product_price .now,
.product_price .map {
    color: red;
}

.autodelivery_price {
    color: #f47820;
    font-size: 22px;
    padding-bottom: 10px;
}

.autodelivery_price .price {
    font-weight: bold;
}

.autodelivery_price .save {
    font-style: italic;
}

div#autoshipfooter {
    background-color: #f47820;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    padding: 22px 22px;
    display: none;
}

#autodeliverycontainer {
    border-radius: 5px;
    color: #000;
    border: 1px solid #e87400;
    margin: 10px 0;
    padding-top: 10px;
}

#autodeliverybody {
    padding: 0 22px;
    font-size: 14px;
    display: none;
}

#autodeliverybody label {
    display: inline;
}

#autodeliveryform {
    padding-bottom: 10px;
}

#autodeliveryheader {
    padding: 0 22px 22px 22px;
}

#autodeliveryoption {
    margin-top: 0;
    margin-bottom: 22px;
}

#freq {
    margin-top: 0;
}

.product_callouts {
    clear: both;
    margin: 10px;
}

.product_callouts table {
    width: 100%;
    border: 0px solid white;
}

.product_callouts table tr,
.product_callouts table td {
    color: red;
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

.product_actions {
    border-top: #e1e1e1 1px solid;
    width: 389px;
}

#product_selections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#product_selections.overflow {
    overflow: auto;
    max-height: 155px;
}

.product_selection_label {
    font-weight: bold;
    width: 100%;
    margin-top: 10px;
}

.product_selection_label:first-child {
    margin-top: 0;
}

.product_selection_container {
    width: 30%;
    margin: 0 2px 2px 0;
}

.product_messages {
    font-size: 11px;
}

#product_selections.overflow .product_selection_container {
    width: 30%;
}

.product_selection {
    border: 1px solid #00315c;
    padding: 14px 8px;
    background-color: #f3f3f3;
    color: #00315c;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
}

.product_selection.active {
    border: 4px solid #00315c;
    padding: 11px 2px;
    font-weight: bold;
}

.product_selection.unavailable {
    border-color: #e1e1e1;
    color: #7b7b7b;
    opacity: .8;
}

.product_selection.unavailable.active {
    /* border: 4px solid #e1e1e1; */
    /* border: 4px solid #00315c; */
    border: 4px solid #7b7b7b;
    padding: 10px 2px;
    font-weight: bold;
}

.product_attributes {
    clear: both;
}

.product_out_of_stock {
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin-top: 10px;
}

.product_out_of_stock button {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    color: #00315c;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0;
}

.product_out_of_stock h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.product_variant_display,
.product_variant_price {
    display: block;
}

.product_variant_price .was {
    font-size: 11px;
    font-weight: bold;
    color: black;
    text-decoration: line-through;
}

.product_variant_price .now {
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.product_variant_separator {
    display: none;
}

.product_add_to_cart {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: #e1e1e1 1px solid;
}

.add_to_cart_button {
    background-color: #fde702;
    border: 1px solid #fde702;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    color: #00315c;
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0;
    cursor: pointer;
}

h3.product_content_heading {
    font-size: 22px;
    color: #004f7d;
    border-bottom: 3px solid #004f7d;
    clear: both;
    margin-top: 40px;
}

.product_service_details div {
    margin: 10px;
}

.product_service_details .product_care_info p {
    margin: 0;
}

.product_service_details .product_care_info table {
    margin: 10px;
}

.product_testimonials .links {
    float: right;
}

.product_testimonials .links a {
    color: #004f7d;
}

.product_testimonials .testimonial {
    clear: both;
}

.product_testimonials .testimonial .name {
    color: #004f7d;
    display: block;
    font-weight: bold;
    line-height: 18px;
}

.product_testimonials .testimonial .city_state {
    display: block;
    font-size: 12px;
}

.product_testimonials .testimonial .content {
    display: block;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid gray;
}

.product_testimonials .paginator {
    display: block;
    color: #004f7d;
}

.product_testimonials .paginator .step {}

.product_testimonials .paginator .stepper {}

.product_testimonials .no_testimonials {
    clear: both;
}

.product_testimonials .no_testimonials h5 {
    font-weight: normal;
    font-size: inherit;
}

.product_testimonials .no_testimonials a {
    color: #000;
}

.product_quick_stats .quick_stats_container {
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_quick_stats .quick_stats_container * {
    color: #004f7d;
    font-size: 16px;
}

.product_quick_stats .quick_stats_help {
    clear: both;
}

.product_quick_stats .quick_stats_help a {
    margin: 0;
    clear: both;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

.product_quick_stats .quick_stats_help a:hover {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

.underline {
    text-decoration: underline;
}

.no_underline {
    text-decoration: normal;
}

.product_quick_stats .quick_stat_entry {
    border: 1px solid #bebebe;
    float: left;
    width: 23%;
    max-width: 163px;
    margin: 0;
    padding: 15px;
    text-align: center;
}

.product_quick_stats .quick_stat_entry .quick_stat_label {
    display: block;
}

.product_quick_stats .quick_stat_entry .quick_stat_value {
    display: block;
    font-weight: bold;
    margin: 4px 0;
}

.article_entries {
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.article_entries .article_entry {
    float: left;
    width: 19%;
    text-align: center;
    padding: 10px 20px;
}

.article_entries .article_entry a,
.article_entries .article_entry a:visited {
    color: #004f7d;
    font-size: 16px;
}

.article_entries .article_entry a:hover {
    text-decoration: underline;
}

.article_more {
    font-weight: normal;
    text-align: left;
    clear: both;
    font-size: 14px;
}

.article_more a,
.article_more a:visited,
.article_more a:hover {
    color: black;
    font-size: inherit;
    text-decoration: none;
}

.article_more a:hover {}

.product_listing_container {
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.product_listing {
    float: left;
    text-align: center;
}

.product_listing .image {}

.product_listing .link {}

.product_listing .special {}

.product_listing .price {}

.product_related_items_container {
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.product_related_item {
    float: left;
    text-align: center;
}

.product_breadcrumbs {
    width: unset;
    float: unset;
    text-align: left;
    overflow: hidden;
}

#container.wd1024 #content-block {
    width: 100%;
    margin: 0 auto;
}

.product_details_left {
    width: 46%;
}

.wd1024 .product_details_left {
    width: 54%;
}

.wd1280 .product_details_left {
    width: 60%;
}

.product_details_left .product-image {
    position: relative;
    display: table;
    margin: 0 auto;
}

.product_details_left .product-image>img {
    margin: 0 auto;
    display: block;
}

.wd1024 .product_details_left .product-image>img {
    max-width: 552px;
}

.product_details_left .product-image .product-sold-out {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    text-align: center;
    background-color: #cc0000;
}

.product_details_left .product-swatches {
    text-align: center;
    display: table;
    margin: 0 auto;
}

.product_details_left .product-swatches>ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.product_details_left .product-swatches>ul>li {
    float: left;
    text-align: center;
    margin: 4px;
}

.product_details_left .product-swatches>ul>li>a {
    text-decoration: none;
    color: #666666;
    font-size: 9px;
}

.product_details_left .product-swatches>img {
    margin: 0 auto;
    display: block;
}

.product-zoom-disclaimer {
    margin: 10px 0;
}

.product-zoom-disclaimer>* {
    vertical-align: top;
    display: table-cell;
}

.product-zoom-button {
    padding-right: 10px;
}

.product_listing_container,
.product_related_items_container {
    display: table-cell;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.product_listing,
.product_related_item {
    text-align: center;
    width: 200px;
    margin-left: 75px;
    vertical-align: top;
}

.product_listing:first-child,
.product_related_item:first-child {
    margin-left: 0;
}

.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    position: relative;
    margin: 0;
    padding: 0px 15px;
    height: 40px;
    border-width: 0;
    border-style: solid;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font: 400 16px Arial, Verdana, sans-serif;
    line-height: 40px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    background: #000;
    color: #fff;
}

.button:hover,
.button:focus {
    background: black;
    border-color: black;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.button:focus {
    outline: 0;
}

.button:disabled {
    background: #a09e9f;
    cursor: default;
}

.button {
    background: #fde702;
    color: #03335b;
}

.button:hover,
.button:focus {
    background: #a09e9f;
    border-color: #a09e9f;
    color: #03335b;
    text-decoration: none;
    cursor: pointer;
}

.button:focus {
    outline: 0;
}

.button:disabled {
    background: #a09e9f;
    cursor: default;
}

.button.-disabled,
.button.-disabled:hover,
.button:disabled:hover,
.button:disabled {
    background: #fff;
    color: #000;
    border: none;
}

.button.-next:after {
    content: '';
    background-image: url('/images/endstate/sprites-image.png');
    background-position: -81px -32px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    height: 14px;
    width: 8px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .button.-next:after {
        background-image: url('/images/endstate/sprites-image.png');
        background-size: 324px 943px;
        background-position: -63px -32px;
        height: 14px;
        width: 8px;
    }
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.added-cart-wrapper {
    margin: auto;
    width: 1024px;
    position: fixed;
    z-index: 999;
    top: 20px;
}

@media only screen and (min-device-width: 415px) and (max-device-width: 896px) {
    .added-cart-wrapper {
        top: 20px !important;
    }
}

@media (-webkit-min-device-pixel-ratio: 2),

(min-device-width: 415px) and (max-device-width: 896px) {
    .added-cart-wrapper {
        top: 20px !important;
    }
}

.added-cart-modal {
    width: 750px;
    min-height: 200px;
    margin: 0 auto;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    box-shadow: 0 8px 8px #000;
    -moz-box-shadow: 0 8px 8px #000;
    -webkit-box-shadow: 2px 2px 12px #000;
}

.added-cart-modal .close {
    display: block;
    float: right;
    cursor: pointer;
    background-image: url('/images/endstate/sprites-image.png');
    background-position: -341px -195px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 16px;
    width: 18px;
    margin: 10px 10px 0 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .added-cart-modal .close {
        background-image: url('/images/endstate/sprites-image.png');
        background-size: 417px 943px;
        background-position: -342px -194px;
        height: 16px;
        width: 18px;
    }
}

.added-cart-modal .close:hover {
    opacity: .7;
}

.added-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 15px 10px 15px;
}

.added-cart .button {
    width: 150px;
}

.added-cart img {
    width: 175px;
    height: 175px;
    margin-right: 15px;
}

.added-cart .attributes {
    list-style: none;
    padding: 0;
}

.added-cart .buttons .button {
    font-weight: bold;
}

.added-cart .-right>* {
    margin: 15px 0;
}

.added-cart .-right>*:first-child {
    margin-top: 0;
}

.added-cart .continue-shopping {
    color: #00315c;
    font-weight: bold;
}