input[type=submit]{
    -webkit-appearance: none;
    border-radius:0;
}


input[placeholder] { text-overflow: ellipsis; }
::-moz-placeholder { text-overflow: ellipsis; } /* firefox 19+ */
input:-moz-placeholder { text-overflow: ellipsis; }

select{
    background: url("/images/mobile-dropdown.png") no-repeat scroll 100% 8px / 35px auto white;
    padding: 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-color: #e1e1e1;
}

select::-ms-expand {display: none;}  /*  for ie 10+ select shows two arrows */



/* @media (-webkit-min-device-pixel-ratio: 0) { select,select[size="0"],select[size="1"]}  removed for bug: 3406, and make selector work on firefox*/


.shadow { text-shadow: 0 -1px 1px #333;}

.anchor-parent {position:relative}
a.anchor {position: absolute; top:-130px;} /* because of header is fixed */

.overlay.foyer .errorSummary ,
#reset-form .errorSummary {float:right;}
#reset-form input{ box-sizing: border-box; height: 44px;}

/*passowrd field error display from the javascript widget*/
#password-strength {display: block; margin-top:5px;float: right;}
.password-min-char,
.password-strength-bar{margin: 0 0 0 10px;}

.hash{position: relative;top: -120px; float: left;}


.noscroll { position: fixed; overflow-y:scroll;width:100%; }

.dark-img-overlay {position:absolute; width: 100%; height: 100%; top:0; left:0;}

.arrowVertical {width:8px;vertical-align: middle;}

/*
Overlays(gloabal override)
===============================================================================
*/
/*.overlay{color: #fff; background-color: #252525; border: 10px #fff solid;}*/
.overlay .close { background:url('/images/icon_close_000.png')  no-repeat center; height: 15px; width: 15px; right: 11px; top: 13px; background-size: 30px 30px;}
.overlay .separation-line{margin-top: 20px;}

#email-dialog{height:430px;}

/*background*/
.overlay.foyer .close { background:url('/images/icon_close_000.png') no-repeat center; height: 15px; width: 15px; right: 20px; top: 20px;background-size: 40px 40px;}

/*body*/
.overlay.foyer .dialog_content .separation-OR {float:left; background: url('/images/io/graydot.png') no-repeat;
               background-size: 30px; width: 30px; height: 30px; margin-top: 5px; }
.overlay.foyer .dialog_content .separation-OR p{margin: 0; padding: 3px 0px 0px 6px;}
.overlay.foyer .block {margin-top: 40px;}
.overlay.foyer .section {margin-top: 60px;}
.overlay.foyer .section-header {margin-bottom: 40px;}
.overlay.foyer .sub-header {margin-bottom: 10px; }
.overlay.foyer p.terms, .overlay.foyer .terms a{width: 57%; margin-bottom: 0; }
.overlay.foyer .terms a{text-decoration: underline;}
.overlay.foyer .terms a:hover{text-decoration: none;}
.overlay.foyer .dialog_content .disabledInput {float:left; width: 378px; height: 25px; margin: 3px 0;}
.overlay.foyer .dialog_content .disabledInput p {margin: 0; padding: 5px;}

/*footer*/

.footer-marketplace{position: absolute; top: 181px; left: calc(50% - 107px); padding: 13px 17px; z-index: 2;}
.overlay.foyer .dialog_footer p {float:left; width: 100%;  }
.overlay.foyer .dialog_footer.vertical{float:left; margin-top: -40px; width: 370px;}

.overlay.foyer.thanksDialog .dialog_content{ margin-bottom: 20px;  width:100%;}

.overlay.medium { width: 420px; }
.overlay.medium.foyer .separation-line{margin-left:0; width: 145px; float: left;}
.overlay.medium.foyer .dialog_content .disabledInput.name {width: 164px;}
.overlay.medium.foyer .dialog_content .disabledInput {width: 338px;}
.overlay.foyer.medium.thanksDialog .footer_content .button-wrap {margin-top: 28px; margin-left: 34%}

.overlay.small { width: 370px; }
.overlay.small.foyer .separation-line{width: 126px; float: left;}
.overlay.small.foyer .dialog_content .disabledInput.name {width: 140px;}
.overlay.small.foyer .dialog_content .disabledInput {width: 289px;}
.overlay.foyer.wide.thanksDialog .footer_content .button-wrap {margin-top: 28px; margin-left: 39%}

.overlay.wide { width: 700px; }

.overlay .rightVertical .socialDisclaimer{margin-top: 4px;}


#login-box-dialog .dialog_content, #signup-dialog .dialog_content {margin-bottom: 40px;}
/* new Overlay */
#member-signup-dialog .ifonly_pop{position:fixed;width:50%;overflow-y:hidden;}
#terms-signup-dialog {min-width: 500px;max-width:710px;max-height:700px;position:fixed;width:50%;}
/*#vendor-signup-dialog {max-height: 400px;position:fixed;width:50%;min-width: 500px;max-width:700px;} */
#complete-signup-dialog {padding: 0 20px; max-height: 330px;position:fixed;width: 30%; min-width: 310px;}
.userAccess-ifonlyLogo{width:90px}

/* Iframe uses desktop main.css so please do not delete*/
#signup-iframe, #login-iframe, #streamlineSignup-iframe {width:100%;}


 #closed-accessCode-dialog {position:fixed;width:50%;min-width: 292px;}

.overlayBlack .rightVertical {float:left; height:100%; width:100%; overflow:hidden;overflow-y:auto;}
.overlayBlack .rightVertical p.errorSummary {padding-top:3px;line-height:18px;}
.overlayBlack .rightVertical .header { margin: 50px 69px 20px 69px;}
.overlayBlack .rightVertical .header p {width:100%}
.overlayBlack .rightVertical .header .ifonly-box { margin: 0 auto;}
.overlayBlack .rightVertical .header .ifonly-box img { width:13px;}
.overlayBlack .rightVertical .body .content .section-header {margin: 0 0 16px 0; }
.overlayBlack .rightVertical .body .content h2.sub-header {  margin-bottom:0px; }
.overlayBlack .rightVertical .body .content p.sub-header {  margin-bottom:3px;}

.overlayBlack input {width:248px;}

.overlayBlack .rightVertical .body {float: left;width: 100%;}
.overlayBlack .rightVertical .body .content input.name {color:#888; width:114px; }
.overlayBlack .rightVertical .body p.terms {width:100%; margin-bottom: 10px; float:left;margin:3px auto 45px auto}
.overlayBlack .rightVertical .body .content p.terms a { width: 57%;}
.overlayBlack .rightVertical .body .content p.terms a:hover { text-decoration:none;}
.overlayBlack .rightVertical .body p.terms.bottom{margin: 30px 0 10px 0;}
.overlayBlack .rightVertical .body .content ul{float:left; width: 100%;}

.overlayBlack .rightVertical .body .content .passwordLabel {position:absolute; top:13px; left:8px; padding-left:0;}

.overlayBlack .rightVertical .continue-with {margin-top:15px;}

.overlayBlack .separation-line {height:1px; width:138px; float:left; margin: 28px 0px 24px 0px;}
.overlayBlack .separation-OR {width:30px; height:30px; float:left; background-size: 30px; border-radius:50%;  margin-top: 13px;}
.overlayBlack .separation-OR p{margin: 0; padding: 4px 0px 0px 0px; }

/*
layout
===============================================================================
*/
.breadcrumbs {margin: 20px 0 20px 0px;}
.breadcrumbs span.separator {padding: 0 4px;}

#center {margin: 0 auto; position: relative;}

#header {
    width: 100%;
    z-index: 9999;
    position: sticky;
    top: 0;
}
#header-fixed {
    width: 100%;
}

#wrapper {
    display: flex;
    min-height: calc(100vh - var(--header-height));
    flex-direction: column;
}

#content {
    position: relative;
    margin: 0 auto;
    width: 1124px;
    min-height: 500px;
    flex: 1;
}
#content::after {
    content: '';
    display: table;
    clear: both;
}

#content.mrs_wrapper{
    margin: 0;
}

#main {float:left; width: 960px; margin: 0 82px;padding-bottom:50px;position:relative;}
#main.pdpMain, #main.full {width:100%; margin: 0; padding:0;}

#header-wrap {
    padding-left: 20px;
    height: 80px;
}

/*#header-nav {margin:0 auto; width:1100px; height: 100px; position:relative;}*/
#header-nav { min-width: 720px; width: 100%;}
#header-fixed-top {position:absolute; top: 0; width:100%; height: 140px; background: #000;}
#header-fixed-bottom {position:absolute; bottom: 0; width:100%; height:40px;
    box-shadow: 0 0 7px #777;
}


#header-fixed.down #header-nav {height: 50px;}
#header-fixed.down #header-fixed-top {height: 90px;}

#top-logo-mc {float: left; margin-top: 15px; }

#top-welcome {z-index: 10; height:80px;}

#top-welcome a.shopping,
#top-welcome a.shop,
#top-welcome div.myaccount,
#top-welcome .selectLanguage{padding: 0 15px;}
#top-welcome a.shop{
    position: relative;
    width: 85px; 
}
#top-welcome a.shopping{
    box-sizing: border-box;
    border-left: 1px solid #fff;
    height:100%;
}
#top-welcome .selectLanguage {
    min-width: 90px;
}
#top-welcome a.shopping img{
    height: 27px;
}
#top-welcome .caption{   
    width: 100%;
}
#top-welcome a.myaccount { width:58px; }

#top-welcome a.member-signup-btn{
    float: left;
/*    color: #fff;
    margin: 0 10px;*/
}


#top-welcome .green-btn, #top-welcome .orange-btn {float:left; margin:0px 6px;margin-top: 20px;}
.green-btn p {padding: 10px 15px;}
#top-welcome .orange-btn p {padding: 10px 15px;}

#top-welcome .white-bd-btn {float:left; margin:0px 6px; margin-top: 20px;}
.white-bd-btn p {padding: 9px 15px; box-sizing: border-box;}

#top-welcome .trans-btn {float:left; margin:0xp 15px; margin-top: 20px;}
#top-welcome .trans-btn p {padding: 4px 0px; margin-top:10px;}
#top-welcome .green-bd-btn {float:left; margin: 10px 0px;}
#top-welcome .green-bd-btn p {padding: 9px 15px;}

#cart-item-count {
    right: 8px;
    position: absolute;
    top: 20px;
    width: 18px;
    height: 18px;
    line-height:18px;
    border-radius: 10px;
    display: none;
    text-align:center;
}

#search-box { float: left; margin-top: 14px; width: 70px; transition-property: width; transition-duration: 0.25s; transition-timing-function: ease-in-out; transition-delay: initial;}
#search-box input{margin: 0; padding: 0; width: 50px; margin-left: 2px;;}

