/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   UNIVERSAL          						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

* { margin: 0; padding: 0; }

body, html { height:100%; min-height:100% }

html {
	background: #cfe1ed url(../images/bg.jpg) repeat-x;
	padding: 10px;
}

img { border:0; }

p {margin-bottom: 15px;}
/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   MAIN BLOCKS        						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

div#wrapper {overflow:hidden; display: inline-block;} div#wrapper{display:block;}

#wrapper {
	position: relative;
	width: 974px;
	background: white url(../images/wrapperbg.jpg) no-repeat;
	background-position: 0px 151px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #505050;
}



#contentads {
	margin-left: 15px;
	margin-top:25px;
	width: 610px;
	float: left;
	text-align: justify;
	padding-bottom: 20px;
}

#content {
	margin-left: 15px;
	margin-top:25px;
	width: 940px;
	float: left;
	text-align: justify;
	min-height: 400px;
	height: auto !important;
	height:400px;
	padding-bottom: 20px;
}

#content li, #contentads li {
margin-left: 35px;
}

/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   FONTS             						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

body, table { font-family: Arial; font-size: 12px; }

h1 a {
	display: block;
	position: absolute;
	text-indent: -1000em;
	overflow: hidden;
	background-repeat:no-repeat;
	width:421px;
  	height:113px;
  	left: 0;
  	top: 0;
}

h2 {
	font-size: 1.7em;
	color: #1f589c;
	font-weight: bolder;
	margin-bottom: 15px;
	margin-top: 20px;
}

h3 {
	font-size: 1.5em;
	color: #1f589c;
	font-weight: bolder;
	margin-bottom: 15px;
	border-bottom: 1px solid #1f589c;
	width: 95%;
}

h4 {
	font-size: 1.1em;
	color: black;
	font-weight: bolder;
	margin-bottom: 15px;
}

/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   FORMS             						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

form { margin: 0; padding: 0; }

legend {
	font-weight: bolder;
	color: blue;
	margin-bottom: 15px;
}

fieldset {
	margin: 0;
	padding: 0;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}

textarea{
	width: 60%;
	margin-bottom: 5px;
}


input, textarea, select {
	font-family: Arial;
	font-size: 0.9em;
	color: #575D6E;
}

label,input {
	padding: 0;
	margin: 0;
	padding: 1px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: left;
	width: 110px;
	padding-right: 20px;
}

label.radio{
	text-align: left;
	padding-right: 2px;
}

input, select {padding: 3px;}

form p{
	padding: 2px;
	margin: 0;
}

form br {
	clear: left;
}

#login label,input {
	float: none; 
	margin: 0; 
	padding: 0; 
	display: inline;
}

#becomemember label,input {
	float: none; 
	margin: 0; 
	padding: 0; 
	display: inline;
}

/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   TABLES             						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

table {
	border-spacing:1px;
	border: 1px solid #ccc;
}

thead{
font-weight: bold;
background-color: #c2d7e8;
}

tr.odd {
background-color: #f3f7fa;
}

td,th {
padding: 2px;
}


/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   HEADER / NAVIGATION						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

#header {
	position: relative;
	background: transparent url(../images/header.jpg) no-repeat;
	height: 151px;
}


#login {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 300px;
	color: white;
}

#login a {text-decoration: none; color:#1f589c;} 
#login strong {display: block; height: 20px; font-size: 1.2em; color:#1f589c; font-weight: bolder; }
#login label {display: block; width: 80px; float: left;}

.lostpassword {font-size: 0.8em;}
.error {
display: block;
position: absolute;
right: 300px;
top: 5px;
width: 150px;
color: red;
}
/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   FOOTER             						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

#footer {
	width: 970px;
	height: 25px;
	line-height: 15px;
	color: #505050;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
}

#footer p { margin-left: 10px; margin-right: 10px; }

.sitefx {
	float: right;
	margin-left: 30px;
	color: #505050;
}

