@import url("../slickSlider.css?test=1234");

.body
{
    background-color: #FFFFFF;
    background-image: none;
    text-align: center;
    overflow-x: hidden;
}

.mainContainerDiv
{
    padding-top: 40px;
    padding-bottom: 40px;
}

#topnavigationdiv
{
    display: inline-block;
    width: 100%;
    border: none;
    font: 10pt arial;
    padding-top: 0;
    padding-bottom: 10px;
    text-align: center;
    order: 1;
}

#artistheadshotdiv
{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    vertical-align: middle;
}

#artistHeadshotAndNameDiv
{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

#artistHeadshot
{
    display: inline-block;
    vertical-align: middle;
    max-width: 30px;
	height: auto;
    border-radius: 15px;
    box-shadow: 2px 2px 2px #EEEEEE;
    margin-right: 5px;
}

#artistName
{
    display: inline-block;
    max-width: 75%;
    vertical-align: middle;
    font: 10pt arial;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leftdiv
{
    display: inline-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    width: calc(100% - 340px);
    width: -webkit-calc(100% - 360px);
    margin-right: 50px;
    padding-top: 0px;
    text-align: center;
    vertical-align: top;
}

.rightdiv
{
    display: inline-block;
    width: 300px;
    text-align: justify;
    vertical-align: top;
}

#previousNextDivTop
{
    display: none;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 15px;
}

#productCountContainerDiv
{
    display: inline-block;
}

#previousNextDivContainer
{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: left;
}

#previousNextDiv
{
    float: left;
}

#previousNextDiv p
{
    display: inline-block;
    font: 11pt arial;
    color: #666666;
    vertical-align: middle;
}

#previousNextDiv #verticalLine
{
    display: inline-block;
    font: 10pt arial;
    color: #BBBBBB;
    vertical-align: middle;
}

#previousNextDiv a, #previousNextDiv a:link, #previousNextDiv a:active
{
    font: inherit;
    color: inherit;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
}

.leftArrowImage
{
    display: inline-block;
    vertical-align: middle;
    max-height: 10px;
    padding-right: 7px;
    border: none;
}

.rightArrowImage
{
    display: inline-block;
    vertical-align: middle;
    max-height: 10px;
    padding-left: 7px;
    border: none;
}

#extraProductDivMobileTop
{
    display: none;
    position: fixed;
    z-index: 2001;
    left: 0px;
    top: -81px;
    width: 100%;
    height: 80px;
    padding: 0px;
    overflow: auto;
    border: none;
    border-bottom: 1px solid #AAAAAA;
    background-color: #FFFFFF;
	box-shadow: none;
    visibility: visible;
    transition: top 0.5s, visibility 0.5s;
    text-align: center;
    overflow: hidden;
}

#extraProductDivMobileTop[data-visible = 'true']
{
	box-shadow: 0px 0px 15px #EEEEEE;
}

#renderedImageMobileTop
{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 70%;
}

#priceMobileTop
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 18pt;
    font-family: oswald, arial;
    color: #444444;
}

#buttonAddToCartMobileTop
{
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12pt;
    font-family: oswald, arial;
    font-weight: normal;
    border: none;
    background-color: #445577;
    background-color: #7CE0D3;
    background-color: #4CD4BF;
    color: #FFFFFF;
    border-radius: 2px;
    text-align: center;
    box-shadow: none;
    text-decoration: none;
    text-shadow: 0px 1px 2px #222222;
    text-shadow: none;
}

#buttonAddToCartMobileTop:hover
{
    background-color: #CACCCB;
}


#productPreviewDiv
{
    position: relative;
    width: 100%;
    border: none;
    text-align: left;
	z-index: -1;
}

#resizeSuggestionDiv
{
    position: absolute;
    top: -15px;
    left: 0;
    z-index: 500;
    width: 100%;
    border: none;
    text-align: center;
    display: inline-block;  
    font-size: 8pt;
    color: #AAAAAA;
}

#additionalImageContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}

.additionalImageDiv
{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    max-width: 120px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    border: none;
}

.additionalImageDiv button
{
	display: inline-block;
	width: 100%;
}

.additionalImageDiv img
{
    display: inline-block;
    box-sizing: border-box;
	width: 100%;
	height: auto;
	max-height: 80px;
    border-radius: 2px;
    box-shadow: 2px 2px 8px #CCCCCC;
    box-shadow: none;
	background-color: #F5F5F5;
}

.additionalImageVideoDiv img,
.additionalImage3dModelDiv img,
.additionalImageMobileAppWallViewDiv img
{
	max-width: 60px;
}

.additionalImageVideoDiv img
{
	background-color: #FFFFFF;	
}

#borderDiv {
    position: absolute;
    z-index: 505;
    border: 1px solid #00FF00;
    box-shadow: 0 0 20px #000000;
    text-align: center;
}

