body {
    background: url(null) fixed;
    z-index:-1000;
}

hr {
    background-color: #dbdbdb;
    color: #dbdbdb;
    border: none;
    height: 1px;
}

[class*="block-grid-"] {
    margin-top: 0px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
}

/* Typography */

@font-face { /* body text */
    font-family: "Metrophobic";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/Metrophobic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Metrophobic.svg#Metrophobic") format("svg"), url("/assets/fonts/Metrophobic.woff") format("woff"), url("/assets/fonts/Metrophobic.ttf") format("truetype");
}

@font-face {
    font-family: "AmaranthRegular";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/Amaranth-Regular.woff") format("woff");
}

@font-face {
    font-family: "OxygenRegular";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/Oxygen-Regular.woff") format("woff");
}

@font-face {
    font-family: "OxygenBold";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/Oxygen-Bold.woff") format("woff");
}

@font-face { /* DMD custom script for feature regions */
    font-family: "dmd-script";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/DMD_Print.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DMD_Print.svg#DMD_Print") format("svg"), url("/assets/fonts/DMD_Print.woff") format("woff"), url("/assets/fonts/DMD_Print.ttf") format("truetype");
}

@font-face { 
    font-family: "Mono Social Icons Font";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/MonoSocialIconsFont-1.10.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont") format("svg"), url("/assets/fonts/MonoSocialIconsFont-1.10.woff") format("woff"), url("/assets/fonts/MonoSocialIconsFont-1.10.otf") format("opentype"), url("/assets/fonts/MonoSocialIconsFont-1.10.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.MonoSocialIconsFont, a.MonoSocialIconsFont:before {
    font-family: 'Mono Social Icons Font';
    -ms-font-feature-settings:"liga" 1;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.MonoSocialIconsFont:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

html {font-size: 16px;}

body {
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    color: #414141;
    font-family: 'Metrophobic';
}

p {margin-bottom: 1.3em;}

.img-caption {
    margin-top: .75em;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.45;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #4A4A4A;
}

h1 {
    font-size: 39px;
    font-family: OxygenBold;
}

h2 {
    font-size: 31px;
    font-family: OxygenBold;
}

h3 {
    font-size: 23px;
    font-family: OxygenRegular;
}

h4 {font-size: 20px;}

h5 {font-size: 17px;}

h6 {font-size: 14px;}

small {font-size: 13px;}

legend {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    border: none;
}

.testimonial {
    font-size: 15px;
}

.error {color: red;}

/* Custom general classes */
/* sorting needed here */

.hr-thin-light {
    background-color: #f0f0f0;
    color: #f0f0f0;
    border: none;
    height: 1px;
    width: 100%;
}

.monospace {
    font-family: "Courier New", Courier, monospace;
}

.compact { /*sort*/
    margin: 2px;
}

.small { /*sort*/
    font-size: 0.7em;
}

.medium { /*sort*/
    font-size: 0.9em;
}

.large { /*sort*/
    font-size: 1.1em;
}

.strong {
    font-weight: 600;
}

.pagetitle { /*sort*/
    font-size: 165%;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* icons */
.icon-heading { /*sort*/
    margin-right: 10px;
}

/* margin & padding classes */

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.margin-left-md {
    margin-left: 10px;
}

.margin-right-md {
    margin-right: 10px;
}

.margin-left-lg {
    margin-left: 20px;
}

.margin-right-lg {
    margin-right: 20px;
}

.margin-lr-lg {
    margin-right: 20px;
    margin-left: 20px;
}

.margin-md { /*sort*/
    margin-top: 5px;
    margin-bottom: 10px;
}

.margin-lg { /*sort*/
    margin-top: 10px;
    margin-bottom: 20px;
}

.margin-xlg {
    margin-top: 10px;
    margin-bottom: 30px;
}

.margin-none {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-xthin {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.margin-thin {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-moderate {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-thick {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.padding-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-lr-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-l-none {
    padding-left: 0 !important;
}

.padding-r-none {
    padding-right: 0 !important;
}

.padding-lr-md {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-lr-lg {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-thin {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-moderate {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-thick {
    padding-top: 20px;
    padding-bottom: 20px;
}

.vertical-center {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}

.drop-shadow {
    box-shadow: 0 3px 10px #444444;
    /*box-shadow: 0 0 10px #ccc;*/
}

.table tbody > tr > td.vert-align-top {
    vertical-align: top;
}

.table tbody > tr > td.vert-align-middle {
    vertical-align: middle;
}

.table tbody > tr > td.vert-align-bottom {
    vertical-align: bottom;
}

/* NAV
*/

nav ul {
    list-style-type: none;
    padding: 0;
}

a:hover /*, button:hover */ {
    color: #007838;
    outline: 0 none;
    text-decoration: none;
    text-shadow: -2px 2px 15px rgba(0,167,75, 0.4), 2px -2px 8px rgba(0,167,75, 0.4);
    transition: all 200ms linear 0s;
}

.highlight {
    color: #007838;
    outline: 0 none;
    text-decoration: none;
    text-shadow: -2px 2px 15px #009143, 2px -2px 8px #00a74b;
}

.navbar-nav {
    width: 100%;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #009143;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    background: none;
    color: #009143;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: none;
    color: #009143;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #ffffff;
}

.navbar-nav li {
    font-size: 17px;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background: none;
    color: #009143;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background: none;
    color: #4A4A4A;
}

li.dropdown-menu-category {
    padding: 3px 20px;
}
.dropdown-menu-category > a {
    color: #414141;
    font-weight: 700;
}

.dropdown-menu-category > ul > li > a {
    color: #009143;
}

.navbar-collapse > li {
    text-align: left;
    display: table;
}

.navbar-default {
    background: none;
    border: none;
}

.navbar-header {
    vertical-align: middle;
}

.navbar-brand {
    width: 100%;
    height: 100%;
    text-align: center;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar {
    margin-bottom: 0;
}

/* Responsive screen width elements
*/
@media only screen and (min-width: 321px) {
    .navbar-nav > li {
        float: none;
        display: inline-block;
    }
    #mainNavWrapper {
        margin: 15px 0 17px 0;    
    }
    .navbar {
        text-align: center;
    }
    .navbar-brand img {
        width: 418px;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-header {
        float: none;
    }
    #footer {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 992px) {
    .navbar-nav > li {
        float: none;
        display: inline-block;
    }
    #mainNavWrapper {
        margin: 15px 0 17px 0;    
    }
    .navbar {
        text-align: center;
    }
    .navbar-brand img {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-header {
        float: none;
    }
    #footer {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-nav > li, .nav > li {
        display: list-item;
    }
    
    #mainNavWrapper {
        margin: 0 0 8px 0;
    }
    
    .navbar {
        text-align: inherit;
    }
    .navbar > .container .navbar-brand, 
    .navbar > .container-fluid .navbar-brand {
        width: 305px;
        margin:0;
        padding:0;
    }
    .navbar-brand img {
        width: 305px;
    }
    .navbar-toggle {
        margin-right:0;
    }
    #footer {
        margin: 8px 0 0 0;
    }
}

@media only screen and (min-width: 640px) {
    .navbar-nav {
        background-image: url("/assets/live_html/silver-botanicals/images/midbox-separator.png");
        background-position: center top;
        background-repeat: no-repeat;
    }
    .navbar-default .navbar-collapse {
        border: none;
    }
}

@media only screen and (max-width: 480px) {
    .navbar-nav > li, .nav > li {
        display: list-item;
    }
    .navbar-default {
        margin-bottom: 8px;
    }
    .navbar {
        text-align: inherit;
    }
    .navbar > .container .navbar-brand, 
    .navbar > .container-fluid .navbar-brand {
        width: 230px;
        margin:0;
        padding:0;
    }
    .navbar-brand img {
        width: 230px;
    }
    .navbar-toggle {
        margin-right:0;
    }
    #footer {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 320px) {
    .navbar-nav > li, .nav > li {
        display: list-item;
    }
    .navbar-default {
        margin-bottom: 8px;
    }
    .navbar {
        text-align: inherit;
    }
    .navbar > .container .navbar-brand, 
    .navbar > .container-fluid .navbar-brand {
        width: 230px;
        margin:0;
        padding:0;
    }
    .navbar-brand img {
        width: 230px;
        margin-top:5px;
    }
    .navbar-toggle {
        margin-right:0;
    }
    #footer {
        margin-top: 8px;
    }
}

/* button styles
*/

.btn,
.c-button {
    -webkit-transition: all .2s;
    transition: all .2s;
}
.btn:active,
.btn.active,
.c-button:active,
.c-button.active,
.open > .dropdown-toggle.btn {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    z-index: 100;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.mobile-cartLink {
    color: white;
    text-align: center;
    cursor: pointer;
    width: 200px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display:none;
    z-index: 100;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.mobile-cartLink a {
    color: white;
}

.btn-addtocart {
  color: #111;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f7dfa5, #f0c14b) repeat scroll 0 0;
  border-color: #eea236;
}
.btn-addtocart:hover,
.btn-addtocart:focus,
.btn-addtocart.focus,
.btn-addtocart:active,
.btn-addtocart.active,
.open > .dropdown-toggle.btn-addtocart {
  color: #111;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f5d78e, #eeb933) repeat scroll 0 0;
  border-color: #d58512;
}

.btn-addtocart.disabled,
.btn-addtocart[disabled],
fieldset[disabled] .btn-addtocart,
.btn-addtocart.disabled:hover,
.btn-addtocart[disabled]:hover,
fieldset[disabled] .btn-addtocart:hover,
.btn-addtocart.disabled:focus,
.btn-addtocart[disabled]:focus,
fieldset[disabled] .btn-addtocart:focus,
.btn-addtocart.disabled.focus,
.btn-addtocart[disabled].focus,
fieldset[disabled] .btn-addtocart.focus,
.btn-addtocart.disabled:active,
.btn-addtocart[disabled]:active,
fieldset[disabled] .btn-addtocart:active,
.btn-addtocart.disabled.active,
.btn-addtocart[disabled].active,
fieldset[disabled] .btn-addtocart.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-addtocart .badge {
  color: #f0ad4e;
  background-color: #fff;
}

/* Panel styles
*/
.navbar-default-border {
    padding:7px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -moz-linear-gradient(top, rgba(230, 230, 230, 0.5), rgba(1, 113, 170, 0.52));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(230, 230, 230, 0.5)), to(rgba(1, 113, 170, 0.5)));
    background-image: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.5), rgba(1, 113, 170, 0.52));
    background-image: -o-linear-gradient(top, rgba(230, 230, 230, 0.5), rgba(1, 113, 170, 0.52));
    background-image: linear-gradient(to bottom, rgba(230, 230, 230, 0.5), rgba(1, 113, 170, 0.52));
}

.navbar-default-inner {
    background:#f6f6f6; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.75)); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.75)); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.75)); /* For Firefox 3.6 to 15 */
    background: radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.75)); /* Standard syntax */
    border-radius: 5px;
    border: 2px solid #ffffff;
    /*background: url("http://silver-botanicals.com/assets/images/template_elements/header-contatiner-bg.png") center center;*/
    padding:8px 16px 8px 16px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

.dropdown-menu {
    top:90%;
}

#main {
    background:#f6f6f6; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.83)); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.83)); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.83)); /* For Firefox 3.6 to 15 */
    background: radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.83)); /* Standard syntax */
    border-radius: 5px;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

#content {
    padding-bottom: 20px;
}

#footer {
    background:#f6f6f6; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.74)); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.74)); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.74)); /* For Firefox 3.6 to 15 */
    background: radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.74)); /* Standard syntax */
    border-radius: 5px;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

.footer {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* panel-simple
*/

.panel-simple {
  border-color: #eee;
}
.panel-simple > .panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #eee;
}
.panel-simple > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fefefe;
}
.panel-simple > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-simple > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

