/***********************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
a[href^="tel"]{/**stops ipad & iphones changing font colour to blue & underlining phone numbers**/
	color:inherit;
	text-decoration:none;
}

input[type="search"]{/**stops ipad & iphones rounding corners on input buttons**/
	-webkit-text-fill-color: grey;
	-webkit-border-radius:0; 
	border-radius:0;
}

input[type="image"]{/**stops ipad & iphones rounding corners on input buttons**/
	-webkit-border-radius:0; 
	border-radius:0;
}

.emailSpecial{
	display:none;	
}

/***********************************************************************************************************************************************************************************************************************/
/***generic*************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
#headerWrapper{
	margin:0 auto;
	position: relative;
	display:flex;
  	justify-content:center;
}

#headerLeftBox{
	height:100px;
	display:flex;
	align-items:center;
	float:left;
}

#headerLeftBox #searchBar{
	width:200px;
	border:#62738A solid 1px;
	display:flex;
	align-items:center;
	float:left;
}

#headerLeftBox #searchBar input[type=search]{
	margin-left:10px;
	border:none;
	outline:none;
	flex-grow:1;
	float:left;
}

#headerLeftBox #searchBar input[type=image]{
	width:14px;
	padding:8px;
	float:left;
}

#headerMiddleBox{
	height:100px;
	flex-grow:1;
	display:flex;
  	justify-content:center;
	align-items: center;
	float:left;
}

#headerMiddleBox img{
	margin:0 auto;
	width:220px;
	float:left;
}

#headerRightBox{
	width:200px;
	height:100px;
	display: flex;
	justify-content:right;
	align-items: center;
	float:left;
}

#mobileNavButtonWrapper, #cartIconWrapper, #chatIconWrapper, #searchIconWrapper{
	margin-right:15px;
	float:left;
}

#searchIconWrapper{
	margin-right:0px;
}

#mobileNavButtonWrapper:hover, #cartIconWrapper:hover, #chatIconWrapper:hover, #searchIconWrapper:hover{
	cursor:pointer;
}

#mobileNavButton, #cartIcon, #chatIcon, #searchIcon{
	height:27px;
	margin:0 auto;
	margin-bottom:8px;
	display:table;
}

#mobileNavButton img, #cartIcon img, #chatIcon img, #searchIcon img{
	height:27px;
	float:left;
}

#mobileNavButtonText, #cartIconText, #chatIconText, #searchIconText{
	width:100%;
	font-weight:300;
	font-size:12px;
	color:#62738A;
	float:left;	
}

/***********************************************************************************************************************************************************************************************************************/
/***size1***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
#headerWrapper{
	width:1200px;
	height:100px;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size2***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1120px) and (max-width: 1219px){

#headerWrapper{
	width:1100px;
	height:100px;
}


}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size3***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1119px){

#headerWrapper{
	width:1000px;
	height:100px;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size4***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){

#headerWrapper{
	width:900px;
	height:100px;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size5***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){

#headerWrapper{
	width:800px;
	height:100px;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size6***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){

#headerWrapper{
	width:700px;
	height:100px;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size7***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){

#headerWrapper{
	width:90%;
	height:110px;
	margin-left:5%;
	margin-right:5%;
	float:left;
}

#headerLeftBox{
	width:0px;
	display:none;
	background:pink;
}

#headerMiddleBox{
	width:220px;
	height:110px;
  	justify-content:left;
	float:left;
}

#headerRightBox{
	height:110px;
}

#headerMiddleBox img{
	width:220px;
	float:left;
}

#mobileNavButtonText, #cartIconText{
	display: none;
}

#searchIconWrapper, #chatIconWrapper{
	display: none;
}

}/**@media**/
/*******************************************************************************************************************************************************************************************************************************************/
/***generic*********************************************************************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************************************************************************/
#mobileNavSemiOpacheBackground{
	width: 100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	z-index:6;
	visibility:hidden;
	background: rgba(0, 0, 0, 0.7); /*can be anything, of course*/	
}

/**********************************/
#mobileNavMenuCancelWrapper{
	width:18%;
	height:100%;
	padding-right:2%;
	padding-top:15px;
	cursor:pointer;
	text-align:right;
	text-decoration:none;
	font-size:22px;
	color:white;	
	float:right;
}

