﻿/*** Variables ***/
/* BCB Blue */
/* BCB Red */
/* Light Grey */
/*** End of Variables ***/
/*** General ***/
body {
  font-family: 'Fira Sans', sans-serif;
}
a {
  color: #233b83;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #ce1b28;
}
.Button,
.btn,
.btn-default {
  background: #ce1b28;
  border-radius: 0;
  border: none;
  text-shadow: none;
  color: #fff;
}
.Button:hover,
.btn:hover,
.Button:focus,
.btn:focus {
  background: #233b83;
  color: #fff;
}
input,
select,
textarea {
  border-radius: 0 !important;
  box-shadow: none !important;
}
h1,
h2 {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.CloseBtn {
  width: 100%;
}
.RepeaterNav .Button {
  box-shadow: none;
}
.AgeRestrictedMessage {
  padding: 15px;
  margin: 5px 0px;
  border: 3px solid #ce1b28;
  position: relative;
  padding-left: 50px;
  line-height: inherit;
}
.AgeRestrictedMessage i {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 5px;
  color: #ce1b28;
  position: absolute;
  left: 15px;
}
.ProductListTable .AgeRestrictedMessage,
#BasketMessage .AgeRestrictedMessage,
.MiniBasket .AgeRestrictedMessage,
.CartDataTable .AgeRestrictedMessage {
  font-size: 12px;
}
.MiniBasket .AgeRestrictedMessage {
  padding: 5px;
  padding-left: 50px;
}
.CartDataTable .AgeRestrictedMessage {
  padding: 5px 5px 5px 30px;
}
.CartDataTable .AgeRestrictedMessage i {
  font-size: 20px;
  left: 5px;
}
.MiniBasket .MessageWrapper {
  padding: 0;
}
@media (max-width: 767px) {
  #Content.container {
    max-width: 400px;
    margin: auto;
  }
}
/*** End of General ***/
/*** Top Banner ***/
.TopBanner {
  border-bottom: 1px solid #eee;
}
.TopBanner ul {
  padding: 0;
  margin: 0;
}
.TopBanner ul li {
  display: inline-block;
  border-left: 1px solid #eee;
}
.TopBanner ul li a {
  display: inline-block;
  padding: 15px;
  line-height: 15px;
}
.TopBanner ul li:last-child {
  border-right: 1px solid #eee;
}
@media (max-width: 767px) {
  .TopBanner ul {
    text-align: center;
    float: none !important;
  }
  .TopBanner ul li {
    border: none;
  }
  .TopBanner ul li a {
    padding: 5px;
  }
  .TopBanner ul li:last-child {
    border: none;
  }
}
/*** End of Top Banner ***/
/*** Logo ***/
/*** End of Logo ***/
/*** Search ***/
.Search > div {
  padding: 0;
}
.Search input.Text {
  width: 85%;
}
.Search .SearchBtn {
  margin-left: 0;
  width: 15%;
}
.Search .AjaxSearchResults {
  background: #fff;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  top: 80%;
}
.AjaxSearchResultsProducts .AjaxSearchProduct {
  border-bottom: 1px solid #eee;
}
@media (max-width: 767px) {
  .AjaxSearchResults {
    display: none !important;
  }
}
/*** End of Search ***/
/*** Login/Basket ***/
.LoginBasket {
  padding: 15px;
}
.LoginBasket ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.LoginBasket ul li {
  padding: 0;
  text-align: center;
}
.LoginBasket ul li a i {
  font-size: 35px;
  margin-bottom: 5px;
  display: block;
  text-align: center;
}
.LoginBasket ul li a .Text {
  display: block;
  text-align: center;
}
.LoginBasket ul li a .IconContainer {
  position: relative;
  display: inline-block;
}
.LoginBasket ul li a .IconContainer .BasketItems {
  position: absolute;
  top: -10px;
  right: -12px;
  background: #ce1b28;
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .LoginBasket {
    padding: 10px;
    background: #233b83;
  }
  .LoginBasket i {
    margin: 0 !important;
    font-size: 25px !important;
    color: #fff;
  }
  .LoginBasket a .IconContainer .BasketItems {
    background: #ce1b28;
    right: -12px;
    top: -7px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    font-weight: normal;
  }
}
/*** End of Login/Basket ***/
/*** Mini Basket ***/
.AjaxMiniBasket {
  position: inherit;
  display: block;
  padding: 5px 0px;
}
.AjaxMiniBasket .MiniBasketProducts {
  border-bottom: 1px solid #eee;
}
.MiniBasketRow {
  border-bottom: 1px solid #eee;
  padding: 5px 0px;
}
/*** End of Mini Basket ***/
/*** Navigation ***/
@media (min-width: 767px) {
  .Navigation {
    background: #233b83;
    border-radius: 0;
    border: none;
  }
  .Navigation .container {
    padding: 0;
  }
  .Navigation .container ul {
    padding: 0;
    float: none;
    text-align: center;
  }
  .Navigation .container ul li {
    display: inline-block;
    float: none;
  }
  .Navigation .container ul li a {
    text-shadow: none;
    color: #fff;
    border-bottom: 3px solid #233b83;
    padding: 15px 15px 12px 15px;
  }
  .Navigation .container ul li a:hover,
  .Navigation .container ul li a:focus {
    background: transparent;
    border-bottom: 3px solid #fff;
    color: #fff;
  }
  .Navigation .container ul li .SubNav {
    display: none;
  }
}
@media (max-width: 767px) {
  .Navigation {
    padding: 0;
  }
  .Navigation ul {
    padding: 0;
    margin-top: 0;
  }
  .Navigation ul li a {
    text-shadow: none;
    border-bottom: 1px solid #eee;
  }
  .Navigation ul li a:hover,
  .Navigation ul li a:focus {
    background: transparent;
  }
  .Navigation ul li .SubNav {
    display: none;
  }
}
/*** End of Navigation ***/
/*** Account Overview ***/
#AccountOverview .asp-offcanvas-inner li {
  list-style: none;
  border-bottom: 1px solid #eee;
}
#AccountOverview .asp-offcanvas-inner li a {
  display: block;
  padding: 15px;
}
#AccountOverview .asp-offcanvas-inner li a i {
  margin-right: 5px;
}
/*** End of Account Overview ***/
/*** Carousels ***/
.owl-carousel {
  touch-action: manipulation;
}
.SliderWrapper .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.owl-dots {
  left: 0;
  right: 0;
  text-align: center;
  padding: 15px 0px;
  position: absolute;
}
.owl-dot {
  display: inline-block;
  height: 5px;
  width: 20px;
  background: #233b83;
  margin: 0px 5px;
}
.owl-dot.active {
  opacity: 0.5;
}
.owl-prev,
.owl-next {
  font-size: 25px;
  color: #233b83;
  top: 0 !important;
  bottom: 0;
  margin: auto !important;
  height: 50px;
  background: #fff;
}
.fs-carousel-container {
  text-align: center;
}
.owl-carousel.owl-loaded {
  margin: 0;
}
.owl-item > * {
  width: 100%;
  text-align: center;
}
.owl-carousel .owl-item img {
  display: inline-block !important;
}
/*** End of Carousels ***/
/*** Tables ***/
table thead {
  border-bottom: 4px solid #ce1b28;
}
table tbody tr {
  border-bottom: 1px solid #eee;
}
table.CartDataTable tbody tr.TotalsRow,
table.Wizard tbody tr:last-child {
  border: none;
}
@media (min-width: 768px) {
  .ProductListTable td.Quantity {
    max-width: 175px;
  }
}
@media (max-width: 767px) {
  table.CartDataTable tbody tr {
    border: none;
  }
}
/*** End of Tables ***/
/*** Homepage ***/
.Homepage > div {
  margin-bottom: 20px !important;
}
/*** End of Homepage ***/
/*** Department Sidebar ***/
.SidebarTitle {
  background: #ce1b28;
  padding: 15px 10px;
  color: #fff;
  margin: 0;
}
ul.Sidebar li a {
  border-bottom: 1px solid #eee;
  padding: 10px;
  padding-right: 30px;
}
ul.Sidebar li.HasSub > a:after,
ul.Sidebar li.HasSubSub > a:after {
  content: "\f107";
  font-family: FontAwesome;
  line-height: normal;
  transition: transform ease 0.5s;
  margin-left: 6px;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  height: 20px;
  font-size: 20px;
}
ul.Sidebar li.HasSub.Open > a:after,
ul.Sidebar li.HasSubSub.Open > a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
ul.Sidebar li ul.SubNav {
  background: #fcfcfc;
}
ul.Sidebar li ul.SubNav a {
  padding-left: 20px;
}
ul.Sidebar li ul.SubNav ul.SubSubNav {
  background: #f6f6f6;
}
ul.Sidebar li ul.SubNav ul.SubSubNav a {
  padding-left: 30px;
}
ul.Sidebar ul.SubNav,
ul.Sidebar ul.SubSubNav {
  display: none;
}
/*** End of Department Sidebar ***/
/*** Thumbnails ***/
.Department,
.ProductThumbnail {
  padding: 15px 5px;
}
.Department .Inner,
.ProductThumbnail .Inner {
  border-bottom: 4px solid #ce1b28;
}
.Department .Inner .Name,
.ProductThumbnail .Inner .Name {
  padding: 15px;
}
.Department .Inner .Name a,
.ProductThumbnail .Inner .Name a {
  text-align: center;
  font-weight: bold;
  display: block;
}
.Department .Inner .Price,
.ProductThumbnail .Inner .Price {
  padding: 0 15px 15px 15px;
  text-align: center;
}
/*** End of Thumbnails ***/
/*** Videos ***/
.VideoItem {
  padding: 15px;
}
.VideoItem iframe {
  width: 100%;
}
/*** End of Videos ***/
/*** Photos ***/
.gallerySlider {
  padding: 15px;
  border: 1px solid #eee;
  margin-top: 15px;
}
.gallerySlider .VAlignImg {
  padding-bottom: 50%;
}
.gallerySlider .owl-dots {
  position: relative;
  padding-bottom: 0;
}
/*** End of Photos ***/
/*** Files ***/
.Files .Outer {
  padding: 15px;
}
.Files .Outer .Inner {
  padding: 15px;
  border: 1px solid #eee;
}
.Files .Name {
  text-align: center;
  padding-top: 15px;
  border-top: 1px solid #eee;
  margin-top: 15px;
}
/*** End of Files ***/
/*** nth child ***/
@media (min-width: 992px) {
  .Departments .Department:nth-child(4n+1),
  .ProductThumbnail:nth-child(4n+1),
  .Files:nth-child(4n+1) {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .Departments .Department:nth-child(3n+1),
  .ProductThumbnail:nth-child(3n+1),
  .Files:nth-child(3n+1) {
    clear: both;
  }
}
@media (max-width: 767px) {
  .Departments .Department:nth-child(2n+1),
  .ProductThumbnail:nth-child(2n+1) {
    clear: both;
  }
}
/*** End of nth child ***/
/*** Content ***/
.Content .Image {
  text-align: right;
  padding: 0px 15px 15px 15px;
}
@media (max-width: 767px) {
  .Content .Image {
    text-align: center;
  }
}
/*** End of Content ***/
/*** Data Protection ***/
.DataProtectionFormWrapper {
  border: 2px solid #eee;
  padding-top: 15px;
  margin: 15px 0px;
}
.DataProtectionFormWrapper iframe {
  border: none;
  width: 100%;
  height: 645px;
}
/*** End of Data Protection ***/
/*** Blog ***/
.BlogWrapper .Heading {
  margin-bottom: 30px;
}
.BlogWrapper .Description {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.BlogWrapper .Description p:last-child {
  margin-bottom: 30px;
}
.Blog .Categories {
  padding-left: 0;
}
.Blog .Categories h3 {
  margin-top: 0;
}
.Blog .Categories ul {
  padding: 0;
  margin: 0;
}
.Blog .Categories ul li.Department {
  list-style: none;
  padding: 0;
}
.Blog .Categories ul li.Department a {
  padding: 15px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: block;
  font-weight: bold;
}
.Blog .Categories ul li.Content {
  margin-left: 30px;
}
.Blog .Categories ul li.Content a {
  display: block;
  padding: 5px 5px 5px 0;
}
.Blog .BlogThumb {
  padding: 10px;
}
.Blog .BlogThumb:nth-child(1),
.Blog .BlogThumb:nth-child(2) {
  padding-top: 0;
}
.Blog .BlogThumb .BlogInner {
  padding: 20px;
  border: 1px solid #eee;
  box-shadow: 0px 0px 15px -5px #868686;
  -moz-box-shadow: 0px 0px 15px -5px #868686;
  -webkit-box-shadow: 0px 0px 15px -5px #868686;
}
.Blog .BlogThumb .BlogInner .Name h3 {
  margin-top: 0;
}
.Blog .BlogThumb .BlogInner .Preview {
  padding: 15px 0px;
}
.Blog .BlogThumb .BlogInner .Text {
  padding-top: 15px;
}
.Blog .BlogThumb .BlogInner .Date {
  font-size: 12px;
  line-height: 32px;
}
.Blog .BlogThumb .BlogInner .ReadMore {
  text-align: right;
}
.Blog .Button i {
  color: #fff;
}
.Content .Blog .BlogThumb .BlogInner .Name h3 {
  margin: 0;
}
.Content .Blog .Image {
  padding: 0;
}
.Blog .NodeCrossSellItemsWrapper {
  padding: 0px 15px;
}
@media (min-width: 768px) {
  .Blog .BlogThumb:nth-child(2n+1) {
    clear: both;
  }
}
@media (max-width: 767px) {
  .Blog .Categories {
    padding: 0;
    border: 2px solid #eee;
    padding: 15px;
    margin-bottom: 30px;
  }
  .Blog .BlogThumbWrapper {
    padding: 0;
  }
  .Blog .BlogThumb {
    padding: 15px;
  }
  .Content .BlogThumb {
    padding: 0;
  }
  .Blog .NodeCrossSellItemsWrapper {
    padding: 0;
  }
  .Blog .BlogThumb .BlogInner {
    padding: 10px;
  }
  .Blog .BlogWrapper .Description {
    margin-bottom: 0px;
    border: none;
  }
  .Blog .BlogWrapper .Description p:last-child {
    margin-bottom: 10px;
  }
}
/*** End of Blog ***/
/*** Product Page ***/
.BuyBox.updatePanelLoading {
  position: relative;
}
.BuyBox.updatePanelLoading:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  background-image: url(../../images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
/*** End of Product Page ***/
/*** Product Tabs ***/
.TabContentsContainer .TabContent {
  padding: 15px;
  border: 1px solid #eee;
}
.TabContainer ul.InfoTab li a {
  font-weight: bold;
  text-transform: uppercase;
}
.TabContainer ul.InfoTab li.r-tabs-state-active {
  border-bottom: 4px solid #ce1b28;
}
@media (max-width: 767px) {
  .TabContentsContainer .r-tabs-accordion-title a {
    color: #233b83;
    padding: 15px;
    padding-right: 40px !important;
    position: relative;
  }
  .TabContentsContainer .TabContent,
  .TabContentsContainer .r-tabs-accordion-title a {
    border: 1px solid #eee;
    margin-bottom: 5px;
    padding: 15px;
  }
  .TabContentsContainer .r-tabs-accordion-title a:after {
    content: '\f067';
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    right: 15px;
  }
  .TabContentsContainer .r-tabs-accordion-title.r-tabs-state-active a:after {
    content: '\f068';
    font-family: FontAwesome;
  }
}
/*** End of Product Tabs ***/
/*** Login Page ***/
.LinkButtonContainer {
  margin-bottom: 15px;
}
/*** End of Login Page ***/
/*** Select Account ***/
.AccountListSearch select {
  padding: 3px;
}
/*** End of Select Account ***/
/*** Checkout Process ***/
#ctl00_PrimaryContentPlaceHolder_OrderContainer1_tuc_ctl00_CW_SideBarContainer_SideBarList tbody tr td a:before {
  content: "\f10c";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 20px;
}
#ctl00_PrimaryContentPlaceHolder_OrderContainer1_tuc_ctl00_CW_SideBarContainer_SideBarList tbody tr td.Completed a:before {
  content: "\f05d";
  font-family: FontAwesome;
  margin-right: 5px;
  font-size: 20px;
}
.Sidebar table {
  text-align: center;
}
table.Wizard .Sidebar table tr,
table.Wizard .Sidebar table tr td {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  float: none;
}
table.Wizard .Sidebar table tr td a.Button {
  background: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  color: #333;
}
table.Wizard .Sidebar table tr td.Selected a.Button {
  color: #ce1b28 !important;
}
table.Wizard .Sidebar table tr td:before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-size: 34px;
}
table.Wizard .Sidebar table tr td:first-child:before {
  display: none;
}
@media (max-width: 767px) {
  .Sidebar {
    display: none !important;
  }
}
/*** End of Checkout Process ***/
/*** Footer ***/
#Footer {
  background: #f9f9f9;
}
#Footer .SocialMedia {
  background: #233b83;
  text-align: center;
}
#Footer .SocialMedia a {
  color: #fff;
  padding: 15px;
  font-size: 25px;
  display: inline-block;
  background: #233b83;
}
#Footer .SocialMedia a i {
  transition: all 0.2s ease-in-out;
}
#Footer .SocialMedia a i:hover {
  transform: scale(1.2);
}
#Footer .SocialMedia a .small {
  font-size: 12px;
}
#Footer p,
#Footer a {
  line-height: 30px;
}
.FooterColumn {
  margin-top: 15px;
}
.FooterColumn .FooterItemHeading {
  font-size: 20px;
  margin-bottom: 15px;
}
.FooterColumn .FooterItemHeading hr {
  margin: 5px 0 0 0;
}
.FooterColumn .FooterItemContent li {
  list-style: none;
}
#FooterNavigation {
  border-top: 1px solid #eee;
}
#FooterNavigation ul {
  text-align: center;
}
#FooterNavigation ul li {
  display: inline-block;
}
#FooterNavigation ul li a {
  padding: 15px;
  display: block;
}
#FooterNavigation ul li.Divider {
  color: #eee;
}
.CookieConsent {
  background: #fff;
  border-top: 4px solid #ce1b28;
}
@media (max-width: 767px) {
  #FooterNavigation ul li a {
    font-size: 12px;
    padding: 5px;
  }
  #Footer .SocialMedia a {
    padding: 10px;
  }
}
/*** End of Footer ***/