@charset "utf-8";
/* CSS Document */

			.content {
				background: #fff;
				padding: 10px;
				padding: 3px;
			}
			
			.fcontent {

				padding: 10px;
				padding: 0px;
				padding-right:0;
			}
			.Footer-bar{
				display: inline-block; background-color:#F2F2F2; text-align:center; padding:2vw 0; margin-top:3vw;}
			.centerTEXT{ text-align:center;}
			.copyrughtTEXT{ font-size:1em; color:#828282;padding:2vw 0; }
			.RUGLIFEHOME{font-size:3em; padding:0.5vw; color:#C7A736;cursor: pointer; cursor: hand;}
			.topMenu{}
			.noPaddingBottom{ padding-bottom:0 !important;}
			.noPaddingTop{ padding-top:0 !important;}

a.topMenu:link { color: #828282; text-decoration: none; margin-left:3vw; }
a.topMenu:visited {text-decoration: none; color: #828282; }
a.topMenu:hover {color: #000; }
a.topMenu:active { color: #000; }

body {
	font-family: 'Open Sans', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*font-size:13px; font-size:0.9vw;*/
}
h1{font-family: 'Playfair Display', serif; font-size:3.5em; font-weight:normal; margin-bottom: 0.3vw; }
h2{font-size:1.2em; margin:0; padding:0;  color:#4F4F4F;}
h3{font-size:2.2em; margin:0; padding:0;  color:#4F4F4F; text-transform:uppercase; font-weight:bold;}
.headingTOP{     padding: 1vw 0 1.4vw 0; }


#disclaimer {	display:none; }
.pcol-1-5.collection_frame {
    float: inherit;
    display: table-cell;
}

.menuAREA{ padding:0; margin:0;}
.blankSpace{ height:2vw;}
.MoreCOLLECTION{ text-transform:uppercase; font-size:1.3rem; margin-top:3vw; font-weight:600; border-top:1px solid #e0e0e0;}
.content.Thumbs{ position:inherit;}
/**************************************************/
.active{ background-color:#C90; color:white;}
a.menu-TOP:link{color:#4F4F4F}
a.menu-TOP:hover, a.menu-TOP:active{color:#000000; background-color: #f5e0a0; }
a.menu-TOP:visited{}
.active{ background-color:#C90; color:white !important;}
/********************************/

.DesignInfo{position:relative; height:2vw; font-size:13px; padding: 0.3vw 0.3vw 0 0.3vw}
.DesignName{ position:absolute;}
.DesignPrice{ right:0; position:absolute; padding-right: 0.3vw; text-align:right;}
.mouseLink{ cursor: pointer; cursor: hand;}

.ThumbArea, .RoomArea{ border:1px solid #E0E0E0; text-align:center; padding:4px 25% 0; margin-bottom:1vw;}
.backFont{ font-size:11px; font-size:0.8vw;}
#disclaimer{ background-color:#F2C94C; text-align:center; font-size:1em; padding:1vw 0;}

.btn1{
background:    #f5e0a0;
border-radius: 3px;
padding:       3px 5px;
color:         #4f4f4f;
display:       inline-block;
text-align:    center;
text-shadow:   none;
cursor: pointer; cursor: hand;

}
/* ************	BUTTON start 	******************/
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5% 10%;
    border: 2px solid #E0E0E0;
    border-radius: 8px;
    background: #ffffff;
    color: #4F4F4F;
    text-decoration: none;
	font-weight:bold;
	width:14vw;
	margin-bottom:0.7vw;
}
.button:hover,
.button:focus {
    border: 2px solid #9f989f;
    background: #ffffff;
    color: #111111;
    text-decoration: none;
}
.button:active {
    background: #b3b3b3;
}

.buttonYellow{
	    border: 2px solid #F2C94C;
}
.buttonYellow:hover, .buttonYellow:focus{
	background: #F2C94C;}
	
.buttonFooter{ width:auto; margin:inherit; padding:0.2vw 0.9vw;}	
.fcontentMiddle{ padding-left:0;}
/* ************	BUTTON end 	******************/

@media screen and (max-width:1200px){
html, body, .DesignName, .DesignPrice {font-size:100%; font-size:14px; } .DesignName,{ font-size:14px;}
.backFont{ font-size:13px;}
.DesignInfo { display:initial; padding:0;}
.DesignName { width: 100%;    display: inline;    float: left;    position: inherit; text-align: -webkit-center;}
.DesignPrice{ position:inherit; padding:0; display:inline; text-align: -webkit-center; width: 100%; float:right;}
.mouseLink{display:flex;}

}
@media screen and (max-width:700px){.infoTitleBdr{padding-bottom:4px; } html, body{font-size:13px;}
.button-half{ width:49%; float:left}
.buttonYellow{ margin-left:0;}
h1{ font-size:16px;}
a.topMenu{ font-size:11px;}
.Thumbs{ position:relative; display:block;}
.ThumbArea{ width:29%; padding:0; border:0; float:left;}
.RoomArea{ width:68%; padding:0; float:right;}
.yellowclass{float:right;}
.HideInSmall{ display:none;}
.marginbottom10{margin: 0 0 10px 0;}
.paddingtop15{margin: 0 0 10px 0; padding-right:5px;}
}

 @media screen and (min-width: 768px){
	 html, body{font-size:14px;}
            .rwd-break { display: none; }
			.html, body{font-size:14px;}
        }
@media screen and (max-width:768px){
	.html, body{font-size:14px;}
	.noBottomMArgin{ margin-bottom:0;}
	.fcontentMiddle{ padding:0; margin:20px 0;}
	.buttonFooter{ padding: 5% 10%;}
	.nav__dropdown{ right:0;}
	.button{ width:40vw;}
	

	.pcol-1-5.collection_frame {
		float: left;
	}
}