body {
    margin:0 0 0 0;
    background-image: url('images2/1px_grad.gif');
    background-repeat: repeat-x;
    background-color:#CFE7FF;
}
.SmallMenu {
    background-image: url('images2/menu_box.gif');
    margin-left:15px;
}
.InfoMenu {
    background-image: url('images2/info_box.gif');
    margin-left:15px;
}

.SmallMenu a {
    color:white;
}
.InfoMenu a {
    color:white;
}

#SiteContainer {
    width:990px;
    padding:0 0 0 0;
    margin:auto;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    text-align:left;
    background-color:white;
}
#SiteContainer #Header {
    background-color:white;
    width:100%;
    height:120px;
}
#SiteContainer #Header #Left {
    width:48%;
    height:100%;
    float:left;
}
#SiteContainer #Header #Left #Logo {
    padding-top:30px;
    padding-left:30px;
}
    
#SiteContainer #Header #Right {
    width:48%;
    height:100%;
    float:left;
}
#SiteContainer #Header #Right #Top {
    width:100%;
    height:85px;
    float:left;
}
#SiteContainer #Header #Right #Bottom {
    width:500px;
    height:25%;
    float:left;
}

#SiteContainer #Header #Right #Bottom .Button {
    width:111px;
    margin-right:5px;
    height:32px;
    float:left;
    background-image: url('images2/tab.gif');
    background-repeat:none;
    text-align:center;
    color:white;
}
#SiteContainer #Header #Right #Bottom .Button a {
    font-family:arial;
    color:white;
    font-size:16px;
    font-weight:bold;
}

#SiteContainer #Header #Advert {
    width:468px;
    height:60px;
    padding-left:22px;
    margin-top:10px;
    float:left;
}

h2 {
    border:none !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-style:italic !important;
    font-size:23px !important;
    line-height:21px !important;
    color:#388652 !important;
}

h3 {
    border:none !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-style:italic !important;
    font-size:15px !important;
    line-height:18px !important;
    color:#333333 !important;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#00549E;
	font-weight:bold;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:13px;
	line-height:21px;
	color:355f90;
	font-weight:bold;
	
}

h6 {
    border:none !important;
    font-family:arial !important;
    font-weight:bold !important;
    font-style:italic !important;
    font-size:23px !important;
    line-height:21px !important;
    color:#ffffff !important;
}

p {
    border:none !important;
    font-family:verdana !important;
    font-size:11px !important;
    line-height:15px !important;
    color:#1a1a1a !important;
}


#SiteContainer #Search {
    width:960px;
    height:auto;
    margin-top:-2px;
    margin-bottom:10px;
}

#SiteContainer #Search #SearchContainer {
    width:100%;
    display:block;
}

#SiteContainer #Search #SearchTop {
    background-image: url('images2/search_top.gif');
    background-repeat:none;
    font-size:0px;
    height:55px;
}
#SiteContainer #Search #SearchTop #SearchButton {
    background-image: url('images2/search_but.gif');
    background-repeat:none;
    font-size:0px;
    width:113px;
    height:29px;
}

#SearchButtonx {
    background-image: url('images2/search_but2.gif');
    background-repeat:none;
    width:113px;
    height:29px;
    clear:both;
}

.SearchBottom {
    background-image: url('images2/search_bottom.gif');
    background-repeat:none;
    font-size:0px;
    height:10px;
}

#SiteContainer #Body {
    width:100%;
    height:auto;
}

#SiteContainer #Body #Left {
    width:225px;
    float:left;
    height:auto;
}

#SiteContainer #Body #Right {
    float:left;
}
#SiteContainer #Body #Right #MainBody {
    
}

#SiteContainer #Body #Advert {
    width:120px;
    float:left;
    clear:right;
    height:auto;
}
#SiteContainer #Footer {
    width:100%;
    margin-left:15px;
    height:225px;
    margin-top:50px;
}

#SiteContainer #Footer #Topx {
    background-image: url('images2/footer_top.gif');
    background-repeat:none;
    font-size:0px;
    width:960px;
    height:20px;
}


#SiteContainer #Footer #Content #FooterBody {
    padding-top:30px;
}
#SiteContainer #Footer #Content a {
    font-family:verdana;
    font-size:11px;
    color:#666666;
}

#SiteContainer #Footer #Content a:hover {
    color:#1a1a1a;
}

#LogoCopyright {
    color:#999999;
    font-family:arial;
    font-size:10px;
    text-align:right;
}



#SiteContainer #Bottomx {
    background-image: url('images2/footer_bottom.gif');
    background-repeat:none;
    font-size:0px;
    margin-left:15px;
    width:960px;
    height:20px;
}

.prop {
    height:20px;
    float:right;
    width:1px;
}

.prop150 {
    height:150px;
    float:right;
    width:1px;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}


.Header {
    font-weight:bold;
}

.Row {
    clear:both;
    width:100%;
}

.ColumnLeft {
    width:150px;
    float:left;
}

.ColumnRight {
    width:150px;
    float:right;
}

