nav ul{
    list-style:none;
    list-style-position:outside;
    list-style-image:none;
    margin:0;
}
nav > li {
    float:left;
    top:0;
    left:0;
    z-index:32768;
    height: 35px;
/* 18/02/15   padding: 6px 15px; */
/* 27/11/15   padding: 6px 24px; changed for Kalpana to padding: 6px 17px; */
/* 30/11/15   padding: 6px 17px; changed for Kalpana to padding: 6px 24px; */
/* 20/01/16   padding: 6px 24px; changed for Kalpana to padding: 6px 17px; */
    padding: 8px 11px;
    font-size: 0.8em;
    cursor:pointer;
    
}
nav > li.nav_special {
    background: #ffdd15;
    height:35px;
}
nav > li.nav_special.sale {
    background: #D90046;
}
nav > li.nav_special.sale a b {
    color: #fff;
}
nav > li > a:link, nav > li > a:visited, nav > li > a:hover{
    color:white;
    text-decoration:none;
}
nav > li.nav_special a:link,
nav > li.nav_special a:visited {
    color: #545759;
}
nav > li:hover > a {
    color:#fff;
}
nav > li > ul {
    position:absolute;
    left:0;
    display:none;
    background:white;
    color:black;
    font-size:0.8em;
    background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#EBEBEB));
    background: -moz-linear-gradient(-67deg, #ffffff, #EBEBEB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EBEBEB');
    z-index: 32768;
	padding:0 0 15px 0;
	border:1px solid #545759;
	top:35px;    
}
nav > li > ul li {
    width:200px;
    float:left;
    padding: 0 1px;
    background-image: url('http://www.bathempire.com/sites/BathEmpire/img/nav_box_bg.png');
    display: table-cell;
}
nav > li > ul li:last-child {
    background-image: none;
}
nav > li > ul a{
    display:block;
}
nav > li > ul a:hover,
nav > li > ul a:hover span {
    color:#007573;
}
nav > li > ul .electric_radiator {
    background-image: none;
}

@font-face {
    font-family: "Houschka Rounded Alt Medium";
    src: url(http://www.bathempire.com/sites/BathEmpire/fonts/Houschka_Rounded_Alt/HouschkaRoundedAltMediumRegular.otf);
}



nav > li > a.smartytop-level {
    font-family: "Poppins", helvetica, arial, sans-serif;
    font-size: 12px;
}

#header .sitelogo{
    /*max-width: 85%;
    margin: 5px 0 0 10px;*/
}
.formely-known-header {
    max-width: 140px;
    position: absolute;
    top: 3px;
    right: 100%;
}
#header > .grid{
    font-family: 'Droid Sans','Helvetica','Arial',sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: 990px;
}
#header .usp {
    margin: 20px auto 0;
}

#header .spacer-59{height:59px}


nav{
    /*background: #333333;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #333333 0%, #999999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#999999));
    background: -webkit-linear-gradient(top,  #333333 0%,#999999 100%);
    background: -o-linear-gradient(top,  #333333 0%,#999999 100%);
    background: -ms-linear-gradient(top,  #333333 0%,#999999 100%);
    background: linear-gradient(to bottom,  #cccccc 0%,#5f646a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=0 );*/
    height: 35px;
    margin:0;
    padding:0;
    overflow:visible;
    position:relative;
}
#responsiveMenu #navCloseButton {
    float: right;
    margin-right: 0;
    cursor: pointer;
}
nav button{
    height: 35px;
    cursor:pointer;
    background:none;
    border:0;
    box-shadow:0 0 0 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding:0;
}
nav #mobile-searcharea{
    background-color:white;
    height: 25px;
    margin-top: 5px;
    position: relative;
    list-style-type: none !important; 
}

nav #mobile-searcharea.menuHover{
    background: white;      
    top: 0 !important;
    left: 0 !important;
    height: 25px !important;
    margin-bottom: 0 !important;
    padding: 0 !important; 
    border: 0!important;
}                     
nav #mobile-searcharea #searchfield{                      
    border:0;
    position:absolute;
    top: 4px;
    left: 8px;
    font-size: 14px;
}
nav #mobile-searcharea .magnifyer{
    position:absolute;
    right:5px;
    top:4px;
}
#mobile-searcharea form div {
    background-color: #00bfb2;
    width: 28px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
}

