/* Minification failed. Returning unminified contents.
(7367,1): run-time error CSS1019: Unexpected token, found '}'
 */
body {
    
    /*font-family: "Open Sans",sans-serif;*/
       /*font-family: "Roboto",sans-serif;*/
    font-family: proxima-nova-n4, proxima-nova, sans-serif;
    font-weight: 400;
    /*font-style: normal;*/
    color: #5a5a5a;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    background-color: #f7f7f7; 
    background-color: #fff; 
    font-size: 16px;
}

html {
   
}

a {
    /*color:  #008CBA;
    color: #628fb0;*/
    color: #2d80b6 ;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a:hover {
    /*text-decoration: underline;*/
    color:#293C45;
}

/* TYPOGRAPHY SECTION*/
h1, h2, h3, h4, h5, h6 {
    font-family: proxima-nova-n4, proxima-nova, sans-serif;
     /*font-family: "myriad-pro",sans-serif;*/
    font-weight: 600;
    line-height: 110%;
}

h1,h2 {
    font-weight:800;
}

h1, h2, h3 {
    color: #293C45; /*#517789; /*#2e4049;*/
    text-transform: none;
}

h1 {
    margin-top: 15px;
}

    h1.noupper, h2.noupper, h3.noupper, h4.noupper {
        text-transform: none;
    }

    h1.pagetitle {
        color: #568094;
        text-transform: uppercase;
    }

    h1.noupper {
        text-transform: none;
    }

    h1.gallerycategory {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 30px;
        font-weight: 400;
        color: #568094;
        /*border-bottom:2PX solid #C0D2DC;*/
    }

@media all and (max-width:480px) {
    h1.gallerycategory {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 20px;
        font-weight: 400;
        color: #568094;
    }

    /*h2 {
        font-size:24px;
    }*/
}

h1.small {
    font-size:28px;
    font-weight:300;
}

.whiteshadow {
    text-shadow: 1px 1px 1px #f5f5f5;
}

.darkshadow {
    text-shadow: 1px 1px 1px #1e1e1e;
}


.upper {
    text-transform: uppercase;
}

.weight600 {
    font-weight:600;
}

/* END TYPOGRAPHY */

/* CONTROLS */

.labelupper label {
    text-transform: uppercase;
}

.labelupper.validator {
    text-transform: uppercase;
}

input {
    border-style: solid;
    transition: none;
    outline: none;
    box-shadow: none;
}

    input.hide {
        display: none;
    }


    input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, textarea:hover {
        border-color: #a6a6a6;
        border-width: 2px;
        padding: 15px 6px 15px 6px;
    }

    input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
        border-color: #3498db;
        border-width: 2px;
        padding: 15px 6px 15px 6px;
        background-color: #fff;
    }

    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
        padding: 15px 7px 15px 7px;
        /*font-family: inherit;*/
        border: 1px solid #c9c9c9;
        border-radius: 2px;
        color: #333;
        box-shadow: none !important;
        width: 100%;
        -webkit-appearance: none;
        /*transition: box-shadow 0.45s, border-color 0.45s;*/
        transition: none;
        margin-bottom: 10px;
    }

    input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #b7b7b7;
    }

    input::-moz-placeholder { /* Firefox 19+ */
        color: #b7b7b7;
    }

    input:-ms-input-placeholder { /* IE 10+ */
        color: #b7b7b7;
    }

    input:-moz-placeholder { /* Firefox 18- */
        color: #b7b7b7;
    }

textarea, textarea:focus, textarea:hover {
    padding: 5px 7px 5px 7px;
}

