@charset "utf-8";
/* CSS Document */

/****************************************
	Global Elements
****************************************/

body{
	behavior: url(csshover.htc);
	margin:0;
	padding:0;
	font-family: "Tahoma", sans-serif; 
	font-size: 12px;	
	background:#30393d;
	}
#header_inner_bg {
	background:url(../images/inner_header_bg.gif) top repeat-x;
	}
	
#wrapper_bg {
	background:#30393D url(../images/banner_tour_bg.gif) top repeat-x;	
	margin-top:-8px; /* added newly */
	}

#wrapper_bg_ser {
	background:#30393D url(../images/banner_bg2.gif) top repeat-x;
	}
	
.wrapper {
	width:960px;
	margin:0 auto;
	}
	
h1, h2, h3 {
	font-family: Georgia;
	color:#FBB03B;
	font-weight:normal;
	}
h1.features_h1, h2.green {
	color:#8CC63F;
}	
a {
	color:#67D3F9;
	outline: none;
	border: none;
	}
	
a:hover {
	text-decoration: none;
	}
a img {
	border: none;
	}
a.blue_arrow {
	background: url(../images/arrow_blue.gif) no-repeat 0 7px;
	padding-left: 9px;
}
	
a.action_button_big {
	background:url(../images/action_button_big.png) no-repeat;
	width:234px;
	padding-right: 20px;
	height: 28px;
	padding-top: 12px;
	margin:0 auto;
	display: block;
	}	
a.action_button_big, a.action_button_med  {
	font:bold 12px Tahoma;
	text-align:center;
	text-transform:uppercase;
	display:block;
	text-align:center;	
	color:#0071BC;
	text-decoration:none;
	}
a.action_button_med {
	background:url(../images/action_button_med.png) no-repeat;
	width:187px;
	height: 28px;
	padding-top: 12px;	
	margin-right:12px;	
	text-align: center;
	padding-right: 20px;	
	}	
a.action_button_big:hover, a.action_button_med:hover{	
	color:#29ABE2;
	}
.check_list, .benefits_list {
	padding:0 0 0 20px;
	line-height: 1.2em;
	}
ol {
	list-style-type: decimal;
	line-height: 1.2em;
	color: #fff;
	margin-left: 20px;
}
ol li {
	margin-left: 20px;
}
.check_list li, .benefits_list li{
	background:url(../images/tick.jpg) no-repeat;
	padding:5px 0 5px 38px;
	color:#fff;
	}	
.home_list li a{
	text-decoration: none;
	
	}
.benefits_list li{
	background:url(../images/star_li.jpg) no-repeat 0 3px;
	}
#about_list li {
	border-bottom: solid 1px #4a5b5f;
	padding-top: 10px;
}
#about_list li#last_li {
	border-bottom: none;
}
#about_list li h2 {
	font-family: Georgia;
	font-size: 18px;
	margin-bottom: -10px;
}
#content #about_list p{
	}
.chat_button, .tour_button {
	display:block;
	font-size:14px;
	padding-top:22px;
	margin-left:20px;
	display:block;	
	color:#cce3f2;	
	text-decoration:none;	
	vertical-align:middle;	
	}
.chat_button {
	background:url(../images/chat_button.gif) no-repeat;
	width:271px;
	height:50px;
	margin-left:20px;
	padding-top:14px;
	padding-left:10px;
	text-align:center;	
	}	
.tour_button {
	background:url(../images/tour_button_bg.gif) no-repeat;
	width:263px;
	height:42px;
	padding-left:40px;		
	}
	
/****************************************
	Header
****************************************/

#header_wrapper {
	overflow:hidden;
	background: #fff url(../images/header_gradient.jpg) repeat-x 0 -2px;
	padding-top: 5px;
	}	
#header {
	width:960px;
	margin:0px auto;
}
#logo {
	float:left;
	top:25px;
	position: absolute;
	}	
	