.sitefx a { text-decoration: none; color: #505050; }

/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   LISTINGS		   						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

.listing {
	border-top: 1px solid #ccc;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	width: 450px;
}

.listing_heading_Gold a{ margin-bottom: 5px; font-size: 1.2em; color: blue; font-weight: bolder;}
.listing_heading_Silver a{ margin-bottom: 5px; font-size: 1.2em;  color: black; font-weight: bolder;}
.listing_heading_Bronze a{ margin-bottom: 5px; color: black;}
.listing_info_Gold { border-left: 3px solid blue; padding-left: 10px; }
.listing_info_Silver { border-left: 3px solid black; padding-left: 10px; }
.listing_info_Bronze { padding-left: 10px; }

a.listing:hover { text-decoration: underline; }
.required { color: red; font-weight: bolder; }

/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   PROVIDER PROFILE		   				  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

div#provider_info {overflow:hidden; display: inline-block;} div#provider_info{display:block;}

#provider_info {
	width: 630px;
	font-size: 0.9em;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

#provider_header {padding: 10px; background-color: #dfe7f1; height: 105px; border-bottom: 1px solid #ccc; }

#provider_logo {
	float: left;
	width: 140px;
	height: 105px;
	margin-top: 5px;
	margin-left: 5px;
}

#provider_address {
	margin-top: 5px;
	float: left;
	width: 200px;
	height: 105px;
}

#provider_links {
	float: right;
	height: 105px;
	margin-top: 15px;
	width: 270px;
}

#provider_links li { float: left; list-style: none; margin-left: 0;}

#provider_links li a {
	margin-left: 0;
	display: block;
	margin-right: 5px;
	text-align: center;
	font-size: 0.9em;
	width: 60px;
	height: 40px;
}

#provider_content { margin-top: 15px; }

#provider_column1 {
	float: left;
	width: 300px;
	border-right: 1px solid #ccc;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-top: 10px;
}

#provider_column2 {
padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.provider_info_heading {
	color: black;
	font-size: 1.2em;
	font-weight: bolder;
	display: block;
	margin-bottom: 10px;
}

/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   GALLERY MODULE   						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

#gallery {
	font-size: 0.9em;
	margin:0;
	padding: 0;
}

#gallery img { border: 0; }

#gallery ul {
	clear: left;
	padding: 0;
	margin:0;
}

#gallery li { 
	list-style:none; 
	float: left;
	border: none;
	margin: 5px;
}

/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   PAGINATE MODULE   						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

.paginate {
	clear: left;
	margin: 15px;
}

.paginate li {
	list-style: none;
	float: left;
}

.paginate a{
	float: left;
	margin-right: 2px;
	border: 1px solid #999999;
	padding: 3px;
	color: #105cb6;
	padding-left: 10px;
	padding-right: 10px;
}

.paginate a:hover{
	border-color: #2e6ab1;
	color: #2e6ab1;
}

.paginate_current{
	float: left;
	margin-right: 2px;
	border: 1px solid #2e6ab1;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	background-color: #192765;
}

.paginate_inactive, .paginate_title{
	float: left;
	margin-right: 2px;
	border: 1px solid #999999;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ccc;
}

.paginate_title { color :black; margin-right: 10px;}


/* 
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
|   EVERYTHING ELSE!   						  |
+-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-+
*/

#banner a{
display: block;
width: 610px;
text-indent: -1000em;
overflow: hidden;
clear: left;
background-repeat: no-repeat;
}

.joinfree a {background-image: url(../images/joinfree.gif); height: 121px; margin-bottom: 10px;}
.smsalert a {background-image: url(../images/smsalert2.jpg); height: 97px; }
.providers a {background-image: url(../images/providers2-20.jpg); height: 97px;margin-bottom: 10px;}

#mainsponsor {
display: block;
text-indent: -1000em;
overflow: hidden;
height: 75px;
width: 295px;
margin-bottom: 8px;
border: 1px solid #312e30;
background-repeat: no-repeat;
}

.sponsor1 {background-image: url(../images/sponsor1.gif);}
.sponsor2 {background-image: url(../images/sponsor2.gif);}
.sponsor3 {background-image: url(../images/sponsor3.gif);}

#contact {
font-size: 1.7em;
float: left;
text-align: center;
margin-top: 30px;
margin-left: 90px;
}

#inner {
margin-top: 7px;
width: 965px;
margin-left: auto;
margin-right: auto;
}


#column {
margin-top: 45px;
position: relative;
width: 300px;
float: right;
}

#boy {
position: relative;
width: 302px;
height: 277px;
float: right;
z-index: 1;
margin-top: -105px;
margin-right: -10px;
}

#usercolumn {float: left;width: 160px; }
#usercolumn li {list-style: none; margin:0;}
#usercolumn li a{
display: block;
margin-bottom: 5px;
padding: 3px;
width: 150px;
height: 24px;
color: #505050;
text-decoration: none;
font-weight: bolder;
}

#usercolumn a:hover {
background-color: #4058DE;
color: white;
}