/* panel-subtle-green
*/
.panel-subtle-green > .panel-heading {
    background-image: -webkit-linear-gradient(top, #ffffff -35%, #43a46f 625%);
    background-image: -o-linear-gradient(top, #ffffff -35%, #43a46f 625%);
    background-image: -moz-linear-gradient(top, #ffffff -35%, #43a46f 625%);
    background-image: linear-gradient(to bottom, #ffffff -35%, #43a46f 625%);
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel-subtle-green > .panel-heading > h1, 
.panel-subtle-green > .panel-heading > h2, 
.panel-subtle-green > .panel-heading > h3, 
.panel-subtle-green > .panel-heading > h4, 
.panel-subtle-green > .panel-heading > h5, 
.panel-subtle-green > .panel-heading > h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.panel-subtle-green {
    background-color: #fafafa;
    border: solid 1px #e8e8e8;
    /*box-shadow: 0 0 10px #ccc;*/
}

/* panel-flat-look
*/
.panel-flat-look {
    border: none;
}

.panel-flat-look > .panel-heading {
    background: -moz-linear-gradient(-45deg, rgba(110,0,0,0.25) 0%, rgba(110,0,0,0.04) 22%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(110,0,0,0.25) 0%,rgba(110,0,0,0.04) 22%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(110,0,0,0.25) 0%,rgba(110,0,0,0.04) 22%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#0a006e2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel-flat-look > .panel-heading > h1, 
.panel-flat-look > .panel-heading > h2, 
.panel-flat-look > .panel-heading > h3, 
.panel-flat-look > .panel-heading > h4, 
.panel-flat-look > .panel-heading > h5, 
.panel-flat-look > .panel-heading > h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.panel-flat-look > .panel-body {
    background: -moz-linear-gradient(-45deg, rgba(0,110,46,0.25) 0%, rgba(0,110,46,0.04) 22%, rgba(0,110,46,0.00) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0,110,46,0.25) 0%,rgba(0,110,46,0.04) 22%,rgba(0,110,46,0.00) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0,110,46,0.25) 0%,rgba(0,110,46,0.04) 22%,rgba(0,110,46,0.00) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#0a006e2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* panel-default - enforce temporary styles
*/
.panel-default {
    border: #eee solid 1px;
}

.panel-default > .panel-heading {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008a00+0,008a00+4,52b152+12,83c783+20,ffffff+69&0.35+0,1+100 */
background: -moz-linear-gradient(-45deg, rgba(0,138,0,0.35) 0%, rgba(0,138,0,0.38) 4%, rgba(82,177,82,0.43) 12%, rgba(131,199,131,0.48) 20%, rgba(255,255,255,0.8) 69%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,138,0,0.35) 0%,rgba(0,138,0,0.38) 4%,rgba(82,177,82,0.43) 12%,rgba(131,199,131,0.48) 20%,rgba(255,255,255,0.8) 69%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,138,0,0.35) 0%,rgba(0,138,0,0.38) 4%,rgba(82,177,82,0.43) 12%,rgba(131,199,131,0.48) 20%,rgba(255,255,255,0.8) 69%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59008a00', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel-default > .panel-heading > h1, 
.panel-default > .panel-heading > h2, 
.panel-default > .panel-heading > h3, 
.panel-default > .panel-heading > h4, 
.panel-default > .panel-heading > h5, 
.panel-default > .panel-heading > h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.panel-default > .panel-body {
/* override styles here */
}

/* Colors
*/
.ssd-green {
    background-color: #d6f6e6;
}

.ssd-blue {
    background-color: #e0e7ec;
}

.ssd-pink {
    background-color: #fae8e8;
}

/* add padding to inner content div when large screen
*/
@media (min-width: 768px) {
    #main {
        border-radius: 5px;
        padding-right:28px;
        padding-left:28px;
    }
    .navbar-default-inner {
        border-radius: 5px;
    }
}

.breadcrumb {
    background:#f4f4f4; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.5), rgba(246, 246, 246, 0.2)); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.5), rgba(246, 246, 246, 0.2)); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.5), rgba(246, 246, 246, 0.2)); /* For Firefox 3.6 to 15 */
    background: radial-gradient(rgba(246, 246, 246, 1), rgba(246, 246, 246, 0.5), rgba(246, 246, 246, 0.2)); /* Standard syntax */
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 1px solid #ffffff;
    margin: 15px 0 20px 0;
}

.panel-body-short {
    height:300px;
}

.panel-heading-2line {
    height:60px;
}

.tab-pane {
    padding: 15px 20px 15px 20px;
    background-color: white; 
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd; 
    border-left: solid 1px #ddd;
    border-radius: 0 0 5px 5px;
}

#quip-comment-notify-qcom {
    width: 10px;
    height: 10px;
    margin: 0 0 0 10px;
    display: inline-block;
}

/* slider styles
*/
#sliderHero {
    padding: 0;
    margin-bottom: -5px;
    border-radius: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}

#sliderHeroContainer {
    position: relative; 
    margin: 0 auto; 
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 3px 10px #444444;
}

#sliderHero img {
    width: 100%;
    height: auto;
}

#sliderHero .hero-content  {
    position: relative;
    margin-top: -25%;
    z-index: 5;
}

#sliderHero .slick-prev {
    left: 10px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    z-index: 5;
}
#sliderHero .slick-next {
    right: 10px;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    z-index: 5;
}