#artworkDiv {
    position: absolute;
    z-index: 505;
    border: 1px dashed #999999;
    background-color: transparent;
    cursor: move;
}

#artworkDiv img {
    width: 100%;
    height: 100%;
}

.buttonSimilar,
.buttonSimilar:active,
.buttonSimilar:link,
.buttonSimilar:visited,
.buttonFeatured,
.buttonFeatured:active,
.buttonFeatured:link,
.buttonFeatured:visited
{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-size: 10pt;
    font-family: helvetica, cabin, oswald, arial;
    color: #444444;
    background-color: #F5F5F5;
    
}

.buttonSimilar:hover,
.buttonFeatured:hover
{
    color: #FFFFFF;
    background-color: #59D4BD;
    border-color: #59D4BD;
}


.buttonTag,
.buttonTag:active,
.buttonTag:link,
.buttonTag:visited
{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-size: 10pt;
    font-family: cabin, oswald, arial;
    color: #444444;
    background-color: #F5F5F5;
    
}

.buttonTag:hover
{
    color: #FFFFFF;
    background-color: #59D4BD;
    border-color: #59D4BD;
}


.buttonSimilarCollection,
.buttonSimilarCollection:active,
.buttonSimilarCollection:link,
.buttonSimilarCollection:visited
{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
	margin-top: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-size: 10pt;
    font-family: helvetica, cabin, oswald, arial;
    color: #444444;
    background-color: #F5F5F5;
    
}

.similarCollectionDiv:hover .buttonSimilarCollection
{
    color: #FFFFFF;
    background-color: #59D4BD;
    border-color: #59D4BD;
}

#productGhostButtonContainerDiv
{
    display: inline-block;
    width: 100%;
    padding-top: 80px;
    text-align: center;
}

.productGhostButtonDiv
{
    display: inline-block;
    vertical-align: top;
    padding-bottom: 25px;
}

.productGhostButton,
.productGhostButton:link,
.productGhostButton:active,
.productGhostButton:visited,
.productGhostButton:hover
{
    display: inline-block;
    padding: 15px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 14pt;
    font-family: cabin, oswald, arial;
    color: #444444;
    border: 2px solid #AAAAAA;
}

.productGhostButton:hover
{
    background-color: rgba(106,201,157,0.15);
}

.productGhostButtonDiv > div
{
    display: block;
    padding-top: 10px;
}

.productGhostButtonDiv > div > p
{
    display: block;
    padding-bottom: 2px;
    font-size: 9pt;
    font-family: arial;
    color: #444444;
}

.productGhostButtonDiv > div > p > a, .productGhostButtonDiv > div > p > a:link
{
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: none;
}

.productGhostButtonDiv > div > p > a:hover
{
    text-decoration: underline;
}

.backgroundItem
{
    visibility: hidden;
}

#productPreviewImage
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 500;
    cursor: move;
    max-width: 100%;
	height: auto;
}

#bleedDiv
{
    position: absolute;
    z-index: 505;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border: 1px dashed #00FF00;
    box-shadow: 0 0 20px #000000;
}

#coloredBleedDiv
{
    position: absolute;
    z-index: 500;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border: 1px solid;
}

.notice
{
    position: absolute;
    width: 100%;
    font: 8pt arial;
    color: #00FF00;
    text-align: center;
}

#bleedDiv > .notice
{
    top: -15px;
    display: none;
}

#borderDiv > .notice
{
    bottom: 5px;
}

#watermarkDiv
{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    overflow: visible;
    display: none;
}

#socialDivLeft
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
}

.bulletdiv {
    float: left;
    width: 8px;
    height: 8px;
    overflow: hidden;
    border: 1px solid #999999;
    box-shadow: none;
    background-color: #FFFFFF;
    margin-top: 3px;
    margin-right: 8px;
}

