/*
	Clever Accounts
	Screen Stylesheet
*/
	* { margin: 0; padding: 0; font: normal 1em/1em "Trebuchet MS", Verdana, sans-serif; line-height: 1em; }
	body { font-size: 62.5%; }
	a img { border: none; }
	#content a:link, #content a:visited { color: #e03f26; }
	#content a:hover, #content a:focus, #content a:active { color: #000; }
	
/*	Layout */
	* .content {
		width: 936px;
		margin: 0 auto;
		}

/*	Common Classes */
	.clear { clear: both; }
	.left { float: left; }
		.aleft { text-align: left; }
	.right { float: right; }
		.aright { text-align: right; }
	.smaller { font-size: 1.2em !important; }
	.date { font-size: 1.1em !important; color: #999 !important; margin-bottom: 0 !important; }
	.divider { height: 1px; overflow: hidden; border: none; color: #000; background: #000; margin: 20px 0;}
	
/*	Header */
	#header {
		background: url(../images/template/bg_header.gif) left bottom repeat-x;
		border-top: 7px solid #e03f26;
		}
		#header .content {
			overflow: hidden;
		}
		#header h1 {
			float: left; padding: 20px 30px 20px 0;
			}
		#header #calculate {
			float: left;
			width: 85px;
			height: 85px;
			background: url(../images/cta/calculate.gif) 0 0 no-repeat;
			text-indent: -9999em;
			margin: 5px 0 0;
			}
			#header #calculate a {
				display: block;
				height: 85px;
				width: 85px;
				}
				
			 #header quote 
 {
			font-size: 4.6em;
			border-bottom: 4px solid #e03f26;
			color: #7f7f7f;
			line-height: 1.5em;
			margin: 0 0 10px;
			}
		#header #login_button {
			width: 107px;
			height: 23px;
			background: url(../images/button/user-log-in.gif) 0 0 no-repeat;
			overflow: hidden;
			text-indent: -999em;
			float: right;;
			}
		/* Livechat form */
		#header #livechat {
			float: right;
			width: 457px;
			margin-top: 20px;
			}
			#header #livechat fieldset {
				border: none;
				}
			#header #livechat legend,
			#header #livechat label {
				display: none;
				}
			#header #livechat input {
				width: 311px;
				height: 32px;
				background: url(../images/template/bg_chat.gif) 0 0 no-repeat;
				border: none;
				float: left;
				margin-right: 10px;
				padding: 0 10px;
				font: bold 15px "Trebuchet MS", sans-serif;
				line-height: 32px;
				color: #959ca1;
				}
			#header #livechat button {
				height: 32px;
				width: 116px;
				background: url(../images/button/start-talking.gif) 0 0 no-repeat;
				border: none;
				text-indent: -999em;
				overflow: hidden;
				float: left;
				}
				.quote {
			margin-top: 30px;
			margin-left:30px;
			font-size: 1.5em;
			font-style:italic;
			color:#666;
		}		
		
			.telephone {
			margin-top: 20px;
			margin-left:10px;
			text-align:right;
			font-size: 2.5em;
			color:#555;
			}
			
			.signup a {
			text-align:right;
			font-size: 1.7em;
			color:#e03f26 ;
			}
			
			.signup a:hover  {
			text-align:right;

			color:#666 ;
			}
			
			
/*	Login */
	#login { 
		background: #e03f26 url(../images/template/bg_login.gif) 0 0 repeat-x;
		}
	#login .content {
		overflow: hidden;
		padding-bottom: 20px;
		}
		#login .heading {
			color: #FFF;
			font-size: 2.1em;
			margin: 0 0 10px;
			}
		#login fieldset {
			border: none;
			}
		#login form {
			float: left;
			margin-top: 40px;
			width: 582px;
			}
			#login label,
			#login hr {
				display: none;
				}
			#login input.inputfield, .logininput {
				width: 251px;
				height: 28px;
				background: url(../images/template/login_input.gif) 0 0 no-repeat;
				border: none;
				float: left;
				margin-right: 10px;
				padding: 0 10px;
				font: bold 15px "Trebuchet MS", sans-serif;
				line-height: 28px;
				color: #c0c0c0;
				}
			#login input.loginbutt { background: url(../images/button/logmein.gif ); vertical-align:middle;}
			#login .actions {
				clear: both;
				text-align: right;
				line-height: 32px;
				padding: 10px 30px 0 0;
				margin: 0;
				}
				#login .actions a {
					font-size: 1.2em;
					color: #FFF;
					}

		#login #register {
			margin-top: 70px;
			float: left;
			}
				
