@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
   font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#1D1D1B;
	background:#1D1D1B;
	}	

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}

*:focus {
    outline: none;
}

a {color:#333; text-decoration:none;}
a:hover {color:#333;}


#wrapper {width:100%; margin:0 auto; background:#FFF; }
.mid { margin:0 auto; position:relative;width:100%;max-width:1000px; padding:0 20px;}
.midslide { margin:0 auto; position:relative;width:100%;}
.midfit { margin:0 auto; position:relative;width:100%;max-width:1020px; padding:0 20px;}

#header_wrap {position:fixed;width:100%;background:#FFF; border-bottom:1px solid #EEE; height:76px;z-index:980 }
#header {position:relative;}

#header_wrap_fix {height:76px;display:block;}

#logo {position:absolute; top:16px; left:18px;}
#logo img {width:130px; height:auto}
#slogan  {position:absolute; top:80px; left:50px; color:#000; font-weight:300;   font-size:17px;  z-index:999}
#social {position:absolute; top:15px; right:8px;}
#social a {margin-left:3px;}

.resp {width:100%; max-width:100%; height:auto;}

#nav, #nav2 { position:absolute;top:45px;right:20px; width:100%;max-width:800px; font-weight:400; font-size:14px; text-transform: uppercase;}
#nav ul, #nav2 ul { list-style: none; position: relative; text-align:right;  }
#nav ul li, #nav2  ul li { position: relative; display:inline-block; }
#nav ul li a, #nav2 ul li a {color:#1D1D1B; display:block; padding:1px 8px 9px 8px;transition: padding 0.5s ease;}
#nav ul li:hover a, #nav2  ul li a:hover   { Xcolor:#AAA;padding-bottom:12px;border-bottom:1px solid #999; transition: padding 0.5s ease; }
#nav ul li.active a, #nav2 ul li.active a{Xbackground:#333; padding-bottom:12px; font-weight:700;border-bottom:1px solid #999;}

/*header_menu_second*/
#nav ul li ul {position:absolute;width:188px;display:none; background:#F9F9F9; margin:0;padding:0;;list-style:none;z-index:9999999  !important; margin-left:-50%;}
#nav ul li ul li {margin:0;line-height:14px;z-index:99;  display:block; border:none !important; }
#nav ul li ul li a{text-align:center; font-size:12px; font-weight:400 !important;text-transform:none; color:#333;border:none !important;transition: color 0.5s ease;}
#nav ul li ul li a:hover{color:#999  !important;Xbackground:#4E5792 !important;transition: color 0.5s ease;}
#nav ul li:hover  ul{display:block;z-index:999999;list-style:none;} 
#nav ul li ul li a {padding:6px 4px 6px 4px  !important;}

#footnav {  font-weight:400; font-size:15px;color:#EEE; margin-top:6px;}
#footnav ul{ list-style: none; position: relative; text-align:center;  }
#footnav ul li { position: relative; display:inline-block; }
#footnav ul li a {color:#FFF; display:block; padding:1px 10px;transition: -color 0.5s ease;}
#footnav ul li:hover a   { color:#EEE; border-radius:4px; transition: color 0.5s ease; }


.acdistop {margin-right:14px; font-size: 11px; padding: 6px 0 6px 28px; background: url("../images/account-icon.svg") 0px 0px no-repeat; }

.usricon {font-size: 11px; padding: 6px 0 6px 28px; background: url("../images/account-icon.svg") 0px 0px no-repeat; }
.tusep {margin:0 5px;}
.acdistoplg {margin-left:0px;font-size: 11px; }

#tsw {  position: absolute;
    top: 6px; width: 480px;
    right: 30px; }
#topsearch {position: relative;text-align: right;}
#topsearch2 {position: relative;text-align: right;}
.tsip {position:relative;}
#fbsub2 {
    position: absolute;
    top: -3px;
    right: 19px;
    width: 18px;
    height: auto;
	
}
.fbipt3 {
    max-width: 180px;
    width: 100%;
    border: 1px solid #CCC;
    color: #454545;
    padding: 7px 24px 7px 4px;
    border-radius: 3px;
	font-size: 12px;
	margin-right: 0px;
	position: absolute;
	top:23px; 
	right: -2px;

}
#fbsub3 {
    position: absolute;
    top: 27px;
    right: 0px;
    width: 22px;
    height: auto;
	
}
.fbipt2 {
    max-width: 180px;
    width: 100%;
    border: 1px solid #CCC;
    color: #454545;
    padding: 6px 24px 6px 4px;
    border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
}


