body {   	
	color: #333333;
 	FONT-FAMILY: Verdana, Arial;
 	FONT-SIZE: 11px;
	text-align: left; 
	margin-left: 0px; 		
	margin-top: 0px; 	
	margin:auto;
	width:1200px;
	background-color:#FFFFFF;	
	-webkit-box-shadow: 0px 0px 71px -3px rgba(138,136,138,0.2);
	-moz-box-shadow: 0px 0px 71px -3px rgba(138,136,138,0.2);
	box-shadow: 0px 0px 71px -3px rgba(138,136,138,0.2);
}
	
h1 {	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:20px;	
	color: Black;
	margin-top: 0px;	
	margin-bottom: 1px;	
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:14px;	
	color: Black;
	margin-top: 0px;	
	margin-bottom: 1px;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:12px;	
	color: Black;
	margin-top: 0px;	
	margin-bottom: 1px;
}

table.hoverTable{
		width:100%; 
		border:#CCCCCC 1px solid;
		background: White
	}

.hoverTable:hover {
	border-style: solid;
	border-color: black;	
	box-shadow: 4px 6px 6px #D1D1D1;	
} 

table.hoverTableproduct{
		width:100%; 
		border:#CCCCCC 1px solid;
		background: White;
		height: 365px;
	}

.hoverTableproduct:hover {
	border-style: solid;
	border-color: black;	
	box-shadow: 4px 6px 6px #D1D1D1;	
} 


.discount_amount {
	z-index:15;
	position:absolute;
  top: -1px;
  left: 0px;
	padding:10px 15px;
	width:120px;
	font-color:black;
	background-color:#FDED00;
	color:black;
	font-weight:400;
	text-transform:uppercase;
	opacity: 0.9;
}

table.headerbar {
	font-family: Arial, Verdana;
	color: #666666;
	margin-top: 1px;	
	margin-bottom: 1px;	
}


td.headerbardivider {
	border-right-style: dotted;
	border-right-width: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border-right-color: #676453;
}

p {   	
	font-family: Verdana, Arial;
	font-size: 13px;
	text-decoration: none;
	FONT-COLOR: #999999;
}

.jdbottomline {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 4px;
	padding-top: 5px;
	border-bottom-color: #999999;
	margin-bottom: 8px;
}

.jdbottomline2 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 1px;
	padding-top: 2px;
	border-bottom-color: #999999;
	margin-bottom: 4px;
}

.BorderTopLine {
	font-size:11px;
	Border-Top: Solid;
	Border-Color: Grey;
	Border-Width: 1px;
	border-bottom-width: 10px;
	padding-bottom: 8px;
	padding-top: 8px;	
}

a:link, 
a:visited {  
	text-decoration: none; 
	color: Black;
	}
a:hover {  
	text-decoration: none; 
	color: #DEC35A
	}

.imglink:link,
.imglink:visited {
	color: green;
}
.imglink:hover {
	color: green;
}

a.whitelink:link, 
a.whitelink:visited {  
	text-decoration: none; 
	color: White;
	}
a.whitelink:hover {  
	text-decoration: none; 
	color: White;
	}

a.jdmenu:link,
a.jdmenu:visited {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;	
	color: #999999;
	text-decoration: none;
	border: 0;
}
a.jdmenu:hover {
	text-decoration: underline;
	color: #DEC35A;
}
a.jdmenu-on:link,
a.jdmenu-on:visited {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;	
	color: #DEC35A;
	text-decoration: none;
}
a.jdmenu-on:hover {
	text-decoration: none;
}

a.christymenu:link img{text-decoration: none;
	border-color: White;
	border-width: 1px;
}
a.christymenu:visited img{text-decoration: none;
	border-color: White;
	border-width: 1px;
}
a.christymenu:hover img{text-decoration: none;
	border-color: #333333;
	border-width: 1px;
}

a.christymenu:link img{text-decoration: none;
	border-color: White;
	border-width: 1px;
}
a.christymenu:visited img{text-decoration: none;
	border-color: White;
	border-width: 1px;
}
a.christymenu:hover img{text-decoration: none;
	background-color:#e0ffff;
	text-decoration: none;
	border-color: Black;
	border:1px solid #666666;		
}


a.christymenu-on:link img{text-decoration: none;
	background-color:#e0ffff;
	text-decoration: none;
	border-color: Black;
	border:1px solid #666666;		
	
}
a.christymenu-on:visited img{text-decoration: none;
	background-color:#e0ffff;
	text-decoration: none;
	border-color: Black;
	border:1px solid #666666;		
}
a.christymenu-on:hover img{text-decoration: none;
	background-color:#e0ffff;
	text-decoration: none;
	border-color: #333333;
	border:1px solid #666666;		

}