#client-acct-popup-wrapper #acct-popup a {width: 100px}

.partnerLogo { float: right; margin-top: 6px; margin-left: 20px;width:26px;height:26px;border-radius: 26px;overflow: hidden;}
.partnerLogo img{width:26px;}

#top-welcome .ui-autocomplete{overflow-y: scroll; max-height: 75vh;}

#top-welcome .ui-menu .ui-group-seperator,
#top-welcome .ui-menu .ui-menu-divider.ui-group-seperator{
    width: 415px; margin-left: 15px;
}
#top-welcome .ui-autocomplete .ui-menu-item { width: 290px; overflow: hidden; float: none; margin: 5px 0;}

#disc-d-widget .ui-autocomplete .ui-menu-item { overflow: hidden; float: none; margin: 10px 0; }

@media only screen and (min-width: 981px) and (max-width: 1200px){
    #disc-d-widget .ui-autocomplete { left: 0 !important; top: 53px !important; max-height: 40vh; overflow:scroll;}
}

@media only screen and (min-width: 1201px)  {   
    #disc-d-widget .ui-autocomplete { left: 0 !important; top: 60px !important; max-height: 40vh; overflow-y: scroll; text-overflow: ellipsis; overflow-x: hidden;}
}

#vendor-img {
    width: 28px;
    height: 28px;
    border-radius: 19px;
    overflow: hidden;
    /*margin-top:5.4px;*/
}

#marketplace,
#top-welcome .ui-autocomplete .ui-menu-item {
    margin-left: 20px; margin-bottom: 2px; height: 20px; width: 410px;
}

#disc-d-widget .ui-autocomplete .ui-menu-item {
    margin-left: 20px; margin-bottom: 2px; height: 20px; 
}

#top-welcome .ui-autocomplete .ui-menu-item.ui-state-focus,
#top-welcome .ui-autocomplete .ui-menu-item.ui-state-hover {
    width: 250px; border-radius: 0px; margin-left: 20px;
}

#disc-menu .ui-autocomplete .ui-menu-item.ui-state-focus,
#disc-menu .ui-autocomplete .ui-menu-item.ui-state-hover,
#disc-d-widget .ui-autocomplete .ui-menu-item.ui-state-focus,
#disc-d-widget .ui-autocomplete .ui-menu-item.ui-state-hover {
    border-radius: 0px; margin-left: 20px;
}

#top-welcome .ui-autocomplete .ui-menu-item .ui-state-active,
#disc-menu .ui-autocomplete .ui-menu-item .ui-state-active,
#disc-d-widget .ui-autocomplete .ui-menu-item .ui-state-active {
    background : #f2f2f2;
}

#disc-menu .ui-autocomplete .ui-menu-item:last-of-type,
#disc-d-widget .ui-autocomplete .ui-menu-item:last-of-type,
#top-welcome .ui-autocomplete .ui-menu-item:last-of-type,
#top-welcome .ui-autocomplete .ui-menu-item:last-of-type
{
    width: 100%;
    height: auto;
    margin: 0px;
}
#disc-menu .ui-autocomplete .ui-menu-item:last-of-type a,
#disc-d-widget .ui-autocomplete .ui-menu-item:last-of-type a,
#top-welcome .ui-autocomplete .ui-menu-item:last-of-type a,
#top-welcome .ui-autocomplete .ui-menu-item:last-of-type a
{
    margin: 10px 0px;
}

#top-welcome .js-login, #top-welcome .js-signUp, #top-welcome .js-d-how-ifonly-works, #top-welcome .sell-ifonly {margin: 0 5px;}
#top-welcome .top-search {
    /* margin: 0px 6px; */
    z-index: 10;
    min-width: 36px;
    position: relative;
    width: 50px;
    padding: 0 0 0 15px;
}

#top-welcome .top-search.rtl{
    padding: 0 15px 0 0;
}

.top-search .field-not-empty .sg-label {font-size:11px;}
.field-not-empty #top-nav-search{
    padding:10px 25px 0px 35px;
}

#top-nav-search {
    width: 60px; height: 44px; color: #333;
    line-height:25px; /* need this for safari*/
    border: none; padding: 5px 25px 5px 35px; margin: 0px;
    box-shadow: none; letter-spacing: 0.02em;
    background-image: url(/images/io/search_grey.png);
    background-position-x: 10px;
    background-position-y: 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top:-22px;
    -webkit-appearance: none;
}
#top-welcome .top-search .search-icon{
    width: 28px;
}
.top-nav-search-disc{
    position: absolute;
    min-width: 100px;
    min-height: 100px;
    display: none;
    box-sizing: border-box;
    padding: 10px;
    top: 20px;
    width: 465px;
    left: -420px;
    max-height: 400px;
    overflow-y: scroll;
    
}
.top-nav-search-disc .discovery-popup .col-title{
    margin-top: 2px;
}
.top-nav-search-disc .discovery-popup .disc-header{
    margin-bottom: 5px;
}
.top-nav-search-disc .discovery-popup .disc-column{
    width: 100%;
}
.top-nav-search-disc .more-items{display: none;}
.top-nav-search-disc .discovery-popup .disc-item{
    width: 100%;
    padding: 5px 10px;
}

#acct-popup-wrapper {
    display: none;
    position: absolute;
    top: 56px;
    z-index: 200;
}
#acct-popup-box {
    float: left;
    width: 174px;
    margin-top: 28px;
    padding: 20px 10px;
}

#lang-popup-box {
    width: 156px;
    margin-top: 28px;
    padding: 20px 0;
}
#lang-popup-box hr {
    border-top: 2px solid black; margin: 12px 0;
}
#currency-popup hr, #lang-popup hr {
    border-top: 1px solid lightgray;
}

#lang-popup-box.has-currency {
    width: 285px;
}

#acct-popup-carrot, #lang-popup-carrot {
    float: left; 
    margin: -21px 0 0 85px; 
    height: 0px;
}

.io-popup-wrapper  button.languages-selector-item, .io-popup-wrapper  button.currency-selector-item, .io-popup-wrapper #acct-popup .child a {
    width: 100%;
    color: unset;
    cursor: pointer;
}

.io-popup-wrapper .child {
    width: 100%; 
    padding: 5px 5px;
}

#top-welcome .bubble {
    position: absolute;
}

#top-welcome .bubble, #vendor-menu .menu-li .bubble{
    visibility:hidden;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    font-size: 11px; 
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#vendor-menu .menu-li .bubble{
    position: initial;
}
#top-welcome .myaccount .bubble {top:0px; right:5px;}
#top-welcome .myaccount .bubble {top:0px; right:5px;}

#vendor-menu:empty {display:none;}
#vendor-menu .menu-li .bubble.todo {top:0px; position: relative; }
#vendor-menu .menu-li .bubble.unread {top:0px; position: relative; }
#top-welcome .shop .bubble.todo {top: 0px; right: 17px;}


.io-popup-wrapper{
    display:none; position: absolute;  z-index: 201;
}

.customScroll {
    overflow: auto;
    scrollbar-width: thin
}
.customScroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.customScroll::-webkit-scrollbar-track {
    background: white; 
}
.customScroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.75);
}

#cart-popup-wrapper {width:472px; top:56px; right:2px;}
#cart-popup-box {float:left; width:100%; margin-top:28px; z-index: 201;}
#cart-popup-carrot {float:left; margin: 0 0 0 440px;}
#cart-popup-close {position: absolute; top:30px; right:15px; z-index: 100;}
#cart-popup {float:left; width:100%; z-index: 99;}
.rtl #cart-popup-items .item .quantity {margin-right:0px; margin-left:0px;}
#cart-popup .footer {padding: 10px 0;}
#cart-popup .item{padding: 0px;}
#cart-popup .goto-link {text-decoration: underline;}
#cart-popup .goto-link {
    display: block;
}
.cart-details { margin: 0 25px; }
.cart-details > div {justify-content: space-between;width: 100%;}
#cart-popup .empty-hint{
    margin: 15px 0px;
}
#cart-popup-added-block {display:none;float:left; width:100%; height:35px;}
.added-icon {float:left;}
.added-icon.cancel {background: url('/images/io/cancel.png');width: 16px; height:16px;}
.added-text {margin-left:10px;}

#shop-popup-wrapper, #lang-popup-wrapper {top: 56px;}
#shop-popup-box{float: left;  margin-top: 28px; width: 174px;}
/* #shop-popup-box.withBtn{width: 305px; } */
#shop-popup-carrot{
    display: block;
    width: 10px;
    height: 0px;
    margin: 0 auto;
}
#shop-popup-box .status-sec{margin: 15px 0px;}
#shop-popup-content{padding: 10px; float: left; width: 100%; box-sizing: border-box;}

.io-arrow-popup-carrot::after{
    content: " ";
    width: 10px;
    height: 10px;
    display: block;
    margin-top: -5px;
    background-color: #fff;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    transform: rotate(-135deg);
}
.io-arrow-popup .item {min-height:81px; height:81px;}
.io-arrow-popup .item:last-of-type{border-bottom: none;}
.io-arrow-popup .item > div {
    display: inline-block; vertical-align: middle;
}
.io-arrow-popup .item .img-box-wrapper{width: 95px; height: 52px;}
.io-arrow-popup .item .img-box {width: 75px; height: 50px; overflow: hidden; background-size: cover; margin: 0 10px}
.io-arrow-popup .item .name     {overflow: hidden; }
.io-arrow-popup .item .name ul {margin-top:5px; list-style: inside disc;}
.io-arrow-popup .item .align-helper{height: 81px; width: 1px;}
.io-arrow-popup .seperator{width: 95%; display: block; margin: 0 auto;}

/*#header-menu .mCSB_container {margin-right: 0px !important; }*/

/*#top-nav {margin:0 auto; width:1100px; height: 30px; position:relative;}*/
#top-nav {width:1124px; height: 40px; float:left; position:relative;}

#top-left-menu  {float: left; height: 40px; margin: 0;}
#top-left-menu ul  {float: left;}
#top-left-menu li {float:left;}
#top-left-menu li a {float:left;}
#top-left-menu li a h2 {margin:15px 9px 0 8px; float:left; height:25px; transition: color 200ms;}

#top-left-menu li.holiday {background: url('/images/holiday_nav_bg.png') no-repeat scroll -3px -1px / 75px auto rgba(0, 0, 0, 0);}


#subCat-balloon {top:45px; width:auto; padding:0;}
#subCat-balloon .droparrow {left: 0; top: -15px; position: absolute;}

#subCat-balloon .wrapper {float:left;}

