/* ----------------------------------------------------------
File: caring4u.css
Site: www.caring4u.co.uk
Author: Simon Smith - Focus Advertising
Version: 1.0
--------------------------------------------------------------*/

/* Imports ------------------------------------------*/ 
@import url("resets.css");

/* Body settings ------------------------------------------*/ 
body {
background-color: #fff;
text-align: center;
font: 62.5% Verdana, Tahoma, Arial, sans-serif;
}

html {
overflow: scroll;
}

/* Container ------------------------------------------*/ 
#wrap {
position: relative;
width: 900px;
margin: 20px auto;
text-align: left;
border: 1px solid #ddd;
}

/* Used in case UAs decide to render strong & em differently */
strong { font-weight: bold; font-style: normal; } 
em { font-style: italic; } 

/* Float fix ----------------------------------------*/
#header, #header ul, #content, #footer ul {
overflow: hidden;
}
.clear { clear:both; }

/* Hide accessibilty links ----------------------------------------*/
#skip {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

/* Heading  ------------------------------------------*/
#header {
background: url(../images/site/header-bg.jpg) no-repeat bottom left;
padding: 30px 0 40px;
}

#header h1 {
float: left;
background: url(../images/site/logo.gif) no-repeat top left;
margin-left: 25px;
width: 158px;
height: 117px;
text-indent: -9999em;
}

/* Nav  ------------------------------------------*/
#header ul {
float: left;
font-size: 1.2em;
margin: 32px 0 0 4px;
}

#header ul li {
float: left;
margin-right: 10px;
}

#header a { color: #a2cbd7; }
#header a:hover { color: #f79321; }

/* ------------ Active Link */
#header li.current a { color: #f79321; }

/* Content  ------------------------------------------*/
#content {
background: #f4762b url(../images/site/content-bg.gif) repeat-x bottom left;
color: #fff;
padding: 15px 0 10px 30px;
}


/******** Header  ********/

#content h2, .careerForm h2 {
font: 2.2em 'Century Gothic', Arial, Verdana, Tahoma, sans-serif;
letter-spacing: 1px;
margin-bottom: 20px;
}


.indexHeader {
	background: url(../images/site/hdr-vision-care.png) no-repeat center left;
	clear:both;
	height:33px;
	margin:0 0 5px -5px;
	padding-top:30px;
	text-indent:-9999em;
	width:521px;
}

.phoneHeader {
	background:transparent url(../images/site/phone.png) no-repeat scroll left center;
	clear:both;
	height:80px;
	margin:0 0 5px -5px;
	padding-top:30px;
	position:absolute;
	right:245px;
	text-indent:-9999em;
	top:505px;
	width:400px;
}

.brochureDownload {
	background:url(../images/report.gif) no-repeat left center;
	padding-left:22px;
}

.aboutHeader {
	position:absolute;
	background: url(../images/site/hdr-about-care.png) no-repeat center left;
	text-indent: -9999em;
	width: 627px;
	height: 60px;	
	padding-top: 50px; 
	margin: 90px 0 5px -5px;
	bottom:160px;
	right:10px;
}

.visionHeader {
	background: url(../images/site/hdr-vision-care.png) no-repeat center left;
	text-indent: -9999em;
	width: 627px;
	height: 33px;
	
	padding-top: 50px; 
	margin: 90px 0 5px -5px;
}

.clientHeader{
	background: url(../images/site/hdr-client-care.png) no-repeat center left;
	text-indent: -9999em;
	width: 627px;
	height: 90px;	
	padding-top: 50px; 
	margin: 90px 0 5px -5px;
}

.contactHeader{
	position:absolute;
	background: url(../images/site/hdr-contact-care.png) no-repeat center left;
	text-indent: -9999em;
	width: 627px;
	height: 60px;	
	padding-top: 50px; 
	margin: 90px 0 5px -5px;
}

#content p {
font-size: 1.15em;
line-height: 1.4;
margin-bottom: 15px;
}

#content .inner {
width: 400px;
}

#content ul {
margin: 10px 0 15px 15px;
list-style-type: disc;
}

#content li {
font-size: 1.15em;
margin-bottom: 4px;
}

#content ul.none {
list-style-type: none;
margin-left: 0;
}

#content a { color: #2427a1; }
#content a:hover { color: #4e50bd; }

/* ------------ Backgroud images for content pages */
.heart {
background: url(../images/site/heart-lady.png) no-repeat center left;
position: absolute;
top: 140px;
right: 0;
width: 375px;
height: 468px;
}

