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

body { background:url(../images/body-bk.jpg) top left repeat-x #d7e5ea; }

#container { background: url(../images/container-bk.jpg) top left repeat-y; width: 1024px; margin: 0 auto; min-height: 900px;}

ol#pagecontent { list-style: none; clear: both; overflow: auto; margin-left: 3.5em;}
	ol#pagecontent li { display: inline; float: left;}
	ol#pagecontent li#leftColumn { min-height: 1100px; width: 315px; overflow: auto;}
	ol#pagecontent li#rightColumn { width: 535px; margin: 0 0 2em 2em; min-height: 1000px;}

#logo { position: relative; top: 1em; left: .5em; }

ol#navigation { font: 1em Georgia, "Times New Roman", Times, serif; border-top: .5em solid #92c7db; border-bottom: .5em solid #92c7db; width: 255px; position: relative; left: 1em; top: 1em;}
	ol#navigation li { display: list-item; float: none; }
	ol#navigation li a { text-decoration: none; color:#67d3fb; border-bottom: 1px solid #c5e1eb; display: block; padding: .4em;}
	ol#navigation li a:hover { color:#eb5224; }
	ol#navigation li a#skipto { position: absolute; left: -999em; }
	
ol#topnav, ol#bottomnav { /*background:url(../images/topNavBk.jpg) top center no-repeat;*/ position: relative; left: 350px; width: 250px; height: 70px; text-align: center; margin-bottom: 3.5em;}
		ol#bottomnav { left: 800px; }
	ol#topnav li, ol#bottomnav li { display: inline-block; padding: .25em; margin: 2em 0 0 0; font: 1em Georgia, "Times New Roman", Times, serif; }
	ol#topnav li a, ol#bottomnav li a  { text-decoration: none; color: #6054a3;}
	ol#topnav li a:hover, ol#bottomnav li a:hover, li#pipes { color: #eb5224; }
	
h1 { font: 1.25em Georgia, "Times New Roman", Times, serif; color: #eb5224; margin: .75em auto;}
h2, h3, h4, h5, h6 { font: 1em Georgia, "Times New Roman", Times, serif; color: #eb5224;  margin: .75em auto;}

p, td { font: .875em Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.5; margin-top: .75em;}
	strong, td { font-weight: bold; line-height: 1.5;}
	em { font-style: italic; line-height: 1.5; }
	a { color: #eb5334; text-decoration: underline; line-height: 1.5; }

blockquote { margin: .75em 0 .25em .75em; background: #E6E8FA; padding: .5em;  }
	blockquote p { margin: 0 0 .75em 0; padding: 0; color:#545; font-size: 14px;}
	
blockquote#homepage-callout { background: none; }	
	
	
ol#pagecontent li#rightColumn ul { list-style: circle; font: .875em Georgia, "Times New Roman", Times, serif; color: #666; line-height: 1.5; margin: .75em 2em; }
	ol#pagecontent li#rightColumn ul li { display: list-item; float: none; width: auto; padding: .4em;}
	
ol#middlecallouts { margin: .75em 0; overflow: auto; clear: both; width: 560px;}
	ol#middlecallouts li { width: 269px; height: 214px; margin-left: .1em; }
	ol#middlecallouts li#leftcallout { background:url(../images/li-callout-left-bk.jpg) top left no-repeat; } 
	ol#middlecallouts li#rightcallout { background:url(../images/li-callout-right-bk.jpg) top left no-repeat; } 
		ol#middlecallouts p { margin: .5em 1em; }
		ol#middlecallouts p strong { color: #eb5224; }
		
.content-callout { margin: 1em; padding: 1em; background-color: #c5c1fc; width: 500px; 
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
/*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
border-bottom: 1px solid rgba(0,0,0,0.25);
	-moz-border-radius: 20px;
	border-radius: 20px; }


#homepage-flash { margin-top: 1em; }

ol#pagecontent li#rightColumn ul#testimonials { list-style: none; }
ol#pagecontent li#rightColumn ul#testimonials li  { margin: 1em 1em; border-bottom: 1px dashed #ccc; padding: 1em;}
	ol#pagecontent li#rightColumn ul#testinmonials li p { margin: .75em; }
	
ol#columns { list-style: none; margin: .75em auto;}
	ol#columns li { display: inline; float: left; margin: 1em; width: 43%; }
	ol#columns li.border {  border-right: 1px solid #ccc; }
	ol#columns li ul li { display: list-item; float: none; width: auto;}
	ol#columns li ul li p { margin: .75em; }
	
ol#pagecontent li ol.order_columns { list-style: none; margin: .75em auto; width: 580px;}
	ol#pagecontent li ol.order_columns li { display: list-item; float: none; margin: 1em;  border-top: 1px solid #ccc; clear: both; }
	/*ol#order_columns li.border {  border-right: 1px solid #ccc; }*/
	ol#pagecontent li ol.order_columns li ul li { display: list-item; float: none; width: auto; border: none;}
	ol#pagecontent li ol.order_columns li ul li p { margin: .75em; }
	
ol.videos { }
	ol.videos li { list-style: none; margin: 1em 0; }
	
.left { float: left; margin: 0 .75em .75em 0; }
.right { float: right; margin: 0 0 .75em .75em; }
.centerimg { display: block; margin: .75em auto; } 

.order-column { width: 183px; }

div.caption { float: left; margin: 1em .5em; }
	div.caption p { text-align: center; font-style: italic; }

select { margin: .75em auto; }

#tt_product_grouping { position: relative; left: 2em; top: 9.75em; }

#table8 td { padding:.4em; border: 1px solid #ccc; }

.clear { clear: both; margin: .5em 0; }

div#demosale { background:url(../images/demo-trutester.jpg) top center no-repeat; width: 600px; padding-top: 180px; margin-top: 1em;}
	ol#pagecontent li div#demosale ol.order_columns li { width: 250px; float: left; clear: none;}

p.hidden { display: none; }

div#salesbox { width: 600px; height: 180px; background: URL(../images/salesbox-bk.jpg) top center no-repeat;}
	div#salesbox h2 { font: 1.5em Verdana, Geneva, sans-serif; color: #fff; padding-top: .875em; *padding-top: 0; padding-bottom: .25em; text-align: center; border-bottom: 1px solid #fff; width: 500px; margin-bottom: 0;}
	div#salesbox ul#list { padding-left: 35px; width: 500px; overflow:auto;}
		div#salesbox ul#list li { list-style: url(../images/salesbox_bullet.png); float: left !important; width: 220px !important; font: .75em/1.5 Verdana, Geneva, sans-serif; color: #fff; margin-right: 2em; }
	div#salesbox p { text-align: right; color: #fff; font: bold 1em Verdana, Geneva, sans-serif; position: relative; top: -15px; right: 50px; }		
	
/*****************************************************
Special Canadian Postal Strike Callout
*****************************************************/
#canada { padding: .5em; border: 1px solid #ccc; margin: 15px 0;}
		#canada p strong { color: #000 !important; }