@charset "utf-8";
/* CSS Document */
.customblock {
	display: block;
	position: relative;
	left: -60px;
	width: 1000px;
}
.customblock div {
	margin: 0px;
	padding: 0px;
	position: absolute;
}
.customblock img {
	margin: 0px;
	padding: 0px;
}
.dropdown {
	display: none;
}
.nowrap {
	white-space: nowrap;
}
button {
	background-color: #ddd;
	border-style: solid;
	border-color: #666;
	border-width: 1px;
	padding: 5px 10px;
	cursor: pointer;
}
button:hover {
	background-color: #ddd;
}
hr {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #000;
	padding: 0px;
	height: 0px;
}
h1 {
	margin: 60px 0 0 0;
	padding: 0;
	font-size: 28px;
	line-height: 30px;
	height: 30px;
	width: 880px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}
h1.twoline {
	height: 77px;
}
hr.h1, p.h1 {
	margin-top: 60px;
}
.armedforces h1 {
	margin-top: 0px;
}
h2, 
h3 {
	position: relative;
	z-index: 1000;
	margin: 35px 0 -12px 0;
	font-size: 21px;
	line-height: 25px;
	font-weight: normal;
	text-transform: uppercase;
}
hr.h2, p.h2 {
	margin-top: 35px;
}
h2.accent {
	padding-left: 8px;  /*Match .showhide p*/
}
.showhideh2 p {
	margin-left: 8px;  /*Match h2.accent*/
}
h2.accent {
	line-height: 26px;
	background-image: url('../img/tilite-h2accent.png?mod=71613');
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 19px;
	margin-bottom: -4px;
	padding-top: 5px;
	margin-top: 30px;
	-moz-transition: all 0.1s ease-out;
  	-webkit-transition: all 0.1s ease-out;
  	-o-transition: all 0.1s ease-out;
	ms-transition: all 0.1s ease-out;
 	transition: all 0.1s ease-out;
}
.fullcontainer h2.accent {
	background-image: url('../img/tilite-h2accentfull.png?mod=71613');
}
h2.accent:hover {
	background-color: #DDD;
}
h2.openh2 {
	background-color: #DDD;
}
.literature h2 {
	margin-bottom: 0px;
}
.literature ul {
	padding: 0px 30px;
}
h3 {
	font-size: 17px;
}
p, hr {
	margin: 13px 0 0 0;
}
p.accent {
	margin: 9px 0 -4px 0;
}
p.accent a, 
p.accent span {
	display: block;
	text-transform: uppercase;
	padding: 4px 5px;
	padding-left: 28px;
	margin-left: 10px;
	background-image: url('../img/tilite-paccent.png?mod=7613');
	background-position: left center;
	background-repeat: no-repeat;
	-moz-transition: background-color 0.1s ease-out;
  	-webkit-transition: all 0.1s ease-out;
  	-o-transition: background-color 0.1s ease-out;
	ms-transition: background-color 0.1s ease-out;
 	transition: background-color 0.1s ease-out;
}
p.accent a.mdisplay, 
p.accent span.mdisplay {
	display: none;
}
p.accent a:hover, 
p.accent span:hover {
	background-color: #DDD;
	text-decoration: none;
}
img.spread {
	display: block;
	position: relative;
	left: -60px;
}
ul, ol {
	margin: 5px 0 0 0;
	padding: 0 60px;
}
ul ul, ul ol, ol ol, ol ul {
	margin: 0px;
	margin-top: 2px;
	padding: 0 45px;
}
li {
	margin-bottom: 2px;
}
ul.clean {
	margin-top: 13px;
	padding: 0px;
}
ul.clean li {
	list-style-type: none;
}
table {
	margin: 25px 0 0 0;
	padding: 0px;
}
table td {
	padding: 1px 10px;
	margin: 0px;
	vertical-align:	middle;
}
table tr {
	padding: 0px;
	margin: 0px;
}
table.data, table.dataalt {
	width: 100%;
}
table.tabletop td {
	vertical-align: top;
}
table.lines tr:nth-child(even), table.linesalt tr:nth-child(odd), 
table.data tr:nth-child(even), table.dataalt tr:nth-child(odd) {
	background: #DDD;
}
.tablelines td, table.tablelinesalt td {
	padding-top: 4px;
	padding-bottom: 4px;
}
table.resources {
	padding-top: 5px;
	margin-right: -50px;
}
table.resources td {
	padding: 2px 60px 2px 0;
}
.resources a {
	float: left;
	padding-left: 30px;
	background-image: url('../img/tilite_doc_symbol.png?mod=5812');
	background-position: left center;
	background-repeat: no-repeat;
}
table.resources a.noimage {
	float: left;
	background-image: none;
	padding-left: 5px;
}
table.resources p.accent, 
table.resources p.accent a {
	margin: 0;
}
table.data h2, 
table.dataalt h2 {
	margin: 0;
}
table.data td, 
table.dataalt td {
	padding: 10px 20px;
	border-right: 3px solid #FFF;
}
table.data td.tdaccent, 
table.dataalt td.tdaccent, 
table.data td.tdaccentof, 
table.dataalt td.tdaccentof {
	background-image: url('../img/tilite-tdaccent.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 65px;
}
table.data td.tdaccentof, 
table.dataalt td.tdaccentof {
	padding-left: 55px;
	background-image: url('../img/tilite-tdaccentof.png');
}
table.data p,
table.dataalt p {
	margin: 13px 0;
}
table.register {
	margin-top: 10px;
}
table.register td {
	padding-top: 0px;
	padding-bottom: 6px;
}
.hidden {
	display: none;
}
.showhideh2 h2.accent {
	cursor: pointer;
}
.showhide span.accent {
	cursor: pointer;
	text-decoration: underline;
}
.videolibrary .floatlefthalf {
	width: 160px;
	clear: both;
	padding-left: 10px;
}
.videolibrary .floatrighthalf {
	width: 650px;
}
.videolibrary iframe, 
.videolibrary h2 {
	margin-top: 35px;
}
.videolibrary hr, 
.videosingle hr,
.testimonials hr, 
.chairlibrary hr, hr.mdivide {
	margin: 0px;
	clear: both;
	border-width: 0 0 2px 0;
	padding-top: 35px;
	position: relative;
	left: -60px;
	width: 1000px;
}
.testimonials hr {
	margin-bottom: 35px;
}
.videolibrary .wrap, 
.chairlibrary .wrap, 
.colorconfig .wrap {
	width: 880px;
	padding: 0 60px;
	position: relative;
	left: -60px;
	background-image: url('../img/bg_videos.jpg?mod=72313');
	background-position: center center;
	background-repeat: no-repeat;
}
.videosingle iframe {
	margin: 0 0 -60px 0;
}
.videosingle .wrap {
	width: 1000px;
	position: relative;
	left: -60px;
}
.testimonials .floatleft {
	width: 250px;
}
.testimonials .floatright {
	width: 600px;
}
.testimonials .floatleft img {
	margin: 13px auto 0 auto;
}
.testimonials .floatleft, 
.testimonials .floatright {
	margin-top: -13px;
}
.faq .showhideh2 h2.accent {
	font-size: 16px;
}
.armedforces .separation {
	border-top: 2px solid #000;
}
#content .trblack .fullcontainer {
	padding-bottom: 0px;
	background-color: #000;
}
.trblack h1 {
	border-top: 60px solid #000;
	margin: 0px;
}
.trblack p,
.trblack ul {
	color: #CCC;
}
.trblack ul {
	padding: 0 15px;
}
.trblack .spread {
	margin: 0px;
}
.trblack a,
.trblack a:link,
.trblack a:visited,
.trblack a:hover, 
.trblack a:active {
	color: #D7D7D7;
}
.colorconfig {
	padding-top: 50px;
}
.downloads p.caps {
	font-size: 16px;
	padding-top: 8px;
}
#widthcalc table td {
	padding-top: 3px;
	padding-bottom: 3px;
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------- EZ-TI STYLES ---------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
.of-sidebarwrapper {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: -600px;
	background-color: #FFF;
	width: 600px;
	padding-right: 50px;
	z-index: 10000;
}
.of-sidebarwrapper:hover {
	background-color: #DDD;
	cursor: pointer;
}
.of-sidebarwrapper .sidebararrow {
	position: absolute;
	width: 50px;
	height: 0px;
	right: 0px;
	top: 50%;
}
.of-sidebarwrapper .sidebararrow img {
	display: block;
	width: 100%;
	position: absolute;
	top: -200px;
	left: 0px;
}
.of-sidebar {
	position: absolute;
	width: 600px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #FFF;
	overflow-y: hidden;
	cursor: default;
	border-right: 1px solid #DDD;
}
.of-sidebaroverflow {
	position: absolute;
	width: 100%;
	overflow: hidden;
}
.of-sidebarcontent {
	position: relative;
	width: 550px;
	left: 25px;
}
.of-sidebarsection {
	margin: 25px 0 50px 0;
}
.of-sidebardrawing {
	width: 550px;
	height: 550px;
	position: relative;
}
.of-sidebardrawing .drawing {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.of-sidebardrawing .drawing img {
	display: block;
	width: 100%;
	height: auto;
}
.of-sidebardrawing .drawing div {
	position: absolute;
}
.of-sidebardrawing .drawing div span {
	float: left;
	position: relative;
	top: -11px;
	left: -50%;
	text-align: center;
	font-weight: bold;
	line-height: 17px;
	white-space: nowrap;
	background-color: #FFF;
}
.of-sidebardrawing .drawing div span a {
	display: block;
	white-space: nowrap;
	padding: 3px 5px;
}
.of-sidebardrawing .drawing div span a:link { text-decoration: none; }
.of-sidebardrawing .drawing div span a:visited {  }
.of-sidebardrawing .drawing div span a:hover {
	background-color: #DDD;
}
.of-sidebardrawing .drawing div span a:active {  }
.of-sidebardrawing .drawing div.title span {
	top: 0px;
	left: 0px;
	font-size: 18px;
	font-weight: normal;
	padding: 5px 10px;
	text-transform: uppercase;
	line-height: 30px;
	color: #FFF;
	background-color: #000;
}
.of-sidebardrawing .drawing div.warning span {
	top: -17px;
	text-transform: uppercase;
	color: #CD0000;
}
.of-sidebardrawing .drawing div.extras span {
	top: 0px;
	left: 0px;
	text-align: left;
	line-height: 20px;
}
.of-sidebardrawing .drawing div.title span:hover {
	background-color: #000;
}
.of-sidebardrawing .drawing div.warning span:hover {
	background-color: #FFF;
}
.of-sidebardrawing .drawing .title { top: 0%; left: 0%; }
.of-sidebardrawing .drawing .warning { top: 56.5%; left: 76%; }
.of-sidebardrawing .drawing .extras { top: 47px; left: 0%; }
/* TR */
.of-sidebardrawing .drawing .node-trrearwidth { top: 9.5%; left: 71%; }
.of-sidebardrawing .drawing .node-trseatdepth { top: 63.5%; left: 28%; }
.of-sidebardrawing .drawing .node-trcustomdepth { top: 53%; left: 42%; }
.of-sidebardrawing .drawing .node-trergo { top: 96.5%; left: 80.5%; }
.of-sidebardrawing .drawing .node-trfrontheight { top: 79%; left: 61.75%; }
.of-sidebardrawing .drawing .node-trrearheight { top: 78%; left: 9%; }
.of-sidebardrawing .drawing .node-trfrontangle { top: 80%; left: 38%; }
.of-sidebardrawing .drawing .node-trseatfootrest { top: 86.5%; left: 45.5%; }
.of-sidebardrawing .drawing .node-trfootwidth { top: 47.5%; left: 74%; }
.of-sidebardrawing .drawing .node-trbackheight { top: 45%; left: 14%; }
.of-sidebardrawing .drawing .node-trbackangle { top: 75%; left: 82.5%; }
.of-sidebardrawing .drawing .node-trcog { top: 87%; left: 19.5%; }
.of-sidebardrawing .drawing .node-trcamber { top: 23.5%; left: 95.5%; }
.of-sidebardrawing .drawing .node-trwheelspace { top: 2.5%; left: 71.5%; }
.of-sidebardrawing .drawing .node-trrearwheels { top: 26.5%; left: 24%; }
.of-sidebardrawing .drawing .node-trfrontwheels { top: 34%; left: 24%; }
/* Aero T */
.of-sidebardrawing .drawing .node-aerotrearwidth { top: 8%; left: 71.5%; }
.of-sidebardrawing .drawing .node-aerotseatdepth { top: 64%; left: 28%; }
.of-sidebardrawing .drawing .node-aerotcustomdepth { top: 52%; left: 44.5%; }
.of-sidebardrawing .drawing .node-aerotergo { top: 96.5%; left: 80.5%; }
.of-sidebardrawing .drawing .node-aerotfrontheight { top: 79%; left: 64.5%; }
.of-sidebardrawing .drawing .node-aerotrearheight { top: 78%; left: 9%; }
.of-sidebardrawing .drawing .node-aerotfrontangle { top: 79.5%; left: 41.5%; }
.of-sidebardrawing .drawing .node-aerotseatfootrest { top: 86.25%; left: 48%; }
.of-sidebardrawing .drawing .node-aerotfootwidth { top: 47.5%; left: 74%; }
.of-sidebardrawing .drawing .node-aerotbackheight { top: 45%; left: 14%; }
.of-sidebardrawing .drawing .node-aerotbackangle { top: 74%; left: 81%; }
.of-sidebardrawing .drawing .node-aerotcog { top: 87%; left: 19.5%; }
.of-sidebardrawing .drawing .node-aerotcamber { top: 23.5%; left: 95.5%; }
.of-sidebardrawing .drawing .node-aerotwheelspace { top: 2.5%; left: 71.5%; }
.of-sidebardrawing .drawing .node-aerotrearwheels { top: 26.5%; left: 24%; }
.of-sidebardrawing .drawing .node-aerotfrontwheels { top: 34%; left: 24%; }
/* ZR */
.of-sidebardrawing .drawing .node-zrrearwidth { top: 12%; left: 72%; }
.of-sidebardrawing .drawing .node-zrseatdepth { top: 66%; left: 29%; }
.of-sidebardrawing .drawing .node-zrcustomdepth { top: 55.5%; left: 43.5%; }
.of-sidebardrawing .drawing .node-zrergo { top: 96.5%; left: 80.5%; }
.of-sidebardrawing .drawing .node-zrfrontheight { top: 79%; left: 61.75%; }
.of-sidebardrawing .drawing .node-zrrearheight { top: 78.5%; left: 9%; }
.of-sidebardrawing .drawing .node-zrfrontangle { top: 80%; left: 40%; }
.of-sidebardrawing .drawing .node-zrseatfootrest { top: 86.5%; left: 47.5%; }
.of-sidebardrawing .drawing .node-zrfootwidth { top: 47.5%; left: 74%; }
.of-sidebardrawing .drawing .node-zrbackheight { top: 45%; left: 14%; }
.of-sidebardrawing .drawing .node-zrbackangle { top: 75%; left: 82.5%; }
.of-sidebardrawing .drawing .node-zrcog { top: 87%; left: 19.5%; }
.of-sidebardrawing .drawing .node-zrcamber { top: 25%; left: 95.5%; }
.of-sidebardrawing .drawing .node-zrwheelspace { top: 3.5%; left: 71.5%; }
.of-sidebardrawing .drawing .node-zrrearwheels { top: 26.5%; left: 24%; }
.of-sidebardrawing .drawing .node-zrfrontwheels { top: 34%; left: 24%; }
/* Aero Z */
.of-sidebardrawing .drawing .node-aerozrearwidth { top: 11.5%; left: 72.5%; }
.of-sidebardrawing .drawing .node-aerozseatdepth { top: 65.5%; left: 29%; }
.of-sidebardrawing .drawing .node-aerozcustomdepth { top: 55%; left: 44%; }
.of-sidebardrawing .drawing .node-aerozergo { top: 96.5%; left: 80.5%; }
.of-sidebardrawing .drawing .node-aerozfrontheight { top: 79%; left: 64.5%; }
.of-sidebardrawing .drawing .node-aerozrearheight { top: 78%; left: 9%; }
.of-sidebardrawing .drawing .node-aerozfrontangle { top: 79.5%; left: 41.5%; }
.of-sidebardrawing .drawing .node-aerozseatfootrest { top: 86.25%; left: 47.5%; }
.of-sidebardrawing .drawing .node-aerozfootwidth { top: 47.5%; left: 74%; }
.of-sidebardrawing .drawing .node-aerozbackheight { top: 45%; left: 14%; }
.of-sidebardrawing .drawing .node-aerozbackangle { top: 74%; left: 81%; }
.of-sidebardrawing .drawing .node-aerozcog { top: 87%; left: 19.5%; }
.of-sidebardrawing .drawing .node-aerozcamber { top: 25%; left: 96%; }
.of-sidebardrawing .drawing .node-aerozwheelspace { top: 2.75%; left: 71.5%; }
.of-sidebardrawing .drawing .node-aerozrearwheels { top: 26.5%; left: 24%; }
.of-sidebardrawing .drawing .node-aerozfrontwheels { top: 34%; left: 24%; }
/* TX */
.of-sidebardrawing .drawing .node-txrearwidth { top: 10%; left: 71%; }
.of-sidebardrawing .drawing .node-txseatdepth { top: 64%; left: 29%; }
.of-sidebardrawing .drawing .node-txcustomdepth { top: 53.5%; left: 44%; }
.of-sidebardrawing .drawing .node-txfrontheight { top: 79%; left: 63%; }
.of-sidebardrawing .drawing .node-txrearheight { top: 78%; left: 9%; }
.of-sidebardrawing .drawing .node-txfrontangle { top: 80%; left: 38%; }
.of-sidebardrawing .drawing .node-txseatfootrest { top: 87%; left: 47%; }
.of-sidebardrawing .drawing .node-txfootwidth { top: 47.5%; left: 74.5%; }
.of-sidebardrawing .drawing .node-txbackheight { top: 45%; left: 14%; }
.of-sidebardrawing .drawing .node-txbackangle { top: 76%; left: 84.5%; }
.of-sidebardrawing .drawing .node-txcog { top: 87%; left: 19.5%; }
.of-sidebardrawing .drawing .node-txcamber { top: 22%; left: 95.5%; }
.of-sidebardrawing .drawing .node-txwheelspace { top: 2.5%; left: 73%; }
.of-sidebardrawing .drawing .node-txrearwheels { top: 26.5%; left: 24%; }
.of-sidebardrawing .drawing .node-txfrontwheels { top: 34%; left: 24%; }
/* Aero X */
.of-sidebardrawing .drawing .node-aeroxrearwidth { top: 13%; left: 73.5%; }
.of-sidebardrawing .drawing .node-aeroxseatdepth { top: 66.5%; left: 32%; }
.of-sidebardrawing .drawing .node-aeroxcustomdepth { top: 57.5%; left: 48%; }
.of-sidebardrawing .drawing .node-aeroxfrontheight { top: 87%; left: 88.5%; }
.of-sidebardrawing .drawing .node-aeroxrearheight { top: 82%; left: 9%; }
.of-sidebardrawing .drawing .node-aeroxfrontangle { top: 79%; left: 47%; }
.of-sidebardrawing .drawing .node-aeroxfrontangle2 { top: 48%; left: 74%; }
.of-sidebardrawing .drawing .node-aeroxseatfootrest { top: 88.5%; left: 55.5%; }
.of-sidebardrawing .drawing .node-aeroxlegrestseatfootrest { top: 73%; left: 73.5%; }
.of-sidebardrawing .drawing .node-aeroxfootwidth { top: 47.5%; left: 74.5%; }
.of-sidebardrawing .drawing .node-aeroxbackheight { top: 45%; left: 14%; }
.of-sidebardrawing .drawing .node-aeroxcamber { top: 22.5%; left: 98.5%; }
.of-sidebardrawing .drawing .node-aeroxrearwheels { top: 26.5%; left: 24%; }
.of-sidebardrawing .drawing .node-aeroxfrontwheels { top: 34%; left: 24%; }
.of-sidebarout, 
.of-sidebarin {
	display: none;
	position: relative;
	left: -100px;
	border-left: 100px solid #DDD;
	background-color: #DDD;
	width: 150px;
	height: 75px;
	margin-top: 30px;
	cursor: pointer;
}
.of-sidebarin {
	margin-top: 25px;
}
.of-sidebarout:hover, 
.of-sidebarin:hover {
	background-color: #A6A6A6;
	border-left-color: #A6A6A6;
}
.of-sidebarout img, 
.of-sidebarin img {
	display: block;
	margin: 0;
	padding: 0;
}
.of-sidebarcontent p {
	clear: both;
}
.of-body {
}
.of-body .form, 
.of-body .smart {
	display: none;
}
.of-body .productlabel {
	font-style: normal;
	font-weight: bold;
	display: inline;
}
a.orderformbox {
	width: 150px;
	height: 150px;	
	display: block;
	margin: 2px;
	float: left;
	background-color: #DDD;
}
a.orderformbox:link {
	text-decoration: none;
}
a.orderformbox:hover {
	background-color: #BBB;
}
a.orderformbox span {
	display: block;
	border-top: 3px solid #FFF;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-weight: bold;
}
a.orderformbox img {
	width: 150px;
	height: 120px;
	display: block;
	margin: 0px;
}
#content .orderform {
	padding: 13px;
	padding-top: 0px;
	padding-bottom: 23px;
}
#content .orderform h2.accent {
	text-align: center;
	background-image: none;
	border-bottom: 1px solid #000;
	padding-left: 10px;
	float: none;
}
#content .orderform h2.accent:hover {
	background-color: #000;
}
.orderform table.specs td {
	padding: 5px 10px;
}
.of-header img {
	float: left;
	margin: 0;
	padding-right: 20px;
}
.of-header {
	background-color: #DDD;
	height: 42px;
	padding: 14px 25%;
	width: 100%;
	position: relative;
	left: -25%;
}
.of-header p {
	margin: 0px;
	line-height: 21px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.of-header .brand {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	position: relative;
	top: -7px;
}
.of-menu {
	padding: 0 250px;
	width: 100%;
	position: relative;
	left: -250px;
	background-color: #DDD;
}
.dark {
	background-color: transparent;
	padding: 0;
	border-left: 250px solid #A6A6A6;
	border-right: 250px solid #FFF;
}
.dark td {
	background-color: #A6A6A6;
}
.orderform .of-menu table td.item, 
.orderform .of-menu table td.itemlink, 
.orderform .of-menu table td.itemnolink {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 6px solid #FFF;
}
.orderform .of-menu table td.itemlink {
	padding: 0;
}
.orderform .of-menu table td.itemlink a:link {
	text-decoration: none;
	padding: 10px 5px 10px 35px;
	display: block;
}
.orderform .of-menu table td.itemlink a:link span.itemspan {
	display: block;
	padding-right: 35px;
}
.orderform .of-menu table td.itemlink a:link.screen {
	background-image: url('../img/orderforms_notch.png');
	background-position: left center;
	background-repeat: no-repeat;
} 
.orderform .of-menu table td.itemlink a:link.screen span.itemspan {
	background-image: url('../img/orderforms_notch_2.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.of-menu .item:hover {
	cursor: pointer;
}
.of-menu .itemactive {
	background-color: #FFF;
}
.itemcrumb {
}
.orderform tr.itemhighlight, 
.orderform tr:nth-child(even).itemhighlight, 
.orderform tr:nth-child(odd).itemhighlight {
	background-color: #FFFFAA;
}
.orderform .itemdrop {
	display: none;
}
.of-body .alert, 
.of-body .error {
	display: none;
	margin: 0px;
	color: #CD0000;
	font-weight: bold;
}
.of-body .of-label {
}
.of-body h2, 
.of-sidebar h2 {
	float: left;
	font-size: 18px;
	padding: 5px 10px;
	background-color: #000;
	color: #FFF;
	text-align: center;
}
.of-sidebar h2 {
	margin-top: 0;
	margin-bottom: 13px;
}
.of-body h2.tifit, 
.of-body h2.tifit {
	padding-left: 39px;
	background-image: url('../img/tilite-h2accenttifit.png');
	background-position: left center;
	background-repeat: no-repeat;
}
.of-body .floatleft {
	width: 60%;
}
.of-body .floatright {
	width: 39%;
}
.of-body .full {
	width: 100%;	
}
.of-body .floatright div img {
	width: 100%;
	position: relative;
	z-index: 1;
}
.of-body .floatright div span {
	z-index: 2;
	position: relative;
	top: -12px;
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 0 20px;
}
.of-body .floatright div span span {
	top: 0px;
	font-weight: normal;
}
.of-body .floatright div {
	width: 100%;
	display: none;
}
.of-body .floatright div.constant {
	display: block;
}
.of-body button {
	padding: 15px;
	margin-right: 0px;
	margin-left: 0px;
	border-width: 0px;
	font-weight: bold;
	font-size: 14px;
}
.of-body button.back, 
.of-body button.forwardnosave {
	padding: 10px;
}
.of-body button:hover, 
.of-body button:hover .error {
	color: #FFF;
	background-color: #000;
}
.of-body button.forward, 
.of-body button.forwardnosave {
	display: block;
	float: right;
	margin-bottom: 10px;
}
.of-body button.forwardnosave {
	margin-right: 6px;
}
.of-body button.back, 
.of-body button.backsave {
	display: block;
	float: left;
	margin-bottom: 10px;
}
.of-body button.back {
	margin-left: 6px;
}
.of-body .price, 
.of-body .name, 
.of-body .fakename {
	font-weight: bold;
}
.of-body .price, 
.of-body .hcpcs, 
.of-body .fakename {
	text-align: center;
}
.of-body .stock {
	text-align: center;
	padding-top: 4px;
	margin-bottom: -4px
}
.of-body .box, 
.of-body .boxchoice, 
.of-body .multipleboxchoice {
	width: 22px;
	height: 22px;
	border: 3px solid #000;
	margin: 0 auto;
}
.of-body .multipleboxchoice {
	width: auto;
	float: left;
	line-height: 22px;
	padding: 0 5px;	
	margin: 5px;
	font-weight: bold;
	white-space: nowrap;
}
.of-body .multipleboxchoice span {
	display: none;
}
.of-body .box:hover, 
.of-body .boxchoice:hover, 
.of-body .multipleboxchoice:hover {
	cursor: pointer;
	background-color: #999;
}
.of-body .select, 
.of-body .select:hover {
	background-color: #000;
	color: #FFF;
}
.of-body .boxtd {
	width: 50px;
}
.of-body tr.invalid,
.of-body tr.invalid1,
.of-body tr.invalid2,
.of-body tr.invalid3,
.of-body tr.invalid4, 
.of-body tr.invalid5, 
.of-body tr.invalid6, 
.of-body tr.invalid7, 
.of-body tr.invalid8, 
.of-body tr.invalid9, 
.of-body tr.invalid10, 
.of-body tr.invalid11,
.of-body tr.invalid12,
.of-body tr.invalid13,
.of-body tr.invalid14, 
.of-body tr.invalid15, 
.of-body tr.invalid16, 
.of-body tr.invalid17, 
.of-body tr.invalid18, 
.of-body tr.invalid19, 
.of-body tr.invalid20 {
	color: #999;
}
.of-body tr.invalid .box, 
.of-body tr.invalid .boxchoice, 
.of-body div.invalid, 

.of-body tr.invalid1 .box, 
.of-body tr.invalid1 .boxchoice, 
.of-body div.invalid1,

.of-body tr.invalid2 .box, 
.of-body tr.invalid2 .boxchoice, 
.of-body div.invalid2,

.of-body tr.invalid3 .box, 
.of-body tr.invalid3 .boxchoice, 
.of-body div.invalid3,

.of-body tr.invalid4 .box, 
.of-body tr.invalid4 .boxchoice, 
.of-body div.invalid4,

.of-body tr.invalid5 .box, 
.of-body tr.invalid5 .boxchoice, 
.of-body div.invalid5,

.of-body tr.invalid6 .box, 
.of-body tr.invalid6 .boxchoice, 
.of-body div.invalid6,

.of-body tr.invalid7 .box, 
.of-body tr.invalid7 .boxchoice, 
.of-body div.invalid7,

.of-body tr.invalid8 .box, 
.of-body tr.invalid8 .boxchoice, 
.of-body div.invalid8,

.of-body tr.invalid9 .box, 
.of-body tr.invalid9 .boxchoice, 
.of-body div.invalid9,

.of-body tr.invalid10 .box, 
.of-body tr.invalid10 .boxchoice, 
.of-body div.invalid10,

.of-body tr.invalid11 .box, 
.of-body tr.invalid11 .boxchoice, 
.of-body div.invalid11,

.of-body tr.invalid12 .box, 
.of-body tr.invalid12 .boxchoice, 
.of-body div.invalid12,

.of-body tr.invalid13 .box, 
.of-body tr.invalid13 .boxchoice, 
.of-body div.invalid13,

.of-body tr.invalid14 .box, 
.of-body tr.invalid14 .boxchoice, 
.of-body div.invalid14,

.of-body tr.invalid15 .box, 
.of-body tr.invalid15 .boxchoice, 
.of-body div.invalid15,

.of-body tr.invalid16 .box, 
.of-body tr.invalid16 .boxchoice, 
.of-body div.invalid16,

.of-body tr.invalid17 .box, 
.of-body tr.invalid17 .boxchoice, 
.of-body div.invalid17,

.of-body tr.invalid18 .box, 
.of-body tr.invalid18 .boxchoice, 
.of-body div.invalid18,

.of-body tr.invalid19 .box, 
.of-body tr.invalid19 .boxchoice, 
.of-body div.invalid19,

.of-body tr.invalid20 .box, 
.of-body tr.invalid20 .boxchoice, 
.of-body div.invalid20 {
	border-color: #999;
	color: #999;
}
.of-body tr.invalid .box:hover, 
.of-body tr.invalid .boxchoice:hover, 
.of-body div.invalid:hover,
 
.of-body tr.invalid1 .box:hover, 
.of-body tr.invalid1 .boxchoice:hover, 
.of-body div.invalid1:hover,
 
.of-body tr.invalid2 .box:hover, 
.of-body tr.invalid2 .boxchoice:hover, 
.of-body div.invalid2:hover,
 
.of-body tr.invalid3 .box:hover, 
.of-body tr.invalid3 .boxchoice:hover, 
.of-body div.invalid3:hover,
 
.of-body tr.invalid4 .box:hover, 
.of-body tr.invalid4 .boxchoice:hover, 
.of-body div.invalid4:hover,
 
.of-body tr.invalid5 .box:hover, 
.of-body tr.invalid5 .boxchoice:hover, 
.of-body div.invalid5:hover,
 
.of-body tr.invalid6 .box:hover, 
.of-body tr.invalid6 .boxchoice:hover, 
.of-body div.invalid6:hover,
 
.of-body tr.invalid7 .box:hover, 
.of-body tr.invalid7 .boxchoice:hover, 
.of-body div.invalid7:hover,
 
.of-body tr.invalid8 .box:hover, 
.of-body tr.invalid8 .boxchoice:hover, 
.of-body div.invalid8:hover,
 
.of-body tr.invalid9 .box:hover, 
.of-body tr.invalid9 .boxchoice:hover, 
.of-body div.invalid9:hover,
 
.of-body tr.invalid10 .box:hover, 
.of-body tr.invalid10 .boxchoice:hover, 
.of-body div.invalid10:hover,

.of-body tr.invalid11 .box:hover, 
.of-body tr.invalid11 .boxchoice:hover, 
.of-body div.invalid11:hover,
 
.of-body tr.invalid12 .box:hover, 
.of-body tr.invalid12 .boxchoice:hover, 
.of-body div.invalid12:hover,
 
.of-body tr.invalid13 .box:hover, 
.of-body tr.invalid13 .boxchoice:hover, 
.of-body div.invalid13:hover,
 
.of-body tr.invalid14 .box:hover, 
.of-body tr.invalid14 .boxchoice:hover, 
.of-body div.invalid14:hover,
 
.of-body tr.invalid15 .box:hover, 
.of-body tr.invalid15 .boxchoice:hover, 
.of-body div.invalid15:hover,
 
.of-body tr.invalid16 .box:hover, 
.of-body tr.invalid16 .boxchoice:hover, 
.of-body div.invalid16:hover,
 
.of-body tr.invalid17 .box:hover, 
.of-body tr.invalid17 .boxchoice:hover, 
.of-body div.invalid17:hover,
 
.of-body tr.invalid18 .box:hover, 
.of-body tr.invalid18 .boxchoice:hover, 
.of-body div.invalid18:hover,
 
.of-body tr.invalid19 .box:hover, 
.of-body tr.invalid19 .boxchoice:hover, 
.of-body div.invalid19:hover,
 
.of-body tr.invalid20 .box:hover, 
.of-body tr.invalid20 .boxchoice:hover, 
.of-body div.invalid20:hover {
	background-color: transparent;
}
.of-body p.invalid,
.of-body p.invalid1, 
.of-body p.invalid2, 
.of-body p.invalid3, 
.of-body p.invalid4, 
.of-body p.invalid5, 
.of-body p.invalid6, 
.of-body p.invalid7, 
.of-body p.invalid8, 
.of-body p.invalid9, 
.of-body p.invalid10, 
.of-body p.invalid11, 
.of-body p.invalid12, 
.of-body p.invalid13, 
.of-body p.invalid14, 
.of-body p.invalid15, 
.of-body p.invalid16, 
.of-body p.invalid17, 
.of-body p.invalid18, 
.of-body p.invalid19, 
.of-body p.invalid20 {
	cursor: pointer;
	display: block;
}
.of-body p.invalid span,
.of-body p.invalid1 span,
.of-body p.invalid2 span,
.of-body p.invalid3 span,
.of-body p.invalid4 span,
.of-body p.invalid5 span,
.of-body p.invalid6 span,
.of-body p.invalid7 span,
.of-body p.invalid8 span,
.of-body p.invalid9 span,
.of-body p.invalid10 span, 
.of-body p.invalid11 span,
.of-body p.invalid12 span,
.of-body p.invalid13 span,
.of-body p.invalid14 span,
.of-body p.invalid15 span,
.of-body p.invalid16 span,
.of-body p.invalid17 span,
.of-body p.invalid18 span,
.of-body p.invalid19 span,
.of-body p.invalid20 span {
	text-decoration: underline;
}
.of-body .whynot, 
.of-body .whynot1,
.of-body .whynot2, 
.of-body .whynot3, 
.of-body .whynot4, 
.of-body .whynot5, 
.of-body .whynot6, 
.of-body .whynot7, 
.of-body .whynot8, 
.of-body .whynot9, 
.of-body .whynot10, 
.of-body .whynot11,
.of-body .whynot12, 
.of-body .whynot13, 
.of-body .whynot14, 
.of-body .whynot15, 
.of-body .whynot16, 
.of-body .whynot17, 
.of-body .whynot18, 
.of-body .whynot19, 
.of-body .whynot20 {
	display: none;
	color: #CD0000;
	font-weight: bold;
	text-decoration: none;
	padding-top: 3px;
	clear: both;
}
.of-body .tutorial .whynot, 
.of-body .finish .whynot {
	display: block;
}
.of-body tr.invalid, 
.of-body p.invalid, 

.of-body tr.invalid1, 
.of-body p.invalid1,

.of-body tr.invalid2, 
.of-body p.invalid2,

.of-body tr.invalid3, 
.of-body p.invalid3,

.of-body tr.invalid4, 
.of-body p.invalid4,

.of-body tr.invalid5, 
.of-body p.invalid5,

.of-body tr.invalid6, 
.of-body p.invalid6,

.of-body tr.invalid7, 
.of-body p.invalid7,

.of-body tr.invalid8, 
.of-body p.invalid8,

.of-body tr.invalid9, 
.of-body p.invalid9,

.of-body tr.invalid10, 
.of-body p.invalid10, 

.of-body tr.invalid11, 
.of-body p.invalid11,

.of-body tr.invalid12, 
.of-body p.invalid12,

.of-body tr.invalid13, 
.of-body p.invalid13,

.of-body tr.invalid14, 
.of-body p.invalid14,

.of-body tr.invalid15, 
.of-body p.invalid15,

.of-body tr.invalid16, 
.of-body p.invalid16,

.of-body tr.invalid17, 
.of-body p.invalid17,

.of-body tr.invalid18, 
.of-body p.invalid18,

.of-body tr.invalid19, 
.of-body p.invalid19,

.of-body tr.invalid20, 
.of-body p.invalid20 {
	cursor: pointer;
}
.of-message {
	text-align: center;
	font-weight: bold;
	margin: 25px 0 -15px 0;
	padding: 0 40px;	
}
.of-message span {
	color: #CD0000;
}
.of-body .chart {
	float: left;
	padding: 15px 20px 10px 20px;
}
.of-body .chart div {
	width: 140px;
	float: left;
	white-space: nowrap;
	text-align: center;
	margin-top: 3px;
	padding: 3px 15px 0 0;
}
.of-body .chart div.chartright {
	width: auto;
}
.of-body .chart div.underline {
	border-top: none;
	margin: 0;
	padding-top: 0;
	padding-bottom: 3px;
}
.of-body .chart div.cleared {
	float: none;
	width: auto;
	border-top: 1px solid #000;
	margin: 0;
	padding: 0;
}
.of-body .chart div.charttitle {
	float: none;
	font-weight: bold;
	width: auto;
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	text-align: center;
	border-top: none;
}