.white-man {
background: url(../images/site/white-man.png) no-repeat center left;
position: absolute;
top: 140px;
right: 0;
width: 189px;
height: 350px;
}

.about {
background: url(../images/site/about-heart.png) no-repeat center left;
position: absolute;
top: 140px;
right: 0;
width: 375px;
height: 468px;
} 


.vision {
background: url(../images/site/vision-heart.png) no-repeat center left;
position: absolute;
top: 140px;
right: 0;
width: 375px;
height: 468px;
} 
.clients {
background: url(../images/site/clients-heart.png) no-repeat center left;
position: absolute;
top: 140px;
right: 0;
width: 375px;
height: 468px;
} 
.service {
background: url(../images/site/service-heart.png) no-repeat center left;
position: absolute;
top: 140px;
right: 0;
width: 375px;
height: 468px;
} 

.carers {
background: url(../images/site/carers-heart.png) no-repeat center left;
position: absolute;
top: 140px;
right: 0;
width: 375px;
height: 468px;
}

.map {
position: absolute;
top: 210px;
right: 170px;
width: 375px;
height: 468px;
} 

.mapcoverage{
background: url(../images/site/map.png) no-repeat center left;
position: absolute;
top: 170px;
right: 0;
width: 567px;
height: 420px;
}


.imagefirst{
position:relative;
left:220px;

}

#appList{
font-size:14px; padding-left:20px; margin-top:0px; list-style-image: url('../images/site/pdf-ico.png');
}

.newsletters {
	font-size:14px;
	list-style:none;
}
	.newsletters li {
		list-style:none;
	}

/* ------------ Home Two column text */
#content div.left-col, #content div.right-col {
width: 225px;
float: left;
}

#content div.left-col { margin-right: 20px; }

/* Services  ------------------------------------------*/
#content ul.services li {
background: url(../images/site/arrow.png) no-repeat center left;
padding-left: 18px;
list-style-type: none;
margin-bottom: 8px;
}
#content ul.services {
margin-left: 10px;
}


/* Footer  ------------------------------------------*/
#footer {
color: #fff;
background: #99cedf url(../images/site/footer-bg.gif) repeat-x top left;
padding: 15px 0 0 30px;
}

#footer h4 {
font: 1.8em 'Century Gothic', Arial, Verdana, Tahoma, sans-serif;
letter-spacing: 1px;
padding-bottom: 15px;
}

#footer ul { padding: 0 0 45px; }

#footer li {
float: left;
width: 260px;
font-size: 1.2em;
margin-right: 30px;
line-height: 1.4;
}

#links li a{
	color:#FFFFFF;
	font-weight:bold;

}

#banner {
	position: absolute;
	margin-left: 620px;
	top: 600px;
}

#talk-to-us ul {
	margin-top: 18px;
}
#talk-to-us ul li {
	font-size: 12px;
	font-weight: bold;
	color: #f4762b;
	padding-left: 25px;
	margin-right: 20px;
}
#phone {
	width: 220px;
	background: url(../images/phone.gif) no-repeat;
}
#callback {
	width: 100px;
	background: url(../images/telephone.gif) no-repeat;
}
#brochure {
	width: 100px;
	background: url(../images/report.gif) no-repeat;
}
#contactform {
	width: 265px;
	margin: 0 0 10px 0;
	float: left;
}
#contactform .highlight{
	border: 1px solid #dd1f2b;
}
#contactform select, #contactform input, #contactform textarea {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px;
}
legend {
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding:14px 5px;
}
.row {
	clear: left;
	color:#FFF;
}
.row label {
	float: left;
	width: 295px;
	text-align: left;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
	padding-right:5px;
}
.row .formw, .row .formbox {
	float: left;
	width: 240px;
	margin-right: 20px;
	margin-bottom: 3px;
	text-align: left;
}
.form_confirmation {
	color: #fff;
	font-weight: bold;
}
.row p {
	color: #ccc;
	font-weight: bold;
	margin-top: 10px
}
#mFormSubmit {
	margin-top: 10px;
}
#jobApplication th {
	font-size:12px;
	font-weight:bold;
}
#jobApplication td {
	vertical-align:top;
}
#jobApplication table .row label , #jobApplication table .row .formbox {
	width:auto;
}
#jobApplication fieldset {
	border:1px solid #FFF;
	padding:14px;
}