@charset "UTF-8";


/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-weight: normal;
	background: none;
	font-size: 16px;
  	font: inherit;

}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}
.cf:after {
    clear: both;
}
.clear-fix { clear: both; margin: 0; }
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
header, nav, section, article, aside, footer, hgroup /*Creation of these elements for ie*/ { 
   display: block;
}
*[hidden="hidden"] {
	display: none;
}

/* STYLES */
body {
  	font: 100% Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em; 
	text-align: center;
	background-color: #F2F2F2;
}
h1, h2, h3 {
	margin-bottom: 16px;
	margin-top: 20px;
}
h1 {
	font-size: 1.7em; /*20px / 14px */
	margin-bottom: 1.5em;
}
h2 {
	font-size: 1.5em; /*15.75px / 16px */
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1.25em;
}
h3 {
	font-size: 1.2em; /* 14px */
	font-weight: bold;
}
span.cart+h1 {
	margin-top: 30px;
}
h1+h2, h2+h3 {
	margin-top: 1em;
}
p, .outer-shell, .column50-left, .column50-right, .column30-left, .column30-mid, .column30-right, .main ol, .main ul {
	margin: .5em 0 1em 0;
	line-height: 1.3em;
}
br {
	margin-bottom: .25em;	
}
li{
	margin-left: 35px;
	margin-bottom: .5em;
	line-height: 1.3em;
}
.center li {
	list-style-position: inside;
}
ul.square li {
	list-style-type: square;
}
ul.checkbox li {
	list-style-image: url('/images/icons/checkbox.png');
}
a img {
	border: 0;
	text-decoration: none;
}
a:link, a:visited, a:hover, a:active {
	color: #ee3b5b;
	text-decoration: underline;
}
p.expandingLink, a.expandingLink, h1.expandingLink, h2.expandingLink, h3.expandingLink, div.expandingLink {
	text-decoration: underline;
	color: #333333;
	margin-bottom: 1.5em;
}
.container {
	background-color: white;
	margin: 0 auto;
	width: 780px;
	margin-top: 40px;
	text-align: left;
}
.main {
	padding: 25px;
	margin-top: 20px;
}

.column50-left, .column50-right { width: 48%; float: left; }
.column50-left { padding-right: 2%; }
.column50-right { padding-left: 2%; }

.column30-left, .column30-mid, .column30-right { width: 32%; float: left; }
.column30-left, .column30-mid, .column60-left { padding-right: 2% }