a.whiteboldlink:link,
a.whiteboldlink:visited {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;		
	color: WHITE;
	text-decoration: none;
	border: 0
}
a.whiteboldlink:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;		
	color: Black;
	text-decoration: underline;
}

a.blackboldlink:link,
a.blackboldlink:visited {
	font-family: Verdana,Arial;
	font-size: 14px;

	color: Black;
	text-decoration: none;
	border: 0
}
a.blackboldlink:hover {
	font-family: Verdana,Arial;
	font-size: 14px;
	
	color: Black;
	text-decoration: none;
}


a.division:link,
a.division:visited {
	font-size: 9px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.division:hover {
	text-decoration: none;
	color: #DEC35A;
}
a.division-on:link,
a.division-on:visited {
	font-size: 9px;
	font-weight: bold;
	color: #DEC35A;
	text-decoration: underline;
}
a.division-on:hover {
	text-decoration: none;
}

a.salelink:link,
a.salelink:visited {
	color: Red;
	text-decoration: none;
}
a.salelink:hover {
	text-decoration: underline;
}

a.stdlink:link,
a.stdlink:visited {
	color: Black;
	text-decoration: none;
}
a.stdlink:hover {
	text-decoration: underline;
}

a.largesalelink:link,
a.largesalelink:visited {
	font-family: Arial;
	font-size: 18px;
	color: Red;
	text-decoration: none;
}
a.largesalelink:hover {
	font-family: Arial;
	font-size: 18px;
	color: Red;
	text-decoration: none;
}

a.options:link,
a.options:visited {
	font-family: Verdana;
	font-size: 11px;
	color: #EEEEEE;
	text-decoration: none;
}
a.options:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.options {
	font-family: Arial;
	font-size: 12px;
	color: white;
	text-decoration: none;
}

a.smallreviewlink:link,
a.smallreviewlink:visited,
a.smallreviewlink:hover {
	font-family: Arial,Verdana;
	font-size: 10px;
	color: Blue;
	text-decoration: underline;
}

a.categorylink:link,a.categorylink:visited {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:18px;
	text-transform: uppercase;
}
a.categorylink:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:18px;
	text-transform: uppercase;
}

a.categorylink-on:link,a.categorylink-on:visited {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #DEC35A;
	text-transform: uppercase;
}

a.categorylink-on:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: Black;
	text-transform: uppercase;
}

button.link {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: Black;
	font-style: italic;
	cursor: pointer;
  font-size: 11px;
}

a.productlink:link,a.productlink:visited {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:15px;
	text-transform: uppercase;
}

a.productlink:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:15px;
	text-transform: uppercase;
}


a.productlinkprice:link,a.productlinkprice:visited {
	color:red;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size:16px;
	text-transform: uppercase;
}

a.productlinkprice:hover {
	color:red;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size:16px;
	text-transform: uppercase;
}


a.productlinkstrike:link,a.productlinkstrike:visited {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:15px;
	text-transform: uppercase;
	text-decoration: line-through;	
}

a.productlinkstrike:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:15px;
	text-transform: uppercase;
	text-decoration: line-through;
}


a.productlinkred:link,a.productlinkred:visited {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:15px;
	text-transform: uppercase;
	color:Red;
}

a.productlinkred:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:15px;
	text-transform: uppercase;
	color:Red;	
}


form {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
.main {
	margin-top: 0px;
	margin-left: 0px;
}
.header {
	margin-top: 0px;
}

th {	
 	FONT-FAMILY: Verdana;
 	FONT-SIZE: 12;
	Font-Weight: Bold;
}

td.linenproducthead {

	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:20px;	
	color: #666666;
	margin-top: 0px;	
	margin-bottom: 1px;

}

td.linenproducthead1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:20px;	
	color: #666666;
	margin-top: 0px;	
	margin-bottom: 1px;
}


td.linensidemenuhead {
	padding-left:2px;
	padding-top:14px;
	padding-bottom:8px;

	border-top:3px solid #ffffff;
	border-bottom:1px solid #e5e0d6;

	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:600;

	color:#2f2a26;
	letter-spacing:0.2px;
}

td.sidemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;

	padding-left:2px;
	padding-top:6px;
	padding-bottom:6px;

	text-align:left;
}

td.sidemenu a {
	color:#4a4540;
	text-decoration:none;
	display:block;
}

/* hover effect */

td.sidemenu a:hover {
	color:#9b7a3d;
	padding-left:6px;
	transition:all .15s ease;
	text-decoration:none;	
}