#subCat-balloon .subcategories {width: 135px; margin: 28px 0 0 24px;}
#subCat-balloon .collections   {width: 202px; margin: 28px 0 0 4px;}
#subCat-balloon  li       {width: 100%; height:30px;}
#subCat-balloon  li.item{height: auto; margin-bottom: 15px; }
#subCat-balloon  li.title {margin-bottom: 5px;}
#subCat-balloon  li a     {width: 100%;}

#subCat-balloon .featured {float:left; width: 175px;  }
#subCat-balloon .featured .title  {margin-top:24px;}
#subCat-balloon .featured .image  {float:left; width: 100%; margin-top: 16px;}
#subCat-balloon .featured-img-wrapper {height: 80px; width: 98px; overflow: hidden; float:left; margin-left:38px; background-size: cover;}
#subCat-balloon .featured-img {height:80px;}
#subCat-balloon .featured .celeb,
#subCat-balloon .featured .text {float:left; width: 145px; margin: 8px 0 0 15px;}
#subCat-balloon .featured .text {margin-top:2px; max-height: 38px;}

#subCat-balloon .filter-box { margin: 0 0 2px 24px;}
#subCat-balloon .filter-link{padding: 1px 12px 0 0; background: url('/images/arrow_right_green.png') no-repeat right 2px / auto 12px;}



#top-left-menu .separator {float:left; width: 1px;height: 22px; margin: 9px 11px 0;}

#top-right-menu {position:absolute; top: 0; right: 70px;}
#top-right-menu > ul li {float:left;margin-left: 20px; height: 40px;}
#top-right-menu > ul li a {float:left; padding: 15px 0 15px 0;}

#top-celeb-box {width:546px; position: absolute; top:40px; right: 55px; z-index: 100}
#top-celeb-box ul.tabs {float:left; margin:20px 0 10px 40px; width:500px;}
#top-celeb-box .tabs li {float:left; margin: 0 13px 10px 0;background: url('/images/io/circle.png') no-repeat right; padding-right:15px;}
#top-celeb-box #celeb-image {float:left; width: 100px; height: 100px; margin: 0 0 10px 40px; overflow: hidden;}
#top-celeb-box .panes {float:left; width: 351px; margin: 0 0 30px 20px;}
#top-celeb-box .celeb-list {float:left; width: 100%;}
#top-celeb-box .celeb-list li {float:left; width: 155px; padding: 5px 10px; overflow:hidden;}
#top-celeb-box .celeb-list li a,
#top-celeb-box .celeb-list li span {float:left; width: 155px;}

#top-charity-box {width:508px; position: absolute; top:40px; right: 55px; z-index: 100}
#top-charity-box .title {float:left; width:460px; margin:30px 0 30px 40px;}
#top-charity-box #charity-image {float:left; width: 120px; height: 120px; margin: 0 0 10px 40px;}
#top-charity-box .charity-list {float:left; width: 300px;}
#top-charity-box .charity-list li {float:left; width: 280px; padding: 5px 10px;}
#top-charity-box .charity-list li a,
#top-charity-box .charity-list li span {float:left; width: 280px;}

#top-gift-box {width:608px; position: absolute; top:30px; right: -4px; z-index: 100}
#top-gift-box .title {float:left; width:560px; margin:30px 0 30px 40px;}
#top-gift-box #gift-image {float:left; width: 120px; height: 120px; margin: 0 0 10px 40px;}
#top-gift-box .gift-list {float:left; width: 400px;}
#top-gift-box .gift-list li {float:left; height: 24px; width: 380px; padding: 0 10px;}

#top-celeb {position:absolute; top: 65px; right: 20px;}
#top-celeb .organization {margin-left:10px;}


#main-top {float:left; width:960px;}
#main-left {float:left; width:660px; margin-top:10px;}
#main-right {float:left; width:320px; margin-top:10px;}

#to-top-button {position: fixed; bottom: 40px; display: block; right: 80px;}


.celeb-band {width:100%; height:10px;}

#socialProof {position: relative; margin:0px auto 0;  width: 100%; }
#socialProof a .overlayTitle { font-size: 32px; line-height: 40px; letter-spacing: 0.1em; }
#socialProof a .overlayTitle .overlayTextContent { font-style: italic; font-size: 18px; letter-spacing: 0em; }

#footer {position: relative; margin:0px auto 0; height: 387px; width: 100%;float:left;}
#footer-logo {margin:50px auto 0 auto;width:14px}
#footer-logo img {height:50px;}
#footer-menu { margin:30px 0 0 0}
#footer-menu li a { letter-spacing: 0.02em; line-height: 20px; }
#footer-menu li {margin-right:56px; float:left;}
#footer-menu ul p {margin-bottom:16px;}
#footer-menu #stay-connected li{list-style: none;}
#footer-menu #stay-connected .social-media-icons{height: 32px;width: 32px; margin:0;}
#stay-connected {text-align: center; margin-bottom: 30px;}
#footer.mobile {display:none;}

@media only screen and (max-width: 767px) {
    #footer.mobile { display: block; }
}
/* Contact Us, FAQ, Return policy, and etc. */
#main-detail .content-wrapper.footer-page {width:800px; margin-left: 70px;}
#hidden-info {position:absolute; bottom:10px; width:960px;}

.celeb-band{display:none;height:1px;}


#bottom-back-to-cat-button {
    width:100%; height:40px; display: block; position: fixed; bottom:0; z-index: 100;
    background: #000;
}



/*
homepage
===============================================================================
*/

#top-marquee { height: 440px; margin-bottom:40px;  padding-top: 80px; /* padding-top: 140px; */}

#home-feature-tile {float: left; width:980px;}
#home-feature-tile > div {float:left; margin-top: 20px; margin-left: 17px;min-width: 260px; min-height: 260px;}
#home-feature-tile > div:nth-child(3n+1) {margin-left: 0px;}
#home-feature-tile .overlayGradient {
    height:175px;position:absolute;bottom:0;width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
}
#home-feature-tile > div:hover .overlayGradient{
    height:180px;position:absolute;bottom:0;width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.95));
}
#home-feature-tile .overlayTitle {margin:0 9px 0 18px;}
#home-feature-tile .overlayTitle span {margin:0 0 0 8px;}
#home-feature-tile .overlayContent {margin:0 0 20px 20px;}

#homepage-marquee-wrapper {margin:0 auto; height: 440px; position:relative}
#homepage-marquee { float:left; width: 100%; height: 440px; overflow: hidden; position:relative;
    box-shadow: 0 50px 50px 30px #fff;
}
#homepage-marquee .scroll { min-width: 1500px; width: 100%; height: 440px; max-width: 1500px;}
#homepage-marquee .scroll img{ width: 100%;}

#homepage-marquee .overlay-wrapper {position:absolute; width: 100%;left:26px;left:26px;display:table; height:440px; top:0; width:100%;}
#homepage-marquee .overlay-container {    position: absolute; top: 55%;width: 100%;}
#homepage-marquee .overlay-container h1 {max-width: 880px;margin: 0 auto;}
#homepage-marquee .overlay-container p {max-width: 880px; margin: 0 auto;}



.subcat {width:480px; float:left; margin-bottom: 8px;}
.subcat-box{width:468px; min-height:148px; float:left; margin: 5px 0 0 5px; position: relative;
    box-shadow: -2px 1px 5px #e8e8e8;
}
.subcat-box:hover {
    box-shadow: 0;
}
.subcat-box img {margin: 10px 0 10px 11px;}
.subcat-box div.title {position: absolute; top:10px; left:10px; width: 220px; height: 128px; background:url('/images/transparent_black_50.png') }
.subcat-box div.title p { width:190px; position: relative; top: 11px; left:16px; }
.subcat-box span {position: absolute; bottom:30px; left:28px; padding-right: 16px; background: url('/images/io/arrow_right_mid.png') no-repeat right;}
.section-break {height:38px; background: url('/images/io/section_break.png') no-repeat center;}
.section-break span {position: relative;  top:11px; padding-right: 16px; background: url('/images/io/arrow_down.png') no-repeat right;}
.section-break.vless span {background: url('/images/io/arrow_up.png') no-repeat right;}

/*
Commons
===============================================================================
*/

.top-banner-height{height: 85px;}
.sweepsSymbol{ position: absolute; top: 0; left: 15px;
               background: url(/images/io/banner_grey_big.png) 0 0 no-repeat;
               height: 30px; background-size: 100% 100%; }
.sweepsSymbol p {padding: 0 50px;}

.float-left{float:left}
.float-right{float:right;}
.shadow-outer {
    box-shadow: 1px 1px 2px #666666;
}

.submit-button {
    display:inline-block; width: 177px; height: 35px; border:none; 
}