/*	Navigation */
	#nav {
		background: #959ca1;
		overflow: hidden;
		padding-top: 6px;
		border-bottom: 1px solid #000;
		}
		#nav ul li {
			display: block;
			list-style: none outside;
			float: left;
			height: 38px;
			background: url(../images/template/bg_nav-item.gif) left bottom no-repeat;
			padding-left: 5px;
			}
			#nav ul li a {
				font: bold 15px "Trebuchet MS", sans-serif;
				text-decoration: none;
				color: #FFF;
				line-height: 38px;
				display: block;
				float: left;
				padding: 0 15px 0 10px;
				}
				#nav ul a:hover,
				#nav ul a:focus {
					text-decoration: underline;
					outline: none;
					}
				#nav ul li.first {
					background-image: url(../images/template/bg_nav-first.gif);
					}
				#nav ul li.last a {
					background: url(../images/template/bg_nav-last.gif) right bottom no-repeat;
					}
			#nav ul li.current {
				background-position: left top;
				}
				#nav ul li.last.current a {
					background-position: right top;
					}

/*	Bar */
	#bar {
		background: url(../images/template/bg_bar.gif) left top repeat-x;
		padding: 2.5em 0;
		}
		#bar .content {
			overflow: hidden;
			}
		#bar h1 {
			font-size: 3.2em;
			color: #FFF;
			line-height: 1em;
			float: left;
			margin: 0 1em 0 0;
			}

/*	Bar (Big) */
	#bar_big {
		background: url(../images/template/bg_barbig.gif) left top repeat-x;
		height: 331px;
		}
		#bar_big .content {
			overflow: hidden;
			height: 261px;
			padding: 70px 306px 0 270px;
			width: 360px;
			background: url(../images/template/bg_banner.gif) 0 0 no-repeat;
			position: relative;
			}
			#bar_big h1 {
				font-size: 2.6em;
				color: #FFF;
				line-height: 1.4em;
				}
			#bar_big p {
				font-size: 1.8em;
				line-height: 1.4em;
				color: #c9c9c9;
				margin: 0 0 1em;
				}
			#bar_big #video {
				position: absolute;
				left: 0; top: 40px;
				text-indent: -999em;
				overflow: hidden;
				display: block;
				width: 230px;
				height: 230px;
				}
				
/*	Pagebreak */
	#pagebreak {
		border-bottom: 1px solid #e03f26;
		display: block;
		height: 10px;
		padding: 0 0 0;
		margin: 0 0 15px;
		overflow: hidden;
		width: 100%;
		}
		
	
