/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	

	* { xborder: 1px solid #ff0000;}

	html, body {
		font: 12px/1.4em arial, Trebuchet MS, verdana, helvetica, tahoma, sans-serif;
		color: #767676;
		line-height: normal;
	}
	
	body {
		margin: 0;
		padding:20px 0 0 0;
		text-align: center;
		background:url(../images/home/heading.gif) repeat-x #ffffff;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	.clear{
		clear:both;
		width:100%;
		float:left;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #000;
		text-decoration: none;
	}
	
	a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	/* Default link styling */
	a {
		color: #000;
		text-decoration: none;
	}
	
	a:hover {
		color: #000;
		text-decoration: underline;
	}	
	
	/* Float an element left without a margin */
	.floatL {
		float: left;
		margin: 0;
	}
	
	/* Float an element right without a margin */
	.floatR {
		float: right;
		margin: 0;
	}
	
	#success, #failure{
		color:#ff0000;
		font-weight:bold;
		float:left;
		clear:both;
		margin:0 0 0 20px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:964px;
		margin:0 auto;
		text-align:left;
		position:relative;
	}
	
	#content{
		float:left;
		clear:both;
	}
	
	#top_banner{
		width:964px;
		float:left;
		height:263px;
		clear:both;
	}
	
	#bottom_banner{
		clear:both;
		float:left;
		width:964px;
	}
	
		#bottom_banner #call_four{
			background:url(../images/find_your_area.jpg);
			width:243px;
			height:130px;
		}
		
			#bottom_banner #call_four h2{
				background:url(../images/headings/find_your_area.gif) no-repeat top left;
				display:block;
				width:161px;
				height:37px;
				text-indent:-3000em;
				overflow:hidden;
				border:none;
				margin:20px 0 0 20px;
			}
		
			#bottom_banner #call_four select{
				width:200px;
				height:28px;
				color:#2b2b2b;
				margin:0 0 0 10px;
			}
			
			#bottom_banner #call_four input#search{
				border:none;
				padding:0;
				margin:10px 0 0 125px;
				width:87px;
				height:14px;
			}
	
	#banner{
		clear:both;
		float:left;
		width:964px;
		height:42px;
		background:url(../images/banner.gif) no-repeat top left;
		text-align:center;
	}
	
		#banner a{
			width:964px;
			height:42px;
			display:block;
			text-indent:-3000em;
			overflow:hidden;
		}
	
	#footer_banner{
		clear:both;
		float:left;
		width:964px;
		height:30px;
		background:url(../images/footer.gif) no-repeat top left;
		text-align:center;
		margin:10px 0 0 0;
	}
	
		#footer_banner a{
			display:block;
			width:964px;
			height:30px;
		}
	
	#advert{
		position:absolute;
		top:20px;
		right:0;
		padding:2px;
		border:1px solid #cccccc;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


	form{
		margin:10px 0 0 10px;
	}

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #adadad;
		width:213px;
		height:16px;
		border:1px solid #000000;
		padding:4px;
		margin:0 0 7px 0;
		background:url(../images/home/input_box.gif) repeat-x top left;
	}

	input#rememberuser, input#rememeberme{
		float:left;
		margin:0 10px 0 0;
		padding:0;
		width:15px;
		height:15px;
	}
	
	input#rememberuser{ margin:6px 10px 0 0;	}

	
	input#recover_email{
		background:none;
		border:1px solid #cccccc;
		width:240px;
		padding:2px;
		float:left;
	}
	
	input#recover_button{
		background:none;
		border:none;
		width:139px;
		height:21px;
		margin:0 0 0 20px;
		padding:0;
		float:left;
	}

	label{
		margin:0 0 0 0;
		padding:0;
		float:left;
		width:140px;
	}
	
	label#rememberuser_label{
		margin:5px 0 0 0;
	}

	input#submit_it{
		width:54px;
		height:36px;
		margin:0;
		border:none;
		padding:0;
		position:absolute;
		bottom:26px;
		right:10px;
	}

	#top_banner #login_box p{
		width:200px;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #000;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h2{
		color:#2d3100;
		border-bottom:1px solid #2d3100;
	}
	
	p#logo{
		width:201px;
		height:106px;
		padding:0;
		margin:0;
		overflow:hidden;
		float:left;
	}
	
		p#logo a {
			display: block;
			margin: 0;
			padding: 0;
			width:201px;
			height:92px;
		}
	
	#not_registered{
		width:243px;
		height:63px;
		padding:0;
		margin:10px 0 0 0;
		text-indent:-3000em;
		overflow:hidden;
		float:left;
	}
	
		#not_registered a {
			background:url(../images/home/register_now_both_states.gif) no-repeat 0 0;
			display: block;
			margin: 0;
			padding: 0;
			width:243px;
			height:63px;
		}
		
		#not_registered a:hover{
			background:url(../images/home/register_now_both_states.gif) no-repeat 0px -63px;
		}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#flash_content{
		float:left;
		margin:10px 10px 0 0;
		width:710px;
	}
	
	#login_box{
		background:url(../images/home/sign_in_bg.gif) no-repeat;
		width:243px;
		height:170px;
		float:left;
		margin:10px 0 0 0;
		padding:0;
		color:#ffffff;
	}
	
		#login_box p{
			margin:5px 0 0 35px;
			padding:0;
			float:right;
		}
		
		#login_box p a{
			color:#d2de24;
		}
	
	#call_one, #call_two, #call_three{
		width:230px;
		height:130px;
		background:#ffffff;
		float:left;
		margin:0 11px 0 0;
	}
	
		#call_three{
			margin:0;
		}
	
	#call_four{
		width:243px;
		height:113px;
		float:right;
		margin:0 0 0 2px;
		padding:0;
	}
	
		#take_the_tour a{
			display:block;
			width:243px;
			height:113px;
		}


