/* Use this to add specific CSS for this subtheme */

{#2d3052; dee0fc}
#box-search { float: right; width: 22rem; }

body {
      font-family:  "Trebuchet MS", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  }

/*#top_header img {min-width:300px;} */
#top_header {margin-top: 15px; margin-bottom: 15px;}
.main-logo {margin: 00px 0px 0px 0px;}

.old_price {
    text-decoration: line-through; font-size: 1rem; color: #34495e; font-weight: bold;}

.sale_price {
    color: red; font-size: 1rem; font-weight: bold;}

footer {
    background-color: #ebedef;
    color: #34495e; padding-top: 20px; 
}
footer h3 {
    color: #34495e; 
}




#main_content {max-width: 100%; justify-content: center;}

.row {
  margin: 0 auto;
  max-width: 100%;
  width: 100%; }

.row-checkout {margin-left: 0px;}



.top-bar {background: #34495e; background-repeat: repeat-x;}

.top-bar-section li:not(.has-form) a:not(.button) {
      background: #34495e; background-repeat: repeat-x; font-size: 11px; }

.top-bar-section .left {
    background-color: #34495e;}

.top-bar.expanded .title-area{background:#34495e;}    

.top-bar.expanded {
    background: #transparent; 
    height: auto;}
    .top-bar.expanded .title-area {
      background: #34495e;}

.top-bar-section ul li {
    background: #34495e;}

 .top-bar-section ul li > a.button.secondary {
        background-color: #34495e;
        border-color: #34495e;
        color: #fff; }


 .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #fff;
      color: #34495e; }
    
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #e5a028;}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: #34495e; color: #fff; } /* to change colour of sub menu block */

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #ebedef;
        color: #e5a028;
        background: #fff; }
      .top-bar-section .dropdown li label {
        background: #ebedef;
        white-space: nowrap; }



/* ADD TO BASKET/SEARCH/REVIEW/ETC BUTTONS */

button, .button {
    background-color: #34495e;
  border-color: #34495e;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #e5a028; border-color: #e5a028}


.breadcrumbs > * {
    color: #34495e;font-weight: normal;font-size: 0.8rem;
     }
        .breadcrumbs > * a {
      color: #34495e; font-weight: normal;}


/* Default Link Styles */
a {
  color: #34495e; }
  
a:hover, a:focus {
    color: #e5a028; }


/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #34495e;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #34495e;
    font-size: 60%;
    line-height: 0; }

h1 {
  font-size: 2.0rem; }

h1 .name {font-size: 1.1rem; }

h2 {
  font-size: 1.6875rem;}

h2.checkout {
  font-size: 2rem; font-weight: bold;}

h3 {
  font-size: 1.1rem; font-weight: bold;}

h3.checkout {
  font-size: 1.6875rem; font-weight: bold;}


h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

a.atext {text-decoration: underline; font-weight: bold;}

p {font-size: 15px;}

.spacer5 {line-height: 80%;}

.notbold {font-weight: normal;}

ul.unstyled-footer {
  list-style-type: none;
margin: 0; padding: 0;
font-size: 13px;
}
.icon {font-size: 20px; font-weight: bold;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: grey;
}
::-moz-placeholder { /* Firefox 19+ */
  color: grey;
}
:-ms-input-placeholder { /* IE 10+ */
  color: grey;
}
:-moz-placeholder { /* Firefox 18- */
  color: grey;
}
::-moz-placeholder {
  opacity: 0.5;
}

table#table-measure {   
    border-spacing: 0;
    width: 100%;
    border: 1px solid #aab7b8;
    width: 100%; }

table#table-measure td, th {
    border: 1px solid #aab7b8; text-align:center;}

table#table-measure tr {
    text-align:center;}

table#table-measure td.d1 {
    text-align:left;}

/* Panels - product list on category etc*/
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #34495e; text-align:center;}
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #34495e; text-align:center;}
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2fafc;
    color: #34495e; text-align:center; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #34495e; text-align:center;}
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #2ba6cb; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #258faf; }
  .panel.radius {
    border-radius: 3px; }

.content_homepage {text-align:center; float: center;}


/* Start Mini Basket */
.basket-detail-container {
    position: fixed;
    z-index: 100;
    width: 250px;
    top: 27px;
    margin-left: -150px;
}
.small-basket-detail-container {
    position: fixed;
    z-index: 100;
    width: 90%;
    left: 5%;
    top: 40%;
    background-color: #397D02;
    border: none;
    color: #fff;
    font-weight: bold;
}
.mini-basket-title {
    background-color: #34495e;
    color: #fff;
}
.basket-detail {
    background-color: #F2F2F2;
    border: 1px solid #34495e;
}
.basket-detail .total {
    font-size: 1.2em;
    font-weight: 700;
}
.mini-basket-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    margin-left: 229px;
}

/* End Mini Basket */