.helpBox {margin-top: 40px;
    box-shadow: -2px 2px 10px #999;}
.helpBox .container{width:195px; margin: 20px 25px;}
.helpBox .subheader{margin:0 0 10px 0px; }
div.helpBox p  {margin-bottom:2px;}

.list-none{list-style-type:none;}
.list-disc{list-style-type:disc;}
.list-circle{list-style-type:circle;}
.list-alpha{list-style-type:lower-alpha;}
.list-roman{list-style-type:lower-roman;}
.list-numbered{list-style-type:decimal;}

.separation-line{margin:10px 2px; height:1px; width:17px;}


.scroll{ float:left; position:relative; overflow:hidden; width: 960px; height: 472px; }
.scroll .items { width:2000000em; position:absolute; clear:both; }
.scroll .items > div { float:left; width:960px; position:relative;}

#category-top-nav .scroll .item img.cat-marquee {width: 960px; height:190px;}

.marqueeNav {display:block; position:absolute; bottom:10px; left: 10px;}
.marqueeNav a {background: url('/images/io/marquee_inactive.png'); float:left; width:13px; height:13px; margin-right:4px;}
.marqueeNav a.active, .marqueeNav a.current {background: url('/images/io/marquee_active.png')}

.horizontalLine{width: 960px; height: 1px; margin:10px 0; float:left;}

.valign-outer{height:90px; overflow: hidden; display: table; position: static;}
.valign-inner{display: table-cell; vertical-align: middle; width: 100%;}

#main-detail {min-height: 500px;}

/*Help dialog (?)*/
.help{ margin-left: 3px;}
.help_dialog{position: absolute; display: none;
             width: 545px; z-index: 2000; padding: 15px 20px;
             box-shadow: 0px 1px 25px #999;
}
.help_dialog .close{position: absolute; top: 0px; right: 0px; padding: 10px; }
.help_dialog p{margin-top: 10px;}
.help_dialog .see_more{margin-top: 20px;}
.help_dialog .see_more_content{display: none;}

.auction .help_dialog:not(.reserve_bid_msg_dialog) {left: -364px; top: -350px;}
#auction_help_dialog.help_dialog { padding: 0px 40px 10px 38px; }
.auction .help_dialog .arrow{position: absolute; bottom: -15px; right: 123px}

#checkout .help_dialog {top: -63px; right: -410px; width: 350px;}
#checkout .help_dialog .arrow{position: absolute; top: 65px; left: -15px}


.celebrity-header, .product-header {margin:0;  position: relative;}
.celebrity-header {margin-top:30px;}
.product-header   {margin-bottom:14px;}
.jumpto {position: absolute; right: 0; top: 15px; width: 200px;}
.jumpto a {position: absolute; right: 0; top: 0; padding:8px;border: 1px solid #FFF;}
.jumpto a:hover {border: 1px solid #e1e1e1;}
.jumpto img {float:left; width:20px; height:20px;}
.jumpto p {float:left; margin: 3px 0 0 8px;}


.capitalize{text-transform: capitalize;}

/*
category scroll navigation
===============================================================================
*/

#category-list-nav {float:left; position:relative; height: 140px; margin: 0 0 40px 123px; width: 714px;}
#category-list-nav-scroll {float: left; width: 714px; height: 472px; overflow: hidden; position: relative;}
#category-list-nav div.group > div {float:left; width:156px; height:140px; overflow: hidden; margin: 0 0 30px 30px; position: relative;}
#category-list-nav div.group > div:nth-child(1) {margin-left: 0px;}
#category-list-nav div.group > div .cover {position: absolute; top:0; width:156px; height:140px; background: url('/images/transparent_black_70.png');}
#category-list-nav div.group > div:hover .cover {background: url('/images/transparent_black_50.png');}
#category-list-nav div.group > div table.title {width:156px; height:140px; position: absolute; top:0}
#category-list-nav-prev {position:absolute; z-index: 2; left: -100px; width:100px; height:100%; background: url('/images/io/scroll_left.png') 50% center no-repeat}
#category-list-nav-next {position:absolute; z-index: 2; right:-100px; width:100px; height:100%; background: url('/images/io/scroll_right.png') 50% center no-repeat}
#category-list-nav-prev:hover {background: url('/images/io/scroll_left_hover.png')  50% center no-repeat}
#category-list-nav-next:hover {background: url('/images/io/scroll_right_hover.png')  50% center no-repeat}

.top-nav-scroll .scroll-arrow.prev {position:absolute; z-index: 2; top:3px; left: -80px; width:80px; height:100%; background: url('/images/io/scroll_left.png') 50% center no-repeat}
.top-nav-scroll .scroll-arrow.next {position:absolute; z-index: 2; top:3px; right:-80px; width:80px; height:100%; background: url('/images/io/scroll_right.png') 50% center no-repeat}
.top-nav-scroll .scroll-arrow.prev:hover {background: url('/images/io/scroll_left_hover.png')  50% center no-repeat}
.top-nav-scroll .scroll-arrow.next:hover {background: url('/images/io/scroll_right_hover.png')  50% center no-repeat}

/*
* Category tiles for pop up
*/
#category-nav-tile {float: left; height: 170px; margin-left:30px; overflow: hidden; width: 900px;}
#category-nav-tile li {float:left; width:156px; height:140px; overflow: hidden; margin: 0 0 30px 30px; position: relative;}
#category-nav-tile li:nth-child(5n+1) {margin-left: 0px;}
#category-nav-tile li .cover {position: absolute; top:0; width:156px; height:140px; background: url('/images/transparent_black_70.png');}
#category-nav-tile li:hover .cover {background: url('/images/transparent_black_50.png');}
#category-nav-tile li table.title {width:156px; height:140px; position: absolute; top:0}

/* category page section nav */

#category-section-nav-placeholder {float:left; height: 39px; width: 960px; display:none;}
#category-section-nav {float:left; height: 45px; width: 960px; position:relative; background:rgba(34,34,34,.95); z-index: 100;  opacity:0.9;}
#category-section-nav p {float:left; padding-left:10px;}
#category-section-nav ul {margin: 12px 0 0 0px;}
#category-section-nav ul li {float:left; margin-top: 3px;}
#category-section-nav ul li p {float: left; padding-left: 20px; padding-right:20px;}
#category-section-nav-bar {position:absolute; width: 96px; height: 3px; bottom: 0px; left: 165px; display:none;}
#category-section-nav-line {position:absolute; width: 100%; height: 1px; bottom: 0px; left: 0;}

#category-section-nav .filter-button{  float: right; width: 60px; height: 21px; margin-top: 10px; margin-right: 15px; line-height: 21px;  padding-top:1px;}
#category-section-nav .filter-button a{ margin-left:2px;}
/*
product list
===============================================================================
*/
h1.section-header {margin: 40px 0 6px 0; }
h2.section-header {margin:0 0 11px 0;}

h5.section-header {margin: 40px 0 6px 0;}
h6.section-header {margin:0 0 11px 0;}

.main-vertical-list {
    min-height: 250px;
    overflow: hidden;
}

.main-vertical-list .loading-placeholder {min-height:600px; width: 960px;}

.productBox {
    width:  308px;
    border: 1px solid #e1e1e1;
    margin: 15px 15px 0 0;
}

.productBox .front {float:left; width:100%; height: 100%;}
.productBox .front .img-box  {float:left;position:relative;min-height: 200px;}
.productBox .front .gradient {position:absolute; bottom:-1px;width:308px; height:142px;}
.productBox .front .name     {position:absolute; bottom:15px; left:15px; width: 210px;}
.productBox .front .price    {position:absolute; bottom:15px; right:15px; width: 80px;}
.productBox .front .price p  {word-wrap:break-word;}
.productBox .front .title    {float:left; position:relative;width:308px; height:45px;}
.productBox .front .title p  {position:absolute; top:14px; left: 15px;}
.productBox .back {float:left; width:100%; height: 100%; display:none; position: relative; }
.productBox .back .key {float:left; width:13px; height: 24px; margin: 15px 10px 10px 15px;}
.productBox .back .desc {float:left; width:280px; margin-left:15px;}
.productBox .back .bottom-box {float:left; width:308px;}
.productBox .back .buttons {float:left; margin:20px 0 0 15px;}
.productBox .back .buttons a {float:left; margin-right: 10px;}
.productBox .back .catch {margin: 20px 0 0 15px;}
.productBox .back .share {width:308px; height:50px; position:absolute; bottom:0; left:0;}
.productBox .back .share a {float:left; margin-right:6px;}
.productBox .back .share .facebookLike{float:left; margin: 5px 0 0 3px; width: 100px; width: 44px; overflow: hidden;}

.productTile {float:left; min-height:375px; position: relative;}
.productTile .top-box {float:left; width:302px; height:246px; position:relative; overflow: hidden;}
.productTile .img-box  {position:absolute; top:0; left:0; width:302px; height:246px; overflow: hidden; }
.productTile .gradient {position:absolute; bottom:0; left:0; width:302px; height:4px; background: #000;}
.productTile .desc-box {position:absolute; top:0; left:0; width:302px; display:none}
.productTile .desc-box .desc {width:282px; position:absolute; top:20px; left:12px;}
.productTile .desc-box .desc span {float:left; width:282px; max-height:110px;}
.productTile .desc-box .buttons {position:absolute; top:175px; left:8px;}
.productTile .desc-box .buttons .button-outer a {margin:0;}
.productTile .desc-box .link {position:absolute; width:100%; top:138px; left:0; }
.productTile .bottom-box {float:left; width:304px; height:134px; word-wrap: break-word;}
.productTile .bottom-box .celeb   {margin-top:10px;}
.productTile .bottom-box .prod    {margin-top: 5px;}
.productTile .bottom-box .price, .productTile .bottom-box .perPersonPrice{margin-top: 2px; }
.productTile .bottom-box .geographicName {margin-top: 2px;}

.productTile.ad {width: 304px;}
.productTile.ad .top-box {width:304px; height:380px; border:none;}
.productTile.ad .img-box {width:304px; height:380px;}

.productTile.ad.double {width: 632px;}
.productTile.ad.double .top-box {width:632px;}
.productTile.ad.double .img-box {width:632px;}

.productTile.ad.triple {width: 960px; height: 110px;}
.productTile.ad.triple .top-box {width:960px; height: 110px;}
.productTile.ad.triple .img-box {width:960px; height: 110px;}

.view-more-box {float: left; height: 60px; 
                margin-bottom: 40px; position:relative;}
.view-more-experiences p.text, .view-more-experiences p.text .count {margin-top:16px;}

/*
Shop list
===============================================================================
*/

#shop-sec {
    float: left;
    width: 100%;
}

.shop-header {float: left; width: 100%; margin-bottom: 14px}
.shop-list {float:left;}
.shopTile {float:left; width: 466px; height:242px; min-height: 242px; margin: 0 0 45px 24px; position: relative;overflow: hidden; z-index: 99;}
.shopTile:nth-child(2n+1) {margin-left: 0;}
.shopTile .img-box {float:left;}
.shopTile .image {float:left; max-width:466px;overflow: hidden;}
.shopTile .gradient { float:left; width:100%; height:100%; background: #000;position: absolute; top: 0; opacity:0.15; }
.shopTile .button-wrap {position: absolute; right: -4px; top: 260px; }
.shopTile .button-wrap:hover {border-color: #000;}
.shopTile .button-small {background-color:#000; border-color: #000; }
.shopTile .shop-text-wrapper{width:100%;position: absolute; top:0;left:0;height:100%;}
.shopTile .desc {position: relative; width: 70%;margin: 0 15%;
                 z-index:999;}
.shopTile .title {position: relative; width: 70%; margin: 20% auto 0 auto;
                  text-shadow: 0px 2px 4px rgba(51,51,51,0.5);z-index:999;}

/*
Category page list
===============================================================================
*/
.banner {width:960px; margin-top:0;position:relative;}
.banner img{width: 100%;}

/*
.sy-slides-wrap{min-height: 220px;}
#category_slider{min-height: 220px;}
*/

#bottom-categories-header {float: left; width: 100%; margin-bottom: 14px}

#celebrity-vertical-list, .celebrity-vertical-list {float:left; width:960px; margin: 15px 0 0 0;}

.view-all-shops p.text {margin-top:16px;}
.view-all-shops .arrow {position:absolute; top: 40px; left:475px;width:16px; height:10px;
                background-image: url('/images/arrow_more_active.png'); background-size: 16px 10px;}
.view-all-shops:hover .arrow {background-image: url('/images/arrow_more_green.png');}


/* celebrity list */

.view-all-box {float: left; height: 60px; 
              width: 960px; margin-bottom: 40px; position:relative;}
.view-all-celebrity p.text {margin-top:16px;}
.view-all-celebrity .arrow {position:absolute; top: 40px; left:475px;width:16px; height:10px;
                background-image: url('/images/arrow_more_active.png'); background-size: 16px 10px;}
.view-all-celebrity:hover .arrow {background-image: url('/images/arrow_more_green.png');}

/*
charity widget
===============================================================================
*/
.ribbon {width: 16px; height: 16px; background-image: url("/images/icon_ribbon.png"); background-size: 16px 16px;}

.charity-widget {float:left; width:960px; min-height:220px; position: relative; padding-top:28px;}
.charity-widget .support {position:absolute; top:10px; left:10px;}
.charity-widget .ribbon {position:absolute; right:0px;}
.charity-widget .logo {float:left; margin:50px 85px; width: 160px; height:160px;}
.charity-widget .text-block {float:left; width:539px; }
.charity-widget .text-block p {float:left; width:100%;}
.charity-widget .desc {margin-top:20px;}

/*
* Celebrity (Luminary) page
===============================================================================
*/

#category-top-nav {min-height:416px; margin-top:0; position: relative;}
#category-top-nav .scroll {min-height:416px;}

.luminary .item {min-height:381px;cursor:default;}
.luminary .marquee-img-wrapper { float:left; margin: 35px 0 0 0; border-radius: 155px;}
.luminary .marquee-img { float:left; margin: 5px 0 0 5px; overflow: hidden; border-radius: 150px;}

.luminary .marquee-text {float:left;margin:42px 0 0 0;}
.luminary .marquee-text p {width:100%; /*float:left;*/ }

.luminary .marquee-text .name    {word-wrap: break-word;}
.luminary .marquee-text .org     {margin-top:5px; clear:left;}
.luminary .marquee-text .desc    {margin-top:24px;}
.luminary .marquee-text div.desc {float: left;}
.luminary .marquee-text .support {margin-top:32px;}
.luminary .marquee-text .charity {margin-top:8px;}
.luminary .marquee-text .charity img {width:16px; height:16px;}
.luminary .marquee-text .about   {margin-top:32px;}
.luminary .marquee-text .about a {padding: 9px 18px 7px 0; background: url('/images/io/arrow_next_black.png') no-repeat right; background-size: 7px 14px;
}

/* hide for now */
.luminary .marquee-text .about   {display:none;}
.charity-widget-header {display:none}

/* for james beard award */
/* .marquee-text .jamesBeardSection{ width: 304px; float: right; margin-top: -45px; position: relative; min-height: 70px; border: 1px solid #999;} */
.marquee-text .jamesBeardSection{ width: 304px;}
.marquee-text .jamesBeardSection img.jb-medal{width: 45px;}
.marquee-text .jamesBeardSection img.jb-logo{width: 100px;}
.marquee-text .jamesBeardSection .jb-desc-box p {width: 170px; float: none;}
.marquee-text .jamesBeardSection .jb-desc-box p.award-name{margin-top: 2px;}
.marquee-text .jamesBeardSection .jb-desc-box p.award-name:first-of-type{margin-top: 0px;}


.suggest-dream {float:left; width:302px; height:408px; position:relative;}
.suggest-dream img {position:absolute; top:6px; left: 8px; width: 286px; height: 189px;}
.suggest-dream .title-overlay {position:absolute; top:145px; left: 8px; width:286px; height: 50px; background: url('/images/transparent_black_50.png');}
.suggest-dream .title-overlay p {
    display:table-cell;
    vertical-align: middle; padding-left: 20px;
    width:286px; height: 50px;
}
.suggest-dream .suggest-box {position:absolute; top:203px; left:8px; width:292px; height:170px; }
.suggest-dream textarea {max-width:263px; max-height:65px; width:263px; height:65px; padding:10px;}
.suggest-dream input    {width: 90px; height: 24px; padding: 2px 10px; float:right; margin: 5px 7px 0 0;}
.suggest-dream .offer   {float:right; margin: 14px 5px 0 0;}
.suggest-dream .suggestion-submit-button {padding: 0 10px;}


.suggestion-box{ width: 100%; height: 248px;float: left;}
.suggestion-box .line{margin-top: 35px; }

#send-message {float:left; width:100%; height:230px; position:relative;}
#send-message p.title { margin: 10px 10px 0 10px;}
#send-message textarea {padding:10px; width:90%; height: 80px; max-height: 80px;}
#send-message #message-send-button {padding: 0 10px;}

.callOut{ position:absolute; width: 250px; height:235px; top:5px; left:675px; z-index: 9999;}


/*
Terms and conditions page / faq page
===============================================================================
*/
.content-wrapper li, .terms-wrapper .terms-list  li, .return-wrapper .terms-list  li, .faq-wrapper ul li{
    margin-bottom:1.5em;
}
.terms-wrapper .terms-list li li, .terms-wrapper .terms-list .list-numbered li {
    margin-bottom:.5em; margin-left: 2em; padding-left: 5px;
}

.faq-wrapper p{margin-bottom: 15px;}
.faq-wrapper h3{margin: 25px 0;}



/*
=========================================================
Checkout
*/

#checkout .box {float:left; margin-top: 30px; width:100%;}

#checkout #center-block {margin: 30px 25px;}

#checkout #left-block > div {width:100%; float:left;}
#checkout #right-block > div {width:100%; float:left; margin-bottom:20px; position: relative;}



#checkout #summary table {margin-left:0px; width:auto;}

#checkout .edit-shopping-bag {
    padding-left: 3px;
}
#checkout label span.required {display:none}

#checkout td.img {width:120px;}
#checkout td.img img{width:110px;}
#checkout td.delete {vertical-align:top; }
#checkout td.quantity input[type=text] {width:40px; }
#checkout td.quantity a {margin-left:5px;}
#checkout td.name{width:100%; padding-bottom: 10px;}

#checkout fieldset {margin-bottom: 10px;}
#checkout h2    {margin:0 0 10px 0}

#checkout div.errorMessage {float:left; margin:2px 0 0 140px; padding:2px 2px 4px 2px; border: none; width:300px;}



#checkout #plist {float:left;}
#checkout #plist li {float:left; width:100%; padding: 20px 0;position: relative;}
#checkout #plist li > div {float:left;margin-left: 10px;}
#checkout #plist li .image   {width:110px; height: 110px; overflow: hidden;}
#checkout #plist li .image img {height: 110px;}

#checkout #plist li .desc    {width:225px; margin-left: 10px;position: relative;height: 110px;}
#checkout #plist li .desc .pname {margin-top: 0;}
#checkout #plist li .desc p {margin-top: 5px;}

#checkout #plist li .quantity {width:50px;position: absolute;bottom: 0;}
#checkout #plist li .quantity p { margin-top:44px;}
#checkout #plist li p.inventory_warning {margin-left:10px; width:100px;}


#checkout-warning .row {
    width: 100%;
    
    padding-bottom: 40px;
    margin: 50px 0;
    box-sizing: border-box;
}
#checkout-warning p {margin: 40px 0;}
#checkout-warning .button-wrap {margin:0 0 20px 270px;}

#checkout .button-wrap.next {float:left; margin: 10px 0 0 11px;}

#checkout .errorSummary ul {list-style: disc; margin-left:15px;}
#checkout .checkout-help {float:left; margin:14px 0 0 10px; width:21px; height:21px; background: url('/images/io/help.jpg');}
#checkout .checkout-hlep-popup {
        display:none; position: absolute; padding:25px 25px 20px 25px; width: 235px;
        box-shadow: 0px 1px 25px #ccc;
        z-index: 2;
}
#checkout .checkout-hlep-popup li {list-style: disc; margin: 0 0 5px 15px;}

#gift-certificate-list li {margin-left:15px;}
#gift-certificate-list li span {margin-right:10px;}
#gc-result {margin:10px 0;}

#shipping-saved,   #billing-saved,   #cc-saved,   #shipping-summary,    #payment-summary {
    float:left; position:relative; margin-top:10px; width:300px;
}
#shipping-saved p, #billing-saved p, #cc-saved p, #shipping-summary p,  #payment-summary p {
    margin-left:0px;
}
#edit-shipping-wrap, #edit-billing-wrap, #edit-cc-wrap {position: absolute; display:none;}
#edit-shipping-wrap {right:30px; top:61px;}
#edit-billing-wrap {right:30px; top:61px;}
#edit-cc-wrap {right:15px; top:8px;}
#edit-shipping, #edit-billing, #edit-cc {
    width:60px;height:24px;
}