/**********************************/
#mainMenu{	
	width: 80%;
	padding-top:20px;
	visibility:hidden;
	background: white;
	float:left;
}

#mainMenu ul{	
	margin:0px;
	margin-right:20%;
}

#mainMenu li{
	margin:0px;
	margin-left:-15px;
	line-height: 30px;
	text-align:left;
	font-size: 15px;
	font-weight: 300;
	list-style: none;
	display: block;
}

#mainMenu li a {
	text-decoration:none;
	color: #62738A;
}

/**********************************/
#upholsteryPlusMinus, #fabricUpholsteryPlusMinus, #leatherUpholsteryPlusMinus, #upholsteryBrandsPlusMinus{
	font-weight:800;
	color:#62738A;
}

#diningPlusMinus, #diningAndLivingPlusMinus{
	font-weight:800;
	color:#62738A;
}

#bedsMainPlusMinus, #bedsPlusMinus, #bedsBrandsPlusMinus, #bedsOtherPlusMinus{
	font-weight:800;
	color:#62738A;
}

#bedroomsMainPlusMinus, #bedroomsPlusMinus{
	font-weight:800;
	color:#62738A;
}

#infoPagesPlusMinus{
	font-weight:800;
	color:#62738A;
}

/**********************************/
#upholsterySubMenu, #fabricUpholsterySubMenu, #leatherUpholsterySubMenu, #upholsteryBrandsSubMenu{
	width:100%;
	display: none;
	float:left;
}

#diningSubMenu, #diningAndLivingSubMenu{
	width:100%;
	display: none;
	float:left;
}

#bedsAndBedroomsSubMenu, #bedsMainSubMenu, #bedsSubMenu, #bedBrandsSubMenu, #bedsOtherSubMenu, #bedroomsMainSubMenu, #bedroomsSubMenu, #bedroomBrandsSubMenu{
	width:100%;
	display: none;
	float:left;
}

#accessoriesSubMenu, #otherFurnitureSubMenu, #carpetsAndFlooringSubMenu, #carpetsSubMenu, #infoPagesSubMenu{
	width:100%;
	display: none;
	float:left;
}

/**********************************/
#mobileNavSearchBoxOuter{
	margin-top:20px;
	margin-left:26px;
	padding:4px;
	border: #62738A 1px solid;
	border-radius:5px;
	float:left;	
}

#mobileNavSearchBoxInput{
	float:left;	
}

#mobileNavSearchBoxInput input[type="search"]{
	width:200px;
	border:none;
	outline:none;
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	color: #62738A;
	background:white;
	float:left;	
}

#mobileNavSearchBoxButton{
	width:22px;
	height:22px;
	float:left;	
}

#mobileNavSearchBoxButton input[type="image"]{
	width:22px;
	height:22px;
	outline:none;
	float:left;	
}

/*******************************************************************************************************************************************************************************************************************************************/
/***size1***********************************************************************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
	
#mobileNavMenuCancelWrapper{
	width:18%;
	padding-right:2%;
}

/**********************************/
#mainMenu{	
	width: 30%;
	height:100%;
	float:left;
}

#mainMenu li{
	font-size: 15px;
}

}/**@media**/
/*******************************************************************************************************************************************************************************************************************************************/
/***size2***********************************************************************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 1219px){
	
#mobileNavMenuCancelWrapper{
	width:18%;
	padding-right:2%;
}

/**********************************/
#mainMenu{	
	width: 40%;
	height:100%;
	float:left;
}

#mainMenu li{
	font-size: 15px;
}

}/**@media**/
/*******************************************************************************************************************************************************************************************************************************************/
/***size3***********************************************************************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
	
#mobileNavMenuCancelWrapper{
	width:18%;
	padding-right:2%;
}

/**********************************/
#mainMenu{	
	width: 80%;
	height:100%;
	float:left;
}

