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

/* --------------------------------------------------------------- MOBILE STYLES ---------------------------------------------------------- */

/* --------------------------------------------- LARGE SCREENS HORIZONTAL */
@media all and (max-width: 1023px) {
	/*Hide desktop version of website 
	header, footer, customblocks, and showcases */
	#showcaselimit {
		display: none;	
	}
	#showcase {
		height: 0px;
		width: 5px;
		overflow: hidden;
	}
	#showcase iframe {
		display: none;
	}
	#mhide, #header, #footer, 
	.showcase, .slidenav, 
	#backgroundimg, .backgroundimg, 
	.customblock, 
	p.accent a.mhide, 
	p.accent span.mhide, 
	.mhide {
		display: none;
	}
	/* ----------------------------- */
	div, button,  input, select, textarea {
		font-size: 16px;
	}
	#mdisplay {
		display: block;
		background-color: #FFF;
	}
	#mnavcontainer, #mfooter, #msub, #masklocation, 
	hr.mdivide, .mdisplay, .mfloatfix {
		display: block;
	}
	a.mdisplay {
		display: inline;
	}
	p.accent a.mdisplay, 
	p.accent span.mdisplay {
		display: block;
	}
	table.mdisplay {
		display: table;
	}
	#asklocation {
		width: auto;
		height: auto;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 9999;
		line-height: inherit;
		background-color: #FFF;
		padding: 12px 0 10px 74px;
		border-left: 10px solid #FFF;
		margin-bottom: -85px;
		background-image: url('../img/tilite_logo.jpg');
		background-position: left center;
		background-repeat: no-repeat;
	}
	#asklocation span.bold span {
		display: none;
	}
	#asklocation a {
		border-left: 12px solid #ddd;
		padding-top: 12px;
		padding-right: 12px;
		padding-bottom: 12px;
		margin-top: 10px;
		background-color: #ddd;
		display: block;
	}
	#mnav span.accent, 
	#mnav .showhide div, 
	#msub span.accent, 
	#msub .showhide div {
		text-transform: uppercase;
		text-decoration: none;
		background-color: #FFF;
		line-height: 34px;
		height: 34px;
		margin-bottom: 4px;
		text-align: center;
	}
	#mnav span.accent:hover, 
	#mnav .showhide div:hover,
	#msub span.accent:hover, 
	#msub .showhide div:hover {
		background-color: #DDD;
	}
	#mnav span.openmnav {
		background-color: #DDD;
	}
	#mnav span.accent, 
	#msub span.accent {
		display: block;
	}
	#mnav .showhide div, 
	#msub .showhide div {
		margin-left: 30px;
		margin-right: 30px;
		text-transform: none;
	}
	#mnav a, 
	#msub a {
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
	}
	#content {
		line-height: 22px;
		overflow: visible;
	}
	#background {
		background-image: none;
		background-color: #000;
	}
	#wrapper {
		background-color: #000;
		padding: 2%;
		padding-bottom: 18px;
		width: 96%;
	}
	#mheader {
		display: block;
		color: #FFF;
		height: 85px;
		padding-bottom: 10px;
		position: relative;
		padding-left: 62px;
		background-image: url('../img/mtilite_bg.png?mod=8913');
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	#mheader #mlogo {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	#mfooter {
		margin: 15px 0 0 0;
		padding: 0;
		height: auto;
	}
	#mfooter p {
		margin: 5px 0 0 0;
		padding: 0;
		text-align: center;
	}
	#mfooter img {
		width: auto;
	}
	.mbox {
		float: right;
		width: 105px;
		height: 51px;
		border-top: 0px solid #FFF;
		border-bottom: 0px solid #FFF;
		margin: 17px 0 0 10px;
		background-color: #FFF;
		background-position: bottom left;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.mbox:hover {
		background-position: bottom left;
	}
	#mboxfullnav {
		background-image: url('../img/mtilite_button.png?mod=9513');
	}
	#mboxhome {
		background-image: url('../img/mtilite_button_home.png?mod=9513');
	}
	#mboxrigid {
		background-image: url('../img/mtilite_button_rigid.png?mod=9513');
	}
	#mboxfolding {
		background-image: url('../img/mtilite_button_folding.png?mod=9513');
	}
	#mboxchairs {
		background-image: url('../img/mtilite_button_chairs.png?mod=9513');
	}
	#mboxresources {
		background-image: url('../img/mtilite_button_resources.png?mod=9513');
	}
	#mboxtifit {
		background-image: url('../img/mtilite_button_tifit.png?mod=9513');
	}
	#mboxorderforms {
		background-image: url('../img/mtilite_button_orderforms.png?mod=9513');
	}
	#mboxliterature {
		background-image: url('../img/mtilite_button_literature.png?mod=9513');
	}
	#mboxcustomerservice {
		background-image: url('../img/mtilite_button_customercare.png?mod=9513');
	}
	#mboxfunding {
		background-image: url('../img/mtilite_button_funding.png?mod=9513');
	}
	#mboxabout {
		background-image: url('../img/mtilite_button_about.png?mod=9513');
	}
	/* ----------------------------- */
	.mcustomblock {
		display: block;
		background-position: center top;
		background-repeat: no-repeat;
		padding-right: 10%;
		padding-left: 10%;
		width: 100%;
		position: relative;
		left: -10%;
	}
	#mshowcase div.mshowleft {
		width: 54%;
		float: left;
		overflow: hidden;
		position: relative;
		border-top: 10px solid #000;
		border-bottom: 10px solid #000;
	}
	#mhomeshowcase img,
	#mhomeshowcase a {
		display: block;
		width: 100%;
	}
	#mshowcase div.mshowleft img {
		width: 180%;
		position: relative;
		left: -80%;
	}
	#mshowcase div.mshowright {
		float: right;
		width: 42%;
		padding: 2%;
		padding-left: 0px;
		background-color: #FFF;
	}
	#mshowcase div.mshowright h2 {
		margin-top: 0px;
	}
	#mshowcase div.cleared {
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		width: 100%;
	}
	#content .container {
		padding: 0 30px 30px 30px;
	}
	#content .fullcontainer, 
	#content .container, 
	#content .msection {
		position: relative;
		overflow: hidden;
	}
	#content .fullcontainer, 
	#content .msection {
		padding: 0 30px 30px 30px;
	}
	#content .msection {
		border-top: 4px solid #000;
		position: relative;
		overflow: hidden;
	}
	#content #mhomeshowcase .msection {
		border-top-width: 0px;
		padding: 0px;
	}
	.msection span.accent {
		font-weight: bold;
	}
	.msection .boxright, .msection .boxleft {
		width: 100%;
		padding: 0 800px;
		position: relative;
		left: -800px;
		background-repeat: no-repeat;
	}
	h1, h1.twoline {
		font-weight: normal;
		font-size: 28px;
		line-height: 34px;
		text-transform: uppercase;
		position: relative;
		left: -1500px;
		padding-left: 1500px;
		text-indent: 0px;
		height: auto;
		width: 100%;
		margin-top: 30px;
		overflow: visible;
	}
	.trblack h1 {
		border-top: 30px solid #000;
		margin: 0px;
		color: #CCC;
	}
	h2 {
		font-size: 24px;
		line-height: 29px;
		margin-top: 30px;
	}
	.mh2margin {
		margin-bottom: -5px;
	}
	#content h2.accent {
		padding-left: 45px;
		background-image: url('../img/tilite-h2accentmobile.png?mod=71613');
	}
	.mfloatfix {
		clear: both;
		height: 30px;
	}
	ul, ul ul, ol, ol ol, ul ol, ol ul {
		padding: 0 25px;
	}
	table.data, table.dataalt {
		width: 100%;
		position: relative;
	}
	table.data td, table.dataalt td {
		padding: 12px 8px;
	}
	.floatlefthalf, .floatrighthalf, 
	.floatleftthird, .floatlefttwothird, 
	.floatrightthird, .floatrighttwothird, 
	.eztibuttons .floatlefttwothird, 
	.eztibuttons .floatrighttwothird, 
	.eztibuttons .floatleftthird, 
	.eztibuttons .floatrightthird {
		width: 100%;
	}
	.videolibrary .floatlefthalf, 
	.videolibrary .floatrighthalf, 
	.videolibrary iframe {
		width: 100%;
	}
	.videolibrary .floatrighthalf {
		margin-top: 15px;
	}
	.videolibrary h2 {
		margin-top: 30px;
	}
	.videolibrary img.floatleft {
		padding-bottom: 35px;
	}
	#content .videolibrary .wrap hr {
		display: block;
	}
	img.spread, 
	#mchairoptions div.image {
		width: 112%;
		padding: 0px;
		margin: 30px 0 18px 0;
		left: -6%;
		height: auto;
	}
	img.mbottom {
		padding-bottom: 30px;
	}
	img.body {
		width: 100%;
		height: auto;
	}
	#content #cornernote {
		position: static;
		margin-top: 10px;
		width: auto;
	}
	#content .wrap {
		width: auto;
		left: 0px;
		padding: 0px;
		background-image: none;
	}
	#content .wrap hr {
		display: none;
	}
	.chairlibrary {
		width: 586px;
		margin: 0 auto;
	}
	.chairlibrary .floatleft {
		margin: 0 -10px;
	}
	.chairlibrary hr, .testimonials hr, .videosingle hr, .videolibrary hr, hr.mdivide {
		padding-top: 30px;
		left: -500px;
		width: 1500px;
		margin: 0 auto;
	}
	.trblack hr.mdivide {
		border-color: #CCC;
		border-width: 0 0 1px 0;
	}
	.testimonials hr {
		margin-bottom: 30px;
	}
	.testimonials .floatleft {
		width: 100%;
	}
	.testimonials .floatright {
		width: 100%;
	}
	.testimonials .floatleft img {
		margin: 0 auto 10px auto;
	}
	.testimonials .floatleft, 
	.testimonials .floatright {
		margin-top: 0;
	}
	/*JQuery display fix*/
	#content div.showcase {
		position: relative;
		height: 0px;
		width: 10px;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	.videosingle iframe, 
	.videolibrary iframe {
		width: 100%;
		height: 250px;
		margin: 0;
	}
	#mchairoptions .nooverflow {
		overflow: visible;
	}
	#mchairoptions img {
		margin: 0px;
		width: 100%;
		height: auto;
	}
	#mchairoptions div.image {
		position: relative;
		width: 100%;
		left: 0px;
	}
	#mchairoptions .item {
		width: 38%;
		padding-left: 8%;
		float: left;
	}
	.dealerlocator {
		width: 100%;
	}
}
/* --------------------------------------------- GOTWWW DEALER LOCATOR MOBILE */
@media all and (max-width: 911px) {
.dealerlocator {
		height: 1170px;
	}
}
/* --------------------------------------------- LARGE SCREENS VERTICAL AND SMALL SCREENS HORIZONTAL */
@media all and (max-width: 639px) {
	.mdisplay640 {
		display: block;
	}
	table.mdisplay640 {
		display: table;
	}
	.mhide640 {
		display: none;
	}
	#content .fullcontainer, 
	#content .container, 
	#content .msection {
		padding: 0 20px 20px 20px;
	}
	h1 {
		margin-top: 20px;
	}
	h2 {
		margin-top: 20px;
	}	
	.mfloatfix {
		height: 20px;
	}
	#mshowcase div.mshowleft {
		width: 100%;
		float: left;
		padding-right: 0px;
		overflow: hidden;
		position: relative;
		border-top-width: 0px;
		border-bottom-width: 2px;
	}
	#mshowcase div.mshowright {
		float: right;
		width: 92%;
		padding: 4%;
	}
	.mseriallookup {
		width: 100%;
		position: relative;
		height: 700px;
	}
	img.spread {
		margin: 20px 0;
		width: 110%;
		left: -5%;
	}
	img.mbottom {
		padding-bottom: 40px;
	}
	.chairlibrary {
		width: 293px;
		margin: 0 auto;
	}
	.chairlibrary .floatleft {
		margin: 0;
	}
	.chairlibrary hr, .testimonials hr, .videosingle hr, .videolibrary hr, hr.mdivide {
		padding-top: 20px;
	}
	.testimonials hr {
		margin-bottom: 20px;
	}
	.testimonials .floatleft img {
		margin: 0 auto;
	}
	table.data, table.dataalt, table.register, #upstracker table, .dealerlocator {
		position: relative;
		width: 104%;
		left: -2%;
	}
	table.data h2, table.dataalt h2 {
		font-size: 20px;
	}
	.videosingle iframe, 
	.videolibrary iframe {
		height: 165px;
	}
	#mchairoptions div.image {
		width: 100%;
		left: 0px;
	}
	#mchairoptions .item {
		width: 45%;
		padding-left: 3%;
		float: left;
	}
}
/* --------------------------------------------- GOTWWW DEALER LOCATOR MOBILE */
@media all and (max-width: 537px) {
.dealerlocator {
		height: 890px;
	}
}
/* --------------------------------------------- SMALL SCREENS VERTICAL */
@media all and (max-width: 479px) {
	img.spread {
		width: 116%;
		left: -8%;
	}
	.chairlibrary {
		width: 253px;
		margin: 0 auto;
	}
	.chairlibrary .floatleft {
		margin-left: -25px;
	}
	table.data h2, table.dataalt h2 {
		font-size: 18px;
	}
	table.data, table.dataalt, table.register, #upstracker table, .dealerlocator {
		font-size: 14px;
		width: 108%;
		left: -4%;
	}
	.mseriallookup {
		margin: 20px 0;
		width: 106%;
		left: -3%;
	}
	.videosingle iframe, 
	.videolibrary iframe {
		height: 140px;
	}
	#mchairoptions div.image {
		width: 100%;
		left: 0px;
	}
	#mchairoptions .item {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-left: 0;
		float: none;
	}
}
@media all and (max-width: 359px) {
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 22px;
	}
	#mchairoptions div.image {
		width: 116%;
		left: -8%;
	}
	table.data, table.dataalt, table.register, #upstracker table, .dealerlocator {
		width: 114%;
		left: -7%;
	}
	#mchairoptions .item {
		width: auto;
	}
}