/****************************************************************
   LEADSWORK STYLESHEET
*****************************************************************/

@import url(reset.css);

/* GENERAL SELECTORS
---------------------------------------------------------------*/		
body {
	margin:0;
	padding:0;
	background:#e0e0e0 url(../images/bg_body.gif) repeat 50% 0; 
	color:#b9b9b9; 
	text-align:center; 
	font:62.5% Arial, Helvetica, sans-serif;
	}	

h1, h2, h3, p {
	margin:0 0 15px 0;
	}
		
h1 {
	font-size:1.6em;
	}	
	
h2 {
	font-size:1.4em;
	}
	
h3 {
	font-size:1.2em;
	}	
	
p, li {
	font-size:1.2em;
	}
	
li li, li li li {
	font-size:1em;
	}		
		
a:link, a:visited { 
	text-decoration:underline; 
	color:#8d8d8d; 
	}	
	
a:hover, a:active { 
	text-decoration:none; 
	color:#ffffff;
	background: #1086ea; 
	}	
	
input, select, textarea {
	font:100% Arial, Helvetica, sans-serif;
	}
	
img, input, select, label {
	vertical-align:middle;
	}	

hr { 
	display:none; 
	}		


/* CORE LAYOUT
---------------------------------------------------------------*/			
#container { 
	width:905px; 
	margin:0 auto; 
	text-align:left;
	}
	
#header {
	height:86px;
	padding:15px;
	background:#2c78b6 url(../images/bg_header1.gif) no-repeat;
	}	

#main {
	width:905px; 
	background:#fff url(../images/bg_container.gif) repeat-y; 
	}	
		
#content {
	padding:38px 0 30px 0 ;
	background:url(../images/bg_container_bottom.gif) no-repeat 0 100%;
	}	

#footer {
	overflow:hidden;
	width:905px;
	padding:20px 0;
	color:#8d8d8d;
	}


/* HEADER
---------------------------------------------------------------*/	
#header h1 {
	margin:0;
	position:relative;
	font-size:2em;
	}

#header h1, #header h1 a {
	width:578px;
	height:88px;
	color:#fff;
	}	
	
#header h1 a {
	position:absolute;
	left:0; top:0;
	background:transparent url(../images/logo.gif) no-repeat;
	z-index:1;	
	}
		

/* CONTENT
---------------------------------------------------------------*/	

/* CALCULATOR */
#calculator {
	overflow:hidden;
	width:851px;
	padding:0 27px;
	margin:0 0 56px 0;
	background:url(../images/boxes_faux_background.gif) repeat-y 27px 0;
	}
	
#calculator p {
	margin:0 0 16px 0;
	font-size:1.5em;
	font-weight:bold;
	}	
	
#calculator p.last {
	margin:0 !important;
	}	
		
#calculator input.textfield,
#calculator select {
	width:34px;
	height:22px;
	padding:1px 0;
	background-color:#fff;
	border:2px solid #e7e5e5;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#8d8d8d;
	}	

#calculator input.medium,
#calculator select {
	width:60px;
	}
		
#calculator select {
	height:22px;
	padding:1px 0;
	background-color:#fff;
	border:2px solid #e7e5e5;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#8d8d8d;
	}	

#calculator .ct,
#calculator .cb {
	overflow:hidden;
	width:851px;
	}
	
#calculator .ct {
	background:url(../images/boxes_top.gif) no-repeat 0 28px;
	}	
	
#calculator .cb {
	padding:0 0 9px 0;
	background:url(../images/boxes_bottom.gif) no-repeat 0 100%;
	}	
	
#calculator .content {
	min-height:202px;
	margin:9px 0 0 0;
	padding:7px 20px 0 16px;
	}	


#calculator .content p {
	overflow:hidden;
	width:100%;
	}	
	
#calculator .content label {
	display:block;
	float:left;
	line-height:26px;
	}

#calculator .content input {
	float:right;
	}
		
#calculator .content p span {
	float:right;
	color:#b1b1b1;
	}
	
#calculator .replace {
	margin:0;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#fff;
	font-size:1.4em;
	color:#8d8d8d;
	}
	
#calculator .content .replace {
	background-color:#f5f5f5;
	}
	
#calculator .replace, 
#calculator .replace span {
	width:278px;
	height:28px;
	}	
	
#calculator .replace span {
	position:absolute;
	left:0; top:0;
	background-color:transparent;
	background-repeat:no-repeat;
	z-index:1;	
	}

#calculator .your-business,
#calculator .estimated-costs {
	float:left;
	width:278px;
	}
	
		
/* YOUR BUSINESS BOX */	
#calculator .your-business h3.heading span {
	background-image:url(../images/heading_your_business.gif);
	}
	
#calculator .your-business h3.heading, 
#calculator .your-business h3.heading span {
	width:278px;
	height:28px;
	}	
	
#calculator .your-business .content {
	position:relative;
	}
	
#calculator .your-business .content p {
	margin:0 0 6px 0;
	}

#calculator .your-business .content .close-rate {
	height:22px;
	}	

#calculator .your-business .content .close-rate:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
#calculator .your-business .close-rate h3 {
	float:left;
	}
			
#calculator .your-business .close-rate h3 span {
	background-image:url(../images/heading_close_rate.gif);
	}
	
#calculator .your-business .close-rate h3, 
#calculator .your-business .close-rate h3 span {
	width:166px;
	height:30px;
	}

#calculator .your-business .close-rate div {
	position:relative;
	float:right;
	width:73px;
	}
		