input.groupLeft {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

input.groupRight {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


input[type="radio"] {
    margin-bottom: 10px;
}

input.groupfix {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

select {
    padding: 5px 6px;
    margin-top: 0;
    height: 37px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(/images/dropdown.png) no-repeat 100% 0px;
    outline: none;
    margin-bottom: 10px;    
}

input[type="submit"] {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

select:focus {
    border-color: #3498db;
    border-width: 2px;
    background-color: #fff;
}

select:hover {
    background-color: #fff;
}


.mobileccy {
    /*color: #fff;*/
    margin-bottom: 0px;
    /*background-color: #353535;*/
    border: 1px solid #dedede;
     height: 37px;
      padding: 5px 6px;
}

    .mobileccy:hover,.mobileccy:focus {
        /*color: #fff;*/
        margin-bottom: 0px;
        /*background-color: #353535;*/
        border: 1px solid #dedede;
        height: 37px;
         padding: 5px 6px;
    }


/* Validation */
input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
    margin-bottom: 0px;
    border-color: #e90000;
    transition: none;
    background-color: #fae7e7;
    padding: 15px 7px 15px 7px;
    border-width: 2px;
}


    input.input-validation-error:focus, select.input-validation-error:focus, textarea.input-validation-error:focus {
        border-color: #e90000;
        background-color: #fae7e7;
        border-color: #e90000;
        border-width: 2px;
        padding: 15px 7px 15px 7px;
    }

    input.input-validation-error:hover, select.input-validation-error:hover, textarea.input-validation-error:hover {
        background-color: #fae7e7;
        border-color: #e90000;
        border-width: 2px;
        padding: 15px 7px 15px 7px;
    }

     .search form input {
          padding: 15px 7px 15px 7px;
    border: 2px solid #fff;
 
}

    .search form input:hover,    .search form input:focus {
         padding: 15px 7px 15px 7px;
    padding-right: 32px;
 
}

label.field-validation-error {
    color: #e90000;
}

span.field-validation-error {
    color: #e90000;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

span.validator {
    display: block;
    background-image: url('/images/crosserror32.png');
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 16px 16px;
    color: #C02531;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.5;
    text-transform: none;
}



.span.validator.field-validation-error {
    display: block;
}

span.validator.field-validation-valid {
    display: none;
}


.validation-summary-errors {
    color: #910000;
    padding: 7px;
    background-color: #FEDAE7;
    margin-bottom: 10px;
    border: 1px solid #BF0000;
    border-radius: 3px;
}

    .validation-summary-errors ul {
        margin: 0;
        font-size: 14px;
        list-style:none;
    }

        .validation-summary-errors ul li {
            margin-left: 20px;
            line-height: 120%;
        }

.validation-summary-valid {
    display: none;
}

.validationerrors {
    display: block;
    float: left;
    border: 2px solid darkred;
    margin: 5px 0px;
    padding: 15px;
    background: #FFCCDE /* url(../images/sad_server.gif) no-repeat 5px 50%;*/;
    color: blue;
}

    .validationerrors ul {
        color: darkred;
        margin: 0;
        padding: 0;
        margin-left: 80px;
        list-style: square;
    }


/* END CONTROLS */

.row {
    max-width: 1435px;
}

    .row.blue {
        border: 1px solid blue;
    }

.columns.red {
    border: 1px solid red;
}



.timeoutdarkblue {
    color: #3A5893;
}

.bluelink {
    color: #293C45;
}

.normal {
    /*font-family: "proxima-nova", Arial, sans-serif;*/
    font-style: normal;
    font-weight: 400;
}

.lightgreytext {
    color: #888;
}

.borderred {
    border: 1px solid red;
}

.borderblue {
    border: 1px solid blue;
}

.bordergrey {
    border: 2px solid grey;
}

.rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.menubox {
    margin-top: 3px;
    margin-left: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 1px rgba(199, 199, 199, 0.9);
    -moz-box-shadow: 0px 0px 3px 1px rgba(199, 199, 199, 0.9);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(199, 199, 199, 0.9);
}

ul.breadcrumbs {
    padding-left: 0px;
    border: none;
    background-color: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
}

    ul.breadcrumbs > * {
        font-size: 14px;
        line-height: 140%;
    }

        ul.breadcrumbs > *:before {
            content: "/";
            color: #aaaaaa;
            margin: 0 0.3rem;
            position: relative;
            top: 1px;
        }


.alert-box .close {
    font-size: 24px;
    /*padding: 9px 6px 4px;*/
    line-height: 0;
    position: absolute;
    top: 15px;
    right:15px;
    /*margin-top: -0.6875rem;
    right: 0.25rem;*/
    color: #fff;
    opacity: 1;
    margin-top:0px;
}

.alert-box.large {
    font-size:20px;    
}

div.alert-box div.icon {
    width: 40px;
    height: 40px;
    background: url(/images/notifications.png) no-repeat 0 -40px;    
    float: left;
}

div.alert-box.alert div.icon {
    background-position: 0 -80px;
}
div.alert-box.success div.icon {
    background-position: 0 -120px;
}
div.alert-box div.message {
    /*padding-left:50px;
    padding-bottom: 10px;       
    height: 40px;
    vertical-align: middle;
    line-height: 20px;
    padding: 0 20px;
    display: table-cell;*/

        /* padding-left: 50px; */
    /* padding-bottom: 10px; */
    /*height: 40px;*/
    vertical-align: middle;
    line-height: 20px;
    padding: 0px 0px 0px 50px;
     display:block;
    padding-left:50px;
    font-size:18px;
    word-wrap: break-word;
    
}

@media only screen and (max-width: 480px) {
    div.alert-box div.message {
       
         font-size:16px;
    }

}

/* TOOL TIP */
.tooltip{background:#FFF;color:#222; border:4px solid #779AAC }

.tooltip>.nub{border-color:transparent transparent #779AAC transparent}
.tooltip.opened{border-bottom:dotted 1px #FFF !important;color:#FFF !important}
.tap-to-close{color:#779AAC}
.tooltip>.nub{border-color:transparent transparent #779AAC transparent}
.tooltip.tip-top>.nub{border-color:#779AAC transparent transparent transparent}
.tooltip.tip-left>.nub{border-color:transparent transparent transparent #FFF}
.tooltip.tip-right>.nub{border-color:transparent #779AAC transparent transparent}

/* BUTTONS */
button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  /*line-height: normal;*/
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #405864;
  border-color: #405864;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #4e6a78; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF; }


button.primary, .button.primary {
    background-color: #5a5a5a;
}

    button.primary:hover, button.primary:focus, .button.primary:hover, .button.primary:focus {
        background-color: #4a4a4a;
    }

    button.blue, .button.blue {
    background-color: #325190;
}

    button.blue:hover, button.blue:focus, .button.blue:hover, .button.blue:focus {
        background-color: #2c467d;
    }

.button.facebook {
    color: #ffffff;
    margin-bottom: 0px;
    font-size: 16px;
    background: url(/images/facebook-logo-png-white-i6.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 35px;
    background-color: #325190;
    background-position-y: 6px;
}

    .button.facebook:hover,     .button.facebook:focus {
        color: #ffffff;
        background-color: #2c467d;
    }

.button.silver {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin: 0 0px 0 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    /*text-shadow: 1px 1px 1px #fff;*/
    /*rgba(255, 255, 255, 0.75);*/
    vertical-align: middle;
    cursor: pointer;
    background-color: #efefef;
    *background-color: #efefef;
    /*background-image: -moz-linear-gradient(top, white, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, white, #f2f2f2);
  background-image: -o-linear-gradient(top, white, #f2f2f2);
  background-image: linear-gradient(to bottom, white, #f2f2f2);*/
    background-repeat: repeat-x;
    border: 1px solid #e2e2e2;
    *border: 0;
    /*border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
    *zoom: 1;
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
}

.button.salon {
    border: 1px solid #B1B1B1;
    font-weight: normal;
    font-size: 14px;
    background-color: #EAEAEA;
    padding-right: 7px;
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #151515;
    width: 100%;
}

    button.salon:hover, button.salon:focus, .button.salon:hover, .button.salon:focus {
        background-color: #DFDFDF;
    }


/* END BUTTONS */


/* DROPDOWN */
.dropdown.button:before {
    content: none;
}

.f-dropdown.limit {
    max-height: 300px;
    overflow-y: auto;
    background-color: #fafafa;    
}

.f-dropdown.tiny {
    max-width: 140px;
}

ul.f-dropdown.tiny {
    width: 135px;
    color: blue;
}

ul.f-dropdown li hr {
    margin: 0px;
}
/* END DROPDOWN */


/* TABLES */
table {
    border: none;
}

/*.table {
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
    padding: 3px;
    vertical-align: top;
    padding-bottom: 0px;
}

.table-row {
    display: table-row;
}*/
/* END TABLES */

div.ccycontainer {
    padding-left: 23px;
    padding-right: 5px;
    background-repeat: no-repeat;
    background-position: 2px 12px;
    margin-left: -5px;
    border: 1px solid rgba(215, 231, 242, 0.50);
   
    height: 50px;
    margin-top: 3px;
        background-position: 3px 7px;
     height: 30px;
     padding-left:3px;
}

.smallshoppingbagcontainer div.ccycontainer {

    background-position: 2px 7px;
     height: 30px;

}

    /*div.ccycontainer select {
        height: 24px;
        line-height: 24px;
        font-size: 14px;        
    }*/

    div.ccycontainer.AUD {
        background-image: url('/images/icons/flags/au.png');
    }

    div.ccycontainer.BRL {
        background-image: url('/images/icons/flags/br.png');
    }

    div.ccycontainer.CAD {
        background-image: url('/images/icons/flags/ca.png');
    }

    div.ccycontainer.CZK {
        background-image: url('/images/icons/flags/cz.png');
    }

    div.ccycontainer.DKK {
        background-image: url('/images/icons/flags/dk.png');
    }

    div.ccycontainer.EUR {
        background-image: url('/images/icons/flags/europeanunion.png');
    }

    div.ccycontainer.HKD {
        background-image: url('/images/icons/flags/hk.png');
    }

    div.ccycontainer.HUF {
        background-image: url('/images/icons/flags/hu.png');
    }

    div.ccycontainer.ILS {
        background-image: url('/images/icons/flags/il.png');
    }

    div.ccycontainer.JPY {
        background-image: url('/images/icons/flags/jp.png');
    }

    div.ccycontainer.MYR {
        background-image: url('/images/icons/flags/my.png');
    }

    div.ccycontainer.MXN {
        background-image: url('/images/icons/flags/mk.png');
    }

    div.ccycontainer.NZD {
        background-image: url('/images/icons/flags/nz.png');
    }

    div.ccycontainer.NOK {
        background-image: url('/images/icons/flags/no.png');
    }

    div.ccycontainer.PHP {
        background-image: url('/images/icons/flags/ph.png');
    }

    div.ccycontainer.PLN {
        background-image: url('/images/icons/flags/pl.png');
    }

    div.ccycontainer.GBP {
        background-image: url('/images/icons/flags/gb.png');
    }

    div.ccycontainer.SGD {
        background-image: url('/images/icons/flags/sg.png');
    }

    div.ccycontainer.SEK {
        background-image: url('/images/icons/flags/se.png');
    }

    div.ccycontainer.CHF {
        background-image: url('/images/icons/flags/ch.png');
    }

    div.ccycontainer.TWD {
        background-image: url('/images/icons/flags/tw.png');
    }

    div.ccycontainer.THB {
        background-image: url('/images/icons/flags/th.png');
    }

    div.ccycontainer.TRY {
        background-image: url('/images/icons/flags/tr.png');
    }

    div.ccycontainer.USD {
        background-image: url('/images/icons/flags/us.png');
    }


    /*div.ccycontainer.mobile {
        height: 40px;
        line-height: 40px;
    }

        div.ccycontainer.mobile select {
            height: 100%;
            line-height: 100%;
            font-size: 14px;            
        }*/


/*div.ccycontainer.mobile {
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: 0px 14px;
    margin-left: -5px;
    margin-right: 5px;
    border: none;
}*/


/* BOXES */
.whitebox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    /*-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
            -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);*/
    /*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.22);*/
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.30);
    border-top: 1px solid #eaeaea;
    padding: 15px;
    margin-bottom: 15px;
}
/* BOXES END */

/* BLOG SECTION */
.blogEntry {
    padding: 40px 50px 50px 50px;
}

    .blogEntry h1, .blogEntry h2 {
        margin-top: 0px;
        color: #80A4B5;
    }

    .blogEntry h2 {
        /*font-size: 32px;*/
    }

@media all and (max-width:640px) {
    .blogEntry {
        padding: 0px;
        padding-top: 15px;
    }

        .blogEntry h1, .blogEntry h2 {
            font-size: 1.5em;
        }
}

.blogItem {
    margin-top: 15px;
}

/* BLOG SECTION END*/


/* MY ACCOUNT */


div.myaccountpages h1 {
    border-bottom-color: #CCCCCC;
    text-transform: uppercase;
}

div.myaccountpages label {
    font-size: 1rem;
}

div.myaccountpages h5.greenmsg {
    margin-top: 0px;
    border-radius: 5px;
    background: url(/images/accept.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    min-height: 38px;
    padding-left: 45px;
    background-color: #E1FFD1;
    border: 2px solid #C5F8AC;
    color: #468D3F;
    width: 718px;
    display: block;
}


div.myaccountpages form {
    margin: 0px;
    padding: 0px;
}

div.myaccountpages div.pad {
}

div.myaccountpages div.column-two {
    float: left;
    position: relative;
    width: 100%;
}



    div.myaccountpages div.column-two div.left {
        float: left;
    }

        div.myaccountpages div.column-two div.left div.inner {
            border-radius: 5px;
            /* background-color:#fff;*/
            margin-right: 10px;
        }

    div.myaccountpages div.column-two div.right {
        float: left;
    }

        div.myaccountpages div.column-two div.right div.inner {
            border-radius: 5px;
            background-color: #fff;
        }


div.myaccountpages .menu ul {
    background: none;
}

div.myaccountpages .menu {
    margin: 0;
    padding: 0;
    background-repeat: repeat-y;
    font-size: 14px;
    /*background-image: url(/images/sidebardd1px.png);
    background-repeat: repeat-y;      */
    margin-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}

    div.myaccountpages .menu li {
        clear: left;
        /*padding-left:10px;*/
        display: block;
        /*background-color: beige;*/
        width: 100%;
        margin-bottom: 0px;
        border-top: 1px solid #fff;
    }


        div.myaccountpages .menu li.menutop {
            border: none;
        }


        div.myaccountpages .menu li.menuSelected a {
            color: #8D1C16;
        }

    div.myaccountpages .menu a.selected {
        color: #EA4C88;
    }


    div.myaccountpages .menu li.menuSelected a:hover {
        color: #8D1C16;
        background-color: transparent;
    }

    div.myaccountpages .menu li a {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: normal;
        padding-left: 5px; /* background: url(background.gif) #fff bottom left repeat-x;*/
        height: 28px;
        line-height: 28px;
        float: left;
        display: block; /*border: 1px solid white;*/
        color: #5F5F5F;
        margin-left: 0px; /*width: 183px;*/ /*border-bottom: 1px solid lightgrey;*/
    }

    div.myaccountpages .menu li.title a {
        color: #80A4B5;
    }

    div.myaccountpages .menu li a:hover {
        color: #2C629E;
        text-decoration: underline;
    }

    /* Icons */
    div.myaccountpages .menu a img {
        vertical-align: middle;
    }

        div.myaccountpages .menu a img.banner {
            padding-top: 12px;
        }


/* MY ACCOUNT END */

/* TABLES */
ul.table {
    margin: 0px;
    list-style: none;
    outline: none;
    border-radius: 3px;
    font-size: 15px;
}

    ul.table li {
        outline: none;
        border-bottom: 1px dotted #d9d9d9;
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px dotted #d9d9d9;
        padding: 5px;
        background-color: #fff;
    }
/* END TABLES */



.tightform {
    margin-bottom: 0px;
}

    .tightform input[type="text"], .tightform input[type="password"], .tightform input[type="date"], .tightform input[type="datetime"], .tightform input[type="datetime-local"], .tightform input[type="month"], .tightform input[type="week"], input[type="email"], .tightform input[type="number"], .tightform input[type="search"], .tightform input[type="tel"], .tightform input[type="time"], .tightform input[type="url"], .tightform textarea {
        margin-bottom: 0px;
    }

    .noradius input[type="text"], .noradius input[type="password"], .noradius input[type="date"], .noradius input[type="datetime"], .tightform input[type="datetime-local"], .tightform input[type="month"], .noradius input[type="week"], .noradius input[type="email"], .noradius input[type="number"], .noradius input[type="search"], .noradius input[type="tel"], .noradius input[type="time"], .noradius input[type="url"], .noradius textarea {
        border-radius: 0px;
    }

.questions label, label.blue {
    color: #02749a;
}

label {
    color: #02749a;
    font-size: 16px;
}

    label.small {
        font-size: 15px;
        padding-left: 0px;
    }

    label.equal {
        line-height: 28px;
    }



    label.radio {
        color: inherit;
    }

    label.original {
        color: inherit;
    }

    label.large {
        font-family: "myriad-pro",sans-serif;
        font-size: 18px;
    }

.labelupper label {
    text-transform: uppercase;
}

.labelupper.validator {
    text-transform: uppercase;
}


input[type="text"]:hover,
input[type="text"]:focus,
select:focus,
textarea:focus,
a:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

label.address {
    position: relative;
    padding-left: 30px;
    display: block;
    padding-bottom: 15px;
    line-height: 100%;
}

    label.address input[type=radio] {
        position: absolute;
        top: 1px;
        left: 0px;
    }

span.validator {
    display: block;
    background-image: url('/images/crosserror32.png');
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 16px 16px;
    color: #C02531;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.5;
}

.span.validator.field-validation-error {
    display: block;
}

span.validator.field-validation-valid {
    display: none;
}


.validation-summary-errors {
    color: #910000;
    padding: 7px;
    background-color: #FEDAE7;
    margin-bottom: 10px;
    border: 1px solid #BF0000;
    border-radius: 3px;
}

    .validation-summary-errors ul {
        margin: 0;
        font-size: 14px;
    }

        .validation-summary-errors ul li {
            margin-left: 20px;
            line-height: 120%;
        }

.validation-summary-valid {
    display: none;
}

.validationerrors {
    display: block;
    float: left;
    border: 2px solid darkred;
    margin: 5px 0px;
    padding: 15px;
    background: #FFCCDE /* url(../images/sad_server.gif) no-repeat 5px 50%;*/;
    color: blue;
}

    .validationerrors ul {
        color: darkred;
        margin: 0;
        padding: 0;
        margin-left: 80px;
        list-style: square;
    }

div.datediv {
    float: left;
    position: relative;
    width: 150px;
    border-bottom: solid 1px darkgray;
    border-top: solid 1px darkgray;
    border-left: solid 1px darkgray;
    border-right: solid 1px darkgray;
    background-color: #fff;
    margin-right: 20px;
}

/* END FORMS */


/* REASONS */
div.goodreasonbanner {
    float: left;
    font-size: 13px;
    width: 220px;
}

    div.goodreasonbanner .numberb {
        display: block;
        float: left;
        font-size: 50px;
        margin-left: 5px;
        margin-right: 10px;
        color: #4F6F80;
    }

    div.goodreasonbanner .reasonb {
        display: block;
        padding-top: 10px;
        float: left;
        width: 170px;
        font-size: 13px;
    }

    div.goodreasonbanner a.whyb {
        float: left;
        display: block;
        font-size: 13px;
        color: #CC0066;
    }


div.goodreason {
    margin: 0px;
    /*border: 2px solid #D2DFE6;*/
    padding: 0px;
    float: left;
}

    div.goodreason .nicegrey {
        color: #7F7F7F;
    }

    div.goodreason .nicegreen {
        color: #00B300;
    }

    div.goodreason .hide {
        display: none;
    }

    div.goodreason h1 {
        /*font-family: "proxima-nova",sans-serif;*/
        float: left;
        margin: 0px;
        margin-left: 0px;
        font-size: 14px;
        color: #7E7E7E;
        margin-bottom: 10px;
    }

    div.goodreason i {
        width: 30px;
        text-align: center;
        padding-right: 10px;
    }

    div.goodreason h2 {
        font-size: 14px;
        font-weight: normal;
    }

    div.goodreason a.reasonsmore {
        font-weight: normal;
    }

    div.goodreason div.number, div.goodreason span.number {
        float: left;
        font-size: 50px;
        margin-left: 5px;
        margin-right: 10px;
        padding-top: 0px;
        color: #779AAC;
    }

    div.goodreason span.heading {
        display: block;
        float: left;
        font-size: 28px;
        font-weight: 800;
        margin-left: 5px;
        margin-right: 10px;
        padding-top: 15px;
        line-height: 100%;
        color: #779AAC;
    }

    div.goodreason div.reason, div.goodreason span.reason {
        display: block;
        margin: 0px;
        line-height: 130%;
        padding-top: 9px;
    }

    /*div.goodreason ul
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
        float: left;
        clear: both;
        width: 100%;
        
    }*/


    div.goodreason ul li {
        
    }
    /*div.goodreason ul li
        {
            position:relative;
            list-style: none;
            margin: 0px;
            width: 100%;
            float: left;
            padding-bottom: 15px;
        }*/

    div.goodreason ul.shopreasons li {
        width: 30%;
        margin-right: 10px;
        min-height: 160px;
    }

    div.goodreason ul h2 {
        position: relative;
        float: left;
        display: block;
        padding-top: 8px;
        margin: 0px;
        width: 100%;
        color: #CC0066;
    }


    div.goodreason ul img {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    /*div.goodreason ul p {
        font-size: 14px;
        clear: left;
        padding: 8px;
        padding-left: 0px;
        padding-top: 10px;
        color: #666666;
        padding-bottom: 0px;
        margin-bottom: 5px;
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    }*/

    div.goodreason a.openreason, div.goodreason a.closereason {
        display: none;
    }

div.goodreason_summary ul p {
    display: none;
}

div.goodreason_summary li.openreason p {
    display: block;
}

div.goodreason_summary li.openreason a.openreason {
    display: none;
}

div.goodreason_summary li.openreason a.closereason {
    display: block;
}

div.goodreason_summary a.openreason {
    z-index: 1;
    position: absolute;
    top: 2px;
    right: 0px;
    display: block;
    text-decoration: none;
}

div.goodreason_summary a.closereason {
    z-index: 1;
    position: absolute;
    top: 2px;
    right: 0px;
    display: none;
    text-decoration: none;
}

    div.goodreason_summary a.openreason:hover, div.goodreason_summary a.closereason:hover {
        text-decoration: none;
    }

div.largerreasons ul p {
    font-size: 14px;
}

div.goodreason a {
    display: block;
    color: #006699;
    margin-top: 8px;
    height: 10px;
}

    div.goodreason a:hover {
        text-decoration: underline;
        color: #FF0066;
    }

span.mail {
    
    padding-top: 5px;
    
}

span.phone {
    
    padding-top: 5px;
    
}

/* REASONS END*/

/* FOOTER */

#mailinglistsection {
    padding-top: 30px;
    /*background-color: #e0e0e0;
    border-top: 2px solid #b7b7b7;
    border-bottom: 2px solid #b7b7b7;*/
    padding-bottom:30px;
}

#footersection {
    padding-top: 15px;
}

    #footersection a {
        color: #293C45;
    }

        #footersection a.info {
            display:block;
            color: #2770ac;
            padding-bottom:7px;
        }

        #footersection a:hover {
            color: #D13F75;
        }

/*#footersection div.social .fa {
    font-size:28px;
    color:#293C45;
    line-height:50px;
}*/

.circleBase {
    display: block;
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    background-color: #e6e6e6;
    width: 50px;
    height: 50px;
    font-size: 28px;
    color: #293C45;
    line-height: 55px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

#mailinglistsection.fixed {
    position: fixed;
    bottom: 0px;
    width: 100%;
}




#mailinglistsection span.join {
    position: relative;
    font-size: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding-bottom: 5px;
    color:#293c45;
    /*padding-left: 30px;*/
}

@media all and (max-width:640px) {
    #mailinglistsection span.join {
        position: relative;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 0px;
        text-transform: uppercase;
        padding-bottom: 5px;
        /*padding-left: 30px;*/
    }
}

/*#mailinglistsection .mailicon
    {
        position: absolute;
        top: 2px;
        left: 0px;
    }*/

#mailinglistsection .emailpanel .number {
    font-size: 48px;
    font-weight: bold;
    position: absolute;
    left: 5px;
    top: -2px;
    color: #324956;
    letter-spacing: -2px;
    margin: 0px;
    padding: 0px;
}

#mailinglistsection .emailpanel .disc {
    color: #324956;
    font-size: 26px;
    position: absolute;
    left: 71px;
    top: 12px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: bold;
}

.button.join {
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    right: 15px;
    top: 0px;
    margin: 0px;
}

.joincolumn {
    padding-right: 85px;
}

span.signuperror {
    display: block;
    background-color: pink;
    border: 1px solid darkred; /*#fff;*/
    color: darkred;
    padding: 3px;
    width: inherit;
    
    margin-bottom: 5px;
}

span.signupsuccess {
    display: block;
    background-color: #CCFFCC;
    border: 1px solid green;
    color: #006600;
    padding: 3px;
    width: 100%;   
    margin-bottom: 5px;
    margin-top: 5px;
}

#footer .closeicon {
    position: absolute;
    left: 520px;
    top: 5px;
    z-index: 10000;
}

/* END FOOTER */

/* TESTIMONIALS */
.testimonial {
    width: 850px;
    float: left;
    margin: 15px 0 40px 0;
}

.left-quote {
    float: left;
    background: url(/images/quote-left_03.png) no-repeat top;
    width: 68px;
    height: 40px;
    margin-right: 10px;
}

.testi-text {
    float: left;
    text-align: justify;
    width: 670px;
    padding-right: 65px;
    background: url(/images/quote-right.gif) no-repeat right bottom;
}

.testi-pic {
    float: left;
    width: 77px;
    height: 104px;
    margin-left: 70px;
    display: inline;
}

.testi-name {
    float: left;
    padding: 30px 0 0 15px;
}

.testimonial span.from {
    display: block;
    font-style: italic;
    font-size: 1em;
    margin-top: 5px;
}
/* END TESTIMONIALS */


/* ORBIT */
@media only screen and (max-width: 640px) {
    .orbit-stack-on-small .orbit-slides-container {
        height: auto !important;
    }

        .orbit-stack-on-small .orbit-slides-container > * {
            position: relative;
            margin: 0% !important;
            opacity: 1 !important;
        }

    .orbit-stack-on-small .orbit-slide-number {
        display: block;
    }

    .orbit-timer {
        display: none;
    }

    .orbit-next, .orbit-prev {
        display: block;
    }

    .orbit-bullets {
        display: block;
    }

        .orbit-bullets li {
            margin-right: 30px;
        }
}


@media only screen and (max-width: 640px) {
    .touch .orbit-container .orbit-prev,
    .touch .orbit-container .orbit-next {
        display: inherit;
    }

    .touch .orbit-bullets {
        display: block;
    }
}


.orbit-container .orbit-prev, .orbit-container .orbit-next {
    z-index: 0;
}

.rounded {
    border-radius: 3px;
}

ul.orbit-container {
    height: auto !important;
}
li.orbit-slide {
    max-height: none !important;
}

/*TABS*/
.tabs-hr {
    border-top: 6px solid #e0e0e0;
    margin: 0 0 0px 0;
    height: 10px;
}

.tabs.v2 {
    // margin-bottom: 0 !important;
    margin-left: 0;
    /*border-bottom: 1px solid #d7e7f2;*/
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    /*margin: 0 auto 2px auto;*/
    /*margin: 0 auto -2px auto;*/
    z-index: 3000;
    height: 60px;
    border-bottom: 3px solid #e0e0e0;
}

    .tabs.v2 dd, .tabs.v2 .tab-title {
        position: relative;
        margin-bottom: 0 !important;
        list-style: none;
        float: left;
        /*margin-bottom:10px;*/
    }

        .tabs.v2 dd > a, .tabs.v2 .tab-title > a {
            display: block;
            background-color: transparent; /*#fff;*/
            color: #222222;
            padding: 0rem 1rem;
            /*font-family: inherit;*/
            font-size: 16px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-left: 3px solid transparent;
            border-top: 3px solid transparent;
            border-right: 3px solid transparent;
            height: 45px;
            line-height: 45px;
        }


            .tabs.v2 dd > a:hover, .tabs.v2 .tab-title > a:hover {
                /*background-color: #f6f6f6;*/
            }

        .tabs.v2 dd.active a, .tabs.v2 .tab-title.active a {
            background-color: #fff;
            color: #2a79ae;
            font-weight: 600;
            border-left: 3px solid #e0e0e0;
            border-top: 3px solid #e0e0e0;
            border-right: 3px solid #e0e0e0;
        }

    .tabs.v2.radius dd:first-child a, .tabs.v2.radius .tab:first-child a {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .tabs.v2.radius dd:last-child a, .tabs.v2.radius .tab:last-child a {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .tabs.v2.vertical dd, .tabs.v2.vertical .tab-title {
        position: inherit;
        float: none;
        display: block;
        top: auto;
    }

.tabs-content.v2 .content {
    background-color: #fff;
    padding-top: 20px;
}

.tabs-content.v2 form {
    padding-bottom: 0px;
}

.tabs-content.v2 button[type=submit] {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

div.text-line {
    margin-top: 25px;
    margin-bottom: 15px;
    text-align: center;
    border-top: 1px solid #ddd;
}

    div.text-line div {
        margin-top: -13px;
    }

        div.text-line div span {
            background-color: #fff;
            padding: 0 10px;
            color: #999;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
        }
/* END TABS*/


/* LOGIN*/
#login {
    width: 400px;
   /*max-width:480px;*/
 
}

@media only screen and (max-width: 640px) {
    #login {
           left: 0;
    margin: 0 auto;
     max-width:400px;
    right: 0;
    width: 90%;
    top:25px;
        /*max-width:350px;*/
    }

        #login .reveal-modal {
            min-height: inherit;
        }
}

@media only screen and (max-width: 480px) {
    #login {
       
        max-width:400px;
    }

}

/*@media only screen and (min-width: 350px) {
    #login {
       
        max-width:350px;
    }

}*/

@media only screen and (max-width: 40em) {
     .reveal-modal {
         min-height: 0px; 
    }
}

/* PANELS */
.panel {
    margin-bottom:15px;
}
.panel.white {
    background-color:#fff;
}
.panel.thick {
    border-width:2px;
}
.narrow {
    max-width:480px;
}

.spread40, .panel.spread40 {
    margin-top:40px;
    margin-bottom:40px;
}

.hcenter {
    margin:0px auto;
}

/* AVATARS*/
img.avatar {
	width:33px;
    min-width:33px;
	height:33px;
	/*border:2px solid #6a84b0;*/
}
    .round {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
}


    /* BREADCRUMBS */
   .breadcrumbs > * a {
    color: #2d80b6;
}

   .breadcrumbs > *.current a {
    color: #585858;
    cursor: default;
}


   /* ROW PADDING */
   

.row.rowPad, .row.rowPad5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.row.rowPad10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.row.rowPad15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.row.rowPad20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.row.mb0, .mb0 {
    margin-bottom: 0px;
}
.row.mb5, .mb5 {
    margin-bottom: 5px;
}
.row.mb10, .mb10 {
    margin-bottom: 10px;
     display:block;
}

.row.mb15, .mb15 {
    margin-bottom: 15px;
    display:block;
}
.row.mb20, .mb20 {
    margin-bottom: 20px;
    display:block;
}
.row.mb25, .mb25 {
    margin-bottom: 25px;
    display:block;
}


.row.mt10, .mt10 {
    margin-top: 10px;
}

.row.mt15, .mt15 {
    margin-top: 15px;
    display:block;
}
.row.mt20, .mt20 {
    margin-top: 20px;
    display:block;
}
.row.mt25, .mt25 {
    margin-top: 25px;
    display:block;
}


/* ----------- */
/* MAIN CONTAINER*/
/* ----------- */

#container {
    /*z-index: 200;*/
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /*-webkit-backface-visibility: hidden;*/
    overflow: hidden;
    margin: 0;
    -webkit-transition: all .3s ease;    
}

    #container.active .slide {
        -webkit-transform: translate3d(260px,0,0);
    }

    #container.activesmooth .slide {
        -webkit-transform: translate3d(260px,0,0);
    }