/*	Content */
	#content {
		margin: 20px 0 0;
		}
		#content .content {
			overflow: hidden;
			}
		#content p,
		#content ul,
		#content ol,
		#content dl {
			font-size: 1.4em;
			line-height: 1.29em;
			margin-bottom: 1.2em;
			color: #555555;
			}
			#content ul ul, #content ul ol, #content ul dl,
			#content ol ol, #content ol ul, #content ol dl,
			#content dl dl, #content dl ol, #content dl ul {
				font-size: 1em;
				margin-left: 1.2em;
				}
			#content th,
			#content td {
				font-size: 1.4em;
				line-height: 1.29em;
				color: #555555;
				padding: 0 0.5em 0.5em 0;
				text-align: left;
				}
				#content th {
					color: #000;
					font-weight: bold;
					}
			#content li {
				list-style-position: inside;
				line-height: 1.5em;
				}
			#content ul li {
				list-style: outside none;
				background: url(../images/template/bullet.gif) left center no-repeat;
				padding-left: 15px;
				display: block;
				}
			#content .intro {
				color: #e03f26;
				font-size: 1.8em;
				}
				
			#content .headerlink {
				color: #ffffff;
				font-size:14px;
				}
	
		#content h1 {
			font-size: 2.6em;
			border-bottom: 4px solid #e03f26;
			color: #7f7f7f;
			line-height: 1.5em;
			margin: 0 0 10px;
			}
		#content h2 {
	font-size: 1.9em;
	color: #555555;
	line-height: 1.5em;
			}
		#content h3 {
			font-size: 1.6em;
			color: #E03F26;
			line-height: 1.3em;
			margin: 0 0 10px;
			}
			#content h3 a {
				color: #E03F26;
				text-decoration: none;
				}
		#content .box h2 {
			background: #e03f26;
			color: #FFF;
			font-size: 1.8em;
			line-height: 30px;
			text-indent: 5px;
			margin: 0;
			}
			
					
		#content .frame h2 {
			background: #f8f8f7;
			color: #FFF;
			font-size: 2.5em;
			line-height: 30px;
			text-indent: 0px;
			margin: 0;
			}
		
		#content .frame h3 {
			background: #f8f8f7;
			color: #FFF;
			font-size: 1.8em;
			line-height: 30px;
			text-indent: 5px;
			margin: 0;
			}
			
		#content .box h3 {
			background: #F79E1E;
			color: #FFF;
			font-size: 1.8em;
			line-height: 30px;
			text-indent: 5px;
			margin: 0;
			}
			
			#content .box h4 {
			background: #76787a;
			color: #FFF;
			font-size: 1.8em;
			line-height: 30px;
			text-indent: 5px;
			margin: 0;
			}
			
		#content p.price {
			font-size: 2em;
			font-weight: bold;
			color: #000;
			padding: 0 35px 0 15px;
			float: left;
			line-height: 1.5em;
			}
			#content p.price strong {
				font-size: 3em;
				font-weight: bold;
				display: block;
				}
				
			#content p.price1 strong {
				font-size: 2.5em;
				font-weight: bold;
				display: block;
				}
			#content p.price img {
				display: block;
				margin: 5px 0 0;
				}
				
		#content table.large th,
		#content table.large td {
			font-size: 2em;
			}
			
	#content form {
		}		
		#content form fieldset {
			border: none;
			}
			#content form ol {
				margin: 0;
				}
			#content form li {
				list-style:  none outside;
				display: block;
				margin: 0.5em 0;
				width: 100%;
				overflow: hidden;
				}
				#content form li label {
					float: left;
					width: 10em;
					padding: 6px 0;
					}
				#content form li input,
				#content form li textarea,
				#content form li select {
					float: right;
					padding: 6px;
					color: #999;
										}
				#content form li.check input {
					float: none;
					padding: 6px;
					}
				#content form li.check label {
					float: none;
					}
				#content form li.check br {
					height: 0;
					overflow: hidden;
					visibility: hidden;
					clear: both;
					}
			#content form button {
				background-color: #E03f26;
				border-color: #E03f26;
				color: #FFF;
				}
				
			#search label {
				display: none;
				}
		
		.grey { color: #555555 !important; }
		.red { color: #e03f26 !important; }
		.black { color: #000000 !important; }
		

 	
			
/*	Testimonial */
	#content .testimonial {
		width: 590px;
		background: url(../images/template/bg_testimonial-bottom.gif) right bottom no-repeat;
		overflow: hidden;
		position: relative;
		}
		#content .testimonial img {
			position: absolute;
			left: 0;
			top: 20px;
			}
		#content .testimonial blockquote {
			background: url(../images/template/bg_testimonial-top.gif) right top no-repeat;
			padding: 25px 15px 35px 65px;
			width: 378px;
			float: right;
			}
			#content .testimonial blockquote p {
				font-size: 1.5em;
				color: #FFF;
				}
				#content .testimonial blockquote p cite {
					font-size: 0.95em;
					}
	
		
		
/* 	Screenshots */
	.screenshots img {
		display: block;
		margin: 5px auto;
		border: 1px solid #CCC !important;
		padding: 4px;
		}
		
/*	Resources */
	#content ul.resource li {
		background: none;
		padding: 0;
		}
		#content ul.resource li span {
			color: #E03F26;
			border-bottom: 1px dotted #333;
			}
			#content ul.resource li span.hover {
				color: #333;
				cursor: pointer;
				}
			#content ul.resource li ul li {
				list-style: outside none;
				background: url(../images/template/bullet.gif) left center no-repeat;
				padding-left: 15px;
				display: block;
				}
				#content ul.resource li ul li a {
					border: none;
					text-decoration: underline;
					color: #E03F26;
					}
					#content ul.resource li ul li a:hover {
						color: #000;
						}
		
