/*	GSV OVERRIDES FOR ECT SHOPPING CART
	Cleaned: 2026-04-06 — removed rules redundant with new ectcart.css
	Backup: ectcartgsv.css.backup-20260406
*/

/* GSV: Custom button styling */
input.cartlineupdate,input.updateestimator,input.sidefiltergo{
background:#D85906;
color:#fff;
border-radius:4px;
border:0px;
font-size:12px;
padding:4px 6px;
cursor:pointer;
text-shadow:0px 1px 0px #854629;
background:linear-gradient(to bottom, #D85906 5%, #bc3315 100%);
}
input.cartlineupdate:hover,input.updateestimator:hover,input.sidefiltergo:hover{color:#ccc}
input.sidefiltergo{
font-size:14px;
padding:6px 8px;
}

/* GSV: Discount colour */
div.discountsapply{
color:#DA6A1E;
padding:4px 0px 0px 0px;
}
div.proddiscounts{
color:#DA6A1E;
padding:0px 0px 4px 0px;
}

/* GSV: Hide country fields */
div.cdformtcountry{
display:none;
}
div.cdformcountry{
display:none;
}

/* GSV: Payment dropdown max width */
select.cdformpayment{
max-width:90%;
}

/* GSV: Quick buy overlay z-index */
div.qbopaque{
z-index:10000;
}

/* GSV: Cart container width */
div.cartcontentsdiv{
text-align:center;
width:97%;
}

/* GSV: Updated cart layout for new nested HTML structure */

/* TOP ROW (header) */
div.cartdetails_cntnr{
display:flex;
align-items:center;
white-space:nowrap;
padding:2px;
margin:12px 0px 6px 0px;
border-bottom:1px solid #999;
padding-bottom:6px;
}
div.cartdetails{
display:inline-block;
white-space:normal;
}
div.cartdetailsid{
width:27%;
}
div.cartdetailsnameprice{
width:49%;
display:inline-flex;
}
div.cartdetailsname{
width:75%;
}
div.cartdetailsprice{
width:25%;
}
div.cartdetailsquanttotal{
width:24%;
display:inline-flex;
justify-content:space-between;
}
div.cartdetailsquant{
width:33%;
text-align:center;
}
div.cartdetailstotal{
width:33%;
text-align:right;
}
div.cartdetailscheck{
width:34%;
}

/* PRODUCT ROW */
div.cartline{
display:flex;
align-items:center;
padding-bottom:6px;
margin-bottom:6px;
}
div.cartlineid{
width:27%;
white-space:normal;
vertical-align:middle;
}
div.cartlinenameprice{
width:49%;
display:inline-flex;
align-items:center;
}
div.cartlinename{
width:75%;
white-space:normal;
vertical-align:middle;
padding-right:3px;
}
div.cartlineprice{
width:25%;
white-space:normal;
vertical-align:middle;
}
div.cartlinequanttotal{
width:24%;
display:inline-flex;
justify-content:space-between;
align-items:center;
}
div.cartlinequant{
width:33%;
white-space:normal;
vertical-align:middle;
text-align:center;
}
div.cartlinetotal{
width:33%;
white-space:normal;
text-align:right;
vertical-align:middle;
}
div.cartlinecheck{
font-size:0.8em;
width:34%;
white-space:normal;
text-align:center;
vertical-align:middle;
}

/* GSV: Cart row border */
div.cartandoptsline{
border-bottom:1px solid #ccc;
margin-bottom:12px;
}

/* GSV: Email friend styles */
div.emfmaindiv{
width:98%;
max-width:400px;
margin:auto;
margin-top:5vh;
overflow:auto;
height:90vh;
}
.emfsubtable{
background-color:#FFF;
}
#yourcomments{
width:98%;
}

/* GSV: Shipping logo centering */
div.shiptablelogo img{
margin:0;
position:absolute;
top:50%;
left:50%;
margin-right:-50%;
transform:translate(-50%, -50%);
}

/* GSV: Ship radio label */
label.shipradio{
margin:0px;
font-weight:normal;
}

/* GSV: Receipt shipping address */
div.receiptshippingaddress{
float:right;
}

/* GSV: Grand total border colour */
div.cartgrandtotaltext{
border-bottom:1px solid #999;
}
div.cartgrandtotal{
border-bottom:1px solid #999;
}

/* GSV: Checkout button right-align */
div.checkoutbutton2{
text-align:right;
}

/* GSV: Service commitment styling */
div.cart3servicecommitment{
font-size:10px;
margin-left:25px;
}

/* GSV: Coupon code formatting */
#cpncodespan{
font-size:0.8em;
}
#cpncodespan div{
padding:4px 12px 4px 0px;
}