.slide {
    -webkit-transition: all .3s ease;
    /*-webkit-transform: translate3d(0,0,0);*/
}

/* ----------- */
/* HEADER */
/* ----------- */
header {   
}


/* HEADER MOBILE */
.mobileheader {
    /*background: #d7e7f2;*/
    background: rgb(215,231,242); 
    background: rgba(215,231,242,0.98);    
}
.mobileheader.homepage {
    /*background: transparent;*/    
    background-color:transparent;    
}
    .mobileheader.scrolling {
        background-color: rgba(0,0,0,.6); /*#d7e7f2;*/
    }

@media all and (max-width:640px) {
    .mobileheader {
        background: rgb(215,231,242); 
        background: rgba(215,231,242,0.98);
        /*background-color: #d7e7f2;*/
    }

        .mobileheader.scrolling {
            background: rgb(215,231,242); 
            background: rgba(215,231,242,0.98);
            /*background-color: #d7e7f2;*/
        }
    #container {
        /*z-index: 100;*/
    }


    
    #container.active .slide {
        -webkit-transform: translate3d(260px,0,0);
         z-index: 100;
    }

    #container.activesmooth .slide {
        -webkit-transform: translate3d(260px,0,0);
    }

    .overlay {
   
    z-index: 1001;
  
}

.slide {
    -webkit-transition: all .3s ease;
    /*-webkit-transform: translate3d(0,0,0);*/
}



}

#topbar {    
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 100; /*for some reason we need a z index now*/
    position: fixed;        
    /*-webkit-transform: translate3d(0, 0, 0);*/
    max-height:106px;
    border-bottom: 2px solid #b5d6ed;
}

#topbar.homepage  {
    border-bottom:none;
    position: absolute;
    top:0px;
      border-bottom: none;
}

#topbar a {
    color: #293C45;
}

#topbar a.button.checkout {
    color: #fff;
}


.mobileheader.scrolling #topbar a {
    color: #fff;
}



#topbar a {
    /* color: #293C45; */
}


#topbar a:hover {
        /*color: #293C45;*/
    }
   #topbar  a.shop {
        color: green;      
    }

@media all and (min-width:641px) {
    #topbar.scrolling {
        border-bottom: 1px solid transparent;
    }
}

     #topbar.scrolling a.shop {
       color:#ceebff;
    }

#topbar.small {
    /*height:72px;*/
}

#topbar.nooverflow {
    overflow: visible;
}

#topbar.overflow {
    overflow: visible;
}




#topstrip {
    margin: 0px;
    /*background-color: #cde2f2;*/
    background-color: #d7e7f2;
    /*border-top: 1px dotted #b1d1e8;*/
    width: 100%;
    position: relative;  
    padding:0px;margin: 0px;
}

#topstrip.small {
    display: none;
}

#topbarhome {
    background-color:transparent;
}

#topbarhome .header {
    background-color:transparent;
}

/* ----------- */
/* MENUS */
/* ----------- */
#menu {
    background: #fff;
    position: fixed;
    left: -260px;
    width: 260px;
    height: 100%;
    /*color: white;*/
    overflow-y: auto;
    -webkit-transition: all .3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 2000;
  
  
}

    #menu.active {
        z-index: 2000;
        left: 0px;  
       -webkit-box-shadow: 0px 0px 13px  -1px rgba(0, 0, 0, 0.49);
-moz-box-shadow:    0px 0px 13px  -1px rgba(0, 0, 0, 0.49);
box-shadow:         0px 0px 13px  -1px rgba(0, 0, 0, 0.49);
    }

    #menu.activesmooth {
        z-index: 2000;
        -webkit-transform: translate3d(260px,0,0);
     -webkit-box-shadow: 0px 0px 13px  -1px rgba(0, 0, 0, 0.49);
-moz-box-shadow:    0px 0px 13px  -1px rgba(0, 0, 0, 0.49);
box-shadow:         0px 0px 13px  -1px rgba(0, 0, 0, 0.49);
    }



#menuCategory, #menuBrand, #menuSalon, #menuMyAccount, #menuConcern, .submenu {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    top: 0px;
    width: 200px;
    /*260px;*/
    left: 301px;
    height: 100%;/*1000px;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*-webkit-transform: translate3d(301px, 0, 0);
    -moz-transform: translate3d(301px,0,0);
    -o-transform: translate3d(301px,0,0);
    -ms-transform: translate3d(301px,0,0);
    transform: translate3d(301px,0,0);*/
    z-index: 3000;
    background-color: #fff;
    -webkit-backface-visibility: visible;
    overflow-x: hidden;
    overflow-y: scroll;

}

    #menuCategory.opensmooth, #menuBrand.opensmooth, #menuSalon.opensmooth, #menuMyAccount.opensmooth, #menuConcern.opensmooth, .submenu.opensmooth {
        -webkit-transform: translate3d(-241px, 0, 0);
        -moz-transform: translate3d(-241px,0,0);
        -o-transform: translate3d(-241px,0,0);
        -ms-transform: translate3d(-241px,0,0);
        transform: translate3d(-241px,0,0);
        z-index: 3000;
    }

    #menuCategory.open, #menuBrand.open, #menuSalon.open, #menuMyAccount.open, #menuConcern.open , .submenu.open{
        left: 60px;
        z-index: 3000;
    }

/* ===================*/
/* LAYOUT */
/* ===================*/
.main-section {
    background-color: #f7f7f7;
    /*border-top: 1px solid #f7f7f7;*/
    padding-top: 106px;
}
.main-section.homepage {
    background-color: #f7f7f7;
    border: none;
    padding-top: 0px;
}
    .main-section.white {
        background-color: #fff;
    }

@media all and (max-width:640px) {
    .main-section {
        margin-top: 52px;
        padding-top: 0px;
    }

       .main-section.homepage  {
        margin-top: 50px;
        padding-top: 0px;
    }
    
    .productgallery {
        margin-top:46px;
    }

}

.header {
    width: 100%;
    /*background-color: #d7e7f2;*/
    opacity: 1;
    
}
    /*.header > .row.header 
{
    background-image:url(/images/timeoutlogo2013_203.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;
}*/

    .header > .logo {
        z-index: 500;
        position: absolute;
        left: 9px;
        top: 6px;
    }

        .header > .logo img {
            margin-left: 5px;
            height: 58px;
        }

/* ================*/
/* SHOP LAYOUT*/
/* ================*/
.wrap {
    padding-right: 235px;
    overflow: hidden;
}

.main {
    margin: 0 -235px 0 auto;
    width: 100%;
    float: right;
}

.sidebar {
    width: 235px;
    float: left;
    /*box-shadow: 10px 6px 4px black, 0 0 0 4px transparent ;*/
    /*border-right: 1px solid #fff;*/
    padding-left: 10px;
}

.main, .sidebar {
    min-height: 100px;
}


.filtersection {
    position:relative;
    top:0px;
    background-color:#fff;
    
    margin-bottom:15px; 
    border-bottom:1px dotted #ebebeb;
}
.filtersection.fixedfilter {
   
    top:70px;
    width: 100%;
    z-index: 89;
    /*z-index:89;*/ 
    position:fixed;
    /*left: 0;*/
}

/*.row.showborder .columns {
    border: 1px solid green;
}*/


/* add media query to change breakpoint  and set max width*/
.shop .columns {
    padding: 5px;
}

.col-shop-menu {
    min-width: 280px;
}

.col-shop-gallery {
    max-width: 950px;
}

@media all and (min-width:1024px) {
    .col-shop-gallery {
        border: 3px solid red;
        max-width: 790px;
    }
}



@media all and (max-width: 880px) {

    .wrap {
        padding-right: 200px;
        overflow: hidden;
    }

    .main {
        margin: 0 -200px 0 auto;
        width: 100%;
        float: right;
    }

    .sidebar {
        width: 200px;
        float: left;
        /*box-shadow: 10px 6px 4px black, 0 0 0 4px transparent ;*/
        border-right: 1px solid #fff;
        padding-left: 15px;
    }
}

@media all and (max-width:640px) {
    #topbar {
        position: fixed;
        /*opacity: 0.96;*/
        height:53px;
    }

        #topbar.searchdown {
            opacity: 1;
        }

    .wrap {
        padding-right: 0px;
        padding: 0px;
    }

    .sidebar {
        display: none;
    }

    .main {
        margin: 0;
    }
}

@media all and (max-width:640px) {
    .rowgallery .columns {
        padding: 0px;
    }

    .header {
        /*width: 100%;*/
        height: 50px;
        /*opacity: 0.96;*/
        /*opacity: 0.96;
        position: fixed;
        top: 0px;
        z-index: 100;
        transition: transform 500ms ease;*/
    }

        .header.nofixed {
            position: relative;
        }

    .headerfixed {
        position: fixed;
    }

    .header a {
        color: #32518E;
    }


    .mainbodycheckout {
        margin-top: 0px;
    }

    .mainbody {
        margin-top: 50px;
    }
}



/*#menuCategory.open, #menuBrand.open {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px,0,0);
        -o-transform: translate3d(0px,0,0);
        -ms-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
    }*/

.overlay {
    margin-top: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
    z-index: 3000;
    background-color: #e9e9e9;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
    left: 0px;
    top: 0px;
    overflow: hidden;
}
.overlay.homepage {
        background-color: transparent;
}

.menuoverlay {
    height: 1000px;
    width: 100%;
    position: absolute;
    display: none;
    z-index: 1000;
    background-color: #373737;
    opacity: 0.90;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    left: 0px;
    top: 0px;
    overflow: hidden;
    cursor: pointer;
}

ul.off-canvas-list ul.brandsub {
    border-bottom: 2px solid #262626;
    margin-bottom: 0px;
}

ul.off-canvas-list li label {
    font-size: 1rem;
    background-color: transparent;
    padding: 0px 0px 0px 7px;
    color: #27598b;
    text-transform: uppercase;
    /*background: #444444;*/
    /*border-top: 1px solid #5e5e5e;
    border-bottom: none;*/
    border-top: none;
    margin: 0;
}

ul.off-canvas-list li label.group {
    margin-top: 10px;
    margin-bottom:10px;
    color: #27598b;
}

ul.off-canvas-list .side-nav {
    padding: 0px;
}

ul.off-canvas-list li {
    border-bottom: 1px solid #dedede;
}

ul.off-canvas-list .side-nav li {
    border-bottom: 1px dotted #dedede;
    
}

ul.off-canvas-list .side-nav li {
    margin: 0px;
}

ul.off-canvas-list li.categoryheading {
    padding: 7px 0px 7px 0px;
}

ul.off-canvas-list li a {
    display: block;
    padding: 8px;
    color: #585858;
    border: none;
    text-transform: uppercase;
    /*-webkit-tap-highlight-color: #dedede;*/
}

ul.off-canvas-list .side-nav li a {
    display: block;
    padding: 8px;
    color: #585858;
    border: none;
    text-transform: uppercase;
    width: 100%;
}



ul.off-canvas-list li a:not(.active):hover {    
    /*background-color: #dedede;*/
    text-decoration: none;
}

ul.off-canvas-list li a.category {
   text-transform:none;
   
   padding: 2px;
   padding-bottom:5px;

}
ul.off-canvas-list li a.category:hover {
   background-color:#fff;
   text-decoration:underline;
}
ul.off-canvas-list li a.headeropensub {
    font-weight:800;
   color:#27598b;
   padding-left:7px;
}
ul.off-canvas-list li a.headeropensub > .fa {
   font-size: 20px;
   padding-top: 3px;
   color:#585858;
}
ul.off-canvas-list li a.headeropensub:hover > .fa {
   
}

ul.off-canvas-list li a:not(.active):active {   
    /*background-color: #dedede;*/
}


ul.off-canvas-list .side-nav li a.activecategory {
    border-radius: 0px;
    color: #494949;
}

ul.off-canvas-list li a.active {
    background-color: #d8e7f2;
    text-decoration: none;
    color: initial;
}

    ul.off-canvas-list li a.active:hover {
        color: initial;
        text-decoration: none;
    }

ul.off-canvas-list li.selected a {
    border-radius: 0px;
    color: #293C45;
    background-color: #d8e7f2;
}

    ul.off-canvas-list li.selected a:hover {
        color: #293C45;
        background-color: #d8e7f2;
    }

ul.off-canvas-list li a.brandselected {
    font-weight: 800;
    color: #d8e7f2;
    font-size: 18px;
}

ul.off-canvas-list .side-nav li.concern {
    padding: 7px 0px 7px 14px;
    color: #fff;
    border-bottom: none;
}



ul.off-canvas-list li.sub {
    padding-left: 20px;
}

    ul.off-canvas-list li.sub a {
        padding: 4px;
    }

ul.off-canvas-list li a.narrow {
    width: 130px;
    float: left;
}


ul.off-canvas-list .side-nav li a {
    display: block;
    padding: 8px;
    color: #EFEFEF;
    border: none;
    text-transform: uppercase;
    width: 100%;
}

ul.off-canvas-list .side-nav li.selected a {
    border-radius: 0px;
    color: #293C45;
    background-color: #d8e7f2;
}

ul.off-canvas-list .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    background: initial;
    color: #EFEFEF;
}



/* END MENUS*/

/* HEADER ITEMS*/
a.bag {
    color: #293C45;
    position: relative;
    display: block;
    font-weight: 400;
    height: 70px;
    /*background: url('/images/whitebag64.png');*/
    background: url('/images/bag_64x64.png');
    padding-right: 35px;
    background-size: 32px 32px;
    background-position: 65px 16px;
    background-repeat: no-repeat;
    line-height: 60px;
    padding-right: 40px;
    padding-left: 7px;
    padding-top: 4px;
    /*padding-bottom: 5px;*/
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    z-index: 6000;
}

.mobileheader.scrolling a.bag {
    background: url('/images/whitebag64.png');
    color: #fff !important;
    background-size: 32px 32px;
    background-position: 65px 16px;
    background-repeat: no-repeat;
}