td {
	FONT-COLOR: RED;
 	FONT-FAMILY: Verdana;
	FONT-SIZE: 11; 	
}
.saleprice {
	Color: Red;
}
.header{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:20px;	
	color: #666666;
	margin-top: 0px;	
	margin-bottom: 1px;
}
.darkheader{
	color: Black;
	font-family: Arial; 
	font-size: 18px; 
	font-weight: bold; 
	margin-top: 7px; 
	margin-bottom: 5px; 
	text-align: left; 		
}
.lighttext{
	color: Black;
 	FONT-FAMILY: Verdana;
 	FONT-SIZE: 11px;
	margin-top: 7px; 
	margin-bottom: 5px; 
	text-align: left; 	
}
.Outline {
	Border-Style: Solid;
	Border-Width: 1px;
	Border-Color: #999999;
}
.BasketOutline {
	Border-Style: Solid;
	Border-Width: 1px;
	Border-Color: #999999;
}
.BasketRightLine {
	Border-Right: Solid;
	Border-Width: 1px;
	Border-Color: #999999;
}
.BasketColHeader {
	Border-Style: Solid;
	Border-Width: 1px;
	Border-Color: Red;
}
.BasketTopRightLine {
	Border-Top: Solid;
	Border-Right: Solid;
	Border-Color: Gray;
	Border-Width: 1px;
}
.BasketTopLine {
	Border-Top: Solid;
	Border-Color: Gray;
	Border-Width: 1px;
}
.productheader{	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:16px;	
	color: Black;
	margin-top: 0px;	
	margin-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 4px;
	padding-top: 5px;
	border-bottom-color: #696E72;
	margin-bottom: 8px;
}

p.sale {
	color: Red;
}

button.atb {

	padding: 8px 26px;
	font-family: Arial, Verdana, serif;
	font-size: 16px;
	color:White;
	border: 0px;
	background-color: Black;
	display: block;
	cursor: pointer;
	
}

.atb:hover {
	background-color: Grey;
}

.error-message {
    display: none;
    color: #d8000c; /* Strong red for visibility */
    background-color: #ffd2d2; /* Light red background for contrast */
    border: 1px solid #d8000c;
    padding: 8px 12px;
    margin-top: 6px;
    font-size: 0.95em;
    border-radius: 4px;
    width:370px;
}


input.search {
	padding:8px 15px;
	background-color:White;
	border:1px solid #333333;
}

button.btnsearch {
	padding: 5px 15px;
	font-family: Arial, Verdana, serif;
	font-size: 15px;
	color:#FFE91A;
	border: 0px;
	background-color: #333333;
	display: block;
	cursor: pointer;
}

.btnsearch:hover {
	background-color: #FFE91A;	
	color:Black;
}

	
.back-to-top {
			position: fixed;
			bottom: 340px;
			right: 40px;
			text-decoration: none;
			color: #000000;
			background-color: rgba(235, 235, 235, 0.80);
			font-size: 10px;
			padding: 0;
			display: none;
		}

.back-to-top:hover {	
			background-color: rgba(135, 135, 135, 0.50);
}	

/* BASKET CONTAINER */

.basketContainer {
	text-align:right;
	float:right;
	display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 22px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.basketContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    float: right;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #333;
}

/* On mouse-over, add a grey background color */
.basketContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.basketContainer input:checked ~ .checkmark {
	float:right;
    background-color: #333333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.basketContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.basketContainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.float-panel {
    width:100%;background:white;z-index:300;padding:1px 0;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {margin:10px auto;}
.float-panel a {text-decoration:none;color:#444;display:inline-block;padding:0px 0px;}
.float-panel .fa-gg {color:#F0595C;vertical-align:middle;transition:all 1s;}
/* when class="float-panel fixed" */
.fixed {box-shadow:0 4px 8px rgba(0,0,0,0.2);padding:4px 0;animation:slide-down 0.0s;opacity:1.0;}
.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

/* BEDDING PRODUCTS */

#beddingproducts {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#beddingproducts td, #beddingproducts th {
  border: 1px solid #ddd;
  padding: 8px;
}

#beddingproducts tr:nth-child(even){background-color: #f2f2f2;}

#beddingproducts tr:hover {background-color: #ddd;}

#beddingproducts th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #F5EECF;
  color: #333333;
}



/**
 * SEARCH INPUT
 * --------------------------------------------------------------------------
 */


.jlSearchBox{
	position:relative;
	width:100%;
	max-width:400px;
}

#lb-search{
	width:100%;
	height:44px;
	padding:0 64px 0 16px;
	box-sizing:border-box;

	background:#ece9e2;
	border:1px solid #d8d1c4;
	border-radius:4px;

	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;

	outline:none;
	-webkit-appearance:none;
	appearance:none;
}

#lb-search:focus{
	background:#f3f0ea;
	border-color:#c9b48a;
}

#lb-search::placeholder{
	color:#8a857c;
	opacity:1;
}