/* GSV: Highlight / lowlight */
div.ecthighlight{
background-color:#EEE;
}
div.ecthighlight,div.ectlowlight{
padding:3px;
}

/* STYLE SHEET FOR THE ECT SEARCH PAGE */
div.searchform{
overflow:auto;
}
div.searchheader{
overflow:auto;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}
div.searchtext{
width:24%;
float:left;
padding:6px 4px;
white-space:nowrap;
}
div.searchcntnr{
overflow:auto;
padding:6px 4px;
}
div.searchcontrol{
width:72%;
float:left;
}
div.searchfor input{
width:80%;
border:1px solid #ccc;
padding:6px;
float:left;
}
div.searchprice input{
border:1px solid #ccc;
padding:6px;
float:left;
}
div.searchcontrol select{
width:170px;
padding:4px;
float:left;
}
div.searchfiltergroup{
width:48%;
float:left;
}
div.searchfiltergroup select{
width:170px;
padding:4px;
margin-bottom:8px;
}
div.searchsubmit{
padding:8px 4px;
}

/* STYLE SHEET FOR AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING PAGES */
div.ectdiv{
overflow:auto;
margin-bottom:20px;
}
div.ectdivhead{
font-weight:bold;
font-size:1.2em;
text-align:center;
border:1px solid grey;
padding:10px;
margin-bottom:10px;
overflow:auto;
}
div.ectdivleft{
width:28%;
float:left;
padding:10px 4px;
white-space:nowrap;
clear:both;
}
div.ectdivright{
width:68%;
float:left;
padding:6px 4px;
}
div.ectdivright input{
width:60%;
border:1px solid #ccc;
padding:6px;
margin-bottom:4px;
}
div.ectdivleft input[type="checkbox"]{
width:auto;
}
div.ectdivright select{
width:63%;
border:1px solid #ccc;
padding:6px;
}
div.ectdivright input[type=checkbox]{
width:10px;
}
div.ectdiv2column{
margin:8px 0px;
}
div.ectdiv2column ul{
list-style:none;
}
div.ectorderstatus div.ectwarning{
overflow:auto;
}
div.ectmessagescreen div{
margin:30px;
}
div.ectmessagescreen input{
margin-top:12px;
}
div.ectclientloginaccount div.ectdivleft{
white-space:normal;
}
div.ectclientloginaddress div.ectdivleft{
width:48%;
}
div.ectclientloginaddress div.ectdivright{
width:48%;
}
div.ectdivright input.createlist{
width:auto;
border:1px solid #ccc;
}
input.createlistinput{
vertical-align:middle;
margin:1px;
}
div.ectdivleft input{
width:200px;
border:1px solid #999;
}
div.ectclientlogingiftreg .ectdiv2column{
padding:6px 8px;
}
div.ectgiftregname{
font-weight:bold;
font-size:1.1em;
}
input.giftregistrycopy{
width:90%;
}
div.ectgiftregistrybuttons input[type=button]{
float:left;
margin-right:10px;
margin-bottom:6px;
}
div.ectgiftregistrybuttons{
overflow:auto;
padding-bottom:30px;
}
div.ectclientlogingiftreg .ectdivleft input{
margin-top:3px;
padding:4px;
}
div.ectclientloginorders{
float:left;
}
div.ectclientloginorders div{
padding:6px;
margin:4px;
font-size:0.9em;
}
input.trackinggo{
width:60px !important;
margin-bottom:12px;
}
div.ecttracking div.ectdivcontainer{
overflow:auto;
}
div.trackingselectlogo{
float:left;
width:90px;
margin-top:8px;
}
div.ecttracking div.ectdivleft{
width:42%;
white-space:normal;
float:left;
clear:none !important;
padding-top:0px !important;
margin-top:8px;
}
div.ecttracking div.ectdivright{
width:43%;
float:left;
padding-top:0px !important;
margin-top:8px;
}
div.trackinglogo,div.trackingtext{
float:left;
padding:6px;
}
div.ecttrackingresults{
overflow:auto;
}
div.ecttrackingresults div{
width:33%;
}
div.trackingcopyright{
overflow:auto;
float:left;
font-size:0.9em;
}
div.tracktablehead div{
padding:20px 0px 6px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* Gift Certificate form */
div.ectgiftcerts{
overflow:auto;
}
div.ectgiftcerts div.ectdivleft{
width:38%;
white-space:normal;
}
div.ectgiftcerts div.ectdivright{
width:58%;
}
div.ectgiftcerts #amount{
width:80px;
}
div.ectgiftcerts textarea{
width:62%;
border:1px solid #ccc;
}
div.ectdonations{
overflow:auto;
}
div.ectdonations #amount{
width:80px;
}
div.ectdonations textarea{
width:62%;
border:1px solid #ccc;
}