/*	Box Class */
	.box {
		border-bottom: 1px solid #cacdd0;
		background: #f8f8f7;
		width: 100%;
		margin-bottom: 1em;
		float: left;
		}
		/* Required for IE 6/7 to render search drop down correctly above content - JH */
		* html .box { z-index: 0; }
		*+html .box { z-index: 0; }
		
	.box:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.box .content {
		padding: 15px 15px 0;
		clear: both;
		zoom: 1;
		overflow: hidden;
		border-right: 1px solid #cacdd0;
		border-left: 1px solid #cacdd0;
		width: auto !important;
		margin: 0;
		}
	.box span.tl,
	.box span.tr,
	.box span.bl,
	.box span.br {
		width: 14px;
		height: 14px;
		display: block;
		position: relative;
		overflow: hidden;
		background-image: url(../images/template/corner.gif);
		}
	  .box span.tlO,
	  .box span.trO,
	  .box span.blO,		
		.box span.brO {
		width: 14px;
		height: 14px;
		display: block;
		position: relative;
		overflow: hidden;
		background-image: url(../images/template/cornery.gif);
		}
		.box span.tl2,
	  .box span.tr2,
	  .box span.bl2,		
		.box span.br2 {
		width: 14px;
		height: 14px;
		display: block;
		position: relative;
		overflow: hidden;
		background-image: url(../images/template/cornerygr.gif);
		}
	.box span.tl {
		background-position: top left;
		float: left;
		margin-top: 0px;
		margin-left: 0px;
		height: 30px;
		width: 11px;
		}
	.box span.tr {
		background-position: top right;
		float: right;
		margin-top: 0px;
		margin-right: 0px;
		height: 30px;
		width: 11px;
		}
	.box span.bl {
		background-position: 0 14px;
		float: left;
		margin-bottom: -1px;
		margin-left:0px;
		}
	.box span.br {
		background-position: 14px 14px;
		float: right;
		margin-bottom: -1px;
		margin-right: 0px;
		}
	.box span.tlO {
		background-position: top left;
		float: left;
		margin-top: 0px;
		margin-left: 0px;
		height: 30px;
		width: 11px;
		}
	.box span.trO {
		background-position: top right;
		float: right;
		margin-top: 0px;
		margin-right: 0px;
		height: 30px;
		width: 11px;
		}
	.box span.blO {
		background-position: 0 14px;
		float: left;
		margin-bottom: -1px;
		margin-left:0px;
		}
	.box span.brO {
		background-position: 14px 14px;
		float: right;
		margin-bottom: -1px;
		margin-right: 0px;
		}
	.box span.tl2 {
		background-position: top left;
		float: left;
		margin-top: 0px;
		margin-left: 0px;
		height: 30px;
		width: 11px;
		}
	.box span.tr2 {
		background-position: top right;
		float: right;
		margin-top: 0px;
		margin-right: 0px;
		height: 30px;
		width: 11px;
		}
	.box span.bl2 {
		background-position: 0 14px;
		float: left;
		margin-bottom: -1px;
		margin-left:0px;
		}
	.box span.br2 {
		background-position: 14px 14px;
		float: right;
		margin-bottom: -1px;
		margin-right: 0px;
		}		
		
	.box .content .span {
		width: auto;
		height: auto;
		display: inline;
		}
	
