body { 	
    	margin:0px 0px 0px 0px;
        font-family: Lucida Grande, verdana, arial, sans-serif;
        font-size: 0.8em;
        background: url("images/gradient.jpg") repeat-x;
		line-height: 20px;
	background-color:#eee; 
     }

h1 {
	font-family: Lucida Grande, Trebuchet MS, Arial;
	font-size: 25px;
	text-align: center;
	padding-bottom:5px;
	
}

.toph1 {
	font-size: 13px;
	color: #AAA;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	text-align: left;
	
}

h2 {
	font-family:Arial, verdana;
	font-size: 17px;
	color:#666;
	padding:0;
	margin:0;
	line-height:25px;	
}

h3 {
	font-family: Lucida Grande, Trebuchet MS, Arial;
	font-size: 16px;
	color:#0066cc;
}

h4 {
	font-family: Lucida Grande, Trebuchet MS, Arial;
	font-size: 14px;
	margin:0px;
}

h5 {	
	font-family: Lucida Grande, Trebuchet MS, Arial;
	font-size: 14px;
	margin:0;
	text-align:center;
}


h6 {
	font-family: Lucida Grande, Trebuchet MS, Arial;
	font-size: 13px;
	color:#0066cc;
	margin:0;
}

ul{
		list-style-image: url("images/tick%20mark.png");
		margin:0;
		padding-left:25px;
}
li{
		padding:5px;
}
a{
	color:blue;
}
.form-row{
		width:600px;
		border: 0px solid #000;

}
.form-label{
		border: 0px solid #000;
		width:150px;
		float:left;
}

.form-field{
		border: 0px solid #000;
		width:350px;
		float:left;
		font-size:15px;

}
.always-require{
		color:red;		
}
.form-field input, .form-field select, .form-field textarea{
			font-size:10pt;
}

.form-field input
		{
			font-size:10pt;
			width:25em;
			height:2em;
			float:left;
		}
.form-field  select{
			height:2em;
			
}
.submit input{ 
			height:46px;
			width:134px;
		}
.trialbutton input{ 
			height:46px;
			width:146px;
		}
/* Main Div Wrapper */

.wrapper {	
	width: 996px;
	border: 0px solid #000;
	margin:0 auto;
	
}

/* Classes used for menu.php */

.logodiv {
	float:left; 
	width: 20%;
	margin-left: 25px;
}

.top-right-nav {
	text-align: right;
	font-size: 11px;
	padding-top: 8px;
	color: #666;

	padding-right: 20px;
}
.top-right-nav a {
	text-decoration: none;
	padding-right: 22px;
	color: #666;
	
}

.top-right-nav a:hover {
	text-decoration: underline;
	color: #000;	
}

/* Classes ended for Menu.php */ 

/* Main Page classes that contain website content */

.pagetop {

	width: 980px;
	margin: 0 auto;
	background: url("images/top%20shadow.jpg") repeat-x bottom;
	height: 10px;
	border: 0px solid #333;

		
}
.page {
	border: 0px solid #333;
	width: 980px;
	margin: 0 auto;
	background-color: #fff;
	background: url("images/side%20shadow.jpg") repeat-y;	
	min-height: 100px;

}

.pagebottom {
	margin-top: 10px;
	width: 980px;
	margin: 0 auto;
	background: url("images/bottom%20shadow.jpg") repeat-x;
	height: 10px;		
}


/* Ending class for Main page layout */

/* Trial Band Class */


.trialband {
	margin: 0 auto;
	width: 950px;
	background-color: #ffeb90;
	height: 35px;
	padding-top:10px;
	padding-left: 20px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, Georgia;
	font-size: 18px;
	color: #000;
	text-align: center;

}

.trialband a { 
	font-weight: bold;
	
	}
	
blockquote {
	font-size: 14px;
	font-family: Georgia, Verdana, Arial;
	border: 1px solid #eee;
	background-color: #fafafa;
	width: 700px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1.7;
	
	
}

.customerinfo {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	font-style: italic;	
}

.customerinfo a { 
	color: #999;
	}

/* End of TRAIL BAND Class */




/* Navigation Class */




.navigation {
	margin: 0 auto;
	width: 950px;
	background-color: #333;
	height: 32px;
	padding-top:10px;
	padding-left: 20px;

}

