/* Start #
/*     ____ _____ ___   __  __  ___  ____ ___ _     _____    */
/*    / ___|_   _|_ _| |  \/  |/ _ \| __ )_ _| |   | ____|   */
/*    \___ \ | |  | |  | |\/| | | | |  _ \| || |   |  _|     */
/*     ___) || |  | |  | |  | | |_| | |_) | || |___| |___    */
/*    |____/ |_| |___| |_|  |_|\___/|____/___|_____|_____|   */
/*                                                           */

#details-container {
    width:100vw;
    margin:auto;
    padding:0;
    font-size:3.5vw;
}

#details-container * {
    font-size:3.7vw;
}

#details-container a {
    font-weight:bold;
}

#details-container .rubberTxt a {
    color: #5E524D;
}

#details-container .rubberTxt a:hover {
    color: #f46552;
}

#details-container a.back_link {
    text-decoration:underline;
}

#details-container .marginL { margin-left:4.72vw; }
#details-container .marginR { margin-right:4.72vw; }
#details-container .marginLR { margin-left:4.72vw; margin-right:4.72vw; }

#details-container .marginLR.nextDiscount {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 3.2vw;
}

#details-container .marginLR.quantity .saleprice,
#details-container .marginLR.subtotal {
    font-size:4.0vw;
}

#details-container .clear {
    clear:both;
}

#details-container.additional_options .cardstock_image {
    /*   min-height:38vw; */
}

#details-container.additional_options .cardstock_image img {
    width: 28vw;
    margin:auto;
    border: 1px solid #ccc;
}

#details-container.additional_options .cardstock_image img.square {
    width: 36vw;
}

#details-container.additional_options .cardstock_image img.landscape {
    width: 36.02vw;
}

#details-container.additional_options .cardstock_image img.nodiecut {
    border:1px solid #ccc;
}
#details-container.additional_options .cardstock_image img.diecut {
    position:relative;
    width:28.4vw;
    margin-left:-28.8vw;
    border:0;
}
#details-container.additional_options .cardstock_image img.diecut.square,
#details-container.additional_options .cardstock_image img.diecut.landscape {
    position:relative;
    width:36.02vw;
    margin-left:-36.75vw;
    border:0;
}

#details-container.additional_options .envelope_preview {
    height:52vw;
    line-height:52vw;
}

#details-container.additional_options .envelope_preview.SQUARE {
    height:70vw;
    line-height:70vw;
}

#details-container.additional_options .envelope_preview img {
    width:49vw;
}

#details-container .cardImg {
    vertical-align:middle;
    position: relative;
    overflow: hidden;
}

#details-container .cardImg .spinner {
    min-height:8.8vw;
    min-width:8.8vw;
    background:url(//cdn.planetart.com/images/spinner1.gif) no-repeat;
    background-size:8.8vw 8.8vw;
    /* display:inline-block; */
    background-position:center top;
}
#details-container.detailsPage .cardImg .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.colorMatchBG { background-color:#f9f7f4; }
.colorMatchBGSpacer { height:10px;margin-top:-10px; }
.calendar-sample-bg-color {
    background-color: #F3EFEA;
}


#details-container .cardImg img {
    margin-top: 6.3vw;
    margin-bottom: 6.3vw;
}
#details-container .faux_foil_warning{
    position: absolute;
    bottom: 10px;
    width: 100vw;
    left: 0;
    z-index: 2;
}

#details-container #easel_upsell .cardImg img.portrait {
    margin-top: 0;
    margin-bottom:0;
    width: 47vw;
}

#details-container .cardImg img#previewinsidetop { margin-top:0; margin-bottom:0; }
#details-container .cardImg img#previewinsidebottom { margin-top:0; }

#details-container .cardImg img.foil {
    /*box-shadow: 2px 2px 2px #cbc4c2;*/
}

#details-container .cardImg img { width:60vw; }
#details-container.details-journal .cardImg img {
    width: 70vw;
    margin-top: 0;
    margin-bottom: 0;
}
#details-container .cardImg .dc_overlay {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

#details-container.details-journal .cardImg.wireImg img{
    width: 77vw;
}
#thankyou_upsell .cardImg img.tyfoldedimg {
    background-color: #f3efea;
    border: 1px solid #CBC4C2;
}
#details-container .cardImg img.square { width:75.6vw; height:75.6vw; }
#details-container .cardImg img.landscape { width:81.5vw; max-height:60vw; }
#details-container.gift-tag .cardImg img.landscape { width:81.5vw; max-height:none; }
/*#details-container .cardImg img#die_cut_0.portrait { width:57vw; margin:2.7vh 0 3.8vh 0; }
#details-container .cardImg img#die_cut_0.landscape { width:79vw; margin:2.7vh 0 3.8vh 0; }*/