.search-btn{
	position:absolute;
	top:0;
	right:0;
	width:48px;
	height:44px;
	padding:0;
	margin:0;

	border:0;
	border-left:1px solid #c9b48a;
	border-radius:0 4px 4px 0;

	background:#b89b63;
	cursor:pointer;

	display:flex;
	align-items:center;
	justify-content:center;
}

.search-btn:hover{
	background:#ab8e58;
}

.search-btn svg{
	width:20px;
	height:20px;
	stroke:#ffffff;
	stroke-width:2;
	fill:none;
	stroke-linecap:round;
}

#lb-autocomplete{
	position:absolute;
	top:44px;
	left:0;
	right:0;
	background:#ffffff;
	border:1px solid #d8d1c4;
	border-top:none;
	box-shadow:0 4px 10px rgba(0,0,0,0.08);
	z-index:100;
	display:none;
}


/**
 * SPECIFICATION CONTAINER
 * --------------------------------------------------------------------------
 */

#specification {
		font-size:14px;
    border-collapse: collapse;
    width: 98%;
    margin-left:auto; margin-right:auto;
}

#specification td, #specification th {
		font-size:14px;
    border: 1px solid #ddd;
    padding: 8px;
}

#specification td.pspec {
	font-weight: bold;
}
#specification tr:nth-child(even){background-color: #f2f2f2;}

#specification tr:hover {background-color: #ddd;}

#specification th.topline {
		font-size:14px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #333333;
    color: white;
}


/**
 * SPECIFICATION CONTAINER
 * --------------------------------------------------------------------------
 */

#information {
		font-size:14px;
    border-collapse: collapse;
    width: 98%;
    margin-left:auto; margin-right:auto;
}

#information td, #information th {
		font-size:14px;
    border: 1px solid #ddd;
    padding: 8px;
}

#information td.pspec {
	font-weight: bold;
}
#information tr:nth-child(even){background-color: #f2f2f2;}


#information th.topline {
		font-size:14px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #333333;
    color: white;
}


/**
 * BLACK FRIDAY CONTAINER
 * --------------------------------------------------------------------------
 */

a.black-friday-button {
	border-radius: 3px;
	font-weight: bold;
	font-size:14px;
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 10px;
  color: Black;
  background-color: White;
  text-align: center;
  cursor: pointer;
}

a.black-friday-button:hover {
  background-color: #EAEAEA;
	text-decoration: none;
}


/**
 * BASKET HEADER CONTAINER
 * --------------------------------------------------------------------------
 */


.jlBasketPill{
  width:270px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;   /* increase right padding slightly */
  border-radius:6px;
  background:#f7f4ef;
  border:1px solid #d8d1c4;
  text-decoration:none;
  transition:all .2s ease;
}

.jlBasketPill:hover{
  background:#f1ece4;
  border-color:#cdbfa8;
}

/* ICON */

.jlBasketIcon svg{
  width:22px;
  height:22px;
  stroke:#9b7a3d;
  stroke-width:2;
  fill:none;
}

/* LABEL */

.jlBasketLabel{
  font-family:Arial, Helvetica, sans-serif;

  font-size:15px;
  font-weight:600;
  color:#2f2a26;

  border-right:1px solid #d8d1c4;
  padding-right:12px;
}

/* TOTAL */

.jlBasketTotal{
  margin-left:auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:700;
  color:#9b7a3d;
  min-width:140px;     /* slightly larger reserve */
  text-align:right;
  padding-right:2px;   /* tiny visual correction */
  white-space:nowrap;
}


/**
 * USP HEADER CONTAINER
 * --------------------------------------------------------------------------
 */



.jlUspBar{
	border-collapse:collapse;
	background:#f6f4ef;
	background:#F6F2EF;
	border-top:1px solid #e1dbcf;
	border-bottom:1px solid #e1dbcf;
}

.jlUspCell{
	padding:0;
	vertical-align:middle;
}

.jlUspDivider{
	border-left:1px solid #ddd6c9;
}

.jlUspLink{
	display:block;
	text-decoration:none;
	color:#222222;
}

.jlUspLink:hover{
	background:#f1ede6;
	text-decoration:none;
	color:#222222;
}

.jlUspInner{
	width:100%;
	height:58px;
}

.jlUspIconCell{
	padding:0 6px 0 10px;
}

.jlUspIcon{
	display:block;
	max-width:28px;
	max-height:28px;
	width:auto;
	height:auto;
	opacity:.9;
}

.jlUspTextCell{
	padding:0 14px 0 2px;
}

.jlUspTitle{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	line-height:16px;
	color:#222222;
}

.jlUspSub{
	display:block;
	margin-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#5f5a52;
}