.optionselected {
    background-color: #374353;
    border: 1px solid #666666;
    border-radius: 2px;
}

.optionnotselected {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
}

.productOption
{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    text-align: left;
}

.productOptionHalf
{
    width: 45%;
}

.productOption40
{
    width: 35%;
}

.productOption60
{
    width: 55%;
}

.productOption .optionTitle,
.productOption .optionTitle2
{
    display: inline-block;
    width: 100%;
    font-size: 9pt;
    font-family: avenir, arial;
    font-weight: normal;
    color: #000000;
    letter-spacing: 0px;
    text-shadow: 1px 1px 1px #F5F5F5;
    text-shadow: none;
    text-transform: uppercase;
}

.productOption .optionTitle2
{
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #AAAAAA;
    box-shadow: none;
}

#linkDisplayFullTopDescription:link
{
    font: inherit;
    color: #335599;
}

#linkDisplayFullTopDescription:hover
{
    text-decoration: underline;
}

#imageWarningDiv
{
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

#imageWarningDiv > p:nth-child(1)
{
    display: inline-block;
    width: 100%;
    font-size: 11pt;
    font-family: oswald, arial;
    color: #444444;
}

#imageWarningDiv > p:nth-child(2)
{
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    font-size: 9pt;
    font-family: arial;
    color: #666666;
}

#discountDiv
{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#regularPrice
{
    font-size: 12pt;
    font-family: avenir, arial;
}

#strikethroughPrice
{
    text-decoration: line-through;
    color: #FF0000;
}

#discountMessage
{
    margin-top: 2px;
    font-size: 10pt;
    font-family: avenir, arial;
}

.price
{
    float: left;
    width: 50px;
    font-size: 24pt;
    font-family: oswald, arial;
    font-weight: normal;
    text-shadow: none;
    color: #444444;
}

.productOption .optionSelect
{
    display: inline-block;
    width: 100%;
    padding: 6px;
    margin-top: 5px;
    border: 1px solid #BBBBBB;
    border-radius: 0px;
    font-size: 12pt;
    font-family: cabin, oswald, arial;
    font-weight: normal;
    color: #666666;
    text-shadow: none;
    box-shadow: none;
    text-transform: none;
    letter-spacing: 0px;
    word-spacing: 2px;
}

.productOption .optionBox
{
    position: relative;
    float: left;
    width: 100%;
    width: calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    padding: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    box-shadow: none;
    cursor: pointer;
}

#selectedColor {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-left: 10px;
}

#selectedColorName {
    display: inline-block;
    vertical-align: middle;
    font-size: 12pt;
    font-family: arial;
    color: #666666;
    padding-left: 5px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-spacing: 0px;
}

#togglePickersBox
{
    float: right;
    display: inline-block;
    margin-right: 15px;
    margin-top: 4px;
}

#togglePickersBox img
{
    max-width: 25px;
    opacity: 0.8;
}

#pickersBox {
    margin-top: -1px;
    height: 263px;
    float: left;
    width: 268px;
}

#colorPicker {
    position: relative;
    display: block;
    font-size: 0;
    padding-top: 10px;
    text-align: center;
}

#colorPickerBox {
    padding: 10px 0 0 2px;
}

#defaultColorBox {
    font: 10pt Arial;
    padding-top: 15px;
    text-align: center;
}

#defaultColor {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 20px;
}

#defaultColorTitle {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}

.linkLike.moreColors {
    margin: 10px 2px 2px 2px;
}

.colorSquare {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    margin: 0 2px 2px 0;
    border: none;
    cursor: pointer;
    text-align: center;
}

.colorSquare.selected:after {
    content: "\e013";
    font-family: glyphicons;
    display: inline-block;
    font-size: 10pt;
    color: inherit;
}

.colorCheck {
    display: none;
    font-size: 10pt;
    font-family: glyphicons;
    color: #FFFFFF;
}

.colorSquare.selected {
    border: 1px solid #000000 !important;
}

#colorTitle {
    float: left;
    margin: 0;
    font: 14pt arial;
    font-weight: normal;
    color: #444444;
    text-shadow: none;
    background-color: #FFFFFF;
    padding: 0 15px 0 5px;
    border-right: 1px solid #999999;
}

#pickedColor {
    height: 20px;
    border: 1px solid #999999;
}

