/*
 Dermalogica Responsive Stylesheet
 Author: Dylan Stewart
 */
 /*
TABLE OF CONTENTS
-Desktop
-Mobile
    -responsive layout
    -generic modal
    -header
        -navigation
        -search
    -products
        -product detail page
        -top sellers
    -cart
    -account
    -promos
    -ratings
    -homepage
        -mobile homepage slider
    -your skin
    -product use
    -about
        -out story
        -press
        -store locator
        -open an account
        -award winning education
        -innovative treatments
    -shipping
    -my account
        -my dermalogica awards
        -wishlist
    -checkout
    -speedmapping
    -customer service
    -footer
    -zendesk
*/
 /* Desktop */
 header>#utilitynav,
 .flyout-close,
 .searchform-mobile,
 .btn-mobile-signin,
 .mobile-nav-item,
 .m-customer-service {
     display: none;
 }
 #skinanalysis .nextarrow { /* fix for broken positioning on desktop next arrow within speedmapping tool */
    right: 40px !important;
    left: inherit !important;
 }
 /* Mobile */
 
 @media only screen and (min-width: 481px) {
     html body#home,
     html body {
         min-width: 1024px;
     }
     body#locator{min-width:auto;}
 }
 @media only screen and (max-width: 480px) {
    #cart-items-form td.description .og-offer {left: -88px !important;}
     /* last visited carousel */
     .last-visited .jcarousel-item {
     	width: 255px;
     }
     .last-visited .jcarousel-clip {
     	width: 255px;
     	margin: 0 auto;
     }
     .last-visited .slick-arrow {
     	padding: 20px;
     	margin-top: -25px;
     	background-position: 0 50%;
     }
     .last-visited .jcarousel-next-horizontal {
     	background-position: 100% 50%;
     }     
     .bonus-product-select .productgrid .group h3, 
     .bonus-product-select .productgrid .group p {
     	white-space: normal;
     }
 }
  @media only screen and (min-width: 481px) and (max-width: 850px) and (orientation: portrait) {
     header .searchform {width: 130px;}
     .productgrid.product-carousel-container .group .slick-slide.slick-slide {padding: 10px;}
     .subhead .breadcrumbs {width: 60%;}
     .subhead .help {width: 40%;}
     .system-banner .sb-copy-wrapper{width: 42%;margin: 1em;}
     .dropdown.filter {width: 170px;}
     .productgrid .options {height: auto;clear: both;}
     .productgrid .options .compare {float: none;padding-right: 30px;padding-top: 10px;clear: both;}
     .productgrid .options .compare .text{padding-right: 0;}
     .productgrid .options .compare .link{float: none;}
     .productgrid .group h3,
     .productgrid .group p {width: auto;}
     #product .info .buy-stack {right: 20px;width: 150px;padding: 15px 10px;}
     #product .info .ten.columns.left:not(.buy-stack-description) {margin-left: 0;width: 45%;}
     #account .login input[type="text"], 
     #account .login input[type="email"], 
     #account .login input[type="password"], 
     #checkout .login input[type="text"], 
     #checkout .login input[type="email"], 
     #checkout .login input[type="password"] {width: 215px;}
     #checkout .login, #account .login, #checkout .new {padding: 24px 15px 24px 15px;}
     #checkout .content.shipping {width: auto;float: none;}
     #checkout .content.checkoutsummary {width: auto;float: none;margin-left: 0;}
     #checkout .content.shipping .footnote + .row{float: none;width: auto;}
     .shippingaddress .check {padding-left: 0;}
 }
