@CHARSET "ISO-8859-1";

/*===============================================================================
HOMEPAGE CSS
Author:		Joseph Russell ~ http://www.josephrussell.co.uk/
===============================================================================*/

#www .page-title {
	text-align:center;
}

#www .page-summary {
	padding:0 80px;
	color:#666;
	text-align:center;
}

/* = VERTICAL CAROUSEL
-------------------------------------------------------------------------------*/

#smoothflow {
	position:relative;
	float:left;
	width:100%;
	margin:20px 0 40px;
	overflow:hidden;
}
	#smoothflow ul {
	   position:relative;
	   left:50%;
	   clear:left;
	   float:left;
	   margin:0;
	   padding:0;
	   height:200px;
	   list-style:none;
	   text-align:center;
	}
		#smoothflow ul li {
		   position:relative;
		   right:50%;		
		   float:left;
		   display:block;
		   margin:0;
		   padding:0;
		   list-style:none;
		}
			#smoothflow ul li a {
			   display:block;
			   margin:0;
			   text-decoration:none;
			}
			#smoothflow ul li a:hover {}
				#smoothflow ul li a img.inactive {
					padding:50px 0 50px 0;
					width:100px;
				}
				#smoothflow ul li a img.active {
					padding:0 0 0 0;
					width:200px;
				}

#imageFlow {
	margin: 20px auto 40px;
	width: 910px;
	height: 200px;
}
	#imageFlow li {
		float:left;
		display:inline;
		margin:0;
	}
		#imageFlow a {
			display: block;
			float: left;
			padding: 0;
			margin: 0;
		}
			#imageFlow img {
			}
			.flowInactive {
				position: relative;				
				top: 50px;
				margin:0;
				width: 100px;
				height: 100px;
				
				/*box-shadow:0 1px 2px rgba(0,0,0,0.5);
				-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
				-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);*/
			}
			.flowActive {
				position: relative;
				top: 0;
				margin:0;				
				width: 200px;
				height: 200px;
				
				/*box-shadow:0 1px 3px rgba(0,0,0,0.25);
				-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
				-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);*/
			}

/* = VERTICAL LIGHTBOX
------------------------------------------------------------------------------*/

#backFade {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

/* = LIGHTBOX CONTAINER
----------------------------------------*/

.infoDiv {
	position: absolute;
	z-index: 10000;
	top: 60px;
	left: 50%;
	margin-left:-490px;
	margin-bottom:20px;
	border:2px solid #333;
	padding:8px;
	width:960px;
	background: #000;
	color: #999;
	
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

	.infoDiv h2 {
		margin:10px 10px 20px;
		border-bottom:2px solid #333;
		padding:0 0 10px;
		font-size:3.6em;
		color:#fff;
	}

	.infoDiv img.close {
		position: absolute;
		top: 18px;
		right: 18px;
		margin:0;
		padding:4px;
		width: 32px;
		height: 32px;
		cursor: pointer;
	}
	
/* = LIGHTBOX CONTENT
----------------------------------------*/

/* MAIN BOXES */

.lb-services {
	margin-bottom:20px;
	border-bottom:2px dotted #333;
	padding-bottom:20px;
	color:#eee;
}

.lb-bonuses { margin-top:50px; margin-bottom:0; }
.lb-free { margin-bottom:0; }
.lb-promotions { margin-top:50px; margin-bottom:0; }

	.infoDiv .box .content {
		margin:0;
		border-color:#666;
		padding:20px;
		/*height:278px;*/
		background:#333 url(../images/site/lightbox-content.png) repeat-x 0 0;
		color:#eee;
		text-align:center;
		
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;	
	}
	
		.infoDiv .box h3 {
			margin:0 0 10px;
			/*border-bottom:2px solid #666;
			padding:0 0 10px;*/
			color:#fff;
			font-size:2.4em;
			line-height:1.25;
			
			text-shadow:0 1px 0 rgba(0,0,0,0.5);
		}
		.infoDiv .box p {
			font-size:1.8em;
			line-height:1.25;
		}		
		.infoDiv .box p.actions {
			clear:both;
			margin:20px 40px 0;
			width:auto;
			font-size:1em;
		}
		
		.lb-free .totaliser {
			/*float:left;
			display:inline;
			margin:0 10px 10px 0;*/
			margin:0 50px 10px;
			padding:0;
			background:#666;
			color:#ccc;
			
			box-shadow:0 1px 2px rgba(0,0,0,0.25);
			-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25);
			-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			text-shadow:0 1px 0 rgba(0,0,0,0.25);
		}
			.lb-free .totaliser p{
				margin:0;
				padding:10px 0;
				overflow:hidden;
				font-size:1.2em;
				line-height:1;
				text-transform:uppercase;
				letter-spacing:0.05em;
				text-align:center;
			}
				.lb-free .totaliser strong {
					display:block;
					color:#fff;
					font-size:3.6em;
					line-height:1.25;
				}
		.lb-free p {
			/*text-align:left;*/
		}