#pickedColor > .color {
    height: 20px;
}

#pickedColor > .splitColor {
    border: 10px solid;
    border-right-width: 0;
    border-left-width: 0;
    width: 100%;
    height: 0;
}

#toggleFarbPickerBox {
    text-align: right;
}

.farbtastic {
    margin: 0 auto;
}

#farbPicker {
    padding-top: 10px;
}

#farbColor {
    font: 10pt Arial;
    border: 1px solid #CCCCCC;
    width: 55px;
    padding: 2px;
    margin: 10px 0 0 1px;
}

h1
{
    display: inline-block;
	display: -webkit-box;
    width: 100%;
    line-height: 120%;
    font-size: 16pt;
    font-family: cabin, oswald, arial;
    font-weight: normal;
    color: #444444;
    word-spacing: 0px;
    letter-spacing: 0px;
	overflow: hidden;
	text-overflow: hidden;	
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;		
}

h2
{
    display: inline-block;
    width: 100%;
    font-size: 12pt;
    font-family: montserratregular, avenir, oswald, arial;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    text-shadow: none;
    color: #444444;
    letter-spacing: 0px;
    text-transform: uppercase;
    word-spacing: 5px;
    text-align: left;
}

#dropdownproductsdiv
{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 0px !important;
    overflow: visible;
    border: 1px solid #CCCCCC;
    text-align: left;
    box-shadow: none;
    border: 1px solid #FF0000;
}

#menudiv
{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}

.productdiv,
.productdiv:active,
.productdiv:link,
.productdiv:visited
{
    display: inline-block;
    width: 110px;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 15px;
    text-align: center;
    vertical-align: top;
    border: none;
}

.productdiv > div
{
    display: inline-block;
    width: 100%;
    height: 100px;
    text-align: center;
    vertical-align: top;
}

.productdiv img
{
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    border: none;
}

.productdiv p
{
    display: inline-block;
    width: 80%;
    padding-top: 8px;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #444444;
}

#memberPriceMessageDiv
{
    padding-top: 20px;
}

#memberPriceMessageDiv > p
{
    display: inline-block;
    width: 100%;
    font-size: 9pt;
    font-family: arial;
    color: #444444;
}

#spinner, #priceSpinner {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background: url('/assets/images/Searching.gif') no-repeat center center;
    z-index: 505;
}

#busyImage
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50000;
    display: none;
    opacity: 0.25;
}

.linkpreviousarrow, .linknextarrow
{
    position: absolute;
    top: 50%;
    top: calc(50% - 40px);
    top: -webkit-calc(50% - 40px);
    border: 2px solid transparent;
    opacity: 0.20;
    filter: alpha(opacity=20);
    max-height: 40px;
    padding: 25px;
    z-index: 1000;
}

#linkprevioussidearrow:focus .linkpreviousarrow, #linknextsidearrow:focus .linknextarrow
    {
   border: 2px solid #90BAFE;
}

.linkpreviousarrow:hover, .linknextarrow:hover {
    opacity: 1.00;
    filter: alpha(opacity=100);
}

.linkpreviousarrow {
    left: 0;
}

.linknextarrow {
    right: 0;
}

.linkLike {
    font: 10pt Arial;
    color: #444444;
    text-decoration: underline;
    cursor: pointer;
}

.center {
    text-align: center;
}


#buttonaddtocart
{
    float: right;
    box-sizing: border-box;
    width: 120px;
    padding: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 5px;
    font-size: 12pt;
    font-family: oswald, arial;
    font-weight: normal;
    border: none;
    background-color: #445577;
    background-color: #7CE0D3;
    background-color: #4CD4BF;
    color: #FFFFFF;
    border-radius: 2px;
    text-align: center;
    box-shadow: none;
    text-decoration: none;
    text-shadow: 0px 1px 2px #222222;
    text-shadow: none;
}

#buttonaddtocart:hover
{
    background-color: #CACCCB;
}

#showPriceDetails
{
    float: left;
    width: 100%;
    margin-top: 2px;
    font-size: 9pt;
    font-family: arial;
    color: #999999;
}

#addToFavorites
{
    float: right;
    width: 120px;
    font: 9pt arial;
    color: #999999;
    text-decoration: none;
    text-align: center;
}

#slidercontainer
{
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 510;
}