/****************************************
	Top Nav
****************************************/

#nav_wrapper {
	float:right;
	text-align:right;	
	width:672px;
	}	
#top_nav {
	float:right;
	}
#top_nav, #chat_link, #chat_link a {
	color:#027CB2;
	text-decoration:none;	
	}	
#top_nav li{
	float:left;
	display:block;
	margin:0px 0px 0px 3px;
	}
			
#top_nav li a, .nav_sep{	
	color:#027CB2;
	text-decoration:none;
	position:relative;
	top:4px;
	}
#phone_num {	
	width:156px;
	color:#30393d;
	font-size:20px;
	font-weight: bold;
	clear:both;	
	float:right;
	display:block;
	padding:0 11px 0 0;
	}
	
.Web_chatIcon {
	background: url(../images/header_chat_btn.jpg) 0px 2px no-repeat;
	width:122px;
	height:28px;
	margin-top: -2px;
	line-height: 27px;
	font-weight: normal;
	font-size: 10px;
	text-align:left;
	padding-left:14px;
	display: block;
	text-transform: uppercase;
	color: #0071BC;
	text-decoration: none;
	
	}
	
/****************************************
	Global Nav
****************************************/
	
#global_nav_wrapper {
	width:100%;
}
#global_nav	{
	margin:20px 0 0 0;
	float:right;
	clear:both;
	}
#global_nav	li{	
	display:block;
	float:left;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:0 1px;
	}
*html #global_nav li{
	width:1%;
	display: inline;
}	
.nav_lft {
	background: url(../images/nav_lft.gif) left no-repeat;
	height:31px;
	}
a.nav_mid {
	background: url(../images/nav_mid.gif) repeat-x;
	height:31px;
	padding:0 10px 0 10px;
	margin:0 5px;
	vertical-align:middle;
	line-height:31px;
	display:block;
	text-decoration:none;
	color:#fff;	
	}	
a.nav_mid:hover{
	color:#30393D;
	text-decoration:none;
	}
	
.nav_rgt {
	background:url(../images/nav_rgt.gif) right no-repeat;
	height:31px;
	}	

.nav_lft_curr {
	background:url(../images/nav_lft_curr.gif) left no-repeat;
	height:31px;
	}
a.nav_mid_curr {
	background:url(../images/nav_mid_curr.gif) repeat-x;
	height:31px;
	padding:0 10px 0 10px;
	margin:0 5px;
	vertical-align:middle;
	line-height:31px;
	display:block;
	text-decoration:none;
	color:#fff;	
	}	
.nav_rgt_curr {
	background:url(../images/nav_rgt_curr.gif) right no-repeat;
	height:31px;
	}	
a.nav_mid_curr:hover{
	color:#fff;
	text-decoration:none;
	}
#free_trial_nav {
	float:left;
	background:url(../images/free_trial.gif) no-repeat;
	width:85px;
	height:24px;
	text-align:center;
	text-decoration: none;
	color:#fff;	
	padding: 6px 0 0 2px;
	}
a#free_trial_nav:hover{
	color:#30393D;
	text-decoration:none;
	}

/****************************************
	Sub Nav
****************************************/	
#sub_nav_wrapper {
	background:#30393d url(../images/sub_nav_bg.gif) repeat-x;
	padding: 5px 0 0 0;
}
#sub_nav {
	width:960px;
	margin:0 auto;
	padding: 0;
	height: 30px;
	overflow: hidden;
	}
#sub_nav li{
	float:left;
	}	
#sub_nav a{
	color:#a6c6cc;
	font-size:14px;
	text-decoration:none;
	padding:4px 15px 4px 11px;
	margin-left: 4px;
	line-height:21px;
	height: 30px;
	display: block;
	}
*html #sub_nav a {
	width: 1px;

}
#sub_nav a:hover{
	color:#fff;
	}	