nav .smartynav_popup {
    padding:10px;
    height: 430px;      /* added to increase height on Accessories tab 02/02/16 Kalpana */
}
@media only screen and (max-width: 1000px) {
    nav .smartynav_popup {
        height: 530px;
    }
}

nav .smartynav_popup a strong {
    font-family: "Poppins", helvetica, arial, sans-serif;
}
nav .smartynav_popup h3 a , nav .smartynav_popup a h3 {
    font-size: 13px;
    color: #336699;
    width:200px;
    padding:10px 0;
}
nav .smartynav_popup a{
    font-size:12px;
    color: #545759;
    text-decoration:none;
    padding:3px 0;
    margin-left: 8px;
}

/*RB Start*/

nav .smartynav_popup span a , nav .smartynav_popup a span {
    font-size: 13px;
    color: #545759;
    padding:5px 0; /*changed from 10px to 5px on Stef's request 11/05/16*/
    font-weight:bold;
    display:block;
}
/*RB End*/

nav .menuHover{

	background:#000000;
   
}
@media only screen and (max-width: 768px) {
    nav .menuHover{
        margin-right:0px
    }
}

nav a:hover button{
    background-color:#545759;
}

/* Shopping Cart */
.nooverflow{
    overflow:hidden;
}
.mobCart{
    position:relative;
}
@media only screen and (min-width: 464px) {
    .mobCart{
        margin: 1%;
    }
}

.mobCart .cartQuantity {
    position: absolute;
    background: transparent;
    top: 11px;
    text-align: center;
    line-height: normal;
    font-size: 9px;
    width: 100%; 
    padding: 2px;
}
.mobCart .cartQuantity span {
    color: #fff;
    line-height: 0;
}

#mobileNavigation {
    background-color: #fff;
}
#mobile-menu-account {
    position: relative;
    top: 0;
    line-height: 0;
}
#mobile-menu-account img {
    margin-left: 13px;
}
.mobCart {
    position: relative;
    top: 0;
    line-height: 0;
    width: 26px;
    height: 24px;
}
#mobile-menu-button {
    position: relative;
    top: 0;
    line-height: 0;
}
#mobile-menu-button img {
    position: relative;
    top: 0;
}
#mobile-menu-button:active {


}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE 10 */
    .mobCart .cartQuantity{
        top:-5px;
        border-radius:15px;
    }
}
@-moz-document url-prefix() { /* Firefox */
    .mobCart .cartQuantity {
       top: 8px;
    }
}
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) /* Safari 9.0+ (iOS Only) */
and (not (-moz-appearance:none)) {
    .mobCart .cartQuantity {
       top: 9px;
    }
}
@media all and (min-width:0\0) and (min-resolution:.001dpcm) { /* IE9 only */
    nav {
        position: relative;
        top: 11px;
    }
    .tips h2 {
        font-family: "Poppins";
        font-weight: 600;
    }
    .tips .footer span {
        font-family: "Poppins";
        font-weight: 600;
    }
}
.mobCart .desktopCart{
    font-size:16px;
    top:10px;
    border:1px solid #666;
    padding:15px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.mobCart .desktopCart .cartQuantity{
    font-size:12px;
    left:25%;
}
.mobCart .cartTotal{
    text-align:center;
    color:#666;
    font-size:14px;
}
.mobCart .checkoutButton{
    text-align:center;
    color:white;
    font-size:14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:3px 0;

    background: #3399cc; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTljYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzY3OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #3399cc 0%, #33679a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399cc), color-stop(100%,#33679a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3399cc 0%,#33679a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3399cc 0%,#33679a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3399cc 0%,#33679a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3399cc 0%,#33679a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#33679a',GradientType=0 ); /* IE6-8 */

}
.mobCart .desktopCart .wobbleCart{
    transform-origin: 12px 10px;
    -webkit-transform-origin: 12px 10px;
    -ms-transform-origin: 12px 10px;
    -o-transform-origin: 12px 10px;
    -moz-transform-origin: 12px 10px;
    position:relative;
    height:23px;
}

.leftcolumn .trustpilot{ margin-top:10px }


#mobnav{
    display:none;
    list-style:none;
    margin:0;
    font-size:0.85em;
    width:275px;
    padding: 0.5em;
    background-color: #fff;
}
#mobnav > div {
    /*background-color: #336799;
    border-color: #AAAAAA #333333 #333333 #AAAAAA;
    border-style: solid;
    border-width: 1px; */
    margin-bottom: 0;
    color: #545759;
    display: block;
    min-width: 100%;
    padding: 0.5em;
    text-decoration: none !important;
    cursor: pointer;
}

