/* colour overview ---

Blue
#8dcdf3

Yellow/Orange
#da5a08

*/         
			body {
            margin: 0px;
            padding: 0px;
			min-width: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 62.5%;
			color: #444;
			background: #333333 url(../images/bg_page.gif) center top repeat-y;
            }
			
			h1, h2,h3,h4 {
			margin: 0 0 1em;
			font-weight: normal;
			padding: 0px 2px 2px 7px;
			}
			
			h1 {
			font-size: 20px;
			color: #da5a08;
			padding: 8px 2px 2px 7px;
			}
			
			h2 {
			font-size: 19px;
			color: #444;
			padding: 8px 2px 2px 7px;
			}
			
			h3 {
			font-size: 16px;
			color: #da5a08;
			padding: 8px 2px 2px 7px;
			}
			
			h4 {
			font-size: 15px;
			color: #000;
			}
			
			p {
			font-size: 13px;
			color: #555;
			padding: 2px 0 2px 7px;
			}
			
			a {
			color: #000;
			}
			
			li {
			font-size: 12px;
			color: #555;
			padding: 0px 0 2px 0px;
			}
			
			td {
			font-size: 12px;
			color: #555;
			}
			
			textarea {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			}
			
/* -----------------------------------------------
	Page Content Wrapper */
		
			#pagewrapper {
			margin: 0 auto;
			text-align: left;
			width: 922px;
			background: #ffffff;
			color: #444;
			}
			
/* -----------------------------------------------
	Header Area */			
			
            #headerleft {
            background: #fff;
            width: 50%;
			float: left;
			/* height: 60px; */
			padding: 10px 0 0 0;
			display: inline; 
            }
			#headerright {
			float: left;
            background: #fff;
            width: 50%;
			text-align: right;
			/* height: 60px; */
			padding: 10px 0 0 0;
			display: inline; 
            }
			
/* -----------------------------------------------
	Top Menu */
				
			#topmenu {
			clear: both;
			width: 922px;
			}
			#topmenu ul {
			padding: 0;
			margin: 0;
			}
			#topmenu li {
			display: inline;
			list-style: none;
			padding: 0;
			margin: 0;
			}

/*	------------------------------------------------------------
	main nav */

#main_nav {
	position: relative;
	margin-bottom: 4px;
	top: 2px;
	width: 922px;
	height: 35px;
	background: #8dcdf3 url(../images/bg_navright.gif) right top no-repeat;
}
#main_nav ul,#main_nav li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
#main_nav a {
	display: block;
	overflow: hidden;
	background: url(../images/bg_nav.gif) 0 -70px no-repeat;
	text-decoration: none;
	height: 24px;
	padding: 11px 15px 0 17px;
	float: left;
	
	font-size: 12px;
	color: #444444;
}
#main_nav a:hover {
	background-position: 0 -35px;
	color: #333333;
}
#nav_home a { 
	background-image: url(../images/bg_nav_home.gif);
	padding-left: 19px;
	background-position: 0 0px;
	color: #ffffff;
}
#nav_home a:hover { 
	background-image: url(../images/bg_nav_home.gif);
	padding-left: 19px;
	background-position: 0 0px;
	color: #ffffff;
}


body.home #nav_home a,
body.about #nav_about a,
body.products #nav_products a,
body.support #nav_support a,
body.news #nav_news a,
body.store #nav_store a {
	background-position: 0 0 !IMPORTANT;
	color: #ffffff;
}

/* -----------------------------------------------
	Top Banner Area */						
			#topbanner {
			background: #fff;
			clear: both;
			width: 922px;
			padding: 6px 0 0 0;
			}
			
