/* 
F. Ball Loyalty
Core Styles


Created By 
Rob Wright
www.oyster-creative.co.uk
--------------------------------------------------------


=Generic
--------------------------------------------------------
*/

body {
	margin:0px 0px 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #262729;
	color:#CCCCCC;
}

a img { border:none;}
a, a:hover{ text-decoration:none;}
a { color:#0062a8;  }
a:hover { color:#699dc2;}

.last {border-bottom:none!important; background:none!important;}

h1, h2, h3, h4{
	padding:0px;
	margin:5px 29px 15px;
	color:#053E77;
}

p {
	padding:0px;
	margin:15px 29px;
	line-height:18px;
}

ul, ol{
	padding:0px;
	margin:25px 50px;
}

li { margin-bottom:9px; }

h2{
	font-size:1.5em;
	font-weight:normal;
}

h2 a{ color:#053E77; font-weight:bold; }
h2 strong a{ font-weight:normal; color:#999999; font-size:0.9em;}
h2 span { font-size:0.9em;}
h2 strong{
	display:block;
	font-size:1.1em;
	margin:3px 0px;
}


/*

=Frame
--------------------------------------------------------
*/

#frame {
	width: 980px;
	margin:50px auto 0px;
	background:#FFF url(../images/layout/frame_background.png) repeat-y;
	color:#1F1D21;	

}

/*

=Header
--------------------------------------------------------
*/

#frame #header{
	width:980px;
	z-index:10;
	height:210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	background:url(../images/layout/header_background.png) no-repeat;
}

#frame #header #accessibility {
	position:absolute;
	right:25px;
	top:-20px;
	text-transform:uppercase;
	color: #CCCCCC  ;
	font-size:0.8em;
}

#frame #header h1 {
	width:100px;
	color:#f3d100;
	margin:0px;
	padding:0px;
	font-size:1.3em;
	position:absolute;
	top:101px;
	left:40px;
	line-height:21px;
	font-weight:normal;
	text-align:right;
}

#frame #header ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#frame #header #main_menu {
	width:570px;
	height:37px;
	position:absolute;
	top:145px;
	right:10px;
}

#frame #header #main_menu li {
	margin:0px 2px 0px 0px;
	padding:0px;
	float:left;
	display: inline-block ;
}


#frame #header #main_menu li a{
	height:25px;
	display: block ;	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:12px;
	color:#d4deed;
	background-image:url(../images/layout/main_nav.png);
	background-repeat:no-repeat;
}

#frame #header #main_menu li a:hover{
	color:#FFF;
}


#main_menu li#about  {	width:115px;}
#main_menu li#community  {	width:131px; }
#main_menu li#whats_new  {	width:131px; }
#main_menu li#shop  {width:72px;}
#main_menu li#contact  {width:107px;}


#main_menu li#about a {	width:85px; padding-left:30px; }
#main_menu li#community a {	width:116px; padding-left:15px;	background-position: -118px 0px;}
#main_menu li#whats_new  a{	width:116px; padding-left:15px;	background-position: -118px 0px;}
#main_menu li#shop a {	width:54px; padding-left:18px;	background-position: -359px 0px;}
#main_menu li#contact a {	width:82px; padding-left:25px;	background-position: -251px 0px;}

#main_menu li#about a:hover {	width:85px; padding-left:30px;background-position: -0px -40px; }
#main_menu li#community a:hover {	width:116px; padding-left:15px;	background-position: -118px -40px;}
#main_menu li#whats_new a:hover {	width:116px; padding-left:15px;	background-position: -118px -40px;}


#frame #header #main_menu li .drop_menu {	border-top:2px solid #1f416e;  margin:0px; padding:0px; 	clear:none;	}

#frame #header #main_menu li .drop_menu a {
	width:auto;
	padding:0px 0px ;	display: inline-block ;	
	margin-left:7px;
	height:auto;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	color:#FFF;
}

#frame #header #main_menu li .drop_menu a:hover {	color:#B6E0FA;}

#frame #header #main_menu li .drop_menu  li {
	float:none;	
	display:block;
	clear:both;
	padding:5px 0px;
}

#frame #header #main_menu li #about_menu{
	width:92px;
	margin:0px 0px 0px 2px;
	padding:10px 5px 15px 15px;
	background: url(../images/layout/drop_menu.png) no-repeat bottom left ;

}