.mobileheader.scrolling a.bag:hover {
   color: #293C45;
}

a.bag:not(.linkhover):hover {
    /*background-color:#fff;*/
    /*color: #fff;*/
}

a.bag.linkhover {
    background: url('/images/bag_64x64.png');
    background-size: 32px 32px;
    background-position: 65px 16px;
    background-repeat: no-repeat;
    background-color: #fff;
}


.mobileheader.scrolling a.bag.linkhover {
    background: url('/images/bag_64x64.png');
    background-size: 32px 32px;
    background-position: 65px 16px;
    background-repeat: no-repeat;
    background-color: #fff;
    color: #293C45 !important;
}


.toolbartext {
    display: block;
}



a.linkhover {
    background-color: #fff;
    border-left: 1px solid #dedddd;
    border-right: 1px solid #dedddd;
    border-top: 1px solid #dedddd;
    color: #293C45;
}




@media all and (max-width: 910px) {
    a.bag {
        background: url('/images/bag_64x64.png');
        background-size: 32px 32px;
        background-position: 10px 17px;
        background-repeat: no-repeat;
    }

        a.bag.linkhover {
            background: url('/images/bag_64x64.png');
            background-size: 32px 32px;
            background-position: 10px 17px;
            background-repeat: no-repeat;
            background-color: #fff;
        }

    .mobileheader.scrolling a.bag {
        background: url('/images/whitebag64.png');
        background-size: 32px 32px;
        background-position: 10px 16px;
        background-repeat: no-repeat;
    }

        .mobileheader.scrolling a.bag.linkhover {
            background: url('/images/bag_64x64.png');
            background-size: 32px 32px;
            background-position: 10px 16px;
            background-repeat: no-repeat;
            background-color: #fff;
        }

    .toolbartext {
        display: none;
    }
}

a.closebag {
}



a.myaccountpopup {
    position: relative;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 5px;
    /*padding-top: 7px;
    padding-bottom: 5px;*/
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    z-index: 6000;
}

div.bagpopup {
    display: block;
    top: 69px;
    right: 0px;
    z-index: 5000;
    width: 300px;
    position: absolute;
    border: 1px solid #dedddd;
    background-color: #fff;
    opacity: 1;
    box-shadow: 0 2px 2px rgba(182, 182, 182, 0.25);
}

.bagbox.show {
    display: block;
}

a.contact {
    position: absolute;
    font-size: 14px;
    left: 10px;
    padding: 5px;
    margin-top: 7px;
    background-color: #BFD9EA;
    border-radius: 5px;
}

    a.contact:hover {
        background-color: #EA4C88;
        color: #fff;
    }


ul.topmenu {
    padding: 0px;
    position: relative;
    margin-left: 0px;
    height: 70px;
    margin-bottom: 0px;
}

    ul.topmenu > li.topmenu {
        border: 1px none #89ABBC;
        /*border-top-left-radius: 5px;
        border-top-right-radius: 5px;*/
        display: block;
        list-style: none;
        float: left;
        /*text-align: center;*/
        font-size: 18px;
        height: 100%;
    }

    ul.topmenu > li > a {
        /*color: #293C45;*/
        color: #293C45;
        line-height: 70px;
    }

    ul.topmenu li.topmenu > a.shop {
        color: green;
        /*green;*/
    }

.mobileheader.scrolling ul.topmenu > li > a {
    color: #fff !important;
}
.mobileheader.scrolling ul.topmenu > li > a:hover {
    color: #fff  !important;
}
    .mobileheader.scrolling ul.topmenu > li > a.shop {
        color: #ceebff  !important;/*#9ed7ff;*/
    }




ul.topmenu > li.topmenu > a {
    margin-left: 12px;
    margin-right: 12px;
    /*border-top-left-radius: 5px;
            border-top-right-radius: 5px;*/
    /*text-align: center;*/
    font-weight: bold;
    text-decoration: none; /*line-height: 2.8em;*/ /*background-color: #e8eef4;*/
    color: #293C45;
}

@media all and (max-width: 840px) {
    ul.topmenu > li.topmenu > a {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/*ul.topmenu li.topmenu >*/
/*a:hover {
    color: #D13F75;
}*/

ul.topmenu > li > a:hover {
    text-decoration: none;
}

ul.topmenu > li a:hover {
    /*background-color: #fff;*/
    /*text-decoration: none;
    color: #D13F75;*/
    /*color: #5377B5;*/
}

/* f-dropdown overrides */

.f-dropdown {
    outline: none;
}


    .f-dropdown.forceright {
        margin-top: 30px;
        margin-left: 35px;
        max-width: 190px;
    }

    .f-dropdown.forcerightaccount {
        margin-left: 75px;
        max-width:250px;
       margin-right:50px;
    }

    .f-dropdown.open.forceright:before {
        border-color: transparent transparent #FFFFFF transparent;
        border-bottom-style: solid;
        right: 10px;
        top: -12px;
    }

    .f-dropdown.open.forceright:after {
        border-color: transparent transparent #cccccc transparent;
        border-bottom-style: solid;
        right: 9px;
        top: -15px;
    }


.topmenu .f-dropdown {
    border-width: 2px;
    border-radius: 3px;
    padding: 7px;
}

    .topmenu .f-dropdown li a {
        color: initial;
        padding: 7px;
        -webkit-transition: padding-left 0.15s ease-out;
        -moz-transition: padding-left 0.15s ease-out;
        -o-transition: padding-left 0.15s ease-out;
        transition: padding-left 0.15s ease-out;
    }

        .topmenu .f-dropdown li a:hover {
            padding-left: 15px;
            -webkit-transition: padding-left 0.15s ease-out;
            -moz-transition: padding-left 0.15s ease-out;
            -o-transition: padding-left 0.15s ease-out;
            transition: padding-left 0.15s ease-out;
            background-color: #fff;
        }


    .topmenu .f-dropdown.content {
        z-index: 20000;
    }
/* HEADER SHOP */
.headershop {
    text-align: center;
    position: absolute;
    left: 180px;
    z-index: 100;
}


.headerlogo {
    display: block;
}

.headerlogosmall {
    display: none;
}

.scrollheaderlogo {
    display: none;
}

.scrollheaderlogosmall {
    display: none;
}


.scrolling .headerlogo {
    display: none;
}

.scrolling .headerlogosmall {
    display: none;
}

.scrolling .scrollheaderlogosmall {
    display: none;
}

.scrolling .scrollheaderlogo {
    display: block;
}


ul.topmenu > li.searchlink {
    display: none;
}

ul.topmenu > li.search {
    display: block;
}

@media all and (max-width: 825px) {
    .headershop {
        text-align: center;
        position: absolute;
        left: 130px;
        z-index: 100;
    }

    .header > .logo img {
        margin-top: 7px;
        height: 42px;
    }

    .headerlogo {
        display: none;
    }

    .headerlogosmall {
        display: block;
    }

    .scrollheaderlogo {
        display: none;
    }

    .scrollheaderlogosmall {
        display: none;
    }

    ul.topmenu > li.searchlink {
        display: block;
    }

    ul.topmenu > li.search {
        display: none;
    }
}
/* HEADER SEARCH */
.row .row.headersearch {
    margin-left: 410px;
    height: 100%;
}

@media all and (max-width: 724px) {
    .row .row.headersearch {
        margin-left: 330px;
        height: 100%;
    }

    .searchcolumn {
        display: none;
    }
}


/* END HEADER ITEMS*/
span.ccy.AUD {
    background-image: url('/images/icons/flags/au.png');
}

span.ccy.BRL {
    background-image: url('/images/icons/flags/br.png');
}

span.ccy.CAD {
    background-image: url('/images/icons/flags/ca.png');
}

span.ccy.CZK {
    background-image: url('/images/icons/flags/cz.png');
}

span.ccy.DKK {
    background-image: url('/images/icons/flags/dk.png');
}

span.ccy.EUR {
    background-image: url('/images/icons/flags/europeanunion.png');
}

span.ccy.HKD {
    background-image: url('/images/icons/flags/hk.png');
}

span.ccy.HUF {
    background-image: url('/images/icons/flags/hu.png');
}

span.ccy.ILS {
    background-image: url('/images/icons/flags/il.png');
}

span.ccy.JPY {
    background-image: url('/images/icons/flags/jp.png');
}

span.ccy.MYR {
    background-image: url('/images/icons/flags/my.png');
}

span.ccy.MXN {
    background-image: url('/images/icons/flags/mk.png');
}

span.ccy.NZD {
    background-image: url('/images/icons/flags/nz.png');
}

span.ccy.NOK {
    background-image: url('/images/icons/flags/no.png');
}

span.ccy.PHP {
    background-image: url('/images/icons/flags/ph.png');
}

span.ccy.PLN {
    background-image: url('/images/icons/flags/pl.png');
}

span.ccy.GBP {
    background-image: url('/images/icons/flags/gb.png');
}

span.ccy.SGD {
    background-image: url('/images/icons/flags/sg.png');
}

span.ccy.SEK {
    background-image: url('/images/icons/flags/se.png');
}

span.ccy.CHF {
    background-image: url('/images/icons/flags/ch.png');
}

span.ccy.TWD {
    background-image: url('/images/icons/flags/tw.png');
}

span.ccy.THB {
    background-image: url('/images/icons/flags/th.png');
}

span.ccy.TRY {
    background-image: url('/images/icons/flags/tr.png');
}

span.ccy.USD {
    background-image: url('/images/icons/flags/us.png');
}

span.ccy {
    font-size: 14px;
    display: block;
    background-repeat: no-repeat;
    background-position: 5px;
    background-color: #bfd9ea;
    height: 22px;
    padding-left: 25px;
    padding-top: 2px;
    border-radius: 3px;
    margin-top: 5px;
    padding-right: 5px;
}

#secondmenu {
    padding: 0px;
    position: relative;
    margin-left: 0px;
    text-align: left;
    margin-top: 0px;
    height: 30px;
}

    #secondmenu li {
        border: 1px none #89ABBC;
        display: block;
        list-style: none;
        float: left;
        /*text-align: center;*/
        font-size: 16px;
        height: 100%;
    }



        #secondmenu li a {
            /*text-align: center;*/
            text-decoration: none; /*line-height: 2.8em;*/ /*background-color: #e8eef4;*/
            color: #293C45;
            line-height: 30px;
        }

        #secondmenu li.selected a:hover {
            color: #D13F75;
        }



ul#secondmenu li a:hover {
    /*background-color: #fff;*/
    text-decoration: none;
    color: #D13F75;
    /*color: #5377B5;*/
}

#secondrowCategories a {
    color: #293C45;
}

/* MY ACCOUNT MENUS */

div.myaccountpopup {
    position: absolute;
    z-index: 15000;
    right: -1px;
    top: 29px;
    background-color: #fff;
    border-top: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
}

a.myaccountlinkhover {
    border-radius: 0px;
    background-color: #fff;
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
}


#mysummary ul {
    clear: none;
    float: left;
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#mysummary li {
    margin: 0px;
    padding: 0px;
    min-height: 30px;
    min-width: 230px;
    float: none;
}

    #mysummary li.email {
        border: 1px solid #E9E9E9;
        margin: 2px;
        background-color: #F0F0F0;
        height: 36px;
        line-height: 36px;
        width: initial;
        padding-right: 28px;
        padding-left: 5px;
        text-align: center;
    }

    #mysummary li a.item {
        display: block;
        margin: 2px;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        font-size: 13px;
        width: initial;
        clear: both;
    }

        #mysummary li a.item:hover {
            background-color: #D7E7F2;
            border-radius: 0px;
        }


/* SEARCH BOX */
.search form {
    margin-bottom: 0px;
    height: 100%;
    padding: 15px;
}

.search div {
    height: 100%;
    max-width: 280px;
    position: relative;
}

.search form input {
    margin-bottom: 0px;
    height: 100%;
    padding: 7px;
    border-radius: 3px;
    border: 2px solid #b5d6ed;
    padding-right: 32px;
    background-color: #fff;
}


.search.blog form input {
    border: 2px solid #fff;
}

    .search form input:focus {
        background-color: #fff;
    }

.search a.button {
    /*background: url('/images/searchicon_03.png');
background-position: 5px 5px;
background-repeat: no-repeat;*/
    margin-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    height: initial;
    background-color: #fff;
    color: initial;
    position: absolute;
    right: 3px;
    min-width: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    width: initial;
    top: 6px;
    display: block;
    font-size: 16px;
    color: #707070;
}

.searchbox {
    width: 80%;
    max-width: 400px;
    margin: 0px auto;
    margin-top: 17px;
    background-color: #fff;
    height: 30px;
    position: relative;
    padding-right: 30px;
    border-radius: 3px;
    padding: 3px;
    opacity: 1;
}

.searchboxsmall {
    margin-top: 10px;
    margin-left: 30px;
    background-color: transparent;
}

.searchbox input {
    margin-bottom: 0px;
    height: 100%;
    margin-right: 40px;
    padding: 0.4em;
    box-shadow: none;
    border: none;
    outline: none;
    float: left;
    background-color: #fff;
}


.searchbox a.button {
    /*background: url('/images/searchicon_03.png');
background-position: 5px 5px;
background-repeat: no-repeat;*/
    margin-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0px;
    height: initial;
    background-color: #fff;
    color: initial;
    position: absolute;
    right: 3px;
    min-width: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: right;
    width: initial;
    top: 0px;
    display: block;
    font-size: 20px;
    color: #707070;
}

.searchboxsmall input {
    background-color: transparent;
}

    .searchboxsmall input:focus {
        background-color: transparent;
    }

.searchboxsmall a.button {
    font-size: 16px;
    background-color: transparent;
    border-radius: 3px;
    background-color: #dedddd;
}

/* END SEARCH BOX */


/* MY BAG*/
.largeshoppingbagcontainer .row {
    padding-left: 15px;
    padding-right: 15px;
}

.largeshoppingbagcontainer a.checkout {
    margin-right: 10px;
}

.largeshoppingbagcontainer h2 {
    color: #27598b;
    text-transform: lowercase;
}

.largeshoppingbagcontainer a.closebag {
    z-index: 1000;
    position: absolute;
    left: 15px;
    width: 60px;
    height: 60px;
    float: left;
    font-size: 42px;
    top: 5px;
}

/* PANELS */
.whitecontainer {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    /* box-shadow: 0 1px 4px 0 rgba(0,0,0,0.22); */
    box-shadow: 0 2px 1px rgba(0,0,0,.08);
    border-top: 1px solid #eaeaea;
    padding: 15px;
    margin-bottom: 15px;
}

/* BLOG */
.button.drop {
   border-width:2px;
   background-color:#fff;
   padding:7px;
}

.button.drop:hover {
   border-width:2px;
   background-color:#EFEFEF;
}

.blogEntry div.blogcontainer {
    margin: 0px auto;
    float: none;
    max-width: 660px;
}
.blogEntry.blogshare {
    float:left;max-width:400px;
}


@media only screen and (min-width: 1025px) {
    .blogEntry div.blogcontainer {
        float: right;
        max-width: 660px;
    }

}


.blogEntry.blogshare {
    float:left;max-width:400px;
}

@media only screen and (max-width: 1024px) {
   .blogEntry.blogshare {
         float:none;
         max-width:400px;
         margin:0px auto;
    }

}

/*ul.bloglayout  {
    outline:none;
    margin:0px;
}

ul.bloglayout li {
    clear: none;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin: 20px 15px;
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 1px rgba(0,0,0,.08);
    width: 25%;
    margin-left: 4%;
    margin-right: 4%;
    
}

ul.bloglayout img.thumbnail {
    height:200px;
    width:auto;
}

ul.bloglayout div.blogItem {
    background-color: #fff;
     margin:5px;    
    border-radius: 5px;   
   
    word-wrap: break-word;    
  
    height: 400px; 
    
}

ul.bloglayout div.blogItem h2 {
   font-size:20px;
}*/

.bloggallery {
    margin-top: 0px;
}

@media only screen and (max-width: 640px) {
    .bloggallery {
        border: none;
    }
}


.grid {
    list-style-type: none;
    padding: 0;
   
    margin: 0;
    padding: 10px;
    padding-top:0px;
}

    .grid li div.cover {
        background-color: #292d35;
    }

    .grid li {
        /*clear: none;
	float: none;*/
        display: inline-block;
        float: left;
        vertical-align: top;
        padding: 0;
        position: relative;
        overflow: hidden;
        /*margin-bottom:15px;*/
        /*padding:0px;
    margin:0px;*/
        /*margin-top: 20px;
    */
        /*margin: 20px 15px;
	
	
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;*/
    }

div.inner {
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
    /*box-shadow: 0 2px 1px rgba(0,0,0,.08);*/
    /*box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.30);*/
}