#subscriptions{margin: 20px 0 0 0px; width:100%;}
#subscriptions ul {width: 100%;}
#subscriptions li {display:inline-flex; width:100%; box-sizing: border-box; align-items: end; background-color: #f9f9f9; border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 5px;}
#subscriptions li .address {float:left; margin:10px 0 10px 15px; width:443px;}
#subscriptions li .address div.row {width:425px;margin: 10px 0 0 10px;}
#subscriptions li .address label {width:120px;}
#subscriptions li p.seq {margin-right: 10px;}
#subscriptions li p.name {display: inline-flex; align-items: end;}
#subscriptions li .pname {margin-right: 40px; flex: 1;}


#shipment-items {float:left; margin:10px 0 0 15px; width:640px;}
#shipment-items .header {float:left; width:100%;  margin-top:10px; padding: 10px 0 2px 0;}
#shipment-items .footer {float:left; width:100%;  margin-top:10px; padding: 10px 0 2px 0;}
#shipment-items .footer span {margin-top:16px;}
#shipment-items li {float:left; width:100%; margin-top:10px;}
#shipment-items li span  {float:left; margin-top:10px}
#shipment-items li span.qty  {width:50px;}
#shipment-items li span.name {width:435px;}
#shipment-items li select.shippingMethodId {float:right; width:150px}
#shipment-items .shipping-amount {float:right; margin: 0 10px;}
#shipment-items .standard-shipping {margin: 0 0 0 4px; padding: 10px;width:128px;}

#checkout #right-block h2 {margin:0 0 10px 0; padding-left:15px;}

#controls > a {margin-right:15px;}
#controls > hr {float:left; width: 270px; margin: 4px 0 0 15px; height:1px;}

#shipping-policy .shipping-method {float:left; padding: 10px;}

/* Restriction Pop up */
#restriction-dialog .overlayContent {margin:30px;}
#restriction-list li {margin-bottom:10px;}
#restriction-list li img {width:40px; height: 40px; float: left;}
#restriction-list li div {float: left; margin-left: 10px; width: 300px;}

#sessionQuestions input {padding:5px;}
#sessionQuestions textarea {padding:5px;}
#sessionQuestions .form-row {display:none;float:left;width:100%;}