#details-container .cardImg img.diecut { position:relative; height:100%; margin-right: -61vw; width:61vw; left: -61vw; }
#details-container .cardImg img.square.diecut { margin-right: -76.6vw; width:76.6vw; left: -76.6vw; }
#details-container .cardImg img.landscape.diecut { margin-right: -82.5vw; width:82.5vw; left: -82.5vw; }

/* when a portrait card has alternative "views" of the actual image */
#details-container .cardImg.portrait { height: 95.5vw; }
#details-container .cardImg.portrait img.landscape { margin-top: 16vw; }
#details-container .cardImg.portrait img.square { margin-top: 7vw; }
#details-container.details-journal .cardImg.portrait { height: 95.5vw;  }

#details-container.preview .cardImg.portrait {height:auto;}

#details-container .cardImg .spinner { position:relative; top:-50vw; }
#thankyou_upsell .cardImg .spinner, #rsvp_upsell .cardImg .spinner, #details-container .upsell .cardImg .spinner { top:0; }
#thankyou_upsell .cardImg .foldedimg { margin:-60px 0 -10px; }
#details-container.preview .cardImg .spinner { top:50%; background-position:center;}
#details-container .cardImg h2 { text-align:center; margin:2.6vw 0 0; text-transform: uppercase; }

#details-container .cardImg img.nodiecut {
    border:1px solid rgb(203, 196, 194);
}
body.PRODUCT_TYPE_1 #details-container .cardImg img.landscape {
    display:block;
    aspect-ratio: 663/480;
    margin-left: auto;
    margin-right: auto;
}
#details-container .nowrap
{
    white-space: nowrap;
    overflow-x: hidden;
}

#details-container.preview .nowrap
{
    overflow-y: hidden;
}


#details-container .nowrap::-webkit-scrollbar {
    display: none;
}

#details-container .nowrap .scroll-container {
    position:relative;
    overflow-x: scroll;
}


#details-container .nowrap .cardImg {
    display:inline-block;
}


#details-container .nowrap .cardImg.landscape { margin:0 0 0 3.5vw; }
#details-container .nowrap .cardImg.landscape:first-of-type { margin:0 0 0 8vw; }
#details-container .nowrap .cardImg.landscape:last-of-type { margin:0 8vw 0 3.5vw; }
#details-container .nowrap .cardImg.landscape:only-of-type { margin:0 8vw 0 8vw; }

#details-container .nowrap .cardImg.portrait { margin:0 0 0 10vw; }
#details-container .nowrap .cardImg.portrait:first-of-type { margin:0 0 0 20vw; }
#details-container .nowrap .cardImg.portrait:last-of-type { margin:0 20vw 0 10vw; }
#details-container .nowrap .cardImg.portrait:only-of-type { display:block; margin:0 20vw 0 20vw; text-align:center; }

#details-container .nowrap .cardImg.square { margin:0 0 0 6vw; }
#details-container .nowrap .cardImg.square:first-of-type { margin:0 0 0 12vw; }
#details-container .nowrap .cardImg.square:last-of-type { margin:0 12vw 0 6vw; }
#details-container .nowrap .cardImg.square:only-of-type { margin:0 12vw 0 12vw; }

/*
Front
InsideTop
InsideBottom
Back
*/
#details-container .foil-caption {
    margin-bottom:5px;
    font-weight:bold;
}
#details-container .foil-color-caption {
    margin-left: 0 !important;
}
#details-container .colorSwatch,
#details-container .foilSwatch {
    border: 1px solid #d4d3d3;
    width: 6vw;
    height: 6vw;
    display: inline-block;
    margin-right: 2vw;
}

#details-container .colorSwatch {
    vertical-align: middle;
}

#details-container .custom-color-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

#details-container .custom-color-desc {
    display: inline-block;
    height: 100%;
    white-space: nowrap;
    width: auto;
    vertical-align: middle;
    line-height: 1;
    font-size: 2.8vw;
}

#details-container .foil-coasters .foilSwatch,
#details-container .ribbon_color{
    margin-left: 4.375vw;
    border: 2px solid #ffffff;
    width: 8.75vw;
    height: 8.75vw;
    display: inline-block;
    font-size: .005em;
    text-align: center;
}
#details-container .ribbon_color {
    border: 0;
}
#details-container .foilMargin {
    margin-left: 2.2vw!important;
    margin-right: 2.2vw!important;
}
#details-container.details-coaster .inputDiv .fakeSelect {
    width: 88.5vw;
}
#details-container.details-coaster .dieCutIcons,
#details-container .ribbon_colors,
#details-container .foil-coasters {
    text-align: center;
}
#details-container .foil-coasters .foilSwatch {
    float: none;
    margin: 0 2.1875vw 0 2.1875vw;
}
#details-container #foilThumbOption-container {
    float:left;
    margin:10px 0 0 4.375vw;
}
#details-container .foilThumbnailOption {
    float:right;
    margin-right:4.375vw;
    border:2px solid #fff;
    width:8.75vw;
    height:8.75vw;
    display:inline-block;
    font-size:.005em;
    text-align:center;
}