#confirm_code ul{
	list-style:none;
	width:400px;
	margin:0;
	padding:0;
}

	#confirm_code form label{
		width:150px;
	}
	
	#confirm_code form{
		float:left;
		width:440px;
	}

	#confirm_code form input{
		width:200px;
		background:none;
		border:1px solid #ccc;
		padding:2px;
	}
	
	#confirm_code .loginsleft{
		background:url(../images/confirm_code_box.gif) no-repeat;
		width:243px;
		height:195px;
		float:left;
		margin:10px 0 0 0;
		padding:0;
		color:#ffffff;
	}

	#confirm_code .loginsleft p{
		margin: 10px;
	}
	
	#confirm_code .loginsleft p a{
		color:#ffffff;
	}

	.enter_confir_code{
		width:168px!important;
		height:21px!important;
		margin:10px 75px 0 0!important;
		padding:0;
		border:none!important;
		background:none;
	}
	
	.resendcode{
		width:204px!important;
		height:21px!important;
		margin:10px 0 0 0!important;
		padding:0;
		border:none!important;
		background:none;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	#footer{
		position:relative;
		top:20px;
		bottom:0;
		width:964px;
		clear:both;
		float:left;
		text-align:center;
	}

		#footer_top{
			margin:0 0 5px 0;
			font-size:1em;
		}
		
		.footer_bottom{
			font-size:0.9em;
			margin:5px 0 0 0;
		}


	#footer_top ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
		#footer_top ul li{
			display:inline;
		}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FLASH ELEMENT  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.pics {  
    height:  217px;  
    width:   710px;  
    padding: 0;  
    margin:  0;
	overflow:hidden;
} 


.pics_confirm {
    height:  247px;  
    width:   710px;  
    padding: 0;  
    margin:  0;
	overflow:hidden;
} 
 
.pics img {  
    padding: 0; 
    width:  710px; 
    height: 217px; 
    top:  0; 
    left: 0 
} 

a#prev{
	background:url(../images/prev_slide.gif) top left no-repeat;
	width:200px;
	height:27px;
	float:left;
	text-indent:-3000em;
	overflow:hidden;
}

a#next{
	background:url(../images/next_slide.gif) top right no-repeat #2d3100;
	width:200px;
	height:27px;
	float:left;
	text-indent:-3000em;
	overflow:hidden;
}

#nav_outer{
	background:#2d3100;
	width:310px;
	height:27px;
	padding:0;
	float:left;
}

#nav{
	width:100px;
	margin: 0 auto;
}

#nav a{
	background:url(../images/home/ball.jpg) no-repeat top left;
	width:8px;
	height:8px;
	padding:0;
	margin:8px 5px 0 5px;
	color:#ffffff;
	float:left;
	text-indent:-3000em;
	overflow:hidden;
}

#nav a.activeSlide{
	background:url(../images/home/ball_on.jpg) no-repeat top left;
	width:8px;
	height:8px;
	text-indent:-3000em;
	overflow:hidden;
}