#footsocial {margin:20px 0;}
#footdir {margin:10px 0;Xtext-shadow:1px 1px #333; color:#FFF; line-height:1.66; font-size:14px;} 

#search {position:absolute;top:4px; right:20px;}
#srchform { margin-left:10px; width:312px; height:32px; background:url(../images/searchbg3.png) no-repeat;float:left;}
#searchhome {position:relative; width:100%; max-width:960px; margin:0 auto; text-align:center; background: rgba(85, 15, 26, 1); height:64px;  padding-top:12px;}
#srchmainfldsm {position:absolute; left:18px; top:7px; padding:1px 1px; border:none;width:180px; color:#666; font-size:14px;  }
#srcharrowmainsm {position: absolute; right:0px; top:0px;  width:114px; height:32px;}

#srchform2 { width:605px; height:41px; background:url(../images/searchbg2.png) no-repeat;margin:0 auto; position:relative;}
#srchmainfldsm2 {position:absolute; left:18px; top:9px; padding:1px 1px; border:none;width:410px; color:#666; font-size:17px; }
#srcharrowmainsm2 {position: absolute; right:0px; top:0px;  width:158px; height:41px;}


#searchmob {position:relative;}
#srchformmob { width:187px; height:31px; background:url(../images/searchbgmob.png) no-repeat;float:left;}
#srchmainfldsmmob {position:absolute; left:14px; top:6px; padding:1px 1px; border:none;width:132px; color:#666; font-size:14px; }
#srcharrowmainsmmob {position: absolute; right:0px; top:0px;  width:28px; height:22px;}

#home {position:relative; }
#main {padding-top:30px; min-height: calc(100vh - 150px);}

#topbuttons {position:absolute;top:110px; text-align:center;z-index:9999999999; width:100%;}
#topbuttons a {margin:0 8px;}

.tb {display:inline; position:relative;}