#mainMenu li{
	font-size: 14px;
	letter-spacing: -0.5px;
	
}


}/**@media**/
/*******************************************************************************************************************************************************************************************************************************************/
/***size1***********************************************************************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){	

#navBar{
	width: 100%;
	z-index:98;
	float:left;
}

#navBarInner{
	margin: 0 auto;
	display:table;
}

#navBarHome, #navBarUpholstery, #navBarDining, #navBarBedrooms, #navBarAccessories, #navBarClearance, #navBarInfo{
	padding:5px;
	padding-right:30px;
	margin-right:40px;
	letter-spacing: 2px;
	font-weight:300;
	font-size:13px;
	color:#62738A;
	float:left;
}

#navBarHome a, #navBarClearance a, #navBarAccessories a{
	text-decoration:none;
	color:#62738A;
}

#navBarHome:hover, #navBarUpholstery:hover, #navBarDining:hover, #navBarBedrooms:hover, #navBarClearance:hover, #navBarAccessories:hover, #navBarInfo:hover{
	cursor:pointer;
	color:#62738A;
}

/***************************/
#upholsteryDropDown, #diningDropDown, #bedroomsDropDown, #infoDropDown{
	width: 100%;
	border-top:1px #62738A solid;
	display:none;
	float:left;
}

#upholsteryDropDownInner, #diningDropDownInner, #bedroomsDropDownInner, #infoDropDownInner{
	width: 1160px;
	margin: 0 auto;
	padding:20px;
	display:table;
}

#upholsteryColumn, #diningColumn, #bedroomsColumn, #infoColumn{
	width:25%;
	float:left;
}

#upholsteryColumnHeader, #diningColumnHeader, #bedroomsColumnHeader, #infoColumnHeader{
	width:100%;
	margin-bottom:7px;
	font-weight:300;
	font-size:16px;
	color:#62738A;
	float:left;
}

#upholsteryColumn ul, #diningColumn ul, #bedroomsColumn ul, #infoColumn ul{
	padding:0px;
}

#upholsteryColumn li, #diningColumn li, #bedroomsColumn li, #infoColumn li{
	margin-bottom:4px;
	list-style: none;
	font-weight:100;
	font-size:16px;
	color:#62738A;
}

#upholsteryColumn li a, #diningColumn li a, #bedroomsColumn li a, #infoColumn li a{
	text-decoration:none;
	color:#62738A;
}

#upholsteryColumn li a:hover, #diningColumn li a:hover, #bedroomsColumn li a:hover, #infoColumn li a:hover{
	color:#62738A;
}

.grey, .grey a{
	color:#62738A;
}

.white, .white a{
	color:#ffffff;
}


}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size2***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 1219px){

#navBar{
	display:none;
}

#upholsteryDropDown, #diningDropDown, #bedroomsDropDown, #carpetsDropDown, #infoDropDown{
	display:none;
}




}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size1***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1220px){
	
#messagePopUpOneOuter, #messagePopUpTwoOuter{
	width:300px;
	padding:5px;
	top:34%;
	right: 5%;
	position:fixed;
	z-index:3;
	background:#5A7B99;
	display:none;	
}

#messagePopUpInner{
	width:96%;
	padding:2%;
	border: 1px solid white;
	color:white;
	/**/	
	float:left;	
}

#closeBox{
	width:100%;
	text-align:right;
	color:white;
	float:left;	
}

#closeBox:hover{
	cursor:pointer;	
}

#fillAllBoxes{
	width:96%;
	margin-bottom:14px;
	text-align:center;
	float:left;	
}

#fillAllBoxes span{
	padding:8px;
	background:grey;
}

#messagePopUpTitle{
	width:96%;
	margin-bottom:7px;
	font-weight:100;
	font-size:21px;
	color:white;
	/**/	
	float:left;	
}

#messagePopUpInner label{
	width:96%;
	margin-top: 9px;
	margin-bottom:1px;
	display: block;
	font-size: 14px;
	text-align:left;
	color: white;
}

#messagePopUpInner input[type=text]{
	width:96%;
	padding: 5px;
	outline:none;
	border: none;
	font-size: 14px;
	color: grey;
}

#messagePopUpInner textarea{
	width:96%;
	height: 100px;
	padding:5px;
	border: none;
	outline:none;
	resize: none; 
	overflow-y: hidden; 
	overflow-x: hidden; 
	font-size:12px;
	color:grey;
	background:white;
}

#messagePopUpInner button{
	margin-top:10px;
	padding-top: 2px;
	padding-bottom:2px;
	padding-right: 5px;
	padding-left: 5px;
	border: none;
	outline:none;
	border-radius:4px;
	font-size: 18px;
	text-align:left;
	color: #5A7B99;
	background: white;
	float: left;
}