.search_field{
	float:right;
	background:url(../images/search_bg.gif) no-repeat;
	width:158px;
	height:23px;
	margin-top:5px;
	}	
.search_field input {
	font-size:12px;
	color:#fff;
	padding-top:2px;
	padding-right:7px;
	width:108px;
	background:none;
	border:0;	
	margin-left:30px;
	}
#active_sub {
	background: url(../images/active_sub_bg.jpg) no-repeat left top;
}
#active_sub a {
	background: url(../images/active_sub_bg.jpg) no-repeat right top;
	color:#fff;
}
#breadcrumb_wrapper {
	background: url(../images/breadcrumb_bg.jpg) repeat-x;
}	
#breadcrumb {
	width:960px;
	margin:0 auto;
	display: block;
	height: 18px;
	padding: 12px 0 0 0;
}
#breadcrumb li {
	display: block;
	float:left;
	padding-right: 5px;
}
#breadcrumb li a {
	color:#000;
}

/****************************************
	Banners
****************************************/

#banner_wrapper {
	clear:both;
	overflow:hidden; 
	background: url(../images/banner_gradient.jpg) repeat-x;
	padding: 15px 0;
	height:240px;
	border-bottom: solid 3px #475E63;
	}	
#banner {
	clear:both;
	width:960px;
	margin: 0 auto;
	overflow:hidden; 
	}	
#anfo_service h1{
	font-size:38px;
	color:#30393d;
	margin:30px 0 0 65px;
	padding:0;
	}
.banner_main {
	width:650px;
	height:250px;
	float:left;
	}	
#home_banner {
	background:url(../images/home_answering_banner.jpg) no-repeat;
}
#services_banner {
	background:url(../images/services_banner.jpg) no-repeat;
}
#features_banner {
	background:url(../images/features_banner.jpg) no-repeat;
}
#about_banner {
	background:url(../images/about_banner.jpg) no-repeat;
}
.banner_main blockquote {
	font-family: Georgia;
	font-size: 28px;
	font-style: italic;
	color:#fff;
	width:310px;
	position: absolute;
	margin: 70px 0 0 300px;
	line-height: 1em;
}
#features_banner blockquote {
	margin: 70px 0 0 290px;
}
#about_banner blockquote {
	margin: 70px 0 0 290px;
	font-size: 26px;
	text-align: center;
	margin-left: 280px;
}
.banner_sub {	
	width:310px;
	height:250px;
	float:left;
	text-align:center;
	}	
.banner_title {
	font-family:Georgia;
	color:#fff;
	font-weight:none;
	font-size:30px;
	margin-top:40px;
	margin-left:247px;
	}	
.banner_title a {
	text-decoration: none;
	text-transform: capitalize;
	color: #fff;
}
.banner_main p{
	font-family:Georgia;
	color:#cce3f2;
	font-size:17px;
	width:350px;
	text-align:left;
	font-style:italic;
	margin:25px 0 0 268px;	
	}	
a#learn_more{
	text-transform: uppercase;
	color:#fff;
	display: block;
	float:right;
	margin:10px 50px 0 0;
	}	
*html #banner_main a {
	margin-right: 30px;
}
#trial{	
	background:url(../images/home_free_banner.jpg) no-repeat;
	}
#tour{	
	background:url(../images/features_tour_banner.jpg) no-repeat;
	}
#about_sub{	
	background:url(../images/about_sub_banner.jpg) no-repeat;
	}
#about_sub ul {	
	text-align: left;
	color: #fff;
	font-size: 14px;
	padding: 92px 20px 0 75px;
	}
#about_sub ul li {
	padding-bottom: 11px;
}	
.banner_sub h1 {
	font-size:28px;
	color:#fff;
	margin:50px 0 15px 0px;
	text-align: center;
	}
	
.banner_sub p {
	font-size:16px;
	color:#fff;
	width:248px;
	line-height: 1.2em;
	margin:0 0 20px 30px;
	}	