.topbutton { background:rgba(111,111,111,0.9); padding:4px 14px; color:#FFF; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; z-index:999999; font-size:14px; font-weight:400; transition: background 0.45s ease;}
.topbutton:hover {background:rgba(55,55,55,1) !important;transition: background 0.45s ease;color:#FFF; }

#togglechairs {}
#togglespace {}
#toggleuse {}

#overlayspaces {position:absolute;top:22px;left:-10%;width:120%;; background:#FFF; opacity:0.98; z-index:999999; padding:10px 30px; text-align:center; display:none}
#overlayspaces a {display:block;margin-bottom:6px; font-size:13px;}

#overlayuses {position:absolute;top:22px;left:-20%;width:140%; background:#FFF; opacity:0.98; z-index:999999; padding:10px 30px; text-align:center; display:none}
#overlayuses a {display:block; margin-bottom:6px; font-size:13px;}

#closechairs {position:absolute;top:7px;right:7px;}

.errmsg { background:#C00; color:#FFF; width:100%; padding:10px; margin-bottom:20px; font-weight:bold; text-align:center}

#content_left {float:left; width:33%;}
#content_right {float:right; width:64%;}

#content_left_wide {float:left; width:30%; }
#content_right_wide {float:right; width:65%;padding-left:5%; border-left:1px solid #CCC;}

#content_left img {max-width:100%; height:auto;}

#content {font-size:16px;  line-height:1.66;  font-weight:300; min-height:300px; padding:0px 0;}
#content p {margin-bottom:20px;}
#content ul {margin-left:24px;}
.subtitle {color:#1160AD !important;}
/* editor*/
.cfl {float: left; width:38%;}
.cfr {float:right; width:58%}

.cfl2 {float: left; width:58%;}
.cfr2 {float:right; width:38%;}

.c_left50 {float:left; width:38%; }
.c_right50 {float:right; width:58%;}

.imgleft {float: left; margin-right: 10px;}
.imgleft2 {float: left; margin-right: 90px;}
.imgright {float: right; margin-left: 10px;}


#content p.quote {width:90%; text-align:center; color:#e7472a;  font-size:20px; margin:20px auto;font-weight:400; line-height:1.4; }
#content p.quote:before{ height: 20px; 
    display: block;
    width: 40%;
	margin:0 auto;
    border-top: 1px solid #e7472a;
    content: '';}
#content p.quote:after{ height: 20px;
    display: block;
    width: 40%;
	margin:0 auto;
    border-bottom: 1px solid #e7472a;
    content: '';}	
/* */



.sechead {padding:8px 0px 0px 0px; vertical-align:text-bottom; text-align:center;}
.seccontent {padding:10px 0px; min-height:150px;}

XXh1 { font-size:22px; margin-left:-4px;  margin-bottom:24px; font-weight:900;color:#1D1D1B ; background: #F5BA09; display: inline-block; padding: 3px 14px;text-transform: uppercase;}
h1 { font-size:22px; margin-left:-4px;  margin-bottom:24px; font-weight:600;color:#1D1D1B ; Xbackground: #F5BA09; display: inline-block; padding: 3px 4px;text-transform: uppercase;}
h1.sh1 {font-size:16px;font-weight:800;}
h2 { font-size:24px; color:#666; margin:0;font-weight:200 !important; padding:0; margin-bottom:12px;  Xborder-bottom:1px dotted #CCC; } 
XXh2.sh2 { font-size:22px; margin-left:-4px;  margin-bottom:24px; font-weight:500 !important;color:#1D1D1B ; background: #F5BA09; display: inline-block; padding: 3px 14px;text-transform: uppercase;clear: both;}
h2.sh2 { font-size:22px; margin-left:-4px;  margin-bottom:24px; font-weight:500 !important;color:#1D1D1B ; bXXackground: #F5BA09; display: inline-block; padding: 3px 4px;text-transform: uppercase;clear: both;}

h3  { font-size:20px; color:#111; margin:0; font-weight:400; text-align:center; margin:12px 0; text-transform:uppercase; margin-bottom:18px; }
h4 { font-size:17px; color:#666; margin:0; font-weight:300; padding:0; margin-bottom:10px; border-bottom:1px dotted #AAA; } 


#footer { color:#1D1D1B;   position:relative; padding:2px 0 2px 0;font-size:13px; }
#footer a {color:#1D1D1B;}
#footer a:hover {color:#1D1D1B;text-decoration:underline}
#footby {position:absolute;bottom:0px; right:0px;  display:none; }

.fdl {float:left;width:58%; text-align:left;}
.fdr {float:right;width:40%; text-align:right;}

#backtotop {position:fixed; bottom:10px; right:20px; display:none; padding:8px 3px;
border-radius: 0px; background: rgba(0, 9, 9, 0.9);;z-index:999999}
#backtotop img {width: 40px; height: auto;}

.product2 {display:inline-block; position:relative; width:15% ;margin:0 2% 40px 2%;height:314px; vertical-align:top; padding:14px;font-size:13px; color:#666; Xborder:1px solid #EEE;transition: border 0.85s ease;  }
.product2.comp {height:340px;width:18%; padding:14px 6px;}
.product2:hover {Xborder:1px solid #999; transition: border 0.85s ease; }
.product.wide {height:auto; width:96%;}
.prodpic {text-align:center !important; height:220px; margin:0 auto; margin-bottom:10px; width:100%; background:none;}
.prodpic img { width:auto; margin:0 auto; max-width:100%; max-height: 240px; height:auto; vertical-align:middle;}

.nopic { padding-top:50px;}
.nopic img {height:96px !important; width:auto;}
.product.wide .prodpicd {height:auto;}
.product.wide .prodpicd img {width:90%;margin:0 auto;height:auto;  max-height:auto; max-width:auto;}
.prodtitle {text-align:center; height:30px; line-height:1;  font-size:17px;}
.product2.comp .prodtitle {font-size: 15px;}
.prodtitledet {text-align:left; font-size:30px;text-transform:none; margin-top:-10px; font-weight:normal; color:#666}
.prodstitledet {text-align:left;   font-size:20px;text-transform:none; margin-top:-4px; color:#666; margin-bottom:10px;}

.proddesc {font-size:14px; line-height:1.15;}
.proddesc p {margin-bottom:10px !important;}

#overlayprods {position:absolute;top:134px;left:5%;width:90% !important; background:#FFF; opacity:0.98; z-index:999999; padding:10px 30px; text-align:center; display:none}
#overlayprods .product2 {border:none; width:6% ;margin:0 1% 30px 1%;height:120px; vertical-align:top; padding:4px; Xbackground:#CCC}
#overlayprods .prodpic {text-align:center !important; height:100px; margin:0 auto; margin-bottom:5px; width:100%; background:none;}
#overlayprods .prodpic img { width:auto; margin:0 auto; max-width:100%; max-height: 170px; height:auto; vertical-align:middle;}
#overlayprods  .prodtitle {text-align:center;line-height:1;  font-size:11px;}

#smallp .product2 {border:none; width:6% ;margin:0 1% 30px 1%;height:120px; vertical-align:top; padding:4px; Xbackground:#CCC}
#smallp .prodpic {text-align:center !important; height:100px; margin:0 auto; margin-bottom:5px; width:100%; background:none;}
#smallp .prodpic img { width:auto; margin:0 auto; max-width:100%; max-height: 170px; height:auto; vertical-align:middle;}
#smallp  .prodtitle {text-align:center;line-height:1;  font-size:11px;}
#smallp .product2:hover   .prodtitle {font-weight:bold;}

#smallp .product2.comp {border:none; width:10% ;margin:0 1% 30px 1%;height:180px; vertical-align:top; padding:4px; Xbackground:#CCC}
#smallp .product2.comp .prodtitle {text-align:center;line-height:1;  font-size:11px;}

#relprods {}
#relprods a {display:inline-block; padding:3px 7px; Xborder:1px solid #EEE; Xbackground:#F2F2F2; color:#454545; font-size:12px; text-shadow:1px 1px 2px #FFF;transition: background 0.85s ease;}
#relprods a:hover {Xbackground:#DDD;transition: background 0.55s ease; }

#relprods .prodpic {text-align:center !important; height:110px; margin:0 auto; margin-bottom:10px; width:100%; background:none;}

#product_filters {background:#FFF; padding:12px 0 2px 0; text-align:center; border-bottom:1px solid #EEE}  

#prodconfig {margin-top:14px; margin-bottom:14px;}
.pccol {float:left; width:23%; margin-right:2%;}

.gallery {font-size:13px;}

.midwide .midfit { margin:0 auto; position:relative;width:100%;max-width:1020px; padding:0 0px;}

a.ppto {display:block; XXbackground:#F6A000;  background:#333; text-align:center; color:#FFF; font-size:16px; padding:6px 0; transition: background 0.5s ease;}
.ppto span {display:inline-block; background:url(../images/ppto.png) 0% 50% no-repeat; padding-left:30px;}
a.ppto:hover {background:#666666;transition: background 0.5s ease;}

a.srchdeal {margin-top:10px; display:block; background:#CC0000; text-align:center; color:#FFF; font-size:16px; padding:6px 0; transition: background 0.5s ease; }
.srchdeal span {display:inline-block; background:url(../images/chairicon.png) 0% 50% no-repeat; padding-left:30px;background-size: 20px auto;}
a.srchdeal:hover {background:#930000;transition: background 0.5s ease;}

a.dealcontact {display: inline-block; background: #CC0000; color: #FFF; font-size:11px; padding:2px 4px;}
a.dealcontact:hover {background:#930000;transition: background 0.5s ease;}

.photo {float:left; margin-right:10px;margin-bottom:10px;}
.photobod {margin-bottom:10px;}
.pic  {width:70px;height:70px;border:1px solid #EDEDED;}
.pic  img{width:100%;height:100%;}

.photo2 {float:left; margin-right:17px;margin-bottom:17px;}
.photobod2 {margin-bottom:10px;}

.pic2  {width:100px;height:100px;Xborder:1px solid #EDEDED; border-radius: 7px; opacity:1;transition: opacity 0.5s ease;}
.pic2 img{width:100%;height:100%;}
.pic2:hover {opacity:0.8;transition: opacity 0.5s ease;}

#prodconfig .photo {float:none;}
#prodconfig .pic  {width:100%;height:100%;border:1px solid #EDEDED;}

#renders {}
#renders img {width:100%; height:auto;}

.filepdf {background:url(../images/icons/pdf.png) 0px center no-repeat; background-size:32px; padding-left:40px; line-height:50px; display: inline-block; font-size:13px}

.filterbox {display:inline-block; position:relative; width:219px;margin:0 5px 10px 5px;Xborder:1px solid #DDD; vertical-align:top; padding:4px 14px 10px; 14px;font-size:12px; Xcolor:#666; text-align:left; background:#FFF;}
.filterbox h4 {font-size:17px; font-weight:300; color:#6E6D6D;  margin-bottom:2px; border:none;}
.filterbox select {
	max-width:100%;
	width:100%;
    border: 1px solid #CCC;
    color: #666;
    padding: 3px;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/dd.png) no-repeat 96% center #FFF;
  cursor:pointer;
}
#fbsub {
    position: absolute;
    top: 31px;
    right: 12px;
    width: 20px;
    height: auto;
}
.fbipt {
    max-width: 160px;
    width: 100%;
    border: 1px solid #CCC;
    color: #666;
    padding: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.boxpos {width:400px; margin:0 auto;}

 .msgbox, .msg  {
text-align:left;
padding: 10px;
background:#6E6D6D;
color:#FFF;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxok, .msgok {
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
background:#666;
color:#FFF; text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxnotok {border: 1px solid #999;
text-align:left;
padding: 10px;
background:#C33;
color:#FFF; text-align: center;
}

.app_form label.error {
	color:#FFF;
	height:22px;
	font-size:10px;
	line-height:22px;	
	background-color:#CC0000;
	margin-left: 0px;
	padding: 0 4px;
	float: right;
	font-weight: bold;
}
.tlc {font-size:14px; color:#454545; height:30px; line-height:30px; width:200px;  padding-right:4px;}
.reqftd {font-size:16px; color:#454545; height:30px; line-height:30px;  padding-right:4px;}

.app_form input {border: 1px solid #CCCCCC; padding: 6px;}
.app_form input[type="checkbox"],input[type="radio"]  {border: none;}

#slideshow { position: relative; }
.pagination-area {position:absolute; bottom:6px;	right:34px; width:100%; Xbackground:url(../images/overlays/bgb60.png);	z-index:25;	text-align:right;z-index:999; padding-right:10px; height:30px; padding-top:6px; }
.pagination-area span {     font-family: arial; font-size: 50px; width: 16px; height: 16px;     display: inline-block; color: #ddd; cursor: pointer; 	background:url(../images/bg-pagination.png) no-repeat;	width:16px;	height:16px;	overflow:hidden;	margin:0 4px;	text-indent:-9999px;}
.pagination-area span.cycle-pager-active, .pagination-area span:hover{ background:url(../images/bg-pagination.png) no-repeat -16px 0;}
.pagination-area > * { cursor: pointer;}

.cycle-prev {position:absolute;top:46%;left:8px; z-index:999; }
.cycle-next {position:absolute;top:46%;right:8px;z-index:999;}
.slide {width:100%; XXmax-height: 460px;}
.slide img {width:100%; height:auto;}
.slidecaption {position:absolute; bottom:0px; left:0px;color:#FFF; text-align:left; padding: 6px 16px 6px 6px;z-index:999;   background-color: rgba(0, 0, 0, 0.3); width:100%; margin-left:0%; font-size:13px; text-shadow:1px 2px #333;}
.slidetitle {font-size:30px;font-weight:400;}
.slidesubtitle {font-size:15px;font-weight:300;}

.listpad {margin-bottom:4px;}

.listpaddesc {font-size:13px;margin:-4px 0 6px 15px;}

.listrow {margin-bottom:16px; border: 1px solid #DDD;  background:#F2F2F2; padding:6px; }
.rowtitle {font-weight:600; font-size:16px;}

/*form contact */
form.mainform > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form.mainform > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form.mainform > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form.mainform > div > div,
form.mainform > div > fieldset > div {
  width: 75%;
  float: right;
  text-align:left;
}
form.mainform > div > fieldset label {
  /* font-size: 90%; */
}
fieldset {
	border: 0;
  padding: 0;
}

form.mainform input[type=text],
form.mainform input[type=email],
form.mainform input[type=url],
form.mainform input[type=password],
form.mainform textarea, form.mainform select {
  width: 100%;
  border: 1px solid #B2B2B2;
  padding:4px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:inherit;
}

form.mainform input[type=submit], input.sub {cursor:pointer; background:#454545; color:#FFF; text-transform:uppercase; padding:6px 10px !important;transition: background 0.85s ease; border:none; -webkit-appearance: none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius:3px;
text-transform:uppercase;
text-shadow:1px 1px 2px #666;
display:inline-block;
font-size:12px; font-weight:bold;
}
form.mainform input[type=submit]:hover {background:#666; }


.qty {width: 40px  !important;
  border: 1px solid #B2B2B2 !important;
  padding:4px 2px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:inherit;
  padding-top:0px;
  text-align:center;
}


 

tr.cartrow td{border-bottom:1px solid #CCC; padding:10px 0;}
tr.cartrow_review td{border-bottom:1px dotted #DDD; padding:10px 0; font-size:13px;}
.total_units {font-size:13px; text-align:right;}
.edit_cart {font-size:12px; text-align:right; margin-top:12px;}
.edit_cart a {background:#777; color:#FFF; border-radius:3px; padding:2px 10px; font-size:11px;}

.tar {text-align:right !important;}
form.mainform label.error {background:#BC2035;padding:3px; color:#FFF; font-size:11px; }


form.mainform input[type=text]:focus,
form.mainform input[type=email]:focus,
form.mainform input[type=url]:focus,
form.mainform input[type=password]:focus,
form.mainform textarea:focus {
  outline: 0;
/*  border-color: #4697e4;*/
}

form.mainform select {
	  padding:2px;
	width:100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/seldd.png) no-repeat right center #FFF;
  cursor:pointer;

}

form.mainform select::-ms-expand {
    display: none;
}
form.mainform .calicon {background:url(../images/calicon.png) no-repeat right center #FFF; cursor:pointer;}

@media (max-width: 600px) {
  form.mainform  > div {
    margin: 0 0 15px 0; 
  }
  form.mainform  > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form.mainform  > div > div,
  form.mainform  > div > fieldset > div {
    width: 100%;
    float: none;
  }
  form.mainform input[type=text],
  form.mainform input[type=email],
  form.mainform input[type=url],
  form.mainform input[type=password],
  form.mainform textarea,
  form.mainform select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form.mainform form > div > label,
	legend {
  	text-align: left;
  }
}

.cp2 {font-size:13px !important;text-align:right; }
.tlc {color: #A20D73; height:30px; padding-right:4px;}
.red {color: #CC0000;}
.ddship {
    border: 1px solid #CCC;
    color: #666;
    padding: 3px;
    margin-bottom: 6px;
}

.catboxlist {}
.catbox {display:inline-block; width:218px;padding-top:20px; margin:0px 8px 20px 8px;text-align:center; border:1px solid #DDD; min-height:120px; vertical-align:top;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.catbox img {margin-bottom:4px; max-height:50px; width:auto;}
.cimg {height:50px;}
.catbox h3 { font-size:13px; color:#A21C3F;}


#logomob img { height:60px; }
#menuicon {display:none; }

#mobmenu {position:fixed; top:0; left:0px; z-index:999999; width:180px; background:rgba(0,0,0,1); height:100%; min-height:460px; height:100%; display:none;overflow:scroll;}
#menuclose {position:absolute; top:3px; right:5px; z-index:99; font-size:12px; color:#FFF;  font-weight:400;}


#menuclose {position:absolute; top:2px; right:10px; z-index:99; font-size:14px; color:#FFF; text-transform: uppercase;}

#mobnav {width:130px; margin:0 auto;}
#mobnav ul {list-style:none;text-align:center; margin:0; margin:30px 0 20px 0 !important; padding:0px  !important; font-weight:300;text-transform: uppercase;}
#mobnav ul li a {color:#FFF; display:block; text-align:center; }
#mobnav ul li {   font-size:14px; padding:8px 0;  border-bottom:1px solid rgba(255,255,255,0);}
#mobnav ul li ul {margin:2px 0 2px  0 !important;}
#mobnav ul li ul li {border-bottom:none;  font-size:14px;font-weight:400; padding:4px 0 4px 24px;}



.icons {text-align:center;margin-bottom:34px;}
.iconbox {display:inline-block; width:19%; text-align:center;}

.iconbox img {height:120px; width:auto;}

.news {text-align:center;margin-bottom:34px;}
.newsbox {display:inline-block; width:40%; margin:0 4%; margin-bottom:30px; text-align:center;}
.newsbox img {width:100%; height:auto;}


.colorbox {display:inline-block; width:10%; margin:0 1%; margin-bottom:30px; text-align:center; vertical-align:top}
.piccb  {width:100%;height:auto; margin-bottom:0px;}
.piccb  img{width:100%;height:100%;}
.cbtit {margin-top:2px; font-size:14px;}


#loginarea {position:absolute; top:10px; right:0px; z-index:999999;text-align:right; font-size:13px; background:#FCFCFC; padding:6px 10px; line-height:1.6; Xborder:1px dotted #CCC;
-webkit-box-shadow: 2px 2px 5px 0px rgba(102,102,102,0.3);
-moz-box-shadow: 2px 2px 5px 0px rgba(102,102,102,0.3);
box-shadow: 2px 2px 5px 0px rgba(102,102,102,0.3);
}

#qtyupmsg {text-align:center; position:absolute; top:100px; right:30px; display:none;}
#qtyupmsg span {display:inline-block; background:#690; color:#FFF; font-size:12px; padding:2px 8px;border-radius:3px;} 

.opt_img_preview {margin-top:8px; text-align:center;display:none;}
.opt_img_preview img {width:90%; margin:0 auto; height:auto;}


.col_4 {width:25%; padding:10px; float:left;}
#addcart label.error {background:#CC0000; color:#FFF; float:left; font-size:11px;}
#addcart select {max-width:100%;
	width:100%;
    border: 1px solid #CCC;
    color: #666;
    padding: 3px;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/dd.png) no-repeat 96% center #FFF;
  cursor:pointer;}

.prodaddpreview {text-align:center; margin:14px 0;}
.picaddpreview img {height:120px; width:auto;}
.small {font-size:12px; font-weight:bold;}
.order_row {margin-bottom:4px; padding-bottom:4px; border-bottom:1px dotted #CCC;}
.item_row {margin-top:4px; margin-bottom:10px; font-size:13px;padding-bottom:4px; border-bottom:1px dotted #CCC;}
a.button_1 {background:#454545; color:#FFF; border-radius:3px; padding:4px 14px; font-size:12px;}
.qm {background:#FECA00; padding:2px 4px; border-radius:7px;color:#333; font-size:11px; font-weight:600; text-align:center;}

#scrolldesk {display:block;}
#scrollmob {display:none;}

#loginarea_mob {color:#FFF;}
#loginarea_mob a  {color:#FFF; display:block; margin:3px 0 4px 0}

#mapwrap {min-height: 500px;}
.distlist {width: 38%; float: left;  }
.distmap {width: 60%; float: right;}
.dealer {margin-bottom: 4px; border: 1px solid #CCC; background: #FAFAFA; border-radius: 4px; padding: 4px 12px; font-size: 14px; position: relative; width: 98%; }
.dealer h4 {font-size:18px;  font-weight: 600; margin-bottom: 5px; padding-right: 20px; }
.distlistfull {margin-top: 20px;overflow-y: auto; height: 350px;}
.dealaddress {background: url(../images/icons/loc.png) no-repeat left 4px; padding:0 0 0 40px; }
.dealphone  {background: url(../images/icons/phone.png) no-repeat left center; padding:6px 0 6px 40px; }
.dealemail  {background: url(../images/icons/mail.png) no-repeat left 2px; padding:6px 0 6px 40px; overflow-wrap: break-word;}
.dealweb  {background: url(../images/icons/web.png) no-repeat left center; padding:6px 0 6px 40px; overflow-wrap: break-word;}
.dealml {position: absolute; top:3px; right:10px; z-index: 9;}
.dealml img {height: 24px; width: auto}


#distselp select {padding: 6px; border:1px solid #CCC; background: #FAFAFA; width: 100%;}


#srchmob {position: absolute;z-index: 9999; width:200px; background: #FFF;height: 75px; top:0px;right:47px;display: none;}
#hidesearch {position: absolute;z-index: 9999; font-size: 15px; top:2px;right:2px;}

@media screen and (max-width: 960px) {
#scrolldesk {display:none;}
#scrollmob {display:block;}

}
@media screen and (max-width: 784px) {
	
.cycle-prev {position:absolute;top:36%;left:8px; z-index:999; }
.cycle-next {position:absolute;top:36%;right:8px;z-index:999;}
.catboxlist {text-align:center;}
#content_left {float:none; width:100%;}
#content_right {float:none; width:100%;}
#content_left_wide {float:none; width:100%;}
#content_right_wide {float:none; width:100%; border:none; padding-left:0px;}
#main {padding-top:0px;}

	.distlist {width: 100%; float: none;  }
	.distlistfull {margin-top: 20px;overflow-y:auto; height: auto;}
	.distmap {width: 100%; float: none; }
	#mapwrap {margin-bottom: 30px;}
	
.product2 { width:47% ;margin:0 1% 40px 1%;height:328px; }
.newsbox {display:inline-block; width:47%; margin:0 1%; margin-bottom:30px; text-align:center;}

#smallp .product2 {border:none; width:17%; display:inline-block; margin:0 1% 30px 1%;height:120px; vertical-align:top; padding:4px; }

.c_left50 {float:none; width:100%; margin-bottom:30px;}
.c_right50 {float:none; width:100%;}
.colorbox {display:inline-block; width:22%; margin:0 1%; margin-bottom:30px;}
#togglechairs {display:none;}
#togglespace {display:none;}
#toggleuse {display:none;}
#loginarea {display:none;}

.col_4 {width:100%; padding:10px; float:none;}
.opt_img_preview img {width:100px; margin:0 auto;height:auto;}
}

@media screen and (max-width: 644px) {
.product2 { width:100% ;margin:0 0% 40px 0%;height:328px;  display:block;}



.news {height:auto; display:none;}
.newsbox {display:block; width:100%; margin:0 auto; margin-bottom:30px; text-align:center;}
.newsbox img {width:100%; height:auto;}
}
#showsearch {display:none;}
@media screen and (max-width: 824px) {
	

#showsearch {position:absolute;right:47px;top:27px;display: block;}	
.tsip	{display:none;}
#tsw {  position: absolute;   top: 30px; width: 186px;   right: 38px; padding-right: 23px; }	
	.acdistop {margin-right:14px; font-size: 11px; padding: 6px 0 6px 25px; background: url("../images/account-icon.svg") 0px 0px no-repeat; }
	
	.acdistoplg	{display:block;padding-right: 20px; margin-top: -18px;}
	.tusep {display:none;}
	.acdistoplg span {display:block; padding: 4px 0;}
	.acdistoplg span.tusep {display:none;}
	.acdistoplg	 .usricon {Xdisplay:none; background: none;}
	
.slidetitle {font-size:24px;font-weight:400;}
.slidesubtitle {font-size:16px;font-weight:300;}
#header_wrap {position:fixed; z-index:990; height:80px;}
#header_wrap_fix {height:80px;display:block;}
#togglechairs {position:absolute;top:80px}
#logo  img {width:150px; height:auto;}
#menuicon {position:absolute; top:22px; right:8px; z-index:999;display:block; }
#menuicon  img {width:32px;height:auto;}
#social {position:absolute; top:22px; right:58px;}
#nav {display:none;}
.news {width:100%;}
.news.wide {width:100%;}
#search {position:absolute;top:31px; right:56px;}

#slogan  {position:absolute; top:59px; left:11px; color:#000; font-weight:400;  font-size:13px;  z-index:999}
}

.cart_pic {float:left;margin-right:20px; min-height:80px; display:none;}
.cart_pic img {max-height:80px; width:auto; max-width:60px;}
.delcart span {display:none;}
a.addprod {font-size:13px;}
a.addprod img {width:34px; height:auto;}

@media screen and (max-width: 520px) {
	#logo  img {width:120px; height:auto;}
.product2 { width:100% ;margin:0 0% 40px 0%;height:328px;  display:block;}
.prodpic {text-align:center !important; height:230px; margin:0 auto; margin-bottom:10px;}
.prodpic img {height:220px; width:auto; margin:0 auto; max-width:140px; max-height: 280px;}	
#search  {display:none;}	
#header_wrap_fix {height:80px;display:block;}
.news {height:220px;}
.news.wide {height:200px;}
.colorbox {display:inline-block; width:47%; margin:0 1%; margin-bottom:30px;}
.pagination-area {display:none}
.slidetitle {font-size:22px;font-weight:400;}
.slidesubtitle {font-size:14px;font-weight:300;}
.icons {text-align:center;margin-bottom:34px;}
.iconbox {display:inline-block; width:45%; text-align:center;}

#smallp .product2 {border:none; width:40%;  margin:0 1% 30px 1%;height:120px;  }

#cart_table {border-collapse: collapse;}

table#cart_table, #cart_table thead, #cart_table tbody, #cart_table th, #cart_table td, #cart_table tr { 
		display: block; 
	}

#cart_table tr.cartrow td{border-bottom:none; padding:2px 0; height:auto; text-align:center; width:100%;}
#cart_table tr.cartrow_review td {border-bottom:none; padding:2px 0; height:auto; text-align:center; width:100%;}
#cart_table tr.cartrow_review .qty_wrap {margin-bottom:30px;}

#cart_table .cart_pic {float:none;margin-right:0px; display:block; text-align:center; }
#cart_table .cart_pic img {}
#cart_table .qty_wrap {text-align:center; }
.delcartwrap { height:20px; padding:0px !important; margin-bottom:30px;}
.delcart img {height:20px; width:auto; vertical-align:middle}
.delcart span {display:inline-block; font-size:12px;}
.cart_pic img {height:auto; width:100px; max-height:inherit; max-width:inherit;}
}

.formrb label {cursor:pointer;}
.formrb {display:inline-block; margin-right:10px;text-align:center; margin-bottom:24px;}

.formrbrow {display:table ;vertical-align:middle; padding:6px; margin-bottom:16px; font-size:13px; clear:both;width:100%;}
.formrbrow label {cursor:pointer;}
.colsel {min-width:130px; font-size:12px;}

.cartprice {font-size:12px;}