.navigation a {		
				color:#fff;
				text-decoration:none;
				font-size:14px;
				padding-right:25px;				
}

.navigation a:hover {
				color:#0099CC;
				text-decoration:none;
	
}

.navigation span  {	
				padding-left:90px;
}
.blue a{
	color:#0099CC;

}

/* End of Navigation Class */

/* Class for page content */

.textcontent {
	padding: 15px;
	
}

/* 3 Column Layout */

.promocontainer {
    border: 1px solid #fff; 
    width: 968px;
    margin: 0 auto;
	background: #FAFAFA;
	height: 450px;

   }

.container {
    border: 0px solid #99cc00; 
    width: 920px;
    margin: 0 auto;

   }
.smallertext{
		font-size:11px;
}
.left, .right, .middle {
    display: in-line; 
    float: left;
    width: 290px;
      border: 0px solid #ccc; 
    padding-left: 10px;
   /* text-align: center;*/
}
.promo{
	
	font-family:arial;
	font-size:13px;
	height:30px;
	background:url("images/button%20bg.jpg") no-repeat;
}
.promo a{
		text-decoration:none;
		color:#E2FCFE;
}

.clearrow {
	clear: both;
	height: 10px;
}


/* End of 3 Column Layout */

/* BEGIN: 2 Column Layout */

.lefthalf-small {
    display: in-line; 
    float: left;
    width: 340px;
    border: 0px solid #ccc;
    padding-left: 10px;
   /* text-align: center;*/
}
	
.righthalf-big {
	    display: in-line; 
	    float: left;
	    width: 600px;
		
	    border: 0px solid #ccc;
	    padding-left: 10px;
	   /* text-align: center;*/
	}
	
	
/* END OF: 2 Column Layout */




/* BEGIN: 2 Column Layout */

.lefthalf, .righthalf {
    display: in-line; 
    float: left;
    width: 440px;
    border: 0px solid #ccc;
    padding-left: 10px;
   /* text-align: center;*/
}
	
/* END OF: 2 Column Layout */

.lefthalf a, .righthalf a{
				text-decoration:none;
				color:blue;
}

.lefthalf a:hover, .righthalf a:hover{
				text-decoration:none;
				color:red;
}

/* BEGIN: 2 Column SMALLER LEFT Layout */

.leftless {
    display: in-line; 
    float: left;
    width: 300px;
   border: 0px solid #ccc; 
    padding-left: 10px;

}
.rightmore {
    display: in-line; 
    float: left;
    width: 570px;
    border: 0px solid #ccc;
    padding-left: 10px;

}
/* END OF: 2 Column   SMALLER LEFT Layout */

/* start of  index page */

.feature span{
		font-size:11px;
}

/* End of index page */


/* Start of tour Page */

.tour{
     border: 0px solid #99cc00; 
     width: 920px;
     margin: 0 auto;
     text-align:center;
   }
/* end of tour  */

/* Start of 4 column layout */

.second,.third, .fourth{
    display: in-line; 
    float: left;
    width: 218px;
    border: 1px solid #ccc; 
    padding-left: 0px;
    text-align:center;
    
   /* text-align: center;*/
}
.first{
    display: in-line; 
    float: left;
    width: 218px;
    border: 0px solid #ccc; 
    padding-left: 10px;
       
   /* text-align: center;*/
}

/* End of 4 column layout */

.second:hover,.third:hover, .fourth:hover, div.secondover 
							{
								background:url("images/hover%20background.jpg");
}
.first h2,.second h2, .third h2,.fourth h2{
		padding:10px;
		color:#fff;
}
/* End of price page */

/* Feature page */