.whitebox {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(0,0,0,.12);
    border-top: 0px solid #eaeaea;
    padding: 15px;
}

.grid li div.inner {
    margin-left: 7px;
    margin-right: 7px;
}

.grid li h2 {
    font-size: 20px;
    text-transform: none;
}

.grid li a {
    display: block;
    padding: 0;
    background: #fff;
}

    .grid li a:hover img {
        /*opacity:0.8;*/
    }

.grid li .text {
    clear: both;
    float: left;
    position: relative;
    margin: 1em 1em 0.5em 1em;
    height: 6.6em;
}

.grid li h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #27598b;
}

.grid li h3 {
    line-height: 1.3em;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.grid li a:hover h3 {
    color: #aaa;
}

.grid li .text .category {
    position: absolute;
    bottom: 0;
    padding-top: 10px;
    font-size: 14px;
    width: 100%;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    /*.grid li .text .category:before {
        content: "";
        width: 15px;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #b5b9bd;
    }*/




@media only screen and (min-width: 450px) {
    .grid li {
        width: 50%;
    }
}

@media only screen and (min-width: 740px) {
    .grid li {
        width: 33.333333%;
    }
}

@media only screen and (min-width: 920px) {
    .grid li {
        width: 25%;
    }
}

@media only screen and (min-width: 1200px) {
    .grid li {
        width: 20%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 449px) {
    .bloggallery {
        padding: 0px;
    }

    .grid {
        padding: 0px;
    }

        .grid .inner.whitebox {
            padding: 0px;
            margin: 0px;
            border: none;
            border-radius: 0px;
        }

         .grid .inner a {
            width:100%;
        }


        .grid.ul {
            padding: 0px;
            margin: 0px;
        }

        .grid li {
            position:relative;
            padding: 0px;
            margin: 0px;
        
        }

            .grid li img {
                margin: 0px;
                float: left;
                width: 35%;
                display:block;
            }

            .grid li div.text {
                clear: none;
                margin: 0px;
                float: left;
                width: 65%;
                padding:15px;
                
                /*height:100%;*/
            }

            .grid li div.text h2 {
                font-size:18px;
                float: left;
                width: 100%;
            }

            div.borderbottom {
                border-bottom:1px solid #EFEFEF;
                position:absolute;
                width:65%;
                right:0px;
                bottom:0px;
            }
}

/*.grid-more {
	text-align:center;
	padding:30px 0;
}*/

section.hero {
    height: 500px;
}

section.hero {
    display: table;
    width: 100%;
    padding: 0;
    min-height: 480px;
    height: 480px;
    text-align: center;
    overflow: hidden;
}

    section.hero .banner-wrapper {
        position: relative;
        width: 100%;
        padding: 30px 0;
        display: table-cell;
        vertical-align: middle;
    }

    section.hero h2 {
        width: 90%;
        text-align: center;
        margin: 0px auto;
        text-transform: none;
        color: #fff;
        margin-bottom: 15px;
    }

    section.hero .banner-dark {
        background: #292d35;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        transition: opacity 0.5s;
    }

    section.hero .button {
        margin: 10px;
        background-color: transparent;
        background-image: none;
        border: 1px solid #fff;
        color: #fff;
        text-shadow: none;
        text-align: center;
        box-shadow: none;
        transition: background-color .15s ease-out;
        border-radius: 3px;
    }

        section.hero .button:hover {
            margin: 10px;
            background-color: #fff;
            background-image: none;
            border: 1px solid #fff;
            color: #333;
            text-shadow: none;
            text-align: center;
            box-shadow: none;
            transition: background-color .15s ease-out;
        }

@media only screen and (max-width: 640px) {
    section.hero {
        min-height: 0;
        height: 250px;
    }



    /*.cover {
                position: relative;
          
        }*/
}


/* CURRENCIES */

.largeshoppingbagcontainer a.openccy, a.openccy {
    z-index: 1000;
    position: absolute;
    right: 13px;
    font-size: 16px;
    top: -3px;
    border: 1px dotted lightgrey;
    border-radius: 3px;
    padding-right: 5px;
    padding-left: 9px;
}

.smallshoppingbagcontainer a.openccy, a.openccy {
  
    right: 0px;


}

    .largeshoppingbagcontainer a.openccy:hover, a.openccy {
        background-color: #EFEFEF;
    }

div.ccycontainer {
    border: none;
    padding-left: 25px;
}

    div.ccycontainer > span {
        display: block;
        float: right;
        line-height: 26px;
    }

    div.ccycontainer.AUD {
        background-image: url('/images/icons/flags/au.png');
    }

    div.ccycontainer.BRL {
        background-image: url('/images/icons/flags/br.png');
    }

    div.ccycontainer.CAD {
        background-image: url('/images/icons/flags/ca.png');
    }

    div.ccycontainer.CZK {
        background-image: url('/images/icons/flags/cz.png');
    }

    div.ccycontainer.DKK {
        background-image: url('/images/icons/flags/dk.png');
    }

    div.ccycontainer.EUR {
        background-image: url('/images/icons/flags/europeanunion.png');
    }

    div.ccycontainer.HKD {
        background-image: url('/images/icons/flags/hk.png');
    }

    div.ccycontainer.HUF {
        background-image: url('/images/icons/flags/hu.png');
    }

    div.ccycontainer.ILS {
        background-image: url('/images/icons/flags/il.png');
    }

    div.ccycontainer.JPY {
        background-image: url('/images/icons/flags/jp.png');
    }

    div.ccycontainer.MYR {
        background-image: url('/images/icons/flags/my.png');
    }

    div.ccycontainer.MXN {
        background-image: url('/images/icons/flags/mk.png');
    }

    div.ccycontainer.NZD {
        background-image: url('/images/icons/flags/nz.png');
    }

    div.ccycontainer.NOK {
        background-image: url('/images/icons/flags/no.png');
    }

    div.ccycontainer.PHP {
        background-image: url('/images/icons/flags/ph.png');
    }

    div.ccycontainer.PLN {
        background-image: url('/images/icons/flags/pl.png');
    }

    div.ccycontainer.GBP {
        background-image: url('/images/icons/flags/gb.png');
    }

    div.ccycontainer.SGD {
        background-image: url('/images/icons/flags/sg.png');
    }

    div.ccycontainer.SEK {
        background-image: url('/images/icons/flags/se.png');
    }

    div.ccycontainer.CHF {
        background-image: url('/images/icons/flags/ch.png');
    }

    div.ccycontainer.TWD {
        background-image: url('/images/icons/flags/tw.png');
    }

    div.ccycontainer.THB {
        background-image: url('/images/icons/flags/th.png');
    }

    div.ccycontainer.TRY {
        background-image: url('/images/icons/flags/tr.png');
    }

    div.ccycontainer.USD {
        background-image: url('/images/icons/flags/us.png');
    }

button.changecurrency {
    padding: 0px;
    background-color: #fff;
    color: initial;
    border-radius: 5px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px dotted lightgrey;
    float: left;
}

    button.changecurrency:hover {
        background-color: #EFEFEF;
    }

ul.currencylist {
    outline: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
}

    ul.currencylist li {
        clear: left;
    }

        ul.currencylist li > button {
            padding: 0px;
            background-color: #fff;
            color: #494949;
            border-radius: 5px;
            padding-left: 8px;
            padding-right: 4px;
            border: 1px dotted lightgrey;
            float: left;
        }

            ul.currencylist li > button:hover {
                background-color: #EFEFEF;
            }

        ul.currencylist li > span {
            float: left;
            display: block;
            padding: 5px;
        }



        .blockMsg.blockUI.blockElement {
            top:100px;
        }


/* =============*/
/* SECTIONS */
/* =============*/

section.shophome {
    
    
}

#footersection a.info {
    line-height:140%;
} 
/*
 HEADINGS    
*/
h1.productcategory {
     font-family: proxima-nova-n4, proxima-nova, sans-serif;
    color: #293C45;
    font-weight: 600;
    font-size: 28px;
    margin-top: 0px;
    /*margin-bottom: 15px;*/

    border-bottom: 1px solid #dbdbdb;

    text-transform: none;
    line-height: 100%;
    padding-top: 0px;
    /*margin-bottom: 15px;*/
    margin-bottom:0px;
    
}
h1.productcategory span.dim {
    font-weight:400;
}
    h1.productcategory small {
        font-size: inherit !important;
        padding-left: 5px;
        text-transform: none;
        font-weight: 400;
    }

h2.productcategory {
    color: #568094;
    font-weight: 600;
    font-size: 24px;
    margin-top: 10px;
    padding-bottom: 0px;
    /*border-bottom:1px solid #d7e7f2;*/
    text-transform: uppercase;
}

h4.productcategory {
    color: #568094;
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
    padding: 0px;
    text-transform: uppercase;
}


@media all and (max-width:640px) {
    h1.productcategory {
        font-size: 20px;
        text-transform: none;
        margin-bottom:0px;
         
    }

     h1.productcategory small {
        font-size: 16px !important;        
    }
}

h1.breadcrumb {
    font-family: proxima-nova-n4, proxima-nova, sans-serif;
    text-transform: uppercase;
    color: #568094;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0px;
    color: #333333;
    margin-top: 3px;
}



/*
 END HEADINGS    
*/

/* -----------------------------------------
   products
----------------------------------------- */

ul.gallery {
    list-style: none;
    margin: 0 auto;
    /*width: 928px;*/
    /*width: 960px;*/
    width: 1200px;
}

    ul.gallery li {
        float: left;
        margin-bottom: 12px;
        /*height: 340px;*/
        width: 237px;
    }

        ul.gallery li div.wrapper {
            padding: 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            background: #fff;
            position: relative;
            /*-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
            -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);*/
            /*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.22);*/
            box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.15);
            margin-left: 12px;
            /*height: 320px;
            width: 225px;*/
            height: 330px;
            padding-left: 6px;
            padding-right: 6px;
            padding-bottom: 10px;
            position: relative;
        }

.new {
    border-top-left-radius:3px;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 45px;
    height: auto;
}

.orderrow {
    padding-left: 20px;
    padding-right: 20px;
}


div.imgCell {
    height: 175px;
    max-height: 175px;
    padding: 0px;
}

    div.imgCell > table {
        margin-bottom: 0px;
        height: 100%;
        width: 100%;
    }

    div.imgCell table td {
        text-align: center;
    }

    div.imgCell img {
        max-height: 150px;
        max-width: 180px;
        margin: 0px auto;
        display: table-cell;
        vertical-align: middle;
    }

div.priceCell {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    padding: 0px;
}


    div.priceCell .prices {
        float: left;
        width: 100%;
        height: 35px;
        line-height: 100%;
        margin-bottom:5px;
    }

    div.priceCell .cta {
        /*float: left;*/
        width: 100%;
    }

    div.priceCell .singleprice {
        width: 100%;
        text-align: center !important;
        vertical-align: top;
    }

    div.priceCell .leftprice {
        width: 50% !important;
        float: left;
        text-align: left !important;
    }

    div.priceCell .rightprice {
        width: 50% !important;
        float: left;
        text-align: right !important;
    }

.sale {
    color: #A92326;
}


ul.gallery a.productName {
    line-height: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    height: 50px;
}


@media all and (max-width: 1450px) {

    ul.gallery {
        width: 960px;
    }
}


@media all and (max-width: 1200px) {

    ul.gallery {
        width: 720px;
    }
}

@media all and (max-width: 968px) {

    ul.gallery {
        width: 482px;
    }
}


@media all and (max-width: 768px) {
    ul.gallery {
        width: 445px;
        margin: 0px auto;
    }

        ul.gallery li {
            float: left;
            margin-bottom: 12px;
            /*height: 340px;*/
            width: 210px;
        }

    div.imgCell img {
        max-height: 150px;
        max-width: 160px;
        margin: 0px auto;
        display: table-cell;
        vertical-align: middle;
    }
}

@media all and (max-width:640px) {
    ul.gallery {
        width: 482px;
    }

        ul.gallery li {
            width: 232px;
        }

    ul.f-dropdown {
        width: 135px;
        border-width: 1px;
        background-color: #fbfbfb;
        color: #121212;
        opacity: 1;
          
        /*font-weight: 800;*/
    }

      ul.f-dropdown li.dot {            
            border-bottom: 1px dotted #dcdcdc !important;
        }


        ul.f-dropdown.extra li {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom: 1px dotted #c1c1c1;
        }

            ul.f-dropdown.extra li.noborder {
                border-bottom: none;
            }

    div.imgCell img {
        max-height: 150px;
        max-width: 180px;
        margin: 0px auto;
        display: table-cell;
        vertical-align: middle;
    }
}

/* SMALL PRODUCT BUBBLE */
@media all and (max-width:480px) {
    ul.gallery {
        width: 100%;
        border-top:1px solid #e5e5e5;
    }

        ul.gallery li {
            border: 0px;
            width: 100%;
            border-radius: 0px;
            height: inherit;
            margin-bottom: 0px;            
            height:135px;
        }

            ul.gallery li div.wrapper {
                 height:100%;
                
                /*max-height: 130px;*/
                width: 100%;
                float: left;
                margin: 0px;
                padding-right: 5px;
                border-radius: 0px;
                padding-left: 0px;
                box-shadow: none;
                 border-bottom: 1px solid #e5e5e5  ;
                 /*padding-bottom:10px;*/
                 padding-top:0px;
            }

        ul.gallery a.productName {
            height: initial;
            padding-right: 10px;
        }

        ul.gallery .button.addtobag {
            /*position:fixed;
            bottom:10px;
            right:10px;*/
        }


    .productName {
        text-align: left !important;
        /*min-height:40px;*/
    }

        .productName.productNameCart {
            min-height: initial;
        }

         div.priceCell  {
          margin-top:7px;
         }

    div.priceCell .prices {
        float: left;
        width: 100%;
        height:auto;
          margin-bottom:10px;
    }

    div.priceCell .cta {
        /*float: left;*/
        width: 100%;
        margin-top:15px;
    }

    div.priceCell .singleprice {
        text-align: left !important;
    }

    div.priceCell .leftprice {
        text-align: left !important;
    }

    div.priceCell .rightprice {
        text-align: left !important;
    }

    .rightpricecontainer {
        float: right;
        width: 110px;      
        display:block;
      
    }

        .rightpricecontainer > span.sale {
            text-align: center;
        }

        .rightpricecontainer > span.clNormalPrice {
            text-align: center;
        }


    div.priceCell .button {
        font-size: 12px;
        line-height: 12px;
        padding: 7px;
        margin-top: 0px;
    }



    div.imgCell {
        width: 35%;
        padding-top: 0px;
        float: left;
        
        height: initial;
        /*max-height: 123px;*/
        
    }



        div.imgCell img {
            max-height: 110px;
            max-width: 105px;
            margin: 0px auto;
            padding-left: 8px;
            padding-right: 8px;
            /*border:1px solid blue;*/
            display: table-cell;
            vertical-align: middle;
        }


        div.imgCell > table {
            /*height: 80px;*/
            /*max-height: 100px;*/
            height:133px;
            width: auto;
            max-width: 100%;
            margin: 0px auto;  
            
        }

            div.imgCell > table td {
                text-align: center;
                width: 105px;
              
                /*padding: 0px;*/
                vertical-align: middle;
                padding-left: 6px;
                padding-right: 6px;
                height:100%;
            }

    /*div.imgCell > a > img {
                border:3px solid green;
                
            }*/

    div.priceCell {
        width: 65%;
        float: left;
    }


    .orderrow {
        padding-left: 10px;
        padding-right: 10px;
    }

    .f-dropdown.tiny {
        max-width: 140px;
        width: 135px;
    }
    
    .forceleft {
        text-align: right !important;
        padding-right: 5px;
    }
}

img.brandlogo {
    max-height: 35px;
    width: auto;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 5px;
}

.valign-middle {
    display: table;
}

    .valign-middle .columns {
        display: table-cell;
        vertical-align: middle;
    }

    .valign-middle .columns,
    .valign-middle [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

@media all and (min-width:0px) and (max-width:480px) {
    .doublepointicon {
        position: absolute;
        bottom: 8px;
        left: 100px;
        width: 42px;
    }
}

@media all and (min-width:481px) {
    .doublepointicon {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 51px;
    }
}



/* SHOPPING BAG */
.bagcount {
    position: absolute;
    right: 7px;
    top: 35px;
    font-size: 11px;
    background-color: #5F81B6; /* #5F81B6;*/
    color: #fff;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    z-index: 9999;
    border: 1px solid #5F81B6;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
}

@media all and (max-width: 640px) {
    .bagcount {
        position: absolute;
        right: 5px;
        top: 24px;
        font-size: 11px;
        background-color: #5F81B6; /* #5F81B6;*/
        color: #fff;
        font-weight: bold;
        padding-left: 2px;
        padding-right: 2px;
        z-index: 9999;
        border: 1px solid #5F81B6;
        border-radius: 5px;
        height: 20px;
        line-height: 20px;
    }
}

.bagitemhighlight {
    background-color: mintcream;
}

a.remove {
    display: block;
    background-image: url('/images/crosserror32.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position-x: 16px;
    background-position-y: 0px;
    font-size: 9px;
    width: 40px;
    height: 20px;
    color: transparent;
    float: right;
    /*padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
   padding-right:10px;*/
}


a.removeitem {
    display: block;
    padding-top: 3px;
    width: 30px;
    height: 30px;
    color: transparent;
    float: right;
    color: darkred;
    padding-right: 2px;
}

    a.removeitem:before {
        content: "\f014";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        font-size: 18px;
        text-align: center;
    }

/*button.changequantity
{
  
   
    width: 24px;
    height: 24px;
  background-color:white;
   
    color: dimgrey;
   padding: 0;
border: none;
background: none;
   box-shadow: none;
}*/

input.changequantity {
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    font-family: FontAwesome;
    color: lightgrey;
    font-size: 22px;
}

select::-ms-expand {
    display: none;
}


.discount {
    background-color: #F5FEF7;
    color: green;
}

.row.rewardmoney {
    background-color: #fff5fa;
}

/* CHECKOUT */
.checkoutstep {
    position: relative;
    padding-left: 30px;
    height: 32px;
    line-height: 32px;
    display: block;
    border-bottom: 1px solid #334973;
}

.circle {
    position: absolute;
    left: 0px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 250px;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background: #334973;
    top: 5px;
}


/* SIDE NAVIGATION SHOP MENU */
.side-nav-container {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 0px;
    padding-top:10px;
    padding:10px;
    padding-bottom:0px;
}

.side-nav {
    display: block;
    font-family: inherit; /*"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;*/
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    /*padding: 0.875rem 0;*/
    margin-top: 0px;
    padding: 0px;
}

.side-nav-container hr {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left:-10px;
    margin-right:-10px;
}

.side-nav h2, .side-nav-container h2, .side-nav h3, .side-nav-container h3  {
     font-family: proxima-nova-n4, proxima-nova, sans-serif;
    font-size: 1.15em;
    
    margin-bottom: 5px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    width: 100%;
    text-transform: none;
    
    color:#405864;
    text-transform: none;
    font-weight: 800;

}

    .side-nav-container h2.filterheader,  .side-nav-container h3.filterheader {
        padding-left: 10px;
    }



/*.side-nav-container h2.filterheader {
        font-size: 1.2em;            
          color:dimgrey;
        margin-bottom: 7px;
        margin-top: 7px;
        font-weight:600;
        padding-left:10px;
        width: 100%;
        text-transform:none;
        
    }*/


@media all and (max-width: 640px) {
    ul.side-nav {
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -o-column-count: 2;
        -o-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
        list-style-position: inside;
    }

    
    ul.side-nav  li {
          -webkit-column-break-inside: avoid;
          column-break-inside: avoid;
        page-break-inside: avoid; 
    }
}

ul.side-nav {
    /*margin-top: 7px;*/
    margin-left: 0px;
    margin-right: 0px;
    /*margin-bottom: 7px;*/
}

.brandsub {
    padding-top: 0px;
    margin-bottom: 15px;
}

@media all and (max-width: 768px) {

    .side-nav h2, h2.brand, h2.category {
        font-size: 1.2em;
    }
}

.side-nav li {
    text-transform: none;
    margin: 0px;
    margin-bottom:4px;
}


    .side-nav li.filtertitle {
        margin-bottom: 7px;
    }

    .side-nav li.menuheading {
        padding: 5px;
    }

    .side-nav li a:not(.button) {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-transform: none;
        font-size: 15px;
        color:#585858;
        padding-left: 0px;
        padding-right: 5px;
        background-color: transparent;
    }

    a.clear {
        margin-top:5px;
          color:#383838;
          margin-bottom:5px;
    }
    a.clear:hover {
          text-decoration:underline;
    }

      a.dropdown {
       /*margin-left:10px;
       margin-right:10px;*/
       margin-top:10px;
       padding:7px;
       display:block;
       border:1px solid #ddd;
       border-radius:3px;
       color:dimgrey;
       background-color:#fff;
    }

       a.dropdownsort {
       
       margin-right:0px;
       margin-bottom: 4px;
       padding:7px;
       display:block;
       border:1px solid #ddd;
       border-radius:3px;
       color:#293C45;
       background-color:#fff;
       font-size:15px;
    }

    /*.side-nav li a.darkgray {
        color: darkgray;
    }*/

    .side-nav li a label  {
        font-family: proxima-nova-n4, proxima-nova, sans-serif;
        margin-bottom: 0px;
        margin: 0px;
        font-size: 15px;
        display: block;
        color: #383838 !important;
         padding-left: 15px;
    text-indent: -15px;
        
    }

     .side-nav li label
     {
         color: #383838 ;
     }

    .side-nav li input[type="checkbox"], .side-nav li input[type="radio"], .side-nav li select {
        margin-bottom: 0px;
        margin-right: 7px;
        /*padding-top:5px;*/
        width: 13px;
        height: 13px;
        padding-right: 2px;
        margin-right: 2px;
        vertical-align: bottom;
        position: relative;
        top: -5px;
        *overflow: hidden;
    }

    .side-nav li label input[type="checkbox"] {
        margin-right: 5px;
    }

a.filtertitle {
    color: dimgrey;
    margin-top: 10px;
    margin-bottom: 10px;
    /*padding-right: 5px;
    padding-left: 10px;*/
}

.mobile a.filtertitle {
      padding-left: 0px;
}
    /*a.filtertitle h2 {
    color:dimgrey;
    text-transform:none;
    font-weight:600;
}*/
    a.filtertitle:hover h2, a.filtertitle:hover h3 {
        color: #178cd7;
    }

h2 .glyph {
    font-size: 0.75em;
    margin-right: 3px;
}

.side-nav li.noborder {
    border-bottom: none;
}

.side-nav li.category, .side-nav li.brand {
    border-bottom: none;
}


ul.brandsub li a:not(.button) {
    text-transform: uppercase;
}


.side-nav li span {
    padding-left: 18px;
    padding-right: 5px;
    background-color: transparent;
    padding-bottom:7px;
    padding-top:7px;
    font-size:16px;
}

.side-nav li span.disabled {
    color:#a5a5a5;
}
.side-nav li label.disabled {
        font-size: 15px;
    color:#b5b5b5;
    /*padding-left:18px;*/
    padding-bottom:0px;
    padding-top:0px;
    
}


.side-nav li.concern {
    margin-top: 10px;
    padding-left: 15px;
    background-color: transparent;
}

/*.side-nav li a:not(.button) label {
    color: #5a5a5a;
}*/

/*.side-nav li  a:not(.button):hover label {
   color:red;
}*/

.side-nav li a:not(.button):hover {
    background-color: transparent;
    color: #293C45;
    text-decoration: underline;
    /*
    color: #D13F75;
    text-decoration: underline;*/
}

/*.side-nav li label:hover {
    background-color: transparent;    
    text-decoration: underline;
}*/


.side-nav li a:not(.button):focus {
    background-color: transparent;
    color: #293C45;
    /*color: #008cba;*/
}


.side-nav li a.menulink:hover {
    text-decoration: none;
}


.side-nav li h2 a.glyph {
    color: inherit;
}

.side-nav i.glyph {
    line-height: inherit;
    font-size: 16px;
}

.side-nav ul.brandsub li {
}

    .side-nav ul.brandsub li a {
        padding-top: 0px;
        height: 27px;
        line-height: 27px;
    }


.side-nav li.selected a {
    background-color: #d8e7f2;
    border-radius: 3px;
}

    .side-nav li.selected a:hover {
        background-color: #d8e7f2;
        text-decoration: none;
        border-radius: 3px;
        color: initial;
    }

.side-nav li a.brandselected {
    font-weight: 800;
}

.side-nav li:not(.category) a.active {
    background-color: #d8e7f2;
}

li.specials a:not(.button) {
    color: #D50066;
}

.side-nav li.brand a:hover, .side-nav li.category a:hover, .side-nav li.skincondition a:hover {
    background-color: transparent;
}

/* FILTERS - SELECTED TAGS*/
#filtercontainer {
    border-radius:3px;
    /*border:1px solid red;*/
    /*background-color: #d7e5eb;*/
    /*margin-bottom:15px;*/
   
   
      /*white-space: nowrap;*/
}



/* BRAND FILTERS */
#filtercontainer .brandbannerinner{
    /**/
    /*border-radius:10px;*/
}

#filtercontainer .brandbackground {
   
    height: 100px;
       line-height: 100px;
   
}
@media all and (max-width:640px) {
    #filtercontainer {
  
    }

    #filtercontainer  .row.brandbackground {           
       
    }
    #filtercontainer .brandbannerinner {
  
    }

}