/* -----------------------------------------------
	Columns */			
			
			#topcontentrow {
			height: 100%;
			}
			
            #leftcolumn {
			clear: both;
			float: left;
			display: inline; 
            background: #fff;
            width: 236px;
			border-top: 5px solid #000;
			padding: 10px 5px 20px 5px;
			margin: 0 14px 0 0;
            }
            #midcolumn {
            background: #fff;
            float: left;
			display: inline; 
            width: 447px;
			border-top: 5px solid #000;
			padding: 10px 5px 20px 5px;
			margin: 0 14px 0 0;
            }
			#rightcolumn {
            background: #fff;
            float: left;
			display: inline; 
            width: 180px;
			border-top: 5px solid #000;
			padding: 10px 5px 20px 5px;
			margin: 0 0 0 0;
			font-size: 11px;
			line-height: 1.4em;
            }
			#maincolumn {
            background: #fff;
            float: left;
			display: inline; 
            width: 652px;
			border-top: 5px solid #000;
			padding: 10px 5px 20px 5px;
			margin: 0 0 0 0;
            }
						
			#bleftcolumn {
			clear: left;
            background: #fff;
			float: left;
			display: inline; 
            width: 236px;
			padding: 12px 14px 0px 0px;
			margin: 0 0 0 0;
            }
            #bmidcolumn {
            background: #fff;
            float: left;
			display: inline; 
            width: 447px;
			padding: 0px 5px 0px 10px;
			margin: 0 14px 0 0;
            }
			#brightcolumn {
            background: #fff;
            float: left;
			display: inline; 
            width: 160px;
			padding: 12px 0px 0px 5px;
			margin: 0 0 0 0;
			font-size: 11px;
            }
			#bmaincolumn {
            background: #fff;
            float: left;
			display: inline; 
            width: 636px;
			border-top: 0px dotted #e57b15;
			padding: 0 0 0 0;
			margin: 0 0 0 20px;
            }

/* -----------------------------------------------
	Footer Area */
			
            #footer {
			clear: both;
			width: 918px;
           	border-top: 0px solid #999;
			padding: 12px 0 12px 0;
			margin: 0 0 0 0;
           	text-align: right;
			font-size: 10px;
			color: #777;
			}
			#footer a {
			text-decoration: none;
			color: #da5a08;
			}
			#footer a:hover {
			text-decoration: underline;
			}
			#footer p {
			font-size: 10px;
			color: #777;
			margin: 0 0 0 0;
			padding: 0;
			line-height: 12px;
			}


/* -----------------------------------------------
	Print Viewer */
	
			#printviewer {
			margin: 10px;
			text-decoration: none;
			}
			
/* -----------------------------------------------
	CPD/News Viewer */
	
			#cpdnewsview {
			margin: 10px;
			min-width: 90%;
			color: #555;
			background-color: #ffffff;
			}
			#cpdnewsview p {
			text-align: justify;
			}
			#cpdnewsview a {
			color: #da5a08;
			text-decoration: underline;
			}
			#cpdnewsview h1 {
			color: #da5a08;
			font-size: 18px;
			}
					
			
/* -----------------------------------------------
	Left Menu Nav */
	
			#leftmenu {
			padding: 0;
			margin: 0;
			}
			#leftmenu ul {
			margin: -10px 0 0 0;
			padding: 0 0 0 0;
			}
			#leftmenu li {
			list-style: none;
			display: inline;	
			}
			#leftmenu a {
			display: block;
			font-weight: bold;
			text-decoration: none;
			color: #000;
			margin: 0 0 0 -5px;
			padding: 8px 5px 8px 15px;
			font-size: 12px;
			}
			#leftmenu a:hover {
			text-decoration: none;
			background-color: #8dcdf3;
			color: #000;
			}

/* -----------------------------------------------
	Left Menu Nav */
	
			#leftmenu_admin {
			padding: 0;
			margin: 0;
			}
			#leftmenu_admin h4 {
			font-size: 16px;
			color: #da5a08;
			font-weight: bold;
			padding: 10px 0 7px 8px;
			margin: 10px 0 7px 0;
			}
			#leftmenu_admin ul {
			display: block;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			}
			#leftmenu_admin li {
			display: inline;
			display: block;
			list-style: none;
			margin: 0;
			padding: 0 0 0 0;	
			}
			#leftmenu_admin a {
			display: block;
			font-weight: bold;
			text-decoration: none;
			color: #336183;
			margin: 0 0 0 -5px;
			padding: 8px 5px 8px 15px;
			font-size: 12px;
			}
			#leftmenu_admin a:hover {
			text-decoration: none;
			background-color: #da5a08;
			color: #fff;
			}
			