/*#calculator .your-business .close-rate div .textfield {
	width:39px;
	height:25px;
	margin-right:29px;
	color:#1086ea;
	}	
	*/
	
#calculator .your-business .close-rate #closeDisplay {
	float:left;
	width:40px;
	height:26px;
	background-color:#fff;
	border:solid 2px #e7e5e5;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#1086ea;
	}
	
#calculator .your-business .close-rate #closeButtons {
	position:absolute;
	width:27px;
	right:0;
	top:0;
	}	
	
#calculator .your-business .close-rate #closeButtons img {
	margin-bottom:1px;
	}	

#calculator .your-business .content a.calculate {
	display:block;
	position:absolute;
	left:0;
	bottom:-22px;
	}  
	
#calculator .your-business .content a.calculate span {
	background-image:url(../images/button_calculate.gif);
	cursor:pointer;
	}
	
#calculator .your-business .content a.calculate:hover span {
	background-position:0 -50px;
	}	
	
#calculator .your-business .content a.calculate,
#calculator .your-business .content a.calculate span {
	width:278px;
	height:50px;
	}	
		
	
/* ESTIMATED COSTS BOX */	
#calculator .estimated-costs {
	margin:0 0 0 25px;
	display:inline;
	}	
#calculator .estimated-costs .content h3 {
	float:left;
	}
		
#calculator .estimated-costs p {
	margin:0 0 18px 0;
	font-size:1.7em;
	}
	
#calculator .estimated-costs .content p span {
	font-size:20px;
	color: #8d8d8d
	}
	
#calculator .estimated-costs h3.heading span {
	background-image:url(../images/heading_estimated_cost.gif);
	}	
	
#calculator .estimated-costs .content {
	min-height:182px;
	padding-top:30px;
	background:url(../images/box_arrow.gif) no-repeat 50% 15px;
	}	

	
/* LEADS CLOSED BOX */	
#calculator .leads-closed {
	position:relative;
	float:right;
	width:270px;
	}	

#calculator .leads-closed #closeMonth {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	width:82px;
	height:30px;
	text-align:right;
	font-weight:bold;
	font-size:2.5em;
	color:#fec002;
	}
		
#calculator .leads-closed h3.heading span {
	background-image:url(../images/heading_lead_roi.gif);
	}
	
#calculator .leads-closed h3.replace,
#calculator .leads-closed h3.replace span {
	width:270px;
	}

#calculator .leads-closed .content {
	min-height:192px;
	padding:20px 10px 10px;
	text-align:center;
	background:url(../images/box_dollar.gif) no-repeat 50% 50%;
	}

#calculator .leads-closed .content h3 {
	margin:0 23px;
	text-transform:uppercase;
	font-weight:bold;
	color:#1086ea;
	}	
	
#calculator .leads-closed .content h3.replace,
#calculator .leads-closed .content h3.replace span {
	width:204px;
	height:30px;
	}	
	
#calculator .leads-closed .content h3.gross-profit span {
	background-image:url(../images/heading_gross_profit.gif);
	}	
	
#calculator .leads-closed .content h3.net-profit span {
	background-image:url(../images/heading_net_profit.gif);
	}	
		
#calculator .leads-closed .content #grossProfit {
	margin:0 0 18px 0;
	font-weight:bold;
	font-style:italic;
	font-size:4.4em;
	line-height:normal;
	color:#61cc02;
	}
	
#calculator .leads-closed .content #netProfit {
	margin:0 0 18px 0;
	font-weight:bold;
	font-style:italic;
	font-size:4.4em;
	line-height:normal;
	color:#61cc02;
	}

#calculator .leads-closed .content p img {
	vertical-align:baseline;
	}	


/* EASY STEPS */
#easy-steps {
	overflow:hidden;
	width:837px;
	margin:0 0 0 0;
	padding:0 34px;
	}
	
#easy-steps h1 {
	float:left;
	margin:0;
	position:relative;
	font-size:1.4em;
	color:#0c6aba;
	}

#easy-steps h1, #easy-steps h1 span {
	width:396px;
	height:58px;
	}	
	
#easy-steps h1 span {
	position:absolute;
	left:0; top:0;
	background:transparent url(../images/heading_easy_steps.gif) no-repeat;
	z-index:1;	
	}	
	
#easy-steps h2 {
	margin:0 0 0 403px;
	padding:0 0 0 14px;
	background:url(../images/ico_arrow.gif) no-repeat 0 40%;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.7em;
	line-height:1.2em;
	}	
	
	
/* BOTTOM LOGOS */
#bottom-logos {
	overflow:hidden;
	width:900px;
	padding:0 0 0 5px;
	}	


#bottom-logos .plus {
	margin:0 16px 0 8px;
	}
	
#flash {
	float:left; 
	width:600px;
	}	
	
#plus-leads360 {
	float:right;
	width:288px;
	padding-top:60px;
	text-align:right;
	background:url(../images/shape_plus.gif) no-repeat 0 78px;
	}	


/* FOOTER
---------------------------------------------------------------*/	


#footer ul {
	text-align:center;

	}
		
#footer li {
	display:inline;
	}
	
#footer a {
	padding:1px;
	color: #8d8d8d;
	}
	
#footer a:hover { 
	text-decoration:none; 
	color:#ffffff;
	background: #1086ea; 
	padding:1px;
	}	

#footer .second {
	color: #1086ef;
	}	

#footer .second a {
	color: #1086ef;
	padding:1px;
	}			
	
#footer .second a:hover { 
	text-decoration:none; 
	color:#ffffff;
	background: #1086ea; 
	padding:1px;
	}			
	
/* OTHER
---------------------------------------------------------------*/	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}