/***********************************************************************************************
/$$$$$$
/$$__ $$
/$$$$$$ | $$ \__/ /$$$$$$ /$$$$$$/$$$$ /$$$$$$/$$$$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$$$$$
/$$__ $$| $$ /$$__ $$| $$_ $$_ $$| $$_ $$_ $$ /$$__ $$ /$$__ $$ /$$_____/ /$$__ $$
| $$$$$$$$| $$ | $$ \ $$| $$ \ $$ \ $$| $$ \ $$ \ $$| $$$$$$$$| $$ \__/| $$ | $$$$$$$$
| $$_____/| $$ $$| $$ | $$| $$ | $$ | $$| $$ | $$ | $$| $$_____/| $$ | $$ | $$_____/
| $$$$$$$| $$$$$$/| $$$$$$/| $$ | $$ | $$| $$ | $$ | $$| $$$$$$$| $$ | $$$$$$$| $$$$$$$
\_______/ \______/ \______/ |__/ |__/ |__/|__/ |__/ |__/ \_______/|__/ \_______/ \_______/
************************************************************************************************/
.star
{
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .9em;
margin-right: .9em;
margin-bottom: 1.2em;
border-bottom: .7em solid #E5E5E5;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
font-size: 13px;
}
.star::before,
.star::after
{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-bottom: .7em solid #E5E5E5;
border-right: 1em solid transparent;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
.star::after
{
transform: rotate(35deg);
}
.star.filled
{
border-bottom: .7em solid #FC0;
}
.star.filled::before,
.star.filled::after
{
border-bottom: .7em solid #FC0;
}
.heading-container
{
margin-bottom: 50px;
}
h1.ecom-heading::before
{
content: '';
position: absolute;
z-index: 10;
display: block;
height: 60px;
width: 6px;
background-color:#f77505;
position:absolute;
left:-3px;
}
h1.ecom-heading
{
font-size: 35pt;
font-family: roboto_condensed_bold;
color: #000000;
font-weight: normal;
padding-top: 100px;
}
.required-marker
{
color: #FF0000;
}
.button-cancel
{
background-color: #AFAFAFFF;
}
.button-cancel:hover
{
background-color: #BCBCBCFF;
}
.button-cancel:active
{
background-color: #999999FF;
}
.table-wrapper
{
width: 100%;
overflow-x: hidden;
}
/*****************************************************************************************************************
/$$$$$$$ /$$ /$$
| $$__ $$ | $$ | $$
| $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$$$$$$ /$$$$$$ /$$ /$$ /$$$$$$/$$$$ | $$$$$$$ /$$$$$$$
| $$$$$$$ /$$__ $$ /$$__ $$ |____ $$ /$$__ $$ /$$_____/ /$$__ $$| $$ | $$| $$_ $$_ $$| $$__ $$ /$$_____/
| $$__ $$| $$ \__/| $$$$$$$$ /$$$$$$$| $$ | $$| $$ | $$ \__/| $$ | $$| $$ \ $$ \ $$| $$ \ $$| $$$$$$
| $$ \ $$| $$ | $$_____/ /$$__ $$| $$ | $$| $$ | $$ | $$ | $$| $$ | $$ | $$| $$ | $$ \____ $$
| $$$$$$$/| $$ | $$$$$$$| $$$$$$$| $$$$$$$| $$$$$$$| $$ | $$$$$$/| $$ | $$ | $$| $$$$$$$/ /$$$$$$$/
|_______/ |__/ \_______/ \_______/ \_______/ \_______/|__/ \______/ |__/ |__/ |__/|_______/ |_______/
****************************************************************************************************************/
#ecom_breadcrumb_container
{
margin-top: 60px;
font-size: 14px;
font-weight: normal;
color: #000000;
text-transform: uppercase;
margin-bottom: 20px;
}
#ecom_breadcrumb_container > a:link,
#ecom_breadcrumb_container > a:active,
#ecom_breadcrumb_container > a:visited
{
font-size: 14px;
font-family: montserrat_light;
font-weight: normal;
text-decoration: none;
color: #929292;
transition: color 200ms;
}
#ecom_breadcrumb_container > a:hover
{
color: #FF9C51;
}
/***********************************************************************************************************************
/$$$$$$ /$$ /$$ /$$ /$$
/$$__ $$ | $$ | $$ |__/ | $$
| $$ \__/ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$ /$$ | $$ /$$ /$$$$$$$ /$$$$$$
| $$ |____ $$|_ $$_/ /$$__ $$ /$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ | $$ | $$ /$$_____/|_ $$_/
| $$ /$$$$$$$ | $$ | $$$$$$$$| $$ \ $$| $$ \ $$| $$ \__/| $$ | $$ | $$ | $$| $$$$$$ | $$
| $$ $$ /$$__ $$ | $$ /$$| $$_____/| $$ | $$| $$ | $$| $$ | $$ | $$ | $$ | $$ \____ $$ | $$ /$$
| $$$$$$/| $$$$$$$ | $$$$/| $$$$$$$| $$$$$$$| $$$$$$/| $$ | $$$$$$$ | $$$$$$$$| $$ /$$$$$$$/ | $$$$/
\______/ \_______/ \___/ \_______/ \____ $$ \______/ |__/ \____ $$ |________/|__/|_______/ \___/
/$$ \ $$ /$$ | $$
| $$$$$$/ | $$$$$$/
\______/ \______/
***********************************************************************************************************************/
#ecom_category_description_container
{
margin: 0 0 30px 0;
}
#ecom_category_list_container .category-link-container
{
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
box-sizing: content-box;
width: 100%;
max-width: 276px;
height: 360px;
margin: 0 auto 0 auto;
text-decoration: none;
}
#ecom_category_list_container .category-link-container:link .category-image-container,
#ecom_category_list_container .category-link-container:visited .category-image-container
{
display: flex;
justify-content: center;
align-items: center;
height: 276px;
overflow: hidden;
border: 1px solid #c9c9c9;
background-color: #26282c;
width: 100%;
transition: background-color 200ms;
}
#ecom_category_list_container .category-link-container:link .category-image-container.no-image,
#ecom_category_list_container .category-link-container:visited .category-image-container.no-image
{
background-color: #F4F4F4;
}
#ecom_category_list_container .category-link-container:hover .category-image-container.no-image
{
background-color: #E8E8E8;
}
#ecom_category_list_container .category-link-container:active .category-image-container.no-image
{
background-color: #D8D8D8;
}
#ecom_category_list_container .category-link-container:link .category-image-container img,
#ecom_category_list_container .category-link-container:visited .category-image-container img
{
transition: transform 200ms;
transform-origin: center;
}
#ecom_category_list_container .category-link-container:hover .category-image-container img
{
transform: scale(1.05);
}
#ecom_category_list_container .category-link-container:active .category-image-container img
{
transform: scale(1);
}
#ecom_category_list_container .category-link-container:link .category-name,
#ecom_category_list_container .category-link-container:active .category-name,
#ecom_category_list_container .category-link-container:visited .category-name
{
font-size: 12pt;
color: #7f7f7f;
padding-top: 10px;
transition: color 200ms;
}
#ecom_category_list_container .category-link-container:hover .category-name
{
}
@media screen and (max-width:617px)
{
#ecom_category_list_container .category-link-container:link .category-name,
#ecom_category_list_container .category-link-container:active .category-name,
#ecom_category_list_container .category-link-container:visited .category-name,
#ecom_category_list_container .category-link-container:hover .category-name
{
font-size: 20px;
}
}
/***********************************************************************************************************************************
/$$$$$$$ /$$ /$$ /$$$$$$$$ /$$ /$$ /$$
| $$__ $$ | $$ | $$ | $$_____/|__/| $$ | $$
| $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$ | $$ /$$| $$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$$
| $$$$$$$//$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ /$$_____/|_ $$_/ | $$$$$ | $$| $$|_ $$_/ /$$__ $$ /$$__ $$ /$$_____/
| $$____/| $$ \__/| $$ \ $$| $$ | $$| $$ | $$| $$ | $$ | $$__/ | $$| $$ | $$ | $$$$$$$$| $$ \__/| $$$$$$
| $$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$ | $$ /$$ | $$ | $$| $$ | $$ /$$| $$_____/| $$ \____ $$
| $$ | $$ | $$$$$$/| $$$$$$$| $$$$$$/| $$$$$$$ | $$$$/ | $$ | $$| $$ | $$$$/| $$$$$$$| $$ /$$$$$$$/
|__/ |__/ \______/ \_______/ \______/ \_______/ \___/ |__/ |__/|__/ \___/ \_______/|__/ |_______/
************************************************************************************************************************************/
#ecom_product_filter_container
{
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
border: 1px solid #d7d7d7;
background-color: #ffffff;
margin-bottom: 40px;
position: rel
}
#ecom_product_filter_container a:link,
#ecom_product_filter_container a:active,
#ecom_product_filter_container a:visited,
#ecom_product_filter_container a:hover
{
text-decoration: none;
}
#ecom_product_filter_container > .top-row
{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
#ecom_product_filter_container > .top-row > .left-column
{
display: flex;
justify-content: space-between;
align-items: center;
}
#ecom_product_filter_container > .top-row > .left-column #filter_options_toggle:link,
#ecom_product_filter_container > .top-row > .left-column #filter_options_toggle:active,
#ecom_product_filter_container > .top-row > .left-column #filter_options_toggle:visited
{
position: relative;
transition: color 200ms;
padding-right: 20px;
padding-left: 10px;
color: #7f7f7f;
}
#ecom_product_filter_container > .top-row > .left-column #filter_options_toggle:hover
{
color: #f57e20;
}
#ecom_product_filter_container > .top-row > .left-column #filter_options_toggle::after
{
content: '\21E9';
display: inline-block;
font-size: 16px;
margin-right: -10px;
transition: transform 300ms;
}
#ecom_product_filter_container > .top-row > .left-column #filter_options_toggle.open::after
{
transform: rotate(-180deg)
translateY(2px);
transform-origin: center;
}
#ecom_product_filter_container > .top-row > .left-column > .price
{
margin-right: 30px;
}
#ecom_product_filter_container > .top-row > .left-column > .price label
{
font-weight: bold;
}
#ecom_product_filter_container > .top-row > .left-column > .price input[type="textbox"]
{
width: 40px;
}
#ecom_product_filter_container > .bottom-row
{
width: 100%;
margin-top: 20px;
padding: 15px 15px 30px 15px;
position: relative;
}
#ecom_product_filter_container > .bottom-row #reset_filters_button
{
position: absolute;
width: 115px;
bottom: 5px;
right: 0;
left: 0;
margin: 0 auto;
}
#ecom_product_filter_container > .bottom-row .filter-option-container
{
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin: 0 0 30px 0;
}
#ecom_product_filter_container > .bottom-row .filter-option-container .option-label
{
font-weight: bold;
}
#ecom_product_filter_container > .bottom-row .filter-option-container .checkbox-label
{
display: block;
font-weight: normal;
}
.ww_ecom_productListing_filterGroups_groupOptionContainer
{
width: 100%;
}
#ecom_product_filter_container select
{
padding: 5px;
width: 100%;
}
#ecom_product_filter_container input[type="submit"]
{
padding: 15px 35px;
}
/************************************************************************************************************
/$$$$$$$ /$$ /$$ /$$ /$$ /$$
| $$__ $$ | $$ | $$ | $$ |__/ | $$
| $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$ | $$ /$$ /$$$$$$$ /$$$$$$
| $$$$$$$//$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ /$$_____/|_ $$_/ | $$ | $$ /$$_____/|_ $$_/
| $$____/| $$ \__/| $$ \ $$| $$ | $$| $$ | $$| $$ | $$ | $$ | $$| $$$$$$ | $$
| $$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$ | $$ /$$ | $$ | $$ \____ $$ | $$ /$$
| $$ | $$ | $$$$$$/| $$$$$$$| $$$$$$/| $$$$$$$ | $$$$/ | $$$$$$$$| $$ /$$$$$$$/ | $$$$/
|__/ |__/ \______/ \_______/ \______/ \_______/ \___/ |________/|__/|_______/ \___/
************************************************************************************************************/
#ecom_product_list_container
{
}
#ecom_product_list_container .product-link-container
{
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
box-sizing: content-box;
width: 100%;
max-width: 276px;
height: 380px;
margin: 0 auto 0 auto;
text-decoration: none;
}
#ecom_product_list_container .product-link-container:link .product-image-container,
#ecom_product_list_container .product-link-container:visited .product-image-container
{
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 276px;
overflow: hidden;
border: 1px solid #e3e3e3;
background-color: #26282c;
width: 100%;
transition: background-color 200ms;
}
#ecom_product_list_container .product-link-container:link .product-image-container .disclaimer-text,
#ecom_product_list_container .product-link-container:visited .product-image-container .disclaimer-text
{
position: absolute;
bottom: 5px;
right: 5px;
z-index: 10;
font-size: 10pt;
color: #ffffff;
text-shadow: 0 0 3px #000000;
}
#ecom_product_list_container .product-link-container:link .product-image-container.no-image,
#ecom_product_list_container .product-link-container:visited .product-image-container.no-image
{
background-color: #F4F4F4;
}
#ecom_product_list_container .product-link-container:hover .product-image-container.no-image
{
background-color: #E8E8E8;
}
#ecom_product_list_container .product-link-container:active .product-image-container.no-image
{
background-color: #D8D8D8;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 25%;
display: flex;
justify-content: flex-start;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag
{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 80px;
font-weight: normal;
font-size: 14px;
color: #ffffff;
margin-right: 3px;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
writing-mode: vertical-lr;
-ms-writing-mode: tb-rl;
transition: transform 200ms;
}
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag
{
transform: translateY(-3px);
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag:last-of-type,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag:last-of-type,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag:last-of-type,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag:last-of-type
{
margin-right: 0;
}
/* Flag tip */
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag::before,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag::before,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag::before,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag::before
{
content: '';
position: absolute;
z-index: 15;
bottom: 0;
display: block;
width: 20px;
height: 5px;
}
/* Flag basic shape */
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag::after,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag::after,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag::after,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag::after
{
content: '';
position: absolute;
z-index: 10;
left: 0;
bottom: -10px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.featured,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.featured,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.featured,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.featured
{
background-color: #3E5D92;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.featured::before,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.featured::before,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.featured::before,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag.featured::before
{
background-color: #3E5D92;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.featured::after,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.featured::after,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.featured::after,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag.featured::after
{
border-color: #3E5D92 transparent transparent transparent;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.sale,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.sale,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.sale,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.sale
{
background-color: #ee2b26;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.sale::before,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.sale::before,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.sale::before,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag.sale::before
{
background-color: #ee2b26;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.sale::after,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.sale::after,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.sale::after,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag.sale::after
{
border-color: #ee2b26 transparent transparent transparent;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.new,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.new,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.new,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.new
{
background-color: #427a39;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.new::before,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.new::before,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.new::before,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag.new::before
{
background-color: #427a39;
}
#ecom_product_list_container .product-link-container:link .product-image-container .flag-container .flag.new::after,
#ecom_product_list_container .product-link-container:visited .product-image-container .flag-container .flag.new::after,
#ecom_product_list_container .product-link-container:active .product-image-container .flag-container .flag.new::after,
#ecom_product_list_container .product-link-container:hover .product-image-container .flag-container .flag.new::after
{
border-color: #427a39 transparent transparent transparent;
}
#ecom_product_list_container .product-link-container:link .product-image-container img,
#ecom_product_list_container .product-link-container:visited .product-image-container img
{
position: relative;
z-index: 1;
transition: transform 200ms;
transform-origin: center;
cursor: pointer;
}
#ecom_product_list_container .product-link-container:hover .product-image-container img
{
transform: scale(1.05);
}
#ecom_product_list_container .product-link-container:active .product-image-container img
{
transform: scale(1);
}
#ecom_product_list_container .product-link-container:link .product-image-container .star-container,
#ecom_product_list_container .product-link-container:active .product-image-container .star-container,
#ecom_product_list_container .product-link-container:visited .product-image-container .star-container,
#ecom_product_list_container .product-link-container:hover .product-image-container .star-container
{
position: absolute;
z-index: 15;
bottom: 0;
right: 0;
width: 100%;
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
align-items: center;
}
#ecom_product_list_container .product-link-container:link .product-image-container .star-container .star,
#ecom_product_list_container .product-link-container:active .product-image-container .star-container .star,
#ecom_product_list_container .product-link-container:visited .product-image-container .star-container .star,
#ecom_product_list_container .product-link-container:hover .product-image-container .star-container .star
{
position: relative;
margin-left: 10px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.2));
}
#ecom_product_list_container .product-link-container:link .product-image-container .star-container .star:first-of-type,
#ecom_product_list_container .product-link-container:active .product-image-container .star-container .star:first-of-type,
#ecom_product_list_container .product-link-container:visited .product-image-container .star-container .star:first-of-type,
#ecom_product_list_container .product-link-container:hover .product-image-container .star-container .star:first-of-type
{
margin-left: 0;
}
#ecom_product_list_container .product-link-container:link .product-name,
#ecom_product_list_container .product-link-container:active .product-name,
#ecom_product_list_container .product-link-container:visited .product-name
{
font-size: 12pt;
color: #7f7f7f;
text-align: center;
transition: color 200ms;
/*word-break: break-all;*/
margin-top: 8px;
}
#ecom_product_list_container .product-link-container:hover .product-name
{
color: #f57e20;
}
#ecom_product_list_container .product-link-container:link .product-teaser,
#ecom_product_list_container .product-link-container:active .product-teaser,
#ecom_product_list_container .product-link-container:visited .product-teaser,
#ecom_product_list_container .product-link-container:hover .product-teaser
{
font-weight: normal;
font-size: 10pt;
color: #505050;
text-align: center;
transition: color 200ms;
margin: 2px 0;
}
#ecom_product_list_container .product-link-container:link .pricing,
#ecom_product_list_container .product-link-container:active .pricing,
#ecom_product_list_container .product-link-container:visited .pricing,
#ecom_product_list_container .product-link-container:hover .pricing
{
text-align: center;
}
#ecom_product_list_container .product-link-container:link .pricing p,
#ecom_product_list_container .product-link-container:active .pricing p,
#ecom_product_list_container .product-link-container:visited .pricing p,
#ecom_product_list_container .product-link-container:hover .pricing p
{
font-size: 10pt;
}
#ecom_product_list_container .product-link-container:link .buttons,
#ecom_product_list_container .product-link-container:active .buttons,
#ecom_product_list_container .product-link-container:visited .buttons,
#ecom_product_list_container .product-link-container:hover .buttons
{
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
}
#ecom_product_list_container .product-link-container:link .buttons input[type="button"]:nth-of-type(2),
#ecom_product_list_container .product-link-container:active .buttons input[type="button"]:nth-of-type(2),
#ecom_product_list_container .product-link-container:visited .buttons input[type="button"]:nth-of-type(2),
#ecom_product_list_container .product-link-container:hover .buttons input[type="button"]:nth-of-type(2)
{
margin-left: 20px;
}
@media screen and (max-width:617px)
{
#ecom_product_list_container .product-link-container:link .product-name,
#ecom_product_list_container .product-link-container:active .product-name,
#ecom_product_list_container .product-link-container:visited .product-name,
#ecom_product_list_container .product-link-container:hover .product-name
{
font-size: 15px;
}
}
/****************************************************************************************************************************************************************
/$$$$$$$$ /$$ /$$ /$$$$$$$ /$$ /$$
| $$_____/ | $$ | $$ | $$__ $$ | $$ | $$
| $$ /$$$$$$ /$$$$$$ /$$$$$$ /$$ /$$ /$$$$$$ /$$$$$$ /$$$$$$$ | $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$ /$$$$$$$
| $$$$$ /$$__ $$ |____ $$|_ $$_/ | $$ | $$ /$$__ $$ /$$__ $$ /$$__ $$ | $$$$$$$//$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ /$$_____/|_ $$_/ /$$_____/
| $$__/| $$$$$$$$ /$$$$$$$ | $$ | $$ | $$| $$ \__/| $$$$$$$$| $$ | $$ | $$____/| $$ \__/| $$ \ $$| $$ | $$| $$ | $$| $$ | $$ | $$$$$$
| $$ | $$_____/ /$$__ $$ | $$ /$$| $$ | $$| $$ | $$_____/| $$ | $$ | $$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$ | $$ /$$\____ $$
| $$ | $$$$$$$| $$$$$$$ | $$$$/| $$$$$$/| $$ | $$$$$$$| $$$$$$$ | $$ | $$ | $$$$$$/| $$$$$$$| $$$$$$/| $$$$$$$ | $$$$//$$$$$$$/
|__/ \_______/ \_______/ \___/ \______/ |__/ \_______/ \_______/ |__/ |__/ \______/ \_______/ \______/ \_______/ \___/ |_______/
****************************************************************************************************************************************************************/
#ecom_featured_products_container
{
overflow: hidden;
width: 100%;
padding: 50px 0;
}
#ecom_featured_products_container .title-container
{
position: relative;
margin-bottom: 40px;
text-align: center;
}
#ecom_featured_products_container .title-container h2
{
position: relative;
display: inline-block;
}
#ecom_featured_products_container #featured_products_scrolling_container .swiper-wrapper
{
display: flex;
align-items: flex-start;
}
#ecom_featured_products_container .featured-product-link-container:link,
#ecom_featured_products_container .featured-product-link-container:active,
#ecom_featured_products_container .featured-product-link-container:visited,
#ecom_featured_products_container .featured-product-link-container:hover
{
position: relative;
display: flex;
flex-flow: column wrap;
justify-content: center;
box-sizing: content-box;
width: 100%;
max-width: 276px;
height: auto;
margin: 0 22px 22px 0;
text-decoration: none;
cursor: default;
background-color: #ffffff;
}
#ecom_featured_products_container .featured-product-link-container:nth-of-type(4),
#ecom_featured_products_container .featured-product-link-container:last-of-type
{
margin-right: 0;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container
{
position: relative !important;
display: flex;
justify-content: center;
align-items: center;
height: 276px;
overflow: hidden;
border: 1px solid #e3e3e3;
background-color: #26282c;
width: 100%;
transition: background-color 200ms;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .disclaimer-text,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .disclaimer-text
{
position: absolute;
bottom: 5px;
right: 5px;
z-index: 10;
font-size: 10pt;
color: #ffffff;
text-shadow: 0 0 3px #000000;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container.no-image,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container.no-image
{
background-color: #F4F4F4;
}
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container.no-image
{
background-color: #E8E8E8;
}
#ecom_featured_products_container .featured-product-link-container:active .product-image-container.no-image
{
background-color: #D8D8D8;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 25%;
display: flex;
justify-content: flex-start;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag
{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 80px;
font-weight: normal;
font-size: 14px;
color: #ffffff;
margin-right: 3px;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
writing-mode: vertical-lr;
-ms-writing-mode: tb-rl;
transition: transform 200ms;
}
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag
{
transform: translateY(-3px);
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag:last-of-type,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag:last-of-type,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag:last-of-type,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag:last-of-type
{
margin-right: 0;
}
/* Flag tip */
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag::before,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag::before,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag::before,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag::before
{
content: '';
position: absolute;
z-index: 15;
bottom: 0;
display: block;
width: 20px;
height: 5px;
}
/* Flag basic shape */
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag::after,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag::after,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag::after,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag::after
{
content: '';
position: absolute;
z-index: 10;
left: 0;
bottom: -10px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.featured,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.featured,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.featured,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.featured
{
background-color: #3E5D92;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.featured::before,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.featured::before,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.featured::before,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag.featured::before
{
background-color: #3E5D92;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.featured::after,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.featured::after,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.featured::after,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag.featured::after
{
border-color: #3E5D92 transparent transparent transparent;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.sale,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.sale,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.sale,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.sale
{
background-color: #ee2b26;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.sale::before,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.sale::before,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.sale::before,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag.sale::before
{
background-color: #ee2b26;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.sale::after,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.sale::after,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.sale::after,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag.sale::after
{
border-color: #ee2b26 transparent transparent transparent;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.new,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.new,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.new,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.new
{
background-color: #427a39;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.new::before,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.new::before,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.new::before,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag.new::before
{
background-color: #427a39;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .flag-container .flag.new::after,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .flag-container .flag.new::after,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .flag-container .flag.new::after,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .flag-container .flag.new::after
{
border-color: #427a39 transparent transparent transparent;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container img,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container img
{
position: relative;
z-index: 1;
transition: transform 200ms;
transform-origin: center;
cursor: pointer;
}
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container img
{
transform: scale(1.05);
}
#ecom_featured_products_container .featured-product-link-container:active .product-image-container img
{
transform: scale(1);
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .star-container,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .star-container,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .star-container,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .star-container
{
position: absolute;
z-index: 15;
bottom: 0;
right: 0;
width: 100%;
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
align-items: center;
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .star-container .star,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .star-container .star,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .star-container .star,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .star-container .star
{
position: relative;
margin-left: 10px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.2));
}
#ecom_featured_products_container .featured-product-link-container:link .product-image-container .star-container .star:first-of-type,
#ecom_featured_products_container .featured-product-link-container:active .product-image-container .star-container .star:first-of-type,
#ecom_featured_products_container .featured-product-link-container:visited .product-image-container .star-container .star:first-of-type,
#ecom_featured_products_container .featured-product-link-container:hover .product-image-container .star-container .star:first-of-type
{
margin-left: 0;
}
#ecom_featured_products_container .featured-product-link-container:link .product-name,
#ecom_featured_products_container .featured-product-link-container:active .product-name,
#ecom_featured_products_container .featured-product-link-container:visited .product-name
{
font-family: montserrat_light;
font-size: 12pt;
color: #7f7f7f;
text-align: center;
transition: color 200ms;
margin-top: 8px;
}
#ecom_featured_products_container .featured-product-link-container:link .product-teaser,
#ecom_featured_products_container .featured-product-link-container:active .product-teaser,
#ecom_featured_products_container .featured-product-link-container:visited .product-teaser
{
font-weight: normal;
font-family: montserrat_light;
font-size: 10pt;
color: #505050;
text-align: left;
transition: color 200ms;
padding-left: 15px;
margin: 2px 0;
}
#ecom_featured_products_container .featured-product-link-container:hover .product-teaser
{
}
#ecom_featured_products_container .featured-product-link-container:link .pricing,
#ecom_featured_products_container .featured-product-link-container:active .pricing,
#ecom_featured_products_container .featured-product-link-container:visited .pricing,
#ecom_featured_products_container .featured-product-link-container:hover .pricing
{
text-align: center;
}
#ecom_featured_products_container .featured-product-link-container:link .pricing p,
#ecom_featured_products_container .featured-product-link-container:active .pricing p,
#ecom_featured_products_container .featured-product-link-container:visited .pricing p,
#ecom_featured_products_container .featured-product-link-container:hover .pricing p
{
font-size: 10pt;
}
#ecom_featured_products_container .featured-product-link-container:link .buttons,
#ecom_featured_products_container .featured-product-link-container:active .buttons,
#ecom_featured_products_container .featured-product-link-container:visited .buttons,
#ecom_featured_products_container .featured-product-link-container:hover .buttons
{
display: flex;
justify-content: left;
color: #000000;
font-family: montserrat_light;
font-size: 13pt;
align-items: center;
margin-top: 30px;
}
#ecom_featured_products_container .featured-product-link-container:link .buttons input[type="button"],
#ecom_featured_products_container .featured-product-link-container:active .buttons input[type="button"],
#ecom_featured_products_container .featured-product-link-container:visited .buttons input[type="button"]
{
background: transparent !important;
outline: none;
}
#ecom_featured_products_container .featured-product-link-container:hover .buttons input[type="button"]
{
color: #f77505;
}
#ecom_featured_products_container .featured-product-link-container:link .buttons input[type="button"]:nth-of-type(2),
#ecom_featured_products_container .featured-product-link-container:active .buttons input[type="button"]:nth-of-type(2),
#ecom_featured_products_container .featured-product-link-container:visited .buttons input[type="button"]:nth-of-type(2),
#ecom_featured_products_container .featured-product-link-container:hover .buttons input[type="button"]:nth-of-type(2)
{
margin-left: 20px;
}
#ecom_featured_products_container .browse_catalogue_container
{
position: relative;
text-align: center;
margin-top:40px;
}
#ecom_featured_products_container .browse_catalogue_container .view_catalogue_button
{
position: relative;
display: inline-block;
}
@media screen and (max-width:617px)
{
#ecom_featured_products_container .featured-product-link-container:link .product-name,
#ecom_featured_products_container .featured-product-link-container:active .product-name,
#ecom_featured_products_container .featured-product-link-container:visited .product-name,
#ecom_featured_products_container .featured-product-link-container:hover .product-name
{
font-size: 20px;
}
}
@media screen and (max-width:400px)
{
#ecom_featured_products_container .featured-product-link-container:link .buttons input[type="button"]:nth-of-type(2),
#ecom_featured_products_container .featured-product-link-container:active .buttons input[type="button"]:nth-of-type(2),
#ecom_featured_products_container .featured-product-link-container:visited .buttons input[type="button"]:nth-of-type(2),
#ecom_featured_products_container .featured-product-link-container:hover .buttons input[type="button"]:nth-of-type(2)
{
margin: 10px 0 0 0;
}
}
/***************************************************************************************************************************************************
/$$$$$$$ /$$ /$$ /$$ /$$$$$$$ /$$ /$$
| $$__ $$ | $$ | $$ | $$ | $$__ $$ | $$ | $$
| $$ \ $$ /$$$$$$ | $$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$$ | $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$ /$$$$$$$
| $$$$$$$/ /$$__ $$| $$ |____ $$|_ $$_/ /$$__ $$ /$$__ $$ | $$$$$$$//$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ /$$_____/|_ $$_/ /$$_____/
| $$__ $$| $$$$$$$$| $$ /$$$$$$$ | $$ | $$$$$$$$| $$ | $$ | $$____/| $$ \__/| $$ \ $$| $$ | $$| $$ | $$| $$ | $$ | $$$$$$
| $$ \ $$| $$_____/| $$ /$$__ $$ | $$ /$$| $$_____/| $$ | $$ | $$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$ | $$ /$$\____ $$
| $$ | $$| $$$$$$$| $$| $$$$$$$ | $$$$/| $$$$$$$| $$$$$$$ | $$ | $$ | $$$$$$/| $$$$$$$| $$$$$$/| $$$$$$$ | $$$$//$$$$$$$/
|__/ |__/ \_______/|__/ \_______/ \___/ \_______/ \_______/ |__/ |__/ \______/ \_______/ \______/ \_______/ \___/ |_______/
***************************************************************************************************************************************************/
#ecom_related_products_container
{
overflow: hidden;
width: 100%;
margin-top: 30px;
padding-top: 30px;
}
#ecom_related_products_container::before
{
content: '';
display: block;
position: relative;
top: -30px;
width: 100%;
height: 1px;
background-color: #bcc4c5;
}
#ecom_related_products_container .title-container
{
position: relative;
margin-bottom: 20px;
text-align: center;
}
#ecom_related_products_container #related_products_scrolling_container .swiper-wrapper
{
display: flex;
align-items: flex-start;
}
#ecom_related_products_container .related-product-link-container:link,
#ecom_related_products_container .related-product-link-container:active,
#ecom_related_products_container .related-product-link-container:visited,
#ecom_related_products_container .related-product-link-container:hover
{
position: relative;
display: flex;
flex-flow: column wrap;
justify-content: center;
box-sizing: content-box;
width: 100%;
max-width: 276px;
height: auto;
margin: 0 22px 22px 0;
text-decoration: none;
cursor: default;
}
#ecom_related_products_container .related-product-link-container:last-of-type
{
margin-right: 0;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container,
#ecom_related_products_container .related-product-link-container:visited .product-image-container
{
position: relative !important;
display: flex;
justify-content: center;
align-items: center;
height: 276px;
overflow: hidden;
border: 1px solid #e3e3e3;
background-color: #ffffff;
width: 100%;
transition: background-color 200ms;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container.no-image,
#ecom_related_products_container .related-product-link-container:visited .product-image-container.no-image
{
background-color: #F4F4F4;
}
#ecom_related_products_container .related-product-link-container:hover .product-image-container.no-image
{
background-color: #E8E8E8;
}
#ecom_related_products_container .related-product-link-container:active .product-image-container.no-image
{
background-color: #D8D8D8;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 25%;
display: flex;
justify-content: flex-start;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag
{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 80px;
font-weight: normal;
font-size: 14px;
color: #ffffff;
margin-right: 3px;
text-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
writing-mode: vertical-lr;
-ms-writing-mode: tb-rl;
transition: transform 200ms;
}
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag
{
transform: translateY(-3px);
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag:nth-of-type(3),
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag:nth-of-type(3),
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag:nth-of-type(3),
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag:nth-of-type(3)
{
margin-right: 0;
}
/* Flag tip */
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag::before,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag::before,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag::before,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag::before
{
content: '';
position: absolute;
z-index: 15;
bottom: 0;
display: block;
width: 20px;
height: 5px;
}
/* Flag basic shape */
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag::after,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag::after,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag::after,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag::after
{
content: '';
position: absolute;
z-index: 10;
left: 0;
bottom: -10px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.featured,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.featured,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.featured,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.featured
{
background-color: #3E5D92;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.featured::before,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.featured::before,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.featured::before,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag.featured::before
{
background-color: #3E5D92;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.featured::after,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.featured::after,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.featured::after,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag.featured::after
{
border-color: #3E5D92 transparent transparent transparent;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.sale,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.sale,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.sale,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.sale
{
background-color: #ee2b26;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.sale::before,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.sale::before,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.sale::before,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag.sale::before
{
background-color: #ee2b26;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.sale::after,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.sale::after,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.sale::after,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag.sale::after
{
border-color: #ee2b26 transparent transparent transparent;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.new,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.new,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.new,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.new
{
background-color: #427a39;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.new::before,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.new::before,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.new::before,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag.new::before
{
background-color: #427a39;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .flag-container .flag.new::after,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .flag-container .flag.new::after,
#ecom_related_products_container .related-product-link-container:active .product-image-container .flag-container .flag.new::after,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .flag-container .flag.new::after
{
border-color: #427a39 transparent transparent transparent;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container img,
#ecom_related_products_container .related-product-link-container:visited .product-image-container img
{
position: relative;
z-index: 1;
transition: transform 200ms;
transform-origin: center;
cursor: pointer;
}
#ecom_related_products_container .related-product-link-container:hover .product-image-container img
{
transform: scale(1.05);
}
#ecom_related_products_container .related-product-link-container:active .product-image-container img
{
transform: scale(1);
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .star-container,
#ecom_related_products_container .related-product-link-container:active .product-image-container .star-container,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .star-container,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .star-container
{
position: absolute;
z-index: 15;
bottom: 0;
right: 0;
width: 100%;
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
align-items: center;
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .star-container .star,
#ecom_related_products_container .related-product-link-container:active .product-image-container .star-container .star,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .star-container .star,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .star-container .star
{
position: relative;
margin-left: 10px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.2));
}
#ecom_related_products_container .related-product-link-container:link .product-image-container .star-container .star:first-of-type,
#ecom_related_products_container .related-product-link-container:active .product-image-container .star-container .star:first-of-type,
#ecom_related_products_container .related-product-link-container:visited .product-image-container .star-container .star:first-of-type,
#ecom_related_products_container .related-product-link-container:hover .product-image-container .star-container .star:first-of-type
{
margin-left: 0;
}
#ecom_related_products_container .related-product-link-container:link .product-name,
#ecom_related_products_container .related-product-link-container:active .product-name,
#ecom_related_products_container .related-product-link-container:visited .product-name
{
font-size: 12pt;
color: #7f7f7f;
text-align: center;
transition: color 200ms;
margin-top: 8px;
}
#ecom_related_products_container .related-product-link-container:hover .product-name
{
}
#ecom_related_products_container .related-product-link-container:link .product-teaser,
#ecom_related_products_container .related-product-link-container:active .product-teaser,
#ecom_related_products_container .related-product-link-container:visited .product-teaser,
#ecom_related_products_container .related-product-link-container:hover .product-teaser
{
font-weight: normal;
font-size: 10pt;
color: #505050;
text-align: center;
transition: color 200ms;
margin: 2px 0;
}
#ecom_related_products_container .related-product-link-container:link .pricing,
#ecom_related_products_container .related-product-link-container:active .pricing,
#ecom_related_products_container .related-product-link-container:visited .pricing,
#ecom_related_products_container .related-product-link-container:hover .pricing
{
text-align: center;
}
#ecom_related_products_container .related-product-link-container:link .pricing p,
#ecom_related_products_container .related-product-link-container:active .pricing p,
#ecom_related_products_container .related-product-link-container:visited .pricing p,
#ecom_related_products_container .related-product-link-container:hover .pricing p
{
font-size: 10pt;
}
#ecom_related_products_container .related-product-link-container:link .buttons,
#ecom_related_products_container .related-product-link-container:active .buttons,
#ecom_related_products_container .related-product-link-container:visited .buttons,
#ecom_related_products_container .related-product-link-container:hover .buttons
{
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
}
#ecom_related_products_container .related-product-link-container:link .buttons input[type="button"]:nth-of-type(2),
#ecom_related_products_container .related-product-link-container:active .buttons input[type="button"]:nth-of-type(2),
#ecom_related_products_container .related-product-link-container:visited .buttons input[type="button"]:nth-of-type(2),
#ecom_related_products_container .related-product-link-container:hover .buttons input[type="button"]:nth-of-type(2)
{
margin-left: 20px;
}
@media screen and (max-width:617px)
{
#ecom_related_products_container .related-product-link-container:link .product-name,
#ecom_related_products_container .related-product-link-container:active .product-name,
#ecom_related_products_container .related-product-link-container:visited .product-name,
#ecom_related_products_container .related-product-link-container:hover .product-name
{
font-size: 20px;
}
}
@media screen and (max-width:400px)
{
#ecom_related_products_container .related-product-link-container:link .buttons input[type="button"]:nth-of-type(2),
#ecom_related_products_container .related-product-link-container:active .buttons input[type="button"]:nth-of-type(2),
#ecom_related_products_container .related-product-link-container:visited .buttons input[type="button"]:nth-of-type(2),
#ecom_related_products_container .related-product-link-container:hover .buttons input[type="button"]:nth-of-type(2)
{
margin: 10px 0 0 0;
}
}
/************************************************************************************************************************************
/$$$$$$$ /$$ /$$ /$$$$$$$ /$$ /$$ /$$
| $$__ $$ | $$ | $$ | $$__ $$ | $$ |__/| $$
| $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$ | $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$ /$$| $$ /$$$$$$$
| $$$$$$$//$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ /$$_____/|_ $$_/ | $$ | $$ /$$__ $$|_ $$_/ |____ $$| $$| $$ /$$_____/
| $$____/| $$ \__/| $$ \ $$| $$ | $$| $$ | $$| $$ | $$ | $$ | $$| $$$$$$$$ | $$ /$$$$$$$| $$| $$| $$$$$$
| $$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$ | $$ /$$ | $$ | $$| $$_____/ | $$ /$$ /$$__ $$| $$| $$ \____ $$
| $$ | $$ | $$$$$$/| $$$$$$$| $$$$$$/| $$$$$$$ | $$$$/ | $$$$$$$/| $$$$$$$ | $$$$/| $$$$$$$| $$| $$ /$$$$$$$/
|__/ |__/ \______/ \_______/ \______/ \_______/ \___/ |_______/ \_______/ \___/ \_______/|__/|__/|_______/
************************************************************************************************************************************/
#product_details_container .image-container
{
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: flex-start;
}
#product_details_container .image-container > .main-image > #main_image_link
{
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
width: 305px;
height: 305px;
border: 1px solid #c9c9c9;
background-color: #26282c;
}
#product_details_container .image-container > .main-image > #main_image_link .disclaimer-text
{
position: absolute;
bottom: 5px;
right: 5px;
z-index: 10;
font-size: 10pt;
color: #ffffff;
text-shadow: 0 0 3px #000000;
}
#product_details_container .image-container > .main-image > #main_image_link .ww_ecom_productInfo_mainImageFrame
{
/* border: solid #c9c9c9 1px; */
background: #FFFFFF;
width: 295px;
height: 295px;
}
#product_details_container .image-container > .main-image > #main_image_link .ww_ecom_productInfo_mainimage
{
max-width: 295px;
max-height: 295px;
display: block;
}
#product_details_container .image-container > .image-carousel-container
{
width: 100%;
margin-top: 10px;
max-width: 304px;
}
#product_details_container .image-container > .image-carousel-container .image-carousel-buttons-container
{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
#product_details_container .image-container > .image-carousel-container .image-carousel-buttons-container a:link,
#product_details_container .image-container > .image-carousel-container .image-carousel-buttons-container a:active,
#product_details_container .image-container > .image-carousel-container .image-carousel-buttons-container a:visited
#product_details_container .image-container > .image-carousel-container .image-carousel-buttons-container a:hover
{
transition: color 200ms;
text-decoration: none;
}
#product_details_container .image-container > .save-compare-button-container
{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 302px;
margin-top: 15px;
}
#product_details_container .image-container > .save-compare-button-container a:link:nth-of-type(2),
#product_details_container .image-container > .save-compare-button-container a:active:nth-of-type(2),
#product_details_container .image-container > .save-compare-button-container a:visited:nth-of-type(2),
#product_details_container .image-container > .save-compare-button-container a:hover:nth-of-type(2)
{
margin-left: 20px;
}
@media screen and (max-width:992px)
{
#product_details_container .product-information
{
margin-top: 30px;
}
}
#product_details_container .product-information .product-title
{
margin-top: -12px;
margin-bottom: 15px;
}
input[type="submit"].request_a_quote
{
margin-top: 12px;
border-radius: 30px;
}
#product_details_container .product-information .product-teaser
{
font-size: 16pt;
color: #000000;
margin: 15px 0 0 0;
}
#product_details_container .product-information #product_options_table
{
margin-top: 25px;
}
#product_details_container .product-information #product_options_table tr td
{
padding: 15px;
}
#product_details_container #product_info_form table
{
width: 100%;
margin-top: 15px;
}
#product_details_container #product_info_form table tr th
{
padding: 20px;
border: 1px solid #dddddd;
border-bottom: 2px solid #dddddd;
text-align: center;
}
#product_details_container #product_info_form table tr td
{
padding: 15px;
}
#product_details_container #product_info_form table tr td input[type="text"]
{
width: 100%;
font-size: 16px;
padding: 5px;
}
#product_details_container #product_info_form table tr td textarea
{
width: 100%;
height: 150px;
font-size: 16px;
padding: 5px;
}
#product_details_container #product_info_form .required-marker
{
color: #FF0000;
}
@media screen and (max-width: 1200px)
{
#product_details_container .product-information .product-title
{
margin-top: 0;
}
}
@media screen and (max-width:991px)
{
#product_details_container .product-information .product-title h1
{
font-size: 26pt;
word-break: break-word;
}
#product_details_container #product_info_form table tr td
{
padding: 0 0 15px 0;
width: 100% !important;
float: left;
clear: both;
}
#product_details_container #product_info_form table tr:nth-of-type(odd) td
{
display: block;
margin: 0 auto;
}
#product_details_container #product_info_form table tr td:nth-of-type(odd)
{
padding-top: 10px;
padding-bottom: 5px;
}
#product_details_container #product_info_form table tr td label
{
display: block;
width: 95%;
margin: 0 auto;
}
#product_details_container #product_info_form table tr td input[type="text"]
{
display: block;
margin: 0 auto;
width: 95%;
font-size: 16px;
padding: 5px;
}
#product_details_container #product_info_form table tr td textarea
{
display: block;
margin: 0 auto;
width: 95%;
height: 150px;
font-size: 16px;
padding: 5px;
}
#product_details_container #product_info_form table tr td select
{
margin-left: 10px;
}
}
#product_details_container .product-information .reviews
{
display: flex;
}
@media screen and (max-width: 500px)
{
#product_details_container .product-information .product-title h1
{
font-size: 18pt;
word-break: break-word;
}
}
@media screen and (max-width:1200px)
{
#product_details_container .product-information > .product-title
{
text-align: center;
}
#product_details_container .product-information .product-teaser
{
margin: 15px 0;
}
#product_details_container .product-information .reviews
{
justify-content: center;
}
#product_details_container .product-information #product_options_table tr td:nth-of-type(even)
{
padding-top: 0;
border-top: none;
}
#product_details_container .product-information #product_options_table tr td:nth-of-type(odd)
{
padding-bottom: 5px;
}
#product_details_container .product-information #product_options_table label.no-bold
{
font-weight: normal;
}
#product_details_container .product-information #add_product_to_inquiry_form
{
text-align: center;
}
}
#product_details_container .product-information .reviews #reviews_anchor_link
{
transition: color 200ms;
text-decoration: none;
color: #686868;
}
#product_details_container .product-information .reviews #reviews_anchor_link:hover
{
color: #f77505;
}
#product_details_container .product-information .reviews .star-container
{
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0 15px 0 12px;
}
#product_details_container .product-information .reviews .star-container .star
{
position: relative;
margin-left: 10px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.2));
}
#product_details_container .product-information .reviews .star-container .star:first-of-type
{
margin-left: 0;
}
@media screen and (max-width:1200px)
{
#product_details_container .product-information .reviews
{
margin-bottom: 15px;
}
#product_details_container .image-container
{
align-items: center;
}
}
#product_details_container #additional-details-table tr td
{
padding: 15px;
font-family: lato_medium;
}
#product_details_container #additional-details-table tr td:nth-of-type(odd) > label
{
}
#product_details_container #additional-details-table tr td:nth-of-type(even)
{
color: #6c6c6c;
}
#product_details_container .nav-tabs
{
margin-top: 40px;
padding-left: 0;
}
#product_details_container .nav-tabs li::before
{
display: none;
}
#product_details_container .nav-tabs li a:link,
#product_details_container .nav-tabs li a:active,
#product_details_container .nav-tabs li a:visited
{
color: #B2B2B2FF;
text-decoration: none;
background-color: #eeeeee;
transition: background-color 200ms;
}
#product_details_container .nav-tabs li a:hover
{
background-color: #DDDDDD;
}
#product_details_container .nav-tabs li.active a:link,
#product_details_container .nav-tabs li.active a:active,
#product_details_container .nav-tabs li.active a:visited,
#product_details_container .nav-tabs li.active a:hover
{
color: #ffffff;
background-color: #999999;
font-family: montserrat_light;
}
#product_details_container .downloads-container h6,
#product_details_container .links-container h6
{
padding: 5px 0 10px 0;
}
#product_details_container .downloads-container .download-link:link,
#product_details_container .downloads-container .download-link:visited,
#product_details_container .links-container .link-link:link,
#product_details_container .links-container .link-link:visited
{
display: flex;
margin: 10px 0;
padding: 10px 25px;
transition: all 200ms;
white-space: nowrap;
word-break: break-word;
text-decoration: none;
color: #5E5E5EFF;
}
#product_details_container .downloads-container .download-link:hover,
#product_details_container .links-container .link-link:hover
{
background-color: #F2F2F2FF;
}
#product_details_container .downloads-container .download-link:active,
#product_details_container .links-container .link-link:active
{
background-color: #E0E0E0FF;
}
#product_details_container .downloads-container .download-link:link img,
#product_details_container .downloads-container .download-link:visited img,
#product_details_container .links-container .link-link:link img,
#product_details_container .links-container .link-link:visited img,
#product_details_container .downloads-container .download-link:hover img,
#product_details_container .links-container .link-link:hover img,
#product_details_container .downloads-container .download-link:active img,
#product_details_container .links-container .link-link:active img
{
margin-right: 8px;
}
@media screen and (max-width:1200px)
{
#product_details_container .downloads-container h6,
#product_details_container .links-container h6
{
padding: 5px 5px 10px 5px;
}
#product_details_container #additional-details-table tr td:first-of-type
{
border-top: none;
}
}
#product_details_container .product-videos-container
{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin: 10px 0 0 0;
}
#product_details_container .product-videos-container iframe
{
max-width: 100% !important;
}
@media screen and (max-width:1200px)
{
#product_details_container .product-videos-container iframe
{
margin: 0 auto 20px auto;
}
}
#product_details_container #product_reviews_table
{
width: 100%;
}
#product_details_container #product_reviews_table tr th
{
color: #495057;
background-color: #FFFFFF;
border-color: #C9C9C9;
vertical-align: bottom;
border-bottom: 2px solid #C9C9C9;
padding: .75rem;
}
#product_details_container #product_reviews_table tr th .reviews-table-header-container
{
display: flex;
justify-content: space-between;
align-items: center;
}
#product_details_container #product_reviews_table tr th .reviews-table-header-container > div:first-of-type
{
display: flex;
justify-content: space-between;
align-items: center;
}
#product_details_container #product_reviews_table > tbody > tr > td
{
padding: 15px;
}
#product_details_container #product_reviews_table .star-container
{
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0 15px 0 12px;
}
#product_details_container #product_reviews_table .star-container .star
{
position: relative;
margin-left: 10px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.2));
}
#product_details_container #product_reviews_table .star-container .star:first-of-type
{
margin-left: 0;
}
#product_details_container #product_reviews_table .review-details-container .review-title-container
{
display: flex;
justify-content: flex-start;
align-items: center;
}
#product_details_container #product_reviews_table .review-details-container .review-title-container .star-container
{
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0 15px 0 12px;
}
#product_details_container #product_reviews_table .review-details-container .review-title-container .star-container .star
{
position: relative;
margin-left: 10px;
font-size: 10px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.2));
}
#product_details_container #product_reviews_table .review-details-container .review-title-container .star-container .star:first-of-type
{
margin-left: 0;
}
@media screen and (max-width:1200px)
{
#product_details_container #product_reviews_table .review-details-container > td > p
{
text-align: center;
}
#product_details_container #product_reviews_table .review-details-container .review-title-container
{
flex-flow: column nowrap;
justify-content: center;
}
#product_details_container #product_reviews_table .review-details-container .review-title-container .star-container
{
margin-bottom: 8px;
}
#product_details_container #product_reviews_table .review-details-container .single-review-table
{
text-align: center;
}
#product_details_container #product_reviews_table .review-details-container .single-review-table tr td
{
padding: 5px 0;
}
#product_details_container #product_reviews_table .review-details-container .single-review-table tr td label
{
padding: 0;
margin: 0;
}
#product_details_container #product_reviews_table .review-details-container .single-review-table tr td:first-of-type
{
padding: 0;
}
#product_details_container #product_reviews_table .review-details-container .single-review-table tr td:nth-of-type(even)
{
padding: 0 0 12px 0;
}
}
@media screen and (max-width:600px)
{
.nav.nav-tabs
{
border: 1px solid #eeeeee;
border-radius: 4px 4px 0 0;
text-align: center;
}
.nav.nav-tabs li
{
float: none;
}
.nav.nav-tabs li a:link,
.nav.nav-tabs li a:active,
.nav.nav-tabs li a:visited,
.nav.nav-tabs li a:hover
{
border: none;
margin-right: 0 !important;
}
.nav.nav-tabs li.active a:link,
.nav.nav-tabs li.active a:active,
.nav.nav-tabs li.active a:visited,
.nav.nav-tabs li.active a:hover
{
background-color: #ffffff;
}
.tab-content
{
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
}
/*************************************************************************************************************************************
/$$$$$$$ /$$ /$$ /$$$$$$$ /$$
| $$__ $$ | $$ | $$ | $$__ $$ |__/
| $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$ | $$ \ $$ /$$$$$$ /$$ /$$ /$$ /$$$$$$ /$$ /$$ /$$
| $$$$$$$//$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ /$$_____/|_ $$_/ | $$$$$$$/ /$$__ $$| $$ /$$/| $$ /$$__ $$| $$ | $$ | $$
| $$____/| $$ \__/| $$ \ $$| $$ | $$| $$ | $$| $$ | $$ | $$__ $$| $$$$$$$$ \ $$/$$/ | $$| $$$$$$$$| $$ | $$ | $$
| $$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$ | $$ /$$ | $$ \ $$| $$_____/ \ $$$/ | $$| $$_____/| $$ | $$ | $$
| $$ | $$ | $$$$$$/| $$$$$$$| $$$$$$/| $$$$$$$ | $$$$/ | $$ | $$| $$$$$$$ \ $/ | $$| $$$$$$$| $$$$$/$$$$/
|__/ |__/ \______/ \_______/ \______/ \_______/ \___/ |__/ |__/ \_______/ \_/ |__/ \_______/ \_____/\___/
*************************************************************************************************************************************/
#product_review_container
{
width: 100%;
max-width: 936px;
margin: 20px auto;
}
#product_review_container table
{
width: 100%;
margin-top: 15px;
}
#product_review_container table tr td
{
padding: 10px;
}
#product_review_container table tr:nth-of-type(odd) td
{
background-color: #F0F0F0;
}
#product_review_container table tr:last-of-type td
{
text-align: center;
}
#product_review_container table tr td input[type="text"]
{
width: 100%;
font-size: 16px;
padding: 5px;
}
#product_review_container table tr td textarea
{
width: 100%;
height: 150px;
font-size: 16px;
padding: 5px;
}
#product_review_container .required-marker
{
color: #FF0000;
}
/* md and below */
@media screen and (max-width:991px)
{
#product_review_container table tr td
{
padding: 0 0 15px 0;
width: 100% !important;
float: left;
clear: both;
}
#product_review_container table tr:nth-of-type(odd) td
{
display: block;
margin: 0 auto;
}
#product_review_container table tr td:nth-of-type(odd)
{
padding-top: 10px;
padding-bottom: 5px;
}
#product_review_container table tr td label
{
display: block;
width: 95%;
margin: 0 auto;
}
#product_review_container table tr td input[type="text"]
{
display: block;
margin: 0 auto;
width: 95%;
font-size: 16px;
padding: 5px;
}
#product_review_container table tr td textarea
{
display: block;
margin: 0 auto;
width: 95%;
height: 150px;
font-size: 16px;
padding: 5px;
}
#product_review_container table tr td select
{
margin-left: 10px;
}
#product_review_container table tr td .g-recaptcha
{
width: 100%;
margin: 0 auto;
max-width: 304px;
}
}
/****************************************************************************************************************************************
/$$$$$$$ /$$ /$$ /$$$$$$ /$$
| $$__ $$ | $$ | $$ |_ $$_/ |__/
| $$ \ $$ /$$$$$$ /$$$$$$ /$$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$ | $$ /$$$$$$$ /$$$$$$ /$$ /$$ /$$ /$$$$$$ /$$ /$$
| $$$$$$$//$$__ $$ /$$__ $$ /$$__ $$| $$ | $$ /$$_____/|_ $$_/ | $$ | $$__ $$ /$$__ $$| $$ | $$| $$ /$$__ $$| $$ | $$
| $$____/| $$ \__/| $$ \ $$| $$ | $$| $$ | $$| $$ | $$ | $$ | $$ \ $$| $$ \ $$| $$ | $$| $$| $$ \__/| $$ | $$
| $$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$ | $$ /$$ | $$ | $$ | $$| $$ | $$| $$ | $$| $$| $$ | $$ | $$
| $$ | $$ | $$$$$$/| $$$$$$$| $$$$$$/| $$$$$$$ | $$$$/ /$$$$$$| $$ | $$| $$$$$$$| $$$$$$/| $$| $$ | $$$$$$$
|__/ |__/ \______/ \_______/ \______/ \_______/ \___/ |______/|__/ |__/ \____ $$ \______/ |__/|__/ \____ $$
| $$ /$$ | $$
| $$ | $$$$$$/
|__/ \______/
****************************************************************************************************************************************/
#product_inquiry_table i
{
color: #7A7A7AFF;
font-size: 0.9em;
}
@media screen and (min-width:992px)
{
#product_inquiry_table img
{
height: 50px;
}
.remove-product-button.desktop:link,
.remove-product-button.desktop:active,
.remove-product-button.desktop:visited,
.remove-product-button.desktop:hover
{
font-family: REMGlyph;
font-size: 24px;
text-decoration: none;
transition: color 200ms;
}
.remove-product-button.mobile
{
display: none;
}
}
@media screen and (max-width:991px)
{
#product_inquiry_table
{
margin-top: 30px;
}
#product_inquiry_table .ww_fb_formRow:first-of-type .ww_fb_form_row_section_title.ww_fb_formLabelColumn
{
text-align: center;
}
#product_inquiry_table #product_list_table tr:nth-of-type(even)
{
background-color: #EAEAEAFF;
}
#product_inquiry_table #product_list_table tr td
{
padding: 15px 0;
text-align: center
}
#product_inquiry_table img
{
height: 100px;
}
.remove-product-button.desktop
{
display: none;
}
}
/*****************************************************************************************************************************************************
$$$$$$$\ $$\ $$\ $$$$$$\
$$ __$$\ $$ | $$ | $$ __$$\
$$ | $$ | $$$$$$\ $$$$$$\ $$$$$$$ |$$\ $$\ $$$$$$$\ $$$$$$\ $$ / \__| $$$$$$\ $$$$$$\$$$$\ $$$$$$\ $$$$$$\ $$$$$$\ $$$$$$\
$$$$$$$ |$$ __$$\ $$ __$$\ $$ __$$ |$$ | $$ |$$ _____|\_$$ _| $$ | $$ __$$\ $$ _$$ _$$\ $$ __$$\ \____$$\ $$ __$$\ $$ __$$\
$$ ____/ $$ | \__|$$ / $$ |$$ / $$ |$$ | $$ |$$ / $$ | $$ | $$ / $$ |$$ / $$ / $$ |$$ / $$ | $$$$$$$ |$$ | \__|$$$$$$$$ |
$$ | $$ | $$ | $$ |$$ | $$ |$$ | $$ |$$ | $$ |$$\ $$ | $$\ $$ | $$ |$$ | $$ | $$ |$$ | $$ |$$ __$$ |$$ | $$ ____|
$$ | $$ | \$$$$$$ |\$$$$$$$ |\$$$$$$ |\$$$$$$$\ \$$$$ | \$$$$$$ |\$$$$$$ |$$ | $$ | $$ |$$$$$$$ |\$$$$$$$ |$$ | \$$$$$$$\
\__| \__| \______/ \_______| \______/ \_______| \____/ \______/ \______/ \__| \__| \__|$$ ____/ \_______|\__| \_______|
$$ |
$$ |
\__|
*****************************************************************************************************************************************************/
#product_compare_container
{
padding: 30px 0;
}
#product_compare_container #product_compare_table
{
}
#product_compare_container #product_compare_table tr th
{
color: #495057;
border-color: #C9C9C9;
vertical-align: middle;
border-bottom: 2px solid #C9C9C9;
}
#product_compare_container #product_compare_table th:nth-of-type(even),
#product_compare_container #product_compare_table td:nth-of-type(even)
{
background-color: #f5f5f5;
}
#product_compare_container #product_compare_table th:nth-of-type(odd),
#product_compare_container #product_compare_table td:nth-of-type(odd)
{
background-color: #EAEAEA;
}
#product_compare_container #product_compare_table tr th .header-container
{
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
#product_compare_container #product_compare_table tr th .header-container .product-title:link,
#product_compare_container #product_compare_table tr th .header-container .product-title:active,
#product_compare_container #product_compare_table tr th .header-container .product-title:visited
{
color: #444444;
transition: color 200ms;
text-decoration: none;
}
#product_compare_container #product_compare_table tr th .header-container .product-title:hover
{
color: #A0A0A0;
}
#product_compare_container #product_compare_table .remove-button:link,
#product_compare_container #product_compare_table .remove-button:active,
#product_compare_container #product_compare_table .remove-button:visited
{
font-family: font_awesome;
font-size: 14pt;
text-decoration: none;
transition: color 200ms;
margin-left: 20px;
}
#product_compare_container #product_compare_table .remove-button:hover
{
}
#product_compare_container #product_compare_table tr > td
{
padding: 15px !important;
white-space: normal !important;
}
#product_compare_container #product_compare_table .header-container
{
display: flex;
justify-content: flex-start;
align-items: center;
}
#product_compare_container #product_compare_table th,
#product_compare_container #product_compare_table td
{
min-width: 200px;
}
#product_compare_container #product_compare_table .product-image
{
max-width: 100px;
max-height: 100px;
}
#product_compare_container #product_compare_table .star-container .star:first-of-type
{
margin-left: 0;
}
#product_compare_container #product_compare_table .star-container
{
display: flex;
justify-content: center;
align-items: center;
margin: 0 15px 0 12px;
}
#product_compare_container #product_compare_table .star-container .star
{
position: relative;
margin-left: 10px;
font-size: 13px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.2));
}
#product_compare_container #product_compare_table .star-container .star:first-of-type
{
margin-left: 0;
}
/*******************************************
/$$ /$$
| $$ |__/
| $$ /$$$$$$ /$$$$$$ /$$ /$$$$$$$
| $$ /$$__ $$ /$$__ $$| $$| $$__ $$
| $$ | $$ \ $$| $$ \ $$| $$| $$ \ $$
| $$ | $$ | $$| $$ | $$| $$| $$ | $$
| $$$$$$$$| $$$$$$/| $$$$$$$| $$| $$ | $$
|________/ \______/ \____ $$|__/|__/ |__/
/$$ \ $$
| $$$$$$/
\______/
******************************************/
#ecom_account_login_container
{
width: 100%;
max-width: 650px;
margin: 30px auto;
padding: 40px;
border: 1px solid #d8d8d8;
}
#ecom_account_login_container > .description
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 30px;
}
#ecom_account_login_container .login_form
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
#ecom_account_login_container .error
{
text-align: center;
border: 1px solid #CECECEFF;
background-color: #fbfbfb;
padding: 10px;
color: #ee2b26;
}
#ecom_account_login_container .login_form > div
{
display: flex;
justify-content: flex-start;
align-items: center;
padding: 10px 0;
width: 100%;
max-width: 400px;
}
#ecom_account_login_container .login_form.guest-account > div
{
max-width: 450px;
}
#ecom_account_login_container .login_form.guest-account .captcha-row
{
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
}
#ecom_account_login_container .login_form > div.submit
{
justify-content: center;
}
@media screen and (max-width:992px)
{
#ecom_account_login_container .login_form > div
{
flex-flow: column nowrap;
}
}
#ecom_account_login_container .login_form > div label
{
width: 100px;
}
#ecom_account_login_container .login_form.guest-account > div label
{
width: 150px;
}
#ecom_account_login_container .login_form > div input[type="text"],
#ecom_account_login_container .login_form > div input[type="password"]
{
font-size: 12pt;
padding: 5px;
width: 95%;
max-width: 300px;
border: 1px solid #919191;
transition: background-color 200ms;
}
#ecom_account_login_container .login_form > div input[type="text"]:hover,
#ecom_account_login_container .login_form > div input[type="password"]:hover
{
background-color: #F7F7F7;
}
#ecom_account_login_container .login_form > div input[type="text"]:focus,
#ecom_account_login_container .login_form > div input[type="password"]:focus
{
background-color: #F2F2F2;
}
#ecom_account_login_container .login_form > div.extra-links
{
justify-content: space-between;
width: 100%;
max-width: 385px;
margin-top: 20px;
border-top: 1px solid #E2E2E2;
}
#ecom_account_login_container .login_form > div.extra-links a:link,
#ecom_account_login_container .login_form > div.extra-links a:active,
#ecom_account_login_container .login_form > div.extra-links a:visited
{
text-decoration: none;
transition: color 200ms;
}
#ecom_account_login_container .login_form > div.extra-links a:hover
{
}
@media screen and (max-width:992px)
{
#ecom_account_login_container .login_form > div.extra-links a:link,
#ecom_account_login_container .login_form > div.extra-links a:active,
#ecom_account_login_container .login_form > div.extra-links a:visited,
#ecom_account_login_container .login_form > div.extra-links a:hover
{
margin: 5px 0;
}
#ecom_account_login_container .login_form > div label
{
text-align: center;
}
}
/***************************************************************************************************************************************
/$$$$$$ /$$ /$$$$$$ /$$
/$$__ $$ | $$ /$$__ $$ | $$
| $$ \__/ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ | $$ \ $$ /$$$$$$$ /$$$$$$$ /$$$$$$ /$$ /$$ /$$$$$$$ /$$$$$$
| $$ /$$__ $$ /$$__ $$ |____ $$|_ $$_/ /$$__ $$ | $$$$$$$$ /$$_____/ /$$_____/ /$$__ $$| $$ | $$| $$__ $$|_ $$_/
| $$ | $$ \__/| $$$$$$$$ /$$$$$$$ | $$ | $$$$$$$$ | $$__ $$| $$ | $$ | $$ \ $$| $$ | $$| $$ \ $$ | $$
| $$ $$| $$ | $$_____/ /$$__ $$ | $$ /$$| $$_____/ | $$ | $$| $$ | $$ | $$ | $$| $$ | $$| $$ | $$ | $$ /$$
| $$$$$$/| $$ | $$$$$$$| $$$$$$$ | $$$$/| $$$$$$$ | $$ | $$| $$$$$$$| $$$$$$$| $$$$$$/| $$$$$$/| $$ | $$ | $$$$/
\______/ |__/ \_______/ \_______/ \___/ \_______/ |__/ |__/ \_______/ \_______/ \______/ \______/ |__/ |__/ \___/
***************************************************************************************************************************************/
#ecom_create_account_container
{
width: 100%;
max-width: 936px;
margin: 30px auto;
}
#ecom_create_account_container table
{
margin-top: 15px;
}
#ecom_create_account_container table tr td
{
padding: 10px;
}
#ecom_create_account_container table tr th
{
padding: 15px;
background-color: #dedede;
text-align: center;
}
#ecom_create_account_container table tr:nth-of-type(odd) td
{
background-color: #F0F0F0;
}
#ecom_create_account_container table tr td input[type="text"],
#ecom_create_account_container table tr td input[type="password"]
{
width: 100%;
font-size: 16px;
padding: 5px;
border: 1px solid #919191;
transition: background-color 200ms;
}
#ecom_create_account_container .required-marker
{
color: #FF0000;
}
#ecom_create_account_container .error
{
text-align: center;
border: 1px solid #CECECEFF;
background-color: #fbfbfb;
padding: 30px;
width: 100%;
max-width: 400px;
color: #ee2b26;
margin: 15px auto;
}
#ecom_create_account_container .captcha-row
{
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
}
.button-row
{
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
}
.button-row a:nth-of-type(2),
.button-row input[type="submit"]
{
margin-left: 15px;
}
/* md and below */
@media screen and (max-width:991px)
{
#ecom_create_account_container table tr td
{
padding: 0 0 15px 0;
width: 100% !important;
float: left;
clear: both;
}
#ecom_create_account_container table tr:nth-of-type(odd) td
{
display: block;
margin: 0 auto;
}
#ecom_create_account_container table tr td:nth-of-type(odd)
{
padding-top: 10px;
padding-bottom: 5px;
}
#ecom_create_account_container table tr td label
{
display: block;
width: 95%;
margin: 0 auto;
}
#ecom_create_account_container table tr td input[type="text"],
#ecom_create_account_container table tr td input[type="password"]
{
display: block;
margin: 0 auto;
width: 95%;
font-size: 16px;
padding: 5px;
}
#ecom_create_account_container table tr td select
{
margin-left: 10px;
}
#ecom_create_account_container table tr td .g-recaptcha
{
width: 100%;
margin: 0 auto;
max-width: 304px;
}
}
@media screen and (max-width:420px)
{
.button-row
{
flex-flow: column nowrap;
}
.button-row a:link:nth-of-type(2),
.button-row a:active:nth-of-type(2),
.button-row a:visited:nth-of-type(2),
.button-row a:hover:nth-of-type(2)
{
margin: 10px 0 0 0;
}
}
/************************************************************************************************************************************************
/$$$$$$$$ /$$ /$$$$$$$ /$$
| $$_____/ | $$ | $$__ $$ | $$
| $$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ | $$ \ $$ /$$$$$$ /$$$$$$$ /$$$$$$$ /$$ /$$ /$$ /$$$$$$ /$$$$$$ /$$$$$$$
| $$$$$ /$$__ $$ /$$__ $$ /$$__ $$ /$$__ $$|_ $$_/ | $$$$$$$/|____ $$ /$$_____//$$_____/| $$ | $$ | $$ /$$__ $$ /$$__ $$ /$$__ $$
| $$__/| $$ \ $$| $$ \__/| $$ \ $$| $$ \ $$ | $$ | $$____/ /$$$$$$$| $$$$$$| $$$$$$ | $$ | $$ | $$| $$ \ $$| $$ \__/| $$ | $$
| $$ | $$ | $$| $$ | $$ | $$| $$ | $$ | $$ /$$ | $$ /$$__ $$ \____ $$\____ $$| $$ | $$ | $$| $$ | $$| $$ | $$ | $$
| $$ | $$$$$$/| $$ | $$$$$$$| $$$$$$/ | $$$$/ | $$ | $$$$$$$ /$$$$$$$//$$$$$$$/| $$$$$/$$$$/| $$$$$$/| $$ | $$$$$$$
|__/ \______/ |__/ \____ $$ \______/ \___/ |__/ \_______/|_______/|_______/ \_____/\___/ \______/ |__/ \_______/
/$$ \ $$
| $$$$$$/
\______/
************************************************************************************************************************************************/
#ecom_forgot_password_container
{
width: 100%;
max-width: 650px;
margin: 30px auto;
padding: 40px;
border: 1px solid #d8d8d8;
}
#ecom_forgot_password_container > .description
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 30px;
}
#ecom_forgot_password_container .forgot_password_form
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
#ecom_forgot_password_container .error
{
text-align: center;
border: 1px solid #CECECEFF;
background-color: #fbfbfb;
padding: 10px;
color: #ee2b26;
}
#ecom_forgot_password_container .forgot_password_form > div
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
padding: 10px 0;
width: 100%;
max-width: 600px;
}
#ecom_forgot_password_container .forgot_password_form > div.submit
{
flex-flow: row nowrap;
justify-content: center;
}
#ecom_forgot_password_container .forgot_password_form > div.submit *
{
margin: 0 10px;
}
@media screen and (max-width:992px)
{
#ecom_forgot_password_container .forgot_password_form > div
{
flex-flow: column nowrap;
}
}
#ecom_forgot_password_container .forgot_password_form > div input[type="text"],
#ecom_forgot_password_container .forgot_password_form > div input[type="password"]
{
font-size: 12pt;
padding: 5px;
width: 95%;
max-width: 300px;
border: 1px solid #919191;
transition: background-color 200ms;
}
#ecom_forgot_password_container .forgot_password_form > div input[type="text"]:hover,
#ecom_forgot_password_container .forgot_password_form > div input[type="password"]:hover
{
background-color: #F7F7F7;
}
#ecom_forgot_password_container .forgot_password_form > div input[type="text"]:focus,
#ecom_forgot_password_container .forgot_password_form > div input[type="password"]:focus
{
background-color: #F2F2F2;
}
#ecom_forgot_password_container .forgot_password_form > div.extra-links
{
justify-content: space-between;
width: 100%;
max-width: 385px;
margin-top: 20px;
border-top: 1px solid #E2E2E2;
}
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:link,
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:active,
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:visited
{
text-decoration: none;
transition: color 200ms;
}
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:hover
{
}
@media screen and (max-width:992px)
{
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:link,
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:active,
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:visited,
#ecom_forgot_password_container .forgot_password_form > div.extra-links a:hover
{
margin: 5px 0;
}
}
/*****************************************************************************************
/$$$$$$$ /$$ /$$ /$$
| $$__ $$ | $$ | $$ | $$
| $$ \ $$ /$$$$$$ /$$$$$$$| $$$$$$$ | $$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$ /$$$$$$$
| $$ | $$ |____ $$ /$$_____/| $$__ $$| $$__ $$ /$$__ $$ |____ $$ /$$__ $$ /$$__ $$
| $$ | $$ /$$$$$$$| $$$$$$ | $$ \ $$| $$ \ $$| $$ \ $$ /$$$$$$$| $$ \__/| $$ | $$
| $$ | $$ /$$__ $$ \____ $$| $$ | $$| $$ | $$| $$ | $$ /$$__ $$| $$ | $$ | $$
| $$$$$$$/| $$$$$$$ /$$$$$$$/| $$ | $$| $$$$$$$/| $$$$$$/| $$$$$$$| $$ | $$$$$$$
|_______/ \_______/|_______/ |__/ |__/|_______/ \______/ \_______/|__/ \_______/
*****************************************************************************************/
#ecom_dashboard_container
{
margin: 30px 0;
}
#ecom_dashboard_container div.description
{
display: flex;
margin-bottom: 30px;
}
#ecom_dashboard_container div.description > .left-column
{
margin-right: 15px;
}
#ecom_dashboard_container div.description > .left-column img
{
height: 96px;
}
#ecom_dashboard_container div.description > .right-column
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: flex-start;
}
@media screen and (max-width:992px)
{
#ecom_dashboard_container div.description
{
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
#ecom_dashboard_container div.description > .left-column img
{
margin-bottom: 10px;
}
#ecom_dashboard_container div.description > .right-column
{
align-items: center;
text-align: center;
}
}
#ecom_dashboard_container .breadcrumb-container
{
background-color: #333333;
color: #FFFFFF;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12pt;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 20px;
}
#ecom_dashboard_container .breadcrumb-container,
#ecom_dashboard_container .breadcrumb-container a:link,
#ecom_dashboard_container .breadcrumb-container a:active,
#ecom_dashboard_container .breadcrumb-container a:visited
{
color: #ffffff;
text-decoration: none;
transition: color 200ms;
}
#ecom_dashboard_container .breadcrumb-container a:hover
{
color: #BCBCBCFF;
}
#ecom_dashboard_container .nav-tabs
{
padding-left: 0;
}
#ecom_dashboard_container .nav-tabs li::before
{
display: none;
}
#ecom_dashboard_container .dashboard-items-container
{
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
#ecom_dashboard_container .dashboard-items-container > a:link,
#ecom_dashboard_container .dashboard-items-container > a:visited
{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
margin: 0 25px;
width: 200px;
height: 200px;
color: #494949FF;
background-color: #ffffff;
text-decoration: none;
transition: all 200ms;
}
#ecom_dashboard_container .dashboard-items-container > a:hover
{
background-color: #F2F2F2;
}
#ecom_dashboard_container .dashboard-items-container > a:hover img
{
transform: translateY(-3px);
}
#ecom_dashboard_container .dashboard-items-container > a:active
{
background-color: #DDDDDD;
}
#ecom_dashboard_container .dashboard-items-container > a:link:first-of-type,
#ecom_dashboard_container .dashboard-items-container > a:visited:first-of-type,
#ecom_dashboard_container .dashboard-items-container > a:hover:first-of-type,
#ecom_dashboard_container .dashboard-items-container > a:active:first-of-type
{
margin-left: 0;
}
#ecom_dashboard_container .dashboard-items-container > a:link:last-of-type,
#ecom_dashboard_container .dashboard-items-container > a:visited:last-of-type,
#ecom_dashboard_container .dashboard-items-container > a:hover:last-of-type,
#ecom_dashboard_container .dashboard-items-container > a:active:last-of-type
{
margin-right: 0;
}
#ecom_dashboard_container .dashboard-items-container > a:link img,
#ecom_dashboard_container .dashboard-items-container > a:visited img,
#ecom_dashboard_container .dashboard-items-container > a:hover img,
#ecom_dashboard_container .dashboard-items-container > a:active img
{
margin-bottom: 10px;
transition: all 200ms;
}
@media screen and (max-width:1200px)
{
#ecom_dashboard_container .table-wrapper
{
width: 100%;
overflow-x: scroll;
}
}
#ecom_dashboard_container #saved_products_table
{
width: 1170px;
}
@media screen and (max-width:992px)
{
#ecom_dashboard_container #saved_products_table
{
width: 992px;
}
}
@media screen and (max-width:480px)
{
#ecom_dashboard_container #saved_products_table
{
width: 600px;
}
}
#ecom_dashboard_container .receipt
{
width: 100%;
}
@media screen and (min-width:1201px)
{
#ecom_dashboard_container .receipt
{
max-width: 1170px;
}
}
@media screen and (max-width:1200px)
{
#ecom_dashboard_container .receipt
{
width: 940px;
}
}
#ecom_dashboard_container #previous_orders_table tr th,
#ecom_dashboard_container #previous_orders_table tr td
{
padding: 15px;
}
#ecom_dashboard_container #previous_orders_table tr td a:link,
#ecom_dashboard_container #previous_orders_table tr td a:active,
#ecom_dashboard_container #previous_orders_table tr td a:visited,
#ecom_dashboard_container #previous_orders_table tr td a:hover
{
font-size: 16pt;
}
@media screen and (max-width:992px)
{
#ecom_dashboard_container #previous_orders_table.rem-responsive-table tr td
{
padding-left: 15px !important;
padding-right: 15px !important;
}
#ecom_dashboard_container #previous_orders_table.rem-responsive-table tr td:first-of-type
{
padding-top: 15px;
}
#ecom_dashboard_container #previous_orders_table.rem-responsive-table tr td
{
padding-top: 0;
padding-bottom: 5px;
}
}
#ecom_dashboard_container #saved_products_table tr th
{
padding: 20px;
border-top: 1px solid #dddddd;
border-bottom: 2px solid #dddddd;
}
#ecom_dashboard_container #saved_products_table tr th:first-of-type
{
border-left: 1px solid #dddddd;
}
#ecom_dashboard_container #saved_products_table tr th:last-of-type
{
border-right: 1px solid #dddddd;
}
#ecom_dashboard_container #saved_products_table tr td
{
padding: 20px;
}
#ecom_dashboard_container #saved_products_table .saved-product-image-and-name-container a:link,
#ecom_dashboard_container #saved_products_table .saved-product-image-and-name-container a:visited,
#ecom_dashboard_container #saved_products_table .saved-product-image-and-name-container a:active,
#ecom_dashboard_container #saved_products_table .saved-product-image-and-name-container a:hover
{
display: flex;
flex-flow: column wrap;
justify-content: center;
width: 140px;
padding: 15px;
border: 1px solid #dddddd;
color: #3A3A3AFF;
text-decoration: none;
text-align: center;
}
#ecom_dashboard_container #saved_products_table .saved-product-image-and-name-container:first-of-type
{
border-top: none;
}
#ecom_dashboard_container #saved_products_table .saved-product-image-and-name-container img
{
width: 100%;
max-width: 100px;
height: auto;
padding-bottom: 8px;
}
#ecom_dashboard_container #saved_products_table .action-links a:link,
#ecom_dashboard_container #saved_products_table .action-links a:active,
#ecom_dashboard_container #saved_products_table .action-links a:visited,
#ecom_dashboard_container #saved_products_table .action-links a:hover
{
font-size: 14pt;
transition: color 200ms;
text-decoration: none;
}
#ecom_dashboard_container #saved_products_table .action-links a:link:nth-of-type(2),
#ecom_dashboard_container #saved_products_table .action-links a:active:nth-of-type(2),
#ecom_dashboard_container #saved_products_table .action-links a:visited:nth-of-type(2),
#ecom_dashboard_container #saved_products_table .action-links a:hover:nth-of-type(2)
{
margin-left: 5px;
}
@media screen and (max-width:992px)
{
#ecom_dashboard_container .dashboard-items-container > a:link,
#ecom_dashboard_container .dashboard-items-container > a:visited,
#ecom_dashboard_container .dashboard-items-container > a:hover,
#ecom_dashboard_container .dashboard-items-container > a:active
{
margin: 25px 0;
}
}
@media screen and (max-width:450px)
{
#ecom_dashboard_container .dashboard-items-container
{
height: 100%;
}
}
#ecom_dashboard_container .manage-account-table i
{
font-size: 10pt;
color: #707070FF;
}
#ecom_dashboard_container .manage-account-table input[type="text"],
#ecom_dashboard_container .manage-account-table input[type="password"]
{
font-size: 12pt;
padding: 5px;
}
#ecom_dashboard_container div.submit
{
display: flex;
justify-content: center;
margin-top: 15px;
}
#ecom_dashboard_container div.submit *
{
margin: 0 10px;
}
#ecom_dashboard_container .manage-account-table tr td
{
padding: 15px;
}
#ecom_dashboard_container .nav-tabs li a:link,
#ecom_dashboard_container .nav-tabs li a:active,
#ecom_dashboard_container .nav-tabs li a:visited
{
color: #B2B2B2FF;
text-decoration: none;
background-color: #eeeeee;
transition: background-color 200ms;
}
#ecom_dashboard_container .nav-tabs li a:hover
{
background-color: #DDDDDD;
}
#ecom_dashboard_container .nav-tabs li.active a:link,
#ecom_dashboard_container .nav-tabs li.active a:active,
#ecom_dashboard_container .nav-tabs li.active a:visited,
#ecom_dashboard_container .nav-tabs li.active a:hover
{
color: #555555;
background-color: #ffffff;
}
#ecom_dashboard_container .shipping-toggle-container
{
width: 100%;
text-align: center;
padding: 20px;
}
@media screen and (max-width:992px)
{
#ecom_dashboard_container .manage-account-table input[type="text"],
#ecom_dashboard_container .manage-account-table input[type="password"]
{
width: 100%;
}
#ecom_dashboard_container .manage-account-table tr td:nth-of-type(even)
{
padding-top: 0;
border-top: none;
}
#ecom_dashboard_container .manage-account-table tr td:nth-of-type(odd)
{
padding-bottom: 5px;
}
}
/*******************************************************************************
/$$$$$$ /$$ /$$ /$$
/$$__ $$| $$ | $$ | $$
| $$ \__/| $$$$$$$ /$$$$$$ /$$$$$$$| $$ /$$ /$$$$$$ /$$ /$$ /$$$$$$
| $$ | $$__ $$ /$$__ $$ /$$_____/| $$ /$$/ /$$__ $$| $$ | $$|_ $$_/
| $$ | $$ \ $$| $$$$$$$$| $$ | $$$$$$/ | $$ \ $$| $$ | $$ | $$
| $$ $$| $$ | $$| $$_____/| $$ | $$_ $$ | $$ | $$| $$ | $$ | $$ /$$
| $$$$$$/| $$ | $$| $$$$$$$| $$$$$$$| $$ \ $$| $$$$$$/| $$$$$$/ | $$$$/
\______/ |__/ |__/ \_______/ \_______/|__/ \__/ \______/ \______/ \___/
*******************************************************************************/
#checkout_container
{
margin: 30px 0;
}
#checkout_container .breadcrumb-container
{
background-color: #333333;
color: #FFFFFF;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12pt;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 20px;
}
#checkout_container .breadcrumb-container
{
color: #B7B7B7;
font-weight: normal;
text-decoration: none;
transition: color 200ms;
}
#checkout_container .breadcrumb-container span.crumb
{
margin: 0 10px;
}
@media screen and (max-width:992px)
{
#checkout_container .rem-responsive-table tr td
{
padding-left: 15px !important;
padding-right: 15px !important;
}
#checkout_container .rem-responsive-table tr td:first-of-type
{
padding-bottom: 3px;
}
#checkout_container .rem-responsive-table tr td:nth-of-type(2)
{
border-top: none;
padding-top: 0;
}
}
@media screen and (max-width:1200px)
{
#checkout_container .breadcrumb-container span.crumb
{
display: block;
margin: 10px 0;
}
}
#checkout_container .breadcrumb-container span.crumb.active
{
color: #ffffff;
}
#checkout_container #order_preperation_form > table > tr > th
{
padding: 15px;
}
#checkout_container #order_preperation_form > table > tr > td
{
padding: 15px;
}
#checkout_container #cart_container > table
{
width: 100%;
}
#checkout_container #cart_container > table tr > th
{
padding: 20px;
border-top: 1px solid #dddddd;
}
#checkout_container #cart_container > table tr > th:first-of-type
{
border-left: 1px solid #dddddd;
}
#checkout_container #cart_container > table tr > th:last-of-type
{
border-right: 1px solid #dddddd;
}
#checkout_container #cart_container > table tr > td
{
padding: 15px;
}
#checkout_container #cart_container > table tr > td em
{
font-size: 10pt;
}
#checkout_container #cart_container > table tr > td.action-links a:link,
#checkout_container #cart_container > table tr > td.action-links a:active,
#checkout_container #cart_container > table tr > td.action-links a:visited,
#checkout_container #cart_container > table tr > td.action-links a:hover
{
font-size: 14pt;
text-decoration: none;
transition: color 200ms;
}
#checkout_container #cart_container > table tr > td.action-links a:link:nth-of-type(2),
#checkout_container #cart_container > table tr > td.action-links a:active:nth-of-type(2),
#checkout_container #cart_container > table tr > td.action-links a:visited:nth-of-type(2),
#checkout_container #cart_container > table tr > td.action-links a:hover:nth-of-type(2)
{
margin-left: 5px;
}
#checkout_container .other-details
{
margin: 30px 0;
}
#checkout_container .other-details textarea
{
width: 100%;
max-width: 300px;
height: 120px;
}
#checkout_container .promo-code
{
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 30px 0;
}
#checkout_container .promo-code input[type="text"]
{
margin: 8px 0;
}
#checkout_container .promo-code #promoCodeNotesSpan
{
margin-top: 10px;
font-style: italic;
font-weight: bold;
}
#checkout_container .promo-code #promoCodeNotesSpan.found
{
color: #467d3e;
}
#checkout_container h5
{
padding-bottom: 8px;
}
#checkout_container .side-by-side-container
{
display: flex;
}
#checkout_container .email
{
word-break: break-all;
}
#checkout_container .side-by-side-container h5
{
margin-right: 15px !important;
}
#checkout_container #alternateAddressContainer input[type="text"]
{
width: 100%;
}
@media screen and (min-width:992px)
{
#checkout_container #cart_container .mobile-only
{
display: none !important;
}
}
@media screen and (max-width:991px)
{
#checkout_container #cart_container table tr td
{
padding: 10px;
width: 100% !important;
float: left;
clear: both;
}
#checkout_container #cart_container table tr:nth-of-type(odd) td
{
display: block;
margin: 0 auto;
}
#checkout_container #cart_container table tr td:nth-of-type(odd)
{
padding-top: 10px;
padding-bottom: 5px;
}
#checkout_container #cart_container table tr td.tax-code
{
text-align: right;
}
#checkout_container #cart_container > table tr > td.action-links
{
text-align: center;
margin-bottom: 30px;
}
#checkout_container #cart_container > table tr > td.action-links a:link,
#checkout_container #cart_container > table tr > td.action-links a:active,
#checkout_container #cart_container > table tr > td.action-links a:visited,
#checkout_container #cart_container > table tr > td.action-links a:hover
{
font-size: 20pt;
}
#checkout_container #cart_container > table tr > td.action-links a:link:nth-of-type(2),
#checkout_container #cart_container > table tr > td.action-links a:active:nth-of-type(2),
#checkout_container #cart_container > table tr > td.action-links a:visited:nth-of-type(2),
#checkout_container #cart_container > table tr > td.action-links a:hover:nth-of-type(2)
{
margin-left: 15px;
}
#checkout_container #cart_container .desktop-only
{
display: none !important;
}
}
@media screen and (max-width:400px)
{
.cart.button-row
{
flex-flow: row wrap;
align-items: center;
width: 100%;
justify-content: space-between;
}
.cart.button-row a:link,
.cart.button-row a:active,
.cart.button-row a:visited,
.cart.button-row a:hover
{
margin: 0;
}
}
#transaction_complete_container
{
margin: 30px 0;
}
#transaction_complete_container h1
{
padding-bottom: 20px;
}
#transaction_complete_container h2
{
padding-bottom: 3px;
}
#transaction_complete_container p
{
padding-bottom: 30px;
}
/* PRODUCT INFO - JCAROUSEL ITEMS */
.jcarousel-skin-default .jcarousel
{
position: relative;
overflow: hidden;
width: 300;
height: 112px;
}
.jcarousel-skin-default ul
{
width: 20000px;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
}
.jcarousel-skin-default li
{
float: left;
margin: 0 0 0 0;
padding: 0;
border: solid #EEEEEE 1px;
background: #FFFFFF;
margin-right:5px;
}
*[dir=rtl] .jcarousel-skin-default li {
float: right;
margin: 0 0 0 0;
}
.jcarousel-skin-default li img
{
border: 0;
}
.ww_ecom_productInfo_thumbImageCell img
{
width:96px;
height:100px;
}