/* -----------------------------------------------
	Top Login/Logout Boxes */
	
		#logintop {
		height: 32px;
		float: right;
		display: inline;
		font-size: 11px;
		text-align: right;
		background-color: ;
		vertical-align: bottom;
		color: #fff;
		padding: 7px 5px 0px 10px;
		}
		#logintop input {
		font-size: 11px;
		color: #da5a08;
		}
		#logintop b {
		}
		#logintop .signinbtn {
		font-size: 10px;
		padding: 0;
		color: #da5a08;
		}
				
/* -----------------------------------------------
	Front Page Display 1 (news)*/
			
		#fpdisplay1 {
		margin: 0;
		padding: 0px 4px 0 4px;
		overflow: hidden;
		color: #666;
		}
		#fpdisplay1 h2 {
		font-size: 14px;
		margin: 6px 0 5px 0;
		padding: 5px 0 0 0;
		color: #da5a08;
		}
		#fpdisplay1 h5 {
		font-size: 14px;
		margin: 8px 0 0 0;
		padding: 5px 0 0 0;
		font-size: 11px;
		color: #333333;
		}
		#fpdisplay1 a {
		font-size: 11px;
		color: #da5a08;
		}	
		#fpdisplay1 p {
		font-size: 14px;
		margin: 4px 0 0 0;
		padding: 0 0 0 0;
		font-size: 11px;
		color: #333333;
		}

/* -----------------------------------------------
	Shiny black button */
		
	#btn_text {
	display: block;
	width: 110px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 0;
	color: #ffffff;
	background: url(../images/btn_gloss_110.gif) no-repeat;
	margin-bottom: 10px;
	text-decoration: none;
}

/*	------------------------------------------------------------
	eNewsletter Ad*/
	
	.botblock {
	float: left;
	display: inline;
	margin-right: 5px;
	font-size: 11px;
	line-height: 14px;
}

.botblock h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #fff;

}
.botblock p {
	margin: 4px 0 4px;
}
.botblock a {
	color: #d55a08;
	font-weight: bold;
	margin-left: 8px;
	text-decoration: none;
}

#enews {
	width: 222px;
	height: 111px;
	padding: 12px 12px;
	background: #333333 url(../images/bg_enews.gif) no-repeat;

}
#enews p {
	font-size: 12px;
	color: #c3c3c3;
}

/*	------------------------------------------------------------
	Product/Feature Ad*/

.featureblock {
	width: 457px;
	height: 135px;
	background: #ffffff url(../images/bg_featureblock.gif) bottom left no-repeat;
	color: #333333;
	font-size: 12px;
}
.featureblock p {
	color: #666666;
	margin: 9px 0 7px;
}
.featureblock ul {
	list-style: none;
	margin: 0.6em 0 0;
	padding: 0; 
}
.featureblock li {
	list-style: none;
	color: #666666;
	margin: 0 0 0.5em;
	padding: 0 0 0 14px;
	background: url(../images/blt_banner_easier.gif) 0 2px no-repeat;
}

	.featureblock .lillink  {
	margin: 0;
	font-weight: normal;
	}

.featureblock h4  {
	color: #444;
	}
	

#banner_easier {
	height: 148px;
	margin-top: 0 !IMPORTANT;
	
}
#banner_easier div {
	padding: 30px 15px 0 190px;
	height: 118px;
	background: url(../images/bg_banner_easier.jpg) bottom left no-repeat;
}

/*	------------------------------------------------------------
	FAQ Ad*/

#dist {
	background: #8dcdf3 url(../images/bg_dist.gif) no-repeat;
	width: 154px;
	height: 98px;
	margin-right: 0;
	padding: 19px 16px;
	overflow: hidden;
}
#dist h4 {
	text-transform: uppercase;
	font-weight: bold;
	color: #d55a08;
}
#dist p {
	margin: 5px 0 4px;
}
#dist ul {
	list-style: none;
	margin: 1.1em 0 0;
	padding: 0; 
}
#dist li {
	list-style: none;
	color: #666666;
	margin: 0 0 1em;
	padding: 0 0 0 14px;
	background: url(../images/blt_faqs.gif) 0 2px no-repeat;
}
#dist a {
	list-style: none;
	color: #666666;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 12px;

	}
	