#details-container .colorSwatch.on,
#details-container .foilThumbnailOption.on,
#details-container .foilSwatch.on {
    border:2px solid #f6877e;
}
#details-container .foil-coasters .foilSwatch.on {
    border: 2px solid #53bc83;
}

#details-container .colorSwatch img,
#details-container .foilSwatch img {
    width:100%;
    height:100%;
    margin:auto;
    display: block;
}
#details-container .foil-coasters .foilSwatch img {
    border: 2px solid #fff;
}

#details-container .foilThumbnailOption img {
    max-width:100%;
    max-height:100%;
    width: auto;
    height: auto;
    border:2px solid #fff;
}

#details-container .foilThumbnailOption .playbutton {
    width:100%;
    height:100%;
    position:relative;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAwFBMVEUAAACtra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra2tra1GPDpORUNtZ2aPjIt+eXhoYV9gWFdWTkxSSUiKh4eDfn6CfXx6dXR3cnBxa2pjXFtcVFOYlpWTkJCHg4J1cG9IPz2hoJ+amJc8Ap3nAAAAKHRSTlMAsev5xsF3NA7z7+O0m1VCIRwU/deroY6Hgm5oX05ILgXn39KoKdq73djvuAAAAVJJREFUSMeV1dlygjAYhuFYEEGQxbrvW9uwKRUQFGjv/64KzYwe5CB87/kzmczkz0/qnMlnV1EJkDVNL+dANwEyk3NK6fm722tNOm8ubfLuE7slMWrCKrXFDjml6RIf1gBhZX5nCxCW9z5QAcIK+guU0Mt1ZAGEFT46HwLCd5NmKkioG/SXYsJdSbaEhL/S2BYQvlSao4S68d4ECRsLiLCxGDgcEZVqCkpoFI9MIeGv9LXliKjb7xwl1L0qPZDQSD+hJJNnIMn8tQqRKtHW2PVv0nRIEJL5zWQDJIqPG+jBVImk7AhAmr9wyD9+4bQAJAoOJjbIpaaoBCHe/WRDn1JeyD3o63MDfYX9yaU03xGEhA/DhpZFXhwtaCVVyX6F7cr0p37iCAl9wyEtMvruc0VuSKvGevQvkuciFrYch82cvp64OGdV5J7f3RKkpTzZkNb9AeNyv0Y97VySAAAAAElFTkSuQmCC) no-repeat center;
    background-size:50% 50%;
    left:0;
    top:-100%;
}

#details-container .dieCutIcons div {
    width:7vw;
    height:8.8vw;
    display:inline-block;
    font-size:.005em;
    margin:0 1vw 2vw 0;
    background-image:url(//cdn.simplytoimpress.com/images/die_cut_assets/optimized/2018/shape_sprite_mobile_v2.png);
    background-size:115.2vw 18vw;
    background-repeat:no-repeat;
}

#details-container.preload_diecut_icons:after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url(//cdn.simplytoimpress.com/images/die_cut_assets/optimized/2018/shape_sprite_mobile.png);
}

#details-container .dieCutIcons .landscape {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    margin: 0 2.5vw 0 0.3vw;
}

/* No Die Cut (0)*/
#details-container .dieCutIcons .dc_0 { background-position: -0.7vw -0.1vw; }
#details-container .dieCutIcons .dc_0.on { background-position: -0.7vw -9.1vw; }

/* Rounded Corners (1)*/
#details-container .dieCutIcons .dc_10,
#details-container .dieCutIcons .dc_9 { background-position: -7.9vw -0.1vw; }
#details-container .dieCutIcons .dc_10.on,
#details-container .dieCutIcons .dc_9.on {  background-position: -7.9vw -9.1vw; }

/* Bracket (2)*/
#details-container .dieCutIcons .dc_12,
#details-container .dieCutIcons .dc_11 { background-position: -15.1vw -0.1vw; }
#details-container .dieCutIcons .dc_12.on,
#details-container .dieCutIcons .dc_11.on { background-position: -15.1vw -9.1vw; }

/* Scallops (3) */
#details-container .dieCutIcons .dc_1,
#details-container .dieCutIcons .dc_2 { background-position: -22.3vw -0.1vw; }
#details-container .dieCutIcons .dc_1.on,
#details-container .dieCutIcons .dc_2.on { background-position: -22.3vw -9.1vw; }