#frame #header #main_menu li #comm_menu, #frame #header #main_menu li #new_menu  {width:109px; margin:0px 0px 0px 1px;	padding:10px 5px 15px 15px;	background: url(../images/layout/drop_menu.png) no-repeat -114px bottom; }


#frame #header #links {	height:30px;	position:absolute;	top:-24px;	left:10px;	color:#999999;}
#frame #header #links a{	color:#f3d100;	font-size:0.9em;}
#frame #header #links a#fball_home{	color:#999999;}
#frame #header #links a#fball_home:hover {	color:#f3d100;}
#frame #header #login {	background:url(../images/layout/header_login.png) no-repeat top; width:954px; position:absolute;	top:1px;	left:0px;}
#frame #header #login a {width:170px; height:25px; display:block; top:0px; right:0px; text-indent:-20000px;	overflow:hidden;}

/*

=Content
--------------------------------------------------------
*/

#frame #content { width:976px;	z-index:0;	margin:0px auto; padding:50px 0px 20px;	background:url(../images/layout/content_background.png) repeat-x;	position:relative;}

#frame #content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body #content {
	display: inline-block; 
	width: 100%;
}

* html #content {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/* Forms */
form {	margin:0px;	padding:1px 0px 10px;}

form#signup, form#login, form#contact_form, form#replacement_form  {width:550px; float:left;	border-right:1px solid #d3d4d4;}
form p { margin-bottom:20px;}

form p label { color:#666666;}
form p label span { font-size:0.9em; color: #999999;}

form p label input, form p label textarea {	display:block; padding:5px 3px; color:#666666; width:460px;	border:1px solid  #C3C3C3; margin:4px 0px; font-size:11px;}

form p label input.required, form p label textarea.required {background:url(../images/layout/required.jpg) no-repeat top right; padding-right:60px;	width:400px;}


form p.form_smallprint {font-size:0.9em; border-bottom:1px solid #E9E9E9; padding:0px 2px 15px;	width:475px; color:#666666;	margin:10px 29px 25px;}

form #submit_button{ margin-left:-5px; }

.info_box {	width:380px; float:right; display:inline;	margin:10px 40px 10px 0px;}
.info_box h3{ margin-right:0px; font-size:1.3em; font-weight:normal;	border-bottom:1px solid #E8E8E8; padding-bottom:17px;}
.info_box h3#downloads{	padding-left:25px;	background:url(../images/layout/file_download.jpg) no-repeat 0px 1px;}

#home #new_card  { margin:0 0 20px 0px; }

#new_card h3 {
	background: url(../images/new_card.png) no-repeat;
	padding: 5px 0px 0px 129px;
	border-bottom:none;
	font-size:1.6em;
	height:80px;
	margin-bottom:0px;
}

 #new_card h3 a{display:block; font-size:0.8em;	margin-top:9px;}

#new_card p{ margin:5px 30px 0px 35px;}

#new_card p a{	display:block;	margin-top:15px; font-size:1.3em; background: url(../images/layout/new_arrow.png) no-repeat 110px 1px;}
#home #new_card p a{text-align:right; margin-top:5px;	padding:0 30px 10px 0;	border-bottom:1px solid #E2E2E2;	background: url(../images/layout/new_arrow.png) no-repeat right 1px;
}


.info_box #reason{
	border-top:1px solid #E8E8E8;
	margin:10px 0px 10px 30px;
}

.info_box #reason p{
	margin:25px 5px 10px;
	font-size:1.1em;
	color:#3b69a9;
}

.info_box #reason p strong{ font-size:1.3em; display:block; margin-top:8px;}

.info_box #reason ul {
	list-style:none;
	margin:25px 10px;
	font-size:0.9em;
}

.info_box #reason ul li{	margin-bottom:13px;}

#article {
	width:660px;
	padding:1px 0px;
	border-right:1px solid #d3d4d4;
	float:left;
}

/*Home Page*/

#frame #content #home{	width:430px;	float:right;	display:inline;	margin:50px 60px 0px 0px;}
#frame #content #home h2{ font-size:1.2em; }
#frame #content #home img{float:right; margin:0px -30px 10px 10px;}
#frame #content #home li { margin-bottom:5px}