#tour {
	text-align: left;
}
#tour p {
	font-size:14px;
	color:#fff;
	width:155px;
	padding-left:0px;
	text-align: left;
	}
 
/****************************************
	Middle Content 
****************************************/
	
#content_wrapper{
	clear:both;
	margin:20px auto 0 auto;
	background:#30393D;
	width:960px;
	overflow:hidden;
	}	

/****************************************
	Sidebar Content
****************************************/

#sidebar	{
	width:320px;
	overflow: hidden;
	float:left;
	margin-left: -5px;
	background: url(../images/sidebar_bg.gif) repeat-y;
	}
#sidebar_header {
	background:url(../images/sidebar_header.gif) no-repeat;
	height:12px;
	width:312px;
	}	
#sidebar_footer {
	background:url(../images/sidebar_footer.gif) no-repeat bottom;
	height:11px;
	width:312px;
	padding-top: 10px;
	}
#sidebar h1 {
	font-size: 18px;
	color:#fff;
	margin: 10px 0 0 24px;
	line-height: 1.2em;
	}
.sidebar_widget {
	background: url(../images/widget_bg.gif) repeat-y;
	margin: 0 0 0 20px;
	position: relative;
	width:320px;
	z-index: 0;
	}
.widget_header {
	background: url(../images/widget_header.gif) no-repeat;
	height: 16px;
	}
.widget_footer {
	background: url(../images/widget_footer.gif) no-repeat;
	height: 24px;
	}	
.sidebar_widget .widget_btn {
	width:228px;
	margin-left: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color:#fff;
	margin-top: 10px;
	cursor: hand;
	cursor: pointer;
	display: block;

}
#web_chat {
	background: url(../images/chat_widget_btn.jpg) no-repeat;
	line-height: 44px;
	height: 46px;
	text-align: center;
	padding-left: 15px;
	width:213px;
	font-weight:normal;
}
#pricing {
	background: url(../images/pricing_widget_btn.jpg) no-repeat;
	line-height: 44px;
	height: 46px;
	text-align: center;
	padding-left: 28px;
	width:198px;
}	
#click_to_call label {
	color:#CCE3F2;
	display:block;
	float:left;
	font-weight:normal;
	padding:10px 5px 4px 1px;
}
#click_to_call ul {
	padding-left: 30px;
	
}
*html #click_to_call ul {
	margin-bottom: -20px;
	margin-left: 0;
}
#click_to_call li {
	display:block;
	float: left;
	width: 105px;
	margin: 0 2px 5px 0;
}
#click_to_call li input {
	border-left: solid 1px #333;
	border-top: solid 1px #333;
	border-bottom: none;
	border-right: none;
	color:#fff;
	background: #66787B;
	font-size:11px;
	height:14px;
	padding:3px 2px 2px 4px;
	width: 95px;
	clear: both;
}
*html #click_to_call {
	height: 90px;
}
#call_me {
	background: transparent url(../images/clicktocall_widget_btn.jpg) no-repeat;
	height: 50px;
	padding-top: 5px;
	text-align: center;
	padding-left: 18px;
	width:228px;
	clear: both;
	display: block;
	border: none;
	font-size: 12px;
	margin-top: 0;
}
*html #call_me {
	width:228px;
}	
#next_steps {
	margin:15px 0 10px 30px;
	padding:0;
	}	
#next_steps li{	
	margin-top:6px;
	color:#CCE3F2;
	}
#next_steps li a{
	font-size:14px;
	color:#CCE3F2;	
	position:relative;
	top:-4px;
	padding-left:8px;
	}	
.signup_widg {
	margin: 0 0 5px 20px;
	border: none;
}	
	
/****************************************
	primary content 
****************************************/
	
#content {
	float:left;
	width:625px;
	overflow: hidden;
	margin-left:15px;
	font-size: 14px;
	}
		
#content h1{		
	margin:6px 0 15px 0;
	font-size: 28px;
	}