/* Radius Corners (4) */
#details-container .dieCutIcons .dc_3,
#details-container .dieCutIcons .dc_4 { background-position: -29.5vw -0.1vw; }
#details-container .dieCutIcons .dc_3.on,
#details-container .dieCutIcons .dc_4.on { background-position: -29.5vw -9.1vw; }

/* Geo (5)*/
#details-container .dieCutIcons .dc_20,
#details-container .dieCutIcons .dc_21 { background-position: -36.7vw -0.1vw; }
#details-container .dieCutIcons .dc_20.on,
#details-container .dieCutIcons .dc_21.on { background-position: -36.7vw -9.1vw; }

/* Petal (6)*/
#details-container .dieCutIcons .dc_22,
#details-container .dieCutIcons .dc_23 { background-position: -43.9vw -0.1vw; }
#details-container .dieCutIcons .dc_22.on,
#details-container .dieCutIcons .dc_23.on { background-position: -43.9vw -9.1vw; }

/* Square (7) */
#details-container .dieCutIcons .square.dc_0 { background-position: -51.1vw -0.1vw; }
#details-container .dieCutIcons .square.dc_0.on { background-position: -51.1vw -9.1vw; }

/* Square Rounded Corners (8)*/
#details-container .dieCutIcons .dc_16,
#details-container .dieCutIcons .dc_8 { background-position: -58.3vw -0.1vw; }
#details-container .dieCutIcons .dc_16.on,
#details-container .dieCutIcons .dc_8.on {  background-position: -58.3vw -9.1vw; }

/* Square Bracket (9)*/
#details-container .dieCutIcons .dc_17,
#details-container .dieCutIcons .dc_5 { background-position: -65.5vw -0.1vw; }
#details-container .dieCutIcons .dc_17.on,
#details-container .dieCutIcons .dc_5.on { background-position: -65.5vw -9.1vw; }

/* Circle (10)*/
#details-container .dieCutIcons .dc_15,
#details-container .dieCutIcons .dc_6 { background-position: -72.7vw -0.1vw; }
#details-container .dieCutIcons .dc_15.on,
#details-container .dieCutIcons .dc_6.on { background-position: -72.7vw -9.1vw; }

/* Deco (11) */
#details-container .dieCutIcons .dc_14,
#details-container .dieCutIcons .dc_13 { background-position: -79.9vw -0.1vw;  }
#details-container .dieCutIcons .dc_14.on,
#details-container .dieCutIcons .dc_13.on {  background-position: -79.9vw -9.1vw; }

/* Deckle (12)*/
#details-container .dieCutIcons .dc_18,
#details-container .dieCutIcons .dc_19 { background-position: -87.1vw -0.1vw; }
#details-container .dieCutIcons .dc_18.on,
#details-container .dieCutIcons .dc_19.on { background-position: -87.1vw -9.1vw; }

/* Folded (13)*/
#details-container .dieCutIcons .dc_0.folded { background-position: -94.3vw -0.1vw;}
#details-container .dieCutIcons .dc_0.folded.on { background-position: -94.3vw -9.1vw;}

/* Arched (14)*/
#details-container .dieCutIcons .dc_26 { background-position: -101.5vw -0.1vw; }
#details-container .dieCutIcons .dc_26.on {  background-position: -101.5vw -9.1vw; }

/* Wavy (15)*/
#details-container .dieCutIcons .dc_27,
#details-container .dieCutIcons .dc_28 { background-position: -108.7vw -0.1vw; }
#details-container .dieCutIcons .dc_27.on,
#details-container .dieCutIcons .dc_28.on {  background-position: -108.7vw -9.1vw; }

#details-container .dieCutIcons div:nth-child(9),
#details-container .dieCutIcons div:nth-child(10) {
    display: none; /* only show 8 shapes (case 62777) */
}

#details-container .radioBox {
    width: 100%;
    height: 10vw;
    line-height:9vw;
    border:1px solid #969696;
    font-weight:bold;
    overflow:hidden;
    display:inline-block;
}

#details-container .radioBox span {
    font-size:3.2vw;
    margin-left:2.8vw;
    margin-right:1.7vw;
    max-width:73.5vw;
    line-height:10vw;
    float:right;
    font-style:italic;
    font-weight:normal;
}
#details-container .radioBox span.new-callout {
    margin:0 0 0 7px;
    float:none;
}
#details-container.additional_options .radioBox span {
    max-width:40vw;
    overflow:hidden;
}
#details-container.additional_options .radioBox span.recommended-callout{
    color: #54BA82;
    font-weight: bold;
    display: block;
    float: right;
    margin: 0 0.5vw 0 0;
    font-size:3vw;
}
#details-container.additional_options .radioBox span.new-callout{
    float:right;
    margin-right: 0.5vw;
}

#details-container.additional_options .radioBox span.CS,
#details-container.additional_options .radioBox span.PP {
    max-width:53vw;
}