/* slick slider - Product Pages
*/
@media only screen and (min-width:480px) and (max-width: 640px) {
    .productGalleryCur {
        overflow: hidden;
        margin: 10px 0 10px 0;
    }
    .productGalleryCur .slick-slide {
        min-height: 288px;
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
    }
    .productGalleryCur img {
        max-height: 286px;
        align-self: center;
        margin: 0 auto;
    }
    .productGalleryNav .slick-slide {
        border: solid #aeaeae 1px;
        border-radius: 3px;
        min-height: 80px;
        margin: 3px 1px 3px 1px;
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
    }
    .productGalleryNav img {
        max-height: 78px;
        align-self: center;
        margin: 0 auto;
    }
    .productGalleryNav {
        padding: 0 3px 0 0;
    }
}
@media only screen and (min-width: 980px) and (max-width: 1280) {
    .productGalleryCur {
        overflow: hidden;
        margin: 10px 0 10px 0;
    }
    .productGalleryCur .slick-slide {
        min-height: 320px;
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
    }
    .productGalleryCur img {
        max-height: 318px;
        align-self: center;
        margin: 0 auto;
    }
    .productGalleryNav .slick-slide {
        border: solid #aeaeae 1px;
        border-radius: 3px;
        min-height: 80px;
        margin: 3px 1px 3px 1px;
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
    }
    .productGalleryNav img {
        max-height: 78px;
        align-self: center;
        margin: 0 auto;
    }
    .productGalleryNav {
        min-width: 50px;
        padding: 0 2px 0 0;
    }
}
@media only screen and (min-width: 1280px) {
    .productGalleryCur {
        overflow: hidden;
        margin: 10px 0 10px 0;
    }
    .productGalleryCur .slick-slide {
        min-height: 510px;
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
    }
    .productGalleryCur img {
        max-height: 508px;
        align-self: center;
        margin: 0 auto;
    }
    .productGalleryNav .slick-slide {
        border: solid #aeaeae 1px;
        border-radius: 3px;
        min-height: 80px;
        margin: 3px 1px 3px 1px;
        display: flex;
        flex: 1 1 auto;
        justify-content: center;
    }
    .productGalleryNav img {
        max-height: 78px;
        align-self: center;
        margin: 0 auto;
    }
    .productGalleryNav {
        min-width: 50px;
        padding: 0 2px 0 0;
    }
}