#LocationView .ColumnLeft {
	/*NLP changed 15/06/09*/
	/*width:35% !important;*/
	width:50px !important;
}
#LocationView .ColumnRight {
    width:45% !important;
    float:left;
}

.Seperator {
    clear:both;
    height:20px;
}
.Seperator10 {
    clear:both;
    width:100%;
    height:10px;
    font-size:0px;
}


<!-- This makes all the forms sexy -->

H1 {
	font-size:42px;
	font-weight:bold;
	letter-spacing:-2px;
	line-height:42px;
}

h2 {
	color:#000066;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	margin:0;
	padding:0 0 1px;
	border-bottom:1px dashed #55B5ED;
}

a { text-decoration: none; color: #55B5ED; }
table { border-collapse: collapse; border: 0px; }
pre { border: 1px dotted #ddd; background-color: #fff; padding: 25px 50px 25px 50px;; }


/* add some padding so it spaces nice and relative elements dn't get clipped */
.form-group {
	padding-bottom:5px;
	overflow:hidden;
}
 
/* Simple blue border */
.form-group .form-group-header {
	padding:0;
	border-bottom:1px solid #c3daf9;
}
 
/* Position the text element so it appears over the border added above */
.form-group .form-group-header-text {
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	line-height:13px;
	text-transform:uppercase;
	position:relative;
	left:5px;
	top:5px;
	padding:1px 5px 1px 20px;
	color:#4e79b2;
	background:#fff url(../images/form-collapse-icon.gif) no-repeat 2px 0;
}
 
/* Copied from x-plain (for IE + layouts to work) */
.form-group-body {
    overflow:hidden;
}
 
/* Copied from x-plain (for IE + layouts to work) */
.form-group-bwrap {
    overflow:hidden;
    zoom:1;
}
 
/* Change the toggle icon when collapsed */
.x-panel-collapsed .form-group-header-text {
	background-position: 2px -15px;
}

body {
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}

a {
 color: #003399;
 background-color: transparent;
 font-weight: normal;
}

h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}






#images-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#images-view .thumb{
	background: #dddddd;
	padding: 3px;
}
#images-view .thumb img{
	height: 60px;
	width: 80px;
}
#images-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over{
    border:1px solid #dddddd;
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#images-view .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#images-view .x-view-selected .thumb{
	background:transparent;
}

#images-view .loading-indicator {
	font-size:11px;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}







#loading-mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    display:none;
    height:100%;
    z-index:20000;
    background-color:white;
}
#loading{
    position:absolute;
    left:35%;
    top:40%;
    display:none;
    padding:2px;
    z-index:20001;
    height:auto;
}
#loading a {
    color:#225588;
}
#loading .loading-indicator {
    background:white;
    color:#444;
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
    margin:0;
    height:auto;
    width:500px;
    display:block; 
    float:left;
}

#loading-msg {
    font: normal 10px arial,tahoma,sans-serif;
}











.MenuTitle {
    padding-top:12px;
    padding-left:12px;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    color:white;
    padding-bottom:10px;
}
.MenuItem {
    padding-bottom:3px;
    padding-left:25px;
    font-family:arial;
    font-size:12px;
    color:white;
}

.MenuRecent {
    padding-bottom:5px;
    padding-left:25px;
    font-family:arial;
    font-size:12px;
    color:white;
}
	    
	    
	    
#Footer .FootRow {
    margin-left:10px;
    margin-right:-10px;
    float:left;
    width:170px;
}

#Footer .FootRow .MenuItem a {
    color:grey;
    font-size:12px;
}

#Footer #Logo {
    background-image: url('images2/footer_logo.gif');
    width:200px;
    height:50px;
}



<!-- Home CSS -->

#MapHold {
    width:623px;
    height:302px;
}

#AdBox1 {
    background-image: url('images2/adbox_1.jpg');
    width:202px;
    height:165px;
    float:left;
}
.AdBox2 {
    background-image: url('images2/adbox_2.jpg');
    width:195px;
    height:165px;
    float:left;
}

#AdBox1 .MenuTitle, .AdBox2 .MenuTitle {
    padding-top:14px;
    padding-left:12px;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    color:white;
    padding-bottom:10px;
}

#AdBox1 .Header,.AdBox2 .Header {
    font-family:arial;
    font-weight: bold;
    font-style: italic;
    font-size: 21px;
    color:white;
    padding-left:8px;
}

#AdBox1 .Content,.AdBox2 .Content {
    font-size:11px;
    font-family: verdana; 
    line-height:14px;
    color:white;
    padding-left:8px;
}

#SiteRoot {
    width:100%;
    text-align:center;
}



<!-- Search results page -->
#MainBody #TextArea {
    width:100%;
    height:90px;
    margin-bottom:20px;
}

#MainBody #ResultsContainer {
    width:100%;
}

#MainBody #ResultsContainer .Pagination a {
    font-size:12px;
    font-family:verdana;
    color:#333333;
}

#MainBody #ResultsContainer .Pagination a:hover {
    font-size:12px;
    font-family:verdana;
    color:#999999;
}