#home #claim_forms { border-top:2px solid #E2E2E2; margin:0 0 0 20px; padding:10px 0 0;}
#home #claim_forms p {margin-left:15px; }
#claim_forms h3 { font-size:1.5em;margin-left:10px; }

#frame #content #community_preview {	width:340px; border:1px solid #CCCCCC; padding:4px 0px 4px 80px;	float:right;		display:inline; clear:right; margin:0px 60px 10px 0px;	position:relative;}
#frame #content #community_preview  h2{	border-bottom:1px solid #d3d4d4; margin-bottom:0px;	padding-bottom:5px;	font-size:1.5em;}
#frame #content #community_preview img{	position:absolute;	top:-10px;	left:-5px;}
#frame #content #community_preview ul{	width:340px;	padding:9px 0px 9px 80px;	border:1px solid #d3d4d4;	position:absolute;	bottom:-140px;	background:#4B68A8 url(../images/layout/home_community_back.jpg) no-repeat bottom right;	color:#FFF;	left:-51px; }
#frame #content #community_preview ul li{ margin-bottom:3px;}

#frame #content #latest_news { width:430px; float:right; display:inline; margin:0px 60px 10px 0px;	clear:right;}
#frame #content #latest_news h2{ margin:0px 10px 15px;}
 #latest_news h2 a {display:block; width:425px; height:82px; background:url(../images/layout/latest-news-heading.jpg) no-repeat; text-indent:-9000px;}
#frame #content #latest_news  p {margin-left:30px;}
#frame #content #latest_news  p a{	text-transform:lowercase; }

#frame #apply{	background:url(../images/layout/apply_today_button.png) no-repeat;	width:214px;	height:97px;	display:block;	text-indent:-5000px;	overflow:hidden;	position:absolute;	left:17px;	bottom:-73px;	z-index:90;}

/*Offers */
#offers { float:left; margin:50px 0px 0px 15px; border-right:1px solid #d3d4d4; width:460px; padding-bottom:30px; min-height:1200px; } 
#offers #terms { margin:0px 30px 0px 0px; text-align:right; }
/*
#spot_ball {background:#88ac2c  url(../images/layout/home-spot-theball.jpg) no-repeat; height:412px; color:#FFF; position:relative;}
#spot_ball p {  margin:0;font-size:0.8em; text-indent:-9000px; }
#spot_ball a { font-weight:bold; font-size:1.2em; position:absolute; bottom:30px; right:40px; display:block; color:#FFF; }
#spot_ball a:hover { color:#f6ffe0;}

#cashback p { text-indent:-90000px;   background:url(../images/layout/home-cashback-may-june.jpg) no-repeat; height:132px; margin:0;}
#cashback a { background: url(../images/layout/home-cashback-button.jpg) no-repeat; height:30px; display:block; text-align:right; font-weight:bold; font-size:1.2em; ; color:#FFF; padding:7px 40px 0 0;}
#cashback a:hover { color:#f6ffe0;}

#priority-offer { background:url(../images/layout/home-priority.jpg) no-repeat; }
#priority-offer h2 { font-size:1.2em; color:#3f403f; margin:10px 0 10px 15px}
#priority-offer h2 strong { font-size:1.8em; color:#2b693e; margin:0 0 0px;}
#priority-offer #priority-booking {color:#FFF; margin:17px 0 130px 15px; font-size:1.2em;}
#priority-offer p {margin:10px 15px;}
#priority-offer a {font-weight:bold; font-size:1.2em; display:block; color:#FFF; background:url(../images/layout/home-priority-button.jpg) no-repeat;    height:30px; display:block; text-align:right; padding:7px 40px 0 0; }
*/
#offers div#spot_the_ball {margin: 0px;padding: 0px;position: relative;width: 463px;height: 176px;background: none;overflow: hidden;}
#offers div#cashback {margin: 0px;padding: 0px;position: relative;width: 463px;height: 243px;background: none;overflow: hidden;}
#offers div#harrogate_show {margin: 0px;padding: 0px;position: relative;width: 463px;height: 118px;background: none;overflow: hidden;}

#offers div#spot_the_ball p, #offers div#cashback p, div#offers #harrogate_show p {display: none;}