#mobnav a:active{
    color: #007573; 
}
#mobnav a{    
    text-decoration: none; 
    color: #545759; 
}
#mobnav a div {
    font-family: "Poppins", helvetica, arial, sans-serif;

}
#mobnav .section{
    font-family: "Poppins", helvetica, arial, sans-serif;
    padding:0.5em;
    background-color: #545759;
    color: #fff;
    font-size: 95%;
    line-height: 1.8em;
    font-weight:bold;
}
#suggestresults h5{
    background-color:#336699;
    color:fff;
}
#suggestresults a:link,#suggestresults a:hover,#suggestresults a:visited{
    display:block;
    clear:left;
    text-decoration:none;
    height:44px;
    color: #333;
    margin-bottom: 10px;
}
#searchresults a:last-child {
    margin-bottom: none;
}
#suggestresults a:hover{
    background-color:#ddeeff;
    color:#336699;
}
#suggestresults img{
    float:left;
    margin:2px;
}
#suggestresults div{
    float: right;
    font-size: 0.9em;
    padding: 0 5px;
    width: 65px;
    text-align: right;
    font-weight: bold;
    overflow-x: hidden;
}
.suggestMother{
    position:relative;
    width:100%;
}
#suggestresults{
    width:350px;
    background-color: rgb(238, 238, 238);
    border-left:2px solid black;
    border-right:2px solid black;
    border-bottom:2px solid black;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display:none;
    position:absolute;
    right:0px;
    padding-bottom:3px;
    font-size: 0.8em;
    z-index: 1;
}
#suggestresults div.suggestresults{
    text-align:right;
    font-size:0.9em;
    width:100%;
    font-style:italic;
}
@media only screen and (max-width: 759px) {
    #suggestresults{
        display:none !important;
    }
    .movePage{
        position:relative;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    }
}
#responsiveMenu{
    position:absolute;
}
#container{
    background-color:white;
}
#content nav{
    <!-- background-color:#3F90D4; -->
    background: rgb(32,124,202); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(32,124,202,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(32,124,202,1) 0%,rgba(125,185,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
    color:white;
    padding:0.5em;
    margin-bottom:0.5em;
    font-size:0.8em;
}



@media only screen and (min-width: 1000px) {
    nav > li {
        font-size: 14px;
        line-height: 1.5;
    }
    nav > li.menuHover {
    }
}
@media only screen and (max-width: 999px) {
    nav > li {
        font-size: 13px;
        padding: 8px 10px;
    }
    nav > li.menuHover {
    }    
}
@media only screen and (max-width: 920px) {
    nav > li{
        font-size: 11px;
        padding: 10px 10px;
    } 
}
@media only screen and (max-width: 820px) {
    #header .toplinks{
        font-size:10px;
    }
    nav > li{
        font-size: 10px;
    } 
}
@media only screen and (max-width: 768px) {
    #header .usp{
        margin-top:15px;
    } 
}

/*   Fix for the bellow 935px media queries to work   */