/*	frame Class */
	.frame {
		border-top: 1px solid #cacdd0;
		border-bottom: 1px solid #cacdd0;
		background: #f8f8f7;
		width: 100%;
		margin-bottom: 1em;
		float: left;
		}
		/* Required for IE 6/7 to render search drop down correctly above content - JH */
		* html .frame { z-index: 0; }
		*+html .frame { z-index: 0; }
		
	.frame:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.frame .content {
		padding: 0px 0px;
		clear: both;
		zoom: 1;
		overflow: hidden;
		border-right: 1px solid #cacdd0;
		border-left: 1px solid #cacdd0;
		width: auto !important;
		margin: 0;
		}
	.frame span.tl,
	.frame span.tr,
	.frame span.bl,
	.frame span.br {
		width: 14px;
		height: 14px;
		display: block;
		position: relative;
		overflow: hidden;
		background-image: url(../images/template/cornerg.gif);
		}
	  .frame span.tlO,
	  .frame span.trO,
	  .frame span.blO,		
		.frame span.brO {
		width: 14px;
		height: 14px;
		display: block;
		position: relative;
		overflow: hidden;
		background-image: url(../images/template/corneryg.gif);
		}
	.frame span.tl {
		background-position: top left;
		float: left;
		margin-top: 0px;
		margin-left: 0px;
		height: 30px;
		width: 11px;
		}
	.frame span.tr {
		background-position: top right;
		float: right;
		margin-top: 0px;
		margin-right: 0px;
		height: 30px;
		width: 11px;
		}
	.frame span.bl {
		background-position: 0 14px;
		float: left;
		margin-bottom: -1px;
		margin-left:0px;
		}
	.frame span.br {
		background-position: 14px 14px;
		float: right;
		margin-bottom: -1px;
		margin-right: 0px;
		}
	.frame span.tlO {
		background-position: top left;
		float: left;
		margin-top: 0px;
		margin-left: 0px;
		height: 30px;
		width: 11px;
		}
	.frame span.trO {
		background-position: top right;
		float: right;
		margin-top: 0px;
		margin-right: 0px;
		height: 30px;
		width: 11px;
		}
	.frame span.blO {
		background-position: 0 14px;
		float: left;
		margin-bottom: -1px;
		margin-left:0px;
		}
	.frame span.brO {
		background-position: 14px 14px;
		float: right;
		margin-bottom: -1px;
		margin-right: 0px;
		}
	.frame .content .span {
		width: auto;
		height: auto;
		display: inline;
		}	
					
/*	Footer */
	#footer {
		background: #444;
		border-top: 4px solid #333;
		margin-top: 32px;
		padding: 20px 0 0;
		}
		#footer .content {
			position: relative;
			}

		#footer ul.block {
			float: left;
			margin-right: 70px;
			padding-bottom: 20px;
			}
		#footer ul li {
			font-size: 1.4em;
			line-height: 1.5em;
			font-weight: bold;
			list-style: none outside;
			margin: 0.4em 0 0;			
			color: #747373;
			}
			#footer ul li ul li {
				font-size: 0.86em;
				font-weight: normal;
				margin: 0;
				}
				#footer ul li a {
					color: #bbb;
					text-decoration: none;
					
					}
				#footer ul li a:hover {
					color: #fff;
					}
		#footer div.contact {
			float: right;
			margin-right: 10px;
			margin-top: 40px;
			}
			#footer div.contact h2 {
				font-size: 2.1em;
				color: #e03f26;
				margin: 0 0 0.75em;
				}
		#footer .vcard p {
			margin: 0 0 1em;
			font-size: 1.4em;
			line-height: 1.3em;
			color: #bbb;
			}
			#footer .vcard p.org {
				margin: 0;
				font-weight: bold;
				color: #dad8d7;
				}
			#footer .vcard p.contact {
				font-weight: bold;
				}
				#footer .vcard .red,
				#footer .vcard .tel,
				#footer .vcard .email {
					color: #dad8d7;
					text-decoration: none;	
					font-weight: bold;				
					}
		#footer .copyright {
			border-top: 1px solid #444;
			background: #444;
			clear: both;
			}
			#footer .copyright span {
				font-size: 1.2em;
				line-height: 3.5em;
				text-align: left;
				display: block;
				width: 936px;
				margin: 0 auto;
				color: #bbb;
				}
				

	.LV_validation_message{
	     font-weight:bold;
	     margin:0 0 0 5px;
	}	.LV_valid {
	     color:#00CC00;
	}
   
	.LV_invalid {
	font-weight: 900;
	color:#E03F26;
	font-size:0.8em;
		}
   
	.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
	textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
	     border:;
	}
   
	.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
	textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
	     border: 2px solid #E03F26;
	}
	
/*Current Link */	
#navlist a, #navlist a:visited {
display: inherit;
padding: 0px 0px 0px 0px;
border: 0px solid;
border-color: ;
background-color: ;
background-image:  url(assets/l1_down.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;
color:#000000;
text-decoration: none;
}

#navlist a:hover {
background-color: ;
background-image:  url(assets/l1_over.jpg);

color: #000000;
}


#sidebar #navlist .uberlink {
background-color: ;
background-image:  url(assets/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #e03f26 !important;
font-weight: bold;
}
<!--[if IE 5]>
<style>
#navlist a {
float: left;
clear: both;
width: 100%;
}
</style>
<![endif]-->