@media (max-width: 1023px) {
     .product-carousel-container .slick-prev, 
     .product-carousel-container .slick-next,
     .product-carousel-container .slick-prev:hover, 
     .product-carousel-container .slick-next:hover,
     .product-carousel-container .slick-prev:focus, 
     .product-carousel-container .slick-next:focus {display: block !important;background: url(../images/carousel/arrows.png) no-repeat !important;}
     .product-carousel-container .slick-next {background-position: 100% 0 !important;}
     .product-carousel-container .slick-prev:hover,
     .product-carousel-container .slick-prev:focus {background-position: 0 100% !important;}
     .product-carousel-container .slick-next:hover,
     .product-carousel-container .slick-next:focus {background-position: 100% 100% !important;}
     .content-carousel .slick-next,
     .content-carousel .slick-prev {display: none !important;}
     #skinanalysis .slide .content {height: auto;}
     #skinanalysis .slide {height: auto;}
     #skinanalysis .slides {height: auto;}
     #skinanalysis .container {height: 400px;}
 }
 @media (max-width: 767px) {
	html,body {
		overflow-x: hidden; 
	}
     input {
         font-size: 16px !important;
         /* prevent zooming on ios inputs */
     }
     
	/* xcart */
	
	#NewPasswordForm .labelcol{ min-height: 66px !important; width: 30% !important; margin: 0px !important;}
	#NewPasswordForm .fieldcol{ min-height: 41px !important; width: 55% !important; margin: 0px !important;}
	#NewPasswordForm .fieldcol .form-caption{ width: 144px !important;}

     /* BEGIN responsive layout */
     
     #home.grid20 > .row,
     .grid20 .row,
     header .row,
     footer .row,
     .grid11 .row .two,
     .row .two,
     .grid11 .row .nine,
     .row .nine,
     .grid20 .row .fifteen,
     header .row .fifteen,
     footer .row .fifteen,
     .grid20 .row .five,
     header .row .five,
     footer .row .five,
     .grid20 .row .ten,
     header .row .ten,
     footer .row .ten,
     #product .details .left,
     #product .details .right,
     #product .details .splitright,
     .grid20 .row .nine,
     header .row .nine,
     footer .row .nine,
     .grid20 .row .six,
     header .row .six,
     footer .row .six,
     #about .stats li,
     #about .stats2 li,
     .grid20 .row .fourteen,
     header .row .fourteen,
     footer .row .fourteen,
     #concept .module .image,
     #concept .module .info,
     .grid20 .row .four,
     header .row .four,
     footer .row .four,
     .grid20 .row .thirteen,
     header .row .thirteen,
     footer .row .thirteen,
     .grid20 .row .seven,
     header .row .seven,
     footer .row .seven,
     .grid11 .row .six,
     .row .six,
     .grid11 .row .three,
     .row .three,
     .grid11 .row .five,
     .row .five,
     .grid20 .row .eight,
     header .row .eight,
     footer .row .eight,
     .grid20 .row .twelve,
     #checkout.grid20 .row {
         width: 100%;
         float: none;
     }
     .carousel {
         margin-bottom: 4%;
     }
     .fifteen {
         margin-bottom: 15px;
     }
     .grid20 .column,
     .grid20 .columns,
     header .column,
     header .columns,
     footer .column,
     footer .columns {
         margin: 0;
     }
     .grid20 .row,
     footer .row,
     #home.grid20 > .row {
         padding: 0 15px;
     }
     header .row,
     footer .row {
         margin: 0;
     }
     header .row {
         padding: 0 15px !important;
     }
     footer {
         margin-top: 0;
     }
     a:hover, .ui-tabs-nav li a:hover {
        color: #3e454c;
     }
     .grid11 .row .nine,
     .row .nine {
         float: none;
     }
     .row {
         width: 100%;
         max-width: 100%;
         min-width: inherit;
         padding: 0 15px;
     }
     .hero {
         margin-bottom: 4%;
     }
     .column,
     .columns {
         padding: 0;
     }
     #home .corevalue {
         min-width: inherit;
         background: none;
     }
     #home .corevalue img {
         width: 60%;
     }
     #headband {
         min-width: inherit;
     }
     #headband .container {
         min-width: inherit;
         max-width: 100%;
     }
     #about .support .item li {
         width: 49%;
     }
     #about .support .carousel {
         height: 291px !important;
     }
     #about .short {
         height: auto;
         padding: 0;
     }
     #about .tall {
         padding: 0;
         height: auto;
     }
     #spacetabs {
         min-height: inherit;
         height: auto;
         padding: 0;
         margin-bottom: 15px;
     }
     #spacetabs .ui-tabs-nav {
         left: inherit;
         margin-left: 0;
     }
     #concept #spacetabs .ui-tabs-nav li {
         width: 100%;
     }
     #concept #spacetabs .ui-tabs-nav li a {
         width: 100%;
         background-image: none;
         background-color: #ecedee;
         border-bottom: 1px solid #d3d5d7;
     }
     #concept #spacetabs .ui-tabs-nav li:first-child, #concept #spacetabs .ui-tabs-nav li:first-child a {
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
     }
     #concept #spacetabs .ui-tabs-nav li.ui-state-active a {
        background-color: #6a737b;
     }
     #spacetabs .item li {
         width: 48%;
     }
     #spacetabs .carousel {
         height: 200px;
     }
     #concept .module > a {
         height: auto;
     }
     #concept .module .image {
         margin: 0;
     }
     #concept .module .image img {
         width: 100%;
     }
     #concept .pagetitle .buttons {
        position: relative;
        top: inherit;
     }
     #concept .store .info {
        width: 100%;
        float: none;
        height: auto;
     }
     #concept .store .carousel {
        width: 100%;
        float: none;
        height: 219px;
    }
    #concept .store .carousel img {
        border-radius: 0;
        max-width: 100%;
    }
    #concept .message .block {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    #concept .message .quoteblock {
        width: 100%;
    }
    #concept .message .block:first-child p {
        margin-bottom: 0;
    }
    #concept .services li {
        width: 100%;
        margin: 0 0 20px 0;
    }
    #concept .services {
        margin-bottom: 15px;
    }
    #concept .message {
        margin-bottom: 15px;
    }
    #concept .shadowbox.store {
        margin-bottom: 15px;
    }
    #concept .locations li {
        width: 100%;
        padding-right: 0;
    }
    #concept .quote .bubble p {
        width: 100%;
        background-size: 248px;
        font-size: 16px;
     }
     #concept .quote .bubble .bottom {
        background-size: 248px;
     }
     #concept .message .quote .bubble {
        width: 100%;
     }
     #concept .videolink img {
        width: 100%;
     }
     body>header,
     footer {
         min-width: inherit;
     }
     footer .row .four {
         text-align: center;
     }
     .subhead .breadcrumbs,
     .subhead .help {
         width: auto;
     }
     .breadcrumbs ul,
     .help ul,
     .help li,
     .help li:first-child {
         padding: 0;
     }
     .productgrid .group h3,
     .productgrid .group p {
         width: auto;
     }
     #product .info .options .quantity {
         left: 0;
         top: 0;
     }
     .modal {
         top: 0;
         left: 0;
         border-radius: 0;
     }
     #quickview {
         width: 100%;
         height: 100vh;
         margin: 0;
         padding: 15px;
     }
     #quickview .options .size {
        top: 45px;
        left: 0;
     }
     #quickview .options .quantity {
        left: 140px;
        top: 45px;
     }
     #quickview .add .wishlist, #quickview .add .store {
        top: 13px;
     }
     #quickview .add .wishlist {
        left: 43%;
     }
     #quickview .add .store {
        left: 77%;
     }
     #quickview .options {
        padding: 0 0 85px 0;
     }
     #quickview .right {
         width: auto;
     }
     #quickview h2 {
        font-size: 25px;
        line-height: 28px;
     }
     #quickview h3 {
        font-size: 14px;
     }
     #yourskin.article #quickview p {
        font-size: 12px;
        line-height: 18px;
    }
    #quickview .add a {
        font-size: 12px;
    }
     #quickview .inside .left img {
         width: 100px;
         display: block;
     }
     #quickview .full {
        right: inherit;
        left: 15px;
        bottom: 15px;
     }
     .shippingaddress .errormsg,
     #professionals .form .shippingaddress .required,
     #professionals .form .buttons p,
     #professionals .form .privacy p {
         width: 100%;
     }
     #professionals .form .shippingaddress .helpnote {
         width: auto;
     }
     /* END responsive layout */
     /* BEGIN generic modal */
     
     #genericmodal {
         width: 100% !important;
         height: auto !important;
         ;
         margin: 0 !important;
         ;
         padding: 4% !important;
         ;
     }
     #genericmodal .modal-info {
         float: none;
         width: 100%;
         margin-top: 0;
     }
     #genericmodal .modal-info>img {
         width: 100%;
     }
     #genericmodal p.details {
         width: 100%;
         margin: 0;
     }
     #genericmodal .inside {
         text-align: center;
     }
     #genericmodal .inside>img {
         max-width: 140px;
         margin: 0 auto;
         float: none !important;
     }
     /* END generic modal */
     /* BEGIN header */
     
     header {
         min-width: 100%;
         padding: 12px 0 0 0;
     }
     .subhead .help {
         display: none;
     }
     header .searchform {
         display: none;
     }
     header .searchform-mobile {
         position: relative;
         top: inherit;
         right: inherit;
         margin-bottom: 12px;
         margin-right: auto;
         margin-left: auto;
         display: block;
         width: 100%;
     }
     header .searchform-mobile.searchform input[type=text] {
         background: #f0f0f1; /* Old browsers */
         background: -moz-linear-gradient(top,  #f0f0f1 0%, #ffffff 100%); /* FF3.6-15 */
         background: -webkit-linear-gradient(top,  #f0f0f1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom,  #f0f0f1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

         width: 100%;
         border-radius: 25px;
         padding: 6px 29px 6px 17px;
         margin: 0;
     }
     header .searchform-mobile.searchform form {
         background: none;
     }
     /* navigation */
     
     body>header {
         position: relative;
     }
     header li,
     header .top li {
         text-align: center;
         display: block;
         width: 100%;
         margin-left: 0;
     }
     header .top {
         height: auto;
     }
     #mainnav > li > a,
     header li,
     header .top li {
         padding: .6em 0;
         text-align: center;
     }
     header .logo a { /* update background image path to dermalogica server */
         margin: 0 auto;
         width: 205px;
         background: url(../images/logo-mobile.png) 5px 4px no-repeat;
         background-size: 201px;
     }
     #checkout>header {
         min-width: inherit;
     }
     header .top .row .fourteen {
         float: none;
         background: #fff;
         top: 0;
         display: none;
     }
     header .bottom {
         border: none;
         max-height: 0;
         position: absolute;
         width: 100%;
         top: 53px;
         background: #fff;
         z-index: 9;
         overflow: hidden;
         
         -webkit-transition: background 0.35s linear,max-height 0.35s ease-in;
   		 transition: background 0.35s linear,max-height 0.35s ease-in;         
     }
     header .bottom.m-menu-active {
         max-height: 615px;
         height: auto;
         overflow: auto;
     }
     header .bottom {
         border-top: none;
     }
     .dermaburger { /* update background image path to dermalogica server */
         position: absolute;
         left: 17px;
         top: 16px;
         width: 30px;
         height: 24px;
         background-image: url(../images/icon-mobile-menu.png);
         background-repeat: no-repeat;
         background-size: 30px 24px;
         z-index: 999;
         transition: background 0.3s ease;
     }
     .dermaburger-active { /* update background image path to dermalogica server */
         background: url(../images/icon-x.png) 3px 1px no-repeat;
         background-size: 22px 22px;
     }
     header>#utilitynav {
         display: block;
     }
     #top #utilitynav {
         display: none;
     }
     #utilitynav {
         margin-top: 20px;
     }
     #mainnav .flyout .promos a {
         display: none;
     }
     #mainnav > li:hover {
         background-image: none;
     }
     .flyout-active { /* update background image path to dermalogica server */
         background: url(../images/arrow-mobile-menu.png) no-repeat 18px 46px !important;
         background-size: 20px 10px;
     }
     #mainnav > li.flyout-active:hover,
     #mainnav > li.flyout-active {
         background: none;
     }
     #mainnav > li:hover > a {
         color: #697179;
     }
     .flyout-close {
         display: inline-block;
         position: absolute;
         top: 12px;
         right: 0;
         border: 1px solid #ccc;
         width: 25px;
         height: 25px;
         line-height: 20px;
         text-align: center;
         font-size: 20px;
         border-radius: 50%;
         color: #9AA1A9;
         transition: all 0.35s ease-out;         
     }
     #mainnav .flyout .list {
         width: 100%;
     }
     #utilitynav li:nth-child(3),
     #utilitynav li:nth-child(4),
     #utilitynav li:nth-child(5) {
         display: none;
     }
     #derma-header>#utilitynav {
         position: absolute;
         top: 0;
         right: 0;
         margin-top: 0;
         z-index: 9899;
     }
     #derma-header>#utilitynav .cart > a { 
         background: url(http://demandware.edgesuite.net/aajw_prd/on/demandware.static/Sites-Dermalogica-Site/-/default/v1463089777337/images/mobile/header/bag.png) no-repeat 0 0;
         padding: 11px 0 0 0;
         display: inline-block;
         width: 32px;
         height: 32px;
         background-size: 32px;
         line-height: 20px;
         font-size: 16px;
     }
     #derma-header>#utilitynav a {
         color: #fff;
     }
     #derma-header>#utilitynav .cart .count {
         margin-left: 0;
     }
     .btn-mobile-signin a.user-login {
         margin-bottom: 60px;
         margin-left: 6px;
         border: none;
         display: block;
         width: 100%;
         text-align: left;
         padding: 0;
         color: #697179;
         font-size: 16px;
         font-weight: normal;
         -webkit-border-radius: 0;
         border-radius: 0;
         text-transform: lowercase;
         cursor: pointer;
         background: none;
     }
     #mainnav li:first-child,
     #mainnav li:first-child a {
         -webkit-border-top-right-radius: 0;
         border-top-right-radius: 0;
         -webkit-border-top-left-radius: 0;
         border-top-left-radius: 0;
     }
     #mainnav li:last-child,
     #mainnav li:last-child a {
         -webkit-border-bottom-right-radius: 0;
         border-bottom-right-radius: 0;
         -webkit-border-bottom-left-radius: 0;
         border-bottom-left-radius: 0;
     }
      #mainnav li:last-child {
        display: block;
     }
     ul#mainnav {
         -webkit-border-radius: .6em;
         border-radius: 0;
         border: none;
         margin-left: 0;
         margin-right: 0;
         margin-bottom: 17px;
         margin-top: 4px;
         
         -webkit-transition: visibility 0s linear 1s;
         transition: visibility 0s linear 1s;
         visibility: hidden;         
     }
     .m-menu-active ul#mainnav {
     	visibility: visible;
     	-webkit-transition-delay: 0s;
    	transition-delay: 0s;
     }
     ul#mainnav li {
         float: none;
         font-size: 16px;
         display: block;
         padding: 15px 0 8px 0;
         text-align: left;
         position: relative;
         color: #3E454C;
         font-weight: normal;
         text-transform: lowercase;
         font-family: 'HelveticaNeueW01-55Roma', Helvetica, sans-serif !important;
         margin: 0;
         border-top: none;
         
         opacity: 0;
         pointer-events: none;
         -webkit-transform: scale(1.1) translateY(-24px);
         -ms-transform: scale(1.1) translateY(-24px);
         transform: scale(1.1) translateY(-24px);
         -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.25s ease-out;
         transition: opacity 0.35s ease-out, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
     }
     .m-menu-active ul#mainnav li {
     	opacity: 1;
	    pointer-events: auto;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
     }     
     ul#mainnav li {
         background-image: none;
         text-shadow: 0 1px 0 #fff;
     }
     ul#mainnav li:nth-child(2) {
	    -webkit-transition-delay: 200ms,200ms;
	    transition-delay: 200ms,200ms;
	}
     ul#mainnav li:nth-child(3) {
	    -webkit-transition-delay: 230ms,230ms;
	    transition-delay: 230ms,230ms;
	}
     ul#mainnav li:nth-child(4) {
	    -webkit-transition-delay: 260ms,260ms;
	    transition-delay: 260ms,260ms;
	}
     ul#mainnav li:nth-child(5) {
	    -webkit-transition-delay: 290ms,290ms;
	    transition-delay: 290ms,290ms;
	}
     ul#mainnav li:nth-child(6) {
	    -webkit-transition-delay: 320ms,320ms;
	    transition-delay: 320ms,320ms;
	}
     ul#mainnav li:nth-child(7) {
	    -webkit-transition-delay: 350ms,350ms;
	    transition-delay: 350ms,350ms;
	}
     ul#mainnav li:nth-child(8) {
	    -webkit-transition-delay: 380ms,380ms;
	    transition-delay: 380ms,380ms;
	}
     ul#mainnav li:nth-child(9) {
	    -webkit-transition-delay: 410ms,410ms;
	    transition-delay: 410ms,410ms;
	}
     ul#mainnav li:nth-child(10) {
	    -webkit-transition-delay: 440ms,440ms;
	    transition-delay: 440ms,440ms;
	}
     ul#mainnav li:nth-child(n+10) {
	    -webkit-transition-delay: 480ms,480ms;
	    transition-delay: 480ms,480ms;
	}     
     #mainnav > li > a {
         display: inline;
         margin-left: 20px;
         -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    	transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);         
     }
     #mainnav .flyout-active .flyout {
     	opacity: 1;
     	visibility: visible;
     	overflow: auto;
     	height: auto;
         
       -webkit-transition: all 0.35s ease;
	 	transition: all 0.35s ease;
         
     }
     #mainnav .flyout {
     	display: block;
     	opacity: 0;
     	visibility: hidden;
     	height: 0;
     	overflow: hidden;     
         position: relative;
         top: 5px;
         border: 0;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         -o-box-shadow: none;
         background: none;
         padding: 0;
         
         -webkit-transition: all 0.35s ease;
   		 transition: all 0.35s ease;
     }
     #mainnav .flyout .list {
	    border-top: 1px solid #e1e1e1;
	    border-bottom: 1px solid #e1e1e1;
	    margin: 15px 0 0;
	    padding: 18px 0 30px 0;
     	background: #fbfbfb;
     }
     #mainnav .flyout .list,
     #mainnav .flyout .promos {
         float: none;
     }
     #mainnav .flyout h3 {
         text-align: left;
         padding-left: 20px;
         margin-top: 15px;
     }
     #derma-header .bottom .row {
         padding: 0;
     }
     #derma-header #mainnav .flyout li a {
         padding: 0 !important;
     }
     #mainnav .flyout .list li,
     #mainnav .flyout .promos li,
     #mainnav .flyout .inside li {
         background-image: none;
         border-bottom: none;
         padding-left: 45px;
     }
     #mainnav li:first-child .flyout .list li:first-child {
        /*display: none;*/
     }
     #mainnav .flyout .list li:first-child,
     #mainnav .flyout .promos .list li:first-child,
     #mainnav .flyout .inside li:first-child {
         border-top: none;
     }
     #mainnav .flyout .inside li:last-child {
         border-bottom: none;
     }
     #mainnav .flyout li {
         margin: 0 !important;
     }
     .searchform-mobile {
         display: block;
     }
     .btn-mobile-signin {
         display: block;
         padding: 0 15px;
         opacity: 0;
         -webkit-transform: scale(1.1) translateY(-24px);
         -ms-transform: scale(1.1) translateY(-24px);
         transform: scale(1.1) translateY(-24px);
         -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.25s ease-out;
         transition: opacity 0.35s ease-out, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
         -webkit-transition-delay: 480ms,480ms;
         transition-delay: 480ms,480ms;
     }
     .m-menu-active .btn-mobile-signin {
     	    opacity: 1;
	    pointer-events: auto;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
     }
     /* search */
     #searchresults .two.columns.side>p, #searchresults .two.columns.side>nav {
        display: none;
     }
     #searchresults .productgrid .options .label {
        float: left;
        margin: 8px 10px 0 0;
     }
     #searchresults .productgrid .options .dropdown.sort {
        width: 170px;
        margin-top: 10px;
     }
     #searchresults .productgrid h3.results {
        text-align: center;
        margin: 15px 0 0 0;
     }
     /* END header */
     /* BEGIN products */
     
     .productgrid #producttabs .slick-list {
        min-height: inherit;
     }
     .productgrid #producttabs .ui-tabs-nav {
         left: inherit;
         margin-left: 0;
         width: 100%;
         text-align: center;
         padding-left: 15px;
     }
     .ui-tabs-nav {
         width: 100%;
     }
     .ui-tabs-nav li {
         width: 32%;
     }
     .ui-tabs-nav li {
        display: inline-block;
     }
     .ui-tabs-nav li a {
         width: 100%;
     }
     #producttabs {
         min-height: inherit;
     }
     #home .twenty.columns #producttabs,
     #home #producttabs {
         max-height: 400px;
     }
     #home #producttabs,
     #product #producttabs {
         min-height: 400px;
     }
     #product .promorow {
         margin: 0;
     }
     #product .promorow li {
         margin: 0 0 4% 0;
         width: 100%;
     }
     #product .promorow li:first-child {
         margin-bottom: 4%;
     }
     .promorow li {
         width: 100%;
         margin: 0;
         float: none;
     }
     #productdetailtabs .ui-tabs-nav li {
         width: 25%;
     }
     #productdetailtabs .ui-tabs-nav li:last-child,
     #productdetailtabs .ui-tabs-nav li:nth-child(2) {
         display: none;
     }
     .systempromo {
         clear: both;
     }
     .systempromo img {
         float: right;
     }
     .productgrid .group h3,
     .productgrid .group p {
         width: 75%;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }
     nav#productsnav {
         display: none;
     }
     #product #producttabs-1 .carousel {
         height: 350px !important;
     }
     .productgrid .options span.compare {
         display: none;
     }
     .system-banner img {
         float: none;
         margin: 0 auto;
     }
     #searchresults .sb-copy-wrapper {
         width: 100%;
         float: none;
         margin: 0;
         padding: 4%;
     }
     #product .info .buy-stack .options .size {
         width: 49%;
         float: left;
     }
     #product .info .buy-stack .options .quantity {
         width: 49%;
         float: right;
         margin-left: 2%;
     }
     /* product detail page */
     
     #product .info .buy-stack {
         position: inherit;
         width: 100%;
     }
     #product .info .buy-stack-container {
         height: auto;
         overflow: visible;
         position: static;
         right: inherit;
         z-index: 201;
         top: 0;
     }
     .productgrid .group .quickbutton {
         visibility: hidden;
     }
     #product .info .buy-stack-description {
         width: 100%;
     }
     
     #product .info .buy-block-ps .options .product-pricing {
         margin-bottom: 18px;
     }

     #product .info .buy-block-ps .options .quantity {
         position: relative;
     }

     #product .info .buy-block-ps .add .wishlist, #product .info .buy-block-ps .add .store {
         display: none;
     }
     
     #product .info .buy-block-ps .add .addalltocart{
        width:100%;
     }
    
     #product .set #product-set-list .buttons .addtocart{
        margin: 0px -2px 8px;
     }
     
     #product .product-set-list #BVInlineRatings {
        width:auto;
     }
     
     #product .recommend,
     .pdp-row {
         width: 100%;
         min-height: auto;
         margin-bottom: 20px;
         margin-top: 6.5em;
     }
     #product .recommend {
     	margin-top: 0;
     }
     .pdp-row-olapic {
     	margin-top: 0;
     }
     #product .left .share {
         margin-bottom: 4%;
     }
     #product .info .reviews {
         margin: 0;
     }
     #productdetailtabs .ui-tabs-nav li {
         width: 25%;
     }
     #productdetailtabs .ui-tabs-nav li a {
         line-height: 16px;
     }
     #productdetailtabs {
         width: 100%;
         margin-top: 10px;
         padding-top: 10px;
     }
     #product .recommend .productgrid .group li {
         width: 50%;
         margin: 0 0 20px 0;
     }
     .productgrid .group li {
         width: 100%;
         margin: 0 0 40px 0;
     }
     #product .details .splitleft {
         width: 100%;
         position: relative;
         float: none;
         clear: none;
         margin: 12px 0 0 0;
     }
     #productdetailtabs .systempromo {
         height: 290px;
         display: none;
     }
     #product .details .nosplit {
         float: none;
     }
     #product .info .add .addtocart {
        height: 45px;
        font-size: 16px;
     }
     #product .details .full {
        background: url(../images/global/arrow_blue.png) no-repeat 0 16px;
        padding-top: 10px;
        display: block;
     }
     
     #product .pr-review-engine-max-width-560px .pr-snapshot-consensus-value {
     	vertical-align: top;
     	padding: 0;
     }
     #product .pr-review-engine-max-width-560px .pr-snapshot-consensus-text {
     	line-height: 1.4 !important;
     	padding-left: 4px !important;
     }

     #product .pr-review-engine .pr-snapshot-footer {
     	float: none;
     	margin-top: 20px !important;
     }
     
     #product .pr-review-engine .pr-review-count {
     	margin: 0 0 10px 0 !important;
     }
     
     #product .pr-review-sort-wrapper {
     	padding-bottom: 20px;
     }
     
     /* top sellers */

     .hero .system-banner img {
        max-width: 50%;
        float: none;
        margin-top: 15px;
    }
    .hero h2.sb-title {
        margin-top: 5px;
        font-size: 25px;
    }
    .hero p.sb-copy {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .productgrid .options span.label:first-child {
        display: none;
    }
    .productgrid .options .filter.dropdown {
        display: none;
    }
    .pdp-row {
        min-height: inherit;
    }
    .BVRRWidget, .BVRRDisplayContentHeaderContent {
        padding-top: 0 !important;
    }
    .BVRRDisplayContentSort {
        padding: 0 0 20px 0 !important;
    }
     /* END products */
     /* BEGIN cart */
     
     .carttable table {
        font-size: 12px;
     }
     .carttable td.price, .carttable th.price {
        padding-right: 0;
        text-align: left;
     }
     .carttable td.description, .carttable td.price, .carttable td.quantity, .carttable td.total {
        width: auto;
    }
    .carttable .mid .promocode input[type="text"], .carttable .mid .promocode input[type="email"] {
        margin-right: 0;
    }
     #cart .messages li.shipping {
        padding-left: 61px;
        background: url(../images/cart/message_shipping.png) no-repeat 18px center;
     }
     #cart .messages li {
        border: none;
     }
     .carttable .mid .promocode {
         float: none;
         width: 100%;
         text-align: right;
     }
     .carttable .mid form.promo-form {
         position: inherit;
     }
     .carttable .mid .subtotal {
         float: none;
     }
     .carttable .bottom {
         float: none;
     }
     #cart .extra .contacts,
     #cart .extra .shipping,
     #cart .extra .samples {
         float: none;
         width: 100%;
         padding: 4px 0 0 65px;
         border: none;
         margin-bottom: 4%;
         background-position: 0 0;
     }
     #cart .extra {
         margin-bottom: 4%;
         float: none;
     }
     #cart .carttable .verisign {
     	float: none;
     	padding-bottom: 15px;
     }
     .bonus-product-select .samples-continue-checkout {margin: 15px 0;}
     #checkout .samplemessage .samples-continue-checkout{margin: 10px 0;}     
     .samplemessage .twelve.columns {
         line-height: 18px;
         float: none;
     }
     #checkout .samplemessage .count {
         text-align: left;
         margin: 15px 0;
     }
     #checkout .samplemessage .errormsg {
         text-align: left;
         margin: 0 0 15px 0;
     }
   #checkout .samplemessage .floating-block {
     	min-height: 48px;
     	position: relative;
     }
     #checkout .samplemessage .floating-block-inner {
     	overflow: hidden;
     	border-bottom: 1px solid #d6dadd;
     	margin-bottom: -1px;
     }
     #checkout .samplemessage .floating-block-inner.fixed-block {
     	position: fixed;
     	top: 0;
     	left: 0;
     	right: 0;
     	z-index: 999;
     	background: #fff;
     	padding: 0 15px;
     }
     #checkout .samples .productgrid .group li {
         width: 50%;
         height: auto;
         min-height: inherit;
         font-size: 14px;
         display: inline-block;
         vertical-align: top;
         padding: 5px 2px;
     }
     #checkout .samples .productgrid .group li:hover {
     	border: none;
     	box-shadow: none;
     }
     #checkout .samples {
         padding: 0;
     }
     #checkout .samples .productgrid .group {
         margin: 0;
      	 float: none;
         font-size: 0;
         display: inline;
     }
     #checkout .samplebottom .submitoptions {
         padding: 0;
     }
     #checkout .samplebottom {
         padding: 4%;
     }
     #checkout .shipping .leftcol {
         float: none;
         width: 100%;
         margin-right: 0;
     }
     #checkout .shipping .rightcol {
         float: none;
         width: 100%;
     }
     #checkout .steps ol {
         float: none;
         width: 100%;
     }
     #checkout #verifyaddress {
        height: 100vh;
        margin: 0;
        padding: 15px;
        width: auto;
     }

     #checkout #verifyaddress .addr_holder div {
        width:100%;
        margin-bottom: 20px;
        border: none;
     }
     
     #checkout #verifyaddress .addr_holder .addr_entered {
        border-bottom: 1px solid #d6dadd;
     }
     
     .shippingaddress h3 {
         margin: 0;
     }
     .shippingaddress .check,
     .shippingaddress .required2 {
         float: none;
     }
     .shipping-box .input-box {
         width: 75%;
     }
     .shippingaddress .check {
         padding: 0;
     }
     .shippingaddress .check label {
         width: 80%;
     }
     #cart .checkout {
         padding: 4%;
         display: none;
     }
     #cart .checkout.user-logged {
     	display: block;
     }
     #cart .shadowbox.checkout {
         margin-bottom: 4%;
     }
     #checkout .checkoutsummary .cart {
         padding: 0;
         margin: 0;
     }
     #checkout .checkoutsummary .shadowbox {
         border: none;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         -o-box-shadow: none;
     }
     #checkout .checkoutsummary .group {
     	display: none;
     }
     #checkout div.check-balance-box {
         position: relative;
         top: inherit;
         right: inherit;
         padding: 0;
     }
     #checkout .thankyou .intro {
         margin: 0;
     }
     #checkout .thankyou .intro .button {
         margin: 0;
         padding: 0;
         top: inherit;
         right: inherit;
         position: relative;
     }
     #checkout .thankyou .intro .details {
         margin-bottom: 4%;
     }
     #account .paymentinstruments ul{
     	width: 100% !important;
     }
	ul.address-list li,
	ul.payment-list li{
		float:none !important;
		width: 45% !important;
	}
     #account .payment li,
     #checkout .thankyou .payment li {
         margin: 0;
         width: 100%;
         display: block;
     }
     .shippingaddress.shadowbox,
     #account .helpbox.shadowbox,
     .history .shadowbox,
     .wishlist .shadowbox,
     .searchwishlist .shadowbox {
         border: none;
         border-radius: 0;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         -o-box-shadow: none;
     }
     #account .payment,
     #checkout .thankyou .payment {
         margin: 0;
     }
     #account .history .shipment,
     #checkout .thankyou .shipment {
         float: none;
         width: 100%;
         margin: 0;
     }
     #account .history .shipment table,
     #checkout .thankyou .shipment table {
         width: 100%;
         margin: 0;
         float: none;
         clear: left;
         border-bottom: 1px solid #d6dadd;
     }
     
     #account.grid20 .signinblock{
        position: relative;
        top: 340px;
        margin-bottom: 70px;
     }
     #account.grid20 .newcustomerblock{
        position: relative;
        bottom: 440px;
     }
     #account.grid20 .newcustomerblock .createcustomerblock{
        position: relative;
        top:156px;
     }
     #account.grid20 .newcustomerblock .guestcheckoutblock{
        position: relative;
        bottom:160px;
     }

     #checkout div.account {
         padding-top: 4%;
         float: none;
         margin: 0;
         width: 100%;
     }
     #account .history .shipment h3,
     #checkout .thankyou .shipment h3 {
         margin: 0 0 4% 0;
     }
     #cart .messages li {
         padding: 0;
         width: auto;
     }
     .carttable .mid .promocode p {
         display: inline;
         width: 25%;
     }
     .carttable .mid .promocode .coupon-box {
         display: inline-block;
         float: none;
         width: 75%;
     }
     .carttable .mid .promocode .smallbutton2 {
        top: -3px;
     }
     .carttable .mid .promocode input[type="text"], .carttable .mid .promocode input[type="email"] {
        width: 145px;
     }
     .carttable td.quantity input[type="text"] {
        width: 27px;
     }
     .promogift {
         display: none;
     }
     #checkout .thankyou .intro .details span {
         padding: 0;
     }
     /* END cart */
     /* BEGIN account */
     .acctLoggedIn .two.side.columns>div {
        display: none;
     }
     .acctLoggedIn nav {
         margin: 0;
     }
     #account .content {
         margin-top: 10%;
     }
     #editaddress,
     #editpayment {
         width: 100%;
         height: auto;
         margin: 0;
         padding: 4%;
     }
     #editaddress .required2 {
         width: 100%;
         text-align: left;
     }
     #editaddress .labelcol,
     #editpayment .labelcol {
         width: 30%;
     }
     #editaddress .fieldcol,
     .paymentinstrument .fieldcol {
         width: 70%;
     }
     #account .addresses ul {
         width: auto;
     }
     #account .content.paymentinstruments {
         margin-top: 0;
         margin-bottom: 4%;
     }
     .pt_address nav,
     .pt_account nav {
         margin: 0;
     }
     #account #createaccount .required-note,
     #account .modal .required-note {
         text-align: left;
         width: 100%;
     }
     #account .history .orders {
         margin: 0;
         width: 100%;
     }
     #account .history .orders .bottom .items {
         float: none;
         width: 100%;
         margin: 0;
     }
     #account .history .orders .top,
     #account .history .orders .bottom {
         width: 100%;
         padding: 0;
     }
     #account .history .orders .orderbasics {
         float: none;
         width: 100%;
     }
     #account .history .orders .top .button-right {
         float: left;
     }
     #account .history .orders .shadowbox .top {
         padding-bottom: 4%;
     }
     #account .history .orders .bottom .shipped {
         float: none;
         width: 100%;
         margin: 0;
     }
     #account .history .orders .bottom h3 {
         margin-top: 4%;
         margin-bottom: 0;
     }
     #account .history .orders .bottom .total {
         width: 100%;
         float: none;
     }
     #account .wishlist .top {
         margin: 0;
         padding: 0;
         float: none;
         clear: both;
         width: 100%;
     }
     #account .wishlist .top .select {
         float: none;
         margin: 0;
         width: 100%;
     }
     #emailwishlist textarea.large {
         width: 100%;
         height: 110px;
     }
     #emailwishlist {
         width: 100%;
         height: auto;
         margin: 0;
         padding: 4%;
     }
     #account .wishlist .top .share {
         float: none;
         width: 100%;
         margin: 4% 0;
     }
     .wishlist .right {
         float: none;
     }
     #account .wishlist .top .view {
         float: none;
         width: 100%;
         clear: both;
         margin: 0 0 4% 0;
         padding-top: 4%;
     }
     #account .wishlist .empty p {
         margin: 4% 0;
     }
     #account .searchwishlist .top {
         margin: 0 0 4% 0;
         padding: 0;
         float: none;
         clear: both;
         width: 100%;
     }
     #account .helpbox {
         padding: 0;
     }
     #account .searchwishlist input[type="text"],
     #account .searchwishlist input[type="email"] {
         width: 45%;
     }
     #account .searchwishlist .or {
         float: none;
         width: 100%;
         clear: both;
         padding: 4% 0;
         margin-bottom: 0;
     }
     /* END account */
     /* BEGIN promos */
     
     .promos li,
     .promos .promo {
         width: 100%;
         margin: 0;
     }
     .promos li:first-child,
     .promos .first {
         margin: 0;
     }
     .promos li:first-child {
         margin-left: 0;
     }
     .promos li {
         margin: 0;
         width: 100%;
         float: none;
     }
     .promos img {
         margin: 0;
         height: auto;
         display: block;
         max-width: 100%;
     }
    .promos>div {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
     }
     .shop-online .hpb-img {
        width: 100%;
     }
     /* END promos */
     /* BEGIN ratings */
     
     #BVInlineRatings {
         width: 50%;
         margin: 0 auto;
     }
     /* END ratings */
     /* BEGIN homepage */
     
     .olapic {
     	padding: 0;
     }
     .olapic .olapic-slider .olapic-slider-body {
     	padding: 0;
     }     
     .olapic-slider .olapic-grid {
        margin-bottom: 15px;
     }
     .carousel .feature-right .wrap {
        top: 56px;
        padding-right: .1em;
     }
     .carousel .feature h2 {
        margin: 0;
        font-size: .6em;
     }
     .carousel .feature p {
        font-size: .35em;
     }
     .promos .hp-bucket h4 {
        margin: 0;
     }
     .hp-bucket {
        padding: 10px;
        margin-bottom: 15px;
     }
     .hpb-copy {
        padding: 0 5px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .hp-bucket h4 {
        margin: 0;
    }
    .hp-bucket p {
        margin-bottom: 0;
    }
    .hpb-img img {
        width: 40%;
    }
    .promo .shop-online .hpb-img, .promo .speed-map .hpb-img {
        position: relative;
    }
     iframe#__DW__SFToolkit {
         display: none;
     }
     #home .productgrid {
         margin: 0 0 15px 0;
     }
     /* mobile homepage slider */
     #home .carousel {
        height: 370px !important;
     }
     #home .carousel .container {
        height: 370px !important;
     }
     #home>div>.row {
        padding: 0;
     }
     #home .bg-image {
        height: 205px !important;
        overflow: hidden;
     }
     #home .carousel .feature-2 img, .carousel .feature-1 img {
        min-height: 300px;
        min-width: 727px;
        margin-left: -50px;
        margin-top: -50px;
     }
     #home .feature-right {
        float: none;
        width: 100%;
        position: absolute;
        top: 280px;
        color: #3e454c;
        text-align: center;
     }
     #home .carousel .feature-right .wrap {
        width: 100%;
        padding: 0 15px;
        top: 0;
     }
     #home .carousel .feature h2 {
        font-size: 28px;
     }
     #home .carousel .feature p {
        font-size: 13px;
        line-height: 20px;
        margin-top: .3em;
     }
     #home .carousel .feature a.cta {
        color: #3e454c;
     }
     #home .carousel .feature a.cta::before { /* update background image path to dermalogica server */
        color: #3e454c;
        margin-right: 6px;
        content: none;
     }
     #home .carousel .feature a.cta {
        background: url(../images/icon-arrow.png) 5px 2px no-repeat;
        padding-left: 20px;
        background-size: 10px 23px;
     }
     #home .carousel .feature h2, .carousel .feature p {
        color: inherit;
     }
     #home .carousel .right, #home .carousel .left {
        top: 107px;
     }
     #home .hpb-img {
        margin-bottom: -10px;
     }
     #home .store-locator {
        padding-bottom: 145px;
     }
     /* product carousel container */
     .product-carousel-container a h3, .product-carousel-container a p {
        color: #3e454c;
     }
     #home .product-carousel-container {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        max-height: 35em;
     }
     #home .productgrid #producttabs .ui-tabs-nav {
        padding-left: 0;
        width: 91.3%;
        margin: 0 auto;
        float: none;
        height: 43px;
        border-radius: 6px;
     }
     #home .product-carousel-container .ui-tabs-nav li {
        width: 33.3%;
        height: 48px; 
     }
     #home .product-carousel-container .ui-tabs-nav li a {
        width: 100%;
        border: 1px solid #d3d5d7;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaebec+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #eaebec 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#eaebec 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #ffffff 0%,#eaebec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaebec',GradientType=0 ); /* IE6-9 */
     }
     #home .product-carousel-container .ui-tabs .ui-tabs-nav li.ui-state-active {       
        background-image: url(../images/home/arrow-tab.png);
        background-position: 50% 40px;
        background-repeat: no-repeat;
        background-size: 8px 5px;
     }
      #home .product-carousel-container .ui-tabs .ui-tabs-nav li.ui-state-active a {
        background: #6a737b;
        border: 1px solid #6a737b;
     }
     #home .product-carousel-container .ui-tabs-nav .ui-tabs-selected:nth-child(3) a {
        background-position: -256px -42px !important;
     }
     .product-carousel-container .ui-tabs-nav li:nth-child(3) a {
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;        
     }
     .product-carousel-container .ui-tabs-nav li:nth-child(2) a {
        border-right: 1px solid #d3d5d7;
        border-left: 1px solid #d3d5d7;
     }
     #home .product-carousel-container .ui-tabs-nav li:first-child a {
        -webkit-border-top-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
     }
     .productgrid .group a:hover h3 {
        color: #3e454c;
     }
     /* END homepage */
     /* BEGIN your skin */
     
     #yourskin .lead,
     #yourskin .lead .carousel,
     #yourskin .lead .carousel .item,
     #yourskin .lead .carousel .item {
         height: 150px !important;
     }
     #yourskin .grid li:nth-child(2n+2) {
        margin-left: 2% !important;
     }
     #yourskin .grid li.two {
        margin-left: inherit;
     }
     #yourskin .grid li {
         width: 49%;
         margin-bottom: 7%;
         height: 205px;
         overflow: hidden;
         box-shadow: none;
     }
     #yourskin .grid li > a {
         padding: 10px;
         border: 1px solid #d6dadd;
     }
     #yourskin .grid li > a:hover {
        border: 1px solid #d6dadd;
     }
     #yourskin .grid li .info {
         float: none;
         width: 100%;
     }
     #yourskin .grid li:last-child {
         margin-left: 0;
     }
     #yourskin .grid li.three {
         float: left;
     }
     #yourskin .grid li .image {
         margin-right: 0;
         width: 100%;
         margin-bottom: 10px;
     }
     #yourskin .grid li .info h3 {
         font-size: 15px;
         line-height: 16px;
     }
     #cattabs .ui-tabs-nav li a,
     #librarytabs .ui-tabs-nav li a {
         width: auto;
     }
     #cattabs .ui-tabs-nav li a,
     #librarytabs .ui-tabs-nav li a,
     .ui-tabs-nav li a {
         background: none;
     }
     .ui-tabs-selected a,
     #cattabs .ui-tabs-selected a,
     #librarytabs .ui-tabs-selected a {
         color: #666666 !important;
     }
     #analysistabs .ui-tabs-selected a {
        color: #fff !important;
     }
     #skinanalysis.results .products .select {
        left: 37.5%;
        bottom: inherit;
     }
     #yourskin .tout {
         height: auto;
     }
     #yourskin .tout p,
     #yourskin .tout h3 {
         width: 50%;
     }
     #yourskin .grid li .info p {
         width: 100%;
        height: 36px;
        overflow: hidden;
        display: none;
     }
     .fifteen.columns {
         margin-bottom: 4%;
     }
     #yourskin.article p img {
         width: 100%;
         margin: 0;
     }
     .subhead.row {
         margin-top: 4%;
         line-height: 18px;
     }
     #yourskin .librarymore #librarytabs > ul {
         position: relative;
         left: auto;
         top: auto;
     }
     #yourskin .librarymore .carousel {
         height: 575px;
     }
     .productgrid .options {
         height: auto;
     }
     #yourskin .bar {
        height: auto;
     }
     #yourskin .bar .category, #yourskin .share .label {
        display: none;
     }
     #yourskin .bar {
        padding: 11px 0 9px 0;
     }
     #yourskin .bar .share {
        width: 100%;
     }
     #yourskin .bar .share span {
        margin-left: 0;
     }
     #yourskin .bar .share span.twitter, #yourskin .bar .share span.facebook, #yourskin .bar .share span.pinterest {
        display: inline-block;
        width: 33.3%;
        text-align: center;
     }
     #product .share #twShare iFrame, #yourskin .share .twitter iFrame {
        width: 61px !important;
     }
     #yourskin article>div {
        height: auto !important;
     }
     /* END your skin */
     /* BEGIN product use */
     
     .side .promos {
         margin: 0 0 4% 0;
         display: none;
     }
     .productgrid .options {
         padding: 0 15px;
     }
     .productgrid .options span {
         margin: 0;
         float: none;
     }
     .dropdown .dd-arrow {
         right: 13px;
     }
     .dropdown.filter,
     .dropdown.sort {
         width: 100%;
         height: 50px;
     }
     .productgrid .options .dropdown {
         float: left;
     }
     .productgrid .options .compare {
         width: 100%;
     }
    #learnmore.panel {
        padding: 0;
    }
     #learnmore.panel .left,
     #learnmore.panel .right {
        width: 100%;
        float: none;
        width: 100%%;
        margin: 0;
        padding: 15px;
     }
     /* BEGIN about */
     
     #about .lead .carousel {
         height: 180px !important;
     }
     #about .carousel .module {
         padding: 0;
     }
     #about .module {
         height: auto;
         margin-bottom: 4%;
     }
     #about .carousel {
         height: auto;
     }
     #about .stats {
         padding: 0;
     }
     /* our story */
     
     #about .stats2 li {
         border: none;
     }
     #about .story {
         margin-top: 30px;
     }
     #about .story .insert {
         margin-bottom: 0;
     }
     #about .story a img {
         margin-bottom: 30px;
     }
     #about .story h3 {
         margin: 0 0 25px 0 !important;
     }
     #about .row .row {
         padding: 0;
     }
     /* press */
     
     #about .press .lead .carousel {
         height: 215px !important;
         margin-bottom: 0;
     }
     #about .short {
         margin: 15px 0;
         padding: 15px 0;
         border: none;
         border-top: 1px solid #DADCDE;
     }
     #about .short.shadow {
         border-radius: 0;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         -o-box-shadow: none;
     }
     .shadow {
         border-radius: 0;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         -o-box-shadow: none;
     }
     #about .tall {
         border: none;
     }
     #about .press .tall .info h3,
     #about .press .short .info h3 {
         font-size: 22px;
     }
     #about .press .tall .info p,
     #about .press .short .info p {
         height: 84px;
         overflow: hidden;
     }
     /* store locator */
     
     #locator .content input[type="text"] {
         width: 100%;
     }
     #locator .form {
         height: auto;
     }
     #locator .tout.shadow {
         display: none;
     }
     #locator .spaces a,
     #locator .spaces {
         height: auto;
     }
     #locator .results {
        height: 225px;
        overflow: hidden;
     }
     #locator .map {
        height: 327px;
        margin-bottom:40px
     }
     #locator .results .list {
        height: 275px;
     }
     #locator .side {
        margin-bottom: 40px !important;
     }
     #service .grid11 .row .eight, #service .row .eight {
        width: 100%;
     }
     #service .worldwide .corporate {
        position: relative;
        top: inherit;
        right: inherit;
     }
     #service .content li {
        font-size: 11px;
        margin-bottom:8px;
     }
     #service .worldwide section li {
        width: 100%;
        margin-left: 0;
     }
     /* open an account */
     
     .sb-copy-wrapper {
         margin: 0 !important;
         width: 100%;
         float: left;
         line-height: 1.5em;
     }
     #professionals .intro.shadowbox {
         border: none;
         border-radius: 0;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         -o-box-shadow: none;
     }
     #professionals .sb-copy-wrapper {
         width: 100%;
         float: none;
         margin: 0;
         line-height: 1.5em;
     }
     #professionals .fluidlink.videolink {
         width: 100% !important;
         height: 195px !important;
         top: 0 !important;
         left: 0 !important;
     }
     #professionals .intro img {
         width: 100%;
         float: none;
     }
     #professionals .quotes {
         margin-top: 4%;
     }
     #professionals .confirmation,
     #professionals .form {
         float: none;
     }
     /* award-winning education */
     /* innovative treatments */
     
     #about .pageintro h3.title {
         margin: 0;
     }
     /* END about */
     /* BEGIN shipping */
     
     #shipping-info .row {
         padding: 0;
     }
     #shipping-info img {
         width: 100%;
     }
     #shipping-info table {
         width: 100% !important;
     }
     .holiday-shipping {
         border: none !important;
     }
     /* END shipping */
     /* BEGIN my account */
     
     #account .login {
         height: auto;
         padding: 4%;
         margin-bottom: 4%;
     }
     .eight.columns.content {
         margin-bottom: 4%;
     }
     #account .login.shadowbox input[type="text"],
     #account .login.shadowbox input[type="email"],
     #account .login.shadowbox input[type="password"] {
         width: 100%;
     }
     #whatcircle.whatbubble {
        left: -130px !important;
     }
     /* my dermalogica rewards */
     
     #about .rewards-wrapper {
         min-width: inherit;
     }
     #about .rewards-wrapper .story.blue {
         width: 100%;
     }
     #about .rewards-wrapper .section-1 {
         width: 100%;
         background: none;
         padding: 4%;
     }
     #about .section-content {
         padding: 0;
     }
     #about .rewards-wrapper .intro-text {
         width: 100%;
         float: none;
         padding-bottom: 1em;
         margin: 0;
     }
     #about .rewards-wrapper .rewards-logo {
         width: 50%;
         margin-top: 0;
         float: right;
     }
     #about .rewards-wrapper .intro-text h1 {
         font-size: 3.5em;
     }
     #about .rewards-wrapper .tiers.section-3 {
         width: 100%;
         margin: 0;
         padding: 0;
     }
     #about .rewards-wrapper .tiers .tier-details {
         padding: 0;
     }
     #about .rewards-wrapper .tiers .tier-details ul {
         margin: 0;
     }
     #about .rewards-wrapper .tiers .tier-details ul li {
         font-size: 1.1em !important;
     }
     #about .rewards-wrapper .section-4,
     #about .rewards-wrapper .section-5 {
         padding: 0;
     }
     #about .rewards-wrapper .section-4 {
         margin: 0 4% 4% 4%;
     }
     #about .rewards-wrapper .redeem,
     #about .rewards-wrapper #earn {
         width: 100%;
     }
     #about .rewards-wrapper .story .tier-details h3 {
         font-size: 2em;
     }
     #account .two.columns.side nav {
        display: none;
     }
     #account .acctLoggedIn #ff_member_iframe {
        height: 390px;
     }
     #account .loyaltyoverview>div>div {
        width: 50% !important;
     }
     #account .loyaltyoverview>div {
        padding: 0 !important;
     }
     #account .loyaltyoverview>div h2 {
        text-align: center;
     }
     /* wish list */
     #account .wishlist .forms .login {
        float: none;
        clear: none;
        width: 100%;
     }
     #account .wishlist .grid11 .row .eight, 
     #account .wishlist .row .eight {
        width: 100%;
     }
     #account .wishlist .forms .login {
        padding: 0;
     }
     #account .eight.columns.wishlist.content {
        margin-top:0;
     }
     .eight.columns.wishlist.content {
        width: 100%;
     }
     .eight.columns.wishlist.content .row {
        padding: 0;
     }
     #account .wishlist .forms .find {
        float: none;
        width: 100%;
        padding: 0;
        height: auto;
     }
     #account .wishlist .forms .find input {
        width: 100%;
     }
     #account .wishlist .create {
        float: left;
        clear: both;
        width: 100%;
        padding: 0;
        background: none;
        height: 100%;
     }
     #account .wishlist .create p {
        width: 100%;
     }
     /* END my account */
     /* BEGIN checkout */
     #forgotpassword {
        width: 100vw;
        height: 100vh;
        margin: 0;
        padding: 40px
     }
     .carttable .bottom .submitoptions {
        float: none;
        clear: none;
        padding: 0;
     }
     .carttable .bottom .submitoptions form {
        float: none;
        margin-bottom: 20px;
     }
     .carttable .bottom .submitoptions form .smallbutton, 
     .carttable .bottom .submitoptions form .smallbutton:after, 
     #checkout .samplebottom .submitoptions .smallbutton,
     #checkout .samplebottom .submitoptions .smallbutton:after,
     #account .login .signin button.smallbutton,
     #account .login .signin button.smallbutton:after,
       #account .login a.smallbutton,
     #account .login a.smallbutton:after,
     .submitoptions a.smallbutton,
     .submitoptions a.smallbutton:after,
     #createaccount .submitoptions .smallbutton,
    #createaccount .submitoptions .smallbutton:after,
    #findorder-btn,
    #findorder-btn:after {
        content: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78aedf+0,5299d1+100 */
        background: #78aedf; /* Old browsers */
        background: -moz-linear-gradient(top,  #78aedf 0%, #5299d1 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #78aedf 0%,#5299d1 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #78aedf 0%,#5299d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78aedf', endColorstr='#5299d1',GradientType=0 ); /* IE6-9 */
        border: 1px solid #5299d1;
        border-radius: 9px;
        width:100%; 
        height: 47px;
        display: block;
        line-height: 12px;
        padding-top:15px;
        font-size: 1.25em !important;
        font-weight: 300;
     }
     #createaccount .submitoptions #registration-submit {
        padding-top: 5px;
        line-height: 1.75;
     }
     #account .login .signin button.smallbutton {
        padding: 0 !important;
     }
     #account .login .forgot, #checkout .login .forgot {
        float: none;
        clear: none;
        margin-top: 15px;
        font-size: 14px;
        text-align: center;
        padding-top: 5px;
     }
     #account .login p {
        font-size: 14px;
     }
     .carttable .mid {
        margin-bottom: 20px;
     }
     .carttable .bottom .submitoptions form.continue-shopping-form {
        text-align: center;
     }
     .submitoptions .secondary.samples-no-thanks {
        margin-bottom: 20px;
        text-align: center;
        font-size: 14px;
        width: 100%;
        margin-right:0;
        display: block;
     }
     input#checkoutSubmitButton {
        position: relative !important;
     }
     #account .login.shadowbox span.error, 
     #account .login.shadowbox span.error-message {
        width: 100%;
     }
     #account .login .signin {
        margin-right: 0;
     }
     #account .login .signin, #checkout .login .signin {
        float: none;
        margin: 0;
     }
     .carttable .bottom .submitoptions .secondary {
        margin: 0;
        font-size: 14px;
     }
     .shippingaddress .shipping-box .label-box, .billingaddress .billing-box .label-box {
        float: none;
        height: 39px;
     }
     .shippingaddress .required2, .billingaddress .required2 {
        width: auto;
     }
     #checkout .steps .breadcrumbwrap {
        float: none;
     }
     .shippingaddress .shipping-box .input-box, .billingaddress .billing-box .input-box {
        width: 100%;
        float: none;
     }
     .shippingaddress .shipping-box .label-box, .shippingaddress .shipping-box .label-box label[for=dwfrm_singleshipping_shippingAddress_addressFields_address2], .billingaddress .billing-box .label-box, .billingaddress .billing-box .label-box label[for=dwfrm_billing_billingAddress_addressFields_address2] { 
     	width:90px;
     }
     .shipping-box .form-row, .billing-box .form-row {
        margin-bottom: 0;
     }
     .shippingaddress .shipping-box .input-box .zip, .billingaddress .billing-box .input-box .zip {
        width: 100px;
     }
     .shippingaddress .shipping-box .input-box .select, .billingaddress .billing-box .input-box .select {
        margin-bottom: 12px;
     }
     .shippingaddress .shipping-box .default-country {
        height: 30px;
     }
     #checkout .whybubble {
        left: -198px !important;
     }
     .shippingaddress .shipping-box .input-box .phone, .billingaddress .billing-box .input-box .phone {
        width: 50%;
     }
     .shippingaddress .check label {
        float: none;
     }
     .billingaddress .errormsg {
     	width: auto;
     }
     #account #createaccount {
        width: 100%;
        height: auto;
     }
     #checkout .shipping form.checkout-billing .form-indent.save-address {
        margin-left: 0;
     }
     #checkout .paymentmethod .whybubble {
        left: -85px !important;
     }
     #checkout .affiliate .whybubble {
        left: 0 !important;
     }
     #checkout .affiliate .helpnote {
        margin-left: 6px;
        margin-top: 0;
     }
     #checkout .shipping form.checkout-shipping .helpnote,
     #checkout .shipping form.checkout-billing .helpnote {
     	margin-top: -32px;
     	left: 50vw;
     }
     .promogift .group {
        display: none;
        width: 100%;
     }
     .promogift .group.first {
        display: block;
     }
     .promogift .label {
        display: block;
     }
     .promogift .field input {
        margin-left: 0;
     }
     .paymentmethod .payment-box label {
        height: 25px;
     }
     .paymentmethod .payment-box .input-box {
        width: 100%;
     }
     #checkout .payment-box .helpnote {
	    margin-top: 22px;
	    left: 20vw;
	}
	#checkout .payment-method-multiple .helpnote{
	    left: 50vw;
	}
     #checkout form.checkout-billing .affiliate {
        display: none;
     }
     #checkout form.checkout-billing .cvn input {
     	width: 60px !important;
     }
     .form-indent.save-card {
        margin-left: 0;
     }
     .paymentmethod .payment-box .save-card input {
        margin: 0 5px 0 0;
    }
    select#dwfrm_singleshipping_addressList.saved {
        width: 100%;
    }
    #checkout .steps .help ul li:first-child span {
        position: absolute;
        right: -100px;
        left: inherit;
        top: 0;
    }
    #checkout .thankyou .payment .shippingaddress {
    	float: none;
    	padding: 0;
    	margin-right: 0;
    }
    #checkout .thankyou .payment .group > p {
    	clear: both;
    	overflow: hidden;
    }
    #checkout .thankyou .payment .label {
    	width: 240px;
    }
    #checkout .thankyou .payment .value {
    	float: right;
    }    
     /* create an account */
     #cart #createaccount {
        width: auto;
        height: 100vh;
        margin: 0;
        padding: 15px;
    }
    #account .nine.columns.content {
        margin-top: 0;
        margin-bottom: 20px;
    }
     #account #createaccount {
        width: 100%;
     }
     #account .content #createaccount .labelcol {
        width: 30%;
     }
     #account .content #createaccount .fieldcol {
        width: 69%;
     }
     #account .content #createaccount .fieldcol + .labelcol {
        width: 30%;
        margin-left: 0;
     }
     #createaccount .rewards {
        width: 100%;
        margin-right: 0;
     }
     #createaccount .rewards-description {
        width: 90%;
        margin-left: 0;
     }
     #createaccount .submitoptions {
        margin-top: 20px;
        margin-right: 0;
        width: 100%;
        padding-top: 0;
        margin-bottom: 20px;
        border-top: none;
     }
     #createaccount .fieldcol {
        float: right;
        width: 165px;
        min-height: 170px;
    }
     #createaccount .labelcol {
        width: auto;
     }
     #createaccount .fieldcol + .labelcol {
        width: auto;
        margin-left: 0;
    }
    #account .benefits {
        margin-bottom: 15px;
    }
    #account .history {
        margin-bottom: 15px;
    }
    #createaccount .rewards p {
        padding-left: 10px;
    }
    #createaccount .rewards>div {
        float: none;
    }
    #createaccount .rewards>div>div {
        float: left;
    }
    #cart #createaccount .rewards {
        margin-right: 0;
        width: 100%;
        margin-top: -30px;
    }
    .shadowbox.rewards {
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
    }
    #createaccount .rewards-logo {
        display: none;
    }
    #createaccount .rewards {
        padding: 0;
    }
    #createaccount .submitoptions {
        text-align: left;
    }
    #cart #createaccount .fieldcol input.pw.required, #cart #createaccount .fieldcol input.phone.required {
        margin-bottom: 0;
    }
    #cart #createaccount .form-caption {
        margin-bottom: 10px;
    }
     #checkout .samples .productgrid .group li .select,
    #skinanalysis.results .products .select {
        position: relative;
        bottom: inherit;
        left: inherit;
        margin-left: auto;
    }
    #checkout .samples .productgrid .group li img {
        width: 80%;
    }
    #checkout .samples .productgrid .group li p {
    	width: auto;
		margin-bottom: 10px;
    }
    #checkout .samples .productgrid .group li h3,
    #checkout .samples .productgrid .group li .sample-desc {
    	width: auto;
    	min-height: 32px
    }    
    #checkout .affiliate select {
        width: 100%;
    }
     /* END checkout */
     /* BEGIN speedmapping */
     #skinanalysis .container {
         min-width: inherit;
         margin: 0;
         margin-left: 15px;
         padding: 0 15px;
     }
     #skinanalysis .slide.age,
     #skinanalysis .slide.q3,
     #skinanalysis .slide.q4,
     #skinanalysis .slide.q5 {padding-top: 70px;}
     #skinanalysis .slide h2,
     #skinanalysis.results .intro h2 {
         margin: 20px 0 20px 0;
         font-size: 23px;
         line-height: 23px;
     }
     #skinanalysis .crumbs .help {display: none;}
     #skinanalysis .slide.age .crumbs,
     #skinanalysis .slide.gender .crumbs{
         display: none !important;
     }
     #skinanalysis .slide.gender {
        margin-top: 70px;
     }
     #skinanalysis .slide.intro .content {
         padding-top: 0;
     }
     #skinanalysis .slide.intro .image img {
         display: none;
     }
     #skinanalysis .slide.intro p,
     #skinanalysis.results .intro p {
         width: 100%;
         font-size: 17px;
         line-height: 23px;
     }
     #skinanalysis .slide .content {
         padding: 20px 0 0 0;
         width: 100%;
     }
     #skinanalysis .slide .answers {
         margin: 0;
     }
     #skinanalysis .slide.intro .image {
         display: none;
     }
     #skinanalysis .slide.intro p {
         width: 100%;
     }
     #skinanalysis .slide .answers {
         margin: 0;
     }
     #skinanalysis .slide.gender .answers li a {
         width: 120px;
         height: 120px;
         padding-top: 130px;
         background-size: 240px;
     }
     #skinanalysis .slide.gender .answers li.male a {
         background-size: 240px;
     }
     #skinanalysis .slide.gender .answers li.selected a,
     #skinanalysis .slide.gender .answers li a:hover {
         background-position: -120px 0;
     }
     #skinanalysis .slide .answers {
         width: 140px;
     }
     #skinanalysis .slide .answers li a {
         font-size: 13px;
     }
     #skinanalysis .slide .answers li a {
         background-size: 30px;
         line-height: 10px;
         padding: 7px 0 20px 40px;
         background-position: 2px 1px;
     }
     #skinanalysis .slide .answers li.selected a,
     #skinanalysis .slide .answers li a:hover {
         background-position: 2px -173px;
     }
     #skinanalysis .slide.intro a,
     #skinanalysis .slide.intro .comingsoon {
         background-position: 1px 0px;
     }
     #skinanalysis .slide:after {display: none;}
     #skinanalysis .crumbs {top: 15px;}
     #skinanalysis.results .crumbs {
         margin-bottom: 10px;
     }
     #skinanalysis.results .products .bottom .skinanalysisPromo {min-height: 0;}
     #skinanalysis .slide h3 {
         font-size: 23px;
         line-height: 23px;
         margin: 10px 0;
     }
     #skinanalysis .slide.age .field {margin-top: 25px;}
     #skinanalysis .nextarrow {
         left: auto !important;
         right: auto !important;
         top: 330px;
         width: 100%;
     }
     #skinanalysis .nextarrow a {
        margin: 0 auto;
     }
     #skinanalysis .slide.age .field input {
        font-size: 100px !important;
     }
     #skinanalysis .nextarrow.active a {
        margin: 0 auto;
     }
     #skinanalysis.results .products .whybubble {
         z-index: 1;
         max-width: 100%;
         padding: 7px;
     }
     #skinanalysis.results .intro .info {
         width: 100%;
     }
     #skinanalysis.results .intro {
         width: 100%;
     }
     #skinanalysis.results .products {
         width: 100%;
         height: auto;
         min-height: 0;
     }
     #skinanalysis.results .container {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         padding-left: 15px;
         padding-right: 15px;
     }
     #skinanalysis.results .results-bottom {
         display: none;
     }
     #skinanalysis.results .products .bottom .skinanalysisPromo {
         width: 100%;
     }
     #analysistabs .ui-tabs-nav {
         left: 0;
         margin-left: 0;
         padding-left: 15px;
     }
     #skinanalysis.results .products .regimen li.separator,
     #skinanalysis.results .products .kit li.separator {
         display: none;
     }
     #skinanalysis.results .products .regimen {
         font-size: 0;
     }
     #skinanalysis.results .products .regimen li,
     #skinanalysis.results .products .kit li {
        width: 50%;
        height: auto;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        padding: 5px 2px;
        min-height: 360px;
        margin-bottom: 10px;
        border: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding-bottom: 40px;
     }
     #skinanalysis.results .intro .media {
         width: 100%;
         float: none;
         clear: none;
     }
     #skinanalysis.results .products .regimen li:first-child {
         margin-left: 0;
     }
     #skinanalysis.results .products .regimen, #skinanalysis.results .products .kit {
        background: none !important;
     }
     #skinanalysis.results .products .kit li:first-child {
        margin-left: 0;
     }
     #skinanalysis.results .products .carousel {
        width: 100%;
        height: 260px !important;
     }
     #skinanalysis.results .products .carousel .image {
        margin: 0;
        text-align: center;
        display: none;
     }
     #skinanalysis.results .products .carousel .info {
        padding: 0 15px;
        width: 100%;
     }
     #skinanalysis.results .intro .media iframe {
        max-width: 100%;
     }
     #analysistabs .ui-tabs-nav li:nth-child(3) a {
        background-position: 100% 0;
     }
     #analysistabs .ui-tabs-nav .ui-tabs-selected:nth-child(3) a {
        background-position: 100% -42px !important;
     }
     #skinanalysis.results .products h3 {
        padding: 0;
        font-size: 16px;
        line-height: 20px;
     }
     #skinanalysis.results .products .info h3 {
        padding: 0;
        color: #5793d6;
        font-size: 18px;
        line-height: 20px;
        text-align: left;
     }
     #skinanalysis.results .products .regimen li > img, #skinanalysis.results .products .kit li > img {
        margin: 0;
        max-width: 100%;
        height: auto;
     }
     #skinanalysis.results .products .bottom {
        padding: 15px;
        height: auto;
     }
     #skinanalysis.results .products .bottom .submitoptions {
        float: none;
        clear: none;
        padding: 0;
        text-align: center;
     }
     #skinanalysis.results .products .bottom .submitoptions .cart {
        margin-top: 10px;
     }
     #skinanalysis.results .products .slick-carousel-wrapper {padding: 0 10px;float: none;}
     #skinanalysis.results .products .slick-carousel-wrapper .image {display: none;}
     #skinanalysis.results .products .slick-carousel-wrapper .item {padding: 0 10px;}
     #skinanalysis.results .products .slick-carousel-wrapper .info {float: none;width: auto;}
     .slick-carousel-wrapper .slick-dots {position: relative;bottom: 0;margin-bottom: 15px;}
     #skinanalysis.results .products .slick-carousel-wrapper .slick-arrow {padding: 10px;}
     /* END speedmapping */
     /* BEGIN customer service */
     
     .side nav.simple {
         display: none;
     }
     #service .content {
         margin-top: 0;
     }
     /* END customer service */
     /* BEGIN footer */
     footer .row .four.columns:nth-child(3) {
        display: none;
     }
     footer .emailform {
        background: #f7f5f5;
        background-image: none;
        width: 80%;
        height: 34px;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 20px;
    }
    footer .emailform input[type=text] {
        width: 93%;
        line-height: 29px;
        margin:  0 0 0 15px;
    }
    footer .emailform input[type=submit] {
        top: 3px;
        padding-right: 2px;
    }
    footer .email p {
        width: 80%;
        margin: 0 auto 15px auto;
        display: none;
     }
     footer ul {
         display: none;
     }
     footer .ten.columns {
        height: auto;
        padding-bottom: 20px;
     }
     footer .country {
        margin-left: 14px;
     }
     footer .ten.columns ul {
         display: block;
     }
     footer iframe,
     #___follow_0 {
         display: none;
     }
     footer .social {
         display: block;
     }
     footer .emailform {
         margin-bottom: 35px;
         margin-left: auto;
         margin-right: auto;
     }
     footer .country .flyout .arrow {
        right: 135px;
     }
     footer .country .flyout {
        right: inherit;
     }
     
     footer .ten.columns .country .flyout li{display:block;margin:0 0 9px 0;float:none;padding:0;line-height:1}
     footer .ten.columns .country .flyout ul{margin:0 16px 0 16px;padding:18px 0 14px 0}
     footer .ten.columns.text-right {height: 24px;display: block;position: absolute;bottom: 24px;}
     
     footer .ten.columns ul {
        text-align: center;
        padding: 0 15px;
     }
     footer .ten.columns ul li {
        margin: 3px;
        display: inline;
     }
     footer {
        padding-bottom: 80px;
     }
     /* END footer */
     /* BEGIN zendesk */
     #zenbox_overlay #zenbox_container,
     #zenbox_overlay #zenbox_body,
     #chat_or_submit_ticket_prompt .options a {
        width: 100%;
     }
	 #checkout .shipping form.checkout-shipping .helpnote .whybubble,
	 #checkout .shipping form.checkout-billing .helpnote .whybubble{
        left: -70px !important;
     }

     #checkout .payment-box .helpnote  {
     	    left: 20vw;
     	    margin-top: 22px !important;
     }
     /* END zendesk */
     
     @media only screen and (orientation: landscape) {
     	#checkout .payment-box .helpnote {
		    left: 10vw;
		}
		#checkout .shipping form.checkout-shipping .helpnote,
	      #checkout .shipping form.checkout-billing .helpnote {
	     	margin-top: -32px;
	     	left: 88vw;
	     }
		#checkout .shipping form.checkout-billing .payment-box .helpnote {left: 11vw;margin-top: 2px;}
     }
 }
 
 @media (min-width: 767px) {
 	body#product{min-width: 100%;}
 }
 .ui-menu-item.ui-state-default.ui-corner-top img,
.ui-menu-item.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active img {max-width:100%;}

@media only screen and (min-width:480px) and (max-width: 767px) {
	 #checkout .shipping form.checkout-billing .helpnote {
    margin-top: -32px;
    left: 106vw;
	}
 }