/* CSS Document */

	/*  Page body
	---------------------------------------------------------*/

	html, body {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
	}
	
	body {
		padding:20px;

	}
	
	#container{
	position: absolute;
	margin-left: -372px;
	top: 0;
	left: 50%;
	width: 745px;
	text-align: center;
}
	
	.wrapper {
	padding:0 0 15px;
	margin-top: 20px;
	background:url(../images/box_wrap.gif) no-repeat left bottom;
	text-align: left;
	height: auto;
	min-height: 100%;

	}
	
	.wrapper a,
	.wrapper a:visited{
    	color: #41A780;
	}
	
	.wrapper a:hover{
	    color: #41A780;
	    text-decoration: none;
	}

	img{
	border: 0px none;
}
	
	/*  Header
	---------------------------------------------------------*/

	.wrapper .header {
	margin:0;
	padding: 25px 0px 10px 20px;
	background:url(../images/box_wrap.gif) no-repeat left top;
	}
	
	.wrapper .headerleft {
	height: 54px;
	width: 219px;
	}
	
	.wrapper .headerright {
	height: 29px;
	width: 73px;
	left: 400px;
	top: -24px;
	position: relative;
	}
	

		
	/*  Content
	---------------------------------------------------------*/

	.wrapper .maincontent {
	margin:0;
	padding:10px 20px 10px 10px;
	background:#fff;
	border-top: 0px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #999999;
	border-left: 1px solid #999999;
	position: relative;
	height: 100%;
	}
	
	.wrapper .maincontenthome {
	margin:0;
	padding:10px 20px 0px 10px;
	background:#fff;
	border-top: 0px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 0px solid #999999;
	border-left: 1px solid #999999;
	height: 345px;
	}
	
	.wrapper .maincontent p,
	.wrapper .maincontent h2,
	.wrapper .maincontent h3{
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
		
	/*  Homepage Content
	---------------------------------------------------------*/
	
	.wrapper #homeflash{
	width: 510px;
	height: 350px;
	margin:0;
	left: 20px;
	padding:0px;
	float: left;
	top: 9px;
	position: relative;
	bottom: 0px;
	z-index: 0;
	}
	
	/*  Articles Page Content
	---------------------------------------------------------*/
	
	.wrapper #articlescontent{
	display: block;
	width: 505px;
	margin:0 0 0;
	left: 0px;
	padding:0px 0px 10px 20px;
	float: left;
	top: 0px;
	}
	
	/*  No columns Content
	---------------------------------------------------------*/
	
	.wrapper #nocolumns{
	display: block;
	width: 505px;
	height: auto;
	margin:0 0 0;
	left: 0px;
	padding:0px 0px 10px 20px;
	float: left;
	top: 0px;
	}
	
	/*  Content: Left column nav
	---------------------------------------------------------*/
	.wrapper .leftcolumn{
	width: 156px;
	margin:0;
	padding:10px 0px;
	height: auto;
	float: left;
	text-align: right;
	}

	.wrapper .leftcolumn .navigation{
	width: 156px;
	height: 99px;
	display: block;
	}
	
	a#nav1{
	display: block;
	width: 156px;
	height: 21px;
	background-image: url(../images/nav/nav_01.gif);
	margin: 0;
	}
	a#nav1:hover{
	background-image: url(../images/nav/nav_01-over.gif);
	}
	
	a#nav1sel{
	display: block;
	width: 156px;
	height: 21px;
	background-image: url(../images/nav/nav_01-over.gif);
	margin: 0 ;
	}
	
	a#nav2{
	display: block;
	width: 156px;
	height: 21px;
	background-image: url(../images/nav/nav_02.gif);
    margin: 0;
	}
	a#nav2:hover{
	 background-image: url(../images/nav/nav_02-over.gif);
	}
	
	a#nav2sel{
	display: block;
	width: 156px;
	height: 21px;
	background-image: url(../images/nav/nav_02-over.gif);
	margin: 0 auto;
	}
	
	a#nav3{
	display: block;
	width: 156px;
	height: 21px;
	background-image: url(../images/nav/nav_03.gif);
    margin: 0 auto;
	}
	a#nav3:hover{
	 background-image: url(../images/nav/nav_03-over.gif);
	}
	
	a#nav3sel{
	display: block;
	width: 156px;
	height: 21px;
	background-image: url(../images/nav/nav_03-over.gif);
	margin: 0 auto;
	}
	

	
	a#butt1,
	a#butt1-2 {
	display: block;
	height: 22px;
	width: 156px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	}
	
	a#butt1 {
	background-image: url(../images/buttons/butt_app_form.gif);
	}
	
	a#butt1:hover  {
	background-image: url(../images/buttons/butt_app_form-over.gif);
	}
	
	a#butt1-2 {
	background-image: url(../images/buttons/butt_logout.gif);
	}
	
	a#butt1-2:hover  {
	background-image: url(../images/buttons/butt_logout-over.gif);
	}
	
	a#butt1sel {
	display: block;
	height: 22px;
	width: 156px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/buttons/butt_app_form-over.gif);
	background-repeat: no-repeat;
	}
	
	a#butt2,
	a#butt2-2 {
	margin-top: 3px;
	margin-bottom: 40px;
	display: block;
	width: 156px;
	height: 22px;
	background-repeat: no-repeat;
	}
	
	a#butt2 {
	background-image: url(../images/buttons/butt_order.gif);
	}
	
	a#butt2:hover  {
	background-image: url(../images/buttons/butt_order-over.gif);
	}
	
	a#butt2-2 {
	background-image: url(../images/buttons/butt_order.gif);
	}
	
	a#butt2-2:hover  {
	background-image: url(../images/buttons/butt_order-over.gif);
	}
	
	a#butt2sel {
	margin-top: 3px;
	margin-bottom: 30px;
	display: block;
	width: 156px;
	height: 22px;
	background-image: url(../images/buttons/butt_order-over.gif);
	background-repeat: no-repeat;
	}
		
	a#butt3 {
	display: block;
	width: 156px;
	height: 22px;
	background-image: url(../images/buttons/butt_contact.gif);
	background-repeat: no-repeat;
	}
	
	a#butt3:hover  {
	background-image: url(../images/buttons/butt_contact-over.gif);
	}
	
	a#butt3sel {
	display: block;
	width: 156px;
	height: 22px;
	background-image: url(../images/buttons/butt_contact-over.gif);
	background-repeat: no-repeat;
	}
			
	a .alt { display: none; }
	
	.alt { display: none; }
	
	/* Content: Center column
	---------------------------------------------------------*/
	.wrapper .centercolumn{
	width: 295px;
	margin:0 0 0;
	left: 0px;
	padding:0px 0px 10px 20px;
	float: left;
	top: 0px;
	position: relative;
	height: auto;
	}
	
	.wrapper .centercolumn h3 {
	font-weight: bold;
	color: #41A780;
	}
	
	.clearer{
	    clear:both;
	    margin-top: 0px;
	    padding: 0px;
    }	
		
    .clearer2{
        clear:both;
        margin-top: -28px;
        padding: 0px;
    }
    
	.invalid{
	    border:1px solid #C26694;
	    background:#F5E5ED;
    }	
    
	/* Content: Right column
	---------------------------------------------------------*/
	.wrapper .rightcolumn{
	width: 210px;
	margin:0;
	left: 505px;
	padding:0px 0px 10px;
	top: 120px;
	position: absolute;
	display: block;
	}
	
	/* Overview box
	---------------------------------------------------------*/
	#overview {
	width:210px;
	padding:0 0 10px;
	margin:0px 0px 10px;
	background:url(../images/overviewbox_b.gif) bottom left no-repeat;
	}
	#overview h3 {
	margin:0;
	padding:9px 0px 0px 10px;
	background:url(../images/overviewbox_t.gif) top left no-repeat;
	text-decoration: none;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	}
	#overview .body{
	padding:0px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin: -10px 0px 0px;
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana;
	color: #666666;
	line-height: 14px;
	}
	
	#overview p{
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	}
	

	#overview table {
	padding:10px 0px 0px;
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana;
	color: #666666;
	line-height: 100%;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin: 0px;
	}
	
	#overview tr {
	height: 18px;
}
	#overview td {
	width: 50%;
	padding-left: 10px;
    }
	
	/* Overview box 2
	---------------------------------------------------------*/
	#overview2 {
	width:210px;
	padding:0 0 10px;
	margin:0px 0px 10px;
	background:url(../images/overviewbox_b.gif) bottom left no-repeat;
	}
	
	#overview2 img{
	margin-top:  10px;
	padding: 0px;
	margin-bottom: -5px;
	}
	#overview2 h3 {
	margin:0;
	padding:8px 0px 0px 10px;
	background:url(../images/overviewbox_t.gif) top left no-repeat;
	text-decoration: none;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
	}
	#overview2 .body{
	padding:0px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin: 0px 0px 0px;
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana;
	color: #666666;
	line-height: 14px;
	}
	
	#overview2 .body p{
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	margin: 0px 0px 0px;
	}
	
	
	/* Place an order box
	---------------------------------------------------------*/
	#order {
	width:210px;
	padding:0 0 10px;
	margin:0px 0px 10px 0px;
	background:url(../images/overviewbox_b.gif) bottom left no-repeat;
	}
	
	#order h3 {
	margin:0;
	padding:8px 0px 0px 10px;
	background:url(../images/overviewbox_t.gif) top left no-repeat;
	text-decoration: none;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
	}
	
	#order .body{
	padding:15px 0px 0px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin: 0px;
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana;
	color: #666666;
	line-height: 14px;
	}
	
	#order p{
	font-size: 10px;
	padding-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	#order form{
	padding: 0px;
	margin-top: -20px;
	margin-bottom: -4px;
	}
	
	#orderform {
	    margin-top: 20px!IMPORTANT;
	}
	
	#order fieldset{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: none;
	}
	
	#order .select,
	#order .select2{
	float: left;
	}
	
	#order .freesamples{
	width: 170px;
	margin-left: 10px;
	font-size: 10px;
	font-family: Tahoma, Arial, Verdana;
	color: #666666;
	line-height: 14px;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
	#order select {
	height: 20px;
	display: block;
	padding: 0px;
	margin-top: 4px;
	}
	
	#order .select2 
	{
    	padding-left: 4px;
	}
	
	#order .input2 
	{
	    height: 16px;
	    display: block;
	    padding: 0px;
	    margin: 3px;
	}
	
    .bc{ width: 45px; }
    .dia{ width: 52px; }
    .str{ width: 58px; }
    .qua{ width: 35px; }

	#order .add{
	padding: 8px 0px 0px 120px;
	}
	
	#order .line{
	border-top-color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
    }
	
	#logoutform {
	    margin: 0px;
	}
	

	/* application form
	---------------------------------------------------------*/
	#appform{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #666666;
}
	#appform .titles{
	font-weight: bold;
	color: #41A780;
	}
	#appform fieldset{
	margin: 0px;
	padding: 0px;
	border: none;
}
	#appform legend{
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 10px;
	}
	
	#appform .bold{
	font-weight: bold;}
	
	#appform label{
	float:left;
	text-align: left;
	width: 110px;
	padding-right: 10px;
	margin-top: 6px;
	}
	#appform input{
	float:left;
	margin-bottom: 3px;
	margin-top: 3px;}
	
	#appform input .field{
	width: 165px;
	}
	
	#appform select{
	float:left;
	margin-bottom: 3px;
	margin-top: 3px;;
	}
	
	#appform .invalid{
	    border:1px solid #C26694;
	    background:#F5E5ED;
	}
	
	#appform .line{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	width: 290px;
	margin-bottom: 20px;
	padding-top: 10px;

	}
	#appform .right{
	padding-left: 215px;
}

	/* Sign up layer
	---------------------------------------------------------*/
	
	#signup{
	background-color: #41A780;
	display: none;
	position: absolute;
	height: 280px;
	width: 280px;
	left: 19px;
	margin: 0px;
	padding: 0px;
	top: 276px;
	overflow: visible;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 16px;
	z-index: 100;
	}
	#signup fieldset{
	margin: 0px;
	padding: 0px;
	border: none;
	}

	#signup .signupclose{
	padding-left: 20px;
	margin-top: -10px;
	}
	#signup .orderbutton{
	position: relative;
	top: -19px;
	left: 0px;
	display: block;
	border: none;
	}
	#signup .erroralert {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: thin solid #FFFFFF;
	width: 80%;
	padding: 5px;
	margin-left:20px;
	margin-bottom:10px;
	}
	#signup p{

	padding-left: 20px;
	line-height: 16px;
	padding-right: 20px;

	}
	
	#signup p a{
	color: #FFFFFF;
	text-decoration: underline;}
	
	#signup form{
	padding-left: 20px;
	padding-right: 20px;
	
	}
	
	#signup label{
	width: 90px;
	padding-right: 20px;
	padding-top: 6px;
	text-align: right;
	float: left;
	}
	#signup input{
	margin-top: 3px;
	margin-bottom: 3px;
	width: 120px;
	float: left;
	}
	
	#signup .alignright{
	padding-left: 165px;
	}
	
	#signup .img{
	padding-top: 10px;
	}
	
	
	/* Contact us layer
	---------------------------------------------------------*/
	
	#contactus,
	#contactusthankyou {
	background-color: #41A780;
	position: absolute;
	/*height: 265px;*/
	height: 400px;
	width: 743px;
	left: 1px;
	margin: 0px;
	padding: 0px;
	top: 338px;
	overflow: visible;
	z-index: 100;
    }

	#contactus{
	display: none;
    }

	.contactusinvalid {
	/*display: block;*/
	}
	
	#contactus .contactbutton,
	#contactusthankyou .contactbutton{
	position: relative;
	top: -19px;
	left: 10px;
	display: block;
	border: none;
	}
	#contactus .contactclose,
	#contactusthankyou .contactclose{
	padding-left: 25px;
	}
	
	#contactus .contactcall,
	#contactusthankyou .contactcall{
	padding-left: 533px;
	margin-top: -20px;
	}

	#contactus .padding100{
	margin-left: 90px;
	line-height: 28px;
    }
	
	#contactus .alignright{
	padding-left: 180px;
	padding-top: 7px;
    }

	#contactus .contactformleft{
	margin-left: 65px;
	width: 300px;
	padding-top: 20px;
	float:left;
	}
	
	#contactusthankyou .thankyoutext{
	margin-left: 65px;
	width: 300px;
	padding-top: 20px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	}
	
	#contactusthankyou .thankyoutext h2	{
	font-size: 16px;
	}
	
	#contactus .contactformleft label{
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	width: 100px;
	float:left;
	padding-top: 6px;
	}
	
	#contactus .contactformleft .fieldtitle {
	margin:3px 0px 0px 20px;
	height:15px;
	width: 60px;
	padding: 0px;
	font-size: 10px;
	color: #333333;
    }
	
	#contactus .contactformleft .fieldleft,
	#contactus .contactformleft .fieldleftinvalid {
	margin:3px 0px 0px 20px;
	height:15px;
	width:160px;
	padding: 0px;
	font-size: 10px;
	color: #333333;
    }
	
	#contactus .contactformleft .fieldleftinvalid {
	    background:#F5E5ED;
    }
	
	#contactus .contactformright{
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	width: 249px;
	padding-top: 20px;
	float:left;
	}
	
	#contactus .contactformright label{
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	width: 50px;
	float:left;
	padding-top: 6px;

	}
	
	#contactus .contactformright .fieldsubject {
	margin:3px 0px 0px;
	font-size: 10px;
	height:15px;
	width:195px;
	padding: 0px;}
	
	#contactus .contactformright .fieldcomments {
	margin:3px 0px 0px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	height:132px;
	width:249px;
	height: 112px;
	padding: 0px;}
	
	
	#contactus .erroralert {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: thin solid #FFFFFF;
	width: 400px;
	margin-top: -20px;
	padding: 5px;
	margin-left: 95px;
	}
	
	#contactus label.human {
		display: block;
		float: none;
		width: 300px;
		text-align: left;
		margin-bottom: 5px;
	}


	
	/*  Footer
	---------------------------------------------------------*/
	
	#footer{
	position: relative;
	top: 10px;
	width: 745px;
	font-size: 9px;
	color: #666666;
	left:0px;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Verdana;
	height: 35px;
	}
	
	#footer .left{
	position: absolute;
	left: 0px;
	margin: 0px;
	padding-left: 20px;}
	
	#footer .left2{
	position: absolute;
	top: 15px;
	left: 0px;
	margin: 0px;
	padding-left: 20px;}
	
	#footer .left a{
	color: #666666;
	text-decoration: none;
	padding-left: 10px;
	}
	
	#footer .left a:hover{
	color: #666666;
	text-decoration: underline;
	}

	#footer .right{
	position: absolute;
	right: 0px;
	margin: 0px;
	padding-right: 20px;
}
	#footer .right a{
	color: #666666;
	text-decoration: none;
	padding-left: 10px;
	}
	
	#footer .right a:hover{
	color: #666666;
	text-decoration: underline;
	}
	

	/* faq - frequently asked questions
	---------------------------------------------------------*/
	#contentfaq {
	}
	
	#contentfaq ul {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	#contentfaq li {
		margin: 0;
		padding: 0 0 10px 0px;
		font-size: 0.8em;
		list-style-type: none;
	}
	
	#contentfaq .category {
		padding: 0 0 10px 0px;
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
	}

	/* sitemap
	---------------------------------------------------------*/
	#sitemap{
	font-family: Tahoma, Verdana, Arial;
}
	
	#sitemap ul{
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	list-style-position: inside;
}
	#sitemap ul li{
	color: #666666;
	font-size: 12px;
	text-transform: capitalize;
	line-height: 150%;
}
	#sitemap ul li a{
	color: #666666;
	text-decoration: none;
}
	#sitemap ul li a:hover{
	color: #41A780;
	text-decoration: none;
}
	
	#sitemap ul li ul{
	padding-left: 35px;
	padding-bottom: 10px;
	padding-top: 10px;
}
	#sitemap ul li ul li{
	font-size: 11px;
	color: #999999;
	text-transform: lowercase;
}
	#sitemap ul li ul li a{
	color: #999999;
	text-decoration: none;
}
	#sitemap ul li ul li a:hover{
	color: #41A780;
	text-decoration: none;
}
	
		/*  sIFR
	---------------------------------------------------------*/

	/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}

	.sIFR-replaced {
	visibility: visible !important;
	}

	span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	display: none !important;
	}

	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash h1 {
	font-family: Tahoma, Arial, Verdana;
	font-size: 36px;
	color: #41A780;
	visibility: hidden;
	padding: 0px;
	height: 90px;
	width: 290px;
	margin: -8px 0px 26px;
	position: relative;
	top: 0px;
	line-height: 1em;
	}
	
	.sIFR-hasFlash .about, .sitemap {
	font-family: Tahoma, Arial, Verdana;
	font-size: 36px;
	color: #41A780;
	visibility: hidden;
	padding: 0px;
	height: 90px;
	width: 135px!important;
	margin: -8px 0px 26px;
	position: relative;
	top: 0px;
	line-height: 1em;
	}
	
	.clientappform
	{
    	font-size: 32px!important;
    	width: 290px!important;
	}
	
    /* Error Messages */
    .errormsg {
        color: #CC0000!IMPORTANT;
    }
    
    .errormessage 
    {
    	font-family: Tahoma, Arial, Verdana;
        font-size: 11px;
        padding-top: 10px;
    }