#sliderguide
{
    position: absolute;
    top: 16px;
    left: 0;
    height: 3px;
    width: 100%;
    width: calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    border: 1px solid #AAAAAA;
    border: none;
    background-color: #BBBBBB;
}

#sliderbar
{
    cursor: pointer;
    cursor: hand;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 10px;
    border: 1px solid #999999;
    border-radius: 0px;
    box-shadow: none;
    background-color: #FFFFFF;
}

.commentHeadshot
{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 18px;
    box-shadow: none;
    margin-left: 15px;
    margin-right: 15px;
}

.individualCommentDiv
{
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    width: calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    overflow: hidden;
}

.commenttextbox
{
    float: left;
    width: 75%;
    width: calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    height: 75px;
    padding: 5px;
    margin-top: 25px;
    font: 10pt arial;
    border: 1px solid #999999;
}

#commentsReviewsContainerDiv
{
    display: inline-block;
    width: 100%;
    padding: 0px;
    border: none;
    box-shadow: none;
}

.commentDiv
{
    float: left;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #DDDDDD;

}

.commentDiv:first-child
{
    border-top: none;
}

.commentDiv:nth-child(2n+1)
{
    background-color: #F7F7F7;
}

.commentDiv:nth-child(n+6)
{
    display: none;
}

#viewMoreComments, #hideMoreComments
{
    float: left;
    padding-top: 0px;
    font-size: 10pt;
    font-family: arial;
}

#viewMoreComments a,
#viewMoreComments a:active,
#viewMoreComments a:link,
#viewMoreComments a:visited,
#hideMoreComments a,
#hideMoreComments a:active,
#hideMoreComments a:link,
#hideMoreComments a:visited
{
    font-size: inherit;
    font-family: inherit;
    color: #444444;
    text-decoration: none;
}

#hideMoreComments a:hover
{
    color: #222222;
    text-decoration: underline;
}

#hideMoreComments
{
    display: none;
}

#iconWithNumbersContainerDiv
{
    float: right;
    margin-top: -5px;
}

.iconClassWithNumbers
{
    display: inline-block;
    box-sizing: border-box;
    margin-left: 1px;
    margin-right: 1px;
    padding: 3px;
	padding-top: 5px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    border: 1px solid #CCCCCC;
	border: none;
    box-shadow: none;
    overflow: hidden;
    vertical-align: middle;
}

.iconImageContainer
{
    display: inline-block;
}

.iconImage
{
    display: inline-block;
    border: none;
    opacity: 1.00;
    filter: alpha(opacity=100);
    max-height: 18px;
    vertical-align: middle;
}

#ThumbIconDiv
{
    display: none;
}

#ThumbIconDiv .iconImage
{
    margin-top: -2px;
}

.iconNumber
{
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
    color: #666666;
    text-shadow: none;
    vertical-align: middle;
}


.iconClassWithNumbers:hover .iconImageContainer
{
    opacity: 1.00;
    filter: alpha(opacity=100);
}

.iconClassWithNumbers:hover .iconImage
{
    opacity: 1.00;
    filter: alpha(opacity=100);
}

.iconClassWithNumbers:hover .iconNumber
{
    display: inline-block;
    border-color: #999999;
}



.iconClass,
.iconClass:active,
.iconClass:hover,
.iconClass:link,
.iconClass:visited
{
    display: inline-block;
    box-sizing: border-box;
    width: 40px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    overflow: hidden;
}

.iconClass .iconClassDiv1
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    overflow: hidden;
    vertical-align: top;
    opacity: 0.85;
    filter: alpha(opacity=85);
    text-align: center;
}

.iconClass .iconClassDiv1 img
{
    display: inline-block;
    border: none;
    opacity: 1.00;
    filter: alpha(opacity=100);
    max-width: 75%;
    max-height: 60%;
    vertical-align: middle;
}

.iconClass .iconClassDiv2
{
    display: none;
    width: 100%;
    font: 8pt arial;
    line-height: 100%;
    overflow: hidden;
    background-color: #FFFFFF;
    border: none;
    text-align: center;
}

.iconClass p
{
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
    font: 8pt arial;
    line-height: 100%;
    font-weight: normal;
    color: #666666;
    text-shadow: none;
}


.iconClass:hover .iconClassDiv1
{
    opacity: 1.00;
    filter: alpha(opacity=100);
}