.productGalleryNav img {
    max-height: 76px;
    padding: 5px 5px 5px 5px;
    margin: 0 auto;
}

/* --- Responsive Slick Slider ------------------------------------------- --- */

/* wrapper
*/
.responsive-gallery-wrapper {
    margin-bottom:20px;
}

/* slide
*/

.responsive-gallery-slide {
    display: flex;
    align-items: center;
    min-height: 460px;
    justify-content: center;
}

.responsive-gallery-slide-inner {
    flex: 1 1 auto;
}

.responsive-gallery-slide-inner img {
    display:block;
    max-height: 460px;
    max-width:100%;
    padding: 1px 0 1px 0;
    margin: 0 auto;
    border-radius: 7px;
}

/* viewport specific heights for main slide img
*/
@media only screen and (min-width:360px) and (max-width:667px) and (orientation:portrait) {
    .responsive-gallery-slide {
        min-height: 525px;   
    }
    
    .responsive-gallery-slide-inner img {
        max-height: 525px;
    }
}

@media only screen and (min-width:360px) and (max-width:667px) and (orientation:landscape) {
    .responsive-gallery-slide {
        min-height: 355px;
    }
    
    .responsive-gallery-slide-inner img {
        max-height: 355px;
    }
}

@media only screen and (min-width:320px) and (max-width:568px) and (orientation:portrait) {
    .responsive-gallery-slide {
        min-height: 375px;
    }
    
    .responsive-gallery-slide-inner img {
        max-height: 375px;
    }
}

