/* ~~ This the css file for the Responsive Design of Virtual Gadgets from Ecommerce Templates.
The first section correponds to the maximum width version of 960 pixels ~~ */
.product-container {
    position: relative;
    display: inline-block;
}

.info-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color:#FFFFFF;
    padding: 10px 7px;
    border-radius: 5px;
    display: none; /* Initially hidden */
    z-index: 1;
	font-size: 2.5em;
}

#container {
	padding-left: 222px;
	padding-top: 8px;
	/* LC fullwidth */
	padding-right: 160px;
	/* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
	box-sizing: content-box !important;
}

#center {
	padding: 10px;
	/* CC padding */
	width: 100%;
	z-index: 1;
}

#left {
	width: 230px;
	/* LC width */
	padding-top: 5px;
	/* LC padding */
	right: 240px;
	/* LC fullwidth + CC padding */
	margin-left: -100%;
	z-index: 1;
}

#right {
	width: 140px;
	/* RC width */
	margin-right: -100%;
	z-index: 0;
	padding-top: 5px;
}

#footer {
	clear: both;
}

#header {
	clear: both;
	height: 65px;
}

/*** IE Fix ***/
* html #left {
	left: 140px;
	/* RC fullwidth */
}

html {
	-ms-overflow-style: scrollbar;
}

body {
	margin: 0 auto;
	z-index: 0;
}

h1, h2 {
	font-weight: bolder;
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
h1, h2, h3, h4 ,h5, h6.bathroom-landing{
	font-family: sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
	margin-top: 20px;
    margin-bottom: 10px;
	padding:0px;
	font-size: 30px;
}
.align-items-center{
	display: flex;
	align-items: center;
}
/* ~~ Main container ~~*/
.ectdp_minicartmainwrapper{
position: absolute;
right: 3px;
margin-top:44px;
}
a.ectlink.mincart{
	color: #CCC;
}
.ectdp_minicartmainwrapper_ct{
position:relative;
width: 100%;
z-index: 1000;
}

/* ~~ View cart line display ~~*/
.ectdp_minicartopen{
padding-top:8px;
cursor:pointer;
width:140px;
float:right;
clear:both;
}

.ectdp_minicartopenimg{
margin-top:2px;
margin-left:20px;
}
img.detailimage {
	max-width:  400px !important;
}
img#prodimage0{
 max-width: 100%;
}

div.cartcountryselector_cntnr {
    display: none;
}

/* ~~ Products in cart message ~~*/
.ectdp_pincart{
width:100%;
float:left;
margin-top:12px;
}

/* ~~ Drop down display ~~*/
.ectdp_minicartcontainer{
background:#fff;
padding:10px;
margin:0px;
width:320px;
box-shadow: 0 5px 6px 0 rgba(161,161,161,161);
-webkit-box-shadow: 0 5px 6px 0 rgba(161,161,161,161);
}

/* ~~ Close and checkout buttons ~~*/
.ectdp_minicartclose, .ectdp_minicartcheckout{ 
cursor:pointer; 
background:#EE5249;
padding:2px 16px;
border-radius:4px;
line-height:38px;
}

a.ectdp_minicartclose, a.ectdp_minicartcheckout{ 
color:#fff !important;
}

a.ectdp_minicartclose:hover, a.ectdp_minicartcheckout:hover{ 
color:#000 !important;
text-decoration:none;
}

/* ~~ Delete button ~~*/
a.deletecartitem{ 
color:#fff !important;
text-decoration:none;
background-color:#EE5249 !important;
border-radius: 50%;
width: 40px;
height: 40px; 
font-size:0.9em;
padding:1px 4px;
}

a.deletecartitem:hover{ 
color:#000 !important;
text-decoration:none;
}

a.ectlink{
	color: darkslategray;
}

.ectdp_minicartitemImg{
width:60px;
float:left;
margin-right: 5px;
}

.ectdp_minicartitemDelete{
float:left;
width:24px;
padding-top:16px;
text-align:right;
}

/* ~~ Totals display ~~*/
.ectdp_minicarttotal{ 
text-align:right !important;
margin-right:28px;
margin-bottom:10px;
font-size:1.1em;
border-bottom:1px solid #ccc;
padding:6px 0px
}

/* ~~ Discounts display ~~*/
.ecHidDsc{ 
text-align:right !important;
margin-right:28px;
color:#EE5249;
padding-top:6px;
}

/* ~~ Product image ~~*/
.ectdp_minicartImg{
padding: 10px 2px;
width:60px !important;
height:auto;
}

/* ~~ Product name display ~~*/
.ectdp_minicartitemName{
float:left;width: 208px;
text-align: right;
padding: 15px 2px;
border-bottom:1px solid #ccc;
}

/* ~~ Div setting ~~*/
div.minicartcnt_dp{
text-align:center;
clear:both;
}

/* ~~ Empty cart display ~~*/
div.ectdp_empty{
width:100%;
float:left;
text-align:center;
padding:12px 0px;
}
.bathroom-landing-text{
	font-family: sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
}

.Bathroom-1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	vertical-align: middle;
}

.Header {
	color: #666;
	font-size: 26px;
	font-family: Verdana;
	font-weight: normal;
}

