html { color: #666; font-size: 100%; height: 100%; }
body { font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; font-size: 75%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; }
.body-bg { background: #F9F5F1; height: 100%; }
h1 { font-size: 2em; font-weight: 300; margin: 0 0 0.2em; }
h2 { font-weight: 400; text-transform: uppercase; }
h3 {}
p {}
ul {}
ol {}
.hide{display:none; }
.back-div{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:10; background:#000; opacity:0.4}
a { color: #56BD84; transition: color 0.2s; }
a:hover { text-decoration: underline;}
.clr { clear: both; height: 0 !important; width: 0 !important;}

.pg-modal, .pg-mdl { padding: 0.5em; }
.container, .pg-type,#content-wrapper {max-width: 1200px; min-width: 300px; margin: 0 auto; position: relative;}
    .pg-type,#content-wrapper { margin: 40px auto 0; padding: 0;  min-height:400px; }
    #Container{padding:15px; }
    .pg-type:before, .pg-type:after { display: table; content: ""; clear:both; }
    .pg-type.pg-empty{ background:#fff; padding:20px; }
    .pg-home { max-width: 1200px; margin: 0 auto; }
    .pg-mailchimp{ max-width:800px; }
    .content { background: #fff; }
    .content:after { content: ''; clear: both; display: block; }
.c-only { display: none; }
.m-only {}
.bc { margin: 0 0 0.5em; }

.CYOPageWrapper{width:100%; max-width:1200px; min-height:400px; background-color:#fff; margin:0 auto; padding:15px;} 

#nav-greenbar{display:none;}
.btn { background-color: #56BD84; border: none; color: #fff; text-transform: uppercase; color:#fff; display:inline-block; padding: 0.2em 1em; text-decoration:none; text-align:center; }
    .btn:hover { border: 1px solid #666; color: #000; text-decoration: none; }

/* header */ 
header { height:65px; z-index: 2; background:#77787C;  }
    header a, footer a { text-decoration: none; }
    #mtop1{ float:left; width:310px; height:60px; background:url(../images/design/dot-sep.png) no-repeat 160px 10px; padding:16px 0 0 11px; text-transform:uppercase; font-family: 'proxima_novasemibold'; letter-spacing:1.2px; }
    .box1{float:left; width:158px; color:#fff; padding:4px 0 0 31px; background:url(../images/design/icon-smiley-box.png) no-repeat left 5px; line-height:14px;}
    .box2{float:left; width:124px; color:#fff; padding:4px 0 0 30px; background:url(../images/design/icon-phone.png) no-repeat left center; line-height:14px;}
    .box1 .g, .box2 .g{ color:#65C696;} 
    #mtop2{ float:left; overflow:hidden; color:#fff;width:210px; padding:19px 0 0 2px; height:60px; text-transform:uppercase; font-family: 'proxima_novasemibold'; font-size:1.1em; letter-spacing:1.2px; line-height:15px; }
    #mtop2 a{color:#fff; text-transform:uppercase; }
    #mtop2 .myacc{display:block; }
    #mtop2 .track{display:inline-block; text-indent:-8px; }
    #neareststore{ float:left; width:210px; padding:19px 4px 0 0; height:60px; font-size:1.1em; text-transform:uppercase; font-family: 'proxima_novasemibold'; letter-spacing:1.2px; line-height:15px; }
    #neareststore a{color:#fff; }
    .store,.store a{color:#65C696 !important;}
    #inline-search{float:left; width:195px; height:60px; background:#77787C; }
    #inline-search .wr{ background:#fff; padding:2px; width:179px; margin:14px 5px 12px 15px; height:32px; position:relative;}
    #inline-search .wr .search{ -webkit-appearance:none; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; border:1px solid #003769; height:28px; width:145px; color:#65C696; padding:0 4px; text-align:left; font-size:13px; font-weight:bold; font-family: 'proxima_novasemibold';  text-transform:uppercase;}
    #inline-search .wr .search::-webkit-input-placeholder{ color:#65C696;  }
    #inline-search .wr .search:-moz-placeholder{ color:#65C696; }
    #inline-search .wr .search::-moz-placeholder{ color:#65C696; }
    #inline-search .wr .search:-ms-input-placeholder{ color:#65C696; }
    #inline-search .wr button{ width:30px; height:28px; background:url(../images/design/icon-search.png) no-repeat 0 center; text-indent:-5000px; border:0; padding:0;}    
    #topcart{ float:left; width:27px; height:60px; margin:0 0 0 30px; padding:10px 0 0 0; text-align:center;}
    #cart-link{ width:100%; height:100%; display:block; background:url(../images/design/icon-cart.png) no-repeat 0 15px; padding:0 5px 0 0; text-align:center;}

        #ajax-search { position:absolute; top:-10px; right:-10px; z-index:10; border:10px solid #77787C; background:#fff; display:none; font-size:12px; font-weight:normal; padding:1px; width:300px; }
            #ajax-search a { font-size: 12px; float: none; font-weight: normal; height: auto; line-height: normal; }
            #ajax-search .asearch-lbl, #tSearchUpdateInner h3, #ajax-search h3 { display:none; color: #000; margin: 0 0 0.2em; }
            #ajax-search .asearch-txt, #lstMatches, #lstCustom { width: 100%; }
            #ajax-search .search{ width:100% !important; padding-right:34px !important; margin-top:1px !important; }
            #ajax-search .inline-search button{ margin-left:-30px; margin-top:1px !important; }
            #lstMatches{display:none; }
            #ajaxsearch-results{ color:#6b6b6b; line-height:30px;}
            .asearch-info .name{color:#000;  }
            .asearch-info .name:hover{text-decoration:underline; }
            .asearch-info .price{color:#003768; font-weight:bold;}
            #lstCustom a { color: #525253; text-decoration: none; text-transform: none; float: none; margin: 0; padding: 8px 0;  }
            #lstCustom a:hover { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow: none; border-color: transparent; color: #c10e2d; }
            #ajaxresults { clear: both; margin:0 0 0 0; padding:0; border:1px solid #4F7192; text-align:center; }
                #ajaxresults a { padding:5px 0; text-transform: none; }
                #ajaxresults a:hover { background: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow: none; border-color: transparent; color:#1c1c1c; }
                    #ajaxresults .ajaxsearchimg { float: left; border:1px solid #B1D0E0; margin-left:10%; width:50px; height:50px; overflow:hidden; }
                    #ajaxresults .asearch-txt a{display:block; border-bottom:1px dotted #B1D0E0;}
                    #ajaxresults .asearch-txt a:hover{background:#EAEDF1; }
                    #ajaxresults .asearch-info { float: left; margin:0; width:70%; text-align:left; padding-left:10px;}
                        .asearch-info p { margin: 0 0 0.5em; }
                    #ajaxresults #ajaxsearch-seeall { color:#003768; font-weight:bold; text-align:center; width:100%; height:40px; line-height:40px; padding:0; text-transform:uppercase; display:block; }

#nav-btn { display: block; position: absolute; left:10px; top:50px; color:#fff; font-family:'proxima_novasemibold'; width:45px; height:24px; line-height:24px; text-transform:uppercase; border:1px solid #fff; text-align:center; }
    #nav-btn .icon-bar { border-bottom: 3px solid #666; display: block; margin: 0 0 3px; }
.nav-logo { position: absolute; width:260px; height:168px; top:0; left: 50%; margin: 0 0 0 -130px; z-index:5;}
    .nav-logo a{background:url(../images/design/marbles_original_logo.png) no-repeat center top; width:100%; height:100%; display:block; }
    .nav-logo a.sticky{ background:url(/images/design/marbles_original_logo_med.png) no-repeat center top;}
    .nav-logo span,.nav-logo img{ position:absolute; top:-500px; left:0; }
.nav-cart { position: absolute; right: 0; }
#navwrap{ width:100%; position: relative; background:#89B7C6; z-index:2; height:65px;}
#main-nav { clear: both; display: none; position: relative; background:#89B7C6; z-index:2; height:65px; max-width:1200px; margin:0 auto;}
    .mega .nav-2 { border-bottom: 1px solid #eee; color:#003768;; font-weight: 700; margin: 1em 0 0.5em; padding: 0 0 0.2em; display:block; text-decoration:none;}    
    .mega .nav-3 a{color:#000; display:block; text-decoration:none; }
    .mega .nav-2:hover, .mega .nav-3 a:hover{text-decoration:underline; }
.layout-mobi-nav { background:#89B7C6; color:#fff; height:100%; overflow-y:auto; overflow-x:hidden; position:fixed; top:0; left:-85%; width:85%; z-index:2; padding:105px 0 0 0; }
.layout-mobi-nav .nav-lvl1{margin-top:60px; }
.layout-mobi-nav .nav-1.sub1{border-top:1px dashed #37638B; padding-top:20px; margin-top:10px;}
.layout-mobi-nav .nav-1.sub2{border-bottom:1px dashed #37638B; padding-bottom:20px;} 
.layout-mobi-nav .nav-1.sub3{ margin-top:10px; display:inline-block; padding-right:5px;}
.layout-mobi-nav .nav-1.sub4{ margin-top:10px; display:inline-block; padding-left:5px;}
    .layout-mobi-nav .nav-lvl2, .layout-mobi-nav .nav-lvl3 { background:#57859E; box-shadow: -2px 0 4px #333; position: absolute; height: 100%; overflow: auto; top: 0; width: 100%; 
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
  .layout-mobi-nav .nav-lvl3{   }
        .layout-mobi-nav .mnav-slide { 
            -webkit-transition: 0.5s ease-in-out;
            -moz-transition: 0.5s ease-in-out;
            -ms-transition: 0.5s ease-in-out;
            -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
            -webkit-transform: translate3d(100%, 0, 0);
            -moz-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            -o-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        .layout-mobi-nav .nav-lvl2 { left: 40px; top:90px; padding-top:5px; margin-top:70px; }
        .layout-mobi-nav .nav-lvl3 { left: 80px; top:90px; padding-top:5px; margin-top:70px; background:#284460; }
    .layout-mobi-nav h5 { border-bottom: 3px solid rgba(255, 255, 255, 0.4); margin: 2em 2% 0; padding: 0 0 1em; text-transform: uppercase; }
    .layout-mobi-nav a {  color: #fff; display: block; float: none; font-size: 1.1em; letter-spacing:1px; text-transform:uppercase; margin: 0 2%; padding:7px 10px; text-decoration: none; font-family:'proxima_novasemibold'}
    .layout-mobi-nav a:hover { text-decoration:underline; }
        .layout-mobi-nav .nav-utl #inline-search { padding: 1em 2%; }
        .layout-mobi-nav .nav-utl input[type="search"] { width: 100%; }
        .layout-mobi-nav .nav-utl button, .layout-mobi-nav #cart-link, .layout-mobi-nav #cart-count { display: none; }
.layout-mobi-content { -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    min-height: 100%; 
    position: relative; z-index: 1; }


/*mary*/ 
.top{bottom:0; position:fixed; right:2em; text-align:center; display:none; z-index:100;  width:60px; height:100px;cursor:pointer;}
.top a{ position:relative; background:url(../images/design/mary-marbles.png) no-repeat top center; width:60px; height:70px; display:block; color:#9F968D; font-size:11px; text-transform:uppercase; line-height:18px; text-align:center; 
    -webkit-animation: mary 3s; /* Chrome, Safari, Opera */ animation: mary 3s;
    -webkit-transform-origin:top center;
	-ms-transform-origin:top center;
	transform-origin:top center;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mary { 
    10% {
    top:-200px; -webkit-transform:rotate3d(0, 0, 1, 15deg); -ms-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); }
    20% {
    top:-200px; -webkit-transform:rotate3d(0, 0, 1, -10deg); -ms-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg);}
    30% {
    top:-200px; -webkit-transform:rotate3d(0, 0, 1, 5deg); -ms-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
    40% {
    top:-200px;	-webkit-transform:rotate3d(0, 0, 1, -5deg);	-ms-transform:rotate3d(0, 0, 1, -5deg);	transform:rotate3d(0, 0, 1, -5deg);}
    50% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, 15deg);	-ms-transform:rotate3d(0, 0, 1, 15deg);	transform:rotate3d(0, 0, 1, 15deg);}
    60% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, -10deg); -ms-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg);}
    70% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, 5deg);	-ms-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
    80% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, -5deg);	-ms-transform:rotate3d(0, 0, 1, -5deg);	transform:rotate3d(0, 0, 1, -5deg);}
    100% {
    top:0; webkit-transform:rotate3d(0, 0, 1, 0deg); -ms-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg);}
}
/* Standard syntax */
@keyframes mary{
    10% {
    top:-200px; -webkit-transform:rotate3d(0, 0, 1, 15deg); -ms-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg); }
    20% {
    top:-200px; -webkit-transform:rotate3d(0, 0, 1, -10deg); -ms-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg);}
    30% {
    top:-200px; -webkit-transform:rotate3d(0, 0, 1, 5deg); -ms-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
    40% {
    top:-200px;	-webkit-transform:rotate3d(0, 0, 1, -5deg);	-ms-transform:rotate3d(0, 0, 1, -5deg);	transform:rotate3d(0, 0, 1, -5deg);}
    50% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, 15deg);	-ms-transform:rotate3d(0, 0, 1, 15deg);	transform:rotate3d(0, 0, 1, 15deg);}
    60% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, -10deg); -ms-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg);}
    70% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, 5deg);	-ms-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg);}
    80% {
    top:-100px;	-webkit-transform:rotate3d(0, 0, 1, -5deg);	-ms-transform:rotate3d(0, 0, 1, -5deg);	transform:rotate3d(0, 0, 1, -5deg);}
    100% {
    top:0; webkit-transform:rotate3d(0, 0, 1, 0deg); -ms-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg);}
}


/* inline cart */
#cart-count { color:#65C696; cursor: pointer; display: inline-block;  }
    .ajax-cart-empty { padding: 1em; }
    #ajax-cart { opacity: 0; transition: 0.2s linear opacity; }
    #ajax-cart.on { opacity: 1;}
    .no-csstransforms3d #ajax-cart.on {right:0; }
    #ajax-cart h1 { font-size:22px; font-family:"proxima_nova_rgbold"; letter-spacing:1px; color:#0D3568; text-transform:uppercase; margin:20px 0 5px 15px;}
    #ajax-cart h2 {background: #DBE9F0; padding: 15px; margin: 0; color:#0D3568; text-align:center; font-weight:bold;}
    .fullc-link{ display:inline-block; margin:0 10px 15px 15px; background:#82A9BC; letter-spacing:1px; font-family:"proxima_novasemibold"; height:34px; line-height:31px; width:135px; border-bottom:3px solid #567183; text-align:center; color:#567183; text-transform:uppercase; }
    .check-link{ display:inline-block; margin:0 0 15px 0; background:#0D3568; letter-spacing:1px; font-family:"proxima_novasemibold"; height:34px; line-height:31px; width:120px; border-bottom:3px solid #000A27; text-align:center; color:#fff; text-transform:uppercase; }
    .fullc-link:hover{color:#567183; border-top:0;border-left:0;border-right:0; border-bottom:3px solid #567183;}
    .check-link:hover{ color:#fff; border-top:0;border-left:0;border-right:0; border-bottom:3px solid #000A27;}
    #ajax-cart{overflow-y:auto; }
    #ajax-cart .ajax-cart-empty{color:#0D3568;}
    #ajax-cart .ajax-cart-empty h1  { padding: 0; font-family: 'olivierregular'; color: #fff; font-size: 28px; }
    #ajax-cart p { line-height: 1.1; margin:0; }
    #cartclose{ font-family:"proxima_nova_rgbold"; letter-spacing:1px; background:#DBE9F0; padding:5px 8px; color:#96C0D7; text-transform:uppercase; float:right; margin-right:5px; cursor:pointer;}
    #cartclose span{ color:#0E3669; }
    .pcart-row { border-bottom: 2px solid #ADC2D2; margin: 0; padding:8px; background:#DBE9F0; } 
    .pcart-row.first .prodprice{ color:#56BD84; font-size:14px; }
    .pcart-row.first .name{ color:#000; padding:5px 0;}
    .pcart-row.first .name a{color:#000; text-decoration:none;}
    .pcart-row.first .qtybox{color:#0E3669; font-weight:bold; }
    .pcart-row.first .qtybox .updt{display:inline-block; font-size:13px; }
    .pcart-row.first .qtybox input{ width:35px; height:30px; text-align:center; color:#0e3669; margin-right:2px; -webkit-appearance:none; border:1px solid #0E3669; display:block; float:left;}
    .pcart-row.first .pcart-img,#cart-also-bought .pcart-img{display:block; }
    .pcart-img {display:none; float: left; margin: 0 5% 0 0; width:90px; height:90px; overflow:hidden; border:1px solid #A9B3BB; }
    .pcart-left{float:left; width:100px }
    .pcart-left .qtybox{cursor:pointer; color:#6686A3; font-family:"proxima_nova_rgbold"; font-size:14px; text-transform:uppercase;}
    .pcart-left .prodprice{color:#0E3669; font-family:"proxima_nova_rgbold"; font-size:14px; text-transform:uppercase; }
    .pcart-info { float: left; width:150px; color:#000; text-decoration:none; margin:0; font-size:14px;}
    .pcart-info a{text-decoration:none; color:#000;  }
    .pd-updt{ cursor:pointer; }
    .pcart-subtotal { margin:0 auto; width:150px; padding: 0.5em 1em; font-family:"proxima_nova_rgbold"; font-size:14px; }
        .pcart-subtotal .lbl { color:#5F6C8B;}
        .pcart-subtotal .amt { float: right; color:#25353F;}
    .pcart-andmore{display:block; background:#DBE9F0; text-align:center; line-height:25px; color:#96C0D7; text-decoration:none; }
    .cartrem{float:right; width:15px; height:15px; cursor:pointer; text-align:center; line-height:15px; margin:0 0 0 -15px; background:#6686A3; color:#DBE9F0; font-weight:bold; text-transform:uppercase;}
#pcart-view { display: block; margin: 1em; text-align: center; }
    #pcart-view span { color: #333; }
    .giftstuff{ color:#6686A3; padding:15px 0 0 0;}
    .giftstuff label{ display:block; cursor:pointer; float:left; font-family:"proxima_nova_rgbold"; font-size:13px; text-transform:uppercase; letter-spacing:1px; margin:0 0 10px 10px; }
    .giftstuff input{ display:block; float:left; border:1px solid #0E3669; width:15px; height:15px; }
    #giftmsgbox{ display:none; margin:10px 0 0 0; width:100%; height:80px; }
    .giftstuff .gift-updt{ float:right; color:#000; margin:4px 0; cursor:pointer; text-align:right; width:50%;}
    .gift-updt span{display:inline-block; margin-left:5px; padding:3px 5px; }
    .gift-updt .s{ background:#0D3568; color:#fff;}
    #gift-count{float:left; color:#56BD84;margin:4px 0;  text-align:left; width:45%;}
    .peoplehead{ color:#fff; background:#0E3669;font-size:14px; text-transform:uppercase; letter-spacing:1px; text-align:center; padding:8px 0; font-family:"proxima_nova_rgbold"; line-height:30px;}
    
    
/* footer */
footer { background:#EFF2EF; margin: 1em 0 0; z-index: 2; }
    .ftr-col ul { list-style: none; margin: 0; padding: 0; }
.legal { clear: both; }
    #footertop{width:100%; background:#77787C; height:70px; position:relative; }
    .ftr-cols { width: 90%; margin:15px auto; }
        .ftr-col { float: left; width: 20% }
        .ftr-col h4{ color:#000; text-transform:uppercase; margin:10px 0 2px 0; }
        .ftr-col ul a{color:#000; font-size:13px; line-height:22px;}
        .ftr-col ul {margin: 0 0 15px 0 }
        .ftr-col ul ul{margin:0 0 0 10px; }
    .ftr-col-fc { float: left; width: 30%; }
    #foottopwrap{ width:100%; max-width:1200px; margin:0 auto; }
    #email-signup{ width:278px; background:#fff; padding:2px 0; margin:0 auto; }
    #footertop .em{ float:left; width:33%; height:70px; max-width:400px; text-align:center; }
    #footertop .em #txtemail{float:left; border:1px solid #000; color:#96C0D6; padding:2px 2px 2px 30px; width:195px; background:url(../images/design/icon-mail.png) no-repeat 5px 3px; height:23px; border-right:0; text-transform:uppercase; font-family:"proxima_novasemibold"; font-size:13px; letter-spacing:0.5px; margin:0 0 0 2px;-webkit-appearance:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; }
    #footertop .em #txtemail::-webkit-input-placeholder{ color:#96C0D6;  }
    #footertop .em #txtemail:-moz-placeholder{ color:#96C0D6; }
    #footertop .em #txtemail::-moz-placeholder{ color:#96C0D6; }
    #footertop .em #txtemail:-ms-input-placeholder{ color:#96C0D6; }
    #footertop .em .sub{cursor:pointer; float:left; width:82px; line-height:23px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #000; background:#003769; color:#96C0D6; height:23px; margin:0 0 0 -3px; text-transform:uppercase; font-family:"proxima_novasemibold"; letter-spacing:1px; font-size:13px; }
     
    #footertop .soc{ float:left; width:33%; height:70px;  max-width:400px;text-align:center; background:url(../images/design/head-dots-bg.png);}
    #footertop .soc .s{ margin:20px 5px 0 5px; display:inline-block;}
    #footertop .lc{ float:left; width:33%; height:70px; max-width:400px; padding:5px 0 0 35px; }
    #footertop h4{ margin:10px 0 5px 0; color:#fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; }
    
    footer .seals{text-align:center; width:100%; max-width:1200px; margin:10px auto; height:100px;}
    footer .tp_-_category-badge{ display:inline-block; margin:0 30px -15px 0;}
    footer .legal{text-align:center; width:100%; max-width:1200px; margin:0 auto; color:#000; height:30px;}
    footer .legal .copy{ margin-right:15px; }
    footer .legal a{ color:#000; }
    footer .legal .txt a{color:#36c;} 
    footer .legal a:hover{text-decoration:underline; }
    
    #newsletter-bar{ display:none; width:90%; max-width:1380px; height:200px; position:fixed; bottom:0; left:0; right:0; top:0; margin:auto; z-index:11; background:url(../images/design/newsletterbar-stripe.png); }
    #newsletter-bar .cl{ position:absolute; top:0; right:7%; line-height:40px; width:70px; text-align:center; background:#65C696 url(../images/design/newsletterbar-x.png) no-repeat 10px center; padding:0 0 0 12px; color:#fff; cursor:pointer;}
    #newsletter-top{width:100%; height:200px; padding-top:22px; background:url(../images/design/newsletterbar-top.png) repeat-x top left;  }
    #newsletter-bot{width:100%; height:178px; padding-bottom:22px; background:url(../images/design/newsletterbar-bottom.png) repeat-x bottom left;  }
    #newsletter-box{width:100%; height:156px; background:#fff url(../images/design/newsletterbar-chess.png) no-repeat center center;  }
    #newsletter-signup{ width:250px; margin-left:30%; height:156px;}
    #newsletter-signup .b{ color:#003769; text-transform:uppercase; font-size:11px; display:block; letter-spacing:1px; font-family:"proxima_novasemibold";}
    #newsletter-signup .n{color:#9E958C; display:block; font-family: 'olivierregular'; font-size:50px; line-height:44px; width:210px;}
    #newsletter-signup .newswrap{ width:278px; background:#fff; padding:2px 0; margin:0 auto 10px auto;}
    #newsletter-signup .newsemail{float:left; border:1px solid #000; color:#96C0D6; padding:2px 2px 2px 30px; width:150px; background:url(../images/design/icon-mail.png) no-repeat 5px 3px; height:23px; border-right:0; text-transform:uppercase; font-family:"proxima_novasemibold"; font-size:10px; letter-spacing:0px; margin:0 0 0 2px; }
    #newsletter-signup .sub{ float:left; text-align:center; cursor:pointer; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #000; background:#003769; color:#96C0D6; height:23px; line-height:23px; margin:0 0 0 -3px; text-transform:uppercase; font-family:"proxima_novasemibold"; letter-spacing:1px; width:82px; font-size:13px; }
    #newsletter-signup .g{ text-transform:uppercase; font-size:11px; letter-spacing:1px; font-family:"proxima_novasemibold"; color:#ddd;}
    #newsletter-signup .gr{ text-transform:uppercase; font-size:11px; letter-spacing:1px; font-family:"proxima_novasemibold"; color:#65C696;}
    

/* home */
#promo-ribbon{ width:100%; margin:0 0 10px 0; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; background:#F9F5F1; padding:5px 0; position:relative; z-index:1; }
#promo-ribbon .list{ color:#a1a1a1; width:90%; margin:0 auto; height:30px; list-style-type:none; padding:0;}
#promo-ribbon .list li{float:left; width:16.66%; text-align:center; text-transform:uppercase; font-family:"proxima_nova_rgbold"; letter-spacing:1px;}
.promo-more{color:#65C28D; margin:0 auto; width:120px; text-align:center; text-transform:uppercase; cursor:pointer; font-family:"proxima_nova_rgbold"; }
.promo-more .l{float:left; width:13px; height:14px; background:url(../images/design/promo-arr-dn.png) no-repeat;}
.promo-more .r{float:right; width:13px; height:14px; background:url(../images/design/promo-arr-dn.png) no-repeat;}
#promo-ribbon .mo{ height:0; overflow:hidden;  }
#promo-ribbon .mo .in{padding:10px;}

#hm-carousel { width: 100%; max-width:1280px; margin:0 auto; overflow: hidden; }
    #hm-carousel .lazyOwl{ width: 100%; }
    .hm-bnr { color: #fff; display: block; float:left; height:485px; width:100%; position: relative; background-repeat:no-repeat; background-position:center top; }
   .hm-bnr a{display:block; width:100%; height:100%; overflow:hidden;}
        .hm-bnr-inner { background:#f5efe9; color: #000; position: absolute; left:0; bottom:0; width:100%; border-top:2px solid #efe9e3; border-bottom:2px solid #f5efe9; line-height:70px; font-size:35px; text-align:center; font-family:"proxima_nova_rgbold"; text-transform:capitalize;}
        .hm-bnr .line-1 { font-size: 1.5em; display: block; }
        .hm-bnr .line-2 { font-size: 3em; display: block; } 
        .hm-bnr .line-3 { font-size: 1em; display: block; }
    .hm-callouts .callout { }
        .hm-callouts .callout a{ display:block;width:100%; height:100%; text-decoration:none; position:relative;}
        .hm-callouts .callout a span{ font-family:"proxima_novasemibold"; text-transform:uppercase; color:#003769; font-size:1.5em; position:absolute; right:10px; display:block; letter-spacing:1px; text-decoration:underline;}
        .callout-1 a span{bottom:30px; width:160px;}
        .callout-2 a span{bottom:50px; width:150px;}
        .callout-3 a span{bottom:50px; width:130px;}
        .hm-callouts .callout img { max-width: 100%; }
#hm-carousel .owl-controls{position:relative; top:-120px; margin-top:0; }
#hm-carousel.owl-theme .owl-controls .owl-page{background:#fff; border:1px solid #000; margin:0 5px; padding:2px; height:22px; width:22px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px;}
#hm-carousel.owl-theme .owl-controls .owl-page span{ border:0; margin:0; width:16px; height:16px; }
#hm-carousel.owl-theme .owl-controls .owl-page span:hover,#hm-carousel.owl-theme .owl-controls .owl-page.active span{ background:#65C696;}
#hm-carousel .owl-next{position:absolute; top:-250px; right:50px; width:30px; height:30px; background:url(../images/design/home-slide-right.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;}
#hm-carousel .owl-prev{position:absolute; top:-250px; left:50px; width:30px; height:30px; background:url(../images/design/home-slide-left.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;} 

.tiles-header{ font-family: 'olivierregular'; font-size:3em; color:#003769; height:80px; line-height:70px;}
.tiles-header-a{ color:#79C8A6; font-size:0.3em; text-transform:uppercase; text-decoration:none; margin-left:20px; font-family:'proxima_nova_rgbold'; letter-spacing:1px; border-bottom:1px dotted #ccc;}
#homegroup{ width:100%; height:300px; overflow:hidden; margin-bottom:30px; }
#homegroup .prod-item{ margin:0 1% 0 0; }
#hm-left{float:left; width:950px; }
#hm-tiles{  width:100%; padding-bottom:30px; border-bottom:1px dotted #BFC6CD;}
#hm-tiles .tl{float:left; width:300px; margin:0 0 10px 0;}
#hm-tiles .tl.tile-2,#hm-tiles .tl.tile-5{margin:0 20px; }
#hm-tiles .tl img{width:300px; }
#hm-right{float:left; width:250px; margin:80px 0 0 0; background:#fff; }
#hm-right .rwr{ width:100%; position:relative; }
#hm-right .rwr .oll{ font-family: 'olivierregular'; font-size:5em; color:#003769; padding:0 0 0 15px;}
#hm-right .rwr .sh{ text-transform:uppercase; font-size:2.5em; color:#A6C7D7; padding:0 0 0 35px; letter-spacing:0.5px; font-family: 'proxima_nova_rgbold'; margin:-25px 0 0 0;}
#hm-right .rwr .all{text-transform:uppercase; font-size:1.2em; color:#003769; padding:0 0 20px 65px;font-family: 'proxima_nova_rgbold'; border-bottom:1px dashed #BFC6CD; margin:0 10px 10px 10px;}
#hm-right .rwr img{position:absolute; top:-30px; right:-20px;}
 
#brain-coach-says{ height:285px;}
#brain-coach-says .img{display:block; margin:20px 0 0 15px;}
#brain-coach-says .title{ color:#A6C7D7; font-size:1.5em; text-transform:uppercase; display:block; font-family:proxima_novasemibold; padding:0 60px 0 30px; letter-spacing:1px;}       
#brain-coach-says .quote{text-transform:uppercase; font-size:1.5em; color:#003769; font-family:'proxima_nova_rgbold'; width:63%; display:block; float:right; letter-spacing:2.5px; margin:6px 60px 0 0; text-align:right;}
#talk-to-coach{width:100%; background:#96C0D6 url(../images/design/speech-bubble.png) no-repeat 10px 20px; height:80px; font-family:'olivierregular'; font-size:2.2em; padding:15px 0 0 75px; line-height:1em; color:#003769;}
#comm100-button-5000000{margin:0 auto; display:block; width:100%; overflow:hidden; }
#comm100-button-5000000 a{display:block; width:258px; margin:0 auto; }

#brainblg{ padding:25px 15px; max-width:260px; margin:0 auto;}
#brainblg .head{ background:url(../images/design/brain-cat-head.png) no-repeat; height:83px; color:#fff; text-transform:uppercase; padding:30px 0 10px 90px; font-family:proxima_novasemibold; letter-spacing:1px; font-size:1.2em;}
#brainblg .block{ padding:15px 0 5px 75px; margin:10px 0 10px 5px; height:65px; position:relative; } 
#brainblg .block img{ position:absolute; top:0; left:0; }
#brainblg .block .v{color:#000; font-size:1.5em; display:block; text-transform:uppercase; font-family:'proxima_nova_rgbold'; font-size:1.1em; letter-spacing:1px;}
#brainblg .block .a{color:#79C8A6; text-decoration:underline; text-transform:uppercase; font-family:'proxima_nova_rgbold'; font-size:1.1em; letter-spacing:1px; }

/* category */
.cat-hdr { color: #fff; margin: 0 0 1em; min-height: 300px; padding: 2em; }
    .cat-hdr h1 { color: #fff; font-family: 'olivierregular', Script; font-size: 6em; line-height: 1em; padding-top: 1em; }
    .cat-hdr .cat-desc { font-size: 1.2em; line-height: 1.5em; width: 50%; }
    
.subcat-list{text-align:center;}
.subcat-item  { display:inline-block; vertical-align:top; margin: 1em 0 20px; min-height: 250px; padding: 1em 0 0; position: relative; width: 33.3333%; }
.subcat-item:nth-child(3n+1) { clear: left; }
.subcat-item:nth-child(n + 4) { border-top: 2px dotted #dfdfdf; }
    .subcat-item a { display: block; }
    .subcat-item img { border: 2px solid #a8a7a9; display: block; margin: 0 auto; max-width: 100%; }
    .subcat-name { display: none; }
    .subcat-item ul { list-style: none; margin: 0; padding: 0; text-align: center; }
        .subcat-item ul a { color: #000; font-size: 1.5em; padding: 0.2em 0; text-decoration: none; }

/* subcategory */
.dup-top { display: none; }
.pg-subcat .content h2 { border-bottom: 3px solid; margin: 0 0 1em; }
    .content h2 a { float: right; font-size: 70%; font-weight: normal; }
    .subcat-fc { background: #002856; color: #fff; font-size: 1.1em; margin: 0 0 1em; padding: 2em; }
        .subcat-fc:after { clear: both; content: ''; display: block; }
        .subcat-fc h1 { font-family: 'olivierregular', Script; font-size: 3.5em; line-height: 1em; }
    .subcat-desc { margin: 1em 0; }

/* product list */
.pg-prodlist .subcat-fc { background: #fff; border: 2px solid #002856; color: #000; }
    .pg-prodlist .subcat-fc h1 { color: #002856; }

.target { opacity: 1; transition: opacity 0.2s linear; }
.loading { opacity: 0.2; transition: opacity 0.2s linear; }
.side { background: #EBEFEB; position: relative; }
.side dl { margin: 0 0 1em; }
.side > dl{ border-bottom:2px dotted #7a7167; margin:0 0.5em; }
    .side dl dl { margin: 0; }
    .side dt { cursor: pointer; font-weight: bold; margin: 0; padding: 0.5em; }
    .side dd { border-bottom: 2px dotted #7A7167; margin: 0 0.5em; }
    .side dl dd:last-child { border-bottom: none; }
        .side dd a, .filter dt { color: #7A7167; display: block; font-size: 1.1em; font-weight: bold; letter-spacing: 0.1em; padding: 1em 0 1em 1.5em; text-decoration: none; text-transform: uppercase; }
        .side dd a:before, .filter dt:before { content: '\f067'; display: inline-block; font-family: 'FontAwesome'; margin: 0 0 0 -1.5em; width: 1.5em; }
        .side dd.single a:before { content: ''; }
        .side dd.on a:before, .filter dt.on:before { content: '\f068'; }
            .side dd dd.on > a { color: #65C696; font-weight: bold; text-decoration: underline; }
        .side dd dl { height: 0; max-height: 0px; overflow: hidden; transition: 0.4s ease-in-out; }
        .side dd.on dl { height: auto; max-height: 99999em; padding: 0 0 1em; transition: 0.4s ease-in-out; }
        .side dd dd { border: none; }
            .side dd dd a { color: #000; font-weight: normal; letter-spacing: normal; padding: 0.3em 0 0.3em 2em; text-transform: none; }
            .side dd dd a:before { content: '' !important; margin: 0 !important; padding: 0 !important; width: 0; }
.filter { clear: both; margin: 0; }
    .side .filter { margin: 0 0 1px; }
    #clear-filt { color: #7A7167; display: none; font-weight: bold; font-size: 1.1em; margin: 1em 0; text-align: center; text-transform: uppercase; }
    #clear-filt.show { display: block; }
    #filter-box { margin: 0 0.5em; }
        .filter dt span { float: right; }
            .filter dt span span { float: none; padding: 0 0 0 0.5em; }
    .filter dd { border: none; color: #000; float: left; margin: 0; padding: 0.5em; width: 50%; }
        .filter dd label { cursor: pointer; padding: 0 0 0 0.5em; }
        .filter dd label:before { color: #b3b6b3; content: ''; display: inline-block; height: 1em; text-align: center; width: 2em; }
        .filter dd input { position: absolute; z-index: -2; }
        .filter dd input + label:before { /*float: left;*/ }
        .filter dd input + label span { /*float: left;*/ width: 75%; }
        .filter dd input:checked + label { font-weight: bold; }
        .filter dd input:checked + label:before { content: 'x'; }
        .filter dd label.off { color: #ddd; }
    #filt { cursor: pointer; display: block; text-decoration: none; width: 100%; }
    
.fc-subcat, .fc-subcat-quote { margin: 1em 0.5em }

    .page-actions { border-bottom: 2px dotted #DFDFDF; margin: 0 0 1em 0; padding: 0.5em 0; position: relative; text-transform: uppercase; font-weight: bold; }
        .page-actions .ddl { display: inline-block; margin: 0 0.3em; position: relative; }
            .ddl span { color: #56BD84; cursor: pointer; }
            .ddl span:before { content: '\f0d7'; font-family: 'FontAwesome'; margin: 0 0.3em 0 0; }
            .ddl div { background: #EBEFEB; max-height: 0; overflow: hidden; padding: 0 0.5em; position: absolute; text-align: right; right: 0; z-index: 2; transition: 0.2s linear; }
            .ddl.on div { max-height: 9999em; padding:0.5em; transition: 0.2s linear; }
                .ddl div a { border-bottom: 1px dotted #BEC2BE; display: block; padding: 0.5em 0; white-space: nowrap; }
    .paging { border-right: 1px solid #BEC2BE; display: inline-block; margin: 0 1em 0 0; }
        .paging a { color: #7A7167; display: inline-block; margin: 0 0.6em 0 0; padding: 0 0.6em; text-decoration: none; }
        .paging span { display: inline-block; margin: 0 8px 0 0; }
        .paging .on { color: #56BD84; }
    .sorting { float: right; }
 .prod-list { text-align: center; }
 
/* prodlist item */ 
.prod-item { background:#fff; border:1px solid #9F968D; border-top:2px solid #9F968D; float:left; margin:0 0.5% 1%; height:300px; width:300px; overflow:hidden; position: relative; z-index:1; }
.prod-item .first-link{ display:block; width:100%; height:100%;}
.prod-list .prod-item { display: inline-block; float: none; text-align: left; }
     .badge {  text-align: center; width:100%; height:30px; line-height:30px; position:absolute; top:-30px; left:0;  opacity:0.9}
        .badge span { color: #fff; font-family: 'proxima_novasemibold'; font-size: 1.1em; text-transform:uppercase;}
    .badge.new{ background:orange; }
    .badge.sale{ background:#dd6468; } 
    .badge.exclusive{ background:#dda168; }
    .badge.online{ background:#002755; }
    .badge.pickup{ background:#323232; }
    .braincat{float:left; width:50px; height:50px; margin:10px 0 10px 5px; background-size:50px; background-repeat:no-repeat;}
    .prod-item img { display:block; width:300px; height:300px; position:absolute; top:0; left:0; z-index:1;}
    .prod-item p { margin: 0 0 0.2em; }    
    .prod-item .inf{float:left; width:245px; height:70px; padding:10px 20px 10px 10px; background:url(../images/design/tile-i.png) no-repeat 228px 5px;} 
    .prod-item-box{bottom:-90px; -webkit-animation:tilesO 0.3s; animation: tilesO 0.3s;}
    .no-touch .prod-item-box:hover,.prod-item-box.shownow{ -webkit-animation:tiles 0.5s; animation: tiles 0.5s; bottom:0;}
    @-webkit-keyframes tiles{ from{bottom:-90px;} to{bottom:0px;}}  @keyframes tiles{from{bottom:-90px;} to{bottom:0px;}}
    @-webkit-keyframes tilesO{ from{bottom:0px;} to{bottom:-90px;}}  @keyframes tilesO{from{bottom:0px;} to{bottom:-90px;}}
          
    .prod-item-box:hover .inf{ background:url(../images/design/tile-i-on.png) no-repeat 228px 5px; } 
    .prod-item .name { font-size:14px; color:#000; text-decoration:none;}
    .prod-item .price { font-size: 14px; font-family: 'proxima_novasemibold'; color:#666;  }
        .prod-item .price .was { font-size: 1.1em; color:#666; text-decoration: line-through; margin:0 10px 0 0;}
        .prod-item .price .sale{ color:#de6569;}
    .prod-item .desc{ color:#003769; padding:0 10px 10px 10px; height:55px; font-family: 'proxima_novasemibold'; font-size: 1.1em; text-transform:uppercase;}
    .prod-item .desc a{text-decoration:none; color:#003769;}
    .prod-item .green{ background:#65C696; height:30px; line-height:30px;}
    .prod-item .zeroqty{ float:left; width:248px; text-align:center; text-transform:uppercase; font-size:16px; background:#e17578; color:#fff; font-family: 'proxima_novasemibold';}
    .prod-item .zeroqty a{color:#fff; text-decoration:none; }
    .prod-item .zeroqty a:hover{ text-decoration:underline; }
    .prod-item .qty{ float:left; width:30px; height:30px; color:#000; font-size:11px; text-align:center;}
    .prod-item .plus{ cursor:pointer; float:left; width:30px; height:30px; background:url(../images/design/tile-plus.png) no-repeat center center; }
    .prod-item .plus:hover{ background:url(../images/design/tile-plus-on.png) no-repeat center center; }
    .prod-item .min{ cursor:pointer; float:left; width:30px; height:30px; background:url(../images/design/tile-min.png) no-repeat center center; }
    .prod-item .min:hover{ background:url(../images/design/tile-min-on.png) no-repeat center center; } 
    .prod-item .buy{ cursor:pointer; float:left; width:178px; color:#fff; text-align:center; font-family: 'proxima_novasemibold'; font-size:1.2em; text-transform:uppercase;}
    .prod-item .buy:hover{text-decoration:underline;}
    .prod-item .hrt{ cursor:pointer; float:left; width:30px; height:30px; background:#77787C url(../images/design/tile-hrt.png) no-repeat center center; }
    .prod-item .hrt:hover,.prod-item .hrt.on{ background:#77787C url(../images/design/tile-hrt-on.png) no-repeat center center; }
    
    .prod-item .listbox{position:absolute; top:-120px; left:60px; width:180px; height:225px; overflow-y:auto; overflow-x:hidden; padding:10px; background:#fff; border:1px solid #ccc; }
    .prod-item .listbox h2{ font-size:20px; text-align:center; margin:0 0 5px 0;}
    .prod-item .wishbit{ text-transform:uppercase; font-size:14px; min-height:36px; line-height:36px; padding:0 10px; margin:0 0 8px 0; background:#003768; color:#fff; cursor:pointer;}
    .prod-item .wishbit:hover{ color:#fff; }
    .prod-item .wish:hover{ color:#d74848; font-weight:bold; }
    .prod-item .addlist{ display: block; width:158px; padding:0 0 0 10px; color:#fff; height:35px; line-height:35px; text-transform:uppercase; font-size:14px; font-weight:normal; background:#89B7C6; text-decoration:none; border:0; }
   
    
.prod-item .qty{ float:left; width:30px; }
    .prod-item .qty{ float:left; width:30px; }
    
.prod-item-box{width:300px; position:absolute; left:0; background:url(../images/design/FFFFFF-0.8.png);}


/* compare page */
.pg-compare { overflow-x: auto; }
.compareTable { border-collapse: separate; border-spacing: 10px 1px; }
    .compareTable tr td { background: #fff; padding: 0.5em; }
    .compareTable tr:nth-child(odd) td { background: #eee}
    .compareTable tr td.noTxt { background: none; }
    .compareTable tr.compareTableHeader td { background: none; text-align: right; }
        .compareTableHeader td a { color: #900; }
    .compareTable .compareTableTitle { background: #1a1a1a; color: #fff; font-weight: bold; padding: 0 1em 0 0; text-align: right; width: 160px; }
    .compareTableProdInfo { text-align: center; width: 190px; }
        .compareTableProdInfo p { text-align: left; }

/* quick view */
.pg-quick { margin: 2%; }
    .pg-quick .prod-views { float: left; width: 48%; }
    .pg-quick .prod-detail { float: left; width: 51%; }
    .pg-quick .quick-desc { border-top: 1px solid #999; margin: 1em 0; padding: 1em 0; }
    .pg-quick select { margin: 0 0 1em; }
    .pg-quick form label { margin: 0 1em 0 0; }
    .pg-quick #qty { margin: 0 1em 0 0; width: 4em; }
    .pg-quick #addToCart { margin: 0 1em 0 0; }

/* Read Review Page */
.pg-read .review-box { margin: 1em 0 2em; }

/* cart */
.pg-cart { background-color: #fff; padding: 15px; }
    .pg-cart .btn { background-color: #56BD84; border: none; color: #fff; text-transform: uppercase; }
.pg-cart h2 { margin-bottom: 0.2em; }
.pg-cart h3 { margin-bottom: 0.2em; }
.cart-left #cartLinks { margin: 5px 0; text-transform:uppercase;}
.cart-row { position: relative; border-bottom: 1px solid #DCDCDC; padding:10px 0; margin:0 0 15px 0; }
    .cart-image { float:left; margin:0 10px; width:180px; height:180px; overflow:hidden;}
    .cart-info { float:left; width: 50%; padding-top:20px; }
        .cart-info .prodname { color:#666; font-size:2em; line-height: 1; margin: 0 0 0.2em; text-decoration: none; font-family:"proxima_nova_rgregular"; }
        .cart-info .prodname span{font-size:18px; margin-left:10px; }
        .cart-info .prodopts p, .prodprice { margin: 0 0 0.2em; }
        .cart-info .cartgiftmsgbox{margin:5px 0 0 0; width:100%; height:80px;}
        .cart-info .cartaddgiftmsg{ font-size:13px;}
        .cart-info .giftstuff{ padding:10px 0 0 0; }
        .cart-info .giftstuff.two{padding:0;}
        .pcart-row .gift-count{ display:none; }
        .cart-info .gift-count{font-size:13px; color:#6686A3; margin-left:10px; display:inline-block; width:155px;}
        .cart-info .cart-qty{ margin:5px 0 5px 0; font-size:15px; }        
        .cart-info .cart-submit {margin:-5px 0 0 0;float:right; outline:none;  width:76px; height:30px; display:inline-block; background:none; border: none; color: #6686A3; text-transform: uppercase; padding: 4px; font-size:14px; line-height:22px;}
        .cart-info .cart-submit.on{ background:#6686A3;color:#fff;}
        .cart-qty .cart-submit{float:none; outline:none; text-decoration:none; cursor:pointer; line-height:22px !important; font-size:13px; margin:0 0 0 10px; color:#6686A3; text-transform:uppercase; background:none;}
        .cart-remove{text-decoration:none; cursor:pointer; width:100px; line-height:22px !important; font-size:13px; margin:0 0 0 10px; color:#6686A3; text-transform:uppercase;}
        .cart-remove:hover{text-decoration:none;}
        .prodprice{display:block; clear:both; margin:20px 0 0 0;}
    .cart-price { float: left; font-size: 2em; text-align: right; width:21%; }
    .prodgift{ color:#6686A3; margin:35px 0 30px 0; height:28px;}
    .cart-totals .cart-subtotal { font-size:2.3em; margin: 0; padding-top:5px; line-height:1.1em;}
    .cart-totals .subtext{font-size:1.3em; padding:20px 0; display:none;}
    .cart-totals .subtext span{float:left; width:50%; display:inline-block; text-align:left; padding-left:10px;}
    .cart-totals .subtext .mtot, .cart-totals .subtext .gtot{text-align:right; padding-left:0;}
 .cart-promo{display:none; }   
    .cart-btn .checkout { font-size: 2em; margin: 1em 0; width: 100%; }  
#continue-shopping { padding: 0.5em 0; }
    #continue-shopping .btn-continue { background:none; text-decoration:underline; color: #56BD84; border: none; text-transform: uppercase; height:25px; line-height:25px; padding:0; width:70%; margin:0 auto; font-size:1em; display:block;}
#cart_notes { clear: left; margin: 3em 0 1em; }
.apply-promo{background: #56BD84; color: #fff; text-transform: uppercase; border: 0; width: 40px; height: 20px; }

/*Save Cart*/
#saveCartLeft{ float:left; width:50%;}
#saveCartRight{ float:left; width:50%;}
#pnlSave{ padding:10px; }
#pnlSave:after{ content:"";clear:both; display:block;}
.save-cart-table{width:100%; font-family:'proxima_nova_rgregular', Arial, Helvetica, sans-serif}
.save-cart-th{ text-align:left; padding-left:2px;}
.save-cart-col{padding:0 2px; }
.save-cart-table .CartRow1{ border-bottom:8px solid #fff; }
.save-cart-table .save-cart-info{padding-bottom:5px;}
#saveCartTotalsWrap{ font-size:20px; }
#saveCartTotalsText{margin-right:10px; }
.save-cart-form .alertSuccess{width:100%; }

/* blogs */
#blog_block { background-color: #fff; padding: 0 15px 15px 15px; }
.td_blogCrumbs { height: 40px; }
.divBlogTitle { height: 25px; }
.blogsidebartitle { height: 25px; }
.blogBottomRow { background-color: #fff; }
#blog_sticky { background: #56BD84; }
.blogCrumbs { padding: 10px 0; }
.blogentry .ratingText { margin-left: 5px; line-height: 19px; }

/* store locations */
#storeLocator { padding: 1.5em; }
#BottomEventListing ul li, .locationsBottom ul li { width: 24%; }
#BottomEventListing, .locationsBottom { margin: 1em 0 0 2em; }
.gm-style-iw h3{margin:0;}
.gm-style-iw br{ height:2px; line-height:2px; font-size:0; }
.gm-style-iw{ width:242px !important; height:182px !important; }
#ctl00_content_ctl00_lblLocatioGroups,#ctl00_content_ctl00_ddlLocationGroups{display:none !important; }
#LeftMapDetails{margin:15px 0 0 0; }
#LeftMapDetails .mapEvents,#LeftMapSelector{display:none; } 
#BottomEventListing h1:nth-of-type(2),#BottomEventListing ul:nth-of-type(2){ display:none; }

/* members area overwrites */
#ctl00_content_ctl01_chkEmailOptIn, #ctl00_content_ctl01_chkCatalogOptIn, #ctl00_content_home_emailSelect_0, #ctl00_content_home_emailSelect_1, #ctl00_content_home_postalSelect_0, #ctl00_content_home_postalSelect_1 { margin-right: 3px; }
/*wishlist image adjustment*/
.ProductBox .Info .InfoName .infoBoxLeft a{ width:90px; height:90px; overflow:hidden; display:block;}
#WishlistGraphic{display:none; }
.wish_Search{margin-top:5px; }

/* small screen styles */
@media (max-width: 460px){    
    #hm-carousel .owl-controls{display:none !important; }
    .hm-bnr { height:285px !important;}
    .hm-bnr-inner{ font-size:20px !important; line-height:30px !important; }
    #homegroup {height:400px; padding-top:95px !important;} 
    #homegroup.owl-theme .owl-controls{ position:absolute; top:55px !important; width:100%; }
    .tiles-header.two .tiles-header-a{display:none !important; }
    .tiles-header .mid {margin-top:10px !important; }
    #mtop1 .box2{ margin-left:60px !important; width:45px;}
    #nav-btn{left:5px !important; }
    .layout-mobi-nav a{width:200px; line-height:15px;}
    .layout-mobi-nav .nav-1.sub2{ padding:20px 10px; margin-bottom:10px; height:60px; }
    .layout-mobi-nav .nav-1.sub4,.layout-mobi-nav .nav-1.sub3{display:inline; }
    #footertop .em {border-right:0 !important;}
    .content{ padding:20px 0.5em;} 
    /*input[type="text"]:focus, input[type="password"],
    textarea:focus, select:focus {
        font-size: 16px;
    }*/   
    /*pulldown cart*/
    .fullc-link{ margin:0 -8px 15px 0px; } 
    
    /*cart page*/
    .cart-image{width:25%; margin:0; height:80px;}
    .cart-info{position:relative; width:75%; padding:0 0 30px 15px; height:215px;}
    .cart-image a{display:block; max-width:80px; height:80px; overflow:hidden;}
    .cart-info .prodname{ font-size:15px;}
    .cart-info .prodname span{ font-size:13px; }
    .cart-info .cart-qty{width:200px; }
    .cart-info .cart-qty input{width:28px; }
    .cart-info .cart-qty input.cart-submit{margin:0 0 0 0; width:53px; font-size:11px;  }
    .cart-info .giftstuff{padding:0; }
    .giftstuff.two{position:absolute; margin:0; top:100px; left:-75px; }
    .cart-info .cartgiftmsgbox{ width:70%; height:60px; }
    .giftstuff.two .cart-submit{position:absolute; top:90px; right:60px; margin:0; }
    .cart-price{margin:-110px 0 0 71%; width:28%; font-size:1.5em;}
    .prodgift{ margin:10px 0; }
    .cart-remove{ width:53px; font-size:11px; margin:0; }
    
}


@media (min-width:460px) and (max-width:640px){
 /*cart page*/
    .cart-image{width:25%; margin:0; height:100px; }
    .cart-info{position:relative; width:75%; padding:0 0 0 20px;}
    .cart-image a{display:block; max-width:100px; height:100px; overflow:hidden;}
    .cart-info .prodname{ font-size:20px;}
    .cart-info .prodname span{ font-size:16px; }
    .cart-info .cart-qty{width:145px; }
    .cart-qty .cart-submit{margin:0 0 0 -12px; }
    .cart-info .giftstuff{padding:0; }
    .giftstuff.two{position:relative; margin:25px 0 0 -38%; width:77%; }
    .giftstuff.two .cart-submit{position:absolute; top:120px; right:0; margin:0; }
    .cart-price{margin:-100px 0 0 74%;}
    .cart-right{text-align:center; }   
}

@media (max-width: 640px){
    .nav-logo{ width:120px; height:120px; margin-left:-60px; }
    .nav-logo a{background:url(../images/design/marbles_original_logo_small.png) center -15px no-repeat; width:120px; height:120px; margin:0 auto; }
    .hm-bnr { height:235px;  background-repeat:no-repeat; background-position:0 0; }
    .hm-bnr-inner{ font-size:25px; line-height:50px; }
    #hm-left{ width:100%; min-width:300px !important;}
    .tiles-header{ text-align:center; line-height:35px; padding:10px 0 0 0; height:135px; margin:0 0 -45px 0 !important;}
    .tiles-header .mid{ font-size:11px !important; font-family:'proxima_nova_rgbold' !important; margin:20px 0 0 0; }
    .tiles-header a{display:block; width:80%; margin:10px auto 0 auto; line-height:12px;}
    .tiles-header a:hover{text-decoration:underline; color:#79C8A6;}
    .tiles-header.two .tiles-header-a{display:block; width:80%; }    
    #hm-right{display:none; }
    #hm-tiles{ height:400px; padding-top:50px;}
    #hm-tiles .tl{ display:block; float:none; margin:0 auto !important;}
    #hm-tiles.owl-theme .owl-controls{ position:absolute; top:15px; width:100%; }
    #hm-tiles .owl-next{position:absolute; top:-30px; left:50%; margin-left:115px; width:30px; height:30px; background:url(../images/design/home-slide-right.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;}
    #hm-tiles .owl-prev{position:absolute; top:-30px; left:50%; margin-left:-145px; width:30px; height:30px; background:url(../images/design/home-slide-left.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;} 

    #inline-search{float:none;  }
    .layout-mobi-nav .nav-lvl1 {margin-top:0; }
    .layout-mobi-nav .nav-lvl2{ top:90px; padding-top:5px; margin-top:60px }
    .layout-mobi-nav .nav-lvl3{ top:90px; padding-top:5px; margin-top:60px }
    
    #mtop1 .box2{position:relative; padding:26px 0 0 7px !important; background-position:10px 0 !important;}
    #mtop1 .box2 .g{display:none; }
    #mtop1 .box2 .phon{ position:absolute; top:-3px; left:3px; width:39px; height:44px; text-indent:-9000px;}
    #mtop1 .box2 .t{width:40px; overflow:hidden; height:15px; }
    #neareststore{display:none; }
    #hm-carousel .owl-prev, #hm-carousel .owl-next {top: -100px !important;}
    
    #homegroup {height:400px; padding-top:55px !important;} 
    #homegroup .prod-item{margin:0 auto !important; float:none; width:300px !important; }
    #homegroup.owl-theme .owl-controls{ position:absolute; top:15px !important; width:100%; }
    #homegroup .owl-next{position:absolute; top:-30px; left:50%; margin-left:115px !important; width:30px; height:30px; background:url(../images/design/home-slide-right.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;}
    #homegroup .owl-prev{position:absolute; top:-30px; left:50%; margin-left:-145px !important; width:30px; height:30px; background:url(../images/design/home-slide-left.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;} 

    .bc span, .bc a { display: none; }
    .bc a:last-of-type { display: inline; }
    .bc a:last-of-type:before { content: '< Back to '; }
    
    #footertop{ height:210px !important;}
    #footertop .em, #footertop .lc{ width:100% !important; float:none !important; margin:10px auto !important; height:50px !important;}
    #footertop .lc{ border-top: 1px dashed #b4beb2; padding:0; text-align:center;}
    #footertop .em h4{margin-top:0; }
    #footertop .soc{ position:absolute; width:100%; top:0; left:0; max-width:100%;  }
    

    /* category page */
    .subcat-item { border-top: 2px dotted #DFDFDF; margin: 0 0 1%; width: 100%;  }
    
    /* product list */
    .side .filter { padding: 0 1em; }
    .view-all { display: none;}
    .page-actions { border: none; }
    .page-actions .ddl.size, .sorting { width: 49%; }
    .sorting .ddl { width: 100%; }
        .page-actions label, .page-actions .page-label { display: none; }
            .page-top { height: 80px; }
            .page-top .paging { position: absolute; top: 40px; }
                .page-top .paging label, .page-btm .paging label { display: inline; }
            .page-btm label, .page-btm select { display: none; }
            .paging { border: 0; display: block; float: none; font-size: 1.4em; margin: 0 0 1em; text-align: center; width: 100%; }
                .paging a { margin: 0 1em 0 0; }
    .page-actions .ddl { background: #ebefeb; margin: 0; padding: 0.5em; }
        .page-actions .ddl span { color: #333; display: block; }
        .page-actions .ddl span:before { float: right; }
        .page-actions .ddl div { color: #333; text-align: left; width: 100%; }
        .page-btm .ddl { display: none; }
        .ddl.size span:after { content: ' per page'; }
        .ddl.size a:after { content: ' per page'; }
    

    /* product detail page */
    select.opt { width: 100%; }   
    
    
    /*pulldown cart*/
    .fullc-link{ margin:0 5px 15px 5px; }
    
    /*event locator map page*/
    #mapTop #ProductNameLarge h1{ display:block; }
    #ProductNameShareArea{ display:none; }
    #LeftMapSelector{width:75px; display:inline-block; vertical-align:top; }
    .mapEvents{width: 120px; display: inline-block; vertical-align: top; padding-top: 3px; position: relative;height: 65px; }
    #ctl00_content_ctl00_ddlLocationGroups{width:110px; margin:0; position:absolute; top:28px; left:10px; }
    #ctl00_content_ctl00_lblLocatioGroups{position: absolute; left: -79px; top: 20px;}
    #LeftMapNear br,#ctl00_content_ctl00_LeftMapWithin br{display:none; }
    #LeftMapNear label,#ctl00_content_ctl00_LeftMapWithin label{margin-right:5px; }
    #LeftMapNear{height:30px; line-height:30px; margin-bottom:5px;}
    #LeftMapButtonArea{margin:10px 0;}
    #BottomEventListing, .locationsBottom{margin:0 !important; }
    #BottomEventListing ul li, .locationsBottom ul li{width:48% !important; height:105px; }
    #BottomEventListing .location-email{display:none !important; }
    #BottomEventListing .location-name{font-weight:bold; }
}

@media (min-width:460px) and (max-width:640px){        
    /*cart page*/
    .cart-image{width:25%; margin:0; height:150px; }
    .cart-info{position:relative; width:50%; padding:0 0 10px 20px;}
    .cart-image a{display:block; max-width:150px; height:150px; overflow:hidden;}
    .cart-info .prodname{ font-size:20px;}
    .cart-info .prodname span{ font-size:16px; }
    .cart-info .cart-qty{width:145px; }
    .cart-qty .cart-submit{margin:0 0 0 -12px; }
    .cart-info .giftstuff{padding:0; }
    .giftstuff.two .gift-count{width:150px; }
    .giftstuff.two .cart-submit{margin:0 -50px 0 0; }
    .cart-price{margin:0;}
    .cart-right{text-align:center; }
}

@media (max-width: 840px){
    #hm-left{ width:100%; min-width:600px; }
    #hm-right{display:none;}
    #hm-tiles .tl{margin:0 0 10px 0; }
    #BottomEventListing .location-email{display:none !important; }
}

/* small and medium screens */
@media (max-width: 960px){
    .layout-mobi-content { background: #eee; margin-top:95px;}
    
   /*header*/
    header{padding:0; height:95px; position:fixed; top:0; left:0; width:100%;}
    #mtop1{ width:100%; padding:0; z-index:5; position:relative; background:#424242; height:28px; box-shadow:none; }
    #mtop1 .box1{ float:none; margin:0 auto; height:30px; width:265px; line-height:26px; background-position:left 2px;}
    #mtop1 .box1 .t,#mtop1 .box1 .g{display:inline-block; margin:0 2px; }
    #mtop1 .box2{margin:15px 0 0 70px; padding:4px 0 0 40px; width:134px; background-position:10px center; border-left:1px dotted #fff;}
    #mtop2{display:none;}
    
    #hm-carousel{margin:0 auto 0 auto;}
    #hm-left{ max-width:620px; width:100%; margin:0 auto; float:none;} 
    #hm-right{display:none;}
    #hm-tiles .tl{ margin:0 5px 10px 5px; }
    #hm-tiles .tl.tile-2, #hm-tiles .tl.tile-5{margin:0 5px 10px 5px;}
    .tiles-header-a{margin-left:10px; }    
    .tiles-header.two{ margin-bottom:-20px; text-align:center; }    
    .tiles-header .mid{ text-transform:uppercase; color:#79C8A6; font-size:13px; font-family:'proxima_nova_rgregular'; display:block; margin:-30px 0 0 0; text-align:center; }
    #homegroup {height:100%; padding-top:50px;} 
    #homegroup .prod-item{margin:0 1px; width:296px; float:none;}
    #homegroup.owl-theme .owl-controls{ position:absolute; top:15px; width:100%; }
    #homegroup .owl-next{position:absolute; top:-30px; left:50%; margin-left:150px; width:30px; height:30px; background:url(../images/design/home-slide-right.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;}
    #homegroup .owl-prev{position:absolute; top:-30px; left:50%; margin-left:-180px; width:30px; height:30px; background:url(../images/design/home-slide-left.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;} 
   
    .mega-itemwrap{ height:280px; overflow:hidden; width:100%;}  
    #comm100-button-5000000 a{ margin-left:-20px; }
    #brainblg{ padding:10px 2px; }
    
    #promo-ribbon{display:none; } 
    #navwrap{display:none;}
    #neareststore{background:none; float:right; margin:15px 50px 0 0; border-right:1px dotted #fff; padding:4px 10px; height:35px;}
    #topcart{ position:absolute; top:32px; right:10px; }
    #cart-count{ color:#fff; }
    #mobi-utl{display:none; }
    #inline-search{display:none; padding:5px 10px 0 10px; width:100%; height:50px; background:#89B7C6; box-shadow:none; top:95px; left:0; z-index:1; }    
    #inline-search .wr{width:100%; margin:0;}
    #inline-search .inline-search{width:100%; } 
    #inline-search .search{width:100% !important; padding:0 34px 0 4px !important;  }
    #inline-search button{margin-left:-30px; }
    #inline-search .wr .search::-webkit-input-placeholder{ color:#65C696;  }
    #inline-search .wr .search:-moz-placeholder{ color:#65C696; }
    #inline-search .wr .search::-moz-placeholder{ color:#65C696; }
    #inline-search .wr .search:-ms-input-placeholder{ color:#65C696; }
    
    .hm-callouts .callout{ float:none !important; width:100% !important; text-align:center; margin:0 0 4px 0; height:80px;}
    .hm-callouts .callout img{display:none; }
    .hm-callouts .callout span{position:static !important; width:100%; color:#fff !important; }
    .hm-callouts .callout br{display:none; }
    .callout span.m-only{display:block; color:#003769 !important; padding:15px 0 0 0; text-decoration:none !important;}
    .callout-1{ background:#77C8A6; }
    .callout-2{background:#FBC676;}
    .callout-3{background:#A5CDE0; }
    
    #footertop{ height:140px; padding:70px 0 0 0; }
    #footertop .em, #footertop .lc{ width:50%; }
    #footertop .lc{text-align:center;}
    #footertop .em{ height:50px; margin:10px 0; border-right:1px dotted #fff;}
    #footertop .em h4{margin-top:0; }
    #footertop .soc{ position:absolute; width:100%; top:0; left:0; max-width:100%; }
     
    .ftr-cols{width:100%; float:none;}
    .ftr-col{ float:none; margin-left:20%; width:80%;}
    .ftr-col h4{cursor:pointer; color:#003769;}
    .ftr-col ul{display:none; line-height:30px; margin:10px 0 0 0; }
    .ftr-col ul li{padding-left:20px; }
    footer .legal .copy{ display:block; margin-bottom:5px; }
    #hm-carousel .owl-prev,#hm-carousel .owl-next{ top:-140px; }
    
    .nav-1.valentine{ color:#003769;}
    
    .c-only { display: none; }
    .reveal { 
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -ms-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .reveal-cart { 
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        -webkit-transform: translate3d(-85%, 0, 0);
        -moz-transform: translate3d(-85%, 0, 0);
        -ms-transform: translate3d(-85%, 0, 0);
        -o-transform: translate3d(-85%, 0, 0);
        transform: translate3d(-85%, 0, 0);
        box-shadow: 2px 0 4px #000; 
    }
    #mobi-utl { position: absolute;  right: 0; }
    #ajax-cart { background:#89B7C6; color: #fff; height: 100%; position: fixed; right: 0; top:95px; width: 85%; z-index: 0; }
    /* category */
    .pg-cat, .pg-search, .pg-subcat, .pg-prodlist { background: #fff; }
    .cat-hdr { display: none; }
    .cat-hdr-top { display: block; }
        .cat-hdr h1 { font-size: 4.5em; }
        .cat-hdr .cat-desc { width: 75%; }
    .subcat-item:nth-child(3n+1) { clear: none; }
    .subcat-item:nth-child(2n+1) { clear: left; }
    .side { background: #fff; }
        .side dd { border: none; }
        .side dd a { background: #003769; color: #fff; font-size: 1em; padding: 0.6em 0 0.6em 2em; }
        .side dd dl { background: #eff2ef; }
            .side dd dl a { background: none; color: #333; font-size: 1.3em; font-weight: bold; padding: 0.5em;}
    .fc-subcat, .fc-subcat-quote { display: none; }
    /* subcategory */
    .bc, .subcat-fc { display: none; }
    .dup-top { margin: 3em 0.5em 0; }
    .dup-top, .dup-top .bc, .dup-top .subcat-fc { display: block; }
    
    
    .pg-subcat .side dt, .pg-subcat .side dd { display: none; }
        .pg-subcat .side .on { display: block; }
        .pg-subcat .side .on dd { display: block;}
            .pg-subcat .side .on dd a { padding: 0.5em; }
        .side .fc-cat-side { display: none; }
        .subcat-fc2 { display: none; }
    /* product list */
    #filt { background: #EBEFEB; color: #333; font-size: 1.3em; font-weight: bold; margin: 0 0 1px; padding: 0.5em; }
        #filt:before { content: '\f067'; display: inline-block; font-family: 'FontAwesome'; width: 2em; }
        #filt.on:before { content: '\f068'; }
    #filter-box { }
    #filter-toggle { display: none; }
        .side .filter { background: #EBEFEB; margin: 0 0 1px; }
        .filter-box { background: #fff; border: 1px solid #ebefeb; margin: 0 -1em; padding: 1em 0; }
        .filter-box:after { content: ''; clear: both; display: block; }
        .filter dt { color: #000; font-size: 1em; }
    .page-actions { margin: 1em 0; }
     /* search */
     .pg-search h1 { display: none; }
     .pg-search .side { margin: 1em 0 0; }
     .pg-search .dup-top { font-size: 2em; font-weight: bold; margin: 1.5em 0.2em 0; }
     /* product detail */
     #main-img img { display: block; margin: 0 auto; }
     
     /*event locator map*/
     #mapTop #ProductNameLarge h1{ display:block; }
    #ProductNameShareArea{ display:none; }
    #LeftMapSelector{width:75px; display:inline-block; vertical-align:top; }
    .mapEvents{width: 120px; display: inline-block; vertical-align: top; padding-top: 3px; position: relative;height: 65px; }
    #ctl00_content_ctl00_ddlLocationGroups{width:110px; margin:0; position:absolute; top:28px; left:10px; }
    #ctl00_content_ctl00_lblLocatioGroups{position: absolute; left: -79px; top: 20px;}
    #LeftMapNear br,#ctl00_content_ctl00_LeftMapWithin br{display:none; }
    #LeftMapNear label,#ctl00_content_ctl00_LeftMapWithin label{margin-right:5px; }
    #LeftMapNear{height:30px; line-height:30px; margin-bottom:5px;}
    #LeftMapButtonArea{margin:10px 0;}
    #BottomEventListing, .locationsBottom{margin:0 !important; }
    #BottomEventListing ul li, .locationsBottom ul li{width:32%; height:105px; }
    #BottomEventListing .location-name{font-weight:bold; }
    
    /*mobi nav*/
    .m-main .menu,.m-main .member-menu{ background:#89B7C6; }
    .m-main .menu,.m-main .member-menu a{font-size:13px; }
    .pg-wish .headrow{ background:#89B7C6 !important; }
    .pg-wish .newlistbtn{ background:#57859E !important;}
    .pg-wish .sortbtn{ background:#57859E !important;}
    .pg-wish .wishdel,.pg-wishview .wishdel{ background:#57859E !important;}
    .pg-wish .frameclose{  background:#57859E !important;}
    .pg-wish .sort{ background:#89B7C6 !important;}
    .pg-wishview .goback{ background:#89B7C6 !important; }
    .pg-wishview .wishprodsheads{ background:#89B7C6 !important; }
    .pg-wishview .wishadd{ background:#89B7C6 !important;}
    
    .cart-right{text-align:center; }
    .cart-right .subtext{text-align:center; }
    .cart-totals .subtext span{float:none; display:inline; }
    
}

#statusDiv .input-field { margin-bottom: 8px; }
#statusDiv #ctl00_content_searchLabel, #statusDiv #ctl00_content_zipCodeLabel { margin-right: 5px; }

/* medium screen styles */
@media (min-width: 640px) and (max-width: 960px){
    .nav-logo{ width:190px; height:130px; margin-left:-95px; }
    .nav-logo a{background:url(../images/design/marbles_original_logo_med_2.png) center -75px no-repeat; width:190px; height:128px; margin:0 auto; }
    .nav-utl {  float: right; text-align: right; width:48%; padding-left:80px }
    .hm-bnr { height:485px;  background-repeat:no-repeat; background-position:0 0; }
    .hm-bnr-inner{line-height:50px; font-size:30px; }
    .hm-callouts .callout { float: left; margin: 0 0.5% 1%; width: 32%;}
    .tiles-header.two .tiles-header-a{display:none; }
       
    
    /* category page */
    .subcat-item { margin: 0 0 1%; width: 50%; }
    .subcat-item:nth-child(n + 3) { border-top: 2px dotted #DFDFDF;}
    
    /* product list */
    .filter { padding: 0 1em; }
    .filter dd { width: 33%; }
    #filter-toggle { margin: 0 0 0 3em; }
    /* product detail page */
    select.opt { width: 50%; }

}

/* medium and large screens */
@media (min-width: 640px){
    /* product list */
    .prod-item-compare { float: right; padding: 0.5em 0; text-align: right; width: 50%; }
    .compare-msg { padding: 0.5em 0 0; }
}

@media (max-width:1000px){
    .nav-1.Gifts{ width:70px !important; }
}

/* large only screens */
@media (min-width:960px){
    .m-only { display: none !important; }
    .c-only { display:inline; }
    /*header*/
    header { padding:0; height:65px; width:100%; }
    .nav-utl { float: right; text-align: right; width:49%; padding-left:75px;}
        .nav-utl a {  }    
    #main-nav { display: block; }
        .nav-1 { display: block; float: left; width:9.7%; font-size: 1.1em; letter-spacing:1px; padding:18px 1% 10px 1%; text-decoration: none; color:#fff; font-family:'proxima_novasemibold'; text-transform:uppercase; text-align:center; }
        .nav-1.new{ margin-left:3%;}
        .nav-1.Self.Improvement{width:11%; }        
        .nav-1.best{margin:0 0 0 285px;  padding:25px 1% 10px 1%;width:126px;}
        .nav-1.Gifts{margin:0 0 0 0; padding:25px 1% 10px 1%; width:80px; } 
        .nav-1:hover{ color:#003768; }
        .nav-1.on{background:#fff; color:#003768; height:100%; border-top:10px solid #89B7C6; padding-top:8px; }
        .nav-1.brain.on{ padding-top:8px; margin-top:0; }
        .nav-1.best.on,.nav-1.Gifts.on{ padding-top:15px; }
        .nav-1.valentine{ background:#003768; height:45px; padding:7px 10px; margin:11px 0 0 0; }
        .nav-1.valentine:hover{ color:#fff; }
        .nav-1.valentine.on { border-top: 0; }
        .nav-greenbar{ width:100%; background:#65C696; height:90px; position:absolute; bottom:0; left:0; z-index:5;}
        .megag1,.megag2,.megag3,.megag4{ width:250px; float:left; }
        .megag1,.megag2,.megag3{border-right:1px dotted #fff;}
        .megagwrap{ max-width:1000px; width:100%; margin:0 auto; padding:10px 0 0 0;} 
        .megagwrap .img{ width:70px; height:70px; float:left; margin:0 10px 0 20px;}
        .megagwrap .t{ width:149px; height:70px; float:left; padding:10px 0 0 0; }
         .megagwrap .t span{display:block;}
        .megagwrap .b{color:#003769; font-family:'proxima_novasemibold'; text-transform:uppercase;}
        .megagwrap .w{ color:#fff;}
        .megagwrap .b2{color:#003769;font-family:'proxima_novasemibold'; border-bottom:1px dotted #003769; display:inline !important;}        
        
        #main-nav .mega { 
            background: rgba(255, 255, 255, 0); 
            box-shadow: 0 4px 4px #000;
            display: none; min-height: 300px; 
            padding: 1em 1em 100px 1em; position: absolute; top:65px; 
            transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s;
            width: 100%; z-index: 10; }
        #main-nav .mega.show { background: rgba(255, 255, 255, 1); display: block; }
        #main-nav .mega .leftcol{ width:150px; float:left; }
        #main-nav .mega .rightcol{ max-width:750px; float:left; }
        #main-nav .mega .rightcol .col{ width:150px; float:left; }
        #mega-new, #mega-best{padding:10px 0 100px 0 !important; min-height:400px; overflow:hidden; }
        .mega h2{color:#003769; padding:0 0 0 10px; font-family:"proxima_novasemibold";}
        .mega .g{ text-decoration:none; float:right; margin:0 10px 0 0; color:#65C696; font-size:12px; text-transform:uppercase;}
        .mega h2 .g{ float:none; margin:0 0 0 10px;}        
        #mega-new .prod-item, #mega-best .prod-item{ margin:0 10px 10px 10px !important; width:280px !important; height:280px !important; border-bottom:1px solid #9F968D;}
        #mega-new .prod-item .prod-item-box, #mega-best .prod-item .prod-item-box{ width:280px;}
        #mega-new .prod-item .buy, #mega-best .prod-item .buy{ width:158px;}
        .prod-item a.buy{text-align:center; width:100% !important; }
        #mega-new .prod-item .inf, #mega-best .prod-item .inf{ width:225px; padding:10px 8px;  background:url(../images/design/tile-i.png) no-repeat 208px 5px;}
        .no-touch #mega-new .prod-item-box:hover .inf,.no-touch #mega-best .prod-item-box:hover .inf{ background:url(../images/design/tile-i-on.png) no-repeat 208px 5px; } 
        .mega-itemwrap{ height:280px; overflow:hidden; width:100%;}
        
    #ajax-cart.on { 
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        -webkit-transform: translate3d(-300px, 0, 0);
        -moz-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        -o-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0);
        box-shadow: -2px 0 4px #000; 
    }
    #ajax-cart { background:#96C0D7; position: fixed; height: 100%; width: 300px; right: -300px; z-index: 10; top:0; 
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        color: #fff;
    }
    #frmGiftCard{padding:0 6px }
    #giftcardTable{width:100% !important; color:#0D3568;}
    #giftcardTable b{margin-right:4px; }
    #giftcardTable h1{ font-family:'olivierregular'; color:#fff; font-size:28px;}
    .cartAddGCTable{line-height:15px; }
    #giftcardTable .btnAddtoCart{ background:#0D3568; color:#fff; border:0; line-height:30px; height:30px; width:100px; margin:0 auto; text-transform:uppercase;}
    
    /*sticky*/
    header.sticky{ position:fixed; top:0; left:0; z-index:3; height:35px;}
    #navwrap.sticky{ position:fixed; top:35px; left:0; z-index:2; height:35px}
    header.sticky #mtop1{padding:0 0 0 11px; height:33px; }
    header.sticky #mtop1 .box1 .g,header.sticky #mtop1 .box2 .t,header.sticky #mtop2 .log,header.sticky #neareststore .store{display:none; }
    header.sticky #mtop1 .box1{height:30px; line-height:28px; }
    header.sticky #mtop1 .box2 {height:33px; line-height:28px; }
    header.sticky #mtop2{font-size:0.9em; height:33px; line-height:28px; padding:4px 0 0 2px; }
    header.sticky #mtop2 .myacc{ display:inline; }
    header.sticky #mtop2 .track{text-indent:0; }
    header.sticky #neareststore{ font-size:0.9em; line-height:28px; height:33px; padding:4px 4px 0 0;}
    header.sticky #inline-search{ height:35px; }
    header.sticky #inline-search .wr{ margin:5px 5px 0 15px; height:24px; width:177px; padding:1px; }
    header.sticky #inline-search .wr .search{height:22px; -webkit-appearance:none; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    header.sticky #inline-search .wr button{ height:22px; }
    header.sticky #topcart{ margin:0 0 0 20px; padding:6px 0 0 0; height:35px;}
    header.sticky #cart-link{ background-position:0 0; }    
    #navwrap.sticky #main-nav{height:35px; }
    #navwrap.sticky .nav-1{ font-size:0.9em; padding:0 10px; line-height:35px; }
    #navwrap.sticky .nav-1.new{display:none; }
    #navwrap.sticky .nav-1.Self,#navwrap.sticky .nav-1.brain{ width:150px; }
    #navwrap.sticky .nav-1.valentine{ width:150px; height:28px; line-height:28px; margin:4px 0 0 0; color:#fff;}
    #navwrap.sticky .nav-1.on{ line-height:28px !important; border-top:4px solid #89B7C6;}
    #navwrap.sticky .nav-1.brain.on{ margin-top:0; line-height:28px; }
    #navwrap.sticky .nav-1.valentine.on{ width:150px; border-top:0; }
    #navwrap.sticky #main-nav .mega{top:35px; }
    #navwrap.sticky .nav-1.Gifts{width:80px; }
    #navwrap.sticky .nav-1.best{margin:0 0 0 200px; }
    #navwrap.sticky .nav-1.best.on{ }
    header.sticky .nav-logo { position: absolute; width:206px; margin: 0 0 0 -103px;}
    
    /* checkout sticky */
                      header.checkout-sticky {height:65px;position:absolute;}
    header.checkout-sticky #mtop1 .box1 .g, header.checkout-sticky #mtop1 .box2 .t, header.checkout-sticky #neareststore .store {display:block;}
    header.checkout-sticky #mtop2 .log {display:inline;}
        header.checkout-sticky #mtop1 {height:60px;padding:16px 0 0 11px;}    
            header.checkout-sticky #mtop1 .box1, header.checkout-sticky #mtop1 .box2 {line-height:14px;}
                header.checkout-sticky #mtop2 .myacc {display:block;}
                header.checkout-sticky #mtop2 .track {text-indent:-8px;}
        header.checkout-sticky #mtop2, header.checkout-sticky #neareststore {height:60px;padding:19px 0 0 2px;font-size:1.1em;line-height:15px;} 
        header.checkout-sticky #neareststore {padding: 19px 4px 0 0;}   
        header.checkout-sticky #inline-search {height:60px;}             
            header.checkout-sticky #inline-search .wr {width: 179px;height: 32px;margin: 14px 5px 12px 15px;padding: 2px;}
                header.checkout-sticky #inline-search .wr .search, header.checkout-sticky #inline-search .wr button {height:28px;}
        header.checkout-sticky #topcart {height: 60px;margin: 0 0 0 30px;padding: 10px 0 0 0;}
            header.checkout-sticky #cart-link {background-position:0 15px;}
            #navwrap.checkout-sticky {top:65px;height:25px;position:relative;}
        #navwrap.checkout-sticky #main-nav {display:none;}
        #chkContainerMain {margin-top:110px;}
    
    /* home */
    .hm-callouts .callout { float: left; margin:0; width: 32%; background:#F0ECE7; height:230px;}
    .hm-callouts .callout-2{margin: 0 2%; }
    /* category */
    .pg-cat, .pg-search, .pg-subcat, .pg-prodlist { background: #EBEFEB; }
    .cat-hdr-top { display: none; }
    .side { float: left; margin: 0; padding: 1.0417% 0 0 0; width: 20%; /*240px width at 1200px;*/ }
    .content { float: left; padding: 1em; width: 80%; }
        .content > h2 { margin-top: 0; }
        
    /* subcat */
    .subcat-fc .subcat-fc1 { float: left; padding: 1em 0 0 1em; width: 50%;}
    .subcat-fc .subcat-fc2 { float: right; width: 40%; }
    
    
    /* product list */
    #filter-toggle { display: block !important; }
    .filter { border-bottom: 2px dotted #7a7167; padding: 0; }
            .filter dt span { display: none; }
        .filter dd { float: none; font-size: 1.1em; padding: 0.3em 0.5em; width: auto; }
    #filt { display: none; }
    
    
    /* product detail page */
    .pg-prod h1 { margin: 0; }
    .prod-views { float: left; width: 58%; }
    .prod-info { background: rgba(255,255,255,0.9); border: 1px solid #ccc; border-radius: 2%; -webkit-border-radius:2%; -moz-border-radius:2%; float:left; padding: 1em; width: 40%; }
        select.opt { width: 100%; }
    .prod-detail { clear: both; float: left; width: 65%; }
    .prod-related { background: rgba(255, 255, 255, 0.9); border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; float: right; padding: 1%; width: 25%; }
        .prod-related .prod-item { float: none; width: 100%; }
        
    /* cart detail */
    .cart-left { float: left; width: 70%; }
    .cart-right { background: #fff; border: 1px solid #ccc; float: right; padding: 1em; margin: 0 15px 0 0; width: 25%; }
        .cart-right select { width: 100%; }
        .cart-right h2 { margin:5px 0 10px 0; text-align:center; }
        .cart-right h3 { margin: 1em 0 0; }
        .cart-totals p { margin: 0 0 0.5em; }
        .cart-totals .cart-subtotal span { float: none; line-height: 1.1; width: auto; width:50%; display:inline-block; margin:0;}
        .cart-totals .cart-subtotal span.value{ }
        .cart-btn { text-align: center; }
        #promoFailureResponse { color: #c00; display: block; }
        #frmPromo { padding: 0.5em 0; }
        #promo{ margin-right:5px; }
}

/*middleground*/
@media (min-width: 960px) and (max-width: 1024px){
    #mtop1{ background-image:none; width:200px;}
    #mtop1 .box1{display:none; }
    #mtop2{width:275px;}
    #neareststore{width:155px;}
    .nav-1.best{margin:0 0 0 200px; }
    .nav-1.best.on{margin:0 0 0 200px; }
    .nav-1{ width:9.7%; font-size:0.9em; }
    #navwrap.sticky .nav-1.valentine{width:120px;}
}

@media (min-width: 960px) and (max-width: 1200px){
    #inline-search{ width:150px; }
    #inline-search .wr{ width:134px; }
    #inline-search .wr .search{width:100px; }
    header.sticky #inline-search .wr{width:132px; }
    #navwrap.sticky .nav-1.new{display:none; } 
    #navwrap.sticky .nav-1{width:11.3%; font-size:0.8em; }    
    #navwrap.sticky .nav-1.best{margin:0 0 0 235px; }
    
    #hm-left{ width:67%; }
    #hm-right{width:30%; }
    #hm-tiles{ max-width:620px; width:100%; margin:0 auto; float:none;} 
    #hm-tiles .tl{ margin:0 5px 10px 5px; }
    #hm-tiles .tl.tile-2, #hm-tiles .tl.tile-5{margin:0 5px 10px 5px;}
    
    #homegroup{max-width:645px; margin:0 auto; height:100%; padding-top:50px;}
    .hm-callouts{padding:0 15px; }
    .mega-itemwrap{ height:280px; overflow:hidden; width:100%;}    
    .tiles-header{padding-left:15px; }
    .tiles-header-a{margin-left:10px; }    
    .tiles-header.two{ margin-bottom:-20px; text-align:center; }    
    .tiles-header .mid{ text-transform:uppercase; color:#79C8A6; font-size:13px; font-family:'proxima_nova_rgregular'; display:block; margin:-30px 0 0 0; text-align:center; }
    #homegroup .prod-item{margin:0 1px; width:296px; float:none;}        
    #homegroup.owl-theme .owl-controls{ position:absolute; top:15px; width:100%; }
    #homegroup .owl-next{position:absolute; top:-30px; left:50%; margin-left:150px; width:30px; height:30px; background:url(../images/design/home-slide-right.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;}
    #homegroup .owl-prev{position:absolute; top:-30px; left:50%; margin-left:-180px; width:30px; height:30px; background:url(../images/design/home-slide-left.png) no-repeat center center !important; text-indent:-500px; overflow:hidden;} 
    
    .pg-wishview .goback{ background:#89B7C6 !important; }
    .pg-wishview .wishprodsheads{ background:#89B7C6 !important; }
    .pg-wishview .wishadd{ background:#89B7C6 !important;}
   
}

@media (min-width: 1000px) and (max-width: 1100px){
    #mtop1{ background-image:none; width:200px;}
    #mtop1 .box1{display:none; }
    #mtop2{width:290px;}
    #neareststore{width:155px;}
    .nav-1.best{margin:0 0 0 200px; }
    .nav-1{ width:9.7%; font-size:0.9em; }    
}

@media (min-width: 1100px) and (max-width: 1200px){
    #mtop1{ background-image:none; width:210px;}
    #mtop1 .box1{display:none; }
    #mtop2{width:280px;}
    #neareststore{width:155px;}
    .nav-1.best{margin:0 0 0 220px; }
    .nav-1.best.on{margin:10px 0 0 220px; }
    .nav-1{ width:9.7%; font-size:0.9em; }
    #navwrap.sticky .nav-1{width:14%; font-size:0.9em; }
}

@media (min-width: 1200px){
    #navwrap.sticky .nav-1.new{display:block; margin-left:3%; } 
    .mega-itemwrap{ height:300px; overflow:hidden; width:100%;}
}

@media print{
  header, #navwrap, #nav-greenbar, #newsletter-bar, footer,#cartLinks,.giftwrap, .gift-count,.cart-submit,.cart-promo,.cart-btn,.cart-remove{ display:none; }
  .cartaddgiftmsg,.cartgiftmsgbox{ display:block; }
  .cart-price{ width:110px; }
  a[href]:after { content: ""; }
}