/* CSS Document */ 
/* Edited LMD 040309 19:20 :AL Many additions Mar 2010 */

@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #nav{ display:none;}  
  #sharebar{ display:none;}  
  #main{ width:100%;}
  #fb-root{ display:none;}  
  #fb:like{ display:none;}  
  #cthrufooter{ display:none;}  
  #noprint{ display:none;}
  #noptint2{ display:none;}
  .breadcrumb{ display:none;}
}

/* global styles */

* {
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 12px; 
	line-height: 18px;

/*	font-family: "Lucida Grande", "Lucida Sans Unicode", Ariel, Verdana, sans-serif;
	font-size: 14px; 
	line-height: 20px;
*/
	text-align: center;
	color: #333;
	}
	
#main {
	width: 740px;
	background-color:#FFFFFF;
	margin: 0 auto;
	padding: 0px 0 6px 0;
	text-align: left;
	}
	
#wide {
	background-color:#FFFFFF;
	margin: 30px;
	padding: 0px 0 6px 0;
	text-align: left;
	}
	
.leftcol { float: left;	width: 360px; }
	
.rightcol { float: right; width: 360px; }

/* h1 { font-size: 22px; line-height: 24px; margin-bottom: 20px; } */

h1 { font-size: 24px; line-height: 26px; margin-bottom: 20px; }
	
h2 { font-size: 18px; margin-bottom: 5px; }
	
h3 { font-size: 14px; margin-bottom: 3px; }
	
h4 { font-size: 14px; margin-bottom: 3px; }
	
p, ul, ol, dl, img, table { margin-bottom: 15px; }

p em 	{ background-color:yellow; font-style:normal; }
	
ul, ol	{ margin-left: 2em; }

a:hover { text-decoration: none; }
	
table tr th, table tr td {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 5px;
	}
	
table th { background: #666; color: #fff; }
	
table td { background: #eee; }
	
table.midi tr td.top {
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 5px;
	}
	
table.midi tr td.middle {
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 0;
	}
	
table.midi tr td.bottom {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	padding-top: 0;
	}
	
hr { border: 1px solid #dde; margin-bottom: 15px; }
	
img.floatleft {
	float: left;
	margin-right: 10px;
	}
	
img.floatright {
	float: right;
	margin-left: 10px;
	}
	
div.floatleft {
	float: left;
	margin-right: 30px;
	}
	
div.floatright {
	float: right;
	margin-left: 30px;
	}
	
img.sub { vertical-align: text-top; }
	
img.txtb { vertical-align: middle; }
	
img.center {
	display: block;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:0px;
	}

.breadcrumb {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 11px;
	}
	
.breadcrumb h3 {
	display: inline;
	margin-right: 10px;
	color: #666;
	font-size: 11px;
	}

.breadcrumb ul { list-style-type: none; display: inline; margin-left: 0; }
	
.breadcrumb ul li { display: inline; margin-right: 5px; }

.breadcrumb ul li a {
	background-image: url(/images/style/li_bull.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	}
		
.left { text-align: left; }
	
.right { text-align: right; }
	
.centre { text-align: center; }
	
.center { text-align: center; }

.panel {
	background-color: #eee;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
	}
	
.bold 	{ font-weight: bold; }
	
.boldred { font-weight: bold; color: red; }
	
.iti	{ font-style:italic; }

.note	{ font-size: 90%; }
	
.banner { text-align: center; }
	
.ccalc	{ text-align: center; margin-bottom: 10px; }
	
.clearfloat { clear: both; height: 1px; }
	
.paper {
	background-image: url(/images/paper.gif);
	padding: 30px;
	width: 480px;
	margin: 0 auto;
	text-align: left;
	}

.widepaper {
	background-image: url(/images/paper.gif);
	padding: 16px;
	width: 640px;
	margin: 0 auto;
	margin-bottom:20px;
	text-align: left;
	}

.coupon {
	width: 340px;
	background:LemonChiffon;
	margin-left: auto; 
	margin-right: auto; 
	padding: 20px;
	border: 4px dashed #f00; 
	list-style-image:none; 
	list-style-type:square; 
	}

#sharebar { float:left; font-size:12px; margin:0px; padding:0px; }

.share ul li { list-style-type:none; display:inline; margin-left:0; margin-right:5px; }

.share a:link { color:Grey; text-decoration:none; }

#fblike { margin-bottom: 8px; }

/* home */

.home h1, .home h2, .home h3, .home a {
	color: #f7671e;
	}
	
#main.home ul {
	list-style-image: url(/images/style/li_bull_home.gif);
	}
	
#homecontent {
	position: relative;
	width: 780px;
	height: 408px;
	margin-bottom: 20px;
	}
	
#quicklinks {
	position: absolute;
	top: 280px;
	left: 0;
	}
	
/* products */

.products h1, .products h2, .products h3, .products a {
	color: #f7931e;
	}
	
#main.products ul {
	list-style-image: url(/images/style/li_bull_products.gif);
	}
	
	