/*	------------------------------------------------------------
	News Table */
	
	#newstbl th {
	background-color: #333;
	color: #fff;
	font-size: 14px;
	height: 34px;
	}
	#newstbl td {
	color: #000;
	font-size: 12px;
	vertical-align: middle;	
	}
	#newstbl input {
	font-size: 12px;
	}
	#newstbl textarea {
	font-size: 12px;
	font-family: arial, helvetica, sans serif;
	}
	
	
/*	------------------------------------------------------------
	Buttons */
	
	#editbtn, #deletebtn, #pmbtn, #pfvbtn, #deletebtn2, #cancelbtn, #addbtn, #ac_new, #ac_edit, #ac_delete, #news_add, #backbtn, #addbtn2, #editbtn2, #nl_new, #nl_manage, #nl_history {
	display: block;
	float: right;
	width: 128px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0 0 0 5px;
	color: #ffffff;
	background: url(../images/btn_pmanage.gif) no-repeat;
	margin-bottom: 10px;
	text-decoration: none;
	}
	
	#editbtn {
	background: url(../images/btn_edit.gif) no-repeat;
	}
	
	#editbtn2 {
	background: url(../images/btn_edit.gif) no-repeat;
	float: left;
	width: 128px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0 6px 0 0;
	color: #ffffff;
	background: url(../images/btn_pmanage.gif) no-repeat;
	}
	
	#pmbtn {
	background: url(../images/btn_pm.gif) no-repeat;
	}
	
	#deletebtn {
	background: url(../images/btn_delete.gif) no-repeat;
	}
	
	#deletebtn2 {
	background: url(../images/btn_delete2.gif) no-repeat;
	float: left;
	width: 300px;
	padding: 4px 0 0 0;
	margin: 5px 0 0 5px;
	}
	
	#cancelbtn {
	background: url(../images/btn_cancel.gif) no-repeat;
	float: left;
	width: 300px;
	padding: 4px 0 0 0;
	margin: 5px 0 0 5px;
	}
	
	#addbtn {
	background: url(../images/btn_add.gif) no-repeat;
	}
	
	#addbtn2 {
	background: url(../images/btn_add.gif) no-repeat;
	float: none;
	width: 128px;
	height: 20px;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	color: #ffffff;
	background: url(../images/btn_pmanage.gif) no-repeat;
	}
	
	#ac_new {
	background: url(../images/btn_acnew.gif) no-repeat;
	float: none;
	width: 240px;
	padding: 4px 0 0 0;
	margin: 5px 0 10px 0;
	}
	
	#ac_edit {
	background: url(../images/btn_acedit.gif) no-repeat;
	float: left;
	width: 50px;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
	}
	
	#ac_delete {
	background: url(../images/btn_acdelete.gif) no-repeat;
	float: left;
	width: 70px;
	padding: 4px 0 0 0;
	margin: 0 5px 0 0;
	}
	
	#news_add {
	background: url(../images/btn_newsadd.gif) no-repeat;
	width: 128px;
	clear: both;
	float: none;
	padding: 4px 0 0 0;
	margin: 0 0 15px 0;
	}
	
	#backbtn {
	background: url(../images/btn_back.gif) no-repeat;
	width: 70px;
	clear: both;
	float: none;
	padding: 4px 0 0 0;
	margin: 5px 0 5px 0;
	}
	
	#pfvbtn {
	clear: both;
	}
	
	#nl_new {
	background: url(../images/btn_nlcreate.gif) no-repeat;
	float: none;
	clear: both;
	width: 240px;
	padding: 4px 0 0 0;
	margin: 5px 0 10px 0;
	}
	
	#nl_manage {
	background: url(../images/btn_nlmanage.gif) no-repeat;
	float: none;
	clear: both;
	width: 240px;
	padding: 4px 0 0 0;
	margin: 5px 0 10px 0;
	}
	
	#nl_history {
	background: url(../images/btn_nlhistory.gif) no-repeat;
	float: none;
	clear: both;
	width: 240px;
	padding: 4px 0 0 0;
	margin: 5px 0 10px 0;
	}
	
