/** Background image **/
body {
    background: url(../upload/files/images/webBG23.jpg);
    color: #666;
    font-size: 16px;
    background-size: 400px;
}

.container {background:#f9f9f9;}
.head-container {background:#f9f9f9}
.container-fluid.head-container {padding-left:15px; padding-right:15px;}
.topnav-container, .navbar-default {background:none;} 

h1, h2, h3, h4, h5, h6 {font-family:'Roboto', sans-serif;color: #333333;text-decoration:underline;}
h1 {font-size:25px;}
h1.title, h2.title, .orderSummaryText .header {color:#555;}
h1.title::before, h1.title::after, h2.title::before, h2.title::after {border-bottom:1px solid #fff;}

a {color: #555} 
a:hover, a:focus {text-decoration:none; color: #ef6fa2;}
.ui-datepicker-calendar tr th{color: #000;}

.xsaleTitle{color:#000}

.navbar-nav {background:#f9f9f9; border-top: 0px solid #DADADA; border-bottom: 0px solid #DADADA;list-style:none;text-align:center; margin-bottom:20px; margin-top:20px;}
/** .navbar-default .navbar-brand {display:none} **/
.navbar-collapse {padding-left:0px; padding-right:0px;}
.topnav-container.container {padding-left:0px; padding-right:0px;}
.container-fluid {padding-left:0px;padding-right:0px;}

@media (min-width:768px){
	.navbar-default .navbar-brand {display:none}
}

.addressData a, .addressData a:visited {color:#555;}
.addressData a:hover{color:#000}

.navbar-default .navbar-nav>li>a {font-size:23px; color: #555;}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #000;}

.catNavigator dt {color:#333; background:#f5f5f5; text-align:center; padding:10px;font-weight:600;}
.catNavigator dd, .catNavigator a:link, .catNavigator a:visited {color: #555;text-align:center;}
.catNavigator a:hover, .catNavigator a:focus, .catNavigator a.current { color: #000; text-decoration:none}

.cartHeader, .confirmTell, #footer dt {color: #333333;}

#footer a:link, #footer a:visited {color:#666}
#footer a:hover {color: #7aa089}
#footer dd {color:#666;}

.footerContainer {border-top: 1px solid #e6e6e6;background: #f9f9f9;color: #555;}
.footerContainer .container{ border-top: 0px solid #dadada;background:none;}
.footerContainer .container img {content:url(../images/footerImage.jpg);}

/** Product page **/
.designPrices {background:#f7f7f7}

/** panels and buttons **/
.btn-primary{background:inherit; color: #333;margin-top:20px; border: 2px solid #333; border-radius: 0;}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active{background:#333;color:#fff; border: 2px solid #333;}
.panel{background: #f9f9f9;border: 1px solid #ececec;color:#7aa089;min-height:350px;}
.panel:hover{background:#fff;border:1px solid #ececec;}

/** separating left nav and content
.container {background:none;}
#leftNavigator {background:#000; width:23%; margin-right:20px;}
#info {background:#000; width:73%} **/

/*** MARKS TWEAKS FOR v65 BUGS ***/
.socialHead i {
    padding-right: 15px;
    font-size: 2.7rem;
}
.catImages, .designButton{height:300px}
.newsPanelHeight{min-height:240px}
.navbar-right .dropdown-menu {left:0;top:33px}
.headerSearch, .headerCart, .headerEmail, .headerTel{text-align:center;padding-top:12px;font-size:16px}
.headerSearch, .headerCart{padding-top:16px}
.navbar-toggle{margin-top:4px}
.addressDataMobile .col-xs-2{width:20%}
.addressDataMobile a{color:#7aa089;}
.addressDataMobile a:hover{color:#ea729e;}
.pageMap{margin-top:20px}
#content{margin-bottom:30px}
.owl-carousel{margin-bottom:0px}
.addressData-right .fa{margin-right:8px}
.contactDetails a {font-size:13px}
.pageGallery h1{display:none;}
.owlDiv img {width:100%}

#pageFilters.highlight {background:none;}

/**** admin text editor window ****/
.cke_show_borders {background: #fff;color:#666;}

.fbFrame {
        position: relative;
        padding-bottom: 80%;
        height: 0;
        overflow: hidden;
        margin-bottom:25px;
    }
    .fbFrame iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
.designButton .panel-body img{width:250px;height:216px;object-fit:cover;object-position:50% 50%}

.crossSaleBlock a{color:#333}
.crossSaleBlock a:hover{color:#ef6fa2}

.confirmBoxes .panel, .orderComplete {
    background: inherit;
    border: 2px solid #333;
}

.errorMessage {color:#fff;font-size:13px;}

.promotionPanel img{width:250px;height:216px;object-fit:cover;object-position:50% 50%}

.mobileMenuSection  {background:#f9f9f9;padding:20px;margin-bottom:20px;text-align:left;font-size:14px;margin-top:-40px;border:1px solid #fbfbfb;}
.mobileMenuSection ul {list-style:none;padding-left:5px;}
.mobileMenuSection li {margin-bottom:5px;}
.mobileMenuSection h3 {color:#7aa089;background:#fff;padding:15px;font-size:22px;text-decoration:none;}

.fproLink, .payLogo {display:none}

.homepanel {
  background:none;
}

/* ------------- GOOGLE REVIEWS PLUGIN -------------- */
#map-plug {display:none;}
#google-reviews {display:flex;flex-wrap:wrap;/*display: grid;grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/}

.review-item {background: #f9f9f9;border: solid 1px #f0f0f0;margin:0 auto;padding:1em;margin-bottom:15px;width: 100%;border-radius: 10px;}

@media ( max-width:1200px) {
  .review-item {/* flex: 1 1 40%; */}
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}

.review-meta, .review-stars {/* text-align:center; */font-size:90%;}
.review-stars {position: absolute;left: 130px;margin-top: -22px;}
.review-author {text-transform: capitalize;font-weight:bold;margin-right: 10px;margin-top: 10px;text-align: right;display: block;}
.review-author:before {display: block;content: "";position: absolute;left: 0;width: 87%;height: 1px;background: #e6e6e6;z-index: 1;margin-top: 10px;margin-left: 57px;max-width: 69vw;}
.review-author i {position: relative;background: #f9f9f9;padding-left: 20px;padding-right:20px;font-style: italic;z-index: 5;}
.review-date {opacity:.6; display:block;}
.review-text {line-height:1.55;margin:auto;margin-left: 34px;clear: none;margin-top: -27px;font-size:14px;}

.review-stars ul {display: inline-block;list-style: none !important;margin:0; padding:0;}
.review-stars ul li {float: left;list-style: none !important;margin-right: 1px;line-height:1;}
.review-stars ul li i {color: #E4B248;font-size: 1.4em;font-style:normal;}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }

blockquote {
  border-left: 10px solid #d789bb;
  margin: 0.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.quote {display: inline-block;margin-top: 10px;height: 22px;background-image:url(../images/quotes.png);width: 28px;}

blockquote p {
  display: inline;
}

blockquote {
font-size: 15px;
font-style: italic;
margin: 0.25em 0;
padding: 0.35em 60px;
line-height: 1.45;
position: relative;
color: #555;
border-left:5px solid #e32b81;
margin-top:20px;
margin-bottom:20px;
background:#fafafa;
border:1px solid #efefef;
border-radius:15px;
}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 60px;
position: absolute;
left: -0px;
top: -5px;
color: #949597;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

.reviewActionBtn {
  text-align:center;
  background: #f9f9f9;
  padding:20px;
  border:1px solid #fff;
  border-radius:10px;
  margin-bottom:20px;
}

#lyRecFName label:before{content:"*";}

@media (max-width:768px) {
  .topnav-container, .navbar-default {background:#f9f9f9;} 
}

@media (max-width:768px){
.mobileMenuSection{display:none!important}
.page1 #pageContent{display:flex;flex-wrap:wrap;flex-direction:row;}
.page1 #leftNavigator{display:block!important;order:2;width:100%}
.page1 #rightNavigator{order:3;width:100%}
.page1 dl.leftSocial{display:none}
}

@media (max-width:768px){
.mobileMenuSection{display:none!important}
.page2 #pageContent{display:flex;flex-wrap:wrap;flex-direction:row;}
.page2 #leftNavigator{display:block!important;order:2;width:100%}
.page2 #rightNavigator{order:3;width:100%}
.page2 dl.leftSocial{display:none}
}

.leftExtras {display:none}

.catNavigator dd {line-height: 19px;margin: 0 0 8px;}

.staffPic {
	max-height: 30rem;
}

.staffBios .row {
    margin: 20px 0;
}


.panelText {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.panelText h1 {
    color: #fff;
}

.panelImg img {
    filter: brightness(0.9);
}

.promotionPanel span.title strong {
    color: #333;
}

.ribbonCat span {
    background: #333;
}

.head-container {
    padding: 6px 0;
}

a.btn.btn-header {
    font-size: 1.7rem;
}

.row.addressDataMobile i, .addressDataMobile a {
    color: #555;
}

.mobile-nav{padding-left:0px;text-align:center;}
.mobile-nav>li>a{padding: 10px 0px;text-transform: uppercase;}
.testLogin{text-align: center;padding-bottom: 10px;}


.adminButton {
    background: inherit;
    border: 2px solid #333;
    border-radius: 0;
    margin: 0 5px;
    color: #333;
}

.adminButton:hover {
    background: #333;
    border: 2px solid #333;
}

.adminButton a {
    color: #333;
}

.adminButton:hover a {
    color: #fff;
}

@media (max-width: 767px) {
	#leftNavigator {
    height: 0;
    visibility: hidden;
}
}

iframe {
    height: auto;
}

form#shoppingBasket:before {
    content: 'Please ensure that billing address details are entered accurately.';
    color: red;
}

#openPrice-error {
    color: #555;
}

.footerContainer img[src="/upload/styles/images/footer.png"] {
    content: url(/upload/mt/arib270/images/footerCard_defaultGrey.png) !important;
}