@charset "utf-8";
/* CSS Document */

.product-list-item {
  border: 1px solid #CCC;
  text-align: center;
  padding: 10px; 
  margin-top: 15px;
  margin-bottom: 15px;
}

/* centres image if smaller than column width */
.product-list-item  .img-responsive {
  margin: 0 auto; 
}

.product-list-item-image {
  
}
.product-list-item-review {

}
.product-list-item-name {
	/* padding: 4px 8px 4px 8px; */
	/*height: 45px;  */
  line-height: 1.5em;
  height: 3em; 
  overflow: hidden;
}

.product-list-item-price {
	padding-bottom: 4px;
  /* height: 30px; */
}

/* to highlight the "new" added to new product news */
.new-product {
  /* font-style: italic; */
  color: red;
}

/* following used by apputils for ShowProductPriceV2 */
.price-sale {
  font-weight: bold;
  color: red;
}
.price-std {
  font-weight: bold;
  color: red;  
}
.price-std-crossed-out {
	text-decoration: line-through;
}
.price-actual-large {
  font-size: 20px;
}
.price-save {
  color: red;
}
.price-save-pc {
  color: red;
}

/* basket styles */
table.basket {
  border-collapse: collapse;
  width: 100%;
}
table.basket th, table.basket td {
  font-weight: bold;
  padding: 4px;
}
table.basket th {
 /* color: #fff; */
 /* background-color: #999; */
}
table.basket td {
 /* color: #000; */
 /* background-color: #E0E0E0; */
  border-bottom: 1px solid #B5B5B5; 
}

.bsk-thumbnail {
  border: 1px solid #B5B5B5;
  width: 75px;
  height: 75px;
}
.bsk-prod-name {
  text-decoration: none; /* underline; */
  font-weight: normal; /* bold; */
}
.bsk-options-list {
  font-size: 11px;
  margin-top: 3px;    
}
.bsk-prod-code {
  font-weight: normal;
  margin-top: 10px;  
}

#basket-info {
  float: left;
  width: 75%; /* 600px */
}
#basket-info  p {
  margin: 10px 5px 10px 5px;
}
#basket-totals {
  float: right;
  margin-top: 10px;
  
}

table.basket-totals {
  width: 100%;
  border-spacing: 5px;
  text-align: right;
}
table.basket-totals  th {
  font-weight: normal;
}
table.basket-totals  td {
  font-weight: bold;
}

/* end of basket styles */

/* for custom specification table */
.table-specification td, .table-specification th {
   text-align: center;   
}

/* for checkout order details table */
.table-order-master th {
  width: 0%;
}
.table-order-master td {
  width: 100%;
}
.table-order-detail th {

}
.table-order-detail td {

}


/* recent reviews (22/5/12) */
#recent-reviews {
  margin-top: 0px;
  /*border: 1px solid #BBB; */
}
#recent-reviews a {
  /*color: #000; */ /* to override the default anchor color */
}
#recent-reviews-header {
  padding: 0px;
	font-weight: bold;
  margin-bottom: 0px;
}
.recent-reviews-item {
  margin-bottom: 0px;
}
.recent-reviews-number {
  color: #444;
  text-align: right;
}
.recent-reviews-name a {
  padding-left: 3px;
  /*font-size: 11px; */
}
.recent-reviews-text {
  font-style: italic;
  margin-bottom: 2px;
}
.recent-reviews-date {
  color: #666;
  padding-left: 3px;
  /*font-size: 11px; */
}

#recent-reviews-footer {
  padding-bottom: 0px;
	font-weight: normal;
  margin-bottom: 0px;  
}

/* (SS,2/3/15) added #latest-news-footer */
#latest-news-footer {
  margin-top: 15px;    
}

/* reviews (SS,1/3/15) */
.review {
}
.review-header {
}
.review-date  {
}
.review-title {
  font-style: italic;
  font-weight: bold;
}
.review-body {
  font-style: italic;
}