#details-container.additional_options .radioBox span.UC,
#details-container.additional_options .radioBox span.MG1,
#details-container.additional_options .radioBox span.PS1,
#details-container.additional_options .radioBox span.MG2,
#details-container.additional_options .radioBox span.PS2 {
    max-width:60vw;
}

#details-container.additional_options .radioBox span.DT {
    max-width:41vw;
}

#details-container.additional_options .radioBox span p {
    display: inline;
    color: #f16650;
}

/* group items */
#details-container .multi_item_groups .item_group {
    margin-bottom: 0;
}
#details-container .multi_item_groups .group_title,
#details-container .multi_item_groups .group_title span{
    font-family: "Source Sans Pro" , sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #5e524d;
}
#details-container .multi_item_groups .group_title {
    padding: 11px 0;
}
#details-container .multi_item_groups .group_title .remove {
    float: right;
    background: url(//cdn.simplytoimpress.com/images/template/icons/xicon.png);
    width: 12px;
    height: 12px;
    margin: 5px 5px 0 0;
    cursor: pointer;
}

.raster_text_list_li_cls {
    background: #f9f7f4;
    border-bottom: 1px solid #cccccc;
    display: block;
    height: 9vw;
    text-align: center;
    list-style: none;
}

.option_list_num_photos {
    padding: 5px 0 3.7vw 0;
    margin-bottom: 0;
}

.top_border_line {
    border-top: 1px solid #cccccc;
}

.two_option_all_show_cls {
    float: left;
    width:50%;
    padding-left:6.0vw;
}

.a_in_raster_text_list_li_cls {
    width: 100%;
    height: 100%;
    display: block;
    color:#5E524D;
    font-size:3.7vw;
    font-weight:bold;
    line-height:9vw;
}

.a_in_raster_text_list_li_cls.on,
.a_in_raster_text_list_li_cls:hover {
    color: #4aa675 !important;
}

.num_photos_down_arrow,
.num_photos_right_arrow {
    width:4.2vw;
    margin-left:5px;
}

.num_photos_down_arrow img{
    content:url(//cdn.simplytoimpress.com/images/detail/mobile/arrows/down_arrow.png);
    display:inline-block;
    width:4.2vw;
    height:auto;
    margin-top:-2px;
}


.num_photos_right_arrow img {
    content:url(//cdn.simplytoimpress.com/images/detail/mobile/arrows/right_arrow.png);
    display:inline-block;
    width:4.2vw;
    height:auto;
    padding:0 1vw;
    margin-top:-2px;
}

.details_page .container .footerbar {
    height:12.31vw;
    border-top:1px solid #969696;
    position: relative;
}

.details_page .container .footerbar .footerbutton {
    height: 12.31vw;
    width: 12.31vw;
    background-image:url(//cdn.simplytoimpress.com/images/detail/mobile/footer_bar_btns.png);
    background-size:400% 200%;
    display:inline-block;
}

.details_page .container .footerbar .footerbutton.facebook { }
.details_page .container .footerbar .footerbutton.pinterest { background-position:33% 0;  }
.details_page .container .footerbar .footerbutton.lightning { background-position:66% 0; float:right; }
.details_page .container .footerbar .footerbutton.favorite { background-position:99% 0; float:right; }
.details_page .container .footerbar .footerbutton.favorite.on { background-position:99% 100%; float:right; }

.rolledup-content {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.rolledup-content .title {
    height:12vw;
}
.rolledup-content h2 {
    font-size:4.5vw;
    font-weight:bold;
    margin:0;
    padding:0;
    line-height:11vw;
    float:left;
}

.rolledup-content .vee {
    text-decoration:none;
    float:right;
    width: 3.6vw;
    font-size:4.1vw;
    margin-right:3.3vw;
    background-image:url(https://cdn.simplytoimpress.com/images/detail/mobile/arrows/down_arrow.png);
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    line-height:11vw;
}

.rolledup-content .vee.on {
    background-image:url(https://cdn.simplytoimpress.com/images/detail/mobile/arrows/minus.png);
}

#also-avaliable,
#also-avaliable-orientation {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
#also-avaliable a,
#also-avaliable-orientation a {
    text-decoration: underline;
    color: #F16650;
}

#details-container.preview ul {
    padding-left:18vw;
}

#details-container.preview ul.hidden-radio {
    padding-left:9vw;
}

#details-container.preview li {
    font-size:2.5vw;
    line-height:4.85vw;
}

#details-container.preview li span {
    position:relative;
    display:inline-block;
    left:-0.9vw;
    font-size:3.25vw;
    line-height:4.85vw;
}

#details-container .upsell
{
    white-space: nowrap;
    overflow-x: hidden;
}

#details-container .upsell *
{
    white-space: normal;
    vertical-align:top;
    font-size:3.2vw;
}

#details-container #rsvp_upsell .upsellRSVPMessage ul
{
    padding-left: 17px;
}

#details-container #rsvp_upsell .upsellRSVPMessage ul li
{
    font-size: 3.85vw;
}


#details-container .upsell .decline_upsell
{
    text-decoration: underline;
    font-size:4.2vw;
    font-family:Nobel, sans-serif;
}

#details-container .upsell .offer
{
    display:inline-block;
    width: 100vw;
    position:relative;
}

#details-container .upsell .offer .upsellMessage { margin-bottom:0; }

#details-container .upsell .offer p, #details-container .upsell .offer b { line-height:5vw; margin-bottom: 0; font-size:3.85vw;}

#details-container #banner_upsell b { font-size:3.5vw;}

#details-container .upsell .offer .upsellMessage p {
    font-size: 4.2vw;
    line-height: 1.5;
    margin: 10px 0;
}