#offers div#spot_the_ball p.link, div#offers #spot_the_ball p.link a, div#offers #spot_the_ball p.link a span {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 0px;display: block;width: 463px;height: 176px;color: #FFFFFF;overflow: hidden;}
#offers div#cashback p.link, #offers div#cashback p.link a, div#offers #cashback p.link a span {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 0px;display: block;width: 463px;height: 243px;color: #FFFFFF;overflow: hidden;}
#offers div#harrogate_show p.link, #offers div#harrogate_show p.link a, div#offers #harrogate_show p.link a span {margin: 0px;padding: 0px;position: absolute;left: 0px;top: 0px;display: block;width: 463px;height: 118px;color: #FFFFFF;overflow: hidden;}

#offers div#spot_the_ball p.link a span {background: url('../images/layout/home_2010.07_VED_comp.jpg') no-repeat left top;}
#offers div#cashback p.link a span {background: url('../images/layout/home_2010.07_cashback.jpg') no-repeat left top;}
#offers div#harrogate_show p.link a span {background: url('../images/layout/home_2010.07_harrogate_show.jpg') no-repeat left top;}

/* Hygrometer -----------------------------------------------*/

#frame #hygrometer { position:relative; background:url(../images/layout/hygrometer.jpg) no-repeat; padding:10px 15px 10px 250px; height:410px; margin:10px 40px; border-bottom:3px solid #dbdbdb;}
#frame #hygrometer h2 { font-size:2.7em; margin-bottom:0px; color:#e0be2b; }
#frame #hygrometer h2 span { color:#003e78; display:block; font-weight:bold; text-transform:uppercase; font-size:0.7em; margin-top:10px;  letter-spacing:-1px;}
#hygrometer p { color:#003e78;font-size:1.2em;  margin:15px 40px 20px 30px;}
#hygrometer #cost { font-size:1.9em; color:#ffd200; font-weight:bold; }
#hygrometer #cost strong, #hygrometer #cost span {  display:block;  color:#003e78;}
#hygrometer #cost strong{ font-size:0.6em; text-transform:uppercase; }
#hygrometer #cost span{ font-size:10px; font-weight:normal; }

 #terms { line-height:17px; margin:10px 30px; padding-top:5px;}
 #terms a { font-weight:bold; } 

/* Priority Training -----------------------------------------------*/
#frame #priority_training { position:relative; width:830px;  padding:10px 10px 10px 0px; height:405px; margin:10px auto;}

#frame #priority_training h2 { position:relative; font-size:2.9em;  color:#ed7a20; background:url(../images/layout/priority-training2.jpg) no-repeat; height:154px; padding:20px 0px 0px; width:808px; text-transform:uppercase}
#frame #priority_training h2 strong { margin-left:15px; display:block; text-indent:-9000px; background:url(../images/layout/training-heading.png) no-repeat; }
#frame #priority_training h2 span { text-transform: none; display:block; padding:5px 0px 5px 15px; background:#545453; background:rgba(66, 64, 62, 0.6);  font-size:0.6em; margin-top:3px; color:#FFF;}
#priority_training h2 img { position:absolute; right:-20px; top:-30px; }

#training_image { display:block; margin:5px ; }
#frame #priority_training p { color:#003e78;font-size:1.2em;  margin:10px 40px 20px 30px; line-height:19px;}

/*

=Footer
--------------------------------------------------------
*/


#frame #footer {
	background:url(../images/layout/footer_background.png) no-repeat bottom;
	padding-bottom:0px;
	position:relative;
}

#frame #footer ul {
	list-style:none;
	margin:50px 20px 20px 17px;
	padding:0px;
	height:160px;
}

#frame #footer ul  li{
	float:left;	
	margin-right:2px;
	height:100px;
	background:#f2f2f2 url(../images/layout/footer_li_background.jpg) repeat-x;
	padding: 25px 30px 10px;
}

#frame #footer ul  li a{	font-weight:bold; }

#frame #footer ul ul {
	margin:0px;
	height:auto;
}

#frame #footer ul ul li{
	float:none;
	padding:0px;
	margin:4px 0px;
	background:none;
	height:auto;
	min-height:0;
}

