/******************************
   General element styles
******************************/
* { margin:0; padding:0; }
html { overflow-y:scroll; }
html, body { height:100%; }
body { font-family:Arial, Helvetica, sans-serif; font-size:100%; position:relative; background:url('../images/bg.gif') top repeat-x #edf3f9; }
h1, h2, h3, h4 { font-family:"Trebuchet MS",Calibri,Arial,sans-serif; }
h1 { font-size:35px; color:#336699; margin:0 0 20px; font-weight:normal; } 
h2 { font-size:24px; color:#336699; margin:0 0 12px; font-weight:normal; } 
h3 { font-size:18px; color:#336699; margin:0 0 8px; font-weight:normal; } 
h4 { font-size:14px; color:#336699; margin:0 0 4px; font-weight:normal; } 
ol { margin:0 0 10px 18px; }		
ul { margin:0 0 10px 16px; }
input, select, textarea, button { font-family:Arial, Helvetica, sans-serif; color:#534741; font-size:11px; }
a { color:#990000; text-decoration:none; outline:none; }
	a:hover { text-decoration:underline; }
p { margin:0 0 8px; }
	p.last { margin:0 0 16px; }
img { border:none; }
button { cursor:pointer; }
fieldset { border:0; }
.required { color:#F3161E; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.radio, .checkbox { vertical-align:middle; margin:0 2px 0 0; }
.session { position:absolute; top:0; left:0; overflow-y:scroll; width:300px; height:14px; padding:10px; background:#ffffff; font-size:11px; }	
	
/******************************
   Wrap
******************************/	
#wrap { position:relative; overflow:hidden; width:980px; height:100%; height:auto !important; min-height:100%; margin:0 auto; font-size:12px; background:#f4f6f9; color:#666666; zoom:1;  }
	#wrap .logo { position:absolute; width:327px; height:130px; top:0; left:0; background:url('../images/logo.png'); z-index:300; }
		#wrap .logo a { display:block; width:100%; height:100%; text-indent:-1000em; }	
	#wrap .content { }
	
	/******************************
	   Header
	******************************/		
	#wrap .content .header { position:relative; width:100%; height:106px; background:url('../images/header/bg-header.jpg') top right no-repeat;  }
		#wrap .content .header .nav { position:absolute; bottom:8px; right:0px; z-index:100; } 		
			#wrap .content .header .nav ul { overflow:hidden; zoom:1; list-style:none; margin:0; }
				#wrap .content .header .nav ul li { float:left; /*width:165px; */ line-height:40px; margin:0 0 0 4px;/* background:url('../images/nav/bg-item.png') top center no-repeat; */ text-align:center; }				
					#wrap .content .header .nav ul li a { display:block; height:39px; padding:0 0 0 17px; color:#4e8ece; font-size:18px; text-decoration:none; text-transform:lowercase; letter-spacing:.02em; font-family:"Trebuchet MS",Calibri,Arial,sans-serif; background:url('../images/nav/bg-item-left.png') top left no-repeat;  }	
					#wrap .content .header .nav ul li a span { display:block; height:39px; line-height:39px; padding:0 22px 0 5px; background:url('../images/nav/bg-item-right.png') top right no-repeat; }
						#wrap .content .header .nav ul li a:hover, #wrap .content .header .nav ul li.on a { color:#ffffff; }
					
		/******************************
		   Login/Register
		******************************/						
		#login-register { position:absolute; width:960px; height:42px; top:0; right:0; background:url('../images/header/bg-login-register.png') bottom right no-repeat; z-index:200; }					
			#login-register .inner { width:100%; height:100%; position:relative;  }
				#login-register .inner .divider { position:absolute; right:150px; bottom:42px; width:2px; height:86px; background:url('../images/nav/divider.png') repeat-y; }			
			
				/******************************
				   Login
				******************************/		
				#login-register .inner h3 { color:#ffffff; text-transform:uppercase; font-size:14px; font-weight:bold; }		
				#login-register .inner .login-heading { position:absolute; right:1px; bottom:16px; width:85px; color:#ffffff; font-family:"Trebuchet MS",Calibri,Arial,sans-serif; text-transform:lowercase; font-size:14px; text-align:center; }						
				#login-register .inner .login { position:absolute; left:380px; bottom:44px; width:468px; color:#ffffff; }
					#login-register .inner .login .registered-with-twitter { position:relative; height:25px; margin:0 0 6px; padding:0 0 6px; background:url('../images/nav/divider-horizontal.png') bottom repeat-x; }				
					#login-register .inner .login .registered-with-twitter h3 { position:absolute; top:4px; left:0; }
					#login-register .inner .login .registered-with-twitter .twitter-login { position:absolute; top:0; right:0; overflow:hidden; zoom:1; background:url('../images/nav/label-registered-twitter.png') left center no-repeat; }									
					#login-register .inner .login .registered-with-twitter .twitter-login a { float:right; display:block; width:151px; height:24px; background:url('../images/nav/button-twitter-login.png') top left no-repeat; text-indent:-1000em; }
					
					#login-register .inner .login .registered-with-email { }
					#login-register .inner .login .registered-with-email .email-login { position:relative; overflow:hidden; zoom:1; width:468px; height:50px; /*background:url('../images/nav/label-registered-email.png') top left no-repeat; */ }
					#login-register .inner .login .registered-with-email .email-login .fields { position:absolute; left:0; bottom:4px; }
						#login-register .inner .login .registered-with-email .email-login .fields input { width:128px; margin:0 4px 0 0; }					
					#login-register .inner .login .registered-with-email .email-login .remember-me { position:absolute; left:280px; bottom:16px; font-size:10px; }
					#login-register .inner .login .registered-with-email .email-login .forgot-password { position:absolute; left:280px; bottom:0; font-size:10px; }
						#login-register .inner .login .registered-with-email .email-login .forgot-password a { color:#ffffff; text-decoration:underline; }					
					#login-register .inner .login .registered-with-email .email-login .login-button { position:absolute; right:100px; bottom:0px; }																				
					
				/******************************
				   Register
				******************************/					
				#login-register .inner .register { position:absolute; right:28px; bottom:55px; width:95px; padding:20px 0 0; background:url('../images/nav/label-not-member.png') top center no-repeat; }				
					#login-register .inner .register a { display:block; width:87px; height:28px; background:url('../images/nav/button-join-now.png') top left no-repeat; text-indent:-1000em; }				
				
				/******************************
				   Open Button
				******************************/						
				#login-register .inner .button-open { position:absolute; bottom:10px; right:0; }
					#login-register .inner .button-open a { display:block; width:150px; height:30px; text-indent:-1000em; }	

/******************************
   Logged out layout
******************************/	
.logged-out { }
	.logged-out #main { clear:left; overflow:hidden; zoom:1; padding:0 0 50px; background:url('../images/bg-main-top.gif') top repeat-x; }					
		.logged-out #main .column-left { float:left; width:738px; padding:20px 0 0 20px; }		
		.logged-out #main .column-right { float:right; width:188px; margin:20px 7px 0 0; }							

/******************************
   Right Buckets
******************************/

		  /******************************
			 Case Studies
		  ******************************/  	
		  .bucket .case-studies { }
			  .bucket .case-studies .company-logo { text-align:center; }
			  
		  /******************************
			 Testimonials
		  ******************************/  	
		  .bucket .testimonials { }
			  .bucket .testimonials .quote { width:168px; }
				 .column-right .bucket .testimonials .quote .top { width:152px; height:48px; padding:0 0 4px 8px; background:url('../images/logged-in/testimonials/bg-quote-top.png') bottom center no-repeat;  }				  
				 .column-right .bucket .testimonials .quote .inner { padding:14px 15px 0; background:url('../images/logged-in/testimonials/bg-quote-inner.png') top center no-repeat; border:0; font-size:11px; }	
				 .column-right .bucket .testimonials .quote .bottom { width:168px; height:12px; margin:0 0 12px; background:url('../images/logged-in/testimonials/bg-quote-bottom.png') top center no-repeat; font-size:0; }	  

/******************************
   Shared Form 
******************************/		
.steps { overflow:hidden; zoom:1; margin:0 0 12px; }	
	.steps .step { float:left; overflow:hidden; zoom:1; }			
		.steps .step span { display:block; float:left; height:80px; line-height:80px; color:#cccccc;  }			
		.steps .step .step-number { margin:0 8px 0 0; font-size:70px; }
		.steps .step .step-name { margin:0 8px 0 0; font-size:16px; font-weight:bold; }
		.steps .step .step-divider { width:20px; margin:0 24px 0 0; background:url('../images/advertisers/divider-steps.png') left center no-repeat; text-indent:-1000em; }
		.steps .on span { color:#666666; }
			.steps .on .step-divider { background:url('../images/advertisers/divider-steps-on.png') left center no-repeat; }

.shared-form { }
	.shared-form .label { overflow:hidden; zoom:1; height:32px; }
		.shared-form .label label { float:left; }	
		.shared-form .label a.help { float:right; display:block; width:31px; height:30px; background:url('../images/icons/help.png') top left no-repeat; text-indent:-1000em; }		
	.shared-form label { display:block; margin:0 0 8px; color:#336699; font-size:18px; }
	.shared-form input { display:block; width:95%; padding:4px; margin:0 0 24px; font-size:18px; }	
		.shared-form input.short { width:10%; }		
	.shared-form select { display:block; width:100%; padding:4px; margin:0 0 24px; font-size:18px; }		
	.shared-form textarea { display:block; width:100%; height:80px; padding:4px; margin:0 0 24px; font-size:18px; }		
	.shared-form .checkbox-holder { overflow:hidden; zoom:1; margin:0 0 24px; }		
		.shared-form .checkbox-holder * { float:left; height:22px; vertical-align:middle; }			
		.shared-form .checkbox-holder label { color:#999999; font-size:16px; }				
		.shared-form .checkbox-holder .checkbox { width:auto; margin:0 8px 0 0; }
		.shared-form a.register { display:block; width:86px; height:26px; background:url('../images/buttons/button-register.png') top left no-repeat; text-indent:-1000em;  }			
		.button-submit { display:inline-block !important; width:70px !important; height:26px; padding:0 !important; background:url('../images/buttons/button-submit.png') top left no-repeat; border:0; text-indent:-1000em; cursor:pointer; }
		.button-cancel { display:inline-block !important; width:87px !important; height:26px; padding:0 !important; background:url('../images/buttons/button-cancel.png') top left no-repeat; border:0; text-indent:-1000em; cursor:pointer; }		
	.shared-form .checkbox input { display:inline; width:auto; margin:0 6px 0 0; }	

/******************************
   Success/Error
******************************/		
.success { height:55px; line-height:55px; margin:0 0 12px; padding:0 0 0 64px; background:url('../images/bg-success.png') top left no-repeat; color:#ffffff; font-size:16px;  }
.error { display:none; height:55px; line-height:55px; margin:0 0 12px; padding:0 0 0 24px; background:url('../images/bg-error.png') top left no-repeat; color:#ffffff; font-size:16px; }
	.success span, .error span { font-size:24px; }

/******************************
   Subnav
******************************/		
/*.subnav { float:left; width:100%; height:42px; margin:0; background:#002244;  }
	.subnav .inner { position:relative; }
	.subnav label { float:left; font-family:"Trebuchet MS",Calibri,Arial,sans-serif; color:#ffffff; font-size:14px; font-weight:bold; }*/
.subnav { position: relative; z-index: 1000; float:left; width:100%; height:42px; margin:0; background:#002244;	}
	.column-right {	position: relative;	z-index: 1;	}
	.case-study .subnav .inner { position:relative; float: right;	line-height: 30px; margin-right: 15px; padding-top: 12px;}
	.case-study .subnav label { float:left; font-family:"Trebuchet MS",Calibri,Arial,sans-serif; color:#ffffff; font-size:14px; font-weight:bold; margin-right: 15px;}
	.case-study .subnav ul.sf-menu { float: right;	}
	.case-study .subnav ul.sf-menu > li { line-height: 30px; }
	.case-study .subnav li li { line-height: 1; margin: 10px 0; }
	.case-study .subnav ul ul { border: 1px solid #bebfc1; 	border-top: 0;	padding: 10px 0;background: #fff;	}
	.case-study .subnav ul.sf-menu a {	color: #4e8ece;	font-size: 14px;text-align: right;	padding: 0 15px;	}
	.case-study .subnav ul.sf-menu > li {	padding: 0 13px 0 0;}
	.case-study .subnav ul.sf-menu > li > a { padding-left: 13px;	}
	.case-study .subnav ul.sf-menu a.sf-with-ul {	padding-right: 18px;}
	.case-study .subnav ul.sf-menu li.hover {	background: url(case-study-farmers-insurance_files/tab-right.png) top right no-repeat;	}
	.case-study .subnav ul.sf-menu li.hover > a { background: url(case-study-farmers-insurance_files/tab-left.png) no-repeat;	}
	

/******************************
   Footer
******************************/						
#footer { overflow:hidden; font-size:10px; margin:0 20px 20px; }
	#footer .copyright { float:left; }
	#footer .links { float:right; }	
	a.twitter-small { float:left; display:block; width:16px; height:16px; margin:0 2px 0 0; background:url('../images/icons/twitter-small.png') top left no-repeat; text-indent:-1000em; }
	a.facebook-small { float:left; display:block; width:16px; height:16px; background:url('../images/icons/facebook-small.png') top left no-repeat; text-indent:-1000em; }	
	
/******************************
   Footer (new)
******************************/						
#footer-n { margin:0 0 20px;  }
#footer-n .top { height:32px; line-height:32px; padding:0 48px 0 0; background:#b3b3b3; text-align:right; font-size:11px; color:#ffffff; }
#footer-n .mid { padding:16px 48px 16px 0; font-size:14px; color:#aaaaaa; text-align:right; }
#footer-n .mid a { font-size:14px; color:#aaaaaa; }
#footer-n .mid span { padding:0 4px; }
#footer-n .bot { overflow:hidden; zoom:1; padding:0 48px 0 0; }
#footer-n .bot a { display:block; float:right; margin:0 0 0 8px; text-indent:-1000em; }
#footer-n .bot a.facebook {  width:29px; height:55px; background:url('../images/footer/facebook.png') top left no-repeat;  }
#footer-n .bot a.twitter { width:29px; height:55px; background:url('../images/footer/twitter.png') top left no-repeat; }

/******************************
   jQuery
******************************/	
.ui-tabs-hide { display:none; }