/***************************/
#messageFeedbackOneOuter, #messageFeedbackTwoOuter{
	width:512px;
	padding:5px;
	margin-left: -261px; 
	top:30%;
	left: 50%;
	position:fixed;
	background:grey;
	display:table;	
}

#messageFeedbackOneInner, #messageFeedbackTwoInner{
	width:500px;
	padding:10px;
	border: 1px solid white;
	text-align:center;
	font-size:21px;
	color:white;
	/**/	
	float:left;	
}

#closeFeedbackOne, #closeFeedbackTwo{
	width:100%;
	text-align:right;
	color:white;
	float:left;	
}

#closeFeedbackOne:hover, #closeFeedbackTwo:hover{
	cursor:pointer;	
}




}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size2***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 700px) and (max-width: 1219px){

#messagePopUpOneOuter, #messagePopUpTwoOuter{
	width:300px;
	padding:5px;
	top:34%;
	right: 5%;
	position:fixed;
	z-index:3;
	background:#5A7B99;
	display:none;	
}

#messagePopUpInner{
	width:96%;
	padding:2%;
	border: 1px solid white;
	color:white;
	/**/	
	float:left;	
}

#closeBox{
	width:100%;
	text-align:right;
	color:white;
	float:left;	
}

#closeBox:hover{
	cursor:pointer;	
}

#fillAllBoxes{
	width:96%;
	margin-bottom:14px;
	text-align:center;
	float:left;	
}

#fillAllBoxes span{
	padding:8px;
	background:grey;
}

#messagePopUpTitle{
	width:96%;
	margin-bottom:7px;
	font-weight:100;
	font-size:21px;
	color:white;
	/**/	
	float:left;	
}

#messagePopUpInner label{
	width:96%;
	margin-top: 9px;
	margin-bottom:1px;
	display: block;
	font-size: 14px;
	text-align:left;
	color: white;
}

#messagePopUpInner input[type=text]{
	width:96%;
	padding: 5px;
	outline:none;
	border: none;
	font-size: 14px;
	color: grey;
}

#messagePopUpInner textarea{
	width:96%;
	height: 100px;
	padding:5px;
	border: none;
	outline:none;
	resize: none; 
	overflow-y: hidden; 
	overflow-x: hidden; 
	font-size:12px;
	color:grey;
	background:white;
}

#messagePopUpInner button{
	margin-top:10px;
	padding-top: 2px;
	padding-bottom:2px;
	padding-right: 5px;
	padding-left: 5px;
	border: none;
	outline:none;
	border-radius:4px;
	font-size: 18px;
	text-align:left;
	color: #5A7B99;
	background: white;
	float: left;
}

/***************************/
#messageFeedbackOneOuter, #messageFeedbackTwoOuter{
	width:512px;
	padding:5px;
	margin-left: -261px; 
	top:30%;
	left: 50%;
	position:fixed;
	background:grey;
	display:table;	
}

#messageFeedbackOneInner, #messageFeedbackTwoInner{
	width:500px;
	padding:10px;
	border: 1px solid white;
	text-align:center;
	font-size:21px;
	color:white;
	/**/	
	float:left;	
}

#closeFeedbackOne, #closeFeedbackTwo{
	width:100%;
	text-align:right;
	color:white;
	float:left;	
}

#closeFeedbackOne:hover, #closeFeedbackTwo:hover{
	cursor:pointer;	
}




}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size3***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 699px){

#messagePopUpOneOuter, #messagePopUpTwoOuter, #messagePopUpInner{
	display:none;	
}

}/**@media**/
/**********************************************************************************************************************************************************************************************************************/
/**********************************************************************************************************************************************************************************************************************/
/**********************************************************************************************************************************************************************************************************************/
#abacusLoaderOuter{
	width: 100%;
	padding-top: 450px;
	padding-bottom: 700px;
	visibility: hidden;
	z-index: 200;
	top:0;
	position: fixed;
  	background: rgba(255, 255, 255, 0.9);
	display: table;
}

#abacusLoaderInner{
	width: 200px;
	margin: 0 auto;
	top: 300;
	display: table;
}

#abacusLoaderInner img{
	width: 100%;
	float: left;
}