/* New Accessories & Extras css start */
#extras_wrapper {
    max-width: 90vw;
    margin: 0 auto;
    overflow: hidden;
}


.component-accessories-extras .carousel-item-selected {
    border: 1px solid green;
}
.component-accessories-extras .arrow-container {
    width: 30px;
}
.component-accessories-extras .container-title-main {
    font-family: nobel;
    font-size: 13px;
    white-space: nowrap;
    font-weight: 400;
}

#extras_wrapper .section_heading {
    font-size: 4.4vw;
    font-weight: bold;
    margin: 3vw 0;
}
.container-accessories-extras {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.container-accessories-extras * {
    box-sizing: border-box;
}
.container-accessories-extras > div:nth-child(2) {
    margin-left: 0;
}
.container-accessories-extras > div:last-child {
    margin-right: 0;
}
.component-accessories-extras {
    flex: 0 0 75vw;
    scroll-snap-align: center;
    margin: 0 2vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border: 1.5px solid #CBC4C2;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #faf9f5;
    overflow: hidden;
}
.component-accessories-extras:hover,
.component-accessories-extras.selected {
    border: 1.5px solid #E1705F;
}
.component-accessories-extras > div {
    width: 100%;
}
.component-accessories-extras .container-desc {
    padding: 5vw;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.component-accessories-extras .container-desc > div:not(:last-child) {
    margin-bottom: 2vw;
}
.component-accessories-extras .container-design-images {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.container-design-images {
    background-color: white;
}
.component-accessories-extras .container-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.component-accessories-extras .container-image img {
    width: 100%;
    height: auto;
}
.component-accessories-extras  .container-title {
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    flex: 1;
}
.component-accessories-extras  .container-title > div:not(:last-child) {
    margin-bottom: 1vw;
}
.component-accessories-extras  .container-title-red {
    color: #E1705F;
}
.component-accessories-extras .container-bullets {
    text-align: left;
    color: #272C35;
    font-weight: 400;
    flex: 2;
}
.component-accessories-extras .container-bullets ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.component-accessories-extras .carousel-item-selected {
    border: 1px solid green;
}
.component-accessories-extras .container-bullets ul li {
    padding-left: 4vw;
    background: url(//cdn.planetart.com/images/icon_checked_mark.svg) no-repeat 0 center;
    line-height: 5vw;
    background-position-y: 4px;
}

.component-accessories-extras .container-price-total {
    text-align: left;
    flex: 2;
    display: flex;
    flex-direction: column;
}
.component-accessories-extras .container-price-total .strikethroughprice {
    color: #5E524D;
}
.component-accessories-extras .container-price-total > div:not(:last-child) {
    margin-bottom: 1vw;
}
.component-accessories-extras .container-price-total #thankYouQty {
    width: 14.1vw;
    height: 8.61vw;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    border: 1px solid #969696;
}
.component-accessories-extras .container-actions {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}
.component-accessories-extras .btn-primary {
    display: inline-block;
    cursor: pointer;
    color: white;
    border-radius: 5px;
    background-color: #E1705F !important;
    padding: 8px 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border: 0;
    line-height: 2;
}
.component-accessories-extras label.btn-primary.added::before {
    content: "";
    display: inline-block;
    width: 4.1vw;
    height: 4.7vw;
    background-image: url(//cdn.planetart.com/images/icon_checked_mark_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: unset;
    margin-right: 5px;
    vertical-align: middle;
}
.component-accessories-extras .loading {
    background-image: url(//cdn1.simplytoimpress.com/images/ajax_loader_designer_mobile.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 6vw 6vw;
    text-indent: -9999px;
}
.component-accessories-extras .btn-primary:hover {
    background: #C35241 !important;
}
.component-accessories-extras .carousel-title {
    font-weight: bold;
}
.component-accessories-extras .carousel-container {
    display: flex;
    align-items: center;
}
.component-accessories-extras .arrow {
    height: 8vw;
    width: 8vw;
    background-color: #54BA82;
    color: white;
    font-size: 20px;
    text-align: center;
    line-height: 8vw;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    flex-shrink: 0;
}
.component-accessories-extras .carousel-content {
    width: calc(45vw + 30px);
    margin: 0 2vw;
}
.component-accessories-extras .carousel-wrapper {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-grow: 1;
    width: 100%;
}

.component-accessories-extras .carousel-wrapper::-webkit-scrollbar {
    display: none;
}

.component-accessories-extras .carousel-item {
    flex: 0 0 auto;
    width: 55px;
    height: 55px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    user-select: none;
}
.component-accessories-extras .carousel-item img {
    width: 100%;
}
#extras_wrapper .extras-button {
    margin: 3.7vw 0;
}
#extras_wrapper .container-price-total {
}
#extras_wrapper .container-price-total .inputDiv {
    display: flex;
    align-items: center;
}
#extras_wrapper .container-actions input[type=submit].working {
    background-size: 6vw 6vw;
}
#extras_wrapper #thankyou_upsell .cardImg {
    padding: 20px;
}
#extras_wrapper #thankyou_upsell .cardImg img.tyfoldedimg {
    border: none;
    background-color: white;
}
.component-accessories-extras .tips {
    margin-bottom: 3px;
}
/* New Accessories & Extras css end */

