/* ## Member Account ## */

.account-content-container {padding:20px 0;}

.account-heading {margin:0 0 5px; font-size:1.6em;}
.account-heading-2 {margin:0 0 5px; font-size:1.6em; color:#d83627;}
.account-heading-3 {margin:0 0 20px; font-size:2em; color:#555; font-weight:200;}
.popup-content-inner .account-heading-3{padding: 10px;}
.popup-content-inner .account-block-heading{margin: 0px;}
.popup-content-inner .btnWrapper{margin: 0 0 0 25px;}
.account-menu-container {margin:0 -10px;}
.account-menu {background:#1966b2; }

.account-menu .toggle-account-menu { display:inline-block; position:relative; border:0; width:50px; height:50px; margin:0 15px 0 0;  background:none; z-index:99; vertical-align:middle;}
.account-menu .toggle-account-menu:before, .account-menu .toggle-account-menu:after, .account-menu .toggle-account-menu > span:before {
    content:" ";
    position:absolute;
    left:15%;
    width:70%; height:3px;
    background:#fff;
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear; 
         -o-transition: all .2s linear;
            transition: all .2s linear;
}

.account-menu .toggle-account-menu:before { top:14px; }
.account-menu .toggle-account-menu:after { top:24px; }
.account-menu .toggle-account-menu > span:before { top:34px; }

    .account-menu .toggle-account-menu:hover, .account-menu .toggle-account-menu:focus {
        outline: solid;
        outline-color: #fff;
    }

.menu-active .toggle-account-menu {background:#124980; }
.menu-active .toggle-account-menu:before {top:25px; background:#fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.menu-active .toggle-account-menu > span:before {top:25px; background:#fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.menu-active .toggle-account-menu:after  {display:none;}

.account-menu > .title {display:inline-block; margin:0; text-transform:uppercase; font-weight:normal; font-size:1.45em; color:#fff; vertical-align:middle;}
.account-menu > .title a {color:#ffffff; text-decoration:none;}
.account-menu .icon-shopping-cart {float:right; color:#ffffff; text-decoration:none; font-size:1.6em; padding:6px 10px 6px;}
.account-menu .icon-shopping-cart:before {vertical-align:middle; font-size: 1.35em;}
.account-menu .icon-shopping-cart .num {display:inline-block; background:#f7f8fa; border-radius:50%; width:30px; height:30px; color:#000; font-size:.813em; text-align:center; padding:1px 0 0 0;}

.account-menu .account-inner-sub-menu {background:#124980; padding:20px 8px; border-bottom:1px solid #1966b2; display:none;}
.account-menu .account-inner-sub-menu .title {color:#fefa60; font-weight:normal; margin:0 0 20px; font-size:1.3em;}
.account-menu .account-inner-sub-menu .title [class*="icon-"] { font-size:1.2em; position:relative; top:4px; display:inline-block; margin:0 10px 0 0; width:32px;}
.account-menu .account-inner-sub-menu ul {list-style-type:none; margin:0; padding:0 0 0 40px;}
.account-menu .account-inner-sub-menu ul li {margin:0 0 10px 0;}
.account-menu .account-inner-sub-menu a {color:#fff; text-decoration:none;}
.account-menu .account-inner-sub-menu a.logout {font-weight:bold; text-transform:uppercase;}
.account-menu .account-inner-sub-menu a:before {content: "\e60b"; font-family:icomoon; position:relative; top:1px; font-weight:normal;}
.account-menu .account-inner-sub-menu .title .icon-account-management{background: url(/cms/images/layout/accm.svg) no-repeat; height: 15px; width: 15px; padding: 13px; margin-left: 5px;}
.account-sub-menu-container {display:none;}
.my-accountpage .account-sub-menu-container {display:block;}
.account-sub-menu-container .account-sub-menu {background:#124980; padding:20px 8px; border-bottom:1px solid #1966b2;}
.account-sub-menu-container .account-sub-menu .title {color:#fefa60; font-weight:normal; margin:0 0 20px; font-size:1.3em;}
.account-sub-menu-container .account-sub-menu .title [class*="icon-"] { font-size:1.2em; position:relative; top:4px; display:inline-block; margin:0 10px 0 0; width:32px;}
.account-sub-menu-container .account-sub-menu ul {margin:0; padding:0 0 0 40px; list-style-type:none;}
.account-sub-menu-container .account-sub-menu ul li {margin:0 0 10px;}
.account-sub-menu-container .account-sub-menu ul a {color:#fff; text-decoration:none;}
.account-sub-menu-container .account-sub-menu ul a:before {content: "\e60b"; font-family:icomoon; position:relative; top:1px; font-weight:normal;}

.menu-active .account-menu .account-inner-sub-menu {display:block;}
.menu-active .account-sub-menu-container {display:block;}

#popup-content-inner{margin:50px 0;}
.progress-container {padding:15px 0 55px;}
.progress-container .progress {position:relative; margin:0 30px;}
.progress-container .progress .progress-bar {background:#a3bfe9; height:5px; position:relative;}
.progress-container .progress .progress-bar:after {position:absolute; background:#1966b2; height:100%; top:0; left:0; content:''; }
.progress-container .progress .step {position:absolute; top:-7px; width:52px; text-align:center; font-weight:500; font-size:.75em; padding-top:20px; color:#666;}
.progress-container .progress .step:before {position:absolute; top:0; left:50%; margin-left:-10px; content:''; width:20px; height:20px; background:#a3bfe9; border-radius:50%;}
.progress-container .progress .step:after {position:absolute; top:5px; left:50%; margin-left:-5px; content:''; width:10px; height:10px; background:#fff; border-radius:50%;}
.progress-container .progress .step:nth-child(1) {left:-32px;}
.progress-container .progress .step:nth-child(2) {left:25%; margin-left:-26px;}
.progress-container .progress .step:nth-child(3) {left:50%; margin-left:-26px;}
.progress-container .progress .step:nth-child(4) {right:29%; margin-right:-26px;}
.progress-container .progress .step:nth-child(5) {right:-28px;}
.progress-container .progress .steps .step-info {margin:5px 0 10px;}
.progress-container .progress .steps .step-info span{display: none; position: absolute; width: 165px; left: -100%; right: 0; margin: 0 auto; top: 100%;background: #1966b2;
    color: #fff; padding: 10px; border-radius: 20px; box-shadow: 0px 1px 4px 0px #4c4c4c;}
.progress-container .progress .steps .step-info i{display: block;}
.progress-container .progress .steps .step-info img{width: 25%; position: absolute; top: 15px; left: 40px;}  
.progress-container .progress.progress25 .progress-bar:after {width:26%;}
.progress-container .progress.progress50 .progress-bar:after {width:51%;}
.progress-container .progress.progress75 .progress-bar:after {width:74%;}
.progress-container .progress.progress100 .progress-bar:after {width:100%;}

.progress-container .progress .step:nth-child(1),
.progress-container .progress.progress25 .step:nth-child(1),
.progress-container .progress.progress50 .step:nth-child(1),
.progress-container .progress.progress75 .step:nth-child(1),
.progress-container .progress.progress100 .step:nth-child(1),
.progress-container .progress.progress25 .step:nth-child(2),
.progress-container .progress.progress50 .step:nth-child(2),
.progress-container .progress.progress75 .step:nth-child(2),
.progress-container .progress.progress100 .step:nth-child(2),
.progress-container .progress.progress50 .step:nth-child(3),
.progress-container .progress.progress75 .step:nth-child(3),
.progress-container .progress.progress100 .step:nth-child(3),
.progress-container .progress.progress75 .step:nth-child(4),
.progress-container .progress.progress100 .step:nth-child(4),
.progress-container .progress.progress100 .step:nth-child(5) {font-weight:bold; color:#1966b2;}

.progress-container .progress .step:nth-child(1):before,
.progress-container .progress.progress25 .step:nth-child(1):before,
.progress-container .progress.progress50 .step:nth-child(1):before,
.progress-container .progress.progress75 .step:nth-child(1):before,
.progress-container .progress.progress100 .step:nth-child(1):before,
.progress-container .progress.progress25 .step:nth-child(2):before,
.progress-container .progress.progress50 .step:nth-child(2):before,
.progress-container .progress.progress75 .step:nth-child(2):before,
.progress-container .progress.progress100 .step:nth-child(2):before,
.progress-container .progress.progress50 .step:nth-child(3):before,
.progress-container .progress.progress75 .step:nth-child(3):before,
.progress-container .progress.progress100 .step:nth-child(3):before,
.progress-container .progress.progress75 .step:nth-child(4):before,
.progress-container .progress.progress100 .step:nth-child(4):before,
.progress-container .progress.progress100 .step:nth-child(5):before {background:#1966b2;}

.progress-container .progress .step:nth-child(1):after,
.progress-container .progress.progress25 .step:nth-child(1):after,
.progress-container .progress.progress50 .step:nth-child(1):after,
.progress-container .progress.progress75 .step:nth-child(1):after,
.progress-container .progress.progress100 .step:nth-child(1):after,
.progress-container .progress.progress25 .step:nth-child(2):after,
.progress-container .progress.progress50 .step:nth-child(2):after,
.progress-container .progress.progress75 .step:nth-child(2):after,
.progress-container .progress.progress100 .step:nth-child(2):after,
.progress-container .progress.progress50 .step:nth-child(3):after,
.progress-container .progress.progress75 .step:nth-child(3):after,
.progress-container .progress.progress100 .step:nth-child(3):after,
.progress-container .progress.progress75 .step:nth-child(4):after,
.progress-container .progress.progress100 .step:nth-child(4):after,
.progress-container .progress.progress100 .step:nth-child(5):after {display:none;}

.account-content-container .itemWrapper {border-bottom:1px solid #ccc; padding:20px 0;}
.account-content-container .btnWrapper {margin: 5px;}
.account-content-container .review-checkpara{padding: 10px 15px; background: #1966b2; color: #fff; display: inline-block; text-decoration: none;}
.account-content-container .review-checkpara a,
.account-content-container .review-checkpara p{color: #fff; margin: 0; text-decoration: none;}
.account-content-container ul#pagenav li a img{display: none;}

.account-content-container #AdminClose{display: none;}
.account-content-container .darkgrey{display: none;}
.account-content-container .MultilineTable td .approv{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.account-content-container .sortbyreview{display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 20px 0; float: right;}
.account-content-container .sortbyreview label{width:100px;}
.account-content-container .sortbyreview a{width: 150px;}
.account-content-container .sortbyreview select{margin: 0 10px;}
.account-content-container .MultilineTable td .approv img{max-height: 15px;}
.account-content-container .MultilineTable{text-align: center;}


.account-banners {padding:30px 20px 20px; background:#464c52; display: none;}
.account-banners .banner-container {background:none; margin:0; padding:0;}
.account-banners .banner-container .banner-block {margin:0 auto 10px; max-width:420px; }


.account-block-heading {text-transform:uppercase; color:#000; font-size:1.6em; font-weight:normal; border-bottom:2px solid #d83627; padding:15px 13px; margin:0 -5px;}
.account-block {padding:20px 0 15px;}
.account-block input.datepicker-control.hasDatepicker{width: 100%!important;}
.account-block .openh-dates span .ui-datepicker-trigger{position: absolute; right: 15px; top: 12px; }
.account-block .openh-dates{display: flex; flex-direction: column;}
.account-block .openh-dates span{margin-right: 15px; width: 100%; position: relative;}
.account-block .openh-dates span input,
.account-block .openh-dates span table{width: 100%!important;}
.account-block .openh-dates span table td{padding: 0 5px;}
.account-block .openh-dates span table td:nth-child(2n){display: none;}
.photo-upload {height:200px; border:2px solid #ceddf2; border-radius:3px; background:#e4ecf6;}
.flexbox-btn {display: flex; align-items: baseline; flex-direction: column; }
.flexbox-btn input{margin: 10px 10px 0 0;}
.upload-photo-handler #sortable { padding:30px 0 0 0; margin:0 -5px; }
.sortablePhoto {width:49%; float:left; padding:2px; margin:0 .5% 10px; position:relative; list-style-type:none; border:2px solid #a7bfeb; border-radius:2px; background:#fff;}
.sortablePhoto .handle {display:block; height:30px; background:#1966b2;position:relative; cursor:pointer; margin:0 0 2px;}
.sortablePhoto .handle span,
.sortablePhoto .handle span:before,
.sortablePhoto .handle span:after {width:60px; height:2px; background:#fff; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-30px; border-radius:3px;}
.sortablePhoto .handle span:before {content:''; margin-top:-6px;}
.sortablePhoto .handle span:after {content:''; margin-top:4px;}
.sortablePhoto .checkContainer {position:absolute; right:7px; top:7px;}
.sortablePhoto .imgContainer {height:185px; overflow:hidden; text-align:center; margin:0 0 2px;}
.sortablePhoto .dp-sort{display: flex;}
.sortablePhoto .dp-sort input:first-child{order: 2;}
.sortablePhoto input[type="text"] {width:100%; background:#ffffff; border:0px; font-size:.938em; padding:6px; margin:0; border-radius:0px;}

.site-body-account .pagination{margin: 40px 10px 0 ; position: relative;}
.site-body-account .pagination a, 
.site-body-account .pagination span.Current{padding: 10px 15px;text-decoration: none;border-radius: 50%;background: #1967b2;color: #fff;margin: 10px;display: inline-block;}

.site-body-account .pagination a.ArrowRight{
    content: "";
    height: 12px;
    width: 10px;
    padding: 5px 6px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    transform: rotate(135deg);
    position: absolute;
    top: 15px;
    background: none;
    border-radius: 0;
    margin-right: 10px;
}

.site-body-account .pagination a.ArrowLeft{
    content: "";
    height: 12px;
    width: 10px;
    padding: 5px 6px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    transform: rotate(315deg);
    position: absolute;
    top: 15px;
    background: none;
    border-radius: 0;
    left: -20px;
}

.site-body-account .pagination .showingall{display: block;}

.property_image{display: none;}
.site-body-account .pagination span.Current{background: #000;}
.cc-images img{margin-right: 5px;}
.btninputWrapper input{margin: 8px;}
#Imgsrc > a{display: none!important;}
.scrolloverflow{width: 100%; overflow: scroll;}

h1.basehead{position: relative; top: 0px; color:#fff;}

@media only screen and (min-width:48.963em){ 
    .sortablePhoto {width:32% }
    .flexbox-btn{flex-direction: column;}
    .progress-container .progress .step:nth-child(4) {right:25%;}
    .account-content-container .sortbyreview{width: 35%;}
    .site-body-account .pagination{margin: 40px 40px 0 ;}
    .progress-container .progress .steps .step-info span{width: 250px; }
    .progress-container .progress .steps .step-info img{width: initial; position: relative; top: 0; left: 0;} 
    .account-block .openh-dates{flex-direction: row;}
    h1.basehead{position: relative; top: 30px; color:#fff;}
}


@media only screen and (min-width:60em){
    .sortablePhoto {width:24% } 
    .scrolloverflow{width: 100%; overflow: hidden;}
}

.upload-file-list { margin:0 0 20px;}
.upload-file-list .upload-file-item {border-bottom:1px solid #ccc; padding:10px 0;}
.upload-file-list .upload-file-item .num {float:left; text-align:center; width:60px; font-size:1.5em; font-weight:bold; padding:5px 0 0 0;}
.upload-file-list .upload-file-item .upload { width:260px; margin:0 0 15px 60px;}
.upload-file-list .upload-file-item .upload .btn {width:100%; display:block; position:relative;}
.upload-file-list .upload-file-item .upload .btn input {position:absolute; top:0; left:0; height:100%; width:100%; opacity:0; margin:0; cursor:pointer;}
.upload-file-list .upload-file-item .upload:hover .btn,
.upload-file-list .upload-file-item .upload:focus .btn {background:#d83627;}
.upload-file-list .upload-file-item .note { font-size:1em; }


.cart-image {margin:0 0 20px;}
.cart-item {border-bottom:1px solid #ccc; margin:0 0 20px;}
.cart-item .item-name {color:#d83627; font-weight:bold; font-size:1.2em; margin:0 0 15px;}
.cart-item .cart-label {margin:0 0 15px; font-size:1.125em;}
.cart-item .cart-label span {font-weight:bold;}
.cart-item .cart-price {font-weight:bold; margin:0 0 15px; font-size:1.125em;}
.cart-item .cart-qty {font-weight:bold; margin:0 0 15px; font-size:1.125em;}
.cart-total {
    font-weight: bold;
    font-size: 1.5em;
}
.cart-subtotal {
    font-weight: bold;font-size: 1.5em;text-decoration: line-through;color: #d83627;
}
.cart-contentdiv {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: auto;
    float: right;
}
.edit-cart {}

.promo-container {padding:40px 0 0 0;}
.promo-container .promo {position:relative; padding-right:100px; padding-top:20px;}
.promo-container .promo input[type="Text"] {margin:0;}
.promo-container .btn6{font-size: 0.85em;}
.promo-container .promo .btn {position:absolute; right:0; bottom:0; padding:11px 20px;}
.promo-txt {
    font-weight: bold;
    float: right;
    color:red;
    font-size: 1.0em;
}

.formTable {vertical-align:top;}
.formTable th {width:100px; padding:0 12px 7px 0; background-color:transparent; vertical-align:top; font-weight:bold;}
.formTable td {padding:0 0 7px 0; vertical-align:top;}
.formTable td td {padding:0 2px 0 0;}

.formTable .req {font-weight:bold;}
.formTable .error {font-weight:bold; color:#f00;}

.formTable .securityCode {padding:7px 5px 7px 0; border:1px solid #a8c6e0;}
.formTable input.text {}

.blockhdng {font-size:1.125em;}

.fgt-pswd dd,
.fgt-pswd span{padding: 5px 0 0 0!important;}

.fgt-pswd .req{background-position: 20% }
dl.forms { margin:0 0 10px 0; padding-top:5px;}
dl.forms dt {font-weight:bold; margin:0 0 3px;}
dl.forms dt.full {width:90%; clear:both; text-align:left;}

dl.forms dd {margin: 0 0 15px;  padding:0;}
dl.forms dd.clear {padding:0; margin:0;}
dl.forms dd.full {width:90%; clear:both;}
dl.forms dd.clear {width:90%; clear:both; float:none;}
dl.forms dd.help {padding-top:2px;}
dl.forms dl {float:none; display:block; margin:0;}

dl.forms .req {font-weight:bold;}
dl.forms .error {font-weight:bold; color:#f00;}
dl.forms .optional {font-weight:normal;}

dl.forms label {vertical-align:top;}
dl.forms input.text {width: 160px;}
dl.forms textarea {}

.formRow {margin:0 0 8px 0;}
.formRow label {display:inline-block; margin:0 0 4px 0;}
.formRow input.text {width:210px; margin:0 0 7px 0;}
.formRow input.full {width:93%;}
.formRow .req, .formRow .fieldreq {padding:0 0 0 12px; background-position:0 2px;}
.formRow .error, .formRow .fieldred {padding:0 0 0 12px; background-position:0 2px;}

.forms fieldset {margin:0; border:0; padding:0;}
.formRow .formLabel {display:block; font-weight:normal;}

.formsColumn .formRow .formLabel {float:left; display:inline; width:110px; margin-right:10px;}

.multiCol .colWrap {float:left; display:inline;}
.multiCol2 .colWrap {width:48%;}
.multiCol .ratio35  {width:34%;}
.multiCol .ratio40  {width:39%;}
.multiCol .ratio60  {width:59%;}
.multiCol .ratio65  {width:64%;}


/* Members */
.accountLogin label {margin-bottom:5px;}

.currentAccount {margin-bottom:20px;}
.currentAccount .userName, .currentAccount .password, .currentAccount .saveLogin{width:216px;margin:10px auto 0 auto;}
.currentAccount .saveLogin {margin-bottom:15px;}
.currentAccount .accountDesc {float:left;}
.currentAccount .requiredAlertWrpr {padding-top:2px;}

.accountRegisterWrpr {margin-top:20px;}

.accountAddressWrpr {}
.accountRegisterDetailsWrpr {margin-bottom:15px;}
.accountRegisterAddressWrpr {margin-bottom:15px;}
.accountRegisterNewsletterWrpr {}
.accountRegisterNewsletterWrpr .emailFormat {padding-left:13px;padding-top:5px;margin-bottom:10px;}
.accountRegisterNewsletterWrpr .emailFormat label {margin-right:8px;}
.accountRegisterNewsletterWrpr .lists table{margin-left:6px;}
.accountRegisterNewsletterWrpr .salesUpdates {margin-bottom:15px;}

.accountLandingDetailsWrpr {margin-bottom:15px;}
.accountLandingDetailsWrpr .formRow .formLabel {}

.membersNewsletterRegWrpr .emailFormat{padding-left:12px;padding-top:5px;}
.membersNewsletterRegWrpr .lists {padding-left:10px;padding-top:5px;padding-bottom:5px;}
.membersNewsletterRegWrpr .lists table {padding-left:0px;margin-left:-3px;}
.membersNewsletterRegWrpr .formRow {margin-bottom:15px;}


/* login member tooltip classes */

.membershipToolTipWrpr {display:none; width:240px; left:745px !important;z-index:1000; color:#333;text-transform:none;}
.membershipToolTipShadow {background: url(/cms/images/core/memberTooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px; }
.membershipToolTopShadowBottom {background: url(/cms/images/core/memberTooltipbackbottom.png) no-repeat top left;width:240px;height:16px;}
.membershipToolTipWrpr h5 {font-size:14px; margin-bottom:6px;}
.membershipToolTipDate {font-size:11px; font-weight:bold;}
.membershipToolTipName {font-size:14px; font-weight:bold;margin-bottom:14px;}
.membershipToolLeftRailWrpr {float:left;width:69px;padding-right:5px;display:none;}
.membershipToolLeftRailWrpr img {border:1px solid #000;margin-bottom:5px;}
.membershipToolRightRailWrpr {}
.membershipToolRightRailWrpr .welcome{margin-bottom:5px;}
.membershipToolRightRailWrpr p{line-height:1.4em;}
.membershipToolTipWrpr .membershipLogout {position:absolute;bottom:16px;right:8px;}
.hdrwrpr a.memberHoverOn, .hdrwrpr a.memberHoverOn:link, .hdrwrpr a.memberHoverOn:visited {color:#fff; text-decoration:none;}
.hdrwrpr a.memberHoverOn:hover {color:#fff; text-decoration:none;}
.hdrwrpr a.memberHoverOn:active {color:#fff; text-decoration:none;}
.membershipToolTipWrpr a:hover {color:#000;}


.emailFormatLists label {font-weight:bold;}
.emailFormatLists em.form-req{font-weight:bold;margin: 0 4px 0 0px;}
.suContentSelection {margin-left:12px;}

.onepagec .formee-msg-note{margin: 10px 0;}

@media only screen and (min-width:48em){
    
    .site-body-account {background:#6588b0;}
    .account-content-container {border-top:2px solid #464c52; background:#fff; padding:30px 20px;}
    
    
    .account-menu-container {margin:0;}
    .account-menu { border-top:2px solid #f1f169; padding:20px;}

    .account-menu .toggle-account-menu { width:40px; height:40px; margin:0 20px 0 0; }
    .account-menu .toggle-account-menu:before { top:8px; }
    .account-menu .toggle-account-menu:after { top:18px; }
    .account-menu .toggle-account-menu > span:before { top:28px; }
    .menu-active .toggle-account-menu {background:#2765B2; }
    .menu-active .toggle-account-menu:before {top:19px; background:#FEFB60;}
    .menu-active .toggle-account-menu > span:before {top:19px; background:#FEFB60;}

    .account-menu .title {margin:0 20px 0 0; }
    .account-menu .icon-shopping-cart {padding:4px 10px;}
    
    .account-menu .account-inner-sub-menu {float:right; background:none; border:0px; padding:6px 0 8px 0;}
    .account-menu .account-inner-sub-menu .title {display:none;}
    .account-menu .account-inner-sub-menu ul {padding:0;}
    .account-menu .account-inner-sub-menu ul li {display:inline-block; margin:5px 0 0 20px;}

    .account-sub-menu-container {margin:20px -15px 0; display:none;}
    .account-sub-menu-container .account-sub-menu {display:block; float:left; width:33.33%; padding:0 15px; margin:0 0 20px; background:none; border:0px;}
    .account-sub-menu-container .account-sub-menu .inner {background:#ffffff; border-top:2px solid #d83627; padding:20px;}
    .account-sub-menu-container .account-sub-menu .title {color:#000; font-size:1.6em;}
    .account-sub-menu-container .account-sub-menu .title [class*="icon-"] {color:#d83627;}
    .account-sub-menu-container .account-sub-menu ul {padding:0 0 0 0px; min-height: 100px;}
    .account-sub-menu-container .account-sub-menu ul a {color:#1966b2; }
    
    .menu-active .account-menu .icon-shopping-cart {display:none;}
    
    
    .progress-container {}
  
    .progress-container .progress .step:nth-child(5) {right:-32px;}
    
    .onepagec .formee-msg-note{position: absolute; right: 0; top: 18px; font-size: 0.7em; margin: -10px 0 0.8em}
    .upload-file-list {display:table; width:100%; margin:0 0 20px;}
    .upload-file-list .upload-file-item {display:table-row; border:0px; padding:0;}
    .upload-file-list .upload-file-item .num {display:table-cell; vertical-align:middle; border-bottom:1px solid #ccc; padding:20px 0; float:none;}
    .upload-file-list .upload-file-item .upload {display:table-cell; width:300px; vertical-align:middle; border-bottom:1px solid #ccc; padding:20px 0;}
    .upload-file-list .upload-file-item .note {display:table-cell; border-bottom:1px solid #ccc; padding:20px 0; padding:0 0 0 40px; vertical-align:middle;}
    
    
}
@media only screen and (min-width:48em){
    .account-banners .banner-container .banner-block {width:33.33%;}
    
}

@media only screen and (min-width:48.963em){
    .progress-container .progress .step { width:80px; font-size:.875em; cursor: pointer; }
}

@media only screen and (min-width:80em){
    .promo-container {padding:30px 0 0 0;}
    .promo-container .btn6 {margin-top:28px; padding: 11px 15px; font-size: 1em;}
    .promo-container .promo {float:right; width:368px; padding:0; padding-right:100px;}
    .account-sub-menu-container .account-sub-menu ul {padding:0 0 0 50px; min-height: 80px;}
}