#sessionQuestions .gender{float: left; height: 32px; margin-left: 40px; }
#sessionQuestions .gender{max-width: 150px; width: 80%; margin: 0 auto; margin-top: 30px; height: 42px; margin-bottom: 20px;}
#sessionQuestions .gender font{float: left; margin-top: 14px; cursor: auto;}
#sessionQuestions .gender input.select{background: url('/images/io/icon_checkmark_green.png') no-repeat 11px 11px; background-size: 18px; background-color: white;}
#sessionQuestions .gender font{ margin-right: 15px;}

#sessionQuestions input.select{background: url('/images/io/icon_checkmark_green.png') no-repeat 11px 11px; background-size: 18px; background-color: white;}


/*
=========================================================
Gift Certificate
*/

.giftCard_images{float:left;}
.giftCard_images>div{float:left;}
.giftCard_images .gcType{width:250px; }

.gcType .selection-img{background: url("/images/io/arrow_next_black.png") center center no-repeat;
                       width: 37px; height:37px; float:left; margin: 0 10px 0 15px;}
.gcType.active .selection-img{background: url("/images/io/arrow_selection.png") center center no-repeat;}
.gcType .name   {margin: 20px 0 0 0}
.gcType .name p {float:left;}
.gcType .desc p {float:left; margin-left: 64px;}

.giftcard-content {float: left; margin:0; width:560px;}
.giftcard-content form > div{float:left; width:100%; margin-bottom: 20px;border-top: 2px #dddddd dotted; border-top: 1px #cccccc dashed;}
.giftcard-content .sub-header{float:left; width: 80px;margin-top:25px;}
.giftcard-content .fields{float:left; width: 450px;margin-top:25px;}
.giftcard-content .no-sub-header{margin-left: 80px;}
.giftcard-content .buy-wrapper{width: 260px; margin-top: 30px; margin-left:255px;}

.giftcard-content .fields label {width: 150px;}

/*Shipping fields*/
.shipping{display:none;}
.giftcard-content .shipping.active{display:block;}

/*Amount field*/
.giftcard-content span.price{position: relative;left: 37px; top: 3px; z-index: 1;}

/*Email text field*/


/*Gift message label and textarea*/
.giftMessage label{vertical-align: top;}
.giftMessage textarea{height: 70px;width: 260px;margin-left: 20px; padding:3px;}

.giftcard-content .formError{display: none; margin-left: 205px;}
.giftcard-content .formError.active{display: block;}



/*
=========================================================
   Concierge
*/

#concierge-wrap {position: fixed; right: 0; bottom: 13%; z-index: 10000;}
#concierge {background: #363636; padding: 5px;}
#concierge > div {height: 180px; background: #363636; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#concierge-left {border-left: 1px solid #fff;}
#concierge-body {position: relative;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
#concierge-body .conciergeBtn .box {width: 102px; height: 35px;}
#concierge-body .contact {list-style:disc; margin: 15px 0 0 15px; }
#concierge-body .separator {position: absolute; width:2px; height: 100%; top:0; right:0;}
#concierge-body .separator > div {border-left: 1px solid #999; height: 126px;}
#concierge-right {width: 40px; position: relative; }
#concierge-right .title { position:absolute; top: 70px; right:-28px;}
#concierge-right .arrow { 
    position:absolute; top: 142px; right:17px; width:6px; height: 9px; background-repeat: no-repeat;
    background-image: url('/images/arrow_left_fff.png'); background-size: 6px 9px; background-position: right top; 
    border-width: 0px;}
#concierge-right.open .arrow { background-image:url('/images/arrow_right_fff.png'); }

/*
=========================================================
   My Account
*/
#account-menu {float:left;  width:135px; margin:40px 15px 0 0px; }

#account-menu div.account-menu-item {float:left; width: 112px; height: 38px;}

#account-menu div.account-menu-item a {width:100%; height:100%;}

/*
=========================================================
   About Us Page
*/

#storyContent{position: relative; margin-bottom: 50px;width: 100%;height:601px;}
#storyContent img{position: relative;top: 0;left: 0;}
#storyContent .aboutText {position: absolute; width:594px; top: 70px; left: 60px;}
#readmore-content{width:720px; margin: 55px 70px 50px 70px;
                  padding: 30px 50px 60px 50px;
                  box-shadow:-1px 2px 5px #f2f2f2;
}
.copyright {display: block;margin: 55px 0 50px 115px;}

.ourStory{/* padding-top: 140px; */ width: 100%; min-width: 1200px;}
#storyContent{position: relative; margin-bottom: 50px;width: 100%;height:550px;overflow: hidden;}
#storyContent img{position: relative;top: 0;left: 0; width: 100%; z-index: 1; min-height: 550px; min-width: 1375px;}
#storyContent .aboutText {position: absolute; width:960px; top: 60px; left: 50%; margin-left: -495px;
                          z-index: 1;}
#storyContent .aboutText .header-text-light{margin-bottom: 10px; margin-left: 65px;}
#aboutText-content{margin-left: 65px; width: 735px; }

/*
Product Details Page (Override)
===============================================================================
*/

/*Border and Fonts and Images*/
.callout-content .section-2 .buyBox .schedule-button {float:left;}

.product-content .subheader.includesHeader {width:55px;}
.product-content .subheader.fineprintHeader {width:65px;}

.share-bar {height: 35px;}
.button-super-wide{width: 520px;}
.buyBox-msg {position:absolute; bottom:5px; width:170px; left:230px;}
/*.add-to-bag > span, .add-to-bag2 > span, .buynow-button > span, #buynow-button > span {font-family: "source-sans-pro-n6",sans-serif;font-style: normal;font-weight: 600;}*/

.preAnnounceProduct table.wrapper th.wrapper-header {height:50px; }

.preAnnounceProduct .product-list th p{float:left;}
.preAnnounceProduct .product-list tr {height: 50px;}
.preAnnounceProduct .product-list .detail p.view-detail {height: 25px;line-height: 30px;width: 30px;}

.preAnnounceProduct .balloon-content h3 {width: 100%; padding: 0; margin-bottom: 10px;}
.preAnnounceProduct .balloon-content ul {padding-left: 15px; list-style: outside disc;}

/*terms*/
.acceptTermsConditions a {text-decoration: underline;}
.acceptTermsConditions{height: 25px; margin-top:5px;}
.acceptTermsConditions span {float:left; margin-right: 5px; line-height: 18px;}


/*
Password Reset Page
===============================================================================
*/

.password-reset {float:left; width: 400px; margin: 40px 29%;}
.password-reset input {width: 100%; }

/*Charity, Luminary, Video Widgets*/
.widget .title {margin-top:5px;}


.ioDropDown {position:relative;overflow: hidden;float: left;}
.ioDropDown span {background: url("/images/mobile-dropdown.png") no-repeat 0 7px;position: absolute;top:0;right:0;background-size: 35px;width:35px;height:30px;z-index:2;}
.ioDropDown select{appearance: none;border:none; border-radius: 0;}



/*
Custom natural language filter dropdown
===============================================================================
*/
div.dropdown{ position: absolute; display: none;
              box-shadow: rgb(119, 119, 119) 0px 0px 7px;
}
div.dropdown ul.dropdown-menu{margin: 20px;}
div.dropdown ul.dropdown-menu li{ list-style-type : none; margin-top: 10px;  }
div.dropdown ul.dropdown-menu li a{ width: 100%; display: block; }
.lang-filter-text {padding-right: 15px; margin-right: 8px; background: url("/images/arrow_more_green.png") no-repeat right center; background-size: 10px; }