@media only screen and (min-width: 936px) {
    .desktopMenu{
        display: inherit !important;
    }
    .mobileMenu{
        display: none !important;
    }
}
@media only screen and (max-width: 935px) {
    .desktopMenu{
        display: none !important;
    }
    .mobileMenu{
        display: inherit !important;
    }
    .mobile-70.tablet-80.mobileMenu,
    nav #mobile-searcharea {
        width: 80% !important;
        margin-top: 5px;
    }
    .mobile-nav-button.column.mobile-15.tablet-10.large-5.mobileMenu,
    .column.mobile-15.tablet-10.large-5.mobileMenu {
        width: 10% !important;
    }
    .header-menu-container {
        margin-top: 11px !important;
    }
    .movePage {
        position: relative;
    }
}

@media only screen and (min-width: 935px) {
    #mobile-searcharea{
        float:right;
        margin:0 5px 0 0;
        width: 20% !important;
    }
    #responsiveMenu, #mobnav {
        display: none !important;
    }
}

/*End of custom media queries*/

nav li.smartynav_heading {
	height:389px !important;
}
@media only screen and (max-width: 1000px) {
    nav li.smartynav_heading {
        height: 487px !important;
    }
}
nav li.smartynav_heading a,
nav li.smartynav_heading a span {
    font-family: "Poppins", helvetica, arial, sans-serif;
}

nav h2.nav-dropdown-title  {
	background:#336699;
	color:#FFF;
	font-size:14px;
	padding: 5px;
}

nav .smartynav_popup h2 a {
	color:#FFF;
	font-size:14px;
}

nav .smartynav_popup h2 a:hover {
	color:#FFF;
	text-decoration: none;
}

nav .smartynav_popup h3 a {
	font-size:13px;
}

nav .smartynav_popup h3 a:hover, nav .smartynav_popup a:hover {
	text-decoration: none;
}

nav li.smartynav_heading img {
	padding:10px;
}

/*RB Start*/

nav span.nav-dropdown-title  {
	background:#545759;
	color:#FFF;
	font-size:14px;
  display: block;
}

nav .smartynav_popup span a {
	color:#FFF;
	font-size:14px;
}

nav .smartynav_popup span a:hover {
	color:#FFF;
	text-decoration: underline;
}

nav .smartynav_popup span a {
    font-size:13px;
    font-weight: normal;
    font-family: "Poppins",helvetica,arial,sans-serif;
}

nav .smartynav_popup span a:hover, nav .smartynav_popup a:hover {
	text-decoration: none;
    color: #007573 !important;
}

/*RB End*/


nav > li > ul li{
	background:none;
	border-right:1px solid #cccccc;
}
nav > li > ul li:last-child{
	border-right:0;
}
/*
#greyBackground {
    background-color:#5b5a5a;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8 !important;
	-khtml-opacity: 0.8 !important;
	opacity: 0.8 !important;          
    position:absolute;
    top:112px;
    left:0;
    width:100%;
    height:100%;
    z-index:99;   
    display: none;     
}
@media only screen and (max-width: 758px) {
    #greyBackground {
        display: none !important;
    }    
}
*/
.desktopMenu .heart-icon >img {
    /*content: '\2665'; 
    color: #337ab2;  
    font-size:18px;*/
    position:absolute;
    margin-left:-22px;  
    height:14px;
}
.desktopMenu .wishlist-count {
    color: #747474;        
    font-size:11px;
    /*display:none;*/
}

ul.breadcrumb{
    list-style:none;
    font-size:0.75em;
    letter-spacing:-0.5px;
    position:relative;
    top:-3px;
    left:-5px;
    padding-top: 3px;
}

.pagetitle > h1{
    margin-left:13px;
    margin-bottom:-14px;
}

/*.row > .categorypage > ul.breadcrumb{*/
    /*left:-18px;*/
    /*top:-18px;*/
/*}*/
ul.breadcrumb > li {
    display:inline-block;
}
.header-menu-container {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #545759 1%, #545759 100%) repeat scroll 0 0;
    background-color: #545759;
    height: 35px;
    left: 0;
    margin-top: 13px;
    position: absolute;
    width: 100%;
}
@media only screen and (max-width:768px) {
    .header-menu-container {
        margin-top: 0px !important;
    }
}
@media only screen and (min-width:769px) and (max-width:773px) {
    .header-menu-container {
        /*margin-top: 35px !important;*/
    }
}