.iconClass:hover img
{
    opacity: 1.00;
    filter: alpha(opacity=100);
}

.iconClass:hover .iconClassDiv2
{
    border-color: #999999;
}

#socialDiv
{
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #DDDDDD;
    text-align: center;
    display: none;
}

#iconShare
{
    float: right;
    max-width: 25px;
    height: auto;
    border: none;
    opacity: 0.25;
    display: none;
}

#iconShare:hover
{
    opacity: 0.75;
}

#productReviewH2ContainerDiv
{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;

    padding-bottom: 10px;
    border-bottom: 1px solid #AAAAAA;
}

#productReviewH2ContainerDiv > h2
{
    display: inline-block;
    width: auto;
    max-width: 50%;
    border-bottom: none;
}

#averageStarRatingContainerDiv
{
    display: inline-block;
    width: 40%;
    text-align: right;
}

#textAverageRating
{
    display: inline-block;
    width: 100%;
    margin-bottom: 2px;
    font-size: 8pt;
    font-family: arial, sans-serif;
    color: #444444;
    text-transform: uppercase;
}

#averageStarRatingContainerDiv > img
{
    display: inline-block;
    max-width: 20px;
    height: auto;
}


#productReviewContainerDiv
{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start;

    box-sizing: border-box;
    width: 100%;
    padding-top: 0px;
    margin-top: 25px;
}

.productReviewDiv
{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start;

    box-sizing: border-box;
    width: 45%;
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #CCCCCC;
    text-align: left;
}

.productReviewDiv:nth-child(1), .productReviewDiv:nth-child(2)
{
    border-top: none;
}

.productReviewNameDateContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 65%;
}

.productReviewStarRatingContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 30%;
    text-align: right;
}

.productReviewStarRatingContainerDiv img
{
    display: inline-block;
    vertical-align: middle;
    max-width: 20px;
    height: auto;
}


.productReviewName
{
    display: inline-block;
    width: 100%;
    font-size: 10pt;
    font-family: montserratregular, arial, sans-serif;;
}

.productReviewDate
{
    display: inline-block;
    width: 100%;
    font-size: 8pt;
    font-family: helvetica, arial, sans-serif;;
    color: #444444;
    text-transform: uppercase;
}

.productReviewMessage
{
    font-size: 10pt;
    font-family: helvetica, avenir, sans-serif;
}

.productReviewImage
{
    float: left;
    max-width: 90px;
    max-height: 90px;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius: 2px;
}

#productReviewButtonContainerDiv
{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

#linkHideAdditionalProductReviews,
#linkHideAdditionalProductReviews:active,
#linkHideAdditionalProductReviews:link,
#linkHideAdditionalProductReviews:visited
{
    display: inline-block;
    margin-top: 10px;
    font-size: 10pt;
    font-family: arial, sans-serif;
    color: #444444;
}

.videoParentDiv,
.youTubeParentDiv
{
	position: relative;
	width: 100%;
	height: 0px;	
	padding-bottom: 56.25%;
	margin-top: 20px;
}

.videoDiv,
.youTubeVideo
{
	display: inline-block;
	box-sizing: border-box;	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #999999;
	object-fit: fill;
}

#similarCollectionsOuterContainerDiv
{
	display: inline-block;
	width: 100%;
	padding-top: 60px;
	text-align: center;
}

#similarCollectionsContainerDiv
{
	display: inline-flex;
	box-sizing: border-box;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
	column-gap: 20px;
	
	width: 100%;
	margin-top: 20px;
}

#similarCollectionsContainerDiv::-webkit-scrollbar
{
	width: 0px;
}

#similarCollectionsContainerDiv::-webkit-scrollbar
{
	width: 4px;
}	

#similarCollectionsContainerDiv:hover::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}

#similarCollectionsContainerDiv:hover::-webkit-scrollbar-thumb
{
	background-color: #CCCCCC;
	outline: none;
}


.similarCollectionDiv
{
	display: inline-block;
	width: 22%;
	flex-shrink: 0;
}

[data-num-collections = '3'] .similarCollectionDiv
{
	width: 30%;
}

.similarCollectionDiv:nth-of-type(n + 5)
{
	display: none;
}

.similarCollectionImagesDiv
{
	display: inline-grid;
	box-sizing: border-box;
	width: 100%;
	margin-top: 0px;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr 1fr;
	gap: 5px;
	border: none;
}

.similarCollectionImage
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	background-color: #EEEEEE;
	box-shadow: 0px 8px 8px -5px rgba(0,0,0,0.20);	
}