#filtercontainer .astbrandbackground {
    background-color: #d9d9d9;
    
}

#filtercontainer .bhavebrandbackground {
    background-color: #fff;
    
}

#filtercontainer .synergiebrandbackground {
    background-color: #cdc2c0;
}
#filtercontainer .synergiemineralsbrandbackground {
    background-color: #cdc2c0;
}

#filtercontainer .centellabrandbackground {
    background-color: #5f87a0;
}
#filtercontainer .coloresciencebrandbackground {
    background-color: #bcdbef;
}

#filtercontainer .hydraflorebrandbackground {
    background-color: #f6d2d6;
}
#filtercontainer .lashesmdbrandbackground {
    background-color: #fff;
}
#filtercontainer .medik8brandbackground {
    background-color: #fff;
}
#filtercontainer .missvitalitybrandbackground {
    background-color: #e8e9e4;
}

#filtercontainer .spaceuticalsbrandbackground {
    background-color: #f1e9e6;
}
#filtercontainer .waterlilybrandbackground {
    background-color: #e8e8e8;
}
#filtercontainer .xentanbrandbackground {
    background-color: #fff;
}
#filtercontainer .row.brandbackground {
   
     border-radius: 3px;
}

#filtercontainer .aspectbrandbackground {
    height:80px;
        line-height: 80px;
    background-color: #d7e5eb;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    /*border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;*/
}

#filtercontainer .societebrandbackground {
    height:80px;
    line-height: 80px;
    background-color: #ecf4e5;
       border-top-left-radius:3px;
    border-top-right-radius:3px;
}
#filtercontainer .skinmedicabrandbackground {
    height:80px;
    line-height: 80px;
    background-color: #6f7176;
       border-top-left-radius:3px;
    border-top-right-radius:3px;
}
#filtercontainer .teenaspectbrandbackground {
    height:80px;
    line-height: 80px;
    background-color: #fff;
       border-top-left-radius:3px;
    border-top-right-radius:3px;
}

#filtercontainer .qedbrandbackground {
    height:80px;
    line-height: 80px;
    background-color: #fff;
       border-top-left-radius:3px;
    border-top-right-radius:3px;
}

#filtercontainer .cosmedixbrandbackground {
    height:80px;
    line-height: 80px;
    background-color: #e1e1e1;
           border-top-left-radius:3px;
    border-top-right-radius:3px;
}
/*#filtercontainer span.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/

#filtercontainer img.logobanner {
    max-height: 65px;
    max-width: 100%;
    width:auto;
   /*margin-top: 10px;*/
    vertical-align: middle;
}

#filtercontainer div.aspectbrandphoto {
    
    background: url("/images/banners/aspectbrandimage.jpg");
    background-position: 55% 50%;
    background-size: 110%;
 
  
}

#filtercontainer div.bhavebrandphoto {
    
    background: url("/images/banners/bhavebrandimage.jpg");
    background-position: 100% 55%;
    background-size:80%;
     border-radius:0px;
  
}
#filtercontainer div.teenaspectbrandphoto {
    
    background: url("/images/banners/teenaspectbrandimage.jpg");
    background-position: 55% 30%;
    background-size: 100%;
   
  
}
#filtercontainer div.synergiebrandphoto {
     
    background: url("/images/banners/synergiebrandimage.jpg");
    background-position: 55% 90%;
    background-size: 100%;
}
#filtercontainer div.synergiemineralsbrandphoto {
     
    background: url("/images/banners/synergiemineralsbrandimage.jpg");
    background-position: 55% 80%;
    background-size: 100%;
}
#filtercontainer div.skinmedicabrandphoto {
     
    background: url("/images/banners/skinmedicabrandimage.jpg");
    background-position: 80% 70%;
    background-size: 100%;
}

#filtercontainer div.centellabrandphoto {
     
    background: url("/images/banners/centellabrandimage.jpg");
    background-position: 55% 65%;
    background-size: 100%;
}
#filtercontainer div.coloresciencebrandphoto {
     
    background: url("/images/banners/coloresciencebrandimage.jpg");
    background-position: 55% 80%;
    background-size: 75%;
}
#filtercontainer div.row.coloresciencebrandbackground img.logobanner {    
   /*margin-top: 20px !important;*/
   max-height:50px;
}

#filtercontainer div.cosmedixbrandphoto {
     
    background: url("/images/banners/cosmedixbrandimage.jpg");
    background-position: 100% 90%;
    background-size: 100%;
}

#filtercontainer div.societebrandphoto {
     
    background: url("/images/banners/societebrandimage.jpg");
    background-position: 100% 30%;
    background-size: 100%;
}

#filtercontainer div.hydraflorebrandphoto {
     
    background: url("/images/banners/hydraflorebrandimage.jpg");
    background-position: 100% 40%;
    background-size: 100%;
}
#filtercontainer div.medik8brandphoto {
     
    background: url("/images/banners/medik8brandimage.jpg");
    background-position: 100% 40%;
    background-size: 100%;
}
#filtercontainer div.missvitalitybrandphoto {
     
    background: url("/images/banners/missvitalitybrandimage.jpg");
    background-position: 100% 70%;
    background-size: 100%;
}
#filtercontainer div.row.missvitalitybrandbackground img.logobanner {    
   margin-top: 0px !important;
   max-height:70px;
}


#filtercontainer div.brandphoto {
    border-radius:0px; 
     height: 100%;  
       background-repeat: no-repeat;

}

/*#filtercontainer div.logobanner {
    background: url("/images/logos/aspectlogo.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 60px;
}*/


#tobdiscount {
    background-color: #e4f1e2;
    padding: 5px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

    #tobdiscount span.tobdiscount {
        color: #027000;
        font-size: 20px;
        margin: 7px;
        margin-top:9px;
        padding: 0px;
        text-transform: uppercase;
        /*font-weight:400;*/
        line-height: 100%;
        display: block;
    }


#filtercontainer .tobdiscountsmall a.tobbutton {
    /*position:absolute;*/
    /*bottom:7px;
    right: 7px;
    float:right;*/        
}



#filtercontainer span.tobdiscount .bigger {
    /*font-size: 1.5em;*/
}

@media all and (max-width:480px) {
    #filtercontainer .tobdiscount span.tobdiscount {
        font-size: 16px;
        margin-top: 10px;
    }
}



#filters div, #filters-save div {
    display: inline-block;
    padding-left: 10px;
    line-height: 25px;
    margin-right: 5px;
    margin-bottom: 7px;
    color: #293C45;
    border-radius: 2px;
    font-size: 14px;
    border: 1px solid #b7d0e1;
    background-color:#d7e7f2; /*#fff;*/
}

#filters-save div {
}

#filters a {
    display: inline-block;
    line-height: 25px;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    color: #688e9f;
    background-color: #d7e7f2;
}

    #filters a:hover {
        background-color: #c6dae9;
    }

.brandsub {
    outline: none;
    list-style: none;
}

    .brandsub li:not(.concern) {
        text-transform: none;
        border-bottom: none;
        color: #222;
    }

    .brandsub li a:not(.button) {
        color: #293C45;
    }


    
.button.tobbutton {
    color: #017000;
    font-weight: 600;
    padding-top: 0px;
    border-radius: 3px;
    background-color: #badcb5;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 80px;
    margin: 5px;
}

    .button.tobbutton:hover {
        background-color: #93bd8d;
    }



/* =======================*/
/* Pager */
/* =======================*/
#pagercontainer {
    /*background-color:#fff;*/
    border-radius: 3px;
    /*padding:7px;
 border:1px solid #e0e0e0;*/
    margin-bottom: 15px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.pageNumbers {
    float: left;
    padding: 0px;
    display: block;
    margin: 0px;
    padding-top: 0px;
    color: #3F5C6B;
}

    .pageNumbers li {
        display: block;
        float: left;
        line-height: 26px;
        height: 26px;
    }

        .pageNumbers li a {
            display: block;
            float: left;
            height: 26px;
            line-height: 26px;
            min-width: 20px;
            list-style: none;
            vertical-align: middle;
            padding: 0px;
            color: #3F5C6B;
            text-align: center;
            border-radius: 3px;
            background-color: inherit;
            margin: 2px;
            font-size: 14px;
        }

        .pageNumbers li.recordcount {
            margin: 2px;
            font-size: 14px;
        }

