/*--------------------------------------*/
/* CSS CREATED BY ERIKA GRECO - 2008 ---*/
/* WWW.ERIKAGRECO.COM ------------------*/
/*--------------------------------------*/

/*---------------------*/
/* GENERAL ------------*/
/*---------------------*/
* {margin: 0;padding: 0;}
body {
	background: #d9d3c5;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #3c3a36;
}
hr {display: none;}
img, fieldset {border: none;}
a:link, a:visited {color: #1a899d;}
a:hover, a:active {color: #1ba8c1;}
.clear {clear: both;}
#container {
	width: 969px;
	margin: 0 auto;
	padding: 1px 0 0 0;
}
/*---------------------*/
/* Header -------------*/
/*---------------------*/
#header h1 a {
	background: url(../images/sprite.png) -704px -85px no-repeat;
	float: left;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	width: 259px;
	height: 61px;
	margin: 20px 0 0 0;
}
#header ul#subNav {
	width: 200px;
	float: right;
	display: inline;
	text-align: right;
	font-size: 12px; 
	margin: 8px 10px 8px 0;
}            
#header li {
	list-style: none;
	display: inline;
}                   
#header #subNav a {
	color: #3c3a36;
	font-weight: bold;
	text-decoration: none;
}                        
#header #subNav a:hover {text-decoration: underline;}
#header #nav {
	background: url(../images/sprite.png) -2px -85px no-repeat;
	float: right;
	display: inline;                           
	width: 702px;
	height: 39px;   
	margin-right: 7px;
}
#header #nav .active a {color: #1a899d;}
#header #nav .orange {color: #d56716;}
#header #nav li a {
	float: left;
	display: inline;
	padding: 9px 13px 0 13px;
	height: 28px;
	font-size: 16px;
	color: #3c3a36;
	border-right: 1px solid #d9d3c5;
	font-weight: bold;
	text-decoration: none; 
}                                   
#header #nav ul a:hover {color: #1a899d;}
/*---------------------*/
/* Home ---------------*/
/*---------------------*/
#home {
	background: url(../images/home_screen.png) top left no-repeat;
	height: 274px;
	padding: 50px 0 0 20px;	
}                  
#home h2 {
	width: 370px;
	font-size: 24px;
	color: #8f8a81;        	
	line-height: 1.3em;    
	letter-spacing: -.05em;
}                  
#home h2 strong {color: #3c3a36;}
#home .top {
	background: url(../images/sprite.png) -296px -124px no-repeat;
	width: 360px;
	height: 5px;
	font-size: 0;
	margin-top: 15px;
}
#home .btm {
	background: url(../images/sprite.png) -296px -130px no-repeat;
	width: 360px;
	height: 5px;
	font-size: 0;
}            
#home p {       	
	background: #ece9e2;
	letter-spacing: -.05em;
	font-size: 26px;
	color: #8f8a81;
	font-weight: bold;
	width: 360px;
	text-align: center;
	padding: 7px 0;
}                    
#home p a {
	text-decoration: none;
	color: #1a899d;  
	padding: 2px 6px;
}
#home p .orange {color: #d56716;}
#home p a:hover {
	background: #fff;
}
/*---------------------*/
/* Title --------------*/
/*---------------------*/
#title {
	background: url(../images/sprite.png) -2px 0 no-repeat;
	margin: 25px 0 10px 0;
	font-size: 28px;
	padding: 15px 0 0 20px; 
	width: 942px;
	height: 44px;
	line-height: 1em;
}
/*---------------------*/
/* Main ---------------*/
/*---------------------*/
#mainTop {
	background: url(../images/sprite.png) -2px -59px no-repeat;
	width: 962px;
	height: 5px;
	font-size: 0;
}
#mainBtm {
	background: url(../images/sprite.png) -2px -65px no-repeat;
	width: 962px;
	height: 7px; 
	font-size: 0;
}
#main {
	background: #fff url(../images/sprite.png) 960px 0 repeat-y;
	width: 922px;
	padding: 15px 20px 17px 20px;
}            
/*---------------------*/
/* Tour ---------------*/
/*---------------------*/
.tour .left {
	width: 520px;
	float: left;
	display: inline;
}            
.tour .left img {
	border: 2px solid #bbb6aa;
	display: block;
}            
.tour .right {
	float: right;
	display: inline;
	width: 380px;   
	font-size: 14px;
	line-height: 1.5em;
}
.tour .right h3 {
	font-size: 18px;  
	margin-bottom: 5px;
}
.tour .divider {
	clear: both;
	border-bottom: 1px solid #d9d3c5;
	padding-top: 20px;
	margin-bottom: 20px;
	font-size: 0;
	height: 0;
}                        
/*---------------------*/
/* FAQ ----------------*/
/*---------------------*/
.faq .left {
	width: 360px;
	float: left;
	display: inline;
}                        
.faq .left .top {
	background: url(../images/sprite.png) -296px -124px no-repeat;
	width: 360px;
	height: 5px;
	font-size: 0;
}
.faq .left .btm {
	background: url(../images/sprite.png) -296px -130px no-repeat;
	width: 360px;
	height: 5px;
	font-size: 0;
	margin-bottom: 20px;
}            
.faq .left p {       	
	background: #ece9e2;
	font-weight: bold;
	width: 340px;
	padding: 2px 10px 4px 10px;
	line-height: 1.4em;
}
.faq .left li {
	list-style: none;
	margin-bottom: 7px;
	border-bottom: 1px solid #fff;
}
.faq .left ul li a { 
	display: block;       
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}                  
.faq .left ul a:hover {color: #1ba8c1;}
.faq .left #getSatisfaction {
	width: 294px;
	margin: 0 auto;
}
.faq .left #getSatisfaction a {
	background: url(../images/sprite.png) -2px -124px no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 294px;
	height: 89px;
}
.faq .right {             
	border-left: 1px solid #d9d3c5; 
	float: right;
	display: inline;
	width: 520px;
	padding: 0 0 0 20px;	
}
.faq .right h4 {font-size: 16px;}
.faq .right h2 {
	font-size: 20px;
	margin-bottom: 10px;
}
.faq .right p {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 20px;
}
/*---------------------*/
/* Terms --------------*/
/*---------------------*/                      
.terms p {
	margin-bottom: 10px;
	line-height: 1.3em;
	font-size: 13px;
}
.terms ul,
.terms ol {
	font-size: 13px;
	margin: 0 0 10px 30px;
	line-height: 1.3em;
}                 
.terms li {margin-bottom: 5px;}    
.terms h2 {margin-bottom: 5px;font-size: 18px;}
.terms h3 {margin-bottom: 5px;font-size: 16px;}
.terms h4 {margin-bottom: 5px;font-size: 14px;}
/*---------------------*/
/* Pricing ------------*/
/*---------------------*/
.pricing {
	background: #fff url(../images/sprite.png) 960px 0 repeat-y;
	width: 962px;     
	font-size: 20px;
	padding: 0 2px 0 0;
	letter-spacing: -.04em;
}   
.pricing .blank {background: #d9d3c5;}
.pricing th {
	color: #1a899d;
	padding: 8px 0;
	border-left: 1px solid #d9d3c5;
	background: #fff;
}
.pricing td {	
	border-left: 1px solid #d9d3c5;
	border-top: 1px solid #d9d3c5;
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
	color: #8f8a81;
	background: #fff;
}                      
.pricing td.legend {
	text-align: left;
	padding-left: 20px;
	color: #3c3a36;
}                 
.pricing .odd td {background: #f7f6f3;}
.pricing .price td {color: #3c3a36;}
.pricing .orange td {color: #d56716;}
.pricing .tan {color: #8f8a81 !important;}
.pricing .signupBtns a {
	background: url(../images/sprite.png) -476px -135px no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 130px;
	margin: 0 auto;
	height: 31px;
}
#pricingBtm {
	background: url(../images/sprite.png) -2px -72px no-repeat;
	height: 2px;
	font-size: 0;
}
/*---------------------*/
/* Sign Up ------------*/
/*---------------------*/
.signup .left {
	float: left;
	display: inline;
	width: 265px;
	padding: 0 50px;
	border-right: 1px solid #d9d3c5;
}                                  
.signup .right {
	float: right;
	display: inline;
	width: 460px;
	padding: 0 50px 0 0;
}                       
.signup legend {
	font-size: 20px;
	color: #8f8a81;
	font-weight: bold;
	letter-spacing: -.04em;
	display: block;
	padding-bottom: 10px;	
}
.signup label {
	font-size: 15px;
	margin-bottom: 8px;
	font-weight: bold;
	display: block;
}
.signup .left input.sml {width: 110px;margin: 0 5px;}                    
.signup input {
	font-size: 13px;
	padding: 2px;
	width: 245px;
}       
.signup .right input.lrg {width: 440px;}         
.signup form span {
	background: #ece9e2;
	display: block;     
	padding: 5px;
	margin-top: 2px;
	font-size: 14px;
	font-weight: normal;
}       
.signup .inlineLeftSml,
.signup .inlineLeft {
	float: left;
	display: inline;
	width: 205px;
}
.signup .inlineRight input {width: 225px;}             
.signup .inlineLeft input {width: 185px;}
.signup .inlineRightLrg,
.signup .inlineRight {
	float: right;
	display: inline;
	width: 245px;
}                     
.signup .inlineRightLrg select,
.signup .inlineRight select {width: 235px;margin: 3px 0;}                 
.signup .inlineRight select.med {width: 150px;margin-right: 5px;}
.signup .inlineLeft select.med {width: 195px;margin: 3px 5px 3px 0;}
.signup .inlineRight select.sml {width: 75px;}
.signup .inlineLeftSml {width: 145px;}                
.signup .inlineLeftSml input {width: 125px;}
.signup .inlineRightLrg {width: 305px;}          
.signup .inlineRightLrg select {width: 295px;}
.signup .right label.sml {width: 205px;}
.signup .right label.sml input {width: 185px;}
.signup .inlineRightSml {
	width: 150px;
	float: left;
	display: inline;
	margin-left: 10px;
}               
.signup .inlineRightSml input {
	width: 65px;    
	margin: 3px 5px 0 0;      
	float: left;
	display: inline;
}
.signup .inlineRightSml img {
	display: block;
	float: left;
	display: inline;
}
.signup .inlineRightSml span {
	width: 130px;
	padding: 2px 5px;
	height: 32px;
}
/*---------------------*/
/* Form Btm -----------*/
/*---------------------*/
.signup .top {
	background: url(../images/sprite.png) -2px -74px no-repeat;
	width: 919px;
	height: 5px;
	font-size: 0;
	margin-top: 20px;
}
.signup .btm {
	background: url(../images/sprite.png) -2px -80px no-repeat;
	width: 919px;
	height: 5px;
	font-size: 0;
}            
.signup .mid {background: #ece9e2;}
.signup .mid .left {
	padding: 5px 10px;
	border: none;
	width: 340px;
}
.signup .mid .right {padding-top: 15px;}
.signup .mid h4 {
	font-size: 20px;
	letter-spacing: -.04em;
	margin-bottom: 10px;
}                     
.signup .mid p {font-size: 16px;line-height: 1.3em;}  
.signup .mid p strong {color: #8f8a81;}
.signup .mid input {width: auto;margin-right: 5px;}
.signup .mid label {text-align: center;}
.signup .mid #btnCompleteSignUp {
	background: url(../images/sprite.png) -296px -135px no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 180px;
	height: 31px;
	border: none;
	cursor: pointer;
	margin: 0 auto;
}
/*---------------------*/
/* Form Errors --------*/
/*---------------------*/
.signup p.error {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 5px 8px;
	background: #fffa71;
}
.signup label.error span {
	background: #fffa71;
}             
div.fieldWithErrors {display: inline;}
div.fieldWithErrors * {background: #fffa71;}
/*---------------------*/
/* Error Pages --------*/
/*---------------------*/                  
.errorPage h2 {
	margin-bottom: 10px;
}         
.errorPage p {
	line-height: 1.5em;
}
/*---------------------*/
/* Bottom -------------*/
/*---------------------*/
#btm {    
	margin: 30px 20px;
	font-size: 15px;   
	line-height: 1.5em; 
}            
#btm h3 {
	font-size: 22px;
	margin-bottom: 10px;
}
#btm .left {
	border-right: 1px solid #bbb6aa;
	float: left;
	display: inline;
	width: 360px;
	padding: 0 10px 30px 0;
}                         
#btm .right {
	float: right;
	display: inline;
	width: 535px;
}        
#btm .features li {
	float: left;
	display: inline;
	width: 175px;   
	margin-right: 3px;
	line-height: 1em;
}                     
#btm .features li img {
	display: block;
	margin: 0 auto;
}
#btm .features p {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	color: #3c3a36 !important;
}
/*---------------------*/
/* Footer -------------*/
/*---------------------*/
#footer p {
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
}
#footer a {color: #3c3a36;}