@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);
body { font-family: 'Lato',Tahoma,Geneva,sans-serif; font-size: 14px; font-weight:400; background: #fbfbfb; color: #4E4C4C}
p {line-height:1.7em;}
.highlight{background:#fcfcfc;}
a, .catNavigator dt {color: #488ac7} 
a:hover, a:focus {text-decoration:none; color: #4E4C4C;}
h1, h2, h3, h4, h5, h6 {color: #4E4C4C; font-family: 'Lato',Tahoma,Geneva,sans-serif;}
h1, h2{font-family:'Lato',sans-serif;color:#488ac7; text-transform:uppercase}
.cartHeader, .confirmTell, #footer dt {color: #488ac7; font-family: 'Lato',Tahoma,Geneva,sans-serif;}
strong, b {font-weight: 500;}

.head-container {border-bottom: 0px solid #488ac7; padding: 4px 0; background:#488ac7;}
.topnav-container, .navbar-default {background:inherit}  
.topbanner-container {  padding-left: 0px;  padding-right: 0px; max-width:1170px;margin-right:auto;margin-left:auto;}


.container {background:#fff;}
#info {padding-top:0px;margin-top:10px;}

.addressData a, .addressData a:visited {color:#fff}
.addressData a:hover{color:#488ac7} 
.tikTokIcon {position:relative;top:-5px;}

.homeUpperText {text-align:justify;padding:20px;background:#f9f9f9;}

.upperTitle {color:#488ac7;text-align:center;background:#f9f9f9;margin-top:20px;padding:8px;font-size:18px;}
.lowerTitle {color:#488ac7;text-align:center;background:#f9f9f9;margin-top:20px;padding:8px;margin-bottom:20px;font-size:18px;}

/* css to align text with buttons */
.btn-align {line-height: 2;}
/* css to align text with buttons */
.btn-align {line-height: 2;}
/** nav bar **/
.navbar-brand {float:none}
.navbar-default {  border-color: #99a285;border-radius: 0px; border: 0px solid #444; border-right:none; border-left:none; border-top:none}
.navbar-default .navbar-nav>li>a { color: #4E4C4C;   font-size: 14px;display:inline-block;}
.navbar-default .navbar-nav>li>a.current, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {  color: #488ac7;}
.navbar-right { width:100%;  margin-top: 0px;margin-right:0px} 
.navbar-nav>li{float:none;display:inline}
.navbar-brand>img {margin-left: auto;margin-right: auto;padding-left:15px;}
.navbar-header{float:none;margin-top:50px}
 
.navbar-nav {border-top: 0px solid #DADADA; border-bottom: 1px solid #efefef;list-style:none;text-align:center }

/** Left Nav **/
.catNavigator dd, .catNavigator a:link, .catNavigator a:visited { color:#666; font-size: 14px;}
.catNavigator a:hover, .catNavigator a:focus, .catNavigator a.current { color: #488ac7; text-decoration:none}
.catNavigator dt {padding:8px;color:#FFF;max-width:100%;font-weight:400;border-bottom:1px solid #f9f9f9;padding-bottom:6px;font-size:17px;background:#56a5ec;}
.catNavigator dl {margin-bottom:10px;max-width:90%;border-bottom:1px solid #488ac7}
.leftCart {background: #f9f9f9;padding:10px;}
.leftOccasions {background: #f9f9f9;padding:10px;}
.leftDesTypes {background: #f9f9f9;padding:10px;}

.leftExtras {background: #f9f9f9;padding:10px;}
.leftSocial {background: #f9f9f9;padding:10px;}
.leftNavIcons {background: #f9f9f9;padding:10px;text-align:center;}
.leftNavIcons dt {text-align:left;}

/** 6.1.3 checkout buttons on design page **/
.editBasketBtn {margin-top:-5px;background:#3f3f3f;color:#fff;}
.checkoutBasketBtn {margin-top:-5px;margin-right:5px;background:#3f3f3f;color:#fff;}
.editBasketBtn:hover, .checkoutBasketBtn:hover {background:#474949;}

/** buttons **/
.btn-primary{ background-image:none; background-color:#488ac7; color: #fff; border: 1px solid #488ac7;}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active{background-image:none;background-color:#56a5ec; border: 1px solid #56a5ec;} 
.btn-header {border-radius: 0px;  border: 1px solid #DADADA;}
.btn-header:hover {;color:#488ac7}
a.btn-header:hover{color:#488ac7}
.btn-default{background-image:none;background-color:#474949;border:1px solid #474949}
.btn-default:hover{background-image:none;background-color:#979999;border:1px solid #979999}

.btn-primary.checkout {background:#fb0000;border:1px solid #fb0000;text-transform:uppercase;}
.btn-primary.checkout:hover {background:#e20000;border:1px solid #e20000;}

.btn-primary.checkoutPP2 {
        background:url(images/paypal_checkout.png) no-repeat;
        width:230px;
        border:none;
        height:50px;
}


@media (min-width: 1024px) {
.designButton { height: 350px;}
}

.singleBanner {margin: 0px 12px;}

/** Designs **/
.panel{background: #fcfcfc;border: 1px solid #f0f0f0;}
.panel:hover{background:#fafafa;border:1px solid #D7D5D5;}
.designButton:hover, .designButton:focus, .designItems, .catImages:hover {  background: #fafafa; border: 1px solid #D7D5D5;color: #4E4C4C; text-decoration:none}
.newsPanel:hover{  background: #fafafa; border: 1px solid #D7D5D5;color: #4E4C4C; text-decoration:none}

.page25 .panel {background:#f9f9f9;border:none;color:#555;border-radius:1px;box-shadow:none;}
.page25 .panel:hover {background:#f9f9f9;border:1px solid #488ac7;}
.page25 .catSelection h2 {display:none;}
.page25 .panel-heading h2 {color:#555;display:inline;}

.page25 .btn-primary {display:none;}

.panel.promotionPanel {background:#f9f9f9;}
.promotionPanel span.title {color:#333;}

h1.title {  color: #4E4C4C; display: flex; align-items: center;  text-align: center; margin: 20px 0 20px 0}
h2.title {  color: #4E4C4C;  font-size: 18px; display: flex; align-items: center;  text-align: center;  margin: 20px 0}

h1.title::before, h1.title::after, h2.title::before, h2.title::after { content: ''; flex: 1; border-bottom: 1px solid #DADADA;}
h1.title::before, h2.title::before { margin-right: .65em; }
h1.title::after, h2.title::after { margin-left: .65em; } 

@media screen and (min-width: 992px){
    .columns{
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari and Chrome */
        column-count:3;
        width: 600px;
    }
}


/***** AMENDS BY MARK AUG 2015 *****/
/*size of header contact icons */
.fa-envelope, .fa-phone-square{font-size:21px !important}

/* search box */
#collapseSearch .well{background:#444;border:1px solid #333;}

/* navbar-toggle */
.navbar-toggle {border-color: #dddddd;}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle:hover .icon-bar{background-color:#333}

.dropdown-header{color:#488ac7}
.dropdown-menu{background:#fcfcfc}
.dropdown-menu>li>a, .dropdown-menu>li>a:visited {color:#555}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background:#f0f0f0;color:#555}
.dropdown-menu .divider{background-color:#f0f0f0}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color: #60a3d9;}

.homepanel {background:#fff;text-align:center;margin-bottom:10px}
.date-disp-square-sm{background-color:#e93395;border:1px solid #488ac7}

.newsH1 {padding:35px 0 15px 0; color: #fff}

/** Footer **/
.footerContainer { border-top: 1px solid #f9f9f9;  background: #fbfbfb; color: #4e4c4c;}
.footerContainer .container {background:#fff;}
#footer a:link, #footer a:visited {color:#4e4c4c}
#footer a:hover {color: #488ac7}
#footer dl {text-align:left;}
#footer dt {text-align:left;}
#socialShare{margin-top:30px}
.mosaicflow__item {margin: 10px 10px 0px 0px;}

.galleryCell .panel, .galleryCell, .galleryCell .panel-default{height:250px;margin-bottom:18px}
.galleryCell img{max-height:220px}
#content{margin-top:20px}

#shoppingBasket .highlight h3 {color:#333;}

.sslIcon {height:60px;background:url(images/sslicon.png) no-repeat left top;padding-left:0px;margin-top:35px;margin-bottom:12px;margin-left:40px;}
.ribbonCat {width: 130px;height: 105px;}

    .google-maps {
        position: relative;
        padding-bottom: 45%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
#pswd_info {top: 185px;}


/** REDESIGN **/

.topnav-container .container {width: 100%;background: #273c76;}

.footerContainer {background: #ffffff;}

.container-fluid.topnav-container {padding: 0;}

.navbar-default .navbar-nav>li>a {color: #ffffff;}

.head-container {border-bottom: 2px solid #ffffff;background: #273c76;}

.navbar-brand>img {max-height: 120px;}

.catNavigator dt {background: #273c76;}

h1, h2, .dropdown-header, .cartHeader, .confirmTell, #footer dt  {color: #273c76;}

.catNavigator dl {border-bottom: 1px solid #273c76;}

.navbar-nav {border-bottom: none;}

.btn-primary {background-color: #273c76;border: 1px solid #273c76;}


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


.owl-carousel {margin-top: 20px;}

.navbar-default .navbar-nav>li>a.current {color: #ffffff;}


.panel-heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 15px 3px;
    white-space: normal;
}