.sliderdiv{position:relative;}
.fiftyoffer { background-image:url(images/50-off.png); position:absolute; top:0; left:0; height:200px; width:200px; background-repeat:no-repeat; z-index:9999; }

.blue {color:#7EBDE8;}

@media only screen and (max-width:770px) {
/*OfferBanner*/
a.offerbanner{display:block;height:35px;margin-bottom:5px;position:relative;width:100%;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
a.offerbanner .leftbanner{width:520px;background:url(images/sale.jpg) no-repeat left;height:35px;float:left;position:absolute;top:0;left:0;z-index:1;}
a.offerbanner .rightbanner{float:right;width:190px;line-height:12px;padding:4px 5px;border-bottom:3px solid #310101;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;background:#720b0f;height:24px;color:#fff;font-weight:bold;font-size:0.8em; text-align:center;position:absolute;right:0;top:0;z-index:2;}
/*Header*/
#header{padding:10px 0; position:relative;}
#headerleft{float:left;width:33%; padding-left:35%; padding-top:1%;}
.container { min-width:300px; padding:0 3%; }
#headerleft span {width:100%;}
#headerleft span a,#headerleft span img {display:block; width:100%; height:auto; }
#headerright {display:none;}
#topmenu {width:13%; float:right; position:relative;}
#topmenu .icon {width:100%; background:url(images/menu-icon.jpg) no-repeat center;height:17px; cursor:pointer; display:block;float:left; border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important; padding: 25% 0; -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px;}
#topmenu.open ul { visibility: visible; }
#topmenu.shut ul {visibility:hidden; }
#topmenu ul { list-style:none; margin:0; padding:0; width:100%;}
#topmenu ul.main-drop { position:absolute; width: 775%; left: -675%; border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important; -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius:7px; background-color:#fff; top:93%; border-top-right-radius: 0px !important; z-index: 999999;}
#topmenu ul li span a{ border-bottom:1px solid #c2c2c2; display:block; padding:2% 5%; width: 101.3%;}
#topmenu ul li span.img-placeholder { border:0; padding:0; width:auto; }
#topmenu ul li .arrow { position:absolute; right:-6%; top:25%; width: 5.3%; }
#topmenu ul li .arrow.navon { top:5%; }
#topmenu ul li.dining .arrow.navon { top:3%; }
#topmenu ul li.sofas .arrow.navon { top:2%; }
#topmenu ul li.quality .arrow.navon { top:11%; }
#topmenu ul li .arrow-right { position:absolute; right:4.4%; top:21%; width: 5.1%; }
#topmenu ul li .arrow-right img { height:auto; width:100%; max-width: 25px;}
#topmenu ul li .arrow img { height:auto; width:100%; }
#topmenu ul li{ text-transform:uppercase; width:90.1%; position:relative; z-index: 9999;}
#topmenu ul.inside li {  display:block; border-bottom:1px solid #c2c2c2; padding:2% 5%; width: 101%; background-color:#ededed;}
#topmenu ul li a {color:#999; font-size:1.6em; display:block;}
a.home{width:13%; float:left; text-align:left; text-indent:-9999px; background:url(images/home-icon.jpg) no-repeat center;height:19px; display:block; border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important; padding: 3% 0; -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius:7px; position:absolute; left:3%;}
.main-drop li div.open ul { visibility: visible; }
.main-drop li div.shut ul {visibility:hidden; display:none; }

/*Footer*/
#footer{width:100%; border:1px solid #9acdef; background-color:#81c0eb; margin-top:10%; padding-top: 4%;}
#footer .cols{padding:1%;}
#footer .title { font-size:1.3em; color:#004064; display:block; margin-top:4%; margin-bottom:0%; font-weight: bold; padding-bottom:5%; cursor:pointer;}
#footer .title .arrow { width:6%; float:right; }
#footer .title .arrow img{ width:100%; height:auto;}
#footer .border-btm {border-bottom: 1px solid #34739A; }
#footer .title a { color:#004064 !important; display:block; float:left; width:90%; margin-bottom: 5%; }
#footer .open { margin-top:0%; padding-bottom: 6%; }
.col1-left { float:left; width: 100%; }
.col1-right { float:left; width:100%; margin: 15px 0; }
.col1-right span{display:block; float:left; margin-right:6%;}
.col1-right span a { display:block; text-indent:-999px; }
.col1-right span.fb-foot { width:11px; height:24px; }
.col1-right span.tw-foot { width:23px; height:19px;  margin-top:3px; }
.col1-right span.pin-foot, .col1-right span.google-foot { width:24px; height:24px; }
.col1-right span.pin-foot a{ background-image:url(images/pinterest.png); height:24px; background-size:24px 24px; }
.col1-right span.google-foot a{ background-image:url(images/google.png); height:24px; background-size:24px 24px; }
.col1-right span.fb-foot a { background-image:url(images/facebook-large.png); height:24px; background-size:11px 24px; }
.col1-right span.tw-foot a { background-image:url(images/twitter-large.png); height:19px;  background-size:23px 19px;}

#footer a { color:#333; }
#footer #col1{float:left;width:98%;}
#footer .shut { display:none;}
#footer #col2{float:left;width:98%;}
#footer #col2 a { display:block; margin-bottom:2%; }
#footer #col3{float:left;width:98%;}
#footer #col3 a { display:block; margin-bottom:2%;}
#footer #col4 { float: left; width: 98%; }
#footer #col4 .title .arrow { width:6%; float:right; margin-right: -1%; }
#footer .footernotes{font-size:0.85em;}
#footer #footnoteleft{float:left;width:100%; padding-top:4%;}
#footer #footnoteright{float:right;width:100%;  padding-bottom:3%;}
 #footer .cookie-link { float:left; font-size:0.85em; text-align:center; width:100%; margin-top:4%;}

.right-panel #enquiryform { border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; background-color:#f5f5f5; padding:3%; margin-top:5%;  }
.right-panel #enquiryform .title { font-size:1.4em; display:block; margin-bottom:3%; color:#004064; }
.right-panel #enquiryform input {-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); height:38px; padding:0 0 0 2%; width:100%; color:#666;}
.right-panel #enquiryform input[type="submit"] {background-color:#7ebde8;  border-bottom:4px solid #64b0e3;  background: -webkit-linear-gradient(top, #7ebde8, #7ebde8); background: -moz-linear-gradient(top, #7ebde8, #7ebde8); background: -ms-linear-gradient(top, #7ebde8, #7ebde8); height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff; cursor:pointer; font-size: 1.2em; }
.right-panel #enquiryform input[type="submit"]:hover { border-bottom:0;}
.right-panel #enquiryform input[type="submit"]:focus {  border-top: 4px solid #64b0e3;}
.right-panel #enquiryform textarea { -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); padding:3% 0 0 2%; width:100%; color:#666; font-family:Arial; }
.right-panel #enquiryform label.how { color:#666; font-weight:bold; }
.right-panel #enquiryform .editor-field { width:98%; margin: 0 0 3% 0; }
.right-panel #enquiryform .editor-field.check {width:10%; float:left; }
.right-panel #enquiryform .editor-label.check {width:30%; float:left; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { left: 40% !important; bottom: 3% !important; }

.state-text{text-align:center;}
.state-text span { display:block; color:#004064; font-size:1.7em; margin:2% 0 1% 0;}

.left-panel .fb-contact a{ display:block; background-image:url(images/fb-contact.jpg); background-position:left center; height:28px;  float:left; width:42%; padding-left:5%; background-repeat:no-repeat; line-height:28px;}
.left-panel .tw-contact a{ display:block; background-image:url(images/tw-contact.jpg); background-position:left center; height:28px; float:left; width:46%; padding-left:7%; background-repeat:no-repeat; line-height:28px;} 
.left-panel .map{ width:100%; height:140px;}
.left-panel .map #map {width:100%; height:100%; }

.lux  { width:50%; float:left;  }
.lux img { width:100%; height:auto; display:block; }

.left-slider {float:left; width: 29.85%; }
.right-text {float:right; width:68%; }
.subtitle { margin:3% 0; font-size:1.5em; color:#004064; display:block; text-align:center;}
.subtitle.middle {margin:3% 0 2% 0 !Important;}
.subtitle img { margin-top:1%; }

#homeslider { height:400px; overflow:hidden; }
#homeslider img { width:100%; height:auto; }
#leftslider img { width:100%; height:auto; }
.subtitle img { width:100%; height:auto; }
.state-text img { width:100%; height:auto; }
.box-link img { width:100%; height:auto; }
.right-imgs { display:none; }

.rattan-link { width:100%; margin-bottom: 1%; }
.rattan-link img { width:100%; height:auto; }
.rattan-link a {position:relative; display:block; text-align:center; color:#004064 !important; font-size:1.3em; font-weight:bold; }
.rattan-link a:hover {color:#004064; }
.rattan-link .overlay { position:absolute; bottom:4%; left:0.2%; background-color:#fff; width:99.8%; height:31px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height:31px; }
.box-link.commercial a, .box-link.last a{ color:#004064 !important;}
.box-link { margin-bottom:1%; }
.box-link a {position:relative; display:block; text-align:center; color:#fff !important; font-size:1.2em; font-weight:bold; }

.left-text.btm { float:left; width:100%; }
.left-text.btm strong {display:block; margin-top: 3%; } 
.right-imgs{ float:right; width:30%; }
.master-img img { width:100%; height:auto; }
.master-img a {position:relative; display:block; text-align:center; color:#004064  !important; font-size:1.1em; font-weight:bold; }
.master-img a:hover {color:#004064; }
.master-img .overlay { position:absolute; bottom:3.1%; left:0.3%; background-color:#fff; width:99.5%; height:31px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height:31px; }

#innercontent .master-img.com { margin-bottom:-15px !important;}
.box-link span.white-link { position: absolute;bottom: 30%;left: 11%;font-size: 1.1em; width: 75%; }
.hide-text, #breadcrumb { display:none; }

/*Products*/
.left-prod { position:relative; margin-bottom: 2%;}
#bx-pager { margin-top:2%; }
.prod-sub { border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; height:35px; line-height:38px; color:#7ebde8; font-weight:bold; padding-left:3%; width:97%; font-size:1.2em; margin-bottom: 2%; margin-top: 1%; cursor:pointer;}
.prod-sub .img-placeholder {float: right; margin-right: 3.5%; margin-top: 0.7%; width: 3.9%;}
.prod-sub .img-placeholder img{width:100%; height:auto; }
.cushion a { color:#004064 !important; font-weight:bold;}
.thumbnails {margin-top: 1.5%; }
.thumbnails a{ width: 16.6%;display: block; float: left; font-size:0.85em; color:#004064; font-weight:bold; margin-bottom: 2%;}
.thumbnails a img{ display: block; margin-bottom: 5%; border:1px solid transparent;}
.thumbnails a:hover img { border:1px solid #7ebde8;}
.thumbnails a:hover { color:#004064; text-decoration:none; }
.thumbnails a.last{margin-right:0px;}
.thumbnails a.first {clear:both; }
.mat-logos { display:none;}
.left-prod #enquiryform{ padding: 3% 3% 0% 3%; margin-top:2%; }
.left-prod #enquiryform .title { font-size:1.2em; margin-bottom:3%; }
.left-prod #enquiryform .editor-field { margin-bottom:3%; }
.left-prod #enquiryform .editor-field.check { margin-bottom:0 !important; }
.left-prod #enquiryform textarea {height: 138px; }
.left-prod #enquiryform input[type="submit"]{ margin-top: 5%; margin-bottom: 2%; }
.left-prod .iola-qual { display:none; }
#enquiryform { border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; background-color:#f5f5f5; padding:5%  }
#enquiryform .title { font-size:1.4em; display:block; margin-bottom:5%; color:#004064; }
#enquiryform input {-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); height:38px;  padding:0 0 0 2%; width:100%; color:#666;}
#enquiryform input[type="submit"] {background-color:#7ebde8;  border-bottom:4px solid #64b0e3;  background: -webkit-linear-gradient(top, #7ebde8, #7ebde8); background: -moz-linear-gradient(top, #7ebde8, #7ebde8); background: -ms-linear-gradient(top, #7ebde8, #7ebde8); height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff; cursor:pointer; font-size: 1.2em; }
#enquiryform input[type="submit"]:hover { border-bottom:0;}
#enquiryform input[type="submit"]:focus {  border-top: 4px solid #64b0e3;}
#enquiryform textarea { -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); padding:3% 0 0 2%; width:100%; color:#666; font-family:Arial; }
#enquiryform label.how { color:#666; font-weight:bold; }
#enquiryform .editor-field { width:98%; margin: 0 0 5% 0; }
#enquiryform .editor-field.check {width: 11%; float:left; }
#enquiryform .editor-label.check {width: 24%; float: left; font-size: 0.9em; }
#enquiryform .custom_checkbox{width: 36px; height: 37px; padding: 0; background: url(images/checkbox.png) no-repeat; display: block; float: left;margin:0px 5px 0 0; cursor:pointer;}
#enquiryform .selected{background-position:bottom;}

#bx-pager {z-index: 9999;margin: -15px auto 0 auto;max-width: 56px;height: 20px;position: relative;}
#bx-pager a { width: 8px; height: 8px; margin: 0 3px;outline: 0; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; display:block; background: #81c0eb; float:left;}
#bx-pager a.active { background: #004065; }
#bx-pager img{ display:none; }
.weaving.open, .cushion.open, .dimension.open { visibility: visible; }
.weaving.shut, .cushion.shut, .dimension.shut {visibility:hidden; display:none; }


/*Landing*/
.landing-page { width:100%; margin-top: 2%; }
.landing-page .land-prod { float:left; width: 48%; position:relative; margin-bottom:5%; }
.landing-page .land-prod img { width:100%; height:auto; }
.landing-page .land-prod.mid{ float:right; }
.landing-page .land-prod.mid.btm{ clear:both; float:left; }
.landing-page .land-prod.btm.last{ clear:none; float:right; }
.landing-page .land-prod.last{ clear:both; }
.landing-page .land-prod.first { margin: 0 0 0 1.4%; float:right; }
.landing-page .land-prod.btm2.first { float:left; margin-left:0; clear:both; }
.landing-page .land-prod .land-text { margin-top:2%; }
.landing-page .land-prod .land-link { display:none; }
.landing-page a { color:#7EBDE8; }    
.landing-page .land-img { position:relative;}
.landing-page .overlay { position:absolute; bottom:3%; left:0.3%; background-color:#fff; width:99.5%; height:31px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height:31px; text-align:center;  font-weight:bold; }
.landing-page .overlay a {color:#004064 !important; }
.landing-page .land-prod.btm .overlay { bottom: 2.1%; width: 99.3%; }
.landing-page .land-prod.btm2 .overlay {bottom: 2.5%; }

/*Brochure*/
.download-brochure#enquiryform { width: 94.6%; padding:2.5%  }
.download-brochure#enquiryform .title { font-size: 1.2em; margin-bottom:2%; }
.download-brochure#enquiryform .editor-field { margin-bottom:3%; }

.post { width:100%; margin-top:3%;  }
#postform textarea {height: 142px; }
#postform .enq-left { float: left; width: 43%; }
#postform .enq-right{ float: right; width: 53%; }
#postform { border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; background-color:#f5f5f5; padding:2.5%; }
#postform .title { font-size:1.2em; display:block; margin-bottom:2%; color:#004064; }
#postform input {-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); height:38px; line-height:38px; padding:0 0 0 2%; width:100%; color:#666;}
#postform input[type="submit"] {background-color:#7ebde8;  border-bottom:4px solid #64b0e3;  background: -webkit-linear-gradient(top, #7ebde8, #7ebde8); background: -moz-linear-gradient(top, #7ebde8, #7ebde8); background: -ms-linear-gradient(top, #7ebde8, #7ebde8); height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff; cursor:pointer; font-size: 1.2em; }
#postform input[type="submit"]:hover { border-bottom:0;}
#postform input[type="submit"]:focus {  border-top: 4px solid #64b0e3;}
#postform textarea { -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); padding:3% 0 0 2%; width:100%; color:#666; font-family:Arial; }
#postform label.how { color:#666; font-weight:bold; }
#postform .editor-field { width:97%; margin: 0 0 8% 0; }
.prod-imgs { margin-top:3%; }

/*Fabrics*/
.fabs.thumbnails img {width:82%; height:auto; }
.fabs.thumbnails a.first { clear:none; }

/*About Us*/
.person { float:left; width:23.1%; margin-right:2.5%; font-size:0.9em; margin-bottom: 3%;}
.people-info img { width:100%; height:auto; }
.person.kath, .person.last { margin-right:0; }
h1, h2 { margin:2% 0 !important; }

/* Quality */
.rehau {float:right; width:47.1%; margin-left:3%; margin-bottom:2%; }
.rehau img{ width:100%; height:auto; }

ul.prod-slider { height: 599px; }

.quality-left { width:52%; float:left; margin-top:15px; }
.quality-left.top { margin-top:0; }
.quality-right { width:42.1%; float:right; font-size:0.85em; color:#004064; }

.right-img {float:none !important; margin:15px auto !important; max-width: 350px;}
.right-img img { max-width:350px; width:100%; height:auto; display:block; }

.master-img.com {float:none !important; margin:15px auto !important; max-width: 314px;}
.master-img.com img { max-width:314px; width:100% !important; height:auto; display:block; }
    .fiftyoffer {  background-size:150px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:770px) {
#enquiryform .custom_checkbox { background: url(images/checkbox-large.png) no-repeat; background-size: 36px 37px;}
#enquiryform .selected{ background: url(images/checkbox-large2.png) no-repeat; background-size: 36px 37px;}
a.home { background: url(images/home-large.png) no-repeat center; background-size: 22px 19px;}
#topmenu .icon { background: url(images/menu-large.png) no-repeat center; background-size: 24px 17px;}
.left-panel .tw-contact a { background-image:url(images/twitter-large.png); background-size: 25px 27px;}
.left-panel .fb-contact a { background-image:url(images/facebook-large.png); background-size: 25px 28px;}
}


@media only screen and (min-width:660px) and (max-width:700px) {
#postform textarea { height: 142px !important; }
}

@media only screen and (max-width:659px) {
#postform .enq-left, #postform .enq-right {float: none !important;width: 100% !important;}
#postform .editor-field { margin-bottom:4% !important; }
#postform .title {margin-bottom: 3%; }
}

@media only screen and (max-width:540px) {
.ui-accordion .ui-accordion-header { font-size:1em !important; font-weight:normal !important;}
}
@media only screen and (max-width:550px) {
    .trianglesale { display: none; }
}
@media only screen and (min-width:550px) and (max-width:770px) {
a.home { background:url(images/home-big.png) no-repeat center; height:38px; }
#topmenu .icon { background:url(images/menu-big.png) no-repeat center; height:33px; }
a.offerbanner{margin-bottom:8px;}
a.offerbanner .rightbanner{width:220px;font-size:0.9em;line-height:11px;padding:3px 40px 5px 40px;}

.trianglesale{background:url(images/corner-sale.png) no-repeat; width:120px;height:120px;display:block;position:absolute;top:0px;left:0px;z-index:999;text-indent:-9999px;-webkit-background-size:120px auto;-moz-background-size:120px auto;-o-background-size:120px auto;background-size:120px auto;}  
}

@media only screen and (min-width:550px) and (max-width:669px) {
#footer .title { margin-top:0 !important; cursor:text !important; padding-bottom:2% !important; }
#footer .title a { margin-bottom:2% }
#footer .title .arrow, .border-btm { display:none !important;  }
#footer .shut { display:block !important;  }
#footer #col1 { width:45% !important; }
#footer #col2 { width:50% !important; }
#footer #col3 { width:34% !important; clear:both; }
#footer #col4{ margin-top: 2%; margin-left: 1%; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; background-color:#fff; padding:2%; width:93% !important;}
#footer #col4 .blog-title a{ color:#333; font-weight:bold; }
#footer #col4 .blogpost { margin-bottom:2%; }
#footer #col4 .content { font-size:0.9em; }
#footer #col4 .content a { color:#004064; font-size:0.95em; }
.left-text.btm { float:none; width:100%; }
.right-imgs{ float:none; width: 35.7%; margin-top: 3%;}
.quality-left { width:51%; }
.quality-right { width:46.1%; }
}

@media only screen and (min-width:670px) and (max-width:770px) {
#footer .title { margin-top:0 !important; cursor:text !important; padding-bottom:2% !important; }
#footer .title a { margin-bottom:2% }
#footer .title .arrow, .border-btm { display:none !important;  }
#footer .shut { display:block !important;  }
#footer #col1 { width:33% !important; }
#footer #col2 { width:35% !important; }
#footer #col3 { width:25% !important; }
#footer .col1-right {  width: 100% !important; margin-top: 4% !important;}
#footer #col4{ margin-top: 2%; margin-left: 1%; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; background-color:#fff; padding:2%; width:93% !important;}
#footer #col4 .blog-title a{ color:#333; font-weight:bold; }
#footer #col4 .blogpost { margin-bottom:2%; }
#footer #col4 .content { font-size:0.9em; }
#footer #col4 .content a { color:#004064; font-size:0.95em; }
    #topmenu ul li .arrow { width:4%; }

}

@media only screen and (min-width:416px) and (max-width:557px) {
.person { width: 31.6% !important;}
.person.gidet { margin-right:0 !important; }
.person.kath { margin-right:2.5% !important; }
}

@media only screen and (max-width:415px) {
.person { width: 42.9% !important; margin-right: 7% !important; margin-bottom:7% !important;}
.person.gidet { margin-right: 7% !important; }
.person.kath { margin-right:2.5% !important; }
}

@media only screen and (max-width:549px) {
.landing-page .land-prod { width:100% !important; margin-bottom: 7% !important; }
.landing-page .overlay {bottom: 2.2% !important; width: 99.4% !important; }
.left-text.btm { float:none; width:100%; }
a.offerbanner .rightbanner {width:auto;}
a.offerbanner .rightbanner span {display:block; font-size:1.5em;}
}

@media only screen and (min-width:430px) and (max-width:549px) {
.thumbnails a.first {clear:none !important; } 
.thumbnails a { width:19.6%;}
.thumbnails a.shinto{clear:both; }
.left-prod #enquiryform .editor-field { margin-bottom:4% !important; }
.prod-sub{ margin-bottom:4% !important; }
#enquiryform .editor-field.check { width:14% !important; }
.right-imgs{ float:none; width: 42.1%; margin-top: 3%;}
.master-img a { font-size:0.9em !important; }
#footer #footnoteleft, #footer #footnoteright { float:none !important; text-align:center;}
.quality-left { width:95%; float:none !important; }
.quality-right { width:70%; float:none !important; margin-top:20px; text-align:center; }
}

@media only screen and (min-width:410px) and (max-width:429px) {
.thumbnails a.first {clear:none !important; } 
.thumbnails a { width:24.6%;}
.prod-sub { margin-bottom:3% !important; }
.left-prod #enquiryform .editor-field { margin-bottom:4% !important; }
.left-prod { margin-bottom:3% !important; }
.prod-sub{ margin-bottom:4% !important; }
#enquiryform .editor-field.check { width:14% !important; }
.right-imgs{ float:none; width: 54.4%; margin-top: 4%;}
.right-imgs img { width:211px !important; height:130px !important; }
.master-img a { font-size:1em !important; }
.master-img .overlay { width: 209px !important; }
.rehau { width:60% !important; float:none; margin-left:0 !important; }
#footer #footnoteleft, #footer #footnoteright { float:none !important; text-align:center;}
.tw-contact a, .fb-contact a { float:none !important; margin-bottom:3%; padding-left:9% !important;   }
.quality-left { width:95%; float:none !important; }
.quality-right { width:70%; float:none !important; margin-top:20px; }
}

@media only screen and (max-width:409px) {
.thumbnails a.first {clear:none !important; } 
.thumbnails a { width:32.6%;}
.left-prod #enquiryform .editor-field { margin-bottom:4% !important; }
.left-prod { margin-bottom:3% !important; }
.prod-sub{ margin-bottom:4% !important; }
#enquiryform .editor-field.check { width:16% !important; }
.right-imgs{ float:none; width: 54.4%; margin-top: 4%;}
.right-imgs img { width:211px !important; height:130px !important; }
.master-img .overlay { width: 209px !important; }
.rehau { width:97.3% !important; float:none; margin-left:0 !important; }
#footer #footnoteleft, #footer #footnoteright { float:none !important; text-align:center;}
.tw-contact a, .fb-contact a { float:none !important; margin-bottom:3%; padding-left:9% !important;   }
.quality-left { width:95%; float:none !important; }
.quality-right { width:90%; float:none !important; margin-top:20px; }
}

@media only screen and (max-width:365px) {
#topmenu ul.main-drop { top:83% !important; }
#topmenu ul li a { font-size:1.3em !important; }
#topmenu ul li .arrow { top:26% !important; }
#topmenu ul li .arrow.navon { top:3% !important; }
#topmenu ul li.dining .arrow.navon { top:2% !important; }
#topmenu ul li.sofas .arrow.navon { top:1.5% !important; }
#topmenu ul li .arrow-right {top:25% !important; }
.tw-contact a, .fb-contact a { float:none !important; margin-bottom:3%; padding-left:9% !important;   }
}

@media only screen and (min-width:531px) and (max-width:626px) {
.box-link a { font-size:1.1em !important; }
}

@media only screen and (min-width:687px) and (max-width:770px) {
.prod-img img, .com-image img { width: 210px !important; }
.prod-img .overlay { width: 210px !important; }
}

@media only screen and (min-width:591px) and (max-width:686px) {
.prod-img img, .com-image img { width: 180px !important; }
.prod-img .overlay { width: 180px !important; }
}

@media only screen and (min-width:500px) and (max-width:590px) {
.prod-img img, .com-image img { width: 150px !important; }
.prod-img .overlay { width: 150px !important; }
}

@media only screen and (min-width:400px) and (max-width:499px) {
.prod-img img, .com-image img { width: 210px !important; }
.prod-img .overlay { width: 210px !important; }
}

@media only screen and (min-width:400px) and (max-width:463px) {
.prod-img img, .com-image img { width: 180px !important; }
.prod-img .overlay { width: 180px !important; }
}

@media only screen and (max-width:399px) {
.prod-img img, .com-image img { width: 270px !important;  }
.prod-img .overlay { width: 270px !important; }
.quality-right { width:100%; float:none !important; margin-top:20px; }
.fiftyoffer {  background-size:120px; }
}

@media only screen and (min-width:350px) and (max-width:399px) {
.prod-img, .com-image { left: 12% !important; }
}

@media only screen and (max-width:349px) {
.prod-img, .com-image  { left: 4.5% !important; }
}

@media only screen and (min-width:401px) and (max-width:530px) {
.box-link a { font-size:1em !important; }
.rattan-link a { font-size:1.2em !important; }
.state-text span {font-size:1.6em !important; }
h1, .subtitle{font-size:1.4em !important; }
.left-slider { width:50% !important; float:none !important; padding-left: 26% !important;}
.right-text { width:100%; float:none; }

}

@media only screen and (max-width:400px) {
.box-link a { font-size:0.9em !important; }
.state-text span {font-size:1.4em !important; }
.subtitle{font-size:1.3em !important; }
.rattan-link a { font-size:1.2em !important; }
.left-slider { width:60% !important; float:none !important; padding-left: 20% !important;}
.right-text { width:100%; float:none; }
}

@media only screen and (min-width:771px) {
/*OfferBanner*/
.trianglesale{background:url(images/corner-sale.png) no-repeat; width:177px;height:174px;display:block;position:absolute;top:0px;left:0px;z-index:999;text-indent:-9999px;}  
a.offerbanner{display:block;height:35px;margin-bottom:0.8%;position:relative;}
a.offerbanner .leftbanner{width:520px;background:url(images/sale.jpg) no-repeat left;height:35px;float:left;position:absolute;top:0;left:0;z-index:1;}
a.offerbanner .rightbanner{float:right;width:565px;line-height:28px;border-bottom:3px solid #310101;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;background:#720b0f;height:32px;color:#fff;font-weight:bold;font-size:1.1em; text-align:center;position:absolute;right:0;top:0;z-index:2;}
/*Header*/
#header{padding:0.8% 0%;}
#headerleft{float:left; width:22.1%; height:inherit;}
#headerleft span {width:100%;}
#headerleft span a,#headerleft span img {display:block; width:100%; height:auto; max-width:241px;}
#headerright{float:right; width:65%; height:inherit; text-align:right; color:#004064; font-size:1.5em; padding-top:1.5%; margin-bottom:3.5%;}
#headerright span {color:#7ebde8;}
#headerright span a {color:#004064; font-weight:bold; }
.site-nav { height:45px; border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; clear:both; line-height:45px;}
#headerright span strong { font-size:1.1em; }
#topmenu {width:94.3%; float:left; }
#topmenu ul {list-style:none; margin:0; padding:0; float:left; width:100.1%}
#topmenu ul li div{left:-1px; position:absolute;top:100%;visibility:hidden;z-index:27600; width:148%; list-style:none;background-color:#fff; border-top: 0 !important; border-bottom:4px solid #c2c2c2 !important; border:1px solid #c2c2c2;  padding:6% 11.5%; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-top-right-radius: 7px;}
#topmenu ul li.commercial div { left:0px; width:250%; }
#topmenu li.commercial:hover a{ color: #7EBDE8;}
#topmenu ul li.drop div{ left:0px; }
#topmenu ul li div ul { width:100%; }
#topmenu ul li div ul li { width:100%; display:block; height:23px; line-height:20px; float:none; }
#topmenu li:hover > div{visibility:visible;}
#topmenu li.lounger:hover a { height: 46px; background-color: #fff; color: #7EBDE8; }
#topmenu li.drop:hover a {height:46px; background-color:#fff; color:#7EBDE8; border-left:1px solid #c2c2c2; width:99.1%; }
#topmenu li.quality { width:11.2%; }
#topmenu li.quality:hover a { width:99.1910% }
#topmenu ul li div ul li a { color:#666 !important; text-decoration:none; width:100%; border:0 !important; display:block; padding:0 !important; background-color:transparent !important; font-weight:normal; text-align:left; height:20px !important; float:none;}
#topmenu ul li div ul li a:hover { text-decoration:underline; background-color:transparent !important; color: #7EBDE8 !important; }
#topmenu .icon {width:0; float:left; }
#topmenu ul li {float:left; width:11.1%; text-align:center; position:relative;}
#topmenu ul li.last { float:right; }
#topmenu ul li.last a{ border:0; }
#topmenu ul li a:hover {  text-decoration:none; color:#7ebde8; }
#topmenu ul li a.on {  text-decoration:none; color:#7ebde8; }
#topmenu ul li a{float:left; width:100.1%; text-align:center; display:block; border-right:1px solid #c2c2c2; color:#666;}
a.home{width:5.5%; float:left; text-align:center; background-image:url(images/home-icon-full.jpg); background-position:center; background-repeat:no-repeat; display:block; height:45px; text-indent:-9999px; border-right:1px solid #c2c2c2;}

h1.statement { margin-bottom:1%; }
.arrow-right, .arrow, .border-btm { display:none !important; }
.lux  { width:25%; float:left;  }
.lux img { width:100%; height:auto; display:block; }

#homeslider { height:360px !important; overflow:hidden; }
#homeslider img { width:100%; height:auto; display: block; }

#leftslider { height:374px !important; overflow:hidden; }
#leftslider img { width:100%; height:auto; }
.subtitle img { width:100%; height:auto; }
.state-text img { width:100%; height:auto; }

.rattan-link { float:left; width:32.5%; margin-bottom: 1%; }
.rattan-link img { width:100%; height:auto; }
.rattan-link a {position:relative; display:block; text-align:center; color:#004064  !important; font-size:1.3em; font-weight:bold; }
.rattan-link a:hover {color:#004064; }
.rattan-link .overlay { position:absolute; bottom:3.4%; left:0.3%;  width:99.5%; height:31px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height:31px; }
.rattan-link.mid { margin-left:1.3%; }
.rattan-link.last{ float:right;}
.box-link { float:left; width: 24.5%; }
.box-link a {position:relative; display:block; text-align:center; color:#fff !important; font-size:1.2em; font-weight:bold; }
.box-link span.white-link { position:absolute; bottom:30%; left: 25%; }
.box-link span.white-link-1 { position:absolute; bottom:30%; left: 8%; }
.box-link.showroom span.white-link { left:15%; }
.box-link.commercial a, .box-link.last a{ color:#004064 !important;}
    .box-link.showroom.glance { display:none; }
.box-link.commercial span.white-link { left:11%; }
.box-link.last span.white-link { left:15%; }
.box-link.mid { margin-right:0.7% }
.box-link img { width:100%; height:auto; }
.box-link.last { float:right; }

.left-slider {float:left; width: 29.85%; }
.right-text {float:right; width:68%; }
.subtitle { margin:3% 0; font-size:1.5em; color:#004064; display:block; text-align:center;}
.subtitle.middle {margin:3% 0 2% 0 !important;}
.subtitle img { margin-top:1%; }

.state-text{text-align:center;}
.state-text span { display:block; color:#004064; font-size:1.7em; margin:2% 0 1% 0;}

.left-text { float:left; width:79%;  }
.left-text.btm strong {display:block; } 
.left-text a { color:#7cbbe8 !important; }
.right-imgs { float:right; width:19%;  }
.right-imgs img { width:100%; height:auto; }

/*Footer*/
#footer{border:1px solid #9acdef; background-color:#81c0eb; margin-top:3%;}
#footer .title { font-size:1.3em; color:#004064; display:block; margin-top:5%; margin-bottom:4%; border-bottom:1px solid #34739a; padding-bottom:1.5%; }
#footer .cols{padding:1% 0; margin-right:1.4%;}
#footer #col1{float:left;width:23.7%;}
#footer a { color:#333; }
#footer #col2{float:left;width:23.7%; }
#footer #col2 a, #footer #col3 a{ display:block; margin-bottom:1%; }
#footer #col3{float:left;width:23.7%; }
#footer #col4{float:right;width:22.7%; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; background-color:#fff; margin-top:1%; padding:0 1%;}
#footer #col4 .blog-title a{ color:#333; font-weight:bold; }
#footer #col4 .blogpost { margin-bottom:5%; }
#footer #col4 .content { font-size:0.9em; }
#footer #col4 .content a { color:#004064; font-size:0.95em; }
#footer .footernotes{font-size:0.85em; margin:1% 0 1% 0; }
#footer #footnoteleft{float:left;width:50%; }
#footer #footnoteright{float:right;width:50%; text-align:right; }
 #footer .cookie-link { text-align:left; float:left; font-size:0.9em; }

.col1-right { margin-top:5%; }
.col1-right span{display:block; float:left; margin-right:8%;}
.col1-right span a { display:block; text-indent:-999px; }
.col1-right span.fb-foot { width:11px; height:24px; }
.col1-right span.tw-foot { width:23px; height:19px;  margin-top:3px; }
.col1-right span.pin-foot, .col1-right span.google-foot { width:24px; height:24px; }
.col1-right span.pin-foot a{ background-image:url(images/pinterest.png); height:24px; background-size:24px 24px; }
.col1-right span.google-foot a{ background-image:url(images/google.png); height:24px; background-size:24px 24px; }
.col1-right span.fb-foot a { background-image:url(images/facebook-large.png); height:24px; background-size:11px 24px; }
.col1-right span.tw-foot a { background-image:url(images/twitter-large.png); height:19px;  background-size:23px 19px;}

.left-panel {width: 61.6%; float:left; }
.right-panel {width: 35.5%; float:right; }
#enquiryform { border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; background-color:#f5f5f5; padding:5%  }
#enquiryform .title { font-size:1.4em; display:block; margin-bottom:5%; color:#004064; }
#enquiryform input {-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); height:38px; line-height:38px; padding:0 0 0 2%; width:100%; color:#666;}
#enquiryform input[type="submit"] {background-color:#7ebde8;  border-bottom:4px solid #64b0e3;  background: -webkit-linear-gradient(top, #7ebde8, #7ebde8); background: -moz-linear-gradient(top, #7ebde8, #7ebde8); background: -ms-linear-gradient(top, #7ebde8, #7ebde8); height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff; cursor:pointer; font-size: 1.2em; }
#enquiryform input[type="submit"]:hover { border-bottom:0;}
#enquiryform input[type="submit"]:focus {  border-top: 4px solid #64b0e3;}
#enquiryform textarea { -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); padding:3% 0 0 2%; width:100%; color:#666; font-family:Arial; }
#enquiryform label.how { color:#666; font-weight:bold; }
#enquiryform .editor-field { width:98%; margin: 0 0 5% 0; }
#enquiryform .editor-field.check {width: 22%; float:left; }
#enquiryform .editor-label.check {width: 24%; float: left; font-size: 0.9em; }
#enquiryform .custom_checkbox{width: 36px; height: 37px; padding: 0; background: url(images/checkbox.png) no-repeat; display: block; float: left;margin:0px 5px 0 0; cursor:pointer;}
#enquiryform .selected{background-position:bottom;}

.left-panel .map{ width:100%; height:281px;}
.left-panel .map #map {width:100%; height:100%; }
.left-panel .fb-contact a{ display:block; background-image:url(images/fb-contact.jpg); background-position:left center; height:28px;  float:left; width:30%; padding-left:5%; background-repeat:no-repeat; line-height:28px;}
.left-panel .tw-contact a{ display:block; background-image:url(images/tw-contact.jpg); background-position:left center; height:28px; float:left; width:30%; padding-left:7%; background-repeat:no-repeat; line-height:28px;} 

/*Products*/
.left-prod { float:left; width:45%; }
.right-prod { float:right; width:53.2%; }
#bx-pager { margin-top:2%; }
#bx-pager a{ margin-right: 4.3%; }
#bx-pager a.last { margin-right:0; }
#bx-pager a.active img { border:1px solid #7ebde8;}
#bx-pager a img { border:1px solid transparent;}
.prod-sub { border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; height:35px; line-height:38px; color:#7ebde8; font-weight:bold; padding-left:3%; width:97%; font-size:1.2em; margin-bottom: 1%; margin-top: 1%;}
.prod-sub .img-placeholder { display:none; }
.cushion a { color:#004064 !important; font-weight:bold;}
.thumbnails {margin-top: 1.5%; }
.thumbnails a{ width: 16.6%;display: block; float: left; font-size:0.85em; color:#004064; font-weight:bold; margin-bottom: 2%;}
.thumbnails a img{ display: block; margin-bottom: 5%; border:1px solid transparent;}
.thumbnails a:hover img { border:1px solid #7ebde8;}
.thumbnails a:hover { color:#004064; text-decoration:none; }
.thumbnails a.last{margin-right:0px;}
.thumbnails a.first {clear:both; }
.mat-logos { color:#004064; margin-top: 3%;}
.mat-logos strong { display:block; margin-bottom:2%; font-size: 1.1em; }
.mat-logos img { width:100%; height:auto; }
.left-prod #enquiryform{ padding: 3% 3% 0% 3%; margin-top:2%; }
.left-prod #enquiryform .title { font-size:1.2em; margin-bottom:3%; }
.left-prod #enquiryform .editor-field { margin-bottom:7%; }
.left-prod #enquiryform .editor-field.check { margin-bottom:0 !important; }
.left-prod #enquiryform textarea {height: 138px; }
.left-prod #enquiryform .enq-left { float: left; width: 43%; }
.left-prod #enquiryform .enq-right{ float: right; width: 53%; }
.left-prod #enquiryform input[type="submit"]{ margin-top: 4%; margin-bottom: 3%;}
.left-prod .iola-qual img { width:100%; height:auto; }

/*Fabrics*/
.fabs.thumbnails a{width:11.1%; }
.fabs.thumbnails img {width:82%; height:auto; }

/*Landing*/
.landing-page { width:100%; margin-top: 2%; }
.landing-page .land-prod { float:left; width: 32.4%; position:relative; margin-bottom:3%; }
.landing-page .land-prod img { width:100%; height:auto; }
.landing-page .land-prod.mid{ margin: 0 1.4%; }
.landing-page .land-prod.last{ float:right;}
.landing-page .land-prod.first { clear:both; }
.landing-page .land-prod .land-text { margin-top:2%; min-height: 230px; }
.landing-page.dining-page .land-text {min-height: 215px;  }
.landing-page.dining-page.smaller .land-text {min-height: 125px;  }
.landing-page.dining-page  .land-prod.btm2 .land-text {min-height: 160px;  }
.landing-page.dining-page  .land-prod.btm .land-text {min-height: 170px;  }
.landing-page.dining-page.smaller  .land-prod.btm .land-text {min-height: 130px;  }
.landing-page .land-prod .land-link a {background-color:#7ebde8;  border-bottom:4px solid #64b0e3; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;  background: -webkit-linear-gradient(top, #7ebde8, #7ebde8); background: -moz-linear-gradient(top, #7ebde8, #7ebde8); background: -ms-linear-gradient(top, #7ebde8, #7ebde8); height:31px; line-height:35px; text-align:center; font-weight:bold; color:#fff; cursor:pointer; font-size: 1em; display:block; width:43%; position:absolute; bottom:0; left:0; }
.landing-page .land-prod .land-link a:hover { border-bottom:0; height:35px; text-decoration:none;}
.landing-page .land-prod.btm .land-text { min-height: 180px; }
.landing-page a { color:#7EBDE8; }
.landing-page .land-img { position:relative;}
.landing-page .overlay { position:absolute; bottom:2.5%; left:0.3%; background-color:#fff; width:99.5%; height:31px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height:31px; text-align:center;  font-weight:bold; }
.landing-page .overlay a {color:#004064 !important; }
.landing-page .land-prod.btm .overlay{ bottom: 2.1%; width: 99.3%; }
.landing-page .land-prod.btm2 .overlay {bottom: 2.4%; }

/*Brochure*/
.download-brochure#enquiryform { float:left; width:32.1%; padding:1.5%  }
.download-brochure#enquiryform .title { font-size: 1.2em; margin-bottom:4%; }
.download-brochure#enquiryform .editor-field { margin-bottom:5%; }

.post { float:right; width:62%;  }
#postform textarea {height: 130px; }
#postform .enq-left { float: left; width: 43%; }
#postform .enq-right{ float: right; width: 53%; }
#postform { border:1px solid #c2c2c2; border-bottom:4px solid #c2c2c2 !important;  -moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px; background-color:#f5f5f5; padding:2.5%; }
#postform .title { font-size:1.2em; display:block; margin-bottom:2%; color:#004064; }
#postform input {-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); height:38px; line-height:38px; padding:0 0 0 2%; width:100%; color:#666;}
#postform input[type="submit"] {background-color:#7ebde8;  border-bottom:4px solid #64b0e3;  background: -webkit-linear-gradient(top, #7ebde8, #7ebde8); background: -moz-linear-gradient(top, #7ebde8, #7ebde8); background: -ms-linear-gradient(top, #7ebde8, #7ebde8); height:40px; line-height:40px; text-align:center; font-weight:bold; color:#fff; cursor:pointer; font-size: 1.2em; }
#postform input[type="submit"]:hover { border-bottom:0;}
#postform input[type="submit"]:focus {  border-top: 4px solid #64b0e3;}
#postform textarea { -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border:1px solid #c2c2c2;  background-color:#f0f0f0; background: -webkit-linear-gradient(top, #f0f0f0, #fff); background: -moz-linear-gradient(top, #f0f0f0, #fff); background: -ms-linear-gradient(top, #f0f0f0, #fff); padding:3% 0 0 2%; width:100%; color:#666; font-family:Arial; }
#postform label.how { color:#666; font-weight:bold; }
#postform .editor-field { width:98%; margin: 0 0 5% 0; }

.master-img img { width:100%; height:auto; }
.master-img a {position:relative; display:block; text-align:center; color:#004064  !important; font-size:1.1em; font-weight:bold; }
.master-img a:hover {color:#004064; }
.master-img .overlay { position:absolute; bottom:3.1%; left:0.3%; background-color:#fff; width:99.5%; height:31px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height:31px; }

/* Quality */
.rehau {float:right; width:31.1%; margin-left:3%; margin-bottom:2%; }
.rehau img{ width:100%; height:auto; }

/*About Us*/
.person { float:left; width:14.5%; margin-right:2.5%; font-size:0.9em; }
.people-info img { width:100%; height:auto; }
.person.last { margin-right:0; }

ul.prod-slider { height: 406px; }

.quality-left { width:65%; float:left; margin-top:15px; }
.quality-left.top { margin-top:0; }
.quality-right { width:31.1%; float:right; font-size:0.85em; color:#004064; }


}

@media screen and (min-width:870px) {
    .box-link span.white-link { position: absolute; bottom: 30%; left: 13%; }
}

@media only screen and (min-width:771px) and (max-width:920px) {
.left-prod #enquiryform .enq-left { width: 98% !important; float:none !important; }
.left-prod #enquiryform .enq-right{ width: 98% !important; float:none !important;}
.left-prod #enquiryform .editor-field{ margin-bottom:4% !important;}
.left-prod #enquiryform .editor-field.check { width:16% !important; }
.left-prod #enquiryform textarea { height:auto !important; }
.left-prod #enquiryform input[type="submit"] { margin-bottom:5% !important; margin-top: 5%;}
.thumbnails a { font-size:0.8em !important;  }
.cushion a { font-size:0.85em !important; }
a.offerbanner .rightbanner{ width: 440px;font-size:0.9em; }
}

@media only screen and (min-width:950px) and (max-width:1060px) {
.landing-page .land-prod .land-link a { width:100% !important;  }
.landing-page .land-prod .land-text{ min-height:265px !important; }
.landing-page .land-prod.btm .land-text{ min-height:180px !important; }
.landing-page.dining-page .land-text {min-height: 250px !important;  }
.landing-page.dining-page.smaller .land-text {min-height: 140px !important;  }
.landing-page.dining-page  .land-prod.btm2 .land-text {min-height: 150px !important;  }
.landing-page.dining-page  .land-prod.btm .land-text {min-height: 185px !important;  }
.landing-page.dining-page.smaller  .land-prod.btm .land-text {min-height: 150px !important;  }
}

@media only screen and (min-width:771px) and (max-width:949px) {
.landing-page .land-prod .land-link { display:none !important;  }
}

@media only screen and (min-width:1000px) and (max-width:1096px) {
#topmenu ul li div {width:160%;}
}

@media only screen and (min-width:896px) and (max-width:999px) {
#topmenu ul li div {width:180%;}
#topmenu ul li.commercial div { left:0px; width:315% !important; }
}

@media only screen and (min-width:821px) and (max-width:895px) {
#topmenu ul li div {width:200%;}
#topmenu ul li.commercial div { left:0px; width:315% !important; }
}

@media only screen and (min-width:771px) and (max-width:820px) {
#topmenu ul li div {width:220%;}
#topmenu ul li.commercial div { left:0px; width:340% !important; }
}

@media only screen and (min-width:946px) and (max-width:1091px) {
.rattan-link .overlay { width: 99.4% !important;  bottom: 4% !important;}
.box-link a { font-size:1.1em !important; }
    .master-img a { font-size:1em !important; }
}

@media only screen and (min-width:878px) and (max-width:945px) {
.rattan-link .overlay { width: 99.4% !important;  bottom: 5% !important;}
.box-link a { font-size:1em !important; }
.right-imgs{ display:none !important; }
.left-text{ width:100% !important; }
}

@media only screen and (min-width:780px) and (max-width:877px) {
.box-link span.white-link-1 { left:2% !important; }
.box-link.showroom span.white-link { left:9% !important; }
.box-link.commercial span.white-link{ left:5% !important; }
.box-link.last span.white-link{ left:8% !important; }
.box-link span.white-link{ left:18% !important; }
.box-link a { font-size:1em !important; }
.rattan-link .overlay { bottom: 5% !important;}
.right-imgs{ display:none !important; }
.left-text{ width:100% !important; }
}

@media only screen and (min-width:878px) and (max-width:1166px) {
.prod-img img, .com-image img { width: 240px !important; }
.prod-img .overlay { width: 240px !important; }
}

@media only screen and (min-width:783px) and (max-width:877px) {
.prod-img img, .com-image img { width: 235px !important; }
.prod-img .overlay { width: 235px !important; }
}

@media only screen and (min-width:771px) and (max-width:782px) {
.prod-img img, .com-image img { width: 210px !important; }
.prod-img .overlay { width: 210px !important; }
}

@media only screen and (min-width:771px) and (max-width:779px) {
#topmenu ul li.sofas a {  line-height: 19px; height: 45px; padding-top: 5%;}
#topmenu ul li.sofas:hover a{ height:45px; }
#topmenu ul li.dining { width:9.1% }
#topmenu ul li.commercial { width:12.5% }
#topmenu ul li.quality { width:11.8% }
#footer .title { font-size:1.2em !important;  }
.box-link.showroom span.white-link { left:9% !important; }
.box-link span.white-link-1 { left:5% !important; }
.box-link.commercial span.white-link{ left:5% !important; }
.box-link.last span.white-link{ left:8% !important; }
.box-link span.white-link{ left:18% !important; }
.box-link a { font-size:0.9em !important; }
.rattan-link .overlay { bottom: 5% !important;}
.master-img { display:none !important; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25){
    a.offerbanner .leftbanner { background: url(images/sale-large.jpg) no-repeat left; -webkit-background-size: 520px auto; -moz-background-size: 520px auto; -o-background-size: 520px auto; background-size: 520px auto; }
}

h1 {margin:1% 0 1.5% 0; font-size:1.5em; font-weight:normal; color:#004064;}
h2 {margin:1% 0; font-size:1.4em; font-weight:normal; color:#004064;}
html{border-top:5px solid #81c0eb;}
body{font-size: 0.8em; font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif; color: #333; background-color: #fff;margin:0;padding:0;-webkit-text-size-adjust: 100%;}
img{border:0;}
.people {text-align:center;}
.pdetails {text-align: center; display: block; }
.container{margin: 0 auto; max-width:1080px; padding:0 3%;}
.dimension img {width:100%; height:auto;}

a[href^=tel] {color:inherit; cursor:default;}
a[href^=tel]:hover {color:inherit; text-decoration:none; }

#breadcrumb { font-size:0.85em; color:#004064;  margin-bottom: 1%;}
#breadcrumb a, #breadcrumb span { color:#7ebde8; }
.left-panel a { color:#7ebde8; }
.left-panel h1, .right-prod h1{ font-weight:bold; }
.left-panel .title { color:#004064; font-size:1.2em;}
#content{min-height:500px;}
#content #pagecontent{width:100%;}
.clear{ clear: both; }

.right-img {float:right; margin:15px;}
.right-img img { max-width:350px; width:100%; height:auto; display:block; }

.quality-img img{width:100%; height:auto;}

.OK{padding:10px;border:1px solid #339933;color:#339933;background-color:#eeffee;margin:10px 0;}
.KO{padding:10px;border:1px solid #993333;color:#993333;background-color:#ffeeee;margin:10px 0;}
.Generic{padding:10px;border:1px solid #333;color:#333;background-color:#ccc;margin:10px 0;}

#contactleft{float:left; width:50%;}
#contactright{float:right; width:50%;}

#qualityslider img { width:100%; height:auto; display: block; }
.quality-right img {width:100%; height:auto;  }
.master-img.com{  float:right; width:314px; margin:15px; }
.master-img.com img{ width:100%; height:auto;}
.master-img.com a {  max-width:314px;}
    .master-img.com .overlay { bottom:0px; width:100% !important; }

/*A Hover Visited Active Focus Styles */
a{ text-decoration:none; color:#7EBDE8; }
a:hover{ text-decoration:underline;}
a:visited{ color:#7EBDE8;}
a:active{text-decoration:underline; }
a:focus{text-decoration:underline;}

.price {color:#7EBDE8; font-size:1.6em;}
.prod-imgs {width: 104%;}
.com-image, .prod-img{margin-top:-3px; float:left;}
.prod-img a { position:relative; color: #004064 !important; font-size:1.1em; }
.prod-img .overlay { height:35px; background-color:#fff; width:99.5%; line-height:35px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); text-align:center; position:absolute; left:0; width:270px; bottom: 19%;}
.left-prod .bx-controls-direction { display:none; }
ul.prod-slider{ padding:0; margin:0; list-style:none; overflow: hidden;}
ul.prod-slider img { width:100%; height:auto; display:block; }

.overlay {  background-color:transparent !important;}
.overlay.white { background-color:#fff !important;}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset { border:1px solid #ddd; padding:0 1.4em 1.4em 1.4em; margin:0 0 1.5em 0; }
legend { font-size:1.2em; font-weight: bold; }
textarea { min-height: 75px; }
.editor-label { margin: 1em 0 0 0; }
.editor-field { margin:0.5em 0 0 0;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{ color: #ff0000;position: absolute;font-size: 0.85em;}
.field-validation-valid{  display: none;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold; color: #ff0000;}
.validation-summary-valid{ display: none;}