.selectedPageNumber {
    margin: 2px;
    padding: 0px; /*height: 15px;
    width: 15px;*/
    border-radius: 3px;
    background-color: #8C8C8C;
    color: #FFFFFF;
    height: 26px;
    line-height: 26px;
    min-width: 26px;
    text-align: center;
    vertical-align: middle; /*
    float: left;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    background-color: #B8CFE7;
    color: #336699;
    text-align: center;
     border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
}

.pageNumbers li a:hover {
    text-decoration: underline;
}

/* =======================*/
/* END Pager */
/* =======================*/


/*
==========================================
 SIDEBAG
========================================== 
*/
#sidebag.panel {
    padding: 10px;
    line-height: 100%;
    font-size: 15px;
    opacity: 1;
}

.shoppingbag {
    line-height: 100%;
}

#sidebag h2 {
    margin-bottom: 10px;
    font-size: 22px;
}

#sidebag .productName {
    display: block;
    color: #008cba;
}

#sidebag .warning {
    margin-top: 5px;
    font-size: 14px;
    color: #fe8000;
}

#sidebag hr {
    margin-top: 6px;
    margin-bottom: 6px;
}

.medlighttext {
    color: #8e8e8e;
}

.greentext {
    color: #3d8a26;
}

#sidebag > .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}