.featuremenu{
		margin-top:20px;
		line-height:43px;
		float: left;
    		width: 220px;
    		border: 1px solid #ccc; 
    		background:url("images/upper%20tab%20gradient.jpg") repeat-x;
}
.featuremenu h2, .pluginmenu h2{
			margin:0;
			color:black;
			padding:10px;
}
.featuremenu a, .pluginmenu a{
			color:black;
			text-decoration:none;
}
.feature-selectedmenu{
		background:url("images/on%20selection%20tab%20with%20gradient%20bg%20and%20orange%20button.jpg");

}
.feature-selectedmainmenu{
		background:url("images/gradien%20selected%20tab%20with%20gray%20button.jpg");

}
.feature-mainmenu{
				background:url("images/bg%20for%20tab%20with%20button.jpg") ;
}
.feature-submenu {
		border:0px solid #000;
		font-size:11px;
		line-height:30px;
		background:url("images/submenu%20select.JPG");

}
.feature-submenu:hover{
				background:url("images/submenu%20hover.jpg");
}
.feature-selectedsubmenu{
		background:url("images/submenu%20on%20selection.jpg");

}
.feature-mainmenu:hover{
				background:url("images/white%20bg%20for%20tab%20with%20blue%20button%20on%20hover.jpg");
}
.featuremenu a:hover, .pluginmenu a:hover{
			color:blue;
			text-decoration:none;
}
.box h1{
		padding-top:10px;
		text-align:left;
}
.box{
	margin:0 auto;
	padding:0;
	width:675px;
	float:left;
	border:0px solid #000;
	
}
.box-bottom-link{
			margin-left:220px;
			padding:0;
			width:675px;
			float:left;
			border:0px solid #000;
}

.box-content{
		padding:15px;
		width:305px;
		float:left;
		border:0px solid #000;
}
.box-content img{
			border:0px solid #000;
}

.box a{	
	text-decoration:none;
	color:blue;
}
.box a:hover{	
		text-decoration:none;
		color:#000;
}

.box span{
		
		font-size:13px;
		color:#666;
}


/* End of feature page */

/* Plugin Page */


.pluginimage{
		float:left;
		margin-top:40px;
		margin-bottom:130px;
}
.pluginmenu{
		margin-top:20px;
		line-height:43px;
		float: left;
    		width: 220px;
    		border: 1px solid #ccc; 
    		background:url("images/upper%20tab%20gradient.jpg") repeat-x;
}
.plugin-mainmenu{
			background:url("images/bg%20for%20tab%20with%20button.jpg");
}

.plugin-mainmenu:hover{
			background:url("images/white%20bg%20for%20tab%20with%20blue%20button%20on%20hover.jpg");
}
.plugin-selectedmenu{
		background:url("images/on%20selection%20tab%20with%20gradient%20bg%20and%20orange%20button.jpg");
}

.snippet{	
	width:788px;
	height:250px;
	margin:0 auto;
	border:2px solid #999;
	background-color: #eee;
}
.content{
		height:150px;
		width:700px;
		padding-top:3px;
		margin:0 auto;
		line-height:20px;
		border:0px solid #000;

}
.content img{
		float:left;
}
.content h3{
		margin-top:13px;
}
.content span{
		padding-left:72px;
}

/* FAQ */

.faq{
	width:250px;
	float:left;
	padding-right:6px;
	padding-left:5px;
	margin-top:20px;
	border-right:1px solid #ccc;
	
}
.faq img{
		float:left;
}
/* DemoPage */
.first-demo{
    display: in-line; 
    float: left;
    font-weight:bold;
    width: 150px;
    padding-left: 50px;
    text-align: left;
}
.first-demo a{
			text-decoration:none;
}

/* Purchase */
.purchase{
		width:650px;
		border:1px solid #ccc;
		padding:5px;
	} 
.purchase_option{
		margin-top:1px;
		margin-bottom:1px;
		background:#C0e3f1;
}

/* End of purchase page */
/* Contact Page */

.contact{
    display: in-line; 
    float: left;
    width: 210px;
    padding-left:10px; 
    border-left: 1px solid #ccc; 
    line-height:25px;
   }
.contact span a{
		color:#929292;
		line-height:30px;
		}

.contact a{
		text-decoration:none;
		color:#000;
}
.contact a:hover{
			color:#0066cc;
}


/* BEGIN: FOOTER */
.footer {
	border: 0px solid #99cc00;
    	width: 980px;
	margin: 0 auto;
	font-size:9.5px;
    	text-align: center;
	line-height:18px;
}

.footer-content{
		width:150px;
		float:left;
		margin:0 auto;
		padding-left:10px;
		text-align:left;
		border:0px solid #000;
}
.footer a{
		color:#999;
		text-decoration:none;
}
.footer a:hover{
			color:blue;
}		
/* END OF: FOOTER */