@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape) {
    .responsive-gallery-slide {
        min-height: 295px;
    }
    
    .responsive-gallery-slide-inner img {
        max-height: 295px;
    }
}

/* nav
*/
.responsive-gallery-nav-wrapper .responsive-gallery-slide {
    display: flex;
    align-items: center;
    min-height:82px;
    justify-content: center;   
    border: solid #aeaeae 1px;
    border-radius: 3px;
    margin: 3px 1px 3px 1px;
}

.responsive-gallery-nav-wrapper .responsive-gallery-slide-inner {
    flex: 1 1 auto;
}

.responsive-gallery-nav-wrapper .responsive-gallery-slide-inner > p {
    display: none;
}

.responsive-gallery-nav-wrapper .responsive-gallery-slide-inner img {
    display:block;
    max-height: 80px;
    max-width:100%;
    margin: 0 auto;
    padding: 4px;
    border-radius: 5px;
}

.responsive-gallery-zoomed {
    transition: transform 0.2s; /* Animation */
    cursor: pointer; /* Pointer cursor on hover */
    transform: scale(2.5); /* Zoom in */
}


/* --- ------------------------------------------- --- */

/* Bootstrap TouchSpin
*/
.bootstrap-touchspin {
    max-width: 2000px;
}

button.bootstrap-touchspin-down, button.bootstrap-touchspin-up {
    font-family: monospace;
}

/*
.bootstrap-touchspin-input-text {
    margin: 0 !IMPORTANT;
} */

/* StackTable
*/
.cartContentsTable {
    background-color:red;
}

/* commerce tweaks */

.c-field.error input {
    color: #414141;
}

/* Custom Cart Styles */

.discount-alert {
    color: red;
}

.product-price__old {
    color: red;
}