/* content */

#mainanimation 
{
    height: 190px;
    width: 510px;
}

p.note span 
{
    display: block;
    padding-bottom: 3px;
    text-align: center;
}

p.note span img 
{
    position: relative;
    top: 2px;
}
.quoteimg 
{
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}

#threestepstop 
{
    height: 39px;
    width: 236px;
    background: url(../../images/sp2.gif) no-repeat;
}

#threestepstop p 
{
    padding-top: 17px;
    padding-left: 20px;
    text-align: center;
    color: #585858;
    font-weight: bold;
    line-height: 1.0em;
}

#threestepsbot 
{
    width: 236px;
    height: 15px;
    background: url(../../images/sp4.gif) no-repeat;
}

.threestepmain 
{
    width: 236px;
    background: url(../../images/t1bg.gif) repeat-y;
    padding-left: 15px;
    font-size: 0.8em;
}

.threestepsep
{
    width: 236px;
    height: 10px;
    padding-bottom: 7px;
    background: url(../../images/t1bg.gif) repeat-y;
}

.threestepmain span.title
{
    color: #44950F;
    font-size: 1.0em;
    padding: 10px 20px 10px 0;
    display: block;
}
.threestepmain span
{
    font-family: Tahoma,sans-serif;
    color: #44950F;
    padding-right: 40px;   
}

.threestepmain p 
{
    font-family: Tahoma,sans-serif;
    font-size: 0.85em;
    margin-right: 40px;
    padding-bottom: 10px;   
}

.threestepmain img 
{
    float: left;
    margin-bottom: 40px;
    margin-right: 7px;
}

img.rightimg 
{
    float: right;
    margin-left: 5px;
    border: solid 2px #f3f3f3;
}

img.leftimg 
{
    float: left;
    margin-right: 5px;
    border: solid 2px #f3f3f3;
}

#featurecontent
{
	float:left;
	width: 540px;	
}

#featurecontent h1
{
	padding-left:55px;
}

.featurescreen
{
	float: left;
	padding-bottom: 20px;
	padding-top: 5px;
	width: 230px;
		
}

.featurescreen img
{
	border: solid 2px #f3f3f3;
}

.featuredesc
{
	float: left;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 245px;
}

.featuredesc h3
{
	color: #60AF2C;	
}

p.invertnote
{
	display: block;
    padding-bottom: 3px;
    text-align: left;
    background-color: #60AF2C;	
    
}

p.invertnote span
{
	display: block;
    padding-bottom: 3px;
    text-align: left;
    color: White;
}

.gallery
{
	
}

.galleryimg
{
	background:transparent url(/images/bg/template.gif) no-repeat scroll 0%;
	float:left;
	height:210px;
	margin:0pt 8px 15px 0pt;
	overflow:hidden;
	width:248px;
}

.galleryimg img
{
	padding-top: 5px;
	padding-left: 5px;
}

/* global */

img { border: none; }

* { padding: 0; margin: 0; }