/* tech */

.tech h1, .tech h2, .tech h3, .tech a {
	color: #e6b130;
	}
	
#main.tech ul {
	list-style-image: url(/images/style/li_bull_tech.gif);
	}
	
	
/* talk */

.talk h1, .talk h2, .talk h3, .talk a {
	color: #9eabd8; /* was b2c900 */
	}
	
#main.talk ul {
	list-style-image: url(/images/style/li_bull_talk.gif);
	}
	
p.quote {
	font-size: 28px;
	line-height: 36px;
	color: #aaa;
	}
	
p.name {
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 3px;
	}
	
p.job, p.link {
	text-align: right;
	}
	

/* layout */

.layout h1, .layout h2, .layout h3, .layout a {
	color: #009db4;
	}
	
#main.layout ul {
	list-style-image: url(/images/style/li_bull_layout.gif);
	}

/* contact */

.contact h1, .contact h2, .contact h3, .contact a {
	color: #9eabd8;
	}
	
#main.contact ul {
	list-style-image: url(/images/style/li_bull_contact.gif);
	}

/* info */

.info h1, .info h2, .info h3, .info a {
	color: #94308e;
	}
	
#main.info ul {
	list-style-image: url(/images/style/li_bull_info.gif);
	}
	
/* default */

.default h1, .default h2, .default h3, .default a {
	color: #777;
	}
	
#main.default ul {
	list-style-image: url(/images/style/li_bull.gif);
	}

/* Introduction Pages */

.greyback {
	background-color: #eee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#intro {
	width: 740px;
	background-color:#FFFFFF;
	margin: 0 auto;
	padding: 0px 30px;
	text-align: left;
	}

#introclear {
	width: 740px;
	margin: 0 auto;
	padding: 0px 30px;
	text-align: left;
	}

/* Intro Pages Colors */

.redcc p li { font-size: 14px; }

.redcc h1 {
	font-size: 28px;
	color:#AA0000;
	line-height: 32px;
	margin-bottom: 18px;
	}

.redcc h2 {
	font-size: 22px;
	line-height: 24px;
	color:#0000AA;
	margin-bottom: 18px;
	}
	
.redcc h3 {
	font-size: 18px;
	color:#00AA00;
	margin-bottom: 14px;
	}

.teal p li { font-size: 14px; }

.teal h1 {
	font-size: 28px;
	color:#008080;
	line-height: 32px;
	margin-bottom: 22px;
	}

.teal h2 {
	font-size: 22px;
	line-height: 24px;
	color:#008080;
	margin-bottom: 18px;
	}
	
.teal h3 {
	font-size: 18px;
	color:#008080;
	margin-bottom: 14px;
	}

.teal3 p li { font-size: 14px; }

.teal3 h1 {
	font-size: 28px;
	color:#008080;
	line-height: 32px;
	margin-bottom: 22px;
	}

.teal3 h2 {
	font-size: 22px;
	line-height: 24px;
	color:#80007F;
	margin-bottom: 18px;
	}
	
.teal3 h3 {
	font-size: 18px;
	color:#7F8000;
	margin-bottom: 14px;
	}

/* Divs, Buttons */

.testimonial {
	border: 2px solid #999999;
	border-right: 4px solid #000000;
	border-bottom: 4px solid #000000;
	padding:10px;
	/*background-color: #faf9c1;  FEFFB3*/
	background-color: #FFE6FE;
	margin: 10px auto 30px auto;
	}

.yellowbox {
	border: 2px solid #999999;
	border-right: 4px solid #000000;
	border-bottom: 4px solid #000000;
	padding:10px;
	background-color: #faf9c1;
	margin: 10px auto 30px auto;
	}

.whitebox {
	border: 2px solid #999999;
	border-right: 4px solid #000000;
	border-bottom: 4px solid #000000;
	padding:10px;

	margin: 10px auto 30px auto;
	}

.ticklist {
	width: 480px;
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px;
	}

.ticklist ul { list-style-image: url(/images/big-red-tick.jpg); }

.ticklist li { font-size:14px; margin:2px; }

.gap_list li { margin:1.5em; list-style-type:circle; }

.big_center_submit { 
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	margin-bottom:20px;
	font-size:20px; 
	}

.center_submit { 
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	margin-bottom:6px;
	font-size:14px; 
	}

.right_button_16 { 
	margin-left:auto;
	margin-top:12px;
	margin-bottom:6px;
	font-size:16px; 
	}

/* Centered various widths by percent */

.center50 {
	display: block;
	width:50%;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:2px;
	}

.center60 {
	display: block;
	width:60%;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:2px;
	}
	
.center66 {
	display: block;
	width:66%;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:2px;
	}
	
.center75 {
	display: block;
	width:75%;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:2px;
	}
	
.center85 {
	display: block;
	width:85%;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:2px;
	}
	
.center90 {
	display: block;
	width:90%;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:2px;
	}

/* 	End	*/