/*
form layout - bespoke, vendorSignUp
===============================================================================
*/
.radiusBox{ position: absolute; z-index: 100; width: 300px; height: 30px; background-color: #fff; display: inline-flex; align-items: center; justify-content: center;}
#product-builder .saved-address {width: 305px; margin: 0 auto;}
#product-builder .saved-address .addr-block {float: left; width: 202px;}
#product-builder .editAddressFields {margin-top: 20px; width: 100%; text-align: left;}
#product-builder .editAddressFields input[type=text] {margin-bottom: 10px;}
.custom-form{width: 100%; min-height: 600px;}
.custom-form select{margin: 0px;}
.custom-form .intro-section img{ width: 100%;}
.quote-box{ position: absolute; top: 160px; width: 1100px; margin-left:-495px; left: 50%;}
.custom-form .intro-section .quote{position: absolute; left: 10px;}
.custom-form .intro-section .quote img{width: 150px; float: left;}
.custom-form .intro-section .quote .quote-text{
           width: 440px; height: 240px; float: left; margin-left: -105px; margin-top: 23px;
           text-shadow: 1px 2px 4px rgba(51,51,51,0.4);}
.custom-form .scrollDownHint {position: fixed; bottom: 125px; height:40px; width: 100%; }
.custom-form .scrollDownHint p {text-shadow: 1px 2px 4px rgba(51,51,51,0.4);}
.custom-form .form-section{width: 100%;}
.custom-form .form-section .form-row{ width: 100%; float: left; position: relative;  }
.custom-form .form-section .form-row p{margin-top: 15px;}
.custom-form .form-section .form-row .row-container{ position: relative; max-width: 870px; margin: 0 auto;  width: 90%; padding-bottom: 220px;}

.custom-form .clear-class{clear: both;}
.custom-form .next-block{width: 40px; margin: 0 auto; position: relative;}

.custom-form textarea{ outline: none; padding-left: 15px; padding-top: 15px;}
.custom-form .form-row input[type="text"] {width: 400px; border: 1px solid #e1e1e1;margin: 0px;height: 40px;padding: 0 6px;}

.custom-form .form-row .gapDiv{width: 100%; height: 75px;}

.custom-form .left-section .img-box         {border-radius: 88px; height: 176px; width: 176px; margin: 5px; overflow: hidden; position: relative;}
.custom-form .left-section .img-box img {height: 177px; width: 177px;}
.custom-form .form-row .greenCheck{ width:20px; float: left; margin-top: 77px; margin-left: 10px; display: none; }


.custom-form .button-row {float: left; margin:5px 0 20px 0; width:100%; background: #fff; color: #000; border: 1px solid #e1e1e1;}
.custom-form .button-row.select {background: #000; color: #fff;}
.custom-form .button-row a {float: left;}
.custom-form .button-row a.predefined {padding: 10px 20px; margin-right:20px; width: 85px; height: 25px;transition: initial; transition-property: none;}
.custom-form .button-row a.predefined:first-child{margin-left: 75px;}
.custom-form .button-row a.predefined:last-child{margin-right: 0;}

.custom-form img.next{width: 40px;   float: left; margin-top: -20px;}
.custom-form .bespoke-calender-form .schedule-box .date input[type="text"]{ width: 200px; height: 40px;  padding-left: 15px;}

.custom-form .budget-box{float: left; height: 32px; margin-left: 40px; }
.custom-form .budget-section{max-width: 368px; width: 80%; margin: 0 auto; margin-top: 30px; height: 42px; margin-bottom: 70px;}
.custom-form .budget-section font{float: left; margin-top: 14px;}
.custom-form .budget-box input.select{background: url('/images/io/icon_checkmark_green.png') no-repeat 11px 11px; background-size: 18px;}
.custom-form .budget-box font{ margin-left: 15px; float: right;}

.custom-form .thank-youu-section{float: left; width: 100%; margin: 0 auto;  }

.custom-form .cal-wrapper{margin-left: 0px;}

.custom-form .add-celebrity{margin-left: 202px; margin-top: 20px; display: none;}
.custom-form .add-celeb-section{display: none; margin-top:30px;  height: 249px;}

.form-row .progress-bar{width: 0%; height: 100%; top: 0px; position: absolute; opacity: 0.6;}
.custom-form .form-row .edit-sec .remove-sec{margin-top: 5px; width: 388px;}


.custom-form .form-row .imgUpload-block{ position: absolute; top: 0px;width: 100%; height: 100%; left: 0px;}
.custom-form .form-row .imgUpload-block input[type=file]{position: absolute;
                                        top: 0;
                                        right: 0;
                                        margin: 0;
                                        opacity: 0;
                                        width: 100%;
                                        height: 100%;
                                        direction: ltr;
                                        }
.custom-form .form-row .imgUpload-block .progress-bar{width: 0%; height: 100%; top: 0px; position: absolute; opacity: 0.6;}

.custom-form .form-row .img-edit-block p{ margin-top: 0px;}
.custom-form .form-row .img-edit-block .img-edit-header{ width: 100%; height: 30px;}
.custom-form .form-row .img-edit-block .img-edit-header img{ width: 15px; float: right; }
.custom-form .form-row .img-edit-block .img-edit-container{ margin: 10px 0px;}
.custom-form .form-row .img-edit-block .close{position: absolute; top: 5px; right: 5px; padding: 10px; }
.custom-form .form-row .img-edit-block .img-edit-footer .delete-block{float: right; height: 40px;}
.custom-form .form-row .img-edit-block .img-edit-footer .delete-block img{ width: 14px; float: left; margin-top: 17px; margin-right: 5px; }

.custom-form .form-row .img-square-wrapper .upload-block{ margin-top: 35px;}
.custom-form .form-row .img-square-wrapper .upload-circle{  width: 160px;
                                                            height: 160px;
                                                            border-radius: 80px;
                                                            overflow: hidden;
                                                            
                                                            margin: 0 auto;}
.custom-form .form-row .img-square-wrapper .upload-circle p{width: 160px; margin-top: 65px;}
.custom-form .form-row .img-square-wrapper .add-a-link{ height: 45px;}
.custom-form .form-row .img-square-wrapper .img-box{width: 100%; height: 100%; overflow: hidden; }
.custom-form .form-row .img-square-wrapper .img-box .media-img{height: 100%; position: absolute; left: 0; top: 0; width: auto;}
.custom-form .form-row .img-square-wrapper .img-box .media-full-screen{ position: absolute; top:15px; left: 15px; width: 36px; height: 36px; border-radius: 18px; overflow: hidden;  background-color: #fff;}
.custom-form .form-row .img-square-wrapper .img-box .media-full-screen img{width: 36px;}
.img-box .media-close{ position: absolute; top:15px; right: 15px; overflow: hidden;}
.img-box .media-close .productIndicator{width: 30px; border-radius: 50%; background: #fff;}
.media-img {width: 100%; height: 100%; max-width: 100%; max-height: 100%;}

.custom-form .form-row .img-square-wrapper .media-desc{width: 100%; position: relative; margin-top: 10px;}
.custom-form .form-row .img-square-wrapper .media-desc img{width: 14px; position: absolute; right: 8px; top: 14px; }
.custom-form .form-row .img-square-wrapper .media-desc input{width: 332px;}

.custom-form .form-row .img-display-block {position: absolute; display: none; z-index: 100; max-width: 800px; max-height: 350px; overflow-x: scroll; overflow-y: scroll;}
.custom-form .form-row .img-display-block .img-display-header{ width: 100%; height: 30px;}
.custom-form .form-row .img-display-block .img-display-header span{float: left; margin-top: 10px; margin-left: 20px; }
.custom-form .form-row .img-display-block .img-display-header img{ width: 20px; float: right;  margin-top: 10px; margin-right: 20px;}
.custom-form .form-row .img-display-block img.displayImg{padding: 10px 20px;}

.custom-form .media-block .jcrop-holder div,
#productImageList .custom-form .jcrop-holder div
{
    border-radius: 0;
}

.custom-form .media-block .jcrop-holder{
    margin: 0 auto;
}

.env-desktop{width: 28px; height: 28px; vertical-align: middle; margin-top: -3px;}
.envelope-icon{width: 28px; height: 28px; vertical-align: middle; margin-top: -3px;}
/*
vendor Portal
===============================================================================
*/

.vendor-page{ float: left; position: relative;}

.page-left-col {
    width: 15%; position:fixed; top:30px; left:0; z-index: 996;
    height: 100%;
    background-color: #fff;
    background-image: url('/images/marketplace/bg_1x20_e1.png');
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: right center;
}
.page-left-col .menu-sec{position: absolute; width: 100%; top: 76px; overflow: hidden;}

.page-right-col{
    float: left;
    /*min-width: 960px;*/
    min-height: 600px;
    width:100%;
}

.custom-form .img-square-wrapper {width: 357px; margin-top: 25px; height: 246px; float: left; position: relative; margin-left: 20px; overflow: hidden;}
#productImageList .custom-form .img-square-wrapper {margin: 0; width: 304px; height: 198px;}
.custom-form .img-square-wrapper .label { 
                             margin: 10px;}


.prg-block .prg-bar{width: 190px;
                    height: 13px;
                    margin: 0 auto;
                    border-top-left-radius: 15px;
                    border-bottom-left-radius: 15px;
                    border-top-right-radius: 15px;
                    border-bottom-right-radius: 15px;
                    overflow: hidden;}
.prg-block .prg-bar .complete-bar{width: 0%;
                                  height: 30px;}

.custom-form .menu-list li.header{color:#000;}
.custom-form .menu-list li {margin: 8px auto;}
.custom-form .menu-list li,.custom-form .menu-list li a{color: #999999;}
.custom-form .menu-list li a:hover{color: #00A94F;}
.custom-form .menu-list li div{width: 20px;}
.custom-form .menu-list li img {width: 15px;}
.custom-form .menu-list li .expandable img {margin-left: 10px; margin-right: 10px;}
.custom-form .menu-list li img.attention { width: 16px;}
.custom-form .menu-list li img.required{width: 8px; position: initial;}
.custom-form .menu-list li.complete img.attention{ display: none;}
.custom-form .menu-list li.complete img.check{display: initial;}
.custom-form .menu-list li.un-complete img.attention{display: initial;}
.custom-form .menu-list li.un-complete img.check{display: none;}
.custom-form .menu-list ul {margin-left: 30px;}

.custom-form .back-menu > a > div{float: left; margin-left: 20px;}
.custom-form .back-menu img{width: 10px;}
.custom-form .back-menu span{margin-left: 8px; color: #000;}


.custom-form .prg-block{ margin-bottom: 19px;}
.custom-form .prg-block p.prg-label{margin-top:6px;}
.custom-form .page-left-col ul li span{position: absolute; top: 5px; margin-left: 10px;}
.custom-form .page-left-col .menu-list.profile-menu li, .custom-form .page-left-col .menu-list.financial-menu li{padding-top: 8px; padding-bottom: 8px; position: relative;}
.custom-form .page-left-col .menu-li:not(.header){position: relative;}

.custom-form .page-left-col .menu-list li.menu-li ul.sub-menu{display: none; margin-left: 20px;}


.custom-form .page-right-col {padding-bottom: 35px; position: relative; margin: 85px 0 0 0;}
.custom-form .page-right-col .right-col-page{width: 698px; margin: 35px auto;}
.custom-form .img-square-wrapper.productTile .img-box img{left: 0%; top: 0%;}
.custom-form .img-square-wrapper.productTile .img-box .modProd{position: absolute; bottom: 10px; left: 75px;}
.custom-form .view-container {
  position: relative;

}

.custom-form .view-frame.ng-hide-add, .view-frame.ng-hide-remove{
    transition:0.8s linear all;
}
.custom-form .view-frame.ng-hide-add-active {
    opacity:1;
    animation: 0.8s fade-out;
}
.custom-form .view-frame.ng-hide-add.ng-hide-add-active {
    opacity:0;
}
.custom-form .view-frame.ng-hide-remove {
    display:block;
    opacity:0;
}
.custom-form .view-frame, .view-frame.ng-hide-remove.ng-hide-remove-active {
    opacity:1;
}

/**********************
* Vendor Portal Common
**********************/
.action-btn{float:left; height: 40px; padding: 0px 25px 0px 25px;}

/**********************
* CSS move from pre-launch
**********************/
#vendor-admin .concierge-orders{padding: 0 30px;}
#vendor-admin .concierge-orders table{width: 950px; table-layout: fixed;}
#vendor-admin .concierge-orders table .filters input{width: 110px;}
.custom-form.vendor-page .menu-list li img.check{display:none;}
.custom-form.vendor-page .menu-list li.complete img.check{display:block;}

.custom-form.vendor-page .form-sec {margin:42px auto 55px;}
.custom-form.vendor-page form.product-form .form-row{display: none;}
.custom-form.vendor-page .form-row .edit-block.center{width: 415px; margin: 0px auto; position: relative;}

.custom-form .page-right-col .img-square-wrapper.productTile .tile-preview img {width:20px; height:20px; padding-bottom: 13px;}
.custom-form .float-box input.dimension-box[type=text]{width: 45px;}
.custom-form .dimensionRow .float-box span {margin-top:10px;}

.custom-form .float-box.x {margin: 10px 20px; }
.custom-form .float-box.x img {width:11px; margin-top:0;}

.custom-form .float-box.unit span {padding: 5px 10px 0;}
.custom-form .float-box.unit select {height: 43px; margin-left: 15px; margin-right: 30px;}

.custom-form .float-box.text-label {width: 45px; line-height: 38px; }
.custom-form .float-box.img {margin: -12px 0 0 50px;}


.custom-form.vendor-page .form-row input.datePicker[type=text] {width:80px; height:30px; }
.custom-form.vendor-page .form-row .sub-ques{margin-bottom:15px;}
.custom-form.vendor-page .form-row.shipsAlone .f-row.dimensionRow{margin-left: 70px;}
.custom-form.vendor-page .form-row .f-row input.otherInput[type="text"] {height: 20px; display: none;margin-top:0; padding-bottom:2px;}


.custom-form.vendor-page .form-row .edit-block .f-row.sub-ques input.checkBox{width: 25px; height: 25px; cursor: pointer;}
.custom-form.vendor-page .form-row .edit-block .optionalContainer .f-row.sub-ques {width: 600px;}
.custom-form.vendor-page .form-row .edit-block .optionalContainer .f-row.sub-ques span.label {width: 550px; text-align: left;}

.custom-form.vendor-page .versions-nav{width: 180px; position: absolute; right: -10%; top: 370px; cursor: pointer;}

.price-panel {margin: 20px auto; position:relative;}

.price-setup-box{ width: 280px; min-height: 435px; margin: 0 auto; text-align: center;
                 position: relative; border: 1px solid #e1e1e1; background-color: #f9f9f9;}

.price-setup-box .price-box {margin-top: 40px;}
.price-setup-box .left-col{ width: 200px;}
.price-setup-box .mid-col,
.price-setup-box .right-col{ width: 96px; height: 100%;}

.custom-form.vendor-page .price-setup-box .price-box input.p-price[type="text"]{float: left;padding:0;
                                                       height: 45px; border:none; width: 132px; text-align: center; line-height: normal;}
.custom-form.vendor-page .price-setup-box .price-box input.p-price[type="text"]:focus {border:none;}
.price-setup-box .price-box .price-input-wrapper {
                                background-color: #fff;
                                border-bottom-right-radius: 5px; border-top-right-radius: 5px; 
                                height: 45px; width: 135px;
                                border: 1px solid #e1e1e1;}

.price-setup-box .price-box span{padding: 0 5px; display: block; float: left;
                                border-bottom-left-radius: 5px;
                                line-height: 45px;
                                border: solid 1px #e1e1e1;
                                border-top-left-radius: 5px;
                                border-right: none;}
.price-setup-box.perPersonBox .price-box{margin: 25px auto;}
.price-setup-box .price-hint,
.perPerson-extra-box .price-hint,
.multi-price-con .price-hint{width: 100%;
                                font-size: 13px;
                                font-style: italic;
                                color: #777;
                                text-align: center;}


.price-setup-box .price-label,
.perPerson-extra-box .price-label{float: left; width: 100%;     
                                    font-size: 34px;
                                    line-height: 1;
                                    text-align: center;
                                    color: #777;}

.price-setup-box hr {float:left; margin: 20px 0 0 50px; width: 180px;}
.multi-price-con{background-color: #f9f9f9;
                border: 1px solid #e1e1e1;
                width: 562px;
                border-bottom: none;
                height: 50px;
                line-height: 50px;
                text-align: center;}
.custom-form.vendor-page .form-sec[secid=pPricing] .perPerson-extra-box .vendor-share-inp {width: 37px; height: 25px;  text-align: center;}

.perPerson-extra-box { width: 450px; margin: 90px auto 0; border: 1px solid #e2e2e2;}
.perPerson-extra-box .header-row{height: 40px; border-bottom: 1px solid #e2e2e2;}
.perPerson-extra-box .price-reference-row {height: 55px; border-bottom: 1px solid #e2e2e2;}
.perPerson-extra-box .price-reference-row p{line-height: 55px;}
.perPerson-extra-box .price-reference-row .num-of-people {width: 40%; border-right: 1px solid #e2e2e2;}
.perPerson-extra-box .price-reference-row .price-for-people{width:59%;}

.custom-form.vendor-page .form-row .edit-block .geo-fee-box span.dollarSign{width: 30px;
                                                                            display: block;
                                                                            border-bottom-left-radius: 5px;
                                                                            border-top-left-radius: 5px;
                                                                            border-right: none;}
.custom-form.vendor-page .form-row .edit-block .geo-fee-box input{width: 60px;}
.custom-form.vendor-page .form-row .edit-block .radiusBox{transform: translateX(-50%); top:50px; width: auto;}
.custom-form.vendor-page .form-row p.errors{ margin-top: 10px; display: none;}
.custom-form.vendor-page .clearAll{clear: both;}
.custom-form.vendor-page .hidden{display: none;}

.custom-form.vendor-page .form-row .row-header {margin-bottom: 10px;}

.custom-form.vendor-page .form-sec .sec-header {margin: 0 0 25px 0;
                                                font-size: 18px;
                                                text-align: center;}
.custom-form.vendor-page .form-sec .sec-header.sec-sub-header {margin: 15px 0;}
.custom-form.vendor-page .form-sec > .edit-block.center{width: 530px; margin: 0 auto;}
.custom-form.vendor-page .form-sec > .edit-block .sec-header {margin-top: 8px; color: #777; line-height: 24px;}

.custom-form.vendor-page .form-sec .sub-q-box .sec-header.center{ margin: 15px auto;}

.custom-form.vendor-page .form-row input.dimension-box[type=text]{width: 40px; }
.custom-form.vendor-page .form-row select{  margin-top: 0px;
                                            height: 42px;
                                            width: 75px;}

.custom-form.vendor-page .form-row .fineprint ul li,
.custom-form.vendor-page .form-row .whatsIncludes ul li{background: url("/images/io/check.png") no-repeat scroll 0 16px rgba(0, 0, 0, 0);
                                                    padding: 15px 0 0 0;
                                                    padding-left: 40px;}
.custom-form.vendor-page .form-row .fineprint li,
.custom-form.vendor-page .form-row .whatsIncludes li{background: url("/images/io/check.png") no-repeat;
                                                    background-position-y: 16px;
                                                    padding: 15px 0 0 0; list-style: none;
                                                    padding-left: 40px;}

.custom-form.vendor-page .form-row .media-block .img-square-wrapper .imgUpload-block,
#productImageList .imgUpload-block{position: static; top: auto; width: auto; height: auto; left: auto;}
.custom-form.vendor-page .form-row .media-block .img-square-wrapper .imgUpload-block input[type=file],
#productImageList .media-block .img-square-wrapper .imgUpload-block input[type=file]{top: -85px; left: 113px; width: 132px; height: 40px; }

.custom-form.vendor-page .form-row .img-square-wrapper .media-desc input[type=text],
#productImageList .img-square-wrapper .media-desc input[type=text]{width: 290px;}
.custom-form.vendor-page .form-row .edit-label,
#productImageList .edit-label{margin-top: 10px; margin-bottom: 3px; line-height: 20px;}
.custom-form.vendor-page .btn-row {width: 282px; margin: 50px auto; margin-left: 112px; margin-top: 5px;}
#productImageList .btn-row {width: 282px; margin: 50px auto; margin-left: 86px; margin-top: 5px;}
.custom-form.vendor-page .btn-row a,

.custom-form.vendor-page .form-row .edit-block .min-max-row .to{width: 26px;
                                                                height: 26px;
                                                                border-radius: 13px;
                                                                margin: 8px 15px;}
.custom-form.vendor-page .form-row .price-tab-row .button-row.price-btn-css {float: none; margin: 20px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{width: 24px; height: 23px;}
#ui-datepicker-div{border-radius: 0px; box-shadow: -2px 1px 5px #e8e8e8; z-index: 10000;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e{ background-image: url("/images/arrow_right_999.png");
                                                      background-position: initial;
                                                      background-size: 10px;
                                                      background-position-x: 5px;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w{ background-image: url("/images/arrow_left_999.png");
                                                      background-position: initial;
                                                      background-size: 10px;
                                                      }
.ui-state-default, .ui-widget-content .ui-slider-handle.ui-state-default.ui-corner-all{border-radius: 0px;}
.ui-timepicker-div dl dd.ui_tpicker_time{margin-left: 55px;}

.calendar .closeEvent{  z-index: 100;
                        width: 20px;
                        height: 20px;
                        position: absolute;
                        top: 0px;
                        right: 0px;}

/***********************************
** Product Builder menu
************************************/
#product-builder .menu-sec .save-complete{width: 90px; height: 50px; margin: 0 auto;
                        border-radius: 10px; display: none; position: fixed; bottom: 0px;}

/*******************
* product builder template page
********************/
#pre-launch .top-sec{margin-top: 45px;}

#pre-launch .mid-sec{margin-top: 30px;}
#pre-launch .mid-sec .sec-box { margin: 20px auto; width: 450px; height: 128px;
                                border-top-left-radius: 15px;
                                border-top-right-radius: 15px;
                                border-bottom-left-radius: 15px;
                                border-bottom-right-radius: 15px;
                                position: relative;
                            }
#pre-launch .mid-sec .sec-box .box-text {padding-top: 15px;}

#pre-launch .mid-sec .sec-box .reBuildProduct{  width: 125px;
                                                height: 40px;
                                                border-radius: 20px;
                                                position: absolute;
                                                top: 50px; display: none;
                                                right: -130px;}

#pre-launch .mid-sec .reBuildProduct          {
                                                margin: 20px auto;
                                                width: 450px;
                                                height: 128px;
                                                border-top-left-radius: 15px;
                                                border-top-right-radius: 15px;
                                                border-bottom-left-radius: 15px;
                                                border-bottom-right-radius: 15px;
                                                position: relative;
                                               }

#pre-launch .mid-sec .prg-block {margin-top: 25px;}
#pre-launch .mid-sec .prg-block .prg-bar{ margin: 0 auto;}
#pre-launch .mid-sec .prg-block .prg-label{height: 20px;}

#pre-launch .btm-sec {width: 392px; margin: 35px auto; height: 50px;}

.custom-form .view-frame.ng-enter,
.custom-form .view-frame.ng-leave {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.custom-form .view-frame.ng-enter {
  animation: 0.5s fade-in;
  z-index: 100;
}

.custom-form .view-frame.ng-leave {
  animation: 0.8s fade-out;
  z-index: 99;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

    /* menu list animation */
    /*                                         */
.custom-form .menu-list{
    transition: 0.5s linear all;
    left: -110%; 
    z-index: 10;
}

/*
.custom-form .menu-list.active {
    display: block;
}
*/

.custom-form .menu-list.active-remove{
    left: -80%;
    z-index: 10;
    animation: 0.4s fade-out;
}

.custom-form .menu-list.active{
    left: 0px;
    display: block;
    z-index: 20;
}

.unread_span{
    position: absolute;
    right:-2px;
    top:7px;
    height:14px;
    width: 14px;
    border-radius: 7px;
}

/*****  a marker for desktop main.css ****/
.dddd {color:red;}