@charset "utf-8";

/*
  CSS Document for http://www.oriolripol.co.uk -  
  Designed and built by Rick Hartley and Mike Anson ( Text Internet Marketing - http://text.co.uk )
  Date created - 13/05/09
*/

* { padding: 0; margin: 0; }

/* basic elements */

html { overflow: scroll; } 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
  margin: 0px;
  padding: 0px;
	background:#000;
	background-image:url(/images/structure/background_home.jpg);
	background-repeat:no-repeat;
}

p {
  margin: 0px;
  padding: 5px 0px;
}

a {
  color: #396E98;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
a:focus {
  outline: none;
}
a.false_link {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 10px 0px;
  font-weight: bold;
	clear: both;
}
h1 {
  font-size: 16px;
}
h2 {
  font-size: 15px;
}
h3 {
  font-size: 14px;
}
h4 {
  font-size: 13px;
}

img {
  border: none;
}

blockquote {
	font-style: italic;
}

hr {
  
}

ul {
	margin-left: 20px;
}
ul li {
	list-style-image: url('../images/structure/bullet.gif');
}

ol {
	
}
ol li{
	
}

dt {

}
dd {

}
fieldset {
  margin: 10px 0px;
  padding: 5px;
  border: 1px solid #000000;
}

legend {
  font-weight: bold;
}
label {
  
}
input[type=text] {
  
}
input[type=password] {
  
}
input[type=checkbox] {
  
}
input[type=radio] {
  
}
select {
  
}
textarea {
  
}

/* site structure */

div.wrapper {
  width: 997px;
  padding: 0px;
  margin: 0px 0px;
}

div.main {
  padding: 0px;
  margin: 0px 0px 0px 195px;
}

div.header {
  height: 188px;
}

div.main_logo {
	width:267px;
	height:37px;
	margin:25px 0px 0px 20px;
	padding:0px;
	float:left;
	background-image:url(/images/structure/logo.gif);
	background-repeat:no-repeat;
       float:left;
}

div.language_selector {
width:300px;
height:30px;
padding:0px 0px 0px 120px;
margin:10px 0px 0px 0px;
float:right;
background-image:url(/images/structure/select_language.gif);
background-repeat:no-repeat;
background-position:180px 2px;
}


div.language_selector a
{
	display:block;
	height:13px;
	width:23px;
	margin:0px 0px 0px 10px;
	padding:0px;
	float:right;
}

a.uk_flag {
	background-image:url(/images/structure/flag_uk.gif);
}

a.spain_flag {
	background-image:url(/images/structure/flag_es.jpg);	
}

a.catalonia_flag {
	background-image:url(/images/structure/flag_catalonia.gif);
}

div.advertisement_wide {
width:468px;
height:60px;
float:right;
margin:50px 0px;
overflow:hidden;
}

div.advertisement_tall {
position:absolute;
top:187px;
right:100px;
width:150px;
height:600px;
float:right !important;
margin:0px 0px 0px 0px;
overflow:hidden;
clear:none;
}

a.main_logo {
	display:block;
	width:267px;
	height:37px;
}

div.content_background {
	border:1px solid #999;
	padding:10px 10px 0px 10px;
	margin:0px;
	background-image:url(/images/structure/home_main_content_background.jpg);
	background-repeat:no-repeat;
}

div.content{
	padding:10px;
	margin:0px 0px;
	background-image:url(/images/structure/main_content_top_gradient.jpg);
	background-repeat:repeat-x;
	background-color:#000;
  clear:both;
}

div.left_column {
  width: 390px;
  float: left;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}

div.internal_left_column {
  width: 200px;
  float: left;
  padding: 0px 0px 10px 0px;
  overflow: hidden;
}

div.right_column {
  width: 360px;
  float: right;
  padding: 0px 0px 0px 0px;
}

div.internal_right_column {
  width: 550px;
  float: right;
  padding: 0px 0px 0px 0px;
}

div.video_holder {
	width:359px;
	height:295px;
	background-image:url(/images/structure/video_background.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

div.video_gallery_image {
 width:107px;
 height:13px;
 background-image:url(/images/structure/video_gallery.gif);
 margin:20px 0px 0px 10px;
padding:0px;
}

a.video_gallery_image {
 display:block;
 width:107px;
 height:13px;
 margin:0px;
 padding:0px;
}

div.view_all_video_image {
 width:94px;
 height:11px;
 background-image:url(/images/structure/view_all_videos.gif);
 margin:0px 0px 0px 15px;
padding:0px;
}

a.view_all_video_image {
 display:block;
 width:94px;
 height:11px;
 margin:0px;
 padding:0px;
}

div#playlistq {
float:right;
margin:5px 70px 0px 0px;
}

img.video_thumb_internal {
float:left;
margin:10px 10px 0px 0px;
padding:0px;
}

div.homepage_news {
 margin: 10px 0px;
 padding:0px 10px 10px 10px;
}

div.homepage_news_image {
 background:url(/images/structure/latest_news.gif);
 background-repeat:no-repeat;
 height:13px;
 width:92px;
 margin:10px 0px;
 padding:0px;
}

a.homepage_news_date {
	color:#fff;
	font-weight:bold;
	clear:none;
        float:left;
}

div.homepage_news p {
float:left;
}

hr.homepage_news_bottom {
	border-bottom:1px dashed #999;
	margin:5px 0px;
}

div.homepage_title_image {
 height:14px;
 width:234px;
 background-image:url(/images/structure/homepage_title.gif);
 background-repeat:no-repeat;
 margin:10px 0px;
 padding:0px;
}

div.homepage_cta {
margin:10px 0px;
padding:0px;
}

a.homepage_cta {
display:block;
height:100px;
width:190px;
margin:0px;
padding:0px;
}

a.internal_cta {
display:block;
height:100px;
width:190px;
margin:0px;
padding:0px;
}

div.fitness {
height:100px;
width:190px;
background-image:url(/images/structure/fitness_workout_button.jpg);
margin:0px 10px 0px 0px;
padding:0px;
float:left;
}

div.become_a_pro {
height:100px;
width:190px;
background-image:url(/images/structure/become_a_pro_player_button.jpg);
margin:10px 10px 0px 0px;
padding:0px;
float:left;
}

div.sponsors {
height:102px;
width:190px;
background-image:url(/images/structure/sponsors_home.gif);
margin:0px;
padding:0px;
float:left;
}

div.have_your_say {
height:100px;
width:190px;
background-image:url(/images/structure/have_your_say_button.gif);
margin:10px 0px 0px 0px;
padding:0px;
float:left;
}

div.internal_fitness {
height:100px;
width:190px;
background-image:url(/images/structure/fitness_workout_button.jpg);
margin:0px 10px 0px 0px;
padding:0px;
float:left;
}

div.internal_become_a_pro {
height:100px;
width:190px;
background-image:url(/images/structure/become_a_pro_player_button.jpg);
margin:10px 10px 0px 0px;
padding:0px;
float:left;
}

div.internal_have_your_say {
height:100px;
width:190px;
background-image:url(/images/structure/have_your_say_button.gif);
margin:10px 0px 0px 0px;
padding:0px;
float:left;
}

div.footer {
  clear: both;
	margin:10px 0px;
	padding:0px;
}

div.server_hosting {
 float:right;
}

a.powered_by {
background-image:url(http://images.ukfast.co.uk/logos/ukfast/ukfast_logo_73x21.gif);
background-repeat:no-repeat;
background-position:right;
padding:10px 80px 5px 0px;
height:25px;
float:right;



}

div.server_hosting a {
 color:#999;
}

ul.footer {
	margin:0px 0px;
	padding:0px;
}

ul.footer li {
	margin:0px;
	padding:0px 5px 0px 0px;
	list-style:none;
	display:inline;
}

ul.footer li a {
	color:#999;
}

/* Navigation Styles */

ul.breadcrumbs {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: bold;
}

ul.breadcrumbs li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	display: inline;
}

ul.breadcrumbs li span {
	padding-left: 10px;
}

div.navigation_level_1 {
clear:both;
margin:0px;
padding:0px;
}

ul.navigation_level_1 span.nav_link {
 display:none;
}

ul.navigation_level_1 {
  width:100%;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  background-color:#000;
}

ul.navigation_level_1 li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display:inline;
  float:left;
}

ul.navigation_level_1 li a {
 display:block;
 margin:0px;
 padding:0px;
 text-decoration: none;
 color: #fff;
 height:42px;
}

ul.navigation_level_1 li a:hover,
ul.navigation_level_1 li a.selected
{
background-position:0% 100%;
}

ul.navigation_level_1 li.first a {
 width:59px;
 background-image:url(/images/structure/level1_nav_home.gif);
 background-repeat:no-repeat;
}


ul.navigation_level_1 li.number_2 a {
 width:53px;
 background-image:url(/images/structure/level1_nav_bio.gif);

 background-repeat:no-repeat;
}

ul.navigation_level_1 li.number_3 a {
 width:68px;
 background-image:url(/images/structure/level1_nav_news.gif);
 background-repeat:no-repeat;
}

ul.navigation_level_1 li.number_4 a {
 width:79px;
 background-image:url(/images/structure/level1_nav_gallery.gif);
 background-repeat:no-repeat;
}


ul.navigation_level_1 li.number_5 a {
  width:71px;
 background-image:url(/images/structure/level1_nav_videos.gif);
 background-repeat:no-repeat;
}

ul.navigation_level_1 li.number_6 a {
  width:113px;
 background-image:url(/images/structure/level1_nav_sponsorship.gif);
 background-repeat:no-repeat;
}

ul.navigation_level_1 li.number_7 a {
  width:121px;
 background-image:url(/images/structure/level1_nav_charity_work.gif);
 background-repeat:no-repeat;
}

ul.navigation_level_1 li.number_8 a {
 width:73px;
 background-image:url(/images/structure/level1_nav_links.gif);
 background-repeat:no-repeat;
}


ul.navigation_level_1 li.number_9 a {
 width:83px;
 background-image:url(/images/structure/level1_nav_contact.gif);
 background-repeat:no-repeat;
}

div.navigation_level_2 {
	margin:0px 0px 30px 0px;
	padding:10px 0px;
}

ul.navigation_level_2 {
	margin:0px;
	padding:0px;
}

ul.navigation_level_2 li {
	margin:0px;
	padding:0px;
}

ul.navigation_level_2 li a {
display:block;
width:100%;
padding:10px;
color:#999;
border-bottom:1px solid #999;
}

ul.navigation_level_2 li a:hover,
ul.navigation_level_2 li a.selected
{
display:block;
width:100%;
background-image:url(/images/structure/level2_nav_active.gif);
background-repeat:repeat-x;
color:#999;
text-decoration:none;
}


/* other styles */
.no_display {
display:none;
}

.required {
  color: #FF0000;
}

span.highlighted {
  background-color: #FFD7CF;
}

div.errors {
  position:relative;
  border: solid 1px red;
  margin:10px 0px;
  padding: 5px 0px;
  background: url(http://images.harperjames.com/control_panel/icons/ordererror.gif) #FFE1E1 no-repeat 6px 7px;
}

div.errors p {
  margin: 0px 30px;
  padding-bottom: 5px;
  text-align: justify;
}

div.errors ul {
  color: #F00;
  list-style-type: disc;
  list-style-position:inside;
  font-weight:bold;
  margin:0px 0px 0px 30px;
  padding:0px;
}

div.errors ul li {
  margin-bottom:3px;
}

div.confirmation {
  border: solid 1px #00F;
  margin:10px 0px;
  padding: 5px 0px;
  background: url(http://images.text.co.uk/control_panel/icons/blue_info_graphic.gif) #E1E1FF no-repeat 6px 7px;
}
div.confirmation p {
  margin: 0px 30px;
  padding-bottom: 5px;
  padding-left:0px;
  text-align: justify;
}
div.confirmation ul {
  color: #00F;
  list-style-type: disc;
  list-style-position: inside;
  font-weight: bold;
  margin: 0px 0px 0px 30px;
  padding: 0px;
}
div.confirmation ul li {
  margin-bottom: 3px;
}

div.quick_search fieldset input[type="text"] {
  width: 98%;
}

div.search_tools {
  padding: 10px;
  margin: 10px auto 20px auto;
  text-align: center;
  background-color: #FFD7CF;
}

.pdf_link {
	background-image:url(http://images.text.co.uk/control_panel/pdf_icon.gif);
	background-repeat:no-repeat;
	margin-left:10px;
	padding:3px 0 0 24px;
}
.doc_link {
	background-image:url(http://images.text.co.uk/control_panel/word_icon.png);
	background-repeat:no-repeat;
	margin-left:10px;
	padding:3px 0 0 24px;
}
.xls_link {
	background-image:url(http://images.text.co.uk/control_panel/excel_icon.png);
	background-repeat:no-repeat;
	margin-left:10px;
	padding:3px 0 0 24px;
}

.user_details {
	border: 1px solid black;
	margin-right: 10px;
	margin-top: 8px;
	padding: 0px 3px 5px 3px;
}

.user_details form {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.user_details td {
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.clear_both {
	clear:both;
}