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

/* --------------------------------------------------------------- FRAME STYLES ---------------------------------------------------------- */
#ie7warning {
	display: none;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 20px;
	background-color: #FFFFFF;
}
#asklocation {
	z-index: 999;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 915px;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	padding: 20px 0px 20px 85px;
	background-color: #FFF;
	background-image: url('../img/tilite_gateway.jpg?mod=9613');
	background-position: center center;
	background-repeat: no-repeat;
}
#asklocation a {
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}
#asklocation a:hover {
	text-decoration: none;
}
#cover {
	position: fixed;
	z-index: 998;
	background-image: url('../img/tilite_black50.png');
	background-position: left top;
	background-repeat: repeat;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
#home-note {
	width: 90%;
	background-color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 10px 5%;
	margin-bottom: 10px;
	cursor: pointer;
}
html {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #000000;
	line-height: 17px;
}
a:link {color: #000; text-decoration: underline;}
a:visited {color: #000;}
a:hover {color: #000;}
a:active {color: #000;}
div, button,  input, select, textarea {
	font-size: 14px;
	font-family: inherit;
}
.note {
	font-size: 12px;
	line-height: 16px;
}
object, 
input {
	outline: 0;
}
img, 
img:link {
	border-width: 0;
	outline: 0;
}
.fullcontainer img, 
img.body {
	display: block;
	margin: 45px auto;
}
a, a:focus {
	outline: 0;
}
.cleared {
	clear: both;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.caps {
	text-transform: uppercase;
}
.nooverflow {
	overflow: hidden;
	position: relative;
}
.floatleft, 
.floatlefthalf, 
.floatlefttwothird,
.floatleftthird {
	float: left;
}
.floatright, 
.floatrighthalf, 
.floatrighttwothird,
.floatrightthird {
	float: right;
}
.floatrighthalf, 
.floatlefthalf {
	width: 395px;
}
.floatlefttwothird, 
.floatrighttwothird {
	width: 580px;
}
.floatleftthird, 
.floatrightthird {
	width: 290px;
}

.eztibuttons .floatlefttwothird, 
.eztibuttons .floatrighttwothird {
	width: 520px;
}
.eztibuttons .floatleftthird, 
.eztibuttons .floatrightthird {
	width: 350px;
}

.floatleft img, 
.floatright img {
	margin: 25px 20px 0 0;
}
.floatleft img.textwrap, 
.floatright img.textwrap {
	margin-bottom: 10px;
}
img.floatleft, 
img.floatright {
	margin: 35px 20px 0px 20px;
}
img.floatleft {
	margin-left: 0px;
}
img.floatright {
	margin-right: 0px;
}	
.center1 {
	float: left;
	position: relative;
	left: 50%;
}
.center2 {
	position: relative;
	right: 50%;
}	
#background {
	min-height: 100%;
	background-image: url('../img/tilite-background.jpg?mod=61313');
	background-position: center top;
	background-repeat: no-repeat;
}
#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 30px 0;
}
#header {
	position: relative;
	height: 85px;
	padding-bottom: 20px;
}
#logo, #mlogo {
	float: left;
	width: 62px;
	height: 85px;
}
#mainnav {
	float: right;
	width: 918px;
	position: relative;
}
#footer, 
#mfooter {
	position: relative;
	overflow: hidden;
	height: 17px;
	padding: 0 5px;
	margin: 30px 0 0 0;
	font-size: 12px;
	color: #AAA;
}
#footer a:link, #mfooter a:link {color: #AAA; text-decoration: none;}
#footer a:visited, #mfooter a:visited {color: #AAA;}
#footer a:hover, #mfooter a:hover {color: #FFF;}
#footer a:active, #mfooter a:active {color: #AAA;}
#footer img {
	margin-right: 10px;
	float: left;
}
#footer .social img {
	position: relative;
	top: 0px;
}
#footer .social img:hover {
	top: -17px;
}
#footer .showhidefoot span.accent {
	text-decoration: none;
}
#footer .showhidefoot span.accent:hover {
	color: #FFF;
	cursor: pointer;
}
/* --------------------------------------------------------------- NAVIGATION STYLES ---------------------------------------------------------- */
.maintab {
	float: left;
	height: 47px;
	border-bottom: 1px solid #FFF;
}
.maintab a {
	display: block;
	height: 47px;
	line-height: 47px;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	margin-right: 2px;
}
.maintab a:link {color: #FFF; text-decoration: none;}
.maintab a:visited {color: #FFF;}
.maintab a:hover {
	cursor: pointer;
	color: #000;
	background-color: #FFF;
}
.maintab a:active {color: #000;}
.active a {
	background-color: #FFF;
}
#mainnav .active span.main {
	color: #000;
}
.subtabs, 
.subtabsactive {
	position: absolute;
	top: 48px;
	left: 0px;
	height: 34px;
	width: 918px;
	display: none;
}
.subdrop {
	float: left;
	position: relative;
	border-top: 3px solid #000;
	border-top-color: rgba(0,0,0,0.1);
	margin-right: 2px;
	border-bottom: 0px solid #FFF;
	cursor: pointer;
}
.subdrop:hover span {
	background-color: #FFF;
	color: #000;
}
.subdrop a {
	display: block;
	height: 34px;
	overflow: hidden;
	position: static;
	margin: 0px;
	background: none;
}
.subdrop a:link {color: #FFF;}
.subdrop a:visited {color: #FFF;}
.subdrop a:hover {color: #000;}
.subdrop a:active {color: #FFF;}
.subdrop a span {
	position: relative;
	top: -34px;
	height: 34px;
	line-height: 34px;
	text-transform: none;
	display: block;
	padding: 0 20px;
}
.submenu,
.submenuactive {
	display: none;
	position: absolute;
	top: 34px;
	left: -1px;
	width: 200px;
	border: 1px solid #000000;
	border-top-width: 0px;
	cursor: pointer;
}
.submenu a,
.submenuactive a {
	background-color: #FFF;
	color: #000;
	position: static;
	display: block;
	float: none;
	overflow: visible;
	text-align: left;
	text-transform: none;
	padding-left: 20px;
	line-height: 34px;
	height: 34px;
}
.submenu a:link, 
.submenuactive a:link {color: #000;}
.submenu a:visited, 
.submenuactive a:visited {color: #000;}
.submenu a:hover, 
.submenuactive a:hover {color: #FFF; background-color: #333; background-image: none;}
.submenu a:active, 
.submenuactive a:active {color: #FFF;}
.pushdrop {
	position: static;
}
.pushdrop:hover {
	border-bottom-width: 10px;
}
.pushdrop .submenu, 
.pushdrop .submenuactive {
	top: 47px;
	left: -72px;
	width: 1000px;
	height: 240px;
	overflow: hidden;
	background-color: #FFF;
	/*border-width: 0px;*/	/*PUSH DOWN CODE*/
}
.pushdrop .submenulabel {
	height: 26px;
	background-color: #DDD;
	line-height: 26px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	padding-left: 10px;
}
.pushdrop .submenu a, 
.pushdrop .submenuactive a {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 139px;
	height: 200px;
	float: left;
}
.pushdrop .submenu a:link, 
.pushdrop .submenuactive a:link {color: #000;}
.pushdrop .submenu a:visited, 
.pushdrop .submenuactive a:visited {color: #000;}
.pushdrop .submenu a:hover, 
.pushdrop .submenuactive a:hover {color: #FFF; background-color: #FFF;}
.pushdrop .submenu a:active, 
.pushdrop .submenuactive a:active {color: #FFF;}
.pushdrop .submenu img, 
.pushdrop .submenuactive img {
	display: block;
	margin: 0 auto;
	padding: 4px 0;
}
.pushdrop .submenu a.space, 
.pushdrop .submenuactive a.space {
	margin-right: 3px;
}
/* --------------------------------------------------------------- SHOWCASE, CONTENT STYLES ---------------------------------------------------------- */
#showcaselimit {
	position: relative;
	overflow: hidden;
	width: 1000px;
	padding: 0 50px;
	left: -50px;
}
#showcase {
	position: relative;
}
#showcase .showcaseleft,
#showcase .showcaseright {
	position: absolute;
	top: 0px;
	background-image: url('../img/tilite-arrowleft.png?mod=51513');
	background-position: center center;
	background-repeat: no-repeat;
	height: 425px;
	width: 50px;
	cursor: pointer;
	display: none;
}
#showcase .showcaseleft {
	left: -50px;
}
#showcase .showcaseright {
	right: -50px;
	background-image: url('../img/tilite-arrowright.png?mod=51513');
}
#showcase .container {
	position: relative;
	height: 428px;
	overflow: hidden;
}
.slidenav {
	position: relative;
	width: 1000px;
	height: 34px;
}
.slidenav a {
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	color: #FFF;
	float: left;
	position: relative;
}
.slidenav a:hover, 
.slidenav a.home:hover {
	color: #000;
	background-color: #FFF;
	cursor: pointer;
}
.slidenav a.activeslidetab {
	color: #000;
	background-color: #FFF;
}
.slidenav a.home {
	height: 17px;
	width: 196px;
	background-color: #666;
	margin: 0 4px 0 0;
	padding: 0px;
	position: relative;
}
.slidenav a.activeslidetab span {
	display: block;
	color: #000;
	background-color: #FFF;
	width: 0%;
	height: 17px;
}
#showcase .showcaseload {
	position: absolute;
	top: 0px;
	left: 0px;
}
#showcase .slide {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 425px;
}
#showcase .slide div {
	position: absolute;
	left: 86px;
	top: 204px;
	width: 300px;
}
#showcase .slide div p {
	margin: 0;
	font-size: 16px;
	line-height: 21px;
}
#showcase .video {
	background-position: center center;
	background-repeat: repeat;
	left: -2000px;  /*Corrects display problem related to iframe in stack*/
}
#showcase .video div {
	left: 0px;
	top: 15px;
	width: 229px;
}
#showcase .video div .revealbox {
	margin-bottom: 3px;
}
#showcase .video div .revealboxactive {
	background-image: url('../img/tilite-arrowvideoright.png?mod=51313');
	background-position: right center;
	background-repeat: no-repeat;
}
#showcase .slide div div {
	position: static;
}
#showcase .video p {
	margin-top: -5px;
	padding: 0 30px 10px 30px;
}
#showcase .video h2 {
	margin: 0px;
	padding: 14px 15px 6px 30px;
	line-height: 28px;
	font-weight: bold;
}
#showcase .video h2, 
#showcase .video p {
	color: #666;
	color: rgba(102,102,102,.75);
}
#showcase .video .revealbox:hover h2, 
#showcase .video .revealbox:hover p {
	color: #000;
	cursor: pointer;
}
#showcase .video .revealboxactive h2, 
#showcase .video .revealboxactive p {
	color: #000;
}
#showcase .video iframe {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
#showcase .video iframe.iframeactive {
	z-index: 2;
}
#content {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	font-size: 14px;
	line-height: 19px;
}
#content img.banner {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: -60px;
	position: relative;
	top: 60px;
	left: -60px;
}
#content .container {
	padding: 0px 390px 60px 60px;
}
#content .containerflip {
	padding: 0px 60px 60px 390px;
}
#content .bigcontainer {
	padding: 0px 510px 60px 60px;
}
#content .bigcontainerflip {
	padding: 0px 60px 60px 510px;
}
#content .hybrid {
	border-top: 5px solid #000;
	position: relative;
	overflow: hidden;
}
#content .hybridfirst {
	border-top: 0px solid #000;
}
#content #backgroundimg, 
#content .hybrid .backgroundimg {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 5;
}
#content .containerflip .backgroundimg, 
#content .bigcontainerflip .backgroundimg {
	left: 0px;
}
#content #backgroundimgcorner {
	position: absolute;
	right: 20px;
	top: 20px;
	margin: 0px;
	z-index: 10;
}
#content #cornernote {
	position: absolute;
	right: 60px;
	top: 56px;
	margin: 0px;
	width: 375px;
}
#content #cornernote p {
	margin-top: 0px;
}
#content .fullcontainer {
	padding-right: 60px;
}
#content .customcontainer {
	padding: 0;
}
#content .showcase {
	display: none;
	padding: 0;
}
#content .showcase .boxleft,
#content .showcase .boxright {
	margin: 2px 0 0 0;
	background-color: #FFF;
	padding: 10px 600px 50px 60px;
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
}
#content .showcase .boxright {
	padding-left: 600px;
	padding-right: 60px;
	background-position: left center;
}
#content .showcase .boxright h2.accent, 
#content .showcase .boxleft h2.accent {
	background-image: url('../img/tilite-h2accentbox.png?mod=71613');
}
#content .showcase .full {
	background-image: none;
	padding-right: 60px;
	padding-left: 60px;
}
#content .showcase .first {
	margin-top: 0px;
}
#content .showcase .innovation {
	padding-left: 500px;
}
#content .showcase .options {
	padding-right: 500px;
	background-position: right top;
}
#content .showcase .innovation h2, 
#content .showcase .options h2 {
	margin-bottom: -2px;
}
#content .showcase .innovation span.accent, 
#content .showcase .options span.accent {
	font-weight: bold;
}
#content .showcase #specs table {
	float: left;
}
#content .showcase #specs table .note, 
#content #mdisplay #mspecs table .note {
	padding-top: 15px;
	padding-bottom: 0px;
}
#content .showcase #specs table td, 
#content #mdisplay #mspecs table td {
	display: none;
	padding-top: 3px;
	padding-bottom: 3px;
}
#content .showcase #specs table td.labelcolumn, 
#content .showcase #specs table td.note, 
#content #mdisplay #mspecs table td.labelcolumn, 
#content #mdisplay #mspecs table td.note {
	display: inline;
	display: table-cell;
}
#content .showcase #specs table td.labelcolumn {
	text-align: right;
	width: 160px;
}
#content .showcase #specs table#chairtr td.chairtr, 
#content .showcase #specs table#chairzr td.chairzr, 
#content .showcase #specs table#chairzra td.chairzra, 
#content .showcase #specs table#chairaerot td.chairaerot, 
#content .showcase #specs table#chairaeroz td.chairaeroz, 
#content .showcase #specs table#chairaeror td.chairaeror, 
#content .showcase #specs table#chairtx td.chairtx, 
#content .showcase #specs table#chair2gx td.chair2gx, 
#content .showcase #specs table#chairaerox td.chairaerox, 
#content .showcase #specs table#chairtwist td.chairtwist, 
#content .showcase #specs table#chairtra td.chairtra,