.Gurmal-Grey-Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

li.ectmenuhassub1 a {
	display: block;
	padding: 4px;
	background-image: url(images/arrow2.gif);
}

li.ectmenuhassub1 a:hover {
	display: block;
	padding: 4px;
	background-image: url(images/arrow2ov.gif);
	background-color: #E69D01;
	color: #FFF;
}

li.ectsubmenu1 {
	background-color: #CCCCCC;
	border-bottom: 0px;
}

.recentfooter {
	border: 1px solid #A673C6;
	clear: both;
	margin: 15px;
	padding: 4px 10px;
}

.samecat {
	clear: both;
	margin: 15px;
}

.header {
	z-index: 100;
	position: relative;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 26px;
	/*list-style-position: inside;*/
}

.detailgsvh2 {
	font-size: 18px;
	padding: 0px;
	margin: auto;
	color: #000000;
	text-align: right;
	font-family: arial;
	padding-right: 8px;
}

.detailgsvh3 {
	font-size: 16px;
	padding: 0px;
	margin: auto;
	color: #7C4E83;
	text-align: center;
	clear: both;
}

.pSideLink {
	font-size: 0.8em;
}

.pSideLinkPrice {
	font-size: 1.3em;
	font-weight: 600;
	color: #E13030;
}

a img {
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: darkslategray;
	text-decoration: none;
}

a:visited {
	color: darkslategray;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	background: #FFF;
	margin: 0 auto;
}

/* ~~the logo~~ */
div.logo {
	float: left;
}

/* ~~top links~~ */
div.toplinks {
	float: left;
	padding-left: 40px;
	padding-top: 20px;
}

.topnav {
	width: auto;
	list-style-type: none;
	text-align: center;
}

.topnav a {
	display: block;
	width: auto;
	padding: 0 16px;
	color: #4890DA;
}

.topnav li {
	float: left;
}

.topnav a:link {
	color: #4182C4;
	text-decoration: none;
}

.topnav a:hover {
	color: #4182C4;
	text-decoration: underline;
}

/* ~~top search~~ */
div.topsearch {
	float: right;
	padding-right: 20px;
	padding-top: 16px;
}

/* ~~ Search properties ~~*/
.sub {
	color: #FFF;
	background: #4890DA;
	padding-bottom: 2px;
	height: 24px;
	width: 66px;
	border: 1px solid #999;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
}

input.search {
	font-size: 1.1em;
	color: #666;
	background: #FFF;
	height: 21px;
	width: 200px;
	border: 1px solid #4890DA;
	border-radius: 8px;
	padding-left: 4px;
	vertical-align: bottom;
}

input.sub:hover {
	background: #FFF;
	color: #666;
	border: 0px;
}

/* ~~no search results text~~ */
div.nosearchresults {
	width: 720px;
	text-align: center;
}

/* ~~top tetx area~~ */
div.topheader {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFF;
	clear: both;
}

/* ~~right hand section~~ */
.sidebar1 {
	width: 216px;
	background-color: transparent;
}

/* ~~main content~~ */
.content {
	padding: 5px;
	min-height: 400px;
}

.content ul, .content ol {
	padding: 0 0px 0px 0px;
}

/* ~~content on inner pages that require a border~~ */
.content1 {
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 2px;
}

/* ~~ right hand menu ~~ */
div.leftmenu {
	background: #F7F7F7;
	border: 1px solid #CCC;
	border-radius: 2px;
}

div.menutitle {
	background: #96729B;
	padding-left: 30px;
	font-size: 1.2em;
	height: 30px;
	margin: 2px;
	color: #FFFFFF;
	border-radius: 1px;
}
a.homelink{
    color: #FFFFFF;
    font-size: 1.2em;
}
ul.nav {
	list-style: none;
	margin: 0px;
	margin-bottom: 15px;
}

ul.nav li {
	/*border-bottom: 1px solid #FFF;*/
	margin: 4px;
	font-size: 0.9em;
}

ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 8px;
	display: block;
	text-decoration: none;
	color: #333;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	color: #83078E;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #CCC;
	position: relative;
	clear: both;
	height: 115px;
	/* ~~ If you add extra content to the footer you will need to increase the height here. ~~ */
}

div.footer1 {
	width: 955px;
	margin: 0 auto;
}

.foo2 {
	float: left;
	width: 192px;
	padding: 6px;
	border-right: 1px dotted #666;
	color: #666;
	padding: 0 10px 10px 10px;
	line-height: 1.7em;
	height: 100px;
}

.foo3 {
	color: #666;
	float: left;
	width: 192px;
	padding: 0 6px 6px 6px;
	border-right: 1px dotted #666;
	line-height: 1.7em;
	height: 100px;
}

div.copy {
	float: left;
	width: 338px;
	padding: 0 0 0 4px;
	border-right: 1px dotted #666;
	vertical-align: middle;
	height: 100px;
}

div.fb {
	float: left;
	width: auto;
	padding-left: 7px;
	line-height: 1.7em;
	font-size:0.95em;
}