.List1 ul, .List1 ol {	
    font-size:14px;
    font-family:verdana;
    color:#1a1a1a;
	padding-left:25px;
	padding-top:20px;
	float:left;
	width:370px;
}

.List1 li {
	background-image: url(images/green_dot.gif);
	background-repeat:no-repeat;
	background-position:0px 11px;
	padding-left:20px;
	line-height:29px;
}


.List2 ul, .List2 ol {	
    font-size:14px;
    font-family:verdana;
    color:#FFF;
	padding-left:10px;
	float:left;
	width:590px;
}

.List2 li {
	background-image: url(images/white_dot.gif);
	background-repeat:no-repeat;
	background-position:0px 11px;
	padding-left:20px;
	line-height:29px;
}


.List3 ul, .List3 ol {	
    font-size:14px;
	line-height:20px;
    font-family:verdana;
    color:#1a1a1a;
	padding-left:10px;
	padding-top:20px;	
	padding-bottom:10px;
	float:left;
	width:430px;
}




.ParagraphStyle1 p {
    font-family:arial;
    font-weight:bold;
    font-style:italic;
    font-size:15px;
    color:#333333;
}

.ParagraphWhite p {
    font-family:arial;
    font-weight:bold;
    font-style:italic;
    font-size:15px;
    color:#ffffff!important;
}

#MainBody #ResultsContainer .Pagination {
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    text-align:right;
}

#MainBody #ResultsContainer .ResultsStatus {
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;
}

#MainBody #ResultsContainer #Results .Result {
    width:100%;
    height:140px;
    padding:10 10 10 10;
}

#MainBody #ResultsContainer #Results .Result .Left {
    width:350px;
    height:100%;
    float:left;
}

.LocationName a, .LocationName {
    font-family:arial;
    font-size:16px !important;
    font-weight:bold;
    line-height:19px;
    margin-bottom:5px;
    color:#388652 !important;
}

.Region {
    font-family:arial;
    font-size:16px;
    color:#355f90;
    margin-bottom:5px;
}

.Address {
    font-family:verdana !important;
    font-size:12px !important;
    color:#333333 !important;
    line-height:16px !important;
}

#MainBody #ResultsContainer #Results .Result .Right {
    width:170px;
    height:100%;
    float:left;
    margin-left:73px;
}
#MainBody #ResultsContainer #Results .Result .Right img {
    border:2px solid white;
}

/* Locations Results */
#MainBody #ResultsContainer .spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ececed}
#MainBody #ResultsContainer .spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;
  background:#d8d8d8}
#MainBody #ResultsContainer .spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9;
  background:#ececed}
#MainBody #ResultsContainer .spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5;}
#MainBody #ResultsContainer .spiffy4{
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9}
#MainBody #ResultsContainer .spiffy5{
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8}
#MainBody #ResultsContainer .spiffyfg{
  background:#ececed}

      
      
      
/* Location View */
.Image {
    width:80px;
    float:left;
}

#NumberOfPitches {
    width:455px;
    height:50px;
    margin-bottom:10px;
}

p {
    font-family:verdana !important;
    font-size:12px !important;
    color:#333333 !important;
    line-height:18px !important;
}


#Facs .item {
    width:100%;
    height:28px;
    clear:both;
}
#Facs .item .img {
    width:25px;
    height:20px;
    float:left;
}
#Facs .item .text {
    width:105px;
    float:left;
    height:20px;
    font-family:arial;
    font-size:11px;
    color:white;
    padding-top:3px;
    padding-left:5px;
    font-weight:bold;
}
#Facs .item .tick {
    background-image: url('images2/facil_tick.gif');
}
#Facs .item .cross {
    background-image: url('images2/facil_cross.gif');
}

.button-back {
    background-image: url('images2/back_but.gif');
    width:122px;
    height:39px;
}


 #MainBody #LocationView #Top {
    width:100%;
    height:250px;
}

#MainBody #LocationView #Top #Left {
    height:100%;
    width:290px;
    float:left;
    padding-right:10px;
}

#MainBody #LocationView #Top #Right {
    height:100%;
    width:400px;
    float:left;
}

#MainBody #LocationView #Bottom {
    width:100%;
    height:auto;
}

#MainBody #LocationView #Bottom #Left {
    height:auto;
    width:460px;
    float:left;
}

#MainBody #LocationView #Bottom #Right {
    height:auto;
    width:270px;
    float:left;
}

#MainBody #LocationView #Bottom #Right #ImageContainer {
    width:280px;
    background-image: url('images2/images_back.gif');
    height:290px;
    float:left;
    padding-left:1px;
    background-repeat:no-repeat;
}

#Facs {
    background-image: url('images2/facil_back.gif');
    width:440px;
    background-repeat:no-repeat;
    height:240px;
}

#InfoRoot #TextArea {
    width:100%;
    padding-left:10px;
}

#FooterHeader {
    font-family:arial;
    font-weight:bold;
    font-size:16px;
    color:#999999;
    text-indent:30px;
}