#content h1.white {		
	color:#fff;
	margin:6px 0 5px 0;
	}
#content h2{		
	margin:6px 0 15px 0;
	font-size: 22px;
	}
#content h3{		
	margin:6px 0 15px 0;
	font-size: 18px;
	}
#content p {
	color:#CCE3F2;
	padding:0;
	margin:15px 0 15px 2px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2em;
	}	
#content strong {
	font-weight: bold;
	color: #fff;
}

 #content .Web_chatIcon {
	color:#67D3F9;
	outline: none;
	border: none;
	cursor: hand;
	cursor: pointer;
	}
.tour_banner {	
	margin-top:15px;
	background:url(../images/tour_banner_bg.jpg) no-repeat;
	width:640px;
	height:167px;
	margin-left: -3px;
	}
	
#content .tour_banner h1 {
	color:#fff;
	line-height:1.1em;
	position:relative;
	top:42px;
	left:195px;
	font-size: 22px;
	font-weight: normal;
	width:370px;
	}
.tour_banner .action_button_med {
	position:relative;
	top:45px;
	left:390px;
	}	
#summary_header {
	background:url(../images/tour_content_header.gif) top no-repeat;
	width:625px;
	height:10px;
	overflow:hidden;
	margin: 5px 0 0 0;
	}  	
#summary_content {
	background: url(../images/tour_content_bg.gif) top repeat-y;
	width:625px;
	float: left;
	margin: 0;
	padding: 10px 0 20px 0;
}
#summary_content img {
	float:left;
	margin: 5px 40px 0 30px;
	position: absolute; 
}
#summary_content h3 {
	margin: 0 0 0 120px;
	color:#30393D; 
	font-family: Georgia;
	font-size: 20px;
}
#summary_content p {
	margin: 5px 20px 0 120px;
	color:#30393D; 
}
#summary_footer {
	padding:10px 0 0;
	margin-bottom: 15px;
	width: 625px;
	height: 40px;
	clear:both;
	background: url(../images/tour_content_footer.gif) no-repeat bottom;
	}
#summary_footer ul {
	padding: 0 0 0 20px;
}	
#summary_footer ul li {
	display: inline;
	float: left;
	line-height: 25px;
	margin: 0 20px 0 0;
}
#summary_footer, #summary_header, #summary_content {
	margin-left: -5px;
}	
.mini_price {
	background: url(../images/mini_price_icon.gif) no-repeat 0 5px;
	padding-left: 17px;
}
.mini_chat {
	background: url(../images/mini_chat_icon.gif) no-repeat 0 5px;
	padding-left: 20px;
}
.mini_trial {
	background: url(../images/mini_star_icon.gif) no-repeat 0 5px;
	padding-left: 19px;
}
.mini_next {
	background: url(../images/mini_arrow_icon.gif) no-repeat 0 5px;
	padding-left: 19px;
}

/****************************
	service primary content
*****************************/

#service_perc{		
	font-size:20px;
	color:#fff;
	font-weight:normal;
	margin:15px 0 15px 40px;
	width:520px;
	}	

#services_offered {
	margin:30px 2px;
	padding:0;
	}	

#services_offered li{
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #1e282c;
	border-top:1px solid #4a5b5f;
	height: 83px;
	margin-bottom: -1px;
	}	
#services_offered li#first_icon {
	border-top: none;
}
#services_offered li#last_icon {
	border-bottom: none;
	height:88px;
}
#services_offered li img{
	float:left;
	margin-right: 20px;
	}	
	

#services_offered li h4 {
	margin:0;
	padding:12px 0 0 0px;
	font-size:16px;
	font-weight:normal;
	}	

#services_offered li p {
	font-size:12px;
	padding-top:5px;
	margin: 0;
	}

/****************************************
	footer
****************************************/

#footer_break {
	clear:both;
	margin-top:25px;
	}