/* for the magic zoom tool, product detail page */
.magiczoom_thumbnailsmall {
  width: 76px;
  /*
  border: 1px solid #CCC !important;
  padding: 0;
  margin-bottom: 4px;
  */
}

/* (SS,15/9/15) */
.bottom-section {
  padding-top: 15px;
} 

/* btu calculator */
.btu-calc-subtitle {
  font-weight: bold;
  text-align: center;
   margin-bottom: 10px;
}
.btu-calc-content-col {
  float: left;
  width: 50%;
  margin-left: 0px;
  margin-right: 0px;
}
#btu-error-message, #btu-view-suitable  {
  float: left;
  text-align: center;
  color: red;
  width: 100%;
}
#btu-view-suitable a{
  color: black;
  text-decoration: underline;
}

/* ordered list with heading used to size the number sequence */
.ol-with-heading {
  font-size: 24px;
}
.ol-with-heading p {
  font-size: 14px;
}

                 
/* (SS,17/9/15) */
.visit-other-site-section-1, .visit-other-site-section-2  {
  color: white;
  text-align: center;
  background: #001d38;
  padding: 15px;
  padding-bottom: 20px;
  margin-top: 20px;  
  margin-bottom: 0px;
  border-radius: 6px;
}
.visit-other-site-section-1 h3, .visit-other-site-section-2  h3 {
  background: 0; /* did try "initial" but it didn't work in IE */
  margin-top: 0px;
  padding-top: 0px;
  font-weight: bold;
  /* text-shadow: 2px 2px white; */
  text-shadow: 1px 1px 2px black, 0 0 15px black, 0 0 5px darkblue;     
  font-size: 20px;
}

.visit-other-site-section-1 {
  background: transparent url(/banner/banner-radiators-4.jpg) no-repeat 0 0;  
  background-size: 100%;
}

.visit-other-site-section-2 {
  background: transparent url(/banner/banner-door-hardware-2.jpg) no-repeat 0 0;  
  background-size: 100%;
}

@media (min-width: 768px)  {
  .visit-other-site-section-1 {
    background-size: 120%;
  }
  .visit-other-site-section-2 {
    background-size: 130%;
  }
}

/* (SS,4/5/16) */
@media (max-width: 400px) {
  .btn-section {
    font-size: 15px;
    padding: 5px;
    margin: -10px;
  }
}
.btn-strong {
  font-weight: bold;
}

/* (SS,22/4/16 */
.usp2 {
}

.usp2 li {
    display: block;
    font-size: 18px;
    line-height: 2.25em;
    
   /* padding: 10px 0 0 0; */
    margin: 17px 0;
    line-height: 1.4em;    
}

.usp2 li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e067"; /*"\e013"; */
    font-family: 'Glyphicons Halflings';
    font-size: 25px;
    float: left;
    margin-top: 0px;
    margin-left: -30px;
    color: #5cb85c; /*#a3c942; */
}


/* (SS,28/1/26) To add a separate link to left and right halves of image (from Gemini 3) */
/* This container holds everything together */
.image-split-container {
    position: relative; /* Essential: allows the links to sit "inside" this box */
    display: block;
    width: 100%; /* Fits your Bootstrap column */
}

/* Make the image responsive (Bootstrap 3 usually does this, but this ensures it) */
.image-split-container img {
    width: 100%;
    height: auto;
    display: block;
}

/* Common styling for both invisible links */
.split-link {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%; /* Each link takes up half the width */
    z-index: 10; /* Ensures links sit ON TOP of the image */
    text-decoration: none; /* Removes underline if you add text later */
    background: transparent; /* Invisible */
}

/* Specific positioning */
.link-left {
    left: 0;
}

.link-right {
    right: 0;
}

/* Optional: Add a hover effect so you can test it works */
.split-link:hover {
    background-color: rgba(255, 255, 255, 0.2); /* Slight white flash on hover */
}