body { color: #585858; }

a:link{text-decoration: none; color: #44950F }
a:visited{text-decoration: none; color: #44950F }
a:hover{text-decoration: underline; color: #44950F }
a:active{text-decoration: none;  color: #44950F }

#footer a:link, #footer a:active, #footer a:visited {text-decoration: none; color: #ffffff; }
#footer a:hover {text-decoration: underline; color: #ffffff }

#billafooter a:link, #billafooter a:active, #billafooter a:visited {text-decoration: underline; color: #c0c0c0; }
#billafooter a:hover {text-decoration: none; color: #c0c0c0; }

  
/* typo */


h1 
{
    font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
    font-size: 1.0em;
    color: #60AF2C;
    background: url(../../images/sp1.jpg) no-repeat top;
    height: 35px;
    padding-left: 25px;
    padding-top: 4px;
    margin-top: 20px;
}

h2 
{
    font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
    font-size: 1em;
    color: #60AF2C;
    text-align: center;
    padding-top: 12px;
}

p, li
{
    font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
    font-size: 0.75em;
    line-height:1.4em;
    padding-bottom: 10px;
}

ul 
{
    margin-left: 25px;
}

p.question 
{
    text-align: center;
    color: #60AF2C;
}

p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

#flashmenu p 
{
    text-align: center;
    padding-top: 10px;
    font-size: 1.0em;
}

#introblurb p { padding-bottom: 0px; }

#signupbox p, #introblurb p, #newslettersignup p { padding-left: 20px; }
#introblurb h1 { padding-left: 40px; }

img.indeximg 
{
    border: solid 2px #f3f3f3;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

img.demobutton 
{
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border: none;
    
}

div.f-wrap-1 label.longtext b
{
    width: 100%;
}

div.f-wrap-1 label.longtext input 
{
    float: left;
    margin-left: 25px;
}

img.mailmanimg { float: right; margin-right: 15px; margin-top: 10px; }

div.f-wrap-1 label.longtext textarea { margin-left: 110px; }

#billafooter p 
{
    font-family: Tahoma,sans-serif;
    color: #c0c0c0;
    font-size: 0.7em;
    text-align: center;     
}
/* layout */
#mainwrap 
{
    width: 780px;
    margin: 0 auto;
    border: solid 1px #585858;
}

#footer {
	background-color: #585858;
	font-family: Tahoma,sans-serif; 
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
}

#header { width: 100%; }

#header img { float: left; }

#rightcol 
{
    float: right;
    width: 230px;
    margin-bottom: 10px;
    height: 1%;
}

#rightfeatcol 
{
    float: right;
    width: 230px;
    margin-bottom: 10px;
    height: 1%;
}

#content 
{
    float: left;
    width: 500px;
    padding-left: 20px;
}

#flashmenu 
{
    width: 780px;
    height: 29px;
}

#frontpagewrap 
{
    width: 510px;
    margin-left: -20px;
}

#introblurb 
{
    width: 510px;
    height: 176px;
    margin-bottom: 20px;
}

#newslettersignup 
{
    margin-top: 15px;
    width: 245px;
    height: 250px;
    float: left;
}

#signupbox, #freedemobox
{
    float: right;
    width: 230px;
    height: 130px;
}

#indexbottomwrap 
{
    width: 780px;
    margin-top: 20px;
}

#indextable 
{
    width: 100%;
}

#indextable tr td { width: 33%; vertical-align: top; padding: 0 10px; }
   
#newslettersignup div.f-wrap-1 { height: 250px; } 

#newslettersignup div.f-wrap-1 fieldset label 
{
    font-size: 1.0em;
    padding: 10px 0;
}    

#billafooter 
{
    width: 350px;
    margin: 0 auto;
    padding-top: 10px;
}
    
.clearfix { clear: both; }
.cleargaller 
{
	clear:both;
	height:1px;
	overflow:hidden;
}


/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	div.f-wrap-1 {width:100%;padding: .5em 0;background: #F3F3F3;border-top: 1px solid #d7d7d7;position:relative}
		div.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		div.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#60AF2C}
		div.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		div.f-wrap-1 label {float:none; font-family: Tahoma, Arial, Sans-Serif; font-size: 0.8em;}
		/* end hiding from IE5 mac */
	
		div.f-wrap-1 label input, div.f-wrap-1 label textarea, div.f-wrap-1 label select {width:15em;float:left;margin-left:10px; font-family: Tahoma, Arial, Sans-Serif; }
		
		div.f-wrap-1 label b, div.f-wrap-1 label p {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		div.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		div.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		div.f-wrap-1 div.req b {color:#c00;font-size:140%}
		div.f-wrap-1 label select {width: 15.5em}
		div.f-wrap-1 label textarea.f-comments {width: 20em}
		div.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		div.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
	    
	    #ctl00_ContentPlaceHolder1_radPackage tbody tr td label, #ctl00_ContentPlaceHolder1_radTemplateList tbody tr td label { display: inline; position: relative; top: -5px; padding-left: 10px;  }
	    #ctl00_ContentPlaceHolder1_radPackage tbody tr td, #ctl00_ContentPlaceHolder1_radTemplateList tbody tr td { padding: 5px 0pt; }