#details-container .decline_upsell a {
    text-decoration:underline;
}

#details-container .header
{
    height:9vw;
    margin-top:4vw;
}

#details-container .border-bottom { border-bottom:1px solid #94837c; }

#details-container .header h2
{
    font-size:4.7vw;
    text-align:center;
    margin:0;
    text-transform: uppercase;
    font-weight:bold;
}

#details-container .subheader h2
{
    font-size:4vw;
    font-weight:bold;
    margin:4vw 0 4vw 0;
}

.hidden-content {
    display:none;
}

#details-container label.radio.hidden-content:before {
    display:none;
}

#card_addressing_modal .preview_window {
    height:36vw;
    border-bottom:1px solid #c3c3c3;
    text-align:center;
    overflow:hidden;
    clear: both;
}


#card_addressing_modal .preview_window div.address {
    position:absolute;
}

#card_addressing_modal .preview_window div.address div {
    font-size:3vw;
    line-height:3.3vw;
    position:relative;
}

#card_addressing_modal .preview_window div.address div.name {
    font-weight:bold;
}



#card_addressing_modal .preview_window img {
    width:90vw;
    position:relative;
    top:13.5vw;
}

#card_addressing_modal .preview_window img.zoomed {
    width:160vw;
    left:-30vw;
}

#card_addressing_modal .preview_window img.spinner {
    background-image:url(//cdn.planetart.com/images/spinner1.gif);
    background-repeat:no-repeat;
    background-position:center top;
    background-size: 8.8vw;
}

.ra-fields {
    margin-top:4.5vw;
}

.ra-fields * {
    color: #636363;
}

.ra-fields .font-section {
    float:left;
    width:44vw;
    font-size:3.8vw;
    font-weight:bold;
    margin-right:3vw;
}

.ra-fields .size-section {
    float:left;
    width:20vw;
    font-size:3.8vw;
    font-weight:bold;
    margin-right:3vw;
    text-align:center;
}

.ra-fields .line-height-section {
    float:left;
    width:20vw;
    font-size:3.8vw;
    font-weight:bold;
    margin-right:3vw;
    text-align:center;
}

.ra-fields input[type=text] {
    padding-left:2.5vw;
    width:100%;
    height: 10.8vw;
    line-height:10.7vw;
    font-size:5vw;
    border:1px solid #969696;
}

.ra-fields textarea {
    padding:2.5vw 2.5vw 0 2.5vw;
    width:100%;
    height: 26vw;
    line-height:6.7vw;
    font-size:5vw;
    border:1px solid #969696;
}

/*************** Out of Stocking PDP ***************/
#details-container .real_led_burst{
    position: absolute;
    background: url(//cdn1.simplytoimpress.com/images/STI_Light_Burst_Detail.png) no-repeat;
    background-size: 100%;
    width: 16vw;
    height: 16vw;
    top: 5vw;
    right: 5vw;
}
#details-container .real_fairy_led_burst{
    position: absolute;
    background: url(//cdn1.simplytoimpress.com/images/STI_Light_Burst_Detail.png) no-repeat;
    background-size: 100%;
    width: 16vw;
    height: 16vw;
    top: 5vw;
    right: 5vw;
}

/*************** Out of Stocking PDP ***************/
#details .out-of-stock-burst,
#details-container .out-of-stock-burst {
    position: absolute;
    background: url(//cdn2.simplytoimpress.com/images/back_in_stock/STI_sold_out.png) no-repeat;
    background-size: 100%;
    width: 28vw;
    height: 9vw;
    top: 3vw;
    left: 0;
}
/*************** Out of Stocking PDP End ***************/

