@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

html, body {height:100%}
body {position:relative; left:0; min-width:300px;}
.management header {margin-top:0}
body>*>.wrap, body>footer>.fatFooter{width:100%}
#content{min-height:0}
#brand{text-align: center;line-height: 0}
#brand img {margin: 0; height:2rem}
#brand, #menu {padding:.5rem 0; display: block;width: 100%;}
.logo-wrap {}
body > header, body > header > .wrap {overflow:visible}
#free-shipping {margin-top:0}

body, body > header #mobile {transition: left 0.35s ease 0s; -webkit-transition: left 0.35s ease 0s}
body > header #mobile {position:fixed; left:100%; top: 0; width:75%; height:100%; overflow: auto; padding-bottom: 3em; margin-top:0;background: #003865}
.slideNav #mobile {left:25%; position:fixed; display:block; padding:0; z-index:9999;-webkit-box-shadow: 16px 0 16px 16px rgba(0,0,0,.5);box-shadow: 16px 0 16px 16px rgba(0,0,0,.5);}
body > header > .wrap {height:100%; overflow:hidden}
/*.logo-wrap {width:75%}*/
#menu {display:block; cursor:pointer; width:3rem; height:3rem; background:rgba(255,255,255,.5) url(../images/icons/misc/menu.png) no-repeat center center; position: fixed;right: 0;top: 0;padding: 0; z-index:99}

