.content{
padding-bottom:20px;
}
#nav>ul>li:first-child, .pagebuttons, #lowerhr{
display:none;
}
#contactbar{
background-color:#F47F2F;
color:#ffffff;
font-size:0.8em;
}
#contactbar a{
color:#ffffff;
text-decoration:none;
}
#contactbar a:hover, #contactbar a:active{
text-decoration:underline;
}
#contactbarcontent{
max-width:1100px;
margin-left:auto;
margin-right:auto;
text-align:right;
padding:12px 0px 12px 0px;
}
#contactbarcontent div{
display:inline;
padding-left:20px;
}
#contactbarcontent i{
margin-right:5px;
font-weight:400;
font-size:1.1em;
}
#contactbarcontent i:not(:first-child){
margin-left:15px;
}
.otrow{

}
.otday{
width:50%;
display:inline-block;
font-weight:bold;
}
.ottime{
width:50%;
display:inline-block;
text-align:right;
}
.contactinset{
padding-left:30px;
}
.contactinset i{
position:absolute;
margin-left:-30px;
padding-top:4px;
}
.footersocial{
padding-left:30px;
}
.footersocial i{
font-size:2.2em;
margin-right:10px;
}
.footersocial a:hover i, .footersocial a:focus i{
color:#F47F2F;
}
.logoleft{
margin-top:-25px;
position:relative;
z-index:10;
}
#bluehomeinfobarouter{
background-color:#2D3192;
}
#bluehomeinfobar{
max-width:1100px;
margin-left:auto;
margin-right:auto;
color:#ffffff;
display:flex;
padding:25px 0px 25px 0px;
line-height:1.35em;
gap: 25px;
}
#bluehomeinfobar h4{
font-size:1.2em;
}
#blueinfobar{
max-width:1100px;
margin-left:auto;
margin-right:auto;
color:#ffffff;
display:flex;
padding:9px 0px 9px 0px;
gap: 9px;
}
.infoitem{
display:flex;
align-items:center;
flex: 1 1 0px;
}
a.infoitem {
color:#ffffff;
text-decoration:none;
}
a.infoitem:hover, a.infoitem:focus-within{
color:#F47F2F;
}
#bluehomeinfobar .infoitem i{
font-size:3.4em;
margin-right:15px;

}
a.infoitem:hover i, a.infoitem-focus-within i{
-webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
#blueinfobar .infoitem i{
font-size:1.4em;
margin-right:15px;
}
#blueinfobar h4{
font-size:1.1em;
font-weight:600;
margin:0px;
}
.infoitem p{
padding:0px;
margin:0px;
font-size:0.9em;
}
.productwidget, .sliderwidget{
margin-top:30px;
}
.productwidget-slide h2{
font-size:1em;
font-weight:600;
color:#333333;
text-align:center;
}
#productgrid li:hover .productgridimage, #productgrid li:focus-within .productgridimage{
border:1px solid #F47F2F;
}
#productgrid li:hover h2 a, #productgrid li:focus-within h2 a{
color:#2D3192;
}
#productgrid h2{
font-size:1em;
font-weight:600;
color:#333333;
}
.productwidget-slide h2 a, #productgrid h2 a{
color:#333333;
}
.productwidget-slide h2 a:focus, .productwidget-slide h2 a:hover, #productgrid h2 a:focus, #productgrid h2 a:hover{
color:#2D3192;
}
.productwidget-slide .productprice{
text-align:center;
font-size:1em;
font-weight:normal;
padding:0px;
margin:0px;
}
#productgrid .productprice{
font-size:1em;
font-weight:normal;
padding:0px;
margin:0px;
}
#productgrid{
margin-right:-2%;
}
#productgrid li{
width:23%;
margin-right:2%
}
.probuttoncontent{
text-align:center;
margin-top:50px;
margin-bottom:40px;
}
.outerarea .text-white{
color:#ffffff;
}
.orange{
background-color:#F47F2F;
}
a:hover.orange{
color:#2D3192;
background-color:#ffffff;
}
.blockbutton h3 a:hover{
color:#F47F2F;
}
.importantnote{
margin-top:10px;
padding:1px 15px 1px 15px;
background-color:#EEEEEE;
}
.importantnote i{
color:#F47F2F;
float:left;
font-size:3em;
padding:20px 15px 0px 0px;
}
/* Button style 3 */