#footer_wrapper {
	clear:both;
	overflow:auto;
	margin-bottom:60px;
	background:url(../images/footer_bg.gif) top no-repeat;
	height:117px;
	width:960px;
	}
		
#footer_wrapper h2{
	font-size:22px;
	font-weight:normal;
	margin:26px 0 3px 0px;
	padding:0;
	color:#88a2a7;
	text-align:center;
	margin-top:26px;
	font-family: Tahoma;
	}

#footer_wrapper p{
	font-family:tahoma;
	font-size:24px;
	font-weight:normal;
	margin:-5px 0 0 0px;
	padding:0;
	color:#bfcfd1;
	text-align:center;
		line-height: 1.2em;

	}		

#footer_wrapper span {
	font-size:12px;
	color:#88a2a7;
	}

#foot_lft {
	width:303px;
	height:117px;
	float:left;
	text-align:center;
	}	

#foot_mid {
	width:346px;
	height:117px;
	float:left;
	margin:0 5px;
	text-align:center;
	display:block;
	line-height: 1.2em;


	}

#foot_rgt {
	width:300px;
	height:117px;
	float:left;
	text-align:center;
	}	

#footer_wrapper ul {
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	width:240px;
	text-align:center;
	position:relative;
	top:26px;
	}	
#footer_wrapper ul li{	
	font-size:12px;
	display:inline;
	color:#88a2a7;	
	padding:0;
	}

#footer_wrapper ul li a{	
	text-decoration:none;
	color:#88a2a7;	
	}

.risk_free {
	background:url(../images/footer_trial_btn.gif) no-repeat;
	height:28px;
	width:152px;
	font-size:12px;
	text-align:center;
	margin:9px auto 0;
	display:block;
	color:#bfcfd1;
	text-decoration:none;
	font-weight:bold;
	padding-top:7px;
	}	

#namefield{ 
 text-decoration:none;
 display:none;
 }
 #companyfield{ 
 text-decoration:none;
 display:none;
 }
 #phonefield{ 
 text-decoration:none;
 display:none;
 }
 #phonevalidfield{ 
 text-decoration:none;
 display:none;
 }
 #emailfield{ 
 text-decoration:none;
 display:none;
 }
 #emailvalidfield{ 
 text-decoration:none;
 display:none;
 }
 

/* AnswerForce 3 field registration experiment */
 
 
#reg_content_new{ width:600px; height:auto; float:left; margin:0px; padding:20px 0px 20px 15px; background:#cce3f2; _padding-left:0px; _width:615px;}

#reg_content_new #details_new { width:460px; height:auto; float:left; margin:0px; padding:0px 0px 0px 10px;}
			     #details_new #row_new{ width:100%; height:auto; float:left; margin:0px 0px 6px 0px; padding:0px 10px 0px 40px; _padding:0px 10px 0px 20px;}
					          #row_new #txt_new{ width:15%; height:auto; float:left; margin:0px; padding:0px; font-family:tahoma; font-size:14px; font-weight:normal; color:#000;}
					  	   	           #txt_new em{ color:#f26522;}
					  
					  #row_new #obj_new{ width:75%; height:auto; float:left; margin:0px; padding:0px 0px 0px 0px;}

#reg_content_new #image_new { width:110px; height:auto; float:left; margin:0px; padding:0px 0px 0px 30px; border:#FF0000 1px solid; _padding:0px 0px 0px 10px;}

#reg_content_new input.input_new{ width:300px; border-top:#666 1px solid; border-left:#666 1px solid; border-right:#fff 1px solid; border-bottom:#fff 1px solid; background:url(http://images.answerforce.com/bg_input.jpg) repeat-x; margin-top:0.1em;}
#reg_content_new input.input_new:focus{ background:#fefed4; border-top:#666 1px solid; border-left:#666 1px solid; border-right:#fff 1px solid; border-bottom:#fff 1px solid;}