body > header #mobile #mainNav, body > header #mobile #ancillary {width:100%; height: auto; position:relative; clear:both; line-height:100%}
body > header form {height:auto}
body > header #mobile #mainNav ul, body > header #mobile #ancillary ul {display:block; width:100%; line-height:100%; float:left; clear:both; margin-top: 0}
body>header #mobile #ancillary ul {margin: 0}
body > header #mobile #mainNav ul li, body > header #mobile #ancillary ul li {display:block; overflow: auto; border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; width:100%; height:auto; text-align:left;font-size:1.25em;}
body > header #mobile #mainNav ul li a, body > header #mobile #ancillary ul li a {color:#fff; display: block; line-height: 3rem; padding: 0 1rem}
body > header #mobile #mainNav ul li.on a, body > header #mobile #ancillary ul li.on a {color:#007dba; background:none}
.back {display:block; width:100%; padding:0 1rem; font-size:1.25em; line-height: 3rem; background:#007DBA;}
.back:before {content:"\2039\0020"; }
body>header #mainNav ul {margin-top:2.5em}
body>header nav {width:100%; height:auto}
body>header nav a {width:100%; color:#fff; border-radius:0; -webkit-border-radius:0; padding:0.5em}
body>header #ancillary .search {position:fixed; width:100%; font-size:1.25em; height:2em; line-height:2em; top:1.95em}
.interior>header #ancillary .search {position:fixed; width:100%; font-size:1.25em; padding:0 0.5em; height:2em; line-height:2em; top:1.95em; display:block}
body > header #ancillary .search input, .interior > header #ancillary .search input {margin-top:0; height:2em; padding:0 0.5em; color: #fff}
    body > header #ancillary .search input:focus, .interior > header #ancillary .search input:focus {color:#007dba}
body > header #ancillary .search button {position:absolute; top:0; height:100%; right:0.5em; width:10%}
body > header #ancillary .search input:focus {width:100%; background:#fff; padding-left:0.5em;}
	body>header #ancillary .search input::-webkit-input-placeholder {color: #fff; -webkit-opacity:1}
	body>header #ancillary .search input:-moz-placeholder {color: #fff;opacity:1}
	body>header #ancillary .search input::-moz-placeholder {color: #fff;opacity:1}
	body>header #ancillary .search input:-ms-input-placeholder {color: #fff;opacity:1}
body > header #ancillary ul li:nth-child(3) a:after {background:url(../images/icons/misc/down-arrow-white.png) no-repeat scroll center center rgba(0, 0, 0, 0)}

body > header #mobile #mainNav > ul > li > ul {display: none; margin: 0; padding: 0 0 0.5em;}
body > header #mobile #mainNav > ul > li.on > ul {display: block}
body > header #mobile #mainNav > ul > li > ul li {border: 0}
body > header #mobile #mainNav > ul > li > ul li a {padding: 0.5rem 1rem; line-height: 1.1em; font-size: 1.125rem}
body > header #mobile #mainNav > ul > li.open{background-color: rgba(0,0,0,0.25)}
body > header #mobile #mainNav > ul > li.on{background-color: #fff}
body > header #mobile #mainNav > ul > li>span{color: #003865; opacity: 0.3; background-color:#fff;display: block;position: absolute;right: 0;top: 1px;line-height: calc(3rem - 1px);width:calc(3rem - 1px);height: calc(3rem - 1px); text-align: center;-webkit-transition: ease all .2s;transition: ease all .2s;}
body > header #mobile #mainNav > ul > li.on>span{color: #007DBA; background: #f1f1f1}
body > header #mobile #mainNav > ul > li.open>span, 
body > header #mobile #mainNav > ul > li.on>span{opacity: 0.75}
body > header #mobile #mainNav > ul > li>span:before{content: "+"; font-size: 1.125em; display: block;}
body > header #mobile #mainNav > ul > li.open>span:before{content: "-"}


/* MOBILE MENU --------------------- */
body>header nav a {border-bottom: none}



/* Forms ----------------------- */
#blogSearch {
    margin-top: 0em;
}

/* HOMEPAGE ----------------------- */
.homeTop {margin-top: 0;height: auto; padding: 5em 1em 2.5em}
.logIn {position: relative;padding: 2em 1em 1em;margin: 0 auto;width: 100%; max-width: 25em}
.logIn a {margin-bottom: 1em;}

.band-1 {padding: 1em 1em;height: auto;overflow: auto}
.band-1 a {position: static;margin: 0;display: block; width: 100%; bottom: 0;float: left;clear: both}
#home main h1 {margin:0 0 .5em 0; line-height: 1; font-size: 2.2em;margin-top: 1em}
.points {font-size: 1rem;margin-bottom: 2.5em;line-height: 1.4}

.boxInfo, .onlineInfo {float: left;width: 100%;clear: both;height: auto;padding-bottom: 4em;margin-bottom: 0;text-align: center;border: none}
.boxInfo ul, .onlineInfo ul {text-align: left; line-height: 1}
.blueButton {position: static; margin: .5em 0 .25em 0}

.boxInfo, .onlineInfo {padding: 2.5em 4em;}

.band-2 {padding: 2em 0;}
.band-2>.wrap>h1 {margin: 0}


/* SHOP LANDING PAGE ------------- */
.boxBuy, .onlineBuy {width: 100%; margin-top: 2em;margin-bottom: 2em}

.shopSec2 {padding: 1em;margin-bottom: -1em}
.shopSec3 {height: auto}

.fancyTable table, .fancyTable thead, .fancyTable tbody, .fancyTable  th,.fancyTable  td,.fancyTable  tr { display: block;}
/* Hide table headers (but not display: none;, for accessibility) */
.fancyTable thead tr>th:nth-child(2), .fancyTable  tr>th:nth-child(3) { position: absolute;top: -9999px;left: -9999px;}
.fancyTable thead tr>th:first-child {text-align: center;padding: 1em 0;color: #007dba;font-size: 1.7rem}
.fancyTable tr>th:first-child {padding: .5em;font-weight: 600}
.fancyTable tr { border-top: 1px solid #ccc; }
.fancyTable tbody tr th {color: #6284a0;font-size: 1.5rem}
.fancyTable tbody>tr:last-child {border-bottom: 1px solid #ccc}
.fancyTable td { /* Behave  like a "row" */	border: none;position: relative;padding-left: 35%;height:6em;padding-right: .8em;line-height: 1.2;}
.fancyTable td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */left: 6px;width: 4em;font-style: italic;padding-left: .5em;display: block;line-height: 1.5}
.fancyTable td:nth-of-type(1):before { content: "Marriage In A Box";color:#007dba}
.fancyTable td:nth-of-type(2):before { content: "Online Toolbox";color:#007dba}
.fancyTable td:empty {display:none}

.tableBoxBuy, .tableOnlineBuy {position: static;margin-top: 0}
.tableOnlineBuy {margin-bottom: 2em}
.tableBoxBuy:before {content:""; background:url("/images/boxTableM.png") no-repeat center; background-size: contain;padding-bottom: 60%;width: 100%;height: 0;display: block}
.tableOnlineBuy:before {content:url("/images/laptopTableM.png");}
.tableOnlineBuy>.blueButton, .tableBoxBuy>.blueButton {margin: .5em 0 .25em 0 }

/* PRODUCT PAGE ---------------- */
.order-info {width: 100%;position: relative}
.product-info h2 {text-align: center;}
.order-info table button {margin-left: auto;margin-right: auto;display: block; margin-bottom: 2em}

.prodHighlight .left {padding: 0;width: 100%}
.prodHighlight img, .includedBox img {margin-right: auto;margin-left: auto;float: none;display: block;width: 75%; height: auto; padding-top: 2em }

.includedBox .right {width: 100%;padding: 0}
.includedBox img {width:60%}
.cartCol section {width: 100%;float: left;}
.cartCol section td:first-child {width: 35%}
.cartCol section:last-child {padding-bottom: 1em;}

/* INTERIOR ----------------- */
.photoright {margin: 0 0 1em 1em}
.staffApp.staffList section {padding-top: 1em}
.staffApp.staffList section h1 {font-size: 1.4rem !important}
.staffApp.staffList section img {margin: 0 .5em 1em .5em}
.staffApp .jobTitle img.photoright {margin: 1em}
.events .button.viewToggle {font-size: 1em}
.eventsAgenda section {margin-top: 2em}
.eventsAgenda section article a .eventCategory {display: none}
.eventsAgenda section>article a {padding: 1.1em .5em !important}

p {font-weight:300}
h1, #content article.blog > h1 {margin-bottom:0.5em; font-size: 2em;line-height: 1}
h2 {line-height: 1}
.interior main {padding:0}
.interior > main > .wrap {padding:2em 0 0}
.interior main, .interior.management main {margin-top:0}
body>main>.wrap>aside, .management > aside {width:100%; right:auto; top:auto; position:relative; float:left; clear:both; border-bottom:3px solid #fff; background:#eeeded}
body>main>.wrap>aside nav {width:100%; color:#fff; margin-bottom:0}
body>main>.wrap>aside nav a {padding:0 1em; width:100%; display:block; font-weight:300}
body>main>.wrap>aside nav a:after {content:"›"; float:right}
body>main>.wrap>aside nav li.on a {color:#fff; font-size:1.25em; padding:0.5em 0.75em; border-bottom:1px solid #106daa}
body>main>.wrap>aside nav li.on ul li a {border-radius:0; font-weight:500; -webkit-border-radius:0; color:#003865; padding:1em; border:0}
body>main>.wrap>aside nav li.on ul li.on a {color:#FFFFFF}
body>main>.wrap>aside nav li.on ul li a:hover {font-weight:500}
body>main>.wrap>aside nav li.on a:hover, body>main>.wrap>aside nav li.on ul li a:hover{background:#003865; color:#fff}
#content {padding:0 1em 1em !important}

#sidenav {width: 100%;margin: 0}
#sidenav ul {margin: .25em 0}

body > main > .wrap > aside .cta {display:none}

#free-shipping {position:relative; float:left; clear:both; line-height:125%; padding:0.5em 10px}
#free-shipping+main {margin-top:0}

.product-info .right, .product-info .left {width:100%; float:left; clear:both;}
.product-info .left .largeImage:after {padding-bottom:60%}
.product-info .left .thumb{margin:3% 3% 0 0;}

.product-info .right {padding: 1em}
#content .order-info {width:35%;}
.order-info {position: relative;overflow: auto}
.shop h1 {visibility:hidden}
.shop img {max-width:90%}
.shop .left, .shop .right {width:100%;}
.shop .left {padding-top:5%}
.shop .right {height:auto}
.shop .circle-text {top:auto; position:relative; left:0; min-width:0; width:100%}
.shop .circle-text:after{background:none}
.shop .circle-text div {background:none; padding:0; position:relative}
.shop .circle-text div .help {margin-bottom:1.5em}
.shop .circle-text div a {font-size:1.5em; line-height:100%; displaY:inline-block; margin-top:2em}
.subscription {background-image:none}
.subscription .wrap div {text-align:center}
.shop-products a {width:100%; padding: 1em 0; border-right:0; border-bottom:1px dotted #a4b3c6; margin: 1em 0}
.shop-products a:last-child {border-bottom:0}
.shop-products a > div {width:70%}
.interior .shop-products .coupon {width:100%; max-width:70%; position:relative; margin:0 15%; padding:2em 0 !important; background:none}
.shop-products .coupon div {padding:43% 13%;}
.coupon div {background:none}
.coupon:after {display:block; background:#d51c29}
.order-info table tr:last-child td{text-align: center}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus {background: #e8ecf1 !important}


body > footer {padding-top:3em}

footer .social {margin-bottom: 2em;}
footer .social p { margin-top: .6em;}
footer .wrap .container1, footer .wrap .container2 {padding: 0; width:100%; display:block; overflow:auto; clear:both; float:left; text-align:center; margin-bottom:2em}
footer h1 {margin-bottom:0.5em}
footer p {margin-bottom:0}
footer .facebook, footer .twitter, footer .instagram, footer .linkedin {margin:0 0.5em}
footer .wrap .email-signup {width:80%; margin:0 10%}
.email-signup button {height:94%;}
.breadcrumb {top:1em}
#content.full-width {padding:0 1em 2em}
.management2 header {top:0}
.management #free-shipping {margin-top:0}

.topBanner {float: left; clear: both; width: 100%}

input:not([type="radio"]):not([type="checkbox"]), select, textarea {-webkit-appearance:none}

.accountCart {position: relative; background: #4499c1; overflow: auto; width: 100%; text-align: center; margin: 0; z-index: 1; padding: 0; height: auto;}
.accountCart.stick {top: 0}
.accountCart a {color: #fff;display: block;width: 50%;float: left;padding: 0.5em;}
.accountCart a:hover {background: #007dba; color:#fff}
.accountCart a+a {border-left: 1px solid rgba(255,255,255,0.25)}
.accountCart a img {margin-right: 0.25em}
.logIn input[type="submit"] {-webkit-appearance:none}
.mobileHide, .noMobile {display: none !important}
.mobileOnly {display: block}
.mobileTable.wsProductsTable colgroup,
.mobileTable.wsProductsTable tr:first-child,
.mobileTable.wsProductsTable th {display: none}
.mobileTable.wsProductsTable tr,
.mobileTable.wsProductsTable tr > td {display: block; all: unset; overflow: auto; width: 100%; float: left; clear: both}
.mobileTable.wsProductsTable tr {padding: 1em; border-bottom: 1px solid #dadada}
.mobileTable.wsProductsTable tr:last-child {border-bottom: 0}
.mobileTable.wsProductsTable tr > td,
.mobileTable.wsProductsTable tr > td:first-child,
.mobileTable.wsProductsTable tr > td:first-child +td {border: 0; text-align: center}
.mobileTable.wsProductsTable .remove {display: none; color: #b70505; line-height: 2em; font-size: 0.875em;}
.checkout .cartSubTotal {float: none !important; text-align: center !important}
.mobileTable.wsProductsTable .product-checkout-info span {display: none}

.checkout > form > input {display: block; width: 100%}
.continue-shopping {clear: both; text-align: center}
.band-2 ul li {margin-top: 0.75em}
.band-2 ul li::before {margin-top: 0}

.checkout .cancel {clear: both; text-align: center}
.checkout .order-info,
.checkout .order-total {text-align: center !important; width:100% !important; line-height: 150%; float: none !important}
.checkout .order-total {margin-bottom: 2em}
.checkout .threeCol section,
.checkout .threeCol table td {text-align: left !important}
.checkout .threeCol table td:first-child {width: 7em}
.checkout .threeCol section {border-top: 1px solid #ccc}
.checkout form p {line-height: 150% !important;}


/* Interior Footer */
.intFooter {padding: 3.5em 0}
.intFooter h1 {padding: 0 2rem 1rem}

@media screen and (max-width:600px){
#home main h1 {font-size:1.75em}
#content .order-info {width:100%; margin:0 0 2em}
#content .related-products {margin: 2em auto; border-top:1px dotted #a4b3c6; border-bottom:1px dotted #a4b3c6; padding:3em 0}
#content .related-products span:before, #content .related-products span:after {display:none}
#content .related-products > .wrap > a {width:90%; float:none; margin:0 auto 2em; text-align:center; display:block}
.circle-text div {padding:23% 0 0}
.interior .shop-products .coupon {width:100%; max-width:90%; position:relative; margin:0 5%; padding:2em 0 !important; background:none}
#content .new-signup input[type="checkbox"] {line-height:100%}
     .signupForm {
     -webkit-columns:1;
        columns:1;
-webkit-column-gap:0;
        column-gap:0;
-webkit-column-rule:0;
        column-rule:0;
}
     .signupForm .white {padding: 1em 1.25em}
}

@media screen and (max-width:530px){
    #blogSearch {
        position: relative;
        margin-bottom: .25em;
        right: auto;
        top: auto;
    }
}

@media screen and (max-width:474px){
    .homeTop {margin:0;height: auto;}
    .band-1 {border-top: none}
    .points {line-height: 1.1; width: 50%;padding: 1% 2%}
    #home main h1 {margin:.5em 0 .75em 0; font-size: 1.6em}
    .boxInfo, .onlineInfo {padding: 1em 2em 2em 2em}
    .boxBuy, .onlineBuy {padding: 0 .725em}
    .blueButton {padding:0 .25em;margin: .5em 0}


}

@media screen and (max-width:375px) {
    #home main h1 {padding: 1em 0 0 0;; font-size: 1.4em}
    .logIn a span {font-size: 1.25em}
    .accountCart {left:0; right:auto}
    .prodHighlight, .includedBox {padding: 2em .5em}
    .prodHighlight a {margin-left: 1em}
    #content h1 {line-height: 1}
    section.container2 p {padding: 0 2em}
    #blogSearch input {width: auto;}
}