.butfade h5 {
   font-size:2em;
   color:#ffffff;
}
.butfade a{
color:#ffffff;
}
.butfade h5 a:hover, .butfade a:hover {
   color:#F47F2F;
}
.butfade .butfadecontent { 
   position: relative;   
   padding: 0px 20px 20px;
   text-align: center;
   color:#ffffff;
}
.butfade-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.butfade-first .butfademask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 100;
   padding-left:30px;
   padding-right:30px;
   background-color: rgba(0, 0, 0,0.3);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.butfade-first h5 {
margin-top:35%;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 100;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.butfade-first .butfadecontent {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.butfade-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.butfade-first:hover .butfademask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
    background-color: rgba(0, 0, 0,0.3);
}
.butfade-first:hover h5,
.butfade-first:hover .butfadecontent {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   margin-top:5%;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.butfade-first:hover .butfadecontent {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}	

/* End button style 3 */

.mainprice{
font-size:1.2em;
color:#333333;
}
.addtobasket{
padding:15px 20px 15px 20px;
}
#subgallerylist li div{
border:1px solid #2D3192;
margin-bottom:0px;
}
.productsections li h3{
font-size:1.3em;
background-color:#2D3192;
color:#ffffff;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
padding:10px;
}
.productsections li h3 a{
color:#ffffff;
}
#subgallerylist li:hover div{
border:1px solid #F47F2F;
}
#subgallerylist li:hover h3{
background-color:#F47F2F;
}
#subgallerylist li:hover h3 a{
text-decoration:none;
}
#productthumbs ul {
  margin: -1% -1.5% -1% -1.5%;
  }
#productthumbs li {
  width: 47%;
  margin: 1% 1.5% 1% 1.5%;
  }
  .productwidget-slide, .brandwidget-slide{
  margin-right:20px;
  }
  .col5 .productwidget-slide, .col5 .brandwidget-slide{
width:calc(25% - 15px);

}
.productwidget-slide .pw-imgcontainer, .brandwidget-slide .bw-imgcontainer{
height:220px;
border:0px;
}
.productwidget .flickity-button.previous, .productwidget .flickity-button.next, .sliderwidget .flickity-button.previous, .sliderwidget .flickity-button.next{
-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.productwidget .flickity-button.previous, .sliderwidget .flickity-button.previous{
left:-70px;
}
.productwidget .flickity-button.next, .sliderwidget .flickity-button.next{
right:-70px;
}
.productwidget:hover .flickity-button.previous, .productwidget:focus-within .flickity-button.previous, .sliderwidget:hover .flickity-button.previous, .sliderwidget:focus-within .flickity-button.previous{
left:-40px;
}
.productwidget:hover .flickity-button.next, .productwidget:focus-within .flickity-button.next, .sliderwidget:hover .flickity-button.next, .sliderwidget:focus-within .flickity-button.next{
right:-40px;
}
.flickity-button {
  background: #2D3192;
  color: #fff;
}
.flickity-button:hover{background:#F47F2F;
}
.flickity-prev-next-button {
top:40%;
width:70px;
height:80px;
  border-radius: 0px;
}

@media only screen and ( min-width: 1200px )
        {.flickity-prev-next-button.previous {
  left: -50px;
}
.flickity-prev-next-button.next {
  right: -50px;
}
        }
        @media only screen and ( max-width: 1100px )
        {
        #bluehomeinfobar, #blueinfobar{
        margin-left:10px;
        margin-right:10px;
        }
        #contactbarcontent{
        margin-left:10px;
        margin-right:10px;
        }
        .infoitem h4{
        font-size:1.2em;
        }#bluehomeinfobar .infoitem i{
        font-size:2em;
        }
        }
        @media only screen and ( max-width: 1000px )
        {
        .infoitem{
        text-align:center;
        flex-wrap:wrap;
        }
        .infoitem div{
        width:100%;
        }
        }
        @media only screen and ( max-width: 999px )
        {
        .logoleft{
        flex:0 0 100%;
        }
        #contactbarcontent{
        text-align:center;
        }
        }
        @media only screen and ( max-width: 800px )
        {
        #bluehomeinfobar{
        flex-wrap:wrap;
        }
        #bluehomeinfobar .infoitem{
        width:100%;
        flex: 1 1 100%;
        }
        #contactbarcontent div:last-child{
        display:none;
        }
        #bluehomeinfobarouter{
        display:none;
        }
        }
        