/* TOP WEBSITES */

.lb-websites {
	margin-bottom:20px;
	border-bottom:2px dotted #333;
	padding-bottom:20px;
}
	.lb-websites h3{
		color:#fff;
		font-size:1.8em;
	}
	.lb-websites .result {}
	
/* OTHER CONTENT */

.lb-more {}
	.lb-more ul.links {
		font-size:1.4em;
		font-weight:bold;
		text-align:center;
	}
		.lb-more ul.links li {
			display:inline;
			margin:0 10px 0 0;
			border-right:1px solid #333;
			padding:0 10px 0 0;
			/*margin-bottom:5px;
			border-bottom:1px dotted #333;
			padding-bottom:5px;
			background-image:url(../images/site/list-links-white.png);*/
		}
		.lb-more ul.links li.last {
			margin:0;
			border:none;
			padding:0;
		}		

.lb-about {
	color:#666;
}
	.lb-about p {
		font-size:1.2em;
		text-align:center;
	}
		
/* = WEBSITE FINDER
------------------------------------------------------------------------------*/

#alreadyKnow {
	border-top:1px solid #ccc;
	padding-top:40px;
}
	#alreadyKnow h2 {
		text-align:center;
	}
	#alreadyKnow form {
		padding:10px;
		
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;		
	}
		#alreadyKnow fieldset {
			margin:0;
			border:none;
			padding:0;
			width:auto;
			
			border-radius:0;
			-moz-border-radius:0;
			-webkit-border-radius:0;
		}
			#alreadyKnow p {
				margin:0;
				padding:5px 10px;
				font-size:1.4em;
				line-height:30px;
				text-align:center;
			}	
				#alreadyKnow label {
					display:inline;
					margin:0 5px;
					cursor:pointer;
				}
				#alreadyKnow input.text {
					margin:0 5px;
					border:1px solid #ccc;
					border-top:1px solid #999;
					border-bottom:1px solid #eee;
					padding:4px 9px;
					width:240px;
					height:20px;
					background:#fff url(../images/site/text-input.png) repeat-x 0 0;
					font-size:14px;
					line-height:20px;
					font-weight:bold;
				}	

/* = AUTOCOMPLETE OPTIONS
----------------------------------------*/

ul.autocompleter-choices {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #eee;
	border-left-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #999;
	background-color: #fff;
	text-align: left;
	font:normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	z-index: 15000 !important;
	background-color: #fff;
	color:#666;
}

ul.autocompleter-choices li {
	position: relative;
	margin: -2px 0 0 0;
	border-bottom:1px solid #eee;
	padding: 2px 10px;
	display: block;
	float: none !important;
	cursor: pointer;
	font-weight: normal;
	white-space: nowrap;
	font-size: 1em;
	line-height: 1.5em;
}

ul.autocompleter-choices li.autocompleter-selected {
	color: #09c;
	text-decoration:underline;
}

ul.autocompleter-choices span.autocompleter-queried {
	color:#333;
	font-weight:bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
	color:#09c;
}