p.foothead {
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #666;
	margin: 0px;
	color: #369;
	line-height: 25px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft {
	/* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	/* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Home page top ~~ */
div.hometop {
	padding: 20px 20px 0 0;
	float: left;
	width: 470px;
}

div.hometop1 {
	padding: 20px 20px 0 0;
	width: 220px;
	float: left;
}

/*Home page products*/
div.prod1 {
	width: 332px;
	float: left;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

div.hprod {
	width: 125px;
	float: left;
}

div.prodblurb {
	width: 180px;
	float: right;
	color: #666;
}

div.prod2 {
	width: 332px;
	padding: 6px;
	float: right;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

p.prodheadtop {
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #DEDEDE;
	margin: 0px;
	font-size: 1.3em;
	color: #369;
	line-height: 25px;
}

p.prodhead {
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #DEDEDE;
	margin: 0px;
	color: #336699;
	line-height: 25px;
}

div.prod3 {
	width: 332px;
	padding: 6px;
	float: left;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

div.prod4 {
	width: 332px;
	padding: 6px;
	float: right;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

p.homeprice {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}

/* ~~ Mini cart ~~*/
td.mincart {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	padding: 2px;
}

p.mincart {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

table.mincart {
	background-color: #FFFFFF;
	width: 210px;
	border-radius: 10px;
	padding: 4px;
}

/*Table backgrounds for cart and search*/
table.cobtbl {
	background-color: #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
	margin-top: 12px;
}

td.cobhl {
	background-color: #F6F6F6;
	font-weight: bold;
	color: #333;
}

td.cobll {
	background-color: #FFF;
	color: #333;
}

/* The product page - view all the available classes at http://www.ecommercetemplates.com/help/css-layouts.asp
-------------------------------------*/

/* Top filter bar */

div.prodfilter{
	float:left;
	padding:2px;
	color: #333;
	margin-bottom:4px;
	background:#fff;
	font-size:12px;
}
div.thumbnailimage {
    padding-top: 28px;
}
div.prodfilterbar{
	float:left;
	width:98%;
	border-bottom: 1px solid #ccc;
	margin-bottom:14px;
	padding-bottom:8px;
		background:#fff;
	font-size:12px;
}

div.filtertext{
	padding:8px;
	font-size:12px;
	clear:left;
}

select.prodfilter{
	padding:4px 2px;
	margin:0px;
	border: 1px solid #ccc;
	font-size:12px;
	margin-bottom:6px;
}

/* Side filter bar */

input.sidefilter, select.sidefilter{
	border: 1px solid #ccc;
  	padding:4px;
	margin:0px;
	font-size:0.9em;
		font-size:12px;
}

div.moreattributes{
	background: rgba(153,153,153, .8) !important;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding:1px;
	border:1px solid #4F4F4F !important;
	width:98% !important;
}

div.ectpat{
	padding:2px 1px;
	color:#666;
	font-size:12px;
}

div.ectpat a{
	color:#666;
	font-size:12px;
}

div.ectpacount{
	font-size:11px;
	color:#666;
}
div.ectpatgrp{
	margin:12px 0px;
	padding:4px;
	border: 1px solid #ccc;
	background:#fff;
	font-size:12px;
}
div.ectpattitle{
	margin-bottom:12px;
}

div.product {
	padding: 2px;
	width: 23%;
	max-width: 325px;
	min-width: 230px;
	float: left;
	margin: 0.5%;
	border: 1px solid #C4C4C4;
	border-radius: 1px;
	background-color: #FFFFFF;
}

div.prodnavigation {
	padding: 10px;
	float: left;
	width: 100%;
}

div.checkoutbutton {
	width: 120px;
	float: right;
}

div.allproddiscounts {
	font-size: 1.1em;
	color: #567CBB;
	width: 500px;
	margin-bottom: 2px;
	float: left;
}

div.prodsku {
	color: #666;
	display: none;
}

div.prodimage {
	margin: 10px;
	text-align: center;
	background: #FFFFFF;
	height: 300px;
	display: grid;
	justify-content: center;
    align-content: center;
}

/* gsv edit border properties for detail image */
img.prodimage {
	/* border: 1px solid #CCC; */
	/* border-radius: 5px; */
	/* box-shadow: 1px 1px 3px #666; */
	max-width: 100%;
	max-height: 300px;
}

div.detailimagenavigator {
	padding-top: 13px;
}

div.prodname {
	padding: 5px 0px 0px;
	font-size: 1.1em;
	text-align: center;
}

div.prodrating {
	padding-left: 4px;
}

div.prodinstock {
	padding: 4px;
	color: #666;
}

div.proddescription {
	display: none;
	font-size: 1em;
	padding-top: 4px;
	padding-bottom: 6px;
	float: left;
}

div.prodoptions {
	width: 100%;
	border: 1px solid #CCC;
	background: #FFF;
}

select.prodoption {
	font-size: 0.9em;
	width: auto;
	margin: 6px;
}

span.prodoption {
	font-size: 1em;
	padding: 2px;
}

div.optiontext {
	padding: 2px;
	min-width: 134px;
}

input.prodoption {
	margin: 2px;
}

div.option {
	padding: 0px;
}

div.gsvholdopen {
	float: left;
}

div.listprice {
	text-align: center;
	width: 100%;
	float: left;
}
div.origprice{
    color:#999999;
	font-weight:bold;
	text-decoration:line-through;
}
.prodidlabel{
	width:auto;
	font-size:16px;
}
.detailmanufacturer{
	font-size:16px;
}
div.prodprice {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 100%;
}

div.prodcurrency {
	padding: 2px;
	text-align: center;
	float: left;
	width: 350px;
	font-size: 0.8em;
}

div.addtocart {
	text-align: center;
	padding-top: 6px;
}

.notifystock {
	text-align: center;
	padding-top: 6px;
	float: left;
	width: 350px;
}

.configbutton {
	text-align: center;
	margin-top: 6px;
}

div.outofstock {
	text-align: center;
	padding-top: 6px;
	font-weight: bold;
}

.prodid {
	background: rgb(48 79 116);
	color: #FFFFFF;
	padding: 6px;
	text-align: center;
	font-size: 1.1em;
	border-radius: 0px;
}

div.multioptiontext {
	width: 180px;
}

div.pagenums {
	text-align: center;
	float: left;
	padding: 10px;
}

/* The product detail page 
-------------------------------------*/
fieldset.gsvoptions {
	border-radius: 2px;
	min-width: 300px;
	background: #FDF7FF;
	font-size:17px;
}

legend.gsvoptions {
	padding: 2px;
	background: #FFFFFF;
	border-radius: 5px;
}

fieldset.gsvrandom {
	border-radius: 2px;
	margin-top: 5px;
}

div.timescale {
	float: right;
	clear: right;
	width: 105px;
}

div.delivery-Details {
	float: right;
	clear: left;
}

div.detailimage {
	max-width: 400px;
	padding: 10px 10px 10px 0px;
	float: left;
}

.detailid {
	color: #000;
}

.detailmanufacturer {
	width: auto;
}

.detailinstock {
	float: right;
	width: 494px;
	border-bottom: 1px #CCC dotted;
}

.detailname {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	padding: 0px;
	width: auto;
	margin: 0px;
	font-weight: lighter;
}

.detaildiscounts {
	color: #60A1DE;
	font-weight: bold;
	font-size: 1em;
	float: right;
	width: 496px;
}

span.detaildiscountsapply {
	color: #60A1DE;
	font-weight: bold;
}

div.detaildescription {
	margin-top: 5px;
	float: left;
	padding: 4px 0px 10px 6px;
	border: 1px #CCC solid;
	border-radius: 2px;
	width: 100%;
	overflow: auto;
}

.detaillistprice {
	text-align: right;
	clear: right;
	float: right;
	margin-top: 0px;
	padding-right: 6px;
}

div.detailprice {
	font-family: Arial;
	font-size: 3.0em;
	font-weight: normal;
	text-align: center;
	color: #F00;
	margin: 5px;
	float: right;
	clear: right;
}

div.detailcurrency {
	padding-top: 6px;
	font-size: 0.9em;
	text-align: center;
	float: left;
	width: 640px;
}

.detailprodoption {
}

div.detailoptiontext {
	font-size: 1em;
	border-bottom: 1px dotted #011227;
}

div.detailoptions {
	width: auto;
	float: right;
	position: static;
	font-size: 0.9em;
}

.gsvoptions {
	color: #7C4E83;
}

div.review {
	width: 700px;
}

.previousnext {
	padding-top: 10px;
	padding-bottom: 6px;
	float: left;
	width: 640px;
	text-align: center;
}

div.emailfriend {
	padding-top: 10px;
	text-align: center;
	float: left;
	width: 640px;
}

div.detailquantity {
	float: left;
	width: 640px;
}

div.detailquantitytext {
	margin: 4px;
	float: left;
	width: 300px;
	text-align: right;
}

div.detailquantityinput {
	margin: 4px;
	float: right;
	width: 320px;
	text-align: left;
}

div.detailaddtocart, .detailoutofstock {
	text-align: center;
	padding-bottom: 10px;
	float: right;
	clear: right;
}

.detailnotifystock {
	text-align: center;
	padding-top: 6px;
	float: left;
	width: 640px;
}

div.review {
	float: left;
}

div.navdesc {
	padding-top: 10px;
}

p.cstitle {
	float: left;
	width: 640px;
}

.csproduct {
	float: left;
	width: 640px;
}

/* The category page 
-------------------------------------*/
div.category {
	float: left;
	min-height: 180px;
	margin-left: 10px;
}

div.catimage {
	min-width: 130px;
	min-height: 130px;
	text-align:center; 
	
}

img.catimage {
	/* border: 1px solid #CCC; */
	/* border-radius: 5px; */
	/* box-shadow: 1px 1px 3px #666; */
	max-width: 400px;
	max-height: 236px;
}

div.catdesc {
	max-width:220px;
	text-align: center;
	margin: auto;
}

div.catname {
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: min-content;
	min-width: 143px;
}

.catdiscounts, .allcatdiscounts {
	padding-left: 5px;
	font-weight: bold;
	color: #60A1DE;
}

.categorymessage {
	padding-left: 5px;
	padding-top: 6px;
	font-size: 1.1em;
	width: 100%;
}

hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #F9F;
}

.detailgsvname {
	clear: both;
	font-size: 14px;
	padding: 0px;
	text-align: center;
}

.gsvcatby {
	font-size: 14px;
	padding: 0px;
	text-align: right;
}

.liquid {
	background: repeat-y scroll 50% 0;
	border-top: 1px dashed #19301C;
	border-bottom: 1px dashed #19301C;
	padding: 10px 0;
	font-size: 11px;
}

.liquid .previous {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-previous.gif');
	float: left;
	margin: 55px 9px 10px 0px;
	padding: 0;
	background-repeat: no-repeat;

}

.liquid .next {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-next.gif');
	float: right;
	margin: 55px 9px 10px 0px;
	padding: 0;
	background-repeat: no-repeat;

}

.liquidgsv .previous {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-previous.gif');
	float: left;
	margin: 24px 9px 10px 0px;
	background-repeat: no-repeat;
}

.liquidgsv .next {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-next.gif');
	float: right;
	margin: 24px 0px 0px 10px;
	padding: 0px;
}

.liquid ul li {
	width: 126px;
	padding: 0 2px;
	margin: 0;
}

.liquid img {
	margin-top: 10px;
}

.liquidgsv {
	border: none;
}

.noborder {
	border: none !important;
	font-size: 0.9em !important;
}

.liquidgsv ul li {
	width: 75px;
	padding: 0 2px;
	margin: 0;
}

.liquidgsv img {
	margin-top: 10px;
}

a.mappages {
	color: #000;
	font:Verdana, Geneva, sans-serif;
	font-size: 12px;
}

a.mapcats {
	color: #000;
	font:Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.gvsamecatcaro {
	height: 100px;
	width: auto;
	border-radius: 2px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

div.gvRecentlink {
	font-size: 16px;
}

.gvalsoshowwrapper {
	width: auto;
	clear: both;
}

.gvalsoshow {
	float: left;
	width: 220px;
	margin-top: 20px;
}

.samecatprods {
	vertical-align: top;
	padding-bottom: 14px;
}

.gvguarantee {
	clear: both;
	padding-left: 8px;
	padding-right: 8px;
}

.gvhotseller {
	margin-right: 8px;
	margin-top: 0px;
	float: right;
	vertical-align:central;
}

.imgsp {
	vertical-align: middle;
	float: left;
	padding: 5px 5px 0px 0px;
}

.noreview {
	visibility: hidden;
}

.Blue-Text {
	font-size: 13px;
	color: #000066;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.Brochure-Download {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}

.Border {
	padding: 6px;
	border: 1px solid #000066;
	margin: 0px;
	display: block;
}

.TermHead {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #000000;
}

.Deva-Header {
	font-size: 25px;
	color: #0033FF;
	font-family: "Calibri", "sans-serif";
	font-weight: normal;
}

.whirlpoolHead {
	font-size: 2em;
	font-family: "Calibri", "sans-serif";
	color: #3333FF;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.whirlpooltext {
	font-size: 1.1em;
	font-family: "Calibri", "sans-serif";
	color: #666666;
}

.whirlpoolline {
	background-image: url(images/leftline.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.whirlpool2 {
	color: #000066;
	font-weight: bold;
}

a.whirlpool1 {
	color: #000066;
	font-weight: bold;
}

a.whirlpool1:link {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a.whirlpool1:visited {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a.whirlpool1:active {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a.whirlpool1:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
}

.centrebg {
	background-image: url(images/Centbg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.TopLine {
	background-image: url(images/leftline.gif);
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
}

.Under-Over-Line {
	text-decoration: underline overline;
	font-size: 14px;
}

.detailgurmal {
	background-color: #CCCCCC;
	border: 1px solid #000000;
}

.saving {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.gcenter {
	vertical-align: middle;
	margin: auto;
}

.recentHeader {
	clear: both;
	text-align: left;
}

.ectpatgrp {
	width: 135px;
	padding-right: 5px;
	margin: 0px;
	text-align: left;
}

.brochuretext {
	height: 55px;
	margin-top: 5px;
}

.brochurecont {
	height: 263px;
}

.brochureimg {
	height: 165px;
}

.brochureimg img:hover {
	opacity: 0.5;
}

.G-Brochure {
	border: #666 1px solid;
}

.Terms {
	margin: 0cm 0cm 10pt;
	line-height: 115%;
	font-size: 1.1em;
	font-family: Calibri, sans-serif;
}

.gpad {
	margin: 10px;
	border: #000 solid 1px;
}
.gsvpricebox{
	min-width:300px;
	float:right;
		}
.gsvvat{
	float:right;
	clear:right;
	color:#F00;
	font-size:14px;
	padding-bottom:10px;
}
.cdformremember{
	margin:5px;
}
.checkoutbutton2{
	padding-top:10px;
	padding-bottom:10px;
}
.checkoutbutton3{
	padding-top:10px;
	padding-bottom:10px;

}
.billformrow{
	height:34px;
	vertical-align:top;
}
.checkoutterms{
	font-size: 12px;
	font-weight: normal;
}
.freedelivery{
	color:#F00;
	font-weight:bold;
}

/* This is the first breakpoint and is for screen sizes between 750 and 980 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 980px) {
	/* ~~top links~~ */
	.header {
		height: 90px;
		background: #EDEDED;
	}
	
	div.toplinks {
		padding-left: 6px;
		padding-top: 20px;
	}
	
	.topnav a {
		padding: 0 6px;
	}
	img.detailimage{
       max-width: 100% !important;
    }
	/* ~~main container~~ */
	#container {
		padding-left: 222px;
		padding-top: 8px;
		/* LC fullwidth */
		padding-right: 20px;
		/* RC fullwidth + CC padding */
	}
	
	.container {
		width: 100%;
	}
	
	/* ~~ Search properties ~~*/
	div.topsearch {
		padding-right: 4px;
	}
	
	.sub {
		width: 64px;
	}
	
	input.search {
		width: 90px;
	}
	
	div.nosearchresults {
		width: 510px;
	}
	
	/* main content*/
	.content {
		width: 100%;
	}
	
	#right {
		display: none;
	}
	
	/* remove top image from content*/
	div.hometop1 {
		display: none;
	}
	
	/* the products page*/
	div.prod1 {
		border-right: 1px #DEDEDE dotted;
		width: 478px;
		padding: 6px;
	}
	
	div.prodblurb {
		width: 310px;
	}
	
	div.prod2 {
		width: 478px;
		padding: 6px;
		float: left;
	}
	
	p.prodheadtop {
		margin: 2px;
		font-size: 1.3em;
	}
	
	div.prod3 {
		border-right: 1px #DEDEDE dotted;
		width: 478px;
		padding: 6px;
		float: left;
	}
	
	div.prod4 {
		width: 478px;
		padding: 6px;
		float: left;
	}
	
	/*footer*/
	div.footer1 {
		width: 576px;
		margin: 0 auto;
	}
	
	/*remove left hand footer section*/
	div.copy {
		display: none;
	}
	
	/*the products page*/
	div.product {
		width: 248px;
		height: 496px;
	}
	
	div.prodoptions {
		width: 232px;
	}
	
	select.prodoption {
		width: 110px;
	}
	
	div.optiontext {
		min-width: 92px;
	}
	
	div.listprice {
		width: 236px;
	}
	
	div.prodprice {
		width: 236px;
	}
	
	div.prodcurrency {
		width: 236px;
	}
	
	div.addtocart {
		width: 236px;
	}
	
	.notifystock {
		width: 236px;
	}
	
	div.prodnavigation {
		width: 320px;
	}
	
	/*Product detail page*/
	div.detailcheckoutbutton {
		width: 96px;
	}
	
	.detailid {
		width: 296px;
	}
	
	.detailname {
		width: auto;
		font-size: 16px;
		padding: 0px;
		margin: 0px;
		clear: both;
	}
	
	.detailmanufacturer {
		width: 296px;
	}
	
	.detaildiscounts {
		float: right;
		width: 292px;
	}
	
	.detailinstock {
		float: right;
		width: 288px;
	}
	
	.detaillistprice {
		width: 520px;
	}
	
	div.detailprice {
		width: 520px;
	}
	
	div.detailcurrency {
		width: 520px;
	}
	
	.detailprodoption {
	}
	
	div.detailoptiontext {
		font-size: 1em;
	}
	
	div.detailoptions {
		width: 400px;
		float: right;
	}
	
	div.review {
		width: 520px;
	}
	
	.previousnext {
		width: 520px;
	}
	
	div.emailfriend {
		width: 520px;
	}
	
	div.detailquantity {
		width: 520px;
	}
	
	div.detailquantitytext {
		width: 260px;
	}
	
	div.detailquantityinput {
		width: 240px;
	}
	
	div.detailaddtocart, .detailoutofstock {
		width: 520px;
	}
	
	.detailnotifystock {
		width: 520px;
	}
	
	div.category {
		width: 520px;
	}

}

/* This is the second breakpoint and is for screen sizes between 468 and 758 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width: 758px) {
	h1, h2, h3, h4, h5, h6.bathroom-landing {
    font-family: sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0px;
	font-size:18px;
	text-align:center;
	}
	#container .column {
	float: none;
    }
img.detailimage{
 max-width: 100% !important;
}
	ul, ol, dl {
		padding: 0;
		margin: 10px;
		list-style-position: inside;
	}
	.topheader {
		display: none;
	}
	.header {
		height: 90px;
		background: #EDEDED;
	}
	
	.samecatprods {
	}
	
	.topheader {
		display: none;
	}
	
	p {
		padding: 0px;
	}
	
	li {
		margin-left: 5px;
	}
	
	/* ~~top links~~ */
	div.toplinks {
		padding-left: 0px;
		padding-top: 0px;
	}
	
	#container {
		padding-left: 0px;
		padding-top: 3px;
		/* LC fullwidth */
		padding-right: 0px;
		/* RC fullwidth + CC padding */
	}
	
	/* ~~content~~ */
	.container {
		width: 100%;
		padding:0px;
	}
	
	/* ~~ Search properties ~~*/
	div.topsearch {
		float: left;
		padding-right: 10px;
		padding-left: 6px;
	}
	
	input.search {
		width: 210px;
	}
	
	div.nosearchresults {
		width: 460px;
	}
	
	/* ~~remove elements~~ */
	#left {
		display: none;
	}
	
	#center {
		width: 95%;
		margin: auto;
		padding: 0px;
	}
	
	#menu {
		display: none;
	}
	
	#right {
		display: none;
	}
	
	div.hometop1 {
		display: none;
	}
	
	/* ~~main content~~ */
	.content {
		padding: 0px;
		width: 100%;
	}
	
	/*Home page products*/
	div.hometop {
		width: 408px;
	}
	
	div.prod1 {
		border-right: 1px #DEDEDE dotted;
		width: 408px;
		padding: 6px;
	}
	
	div.prodblurb {
		width: 270px;
	}
	
	div.prod2 {
		width: 408px;
		padding: 6px;
		float: left;
	}
	
	p.prodheadtop {
		margin: 2px;
		font-size: 1.3em;
	}
	
	div.prod3 {
		border-right: 1px #DEDEDE dotted;
		width: 408px;
		padding: 6px;
		float: left;
	}
	
	div.prod4 {
		width: 408px;
		padding: 6px;
		float: left;
	}
	
	.recentfooter {
		display: none;
	}
	
	.techImage {
		max-width: 300px;
	}
	
	/*the footer*/
	div.footer1 {
		width: 400px;
		margin: 0 auto;
	}
	
	/*tables for cart and search*/
	table.cobtbl {
		font-size: 0.8em;
		margin-left: 8px;
		margin-bottom: 12px;
	}
	
	/*remove footer elements*/
	div.fb {
		display: none;
	}
	
	div.copy {
		display: none;
	}
	
	/*the product page*/
	div.prodfilter {
		display: none;
	}
	
	div.product {
		width: 100%;
		height: auto !important;
		max-width: 100%;
		padding-bottom: 5px;
		margin-top: 8px;
	}
	
	div.prodnavigation {
		width: 340px;
		padding-left: 14px;
	}
	
	div.checkoutbutton {
		width: 340px;
		float: left;
		padding-left: 12px;
	}
	
	div.allproddiscounts {
		width: 340px;
		padding-left: 14px;
	}
	
	div.prodoptions {
		width: 325px;
	}
	
	select.prodoption {
		width: 130px;
	}
	
	div.optiontext {
		min-width: 175px;
	}
	
	div.listprice {
		width: 340px;
	}
	
	div.prodprice {
		width: 340px;
	}
	
	div.prodcurrency {
		width: 340px;
	}
	
	div.addtocart {
		width: 340px;
	}
	
	div.pagenums {
		width: 340px;
	}
	
	.notifystock {
		width: 340px;
	}
	
	/*the detail page*/
	div.detailimage {
		float: none;
		/*margin: auto;*/
		text-align: center;
	}
	
	.detaillistprice {
		width:100%;
		float:none;
		text-align:center;
		margin-top:5px;
	}
	
	.detailid {
		width: 95%;
		padding-left: 8px;
	}
	
	.detailmanufacturer {
		width: 95%;
		padding-left: 8px;
	}
	
	.detailinstock {
		width: 100%;
	}
	
	.detailname {
		width: 100%;
		font-size: 14px;
		padding: 0px;
		margin: 0px;
	}
	
	.detaildiscounts {
		width: 100%;
	}
	
	div.detailprice {
		width: 100%;
	}
	
	img.giantimage {
		width: 100%;
	}
	
	div.detailcurrency {
		width: 100%;
	}
	
	.detailprodoption {
	}
	
	div.detailoptiontext {
		min-width: 240px;
	}
	
	div.detailoptions {
		width: 100%;
		padding-left: 10px;
		float: left;
	}
	
	div.review {
		width: 100%;
		padding-left: 16px;
	}
	
	div.detaildescription {
		width: 100%;
		padding:auto;
	}
	
	.previousnext {
		width: 100%;
	}
	
	div.emailfriend {
		width: 100%;
	}
	
	div.detailquantity {
		width: 400px;
	}
	
	div.detailquantitytext {
		width: 180px;
	}
	
	div.detailquantityinput {
		width: 200px;
	}
	
	div.detailaddtocart, .detailoutofstock {
		width: 100%;
	}
	
	.detailnotifystock {
		width: 100%;
	}
	div.catname{
	width: auto;
	padding: 0px;
	}
	img.catimage {
	max-width: 99%;
}

	div.category {
		width: 49%;
		text-align: center;
		margin-left: 0px;
	}
	.gsvpricebox{
		width:100%;
		text-align:center;
	}
	.gsvvat {
	width:100%;
    color: #F00;
    font-size: 14px;
    padding-bottom: 10px;
	float:none;
	clear:both;
    }
	div.listprice{
		width:100%;
	}
	div.prodprice{
		width:100%;
	}
	div.prodimage {
	padding-top: 6px;
	margin: 0px;
	text-align: center;
	background: #FFFFFF;
	height: auto;
    }
	img.prodimage{
	  display: inline;
      transform: none;
      top: auto;
      left: auto;
    }
}

/* This is the third breakpoint and is for smartphones. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width: 400px) {
	ul, ol, dl {
		padding: 0;
		margin: 10px;
		list-style-position: inside;
	}
	img.detailimage{
 max-width: 100% !important;
}
	.header {
		height: 90px;
		background: #EDEDED;
	}
	
	/* ~~top links~~ */
	#left {
		display: none;
	}
	
	#right {
		display: none;
	}
	
	.topnav a {
		padding: 0 5px;
	}
	
	/* ~~ Content ~~*/
	#center {
		width: 95%;
		padding: 0px;
	}
	
	.container {
		width: 100%;
	}
	
	/* ~~ Search properties ~~*/
	div.topsearch {
		padding-right: 10px;
		padding-top: 16px;
		padding-left: 6px;
	}
	img.catimage {
	      max-width: 99%;
    }
	input.search {
		width: 210px;
	}
	
	li {
		margin-left: 5px;
	}
	
	div.nosearchresults {
		width: 300px;
	}
	
	/* ~~ Remove elements ~~*/
	.topheader {
		display: none;
	}
	
	.recentfooter {
		display: none;
	}
	
	.techImage {
		width: 300px;
	}
	
	#menu {
		display: none;
	}
	
	#container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	div.hometop1 {
		display: none;
	}
	
	/* ~~ Remove left hand cart column ~~*/
	.cobcol1 {
		display: none;
	}
	
	/* ~~ Modify additional info field on checkout ~~*/
	textarea.addinfo {
		width: 150px;
	}
	
	/* ~~ Content ~~*/
	.content {
		width: 100%;
	}
	
	/*Home page products*/
	div.hometop {
		width: 300px;
	}
	
	div.prod1 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	div.prodblurb {
		width: 164px;
	}
	
	div.prod2 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	div.prod3 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	div.prod4 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	/*the footer*/
	div.footer1 {
		width: 280px;
		margin: 0 auto;
	}
	
	div.fb {
		display: none;
	}
	
	div.copy {
		display: none;
	}
	
	.foo2 {
		width: 128px;
		padding: 0 2px 4px 4px;
	}
	
	.foo3 {
		width: 142px;
		padding: 0 2px 2px 6px;
		border: none;
	}
	
	p.foothead {
		padding: 0px;
	}
	
	/*the product page*/
	div.prodfilter {
		display: none;
	}
	
	div.prodnavigation {
		width: 190px;
	}
	
	div.checkoutbutton {
		width: 290px;
		float: left;
		margin-left: 6px;
	}
	
	div.allproddiscounts {
		font-size: 1em;
		width: 290px;
		margin-left: 4px;
	}
	
	div.prodnavigation {
		width: 100%;
		padding-left: 14px;
	}
	
	div.prodoptions {
		width: 292px;
	}
	
	select.prodoption {
		width: 130px;
	}
	
	div.optiontext {
	}
	
	div.listprice {
		width: 236px;
	}
	
	div.prodprice {
		width: 292px;
	}
	
	div.prodcurrency {
		width: 292px;
	}
	
	div.addtocart {
		width: 292px;
	}
	
	.notifystock {
		width: 292px;
	}
	
	div.pagenums {
		width: 292px;
		padding: 2px;
	}
	
	/*the detail page*/
	div.detailimage {
		width: 292px;
		padding: 6px;
		margin: auto;
		max-width: 100%;
	}
	
	img.giantimage {
		width: 100%;
	}
	
	.detailid {
		width: 292px;
		margin-left: 10px;
	}
	
	.detailmanufacturer {
		width: 292px;
	}
	
	.detailinstock {
		width: 292px;
	}
	
	.detailname {
		width: 100%;
		font-size: 12px;
		padding: 0px;
		margin: 0px;
	}
	
	.detaildiscounts {
		width:100%;
	}
	
	.detaillistprice {
		width:100%;
		float:none;
		text-align:center;
		margin-top:5px;
	}
	
	div.detailprice {
		width:100%;
	}
	
	div.detailcurrency {
		width: 292px;
	}
	
	div.detailoptions {
		width:100%;
		padding-left: 6px;
	}
	
	.detailoptiontext {
		width: 140px;
	}
	
	select.detailprodoption {
		width: 118px;
	}
	
	div.review {
		width: 278px;
		margin-left: 6px;
	}
	
	.previousnext {
		width: 292px;
	}
	
	div.emailfriend {
		display: none;
	}
	
	div.detailquantity {
		width: 192px;
	}
	
	div.detailquantitytext {
		width: 120px;
	}
	
	div.detailquantityinput {
		width: 40px;
	}
	
	div.detaildescription {
		width: 100%;
	}
	
	div.detailaddtocart, .detailoutofstock {
		width: 100%;
	}
	
	.detailnotifystock {
		width: 292px;
	}
	
	p.cstitle {
		float: left;
		width: 292px;
	}
	
	.csproduct {
		float: left;
		width: 292px;
	}
	
	/*the category page*/
	div.category {
		width: 100%;
	}
	
	.brochuretext {
		height: 54px;
	}
	.gsvpricebox{
		width:100%;
		text-align:center;
	}
	.gsvvat {
	width:100%;
    color: #F00;
    font-size: 14px;
    padding-bottom: 10px;
}
	div.listprice{
		width:100%;
	}
	div.prodprice{
		width:100%;
	}
	div.prodimage {
	padding-top: 6px;
	text-align: center;
	background: #FFFFFF;
	height: auto;
	margin: 0px;
    }
	img.prodimage{
	  display: inline;
      transform: none;
      top: auto;
      left: auto;
    }
}