#content #mdisplay #mspecs table#mchairtr td.chairtr, 
#content #mdisplay #mspecs table#mchairzr td.chairzr, 
#content #mdisplay #mspecs table#mchairzra td.chairzra, 
#content #mdisplay #mspecs table#mchairaerot td.chairaerot, 
#content #mdisplay #mspecs table#mchairaeroz td.chairaeroz, 
#content #mdisplay #mspecs table#mchairaeror td.chairaeror, 
#content #mdisplay #mspecs table#mchairtx td.chairtx, 
#content #mdisplay #mspecs table#mchair2gx td.chair2gx, 
#content #mdisplay #mspecs table#mchairaerox td.chairaerox, 
#content #mdisplay #mspecs table#mchairtwist td.chairtwist, 
#content #mdisplay #mspecs table#mchairtra td.chairtra {
	display: inline;
	display: table-cell;
}
#content .showcase #galleryspecs {
	float: right;
	width: 420px;
	height: 420px;
	position: relative;
	top: 30px;
}
#galleryspecs .galleryspecsleft,
#galleryspecs .galleryspecsright {
	position: absolute;
	top: 156px;
	width: 20px;
	height: 107px;
	background-image: url('../img/tilite-arrowsmallleft.png?mod=51313');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 3;
}
#galleryspecs .galleryspecsleft {
	left: -30px;
}
#galleryspecs .galleryspecsright {
	right: -30px;
	background-image: url('../img/tilite-arrowsmallright.png?mod=51313');
}
#galleryspecs .galleryslide,
#galleryspecs .galleryslideactive {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#galleryspecs .galleryslideactive {
	z-index: 2;
}
/* --------------------------------------------------------------- CHAIR COMPARISON STYLES ---------------------------------------------------------- */
#chaircomparison {
	width: 880px;
	padding-top: 15px;
	position: relative;
}
#chaircomparison .floatleft img {
	margin: 0px;
}
#chaircomparison .chaircompareimg {
	position: absolute;
	left: -60px;
	top: 163px;
}
#chaircomparison .space {
	clear: both;
	height: 10px;
}
#chaircomparison .label {
	float: left;
	cursor: pointer;
	height: 25px;
	margin-left: 30px;
	position: relative;
	overflow: hidden;
}
#chaircomparison .label img {
	position: absolute;
	top: 0px;
	left: 0px;
}
#chaircomparison .label:hover img {
	top: -25px;
}
#chaircomparison .labelactive img {
	top: -50px;
}
#chaircomparison .labelactive:hover img {
	top: -50px;
}
#chaircomparison .label:hover {
	background-position: left center;
}
#chaircomparison .labelactive {
	background-position: left bottom;
}
#chaircomparison .labelactive:hover {
	background-position: left bottom;
}
#chaircomparison .chart {
	padding: 20px 0;
}
#chaircomparison #tablechairmatrix {
	width: 155px;
	margin-top: 0px;
}
#chaircomparison td {
	text-align: center;
	vertical-align: middle;
	padding: 7px 10px;
	border-right: 3px solid #FFF;
}
#chaircomparison td.labelcolumn {
	width: 132px;
	text-align: right;
	vertical-align: middle;
}
#chaircomparison .chairrow {
	height: 305px;	
}
#chaircomparison .chairlabelrow {
	height: 50px;
}
#chaircomparison td.chaircolumn img {
	width: 88%;
}
#chaircomparison .chairtr, 
#chaircomparison .chairtra, 
#chaircomparison .chairzr, 
#chaircomparison .chairzra, 
#chaircomparison .chairaerot, 
#chaircomparison .chairaeroz, 
#chaircomparison .chairaeror, 
#chaircomparison .chairtx, 
#chaircomparison .chair2gx, 
#chaircomparison .chairaerox, 
#chaircomparison .chairtwist {
	display: none;
}
#chaircomparison .matrixactive {
	display: table-cell;
}
#chaircomparison .fixed, 
#specs table .fixed, 
#chaircomparison .adj,
#specs table .adj, 
#mspecs table .fixed, 
#mspecs table .adj {
	font-weight: bold;
}
#chaircomparison .fixed, 
#specs table .fixed, 
#mspecs table .fixed, 
.red {
	color: #e01b22;
}
#chaircomparison .adj, 
#specs table .adj, 
#mspecs table .adj {
	color: #008c3d;
}
/* --------------------------------------------------------------- CHAIR COMPARISON STYLES ---------------------------------------------------------- */
#chairoptions .item {
	position: relative;
	margin: 0 10px;
	cursor: pointer;
	width: 497px;
	padding-right: 15px;
}
#chairoptions .item .start {
	background-color: #DDD;
}
#chairoptions .item img {
	display: none;
	position: relative;
	left: -361px;
	margin: 0px;
	z-index: 1;
}
#chairoptions .item img.activeimage {
	display: block;
}
#chairoptions .item img.activeimage {
	left: 0px;
}
#chairoptions .item .image {
	position: absolute;
	left: 500px;
	bottom: -150px;
	margin: 0px;
	overflow: hidden;
}
#chairoptions .item .prelast {
	bottom: -103px;
}
#chairoptions .item .last {
	bottom: 0px;
}
#chairoptions .item .description, 
#chairoptions .optionoverview {
	position: relative;
	width: 477px;
	padding: 8px 10px 11px 10px;
	-moz-transition: background 0.15s ease-out;
  	-webkit-transition: background 0.15s ease-out;
  	-o-transition: background 0.15s ease-out;
	ms-transition: background 0.15s ease-out;
 	transition: background 0.15s ease-out;
}
#chairoptions .item .description {
	margin-top: 10px;
	height: 74px;
}
#chairoptions .optionoverview {
	height: 115px;
	width: 450px;
	padding: 0px;
}
#chairoptions .item .description p,
#chairoptions .optionoverview p {
	margin-top: 0px;
	margin-right: 8px;
	padding-top: 3px;
	line-height: 17px;
}
#chairoptions .tworow .item .image {
	height: 316px;
}
#chairoptions .tworow .item .image img {
	top: -17px;
}
#chairoptions .tworow .item .description  {
	height: 40px;
}
#chairoptions .tworow .item .preprelast {
	bottom: -138px;
}
#chairoptions  .tworow .item .prelast {
	bottom: -69px;
}
#chairoptions .onerow .item .image {
	height: 296px;
}
#chairoptions .onerow .item .image img {
	top: -27px;
}
#chairoptions .onerow .item .description  {
	height: 20px;
}
#chairoptions .onerow .item .prepreprelast {
	bottom: -147px;
}
#chairoptions .onerow .item .preprelast {
	bottom: -98px;
}
#chairoptions .onerow .item .prelast {
	bottom: -49px;
}
/* --------------------------------------------------------------- Z-INDEX RULES ---------------------------------------------------------- */
/* Main */
#header {
	z-index: 10;
}
#showcase {
	z-index: 8;
}
#content {
	z-index: 5;
}
/* Dropdowns */
.submenuactive {
	z-index: 10;
}
.submenu {
	z-index: 5;
}
/* Showcase */
#showcase .slide {
	z-index: 1;
}
#showcase .oldslide {
	z-index: 2;
}
#showcase .tempslide {
	z-index: 3;
}
#showcase .activeslide { /*Active slide must override old slide*/
	z-index: 4;
}
#showcase .showcaseload {
	z-index: 99999
}