.button.checkout, .button.standard {
    color: #ffffff;
    padding-top: 0px;
    border-radius: 3px;
    border: 1px solid #bbbbbb;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #178cd7;
    background-image: -moz-linear-gradient(top, #29ABE2, #178cd7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#29ABE2), to(#178cd7));
    background-image: -webkit-linear-gradient(top, #29ABE2, #178cd7);
    background-image: -o-linear-gradient(top, #29ABE2, #178cd7);
    background-image: linear-gradient(to bottom, #29ABE2, #178cd7);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff29ABE2', endColorstr='#ff178cd7', GradientType=0);
    border-color: #178cd7 #178cd7 #178cd7;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    height: 50px;
    line-height: 50px;
    margin-bottom: 0px;
}

    .button.checkout:hover, .button.standard:hover {
        background-color: #29ABE2;
        background-image: none;
    }

.button.addtobag {
    color: #ffffff;
    border-radius: 3px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    background-color: #568094;
    text-transform: uppercase;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
    line-height: 32px;
    /*margin-bottom: 15px;*/
    min-width: 80px;
    font-size: 14px;
    /*font-weight:300;*/
}

    .button.addtobag:hover {
        background-color: #293C45; /*#57904a;*/
    }

.button.productdetail {
    line-height:50px;
    height:50px;
}


.button.addtobagsmall {
}

.button.options {
    color: #ffffff;
    border-radius: 3px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    background-color: #949494;
    text-transform: uppercase;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
    min-width: 80px;
    font-size: 14px;
    font-weight: 400;
}

    .button.options:hover {
        background-color: #646464; /*#57904a;*/
    }

    .button.nopadb {
        margin-bottom:0px !important;
    }

    .button.filter {
     color:#333333;
    border-radius: 3px;
    
    background-color: #e5e5e5;
    text-transform: uppercase;
    /*padding: 0px;
    padding-left: 10px;
    padding-right: 10px;*/
    
    /*line-height: 30px;*/
    margin-bottom: 5px;
   
    font-size: 14px;
    border:2px solid #cecece;
    /*font-weight:300;*/  

    
}

     .button.filter:hover {
  
    background-color: #d4d4d4;
   
}

/*.button.options {
    color: #ffffff;
    padding-top: 0px;
    border-radius: 3px;
    border: 1px solid #bbbbbb;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #7f9cab;
    background-image: -moz-linear-gradient(top, #9dbdce, #7f9cab);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9dbdce), to(#7f9cab));
    background-image: -webkit-linear-gradient(top, #9dbdce, #7f9cab);
    background-image: -o-linear-gradient(top, #9dbdce, #7f9cab);
    background-image: linear-gradient(to bottom, #9dbdce, #7f9cab);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9dbdce', endColorstr='#ff7f9cab', GradientType=0);
    border-color: #6e8592 #6e8592 #6e8592;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 80px;
}

    .button.options:hover {
        background-color: #7f9cab;
        border-color: #7f9cab;
        filter: none;
        background-image: none;
    }*/


.button.checkout:hover {
    color: #ffffff;
}

@media all and (max-width:480px) {
   .priceCell  .button.addtobag, .priceCell .button.options {
        font-size: 12px;
        line-height: 27px;
        padding: 0px;
        /*margin-top: 0px;*/
        height: 28px;
        padding-left: 5px;
        padding-right: 5px;
        
        min-width: 110px;
        position:absolute;
        bottom:9px;
        right:9px;
        margin-bottom:0px !important;
    }

        .button.addtobag.productdetail, .button.options.productdetail {
            font-size: 12px;
            /*line-height: 27px;*/
            /*padding: 0px;*/
            /*margin-top: 0px;*/
            /*height: 28px;*/
            padding-left: 15px;
            padding-right: 15px;
            height: 35px;
            line-height: 35px;
            
            min-width: 110px;
            font-size: 16px;
        }
        .button.addtobag.productdetail {
    line-height:50px;
    height:50px;
}
}

.button.addtobag.productdetail, .button.options.productdetail {
    font-size: 16px;
}


/*
    SWIPE
    */


/* BRAND STUFF*/
/*.bannercontainer {
    display: none;
}

    .bannercontainer.open {
        display: block;
    }*/


.bannerside {
    display: block;
}

.bannertop {
    margin-top:0px;
    display: none;
}

.bannerbrandtop {
    display: none;
}

/*@media all and (min-width:641px) 
{
    .brandbanner {
        display:block;
    }
}*/



@media all and (max-width:900px) {
    .bannertop {
        display: block;
    }

    .bannerside {
        display: none;
    }

    .bannerbrandtop {
        display: block;
    }
}

@media all and (max-width:640px) {
    .bannertop {
        display: none;
    }

    .bannerside {
        display: none;
    }
}


/* SHOP FEATURES */

ul.features {
    line-height: 110%;
    text-transform: none;
    font-size: 14px;
    margin-left:0px;
    margin-right:0px;
    padding-top:10px;
    padding-bottom:10px;    
}

ul.features.popup {
  
    font-size: 16px;
    margin:15px;
}

ul.features  a {
   color: #405864;
}

    ul.features li {
        padding: 0px;
        position:relative;
       text-align:left;
       padding-left:15px;
       padding-right:15px;
       
       margin-top:0px;
       padding-top:0px;
    }

    
    ul.features li > div  {
        margin:0px auto;
        min-height: 42px;
        max-width: 275px;  
        position:relative; 
    }

    ul.features .icon {
        width:42px;
        height:42px;
        position:absolute;
        left:0;
        right:0;
    }

      ul.features .featuretext {
       float:left;  
       width: 100%;
       color: #405864;
       padding-left:50px;
       padding-top:0px;
       display:block;
    }
    ul.features.popup li {
        padding-left:0px;  
        padding-right:15px; 
        margin-bottom:30px;     
    }
       ul.features.popup .featuretext {
      min-height:45px;
    }

       ul.features p {
          
       margin-left:0px;
       margin-top:10px;
       line-height:130%;
    }
div.column.feature {
    line-height: 110%;
    text-transform: uppercase;
}

div.featurecontainer {
    border-radius: 3px;
    padding: 5px;
}

div.advice a {
    color: #373737;
}

    div.advice a:hover {
        color: #cc0066;
    }

div.ausship {
    color: #405864;
}

div.intship {
    color: #2C5B3B;
}

div.reward {
    color: #CC0066;
}

span.fivegood {
    display: block;
    float: left;
    font-size: 40px;
    margin-left: 5px;
    margin-top: 10px;
    font-weight: 800;
    color: #4F6F80;
}
/* END SHOP FEATURES*/

@media all and (min-width:641px) {
    .reveal-modal {
        top: 25px;
    }
}


/* SALON TESTIMONIALS */
div.testimonial {
    font-size: 16px;
    margin-top: 10px;
    padding-left: 0px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

    div.testimonial h2 {
        padding-left: 0px;
        text-align: center;
        width: 155px;
    }

    div.testimonial div.item {
        float: left;
        margin-bottom: 2px;
        margin-left: 8px;
        margin-top: 7px;
        background: url('/images/smallquote.png');
        background-repeat: no-repeat;
        background-position: 1px 2px;
        border-bottom: 1px solid grey;
        margin-right: 5px;
        padding-bottom: 5px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #DFDFDF;
    }

    div.testimonial span.text {
        font-family: Georgia,Arial;
        font-style: italic;
        color: #666666; /*font-weight:bold;*/
        font-size: 13px;
    }

    div.testimonial a.more, div.testimonial a.moretest, div.testimonial a.less {
        margin-top: 5px;
        font-size: 13px;
        font-style: normal;
        color: #0757AF;
        margin-left: 5px;
        display: block;
    }

    div.testimonial p {
        /*background: url('/images/smallquote.png');
    background-repeat: no-repeat;
    background-position: 1px 2px;
    */
        line-height: inherit;
        margin-bottom: 0px;
        padding-left: 20px;
        padding-right: 5px;
    }

    div.testimonial a.moretest {
        padding-top: 5px;
    }

        div.testimonial a.moretest:hover, div.testimonial a.more:hover, div.testimonial a.less:hover {
            text-decoration: underline;
        }

    div.testimonial span.from {
        display: block;
        clear: left;
        font-size: 14px;
        padding-top: 0px;
        color: #52778D;
        font-style: normal;
    }

ul.testimonial {
    width: 100%;
    margin: 0px auto;
    max-width: 700px;
    padding: 0px;
    list-style: none;
    font-size: 16px;
}

    ul.testimonial li {
        margin-bottom: 20px;
        background: url(/images/quote-left_03.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
        padding-left: 50px;
        /*font-weight: 400;*/
        width: 100%;
    }

    ul.testimonial span.from {
        font-size: 14px;
        padding-top: 0px;
        color: #52778D;
        font-style: normal;
    }
/* SALON TESTIMONIALS END */

.orbit-bullets {
    margin-bottom: 15px;
}

.orbit-bullets {
    display: block;
    float: none;
    margin-left: 15px;
    overflow: hidden;
    position: relative;
    text-align: left;
    top: 10px;
}


/* SHOP HOME */
.shopfeature {
    padding: 0px;
    margin: 0px;
    width: 100%;
    list-style: none;
}

    .shopfeature > li {
        margin: 0 0px;
        float: left;
        display: inline-block;
        margin-bottom: 1px;
    }

    .shopfeature > li {
        width: 50%;
    }

        .shopfeature > li > .button {
            width: 100%;
            height: 140px;
            padding: 0px;
            padding-top: 30px;
            padding-bottom: 0px;
            margin-bottom: 0px;
            color: #244994;
            background-color: #dbdbdb;
        }

            .shopfeature > li > .button:hover {
                color: #dbdbdb;
                background-color: #244994;
            }

.home-tiles-mobile {
    width: 100%;
    overflow: hidden;
    margin: auto;
    padding: 0;
    list-style: none;
}

    .home-tiles-mobile li {
        float: left;
    }

.home-tile-50 {
    width: 50%;
}

@media (max-width: 479px) {
    .home-tile-mobile {
        width: 50%;
    }

    .home-tiles-twoup {
        width: 100%;
    }
}


@media (max-width: 719px) and (min-width: 480px) {
    .home-tile-mobile {
        width: 33.3%;
    }

    .home-tiles-twoup {
        width: 66.66667%;
    }

        .home-tiles-twoup li {
            width: 50%;
        }
}


/* BAR */
div.bar {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 15px;
}

div.bar {
    line-height: 42px;
    margin-bottom: 20px;
    position: relative;
    color: #6f6f6f;
    color: #333;
    overflow: hidden;
    background-color: #f3f3f3;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(#f3f3f3,#e5e5e5);
    background: -moz-linear-gradient(#f3f3f3,#e5e5e5);
    background: -o-linear-gradient(#f3f3f3,#e5e5e5);
    background: linear-gradient(#f3f3f3,#e5e5e5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#e5e5e5')";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/* =========================== */
/* SMALL FILTER TOOLBAR */
/* =========================== */
.smallFilterToolBar {
    /*background-color: #fafafa;*/
    border-bottom: 1px solid #ddd;
    
    width:100%;
    margin-bottom:10px;
    /*position:fixed;
    top:53px;*/
    margin-top:2px;
    z-index:1000;

        background: rgb(255,255,255); 
        background: rgba(255,255,255,0.98);

    /*margin-right:30px;*/
     /*-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;*/
    
}

.activesmooth .smallFilterToolBar 
{
    top:0px;
    display:none;    
}

.smallFilterToolBar .tools{
        /*background: rgb(255,255,255); 
        background: rgba(255,255,255,0.96);*/
    /*background-color:#fff;*/
}

.smallFilterToolBar .tools .column {
      padding-top:5px;
   padding-bottom:3px;
       border-right:1px solid #ddd;
       height:45px;
}

.smallFilterToolBar .tools .column.end {
 
       border-right:none;
}

.smallFilterToolBar .tools a.tools {
    color: #293C45;
    font-size:14px;
     line-height:125%; 
        font-weight:600;
          display:block;  height:100%;
}

.smallFilterToolBar  [class*="block-grid-"]  {
    
    height:100%;
    padding-top:0px;
    margin:0px;
    margin-bottom:0px;
  
}

 .smallFilterToolBar  [class*="block-grid-"]  >  li {
    display: block;
    float: left; 
    padding: 0px;
 }

.smallFilterToolBar  [class*="block-grid-"]  li {
    border-right:1px solid #ddd;
    height:100%;
    margin:0px;
    margin-bottom:0px;
    font-weight:600;
   padding-top:10px;
   padding-bottom:8px;
   background-color: #fff;
   position:relative;
}


.smallFilterToolBar  [class*="block-grid-"]  a.tools {
  color: #31434c;
   line-height:125%; 
  display:block;
}
.smallFilterToolBar  [class*="block-grid-"]  li.end  {
    border-right:none;
    
}

.smallFilterToolBar  [class*="block-grid-"]  a.tools  {
      
      font-size:14px;
    margin-bottom:0px;
}

.smallFilterToolBar .column {
    
}

/* TIME OUT DISCOUNT MODAL */
#timeoutdiscountpopup {
    background-color: #e4f1e2;
   /*margin:0px auto;*/  
    /*max-width:80%;*/
     
}

#timeoutdiscountpopup h3 {
    color:green;
    text-transform:none;
    font-weight:600;
    font-size:24px;
}


@media only screen and (max-width: 40em) {
    #timeoutdiscountpopup.reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      max-width: 400px !important; } 

}

@media only screen and (min-width: 720px) {
    #timeoutdiscountpopup.reveal-modal.medium {
     top:100px;
      width: 500px !important; } 

}


/* FILTER POPUP */
.popupmodal {
    padding:15px;
    /*top:50px;*/
}

.popupmodal hr {
    margin-top:7px;
    margin-bottom:7px;
    /*top:50px;*/
}
.popupmodal h2 {
    padding-left:0px;
}

.popupmodal {
    top:0px;
    border-radius:0px;
    padding: 15px;
    /*border:3px solid red;*/
}


        .f-dropdown.f-dropdown-overflow {
      overflow-y:scroll !important;
      -webkit-overflow-scrolling: touch;
      max-height:180px;
        /*font-weight: 800;*/
    }

        /*::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}*/


#sectionproductdetail h1 {
    /*font-family: 'myriad-pro', serif;*/
    margin-top:0px;
    line-height:100%;
    font-size:2rem;
}

#sectionproductdetail  .button.addtobag {
    
    
}

#sectionproductdetail  hr {
    
    margin-top:10px;
    margin-bottom:10px;
}

@media only screen and (max-width: 480px) {
#sectionproductdetail h1 {
    margin-top:0px;
    line-height:100%;
    font-size:1.5rem;
}

}
/* MEGA */
.secondrowCategories {
    width:640px;
    margin:0px auto;
    position:relative;
}
.secondrowCategories ul.button-group {
     height:34px;
     line-height:34px;
}
.secondrowCategories ul.button-group > li {
    /*position:relative;*/
     /*height:31px;
     line-height:31px;*/
        
     /*width:14.28571429%;*/
}
/*nav.mega-menu ul.button-group > li:hover, nav.mega-menu ul.button-group > li:focus  {
    
     height:31px;
     line-height:31px;
       background-color:#293C45;
     color:red;
    
}*/

.secondrowCategories ul.button-group  > li > a {
    display:block;
     width:100%;
     text-align:center;
     color:#293C45;
     font-size:14px;
      padding-left:7px;
     padding-right:7px;
     font-weight:600;
     z-index:1000;
     border-top-left-radius:3px;
     border-top-right-radius:3px;
     height:34px;
     line-height:34px;
}
.secondrowCategories ul.button-group  > li.right > a {
       height:36px;
     line-height:36px;
     /*padding-top:1px;*/
}

.secondrowCategories ul.button-group  > li > a:hover {
      background-color:#568094;
       color: #ffffff !important;
     text-decoration:none;
      line-height:32px;
}
.secondrowCategories ul.button-group  > li > a.nohover:hover{
      background-color:initial;
       color:#293C45 !important;
     text-decoration:none;
}

.secondrowCategories ul.button-group  > li > a.open{
     /*background-color:#293C45;
     color: #ffffff !important;*/
     background-color:#568094;
       color: #ffffff !important;
     line-height:32px;
      z-index:10000;
}

.secondrowCategories ul.button-group  > li.right > a.open{
     /*background-color:#293C45;
     color: #ffffff !important;*/
     background-color:#568094;
       color: #ffffff !important;
     /*margin-top:2px;
       line-height:30px;
line-height:32px;
     height:32px;
     padding-bottom:3px;*/
     line-height:34px;
      z-index:10000;
}

.secondrowCategories div.mega.f-dropdown {
     width: 110%;
}

.secondrowCategories div.mega.f-dropdown.content {
    display: block;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #FFFFFF;
    border: solid 2px #568094;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    padding: 10px;
    width: 110%;
   z-index: 100;
   /*border-bottom-left-radius:3px;
   border-bottom-right-radius:3px;*/
    margin-top:2px;
    padding-top:0px;
   
}


    
.secondrowCategories div.mega.f-dropdown.content.open {
      display: block; }
    
.secondrowCategories div.mega.f-dropdown.content > *:first-child {
      margin-top: 0; }
    
.secondrowCategories div.mega.f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  
.secondrowCategories div.mega.f-dropdown.radius {
    border-radius: 3px; }
  
.secondrowCategories div.mega.f-dropdown.tiny {
    max-width: 200px; }
  
.secondrowCategories div.mega.f-dropdown.small {
    max-width: 300px; }
  
.secondrowCategories div.mega.f-dropdown.medium {
    max-width: 500px; }
  
.secondrowCategories div.mega.f-dropdown.large {
    max-width: 800px; }
  
/*.secondrowCategories div.mega.f-dropdown.mega {
    width: 640px !important;
    max-width: 640px !important; }*/
    
.secondrowCategories div.mega.f-dropdown.mega.open {
      /*left: 0px !important;
     */ top: 32px !important;
      z-index:inherit;      
}

.secondrowCategories div.mega.f-dropdown:before {
    border: initial;
     /*left: 12px;*/
     }
 .secondrowCategories  div.mega.f-dropdown:after {
     border: initial;
      /*left: 12px;*/
   }

 .secondrowCategories  div.mega.f-dropdown li:hover {
      background-color:#fff;
  }

.secondrowCategories   ul.nooutline {
     list-style:none;
     padding-left:0px;
     float:left;
     margin:0px;
     width:100%;
  }

 .secondrowCategories   div.mega.f-dropdown li {
     width:100% !important;
 }

 .secondrowCategories div.mega.f-dropdown li a {
     padding:5px;     

 }

  .secondrowCategories div.mega.f-dropdown  a:hover {     
     text-decoration:underline;  
 }

  .secondrowCategories .title {
      display:block;
      font-size:18px;
      text-transform:uppercase;
      padding-top:5px;
      padding-bottom:0px;
      border-bottom:2px solid #e5e5e5;
      margin-bottom:5px;
      font-weight:800;
  }

  .secondrowCategories .column.nopad {
    
  }
   .secondrowCategories.mobile
    {
       background-color:#fff;
        box-shadow: 0 2px 2px -2px darkgray;
   }
    .secondrowCategories.mobile li  {
      padding-left:0px;
      margin-left:0px;
     padding:0px;
  }
  .secondrowCategories.mobile li a {
      font-size:16px;
      color:#293C45;
      padding-left:0px;
      margin-left:0px;
      padding-top:6px;
      padding-bottom:6px;
      margin:0px;
       line-height: 17px !important
  }
  .secondrowCategories.mobile li a:hover {
      background-color:#fff;
      text-decoration:underline;
  }
    .secondrowCategories.mobile.f-dropdown.content {
    padding: 0px;
    padding-top:10px;
    padding-bottom:15px;
}

        .secondrowCategories.mobile hr {
margin-top:7px;margin-bottom:7px
        }


.secondrowCategories div.f-dropdown.content.mega.smallwidth {
  
    width: 300px !important;
 right:0px !important;
 
 margin-left:340px;
 
}
body {
}

p.infoPanel {
    font-size: 14px;
}

.afterpay h3, .afterpay h4, .afterpay h5 {
    color: #014578;
}

.afterpay h3 {
    text-transform: uppercase;
}


.afterpay h4 {
    text-transform: none;
}

.afterpay h5 {
    position: relative;
    text-transform: none;
    padding-left: 45px;
    padding-top: 8px;
    margin-left: 15px;
}

    .afterpay h5 span.fa-stack {
        display: block;
        text-transform: none;
        position: absolute;
        left: 0px;
        top: -5px;
    }

.afterpay p.large {
    font-size: 18px;
}

.subtext {
    display: block;
    padding-left: 60px;
    color: #808080;
}

.afterpay .leftpanel {
    margin-right: 10px;
}

.afterpay .rightpanel {
    margin-left: 10px;
}


@media all and (max-width:640px) {
    .afterpay .leftpanel {
        margin-right: 0px;
    }

    .afterpay .rightpanel {
        margin-left: 0px;
    }
}


.afterpay .howitworks li {
    
    padding-left:0px;
}
/* Images */
    .image
    {
        font-size: 0;
        text-align: center;
        width: 100%;
        height: auto;
        
      
        margin: 0px auto;
        /*margin-bottom: 5px;*/
    }
    
    li.product img
    {
        display: inline-block;
        vertical-align: middle;
        max-height: 100%;
        max-width: 100%; }

@media all and (max-width: 480px)
{
     li.product img
    {
        max-height:100px;
        max-width:60px;
    }
}

   
    li.product a.productName
    {
        display:block;
   color:#258dca;
   font-size:14px;
        line-height:17px;
        padding-right:5px;
    }

    li.product a.productName:hover
    {
        text-decoration:underline;
    }

.amtstrike
{
     display:block;
    text-decoration:line-through;
    color:#b1b1b1; 
    line-height:100%;
    font-size:18px;
}

.amtcharged, .save
{
    display:block;
   line-height:100%;
    color:#AA0000;
}
.amtcharged
{
    font-size:18px;
}
.save
{
      display:block;
    font-size:14px;  line-height:130%;
}

/*.textshadow
{
text-shadow: 1px 1px 1px #686868;
}*/


/* PRODUCT DETAILS*/

    .row.productName h1 {
         color: #555555;
         line-height:100%;
        
    }
@media all and (max-width:640px) {
    .row.productName h1 {
     margin-bottom:15px;   
      font-size: 24px;
    }
}


.row.peoplewho
{
    
    padding: 10px 0px 10px 0px;
    background-color: #ECF1F6;
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}
.row.dotted 
{
    border-bottom:1px dotted #b5b5b5;

}

.column.dotted, .columns.dotted {
    border-bottom: 1px dotted #b5b5b5;
}

.row.dottedv
{
    border-bottom:1px dotted #b5b5b5;

}

h4.peoplewho {

}
div.imagePanel
{
   width: 100%;
   
   /*max-height:260px;*/   
   text-align:center;
   border-radius:3px;
   background-color: #fff;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.30);
 
   
}

        div.imagePanel img.product {
            max-height: 460px;      
           height:auto !important;
            margin: 0px auto;
           width: auto;
            vertical-align: middle;
            margin-top:0px;
            margin-bottom:30px;
            padding-right:15px;
            padding-left:15px;
            max-width:100%;
        }

        div.imagePanel img.logo {
            max-height: 120px;      
            
            padding:15px;
            margin-bottom:15px;
        }

        div.imagePanel > table {
            /*height: 80px;*/
            /*max-height: 100px;*/
          
            max-width: 100%;
            margin: 0px auto;
        }

            div.imagePanel > table td {
                text-align: center;
            
                padding: 0px;
                padding-top: 6px;
                vertical-align: middle;
                padding-left: 6px;
                padding-right:6px;
            }


@media all and (max-width: 640px) 
{
    div.imagePanel
{
   
   padding: 15px;
 
}
       div.imagePanel img.product {
            max-height: 250px;        
            margin: 0px auto;
            display: table-cell;
            vertical-align: middle;
        }

          div.imagePanel img.logo {
            max-height: 60px;      
           
            padding:0px;
            margin-bottom:0px;
        }
}

.pricered
{
    color:#CC0000;
}
.pricestrike
{
    font-size: 22px;
    color: #b1b1b1;
        text-decoration:line-through;
}
.clNormalPrice
{
    color: #555555;
}
.clPrice
{
    color: #CC0000;
}

.price, .discprice {  
font-size:22px;
}

.savePercent {  
font-size:18px;
line-height:28px;
}
/*.rowPad, .rowPad5
{

    padding-top:5px;
    
    padding-bottom:5px;
}
.rowPad2
{

    padding-top:2px;
    
    padding-bottom:2px;
}


.rowPad15
{

    padding-top:15px;
    
    padding-bottom:15px;
}*/

 #detailsbar {
        /*background-color: #efefef;*/
    }

.buttonbar li
{
    margin:0px;
    text-align:center;
    padding:0px;
    /*border:1px solid red;*/
}
.buttonbar span
{
    padding:0px;
    display:block;
    font-size:13px;
    text-transform:uppercase;
    line-height:16px;
}

.buttonbar dd
{
    font-size:13px;
     margin:0px;
    text-align:center;
    padding:0px;
    height:100%; line-height:16px;
}

.buttonbar dd a
{
    font-family:inherit;
     padding:0px;
    display:block;
    font-size:13px;
    text-transform:uppercase;
    line-height:16px;
    padding-top:5px;padding-bottom:5px;
    color:#6f6f6f;
}
    .buttonbar dd a:hover
    {
       background-color: #efefef;
    }
 
    .buttonbar dd.active a
    {
        color: #3A5893;
       background-color: #efefef;
        border-bottom:3px solid #3A5893;
        
    }   
    /*.buttonbar dd.active a:hover
    {
        background-color:initial;
    }*/

    .buttonbar dd a i
    {
          font-size:16px;
    }

@media all and (min-width: 641px) {
   
     #detailsbar {
        background-color:transparent;
       padding-left:15px;
       padding-right:15px;
       margin-top:15px;
    }
    .buttonbar {
             border-bottom:1px solid #dedddd;
             
    }
   
.buttonbar span
{
    padding:4px;
    display:block;
   font-size:16px;
    text-transform:uppercase;
    line-height:16px;
}

.buttonbar dd
{
     width:100px;
     margin:0px;
    text-align:center;
    padding:0px;
    height:69px;
    line-height:16px;
   
}

.buttonbar dd a
{
    font-family:inherit;
     padding:0px;
    display:block;
    font-size:18px;
    text-transform:uppercase;
    line-height:16px;
    padding-top:10px;padding-bottom:5px;
    color:#6f6f6f;
    background-color:initial;
    height:70px;
      border-top:1px solid transparent;
}
    .buttonbar dd a:not(.active):hover
    {
       background-color: #efefef;
    }
 
    .buttonbar dd.active a
    {
        color: #3A5893;
        background-color:#d7e7f2;
        border-bottom:none;
        border-left:1px solid #dedddd;
        border-right:1px solid #dedddd;
        border-top:1px solid #dedddd;
        border-top-left-radius:3px;
        border-top-right-radius:3px;
      background: rgb(239,239,239); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #fff  0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #fff 0%,#f7f7f7 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #fff 0%,#f7f7f7 100%); /* IE10+ */
            background: linear-gradient(to bottom,#fff 0%,#f7f7f7 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
            
    }   
    .buttonbar dd.active a:hover
    {
       background-color:#d7e7f2;
    }

    .buttonbar dd a i
    {
          font-size:16px;
    }
}


    /* MEDIA */
    @media all and (min-width: 641px)
{
    

    .row.dottedv
{
    border-bottom:none;

}

        .row.dottedm
{
     border-bottom:1px dotted #b5b5b5;

}

    div.prices span.priceitem
    {
        font-size:1.5rem;
    }
}
.mce-btn button:hover {
    background-color: initial;
}

.bodypadding {
    padding: 15px;
    max-width: 660px;
}

.whitebackground {
    background-color: #fff;
}

.notecontainer, .contentcontainer {
    color: #454646;
}


    .contentcontainer p,
    .contentcontainer ul {
        color: #444444;
        font-family: 'proxima-nova', serif;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 150%;
    }


        .flexvideocontainer p.flex-video,
        .contentcontainer p.flex-video {
            display: block;
            /*width:560px;
 height:314px;*/
            width: 100%;
        }

            .flexvideocontainer p.flex-video iframe,
            .contentcontainer p.flex-video iframe {
                display: block;
                /*width:560px;
 height:314px;*/
                /*width:100%;*/
                /*margin:0px auto;*/
                border: none;
            }

            .flexvideocontainer p.flex-video span,
            .contentcontainer p.flex-video span {
                display: block;
                width: 560px;
                min-height: 314px;
                /*margin:0px auto;*/
                border: none;
                width: 100%;
                height: auto;
            }

.flex-video {
    padding-top: 0px;
}

.contentcontainer strong, .contentcontainer b {
    color: #2a2a2a;
}

.contentcontainer figure {
    margin: 0px;
}

.contentcontainer p.Overview {
    font-weight: 400;
    font-size: 22px;
    font-style: italic;
}

/*.contentcontainer p:first-of-type {
    font-weight: 400;
    font-size: 22px;        
    font-style: italic;
}*/

.contentcontainer p.Conclusion {
    font-weight: 400;
}

.contentcontainer section.conclusion {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 22px;
    font-style: italic;
}

    .contentcontainer section.conclusion p {
        font-size: 20px;
    }

.contentcontainer h1,
.contentcontainer h2,
.contentcontainer h3,
.contentcontainer h4,
.contentcontainer h5,
.contentcontainer h6 {
    font-family: 'myriad-pro', sans-serif;
    color: #303030;
}



    .contentcontainer h1.timeoutdarkblue,
    .contentcontainer h2.timeoutdarkblue,
    .contentcontainer h3.timeoutdarkblue,
    .contentcontainer h4.timeoutdarkblue,
    .contentcontainer h5.timeoutdarkblue,
    .contentcontainer h6.timeoutdarkblue {
        color: #3A5893;
    }

.contentcontainer h3 {
    font-weight: bold;
    text-transform: none;
    /*margin-top:30px;    
    margin-bottom:15px;*/
    /*color: #27598b;*/
}


/*.contentcontainer h4
{
	font-size:18px;
	font-weight:600;	
}*/

.contentcontainer img {
    /*margin-bottom:15px;*/
}

    .contentcontainer img.top {
        margin-bottom: 25px;
        width: 100%;
        display: block;
    }

    .contentcontainer img.half {
        margin: 0px auto;
        width: 50%;
        display: block;
    }

    .contentcontainer img.thirdl {
        margin: 0px auto;
        width: 33.333333%;
        float: left;
        display: block;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .contentcontainer img.thirdr {
        margin: 0px auto;
        width: 33.333333%;
        float: right;
        display: block;
        margin-left: 15px;
        margin-bottom: 15px;
    }

.contentcontainer p.ShortP {
    margin-top: 0px;
    margin-bottom: 5px;
}

.contentcontainer ul li /* + #contentwindow*/ {
    list-style-position: outside;
    margin-left: 15px;
}

.contentcontainer hr {
    margin-left: 20%;
    margin-right: 20%;
    border-style: dotted;
    margin-top: 25px;
}



/*list-style-image:  url(/images/icons/bullet_black.png);
 	display:block; 
 	float:left;
	
 		
 	margin-left:2px;
	
	background-image:none;
 	/*background-image: url(/images/icons/bullet_black.png);
 	background-repeat: no-repeat;
	background-position:  0  3px;*/
}