.similarCollectionImage[data-light-image = '1']
{
	border: 1px solid #CCCCCC;
}

.similarCollectionImage:nth-of-type(1)
{
	grid-row: span 2;
	grid-column: span 2;
}

.similarCollectionImage:nth-of-type(n + 6)
{
	display: none;
}

.similarCollectionName
{
	display: inline-block;
	width: 100%;
	margin-top: 8px;
	font-size: 10pt;
	font-family: avenir, montserratregular, helvetica, cabin, oswald, arial;
	color: #444444;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: wrap;
	text-align: center;
	word-spacing: 2px;
}

@media screen and (max-width: 1200px)
{
    .linkpreviousarrow, .linknextarrow
	{
        display: none;
    }
}

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

    .productReviewDiv:nth-child(2)
    {
        border-top: 1px solid #CCCCCC;
    }

    .productReviewNameDateContainerDiv
    {
        width: 55%;
    }

    .productReviewStarRatingContainerDiv
    {
        width: 40%;
    }

}

@media screen and (max-width: 640px)
{
	#similarCollectionsContainerDiv
	{
		overflow: hidden;
		overflow-x: scroll;
		flex-wrap: nowrap;	
	}
	
	.similarCollectionDiv,
	[data-num-collections = '3'] .similarCollectionDiv
	{
		width: 38%;
		margin-bottom: 25px;
	}
	
	[data-num-collections = '2'] .similarCollectionDiv
	{
		width: 45%;
	}	
	
	.similarCollectionDiv:nth-of-type(n + 3)
	{
		display: inline-block;
	}	

	.similarCollectionImagesDiv
	{
		display: inline-grid;
		box-sizing: border-box;
		width: 100%;
		margin-top: 0px;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(4, 1fr);
		gap: 5px;
		border: none;
	}	

	.similarCollectionImage:nth-of-type(1)
	{
		grid-row: span 3;
		grid-column: span 3;
	}	
	
	.similarCollectionImage:nth-of-type(n + 5)
	{
		display: none;
	}	
	
	.similarCollectionName
	{
		font-size: 9pt;
		margin-top: 10px;
		white-space: wrap;
	}
	
	#productReviewH2ContainerDiv > h2
    {
        width: 100%;
        max-width: 100%;
    }

    #averageStarRatingContainerDiv
        {
        width: 100%;
        text-align: left;
    }

    #averageStarRatingContainerDiv img, .productReviewStarRatingContainerDiv img
        {
        max-width: 15px;
    }
}


@media screen and (max-width: 640px)
{

    .mainContainerDiv
        {
        padding-top: 0px;
    }

    .leftdiv
        {
        width: 100%;
        margin-right: 0px;
    }

    .rightdiv
	{
        width: 100%;
        max-width: 350px;
        padding-top: 30px;
    }

    #previousNextDivTop
	{
        display: inline-block;
    }

    #productCountContainerDiv
        {
        display: none;
    }    
    
    #previousNextDivContainer
        {
        text-align: center;
    }

    #iconWithNumbersContainerDiv
        {
        float: none;
        width: 100%;
        padding-bottom: 5px;
    }
    
    .iconImage
        {
        max-height: 22px;
    }

    .iconNumber
        {
        font-size: 12pt;
    }    

    #ThumbIconDiv
        {
        display: inline-block;
    }

    #previousNextDiv
        {
        display: none;
    }

    #socialDivLeft
    {
        display: none;
    }

    .additionalImageDiv
        {
        max-width: 18%;
    }

    .leftdiv.vertical .additionalImageDiv
        {
        max-width: 30%;
    }
    
    h1
        {
        font-size: 16pt;
        width: calc(100% - 35px);
        width: -webkit-calc(100% - 35px);
    }

    #iconShare
        {
        display: inline-block;
    }

    #dropdownproductsdiv {
        display: none;
    }

    #resizeSuggestionDiv
	{
        display: none;
    }
}

@media screen and (max-width: 640px) and (min-height: 400px)
{
    #extraProductDivMobileTop
	{
        display: inline-block;
    }
}