.column70-left { width: 65%; float: left; padding-right: 3%;}
.product-block, .techsup-block { width: 100%; clear: both; border-top: 1px solid #CBCBCB; padding-top: 2em; padding-bottom: 1.25em }
.product-block:last-child { margin-bottom: 0;}
.product-descrip { width: 66%; float: left; }
.product-block h1, .product-block h2, .techsup-block h2, .product-block h3 { margin-top: 0; }
.productVig { margin-left: 115px}

aside, .aside { 
	float: right; 
	width: 29%; 
	height: 100%;
	border-left: 1px solid #BBB;
	padding-left: 15px;
}
aside h2 a.button {	text-decoration: none; color: black; }
aside ul li { margin-left: 20px;}

div.c { width: 100%; clear: both; } /* generic container */
.cart {
	font-size: .8462em; /* 12px / 13px */	
	margin: 20px 0;
}
.footnote {
	font-size: .8462em; /* 12px / 13px */
	border-top: 1px solid black;
	padding-top: 15px;
}
.sub-section {
	margin-left: 20px;
	margin-bottom: 1.5em;
}
.outer-shell {
	background-color: #E5E5E5;
	padding: 3px;
	border: 1px solid #999;
	margin: 1.5em 0;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.inner-shell {
	border: 1px solid #e5e5e5;
	background-color: white;
	padding: 0 20px 7px 20px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.shell {
	padding: 1em 20px 0 20px;
	border: 1px solid #999;
	margin: 1.5em 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.shell h1, .shell h2, .shell h3 { margin-top: 0;}
.floatleft { 
 	float: left;
}
.floatright {
 	float: right;
}
.inline {
	display: inline;
}
.block {
	display: block;
}
.img {
	padding: 1em;
}
img.ptb {padding: .5em 0em .5em 0;} /* padding on top & bottom*/
img.floatleft { padding-right: 1em;}
img.floatright { padding-left: 1em;}

.background-lghtblue {
	background-color: #C2D7EC;
	padding: 1em;				 
}
.background-drkblue {
	background-color: #003F7E;
	padding: 1em;				 
}
.back-training-color {
	background-color: #DFE9DF;	
}
.border-drkblue {
	border-style: solid;
	border-color: #003F7E;	
	border-width: .125em;
}


/*FONT STYLING */
.italic { font-style:italic; }
.bold { font-weight: bold; }
.underlined { text-decoration: underline; }
.center { text-align: center; }
.smalltext { font-size: .88em; }

.training-color { color: #537D53; }
.products-color { color: #CC9900;}
.resource-color { color: #993300; }
.about-color { color: #0066cc; }
.home-color { color: #003366; }
.default-color { color: #333333; }

.comiccomma /*Makes a big quote mark for testimonials*/ {
	font-size: 3em;
	position: relative;
	font-weight: bold;
  	top: 6px;
}
.whitetext {
	color: white;
}
.redtext, a.redtext {
	color: #A40C00; /* for "warning" text -- a darker form of resource-color, a bricky red*/
}
a.underlined /*For anchors w/o href set for expand/collapse function -- to prevent reload of page & still appear as link*/{ 
	cursor: pointer;
}

/* HEADER */
.branding {
	float: left;
	width: 55%;
	margin-right: 5%;
}
.branding img {
	margin-top: .5em;
	margin-left: .5em;
}
.affiliates {
	width: 30%;
	float: right;
	padding: .75em 1em;
	margin-bottom: 1.5em;
}
.affiliates a {
	color: #737373;
	font-size: .76em;
	text-decoration: none;
	margin-bottom: 5px;
}

/* HOMEPAGE -special */
h1.home, h1.home a {margin-bottom: 1em; text-decoration: none; }
h2.home a { text-decoration: none; color: black;}
h2.home {line-height: 33px; margin-bottom: 0; margin-top: 0;}

div.bannerContainer {
    height: 168px;  width: 100%;
}
div.rotatingBanner {
    height: 168px;
    width: 780px;
    color: black;
}
div.rotatingBanner, div.rotatingBanner h1, div.rotatingBanner p, div.rotatingBanner img, div.rotatingBanner a {
    position: absolute;
    margin: 0;
    padding: 0;
}
div.rotatingBanner h1, div.rotatingBanner p {
    z-index: 1;
    padding: 1em;
}
div.rotatingBanner a {
	z-index: 2;
	width: 100%;
}
div.rotatingBanner img {
    height: 168px;
    width: 780px;
}


/* TRAINING SECTION */
li.traininglist{
	margin-bottom:1em;
	margin-top:1em;
}
img.v-align {
	vertical-align: middle;	
}

.olt-header {
	margin-left: -25px;
	margin-top: -10px;
}
.olt-index-descrip { background-color: #DFE9DF; padding: 1.5em; margin-bottom: 1em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.bundle-header {
	padding: 10px 25px;
	background:#999;
	width: 730px;
	margin-left: -25px;
}
.bundle-header img {
	float: right;
	padding-left: 10px;
}
.bundle-header h2 {
	color:#fff;	
}
hr.OLTbundle {
	width: 780px;
	margin-left: -25px;
	background-color: #666;
	height: 6px; 
}

.buttons-top-details {
	text-align: center;	
}
.sched-display {
	border-top: 1px solid #999;
	padding: 10px 0; 
}
table.schedule, table.schedule-RO {
	width: 100%;
	margin-bottom: 1em;
}
table.schedule th, table.schedule-RO th {
	padding: 4px;	
	font-weight: bold;
	border: hidden;
	border: 1px solid #E5E5E5;
}
table.schedule td, table.schedule-RO td {
	padding: 4px;	
	border: 1px solid #E5E5E5;
}
table.schedule tr:nth-of-type(odd) {
	background-color: #E9E9E9;
}
table.schedule-RO th {
	background-color: #E9E9E9;
}

.tbi-snapshot {margin-left: 207px;}

/* CONSULTATION TRACKING  */
table.report td, table.report th {
	border: 1px solid black;
	padding: 7px;
}
table.report th {
	background: #CCC;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

/* FOOTER*/
footer {
	margin: 1.5em auto 3em;
	width: 780px;
	text-align: left;
	font-size: .85em; /* 13.6px / 16px */
}

/*FOR (R) MARK*/ 
sup, sub {
  height: 0;
	line-height; 1;
	vertical-align: baseline;
	_vertical-allign: bottom;
	position: relative;
}
sup {
  bottom: .5ex;
}
sub {.5ex;
}
a sup, .expandingLink sup, sup.noUnderline, .expandingLink:hover {
  text-decoration: none;
  cursor: pointer;
}

/*FORMS*/
textarea {
	margin-bottom: 1em;
}
input[type=button] {
	margin: 1em 0;
}
input[type=submit] {
	display: block;
	margin: 1em 0;
}
input[type=submit].inline, input[type=reset] {
	display: inline;	
}
fieldset {	
	padding: 20px;
	border: 1px solid #999;
	-webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px;
	margin: 1em 0px;
}
legend {
	font: 1.3em bold Arial, Helvetica, sans-serif;	
}
.column30-mid select {
	width: 80%;	
}

/* Generic class form applied so forms in consultation tracking section are not impacted */
.form {
	margin: 1.5em 0;
}
.form label {
	margin: .75em 0 .5em;
	display: block;
	color: #003366;
}
.form label input {
	margin-left: 2px;
}
.form input[type=text], .form input[type=date], .form textarea, .form input[type=password], .form input[type=tel], .form input[type=email], .form select {
	border: 1px solid #003366;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	-moz-box-shadow: 1px 1px 1px #CCC;
	box-shadow: 1px 1px .5px #CCC;
	background: rgb(232,238,244);
	background: rgba(232,238,244,.6);
	width: 175px;
	max-width: 100%;
	padding: 2px;
	color: #003366;
	margin-bottom: 1em;
}
.form textarea {
	width: 350px;
	max-width: 100%;
	font: inherit;
	display: block;
}
.form input[type=submit] {
	width: auto;
	color: #003366;
	font-weight: bold;
}
.form label+p, .form input+p {
	padding-top: .4em;	
}

/*search box in header -- broken */
.searchField {
	font-family: inherit;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
	width: 200px;
	border: 1px solid #003366;
	height: 18px;
	margin-top: 5px;
}