@media only screen and ( max-width: 700px )
        {
        #productgrid li{
width:31.33%;
		}
        #logocontainer img{
        max-width:200px;
        }
        .col5 .productwidget-slide, .col5 .brandwidget-slide{
        width:calc(50% - 5px);
        }
        }
        @media only screen and ( max-width: 500px )
        {
  

      #productgrid li{
		width:48%;
		}
        }
        
        /* ### Responsive Tabs ### */ 
        
        #othertabsouter{background-color:#F2F2F2;}
        
#othertabs{
margin-bottom:20px;
max-width:1100px;
margin-left:auto;
margin-right:auto;
padding-top:30px;
}

#othertabs #etabs{
margin-top:15px;
margin-bottom:20px;
}

/* Tabs container */
#othertabs .r-tabs {
	position: relative;
}
#othertabs .r-tabs ul{

}
#othertabs .r-tabs #etabs-1, #othertabs .r-tabs #etabs-2, #othertabs .r-tabs #etabs-3, #othertabs .r-tabs #etabs-4, #othertabs .r-tabs #etabs-5, #othertabs .r-tabs #etabs-6, #othertabs .r-tabs #etabs-7, #othertabs .r-tabs #etabs-8, #othertabs .r-tabs #etabs-9, #othertabs .r-tabs div[id*="etabs"] {
margin:0px;

}

/* Tab element */
#othertabs .r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
    margin-left:30px;
    margin-right:30px;
}

/* Tab anchor */
#othertabs .r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 12px 0px;
font-size:1em;
	text-decoration:none;
   text-transform:uppercase;
	color:#333333;
	margin-bottom:-1px;
font-weight:600;
}

/* Active state tab anchor */
#othertabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
border-bottom:4px solid #2D3192;
}
#othertabs  .r-tabs-anchor:hover, #othertabs .r-tabs-anchor:focus{
border-bottom:4px solid #2D3192;
}

/* Accordion anchor */
#othertabs .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	background-color: #F2F2F2;
	
	color:#2D3192;
	text-decoration: none;
font-size:1.2em;
border-bottom:1px solid #d7dada;font-weight:600;
}

/* Active accordion anchor */
#othertabs .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #2D3192;
	color: #ffffff;
    
}


@media only screen and ( max-width: 768px )
        {
        .tabselect{ border-top:0px;
        }	
        }

#othertabs .r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    text-align:center;
}

#othertabs .r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

#othertabs .r-tabs .r-tabs-panel {
    padding: 10px;
   /* display: none; */
   border-top: 1px solid #d7dada;
}

#othertabs .r-tabs .r-tabs-accordion-title {
    display: none;
}

#othertabs .r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    /* Added for Chrome Add Widget drop down */
    overflow:visible !important;
}
/* Spectulise mod to remove display:none during loading to ensure sticky elements are correctly positioning in page.  */
#othertabs .r-tabs .r-tabs-panel:not(.r-tabs-state-active) {
    /* position: absolute !important;
   left: -9999px !important; */
    display:none;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
	#othertabs{
    padding-top:0px;
    }
    #othertabs .r-tabs .r-tabs-nav {
        display: none;
    }

    #othertabs .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}

#othertabs .r-tabs-panel{

}
/* ### END Responsive Tabs ### */