#usermain {
border-left: 1px solid #ccc;
margin-top: 60px;
width:420px;
float: left; margin-left: 10px;
padding-left: 10px;
}

#adminmain {
border-left: 1px solid #ccc;
margin-top: 60px;
float: left; margin-left: 10px;
padding-left: 10px;
}

.gold {
font-size: 1.3em;
font-weight: bolder;
color: #c7a900;
vertical-align: middle;
}



.silver {
font-size: 1.3em;
font-weight: bolder;
color: #b8b8b8;
vertical-align: middle;
}

.bronze {
font-size: 1.3em;
font-weight: bolder;
color: #903f03;
vertical-align: middle;
}


#packages li {float: left; width: 150px; height: 150px; border: 1px solid #69c; margin-right: 20px; text-align: center;}

#packages strong {display: block; background-color: #f4f6fc; border-bottom: 1px solid #69c;}



#membersignup {
width: 682px;
height: 66px;
background-repeat: no-repeat;
}

.page1 {background-image: url(../images/member-signup-1.gif);}
.page2 {background-image: url(../images/member-signup-2.gif);}
.page3 {background-image: url(../images/member-signup-3.gif);}
.page4 {background-image: url(../images/member-signup-4.gif);}
.page5 {background-image: url(../images/member-signup-5.gif);}
.page6 {background-image: url(../images/member-signup-6.gif);}

#package { width: 480px; margin-bottom: 20px; border: 1px solid; padding: 10px;
}

#package strong {display: block; font-size: 1.2em;}
.goldpackage {background-color: #fff498; border-color: #ffd200;}
.silverpackage {background-color: #e1e1df; border-color: #616161;}
.bronzepackage {background-color: #af8c7a; border-color: #501c02;}\

.col
{
	padding: 5px;
	color: #669;
	border-top: 1px dashed #ccc;
	border-right: 1px solid #ccc;
}

.days {
padding: 5px; height: 55px; border-right:1px solid #ccc; width: 320px; float: left;
}

.ages {
padding: 5px; height: 55px; border-right:1px solid #ccc; width: 240px; float: left;
}

#myDiv {
border: 1px solid #69c;
min-height: 55px;
height: auto !important;
height: 55px;
background: #e8edff;
}

.vacancyRow {
	color: #669;
	border-top: 1px dashed #ccc;
	border-right: 1px solid #ccc;
	clear: left;
}

#vacancyRow {overflow: hidden; display: inline-block;} 

#vacancyRow {display: block;}

.vacancyHeader {
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	background-color: white;
}

.days label {margin-left: 2px;width: 30px; text-align: left;padding: 0; margin: 0;}

.times {
padding: 5px; height: 55px; border-right:1px solid #ccc; width: 155px; float: left;
}

.vacancy {
 height: 55px; border-right:1px solid #ccc; width: 155px; float: left;
}

.invoices {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width: 100%;
	font-size: 0.9em;
}

.invoices th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
}

.invoices tbody
{
	background: #e8edff;
}

.invoices td
{
	padding: 5px;
	color: #669;
	border-top: 1px dashed #ccc;
	border-right: 1px solid #ccc;
}

.invoices tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}

.invoices img {border: 0;}

.invoices input {margin-right: 5px;}

.red {color: red; font-weight: bolder; font-size: 1.3em;}

.notes {
	display: block;
	width: 200px;
	float: right;
	border: 1px solid black;
	padding: 10px;
	background-color: #FFFFCC;
}

#image_upload label{ width: 50px; }

#static_content li{
margin-left: 35px;
margin-bottom: 10px;
}

#postcodesearch {
clear: both;
position: relative;
background: transparent url(../images/search.jpg) no-repeat;
width: 307px;
height: 106px;
}

.postcodesearchinner {
position: absolute;
bottom: 10px;
left: 15px;
}

#panic {
display: block;
height: 175px;
width: 238px;
background: url(../images/help_button.jpg) no-repeat;
margin-top: 30px;
}


#profiletip {
margin-top: 20px;
width: 160px;
height: 303px;
background: transparent url(../images/profile_tip.jpg) no-repeat;
position: relative;
}

#tiptext {
position: absolute;
top: 20px;
left: 17px;
width: 123px;
height: 39px;
font-size: 0.9em;
text-align: center;
}

#contact-fix {
	float: left;
	margin-right: auto;
	margin-left: auto;
	height: 600px;
	overflow: scroll;
	width: 90%;
	background: white;
	border: 1px solid black;
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 999;
	display: block;
	text-align: left;
	padding: 5px;
}