/* FOR RESPONSIVE DESIGNS */

/*Styles for screens below 940px*/
@media all and (max-width: 940px) {

/* HIDE DETAILS COLUMN */
div.cartdetailsid{
display:none;
}
div.cartlineid{
display:none;
}

/* MOVE ESTIMATE ABOVE TOTALS */
div.cartshippingdetails{
width:100%;
}
div.carttotals{
width:100%;
}

/* GSV: Reset columns for new nested layout at 940px */
div.cartdetailsnameprice,div.cartlinenameprice{
width:60%;
}
div.cartdetailsquanttotal,div.cartlinequanttotal{
width:40%;
}
div.cartdetailsname,div.cartlinename{
width:60%;
}
div.cartdetailsprice,div.cartlineprice{
width:40%;
}
div.cartdetailsquant,div.cartlinequant{
width:33%;
}
div.cartdetailstotal,div.cartlinetotal{
width:33%;
}
div.cartdetailscheck,div.cartlinecheck{
width:34%;
}

/* REALIGN TOTALS */
div.cartsubtotaltext{
width:72%;
}
div.cartsubtotal{
width:25%;
}
div.shippingtotaltext{
width:72%;
}
div.shippingtotal{
width:25%;
}
div.cartcountrytaxtext{
width:72%;
}
div.cartcountrytax{
width:25%;
}
div.cartgiftcerttext{
width:72%;
}
div.cartgiftcert{
width:25%;
}
div.cartdiscountstext{
width:72%;
}
div.cartdiscounts{
width:25%;
}
div.cartgrandtotaltext{
width:72%;
}
div.cartgrandtotal{
width:25%;
}
div.cartcoupontext{
width:57%;
}
div.cartcoupon{
width:40%;
}
}

/*Responsive: 715px breakpoint*/
@media screen and (max-width: 715px) {

div.receiptaddress{
width:auto;
display:block;
}
div.receiptshippingaddress{
float:none;
}
div.searchfiltergroup{
padding:4px 0px;
width:95%;
float:left;
}
div.ecttracking div.ectdivleft{
width:95%;
}
div.ecttracking div.ectdivright{
width:95%;
}
div.acccreatewrapper, div.accloginwrapper{
margin-top:10px !important;
width:440px !important;
overflow:auto;
max-height:95vh;
}
div.giantthumbcontainer{display:none;}
div.giantimg{width:98%!important;}
}

/*Styles for screens below 480px*/
@media all and (max-width: 480px) {
div.logintoaccount, div.createaccount{
width:auto;
float:none;
margin:4px 0px;
}
div.acccreatewrapper, div.accloginwrapper{
margin-top:10px !important;
width:314px !important;
overflow:auto;
max-height:95vh;
}
.shiptablerates{width:100% !important;}
div.searchfortext, div.searchpricetext, div.searchtypetext, div.searchcategorytext, div.searchfilterstext{
width:95%;
}
div.searchfor, div.searchprice, div.searchtype, div.searchcategory, div.searchfilters{
width:95%;
}
div.cartcoupontext{
width:36%;
}
div.cartcoupon{
width:64%;
}
div.cdformshipdiff{
width:90%;
}

/*Styles for screens below 480px on the affiliate, order status, client login page*/
div.ectdivright input{
width:95%;
}
div.ectdiv2column input{
margin:6px 0px 12px 0px;
}
div.ectdivright{
width:95% !important;
}
div.ectdivleft{
width:95% !important;
}
div.ectgiftcerts textarea{
width:98%;
}
div.ectdonations textarea{
width:98%;
}
div.cobhl, div.cobll{
width:100%;
}

/*GSV Mod start */
div.billformrow{
width:100%;
float:none;
}
div.cart2details {
padding-left:0px;
}
input#lastname {
float:left;
margin-top:8px;
}
div.cart2details{
overflow:visible;
}
input.cdforminput{
width:100%;
}
/*GSV Mod end */
}

@media print{
.no-print, .no-print * {
display:none !important;
}
}/* ~~ 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;
    }
}