/*************** Satisfaction PDP ***************/
#details-container .satisfaction-guarantee {
    background-color: #f3efea;
    height: 100px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#details-container .satisfaction-guarantee img {
    width: 50px;
    height: 50px;
}

#details-container .satisfaction-guarantee p {
    line-height: 5vw;
    margin: 0;
}

#details-container .satisfaction-guarantee p strong {
    font: 700 14px Nobel;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
/*************** Satisfaction PDP End ***************/

/* Calendar */
#details-container.calendar-details .cardImg img {
    margin: 8vmin auto;
    max-height: 65vmin;
    width: auto !important;
}
.container-card-style-options {

}
.container-select-starting-month {
    position: relative;
    padding: 1rem;
    border: 1px solid #969696;
    font-weight: bold;
}
.container-select-starting-month .caption {
    color: #999;
}
.container-icon-arrow {
    display: flex;
    position: absolute;
    top: 0;
    right: 1rem;
    align-items: center;
    height: 100%;
}
.container-calendar {
    padding: 2rem;
}

/*arrow*/
.g-icon-arrow-up,
.g-icon-arrow-right,
.g-icon-arrow-left,
.g-icon-arrow-down {
    width: 20px;
    height: 100%;
    display: inline-block;
    background: transparent url(//cdn.simplytoimpress.com/images/detail/mobile/arrows/right_arrow.png) center/100% no-repeat;
    transition: transform .3s;
}
.g-icon-arrow-left {
    transform: rotate(180deg);
}
.g-icon-arrow-right {
    transform: rotate(0deg);
}
.g-icon-arrow-up {
    transform: rotate(-90deg);
}
.g-icon-arrow-down {
    transform: rotate(90deg);
}
.g-icon-arrow-up.small,
.g-icon-arrow-right.small,
.g-icon-arrow-left.small,
.g-icon-arrow-down.small {
    width: 10px;
    background: transparent url(//cdn.simplytoimpress.com/images/detail/mobile/arrows/right_arrow.png) center/100% no-repeat;
}
.g-icon-arrow-up.medium,
.g-icon-arrow-right.medium,
.g-icon-arrow-left.medium,
.g-icon-arrow-down.medium {
    width: 14px;
    display: inline-block;
    background: transparent url(//cdn.simplytoimpress.com/images/detail/mobile/arrows/right_arrow.png) center/100% no-repeat;
}

@media (max-width: 576px) {
    #details-container.detailsPage {
        position: relative;
    }
    #details-container img.real_foil {
        z-index: 99;
        width: 60px !important;
    }
    #details-container .real_foil.orientation_32 {
        top: 55px;
    }
    #details-container .real_foil.orientation_31 {
        left: 0px;
        top: 15px;
        margin: 13% 80% !important;
        position: absolute;
    }
    #details-container .real_foil.orientation_30,
    #details-container .real_foil.orientation_30 {
        left: -21px;
        top: 55px;
        margin: 0% 72% !important;
        position: absolute;
    }

}
.container-price.no-sale .sale-price {
    color: inherit;
}
.container-price.no-sale .sale-price .sale-txt {
    display: none;
}
.section_heading.description-header {
    background-color: white;
    text-transform: uppercase;
    font-family: 'Source Sans Pro';
    font-weight: 700;
    padding: 0 0 8px;
    letter-spacing: 0;
}
.section-description {
    line-height: 1.5;
}

/* Mega card mobile: hide raised-foil badge until foil paper is selected. */
#details-container.mega-card-details:not(.mega-foil-paper-selected) .real_foil {
    display: none !important;
}

#details-container.mega-card-details:not(.mega-foil-paper-selected) .mega_foil_color_section {
    display: none;
}

#details-container.mega-card-details .mega_foil_color_hint {
    display: flex;
    align-items: flex-start;
    gap: 2.05vmin;
    margin: 0 4.72vmin 4.1vmin;
    padding: 2.5vmin 2.5vmin;
    background: #F9F8F5;
    border: 1px solid #E0DED9;
    border-radius: 8px;
    color: #59544C;
    line-height: 1.45;
}

#details-container.mega-card-details .mega_foil_color_hint .mega_foil_color_hint_text {
    font-size: 3.3vw;
}

#details-container.mega-card-details .mega_foil_color_hint_icon {
    flex-shrink: 0;
    width: 4.1vmin;
    height: 4.1vmin;
    margin-top: 0.4vmin;
    background: url('https://cdn.planetart.com/images/icons/info/icon-info-gray.png') no-repeat center;
    background-size: contain;
}

#details-container.mega-card-details.mega-foil-paper-selected .mega_foil_color_hint {
    display: none;
}