#frame #footer ul ul li a{
	font-weight:normal;
	font-size:0.9em;
	color:#333333;
}

#frame #footer ul ul li a:hover{	color: #29A9FF;}

#frame #footer ul  li#main_site {	width:200px; }


#frame #footer ul  li#main_site strong   {
	color:#0062a8;
	display:block;
	margin-bottom:5px;
}

#frame #footer ul  li#main_site a {
	font-weight:normal;
	font-size:0.9em;
	color:#333333;
}

#frame #footer ul  li#main_site a:hover {	color: #29A9FF;}

#frame #footer p {
	width:154px;
	margin:0px 10px;
	font-size:0.8em;
	padding:0px;
	color:#053e77;
	position:absolute;
	right:5px;
	top:5px;
}

#frame #footer p img{
	display:block;
	margin:0px 0px 10px -2px;
}

#oyster {
	display:block;
	background:url(../images/oyster.png) no-repeat bottom;
	width:135px;
	height:45px;
	overflow:hidden;
	text-indent:-22500px;
	position:absolute;
	right:50px;
	bottom:-45px;
}
/*Search Form */
#frame #content #member_search_form {
	margin:0px 15px 20px;
	padding:15px 0px;
	border-top:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	position:relative;
}

#frame #content #member_search_form #start_search{
	position:absolute;
	top:45px;
	left:330px;
}

#frame #content .member_search_result {
	list-style:none;
	margin:15px 35px;
	padding:0px;
	width:900px;
	clear:both;
}

#frame #content .member_search_result li{
	height:105px;
	padding:0px 0px 5px;
	float:left;
	margin:0px 15px  5px 0px;
	width:60px;	font-size:0.8em;
}

#frame #content .member_search_result li a{
	display:block;

}

#frame #content .member_search_result  img {
	padding:1px;
	margin:0px 0px 3px;
	border:1px solid #CCCCCC;
	width:50px;
	height:50px;	display:block;
}

/*

=Misc
--------------------------------------------------------
*/

#frame #note{ 
	font-size:1.1em;
	padding-left:30px;
	background:url(../images/layout/tick.jpg) no-repeat
}

#frame .error {
	color:#F3433F;
	line-height:17px;
	border-bottom:2px solid #E6E6E6;
	padding-bottom:10px;
}

#frame .error span{
	font-size:0.9em;
	color:#666666;
	display:block;
}

#frame #content a.pdf{	display:block; font-size:1.1em; background: url(../images/layout/pdf-icon.gif) no-repeat left top; padding: 1px 0px 5px 26px ;}

#frame #content  a.doc{	display:block; font-size:1.1em; background: url(../images/layout/word-icon.gif) no-repeat left top; padding: 1px 0px 5px 26px; }

#frame #content  a.xls{	display:block; font-size:1.1em; background: url(../images/layout/xls-icon.gif) no-repeat left top; padding: 1px 0px 5px 26px ;}

#frame #content a.img {	display:block; font-size:1.1em; background: url(../images/layout/jpg-icon.gif) no-repeat left top; padding: 1px 0px 5px 26px; }

#frame #content a.ppt {	display:block; font-size:1.1em; background: url(../images/layout/powerpoint-icon.gif) no-repeat left top; padding: 1px 0px 5px 26px; }

#frame #content a.ppt span, #frame #content a.img span, #frame #content  a.xls span, #frame #content  a.doc span, #frame #content a.pdf span{
	font-size:0.78em;
	display:block;
	color:#999999;
}

#spot_the_ball_container {margin: 0px 0px 5px 40px;padding: 0px;position: relative;   }
#spot_the_ball_container #spot_the_ball {margin: 0px;padding: 0px; float:left;}
#spot_the_ball_container #play_ball_button {margin: 0px;padding: 0px;position: absolute;left:200px; top:304px;width: 145px;height: 40px;}
#spot_the_ball_container #competition_details {margin: 0px 30px 0 0;padding: 0px; float:right; width:500px;  }
#spot_the_ball_container #competition_details h2 {margin: 0px 0px 5px;font-size: 20px;font-weight: bold;}
#spot_the_ball_container #competition_details p {margin: 0px 0px 10px;}
#spot_the_ball_container #competition_image { float:right; margin:15px 0  0px 10px ;}