@charset "utf-8";
/* CSS Document */

* {padding:0; margin: 0; border:0; font-family: "Trebuchet MS",Arial,"sans-serif"; font-size: 12px; color:#555555}
html, body {height: 100%}
.clear {clear:both}

#wrapper {	
	width: 942px; /* Actually 800px wide */
	padding: 0 20px 0 20px;
	border-left:1px #333333 solid;
	border-right: 1px #333333 solid;
	background: #FBD782 top url(../images/background_grad.jpg) repeat-x;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -82px; /* the bottom margin is the negative value of the footer's height */
}

p {	padding: 10px}
p.spacer {margin: 0; padding: 0; height: 0px;}
a {
	text-decoration: none;
	color: #2A1C81;
}
a:hover {
	text-decoration: underline;
}
h1 {
	color:#2A1C81;
	font-size:24px;
	padding: 10px 11px 7px;
}
h2 {
	font-size: 16px;
	padding: 5px;
	color:#2A1C81;
}

h3 { font-size: 16px; color: #2A1C81; padding: 0px 11px 7px 11px; }

ul {margin-left: 20px;}
li {margin-left: 10px;}

/* HEADER */

#header{
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
	height: 94px;
}

#header * {
	color: #888888;
	list-style-type: none;	
}

#header h2 {
	color: #2A1C81;
	padding: 0;
}

#header a{
	text-decoration: none;
}

#header a:hover{
	text-decoration: underline;
}

#header p {
	font-size: 20px;
	margin: 0;
	padding: 0;
}

#header p strong{
	color: #E56A28;
	font-size: 20px;
}

#header img{
	float: left;
}

#header ul {
	float: right;
	margin: 0;
}

#header ul, #header li {
	margin: 0;
	text-align: right;
}

#header a.client_login {
	background: url(../images/childcarevouchersolutions_login.jpg) no-repeat;
	width: 94px;
	height: 18px;
	float:right;
}

#header a.client_login:hover {
	text-decoration:none;
	background-position: 0 -18px;
	}
	
#login {
	width: 250px;
	z-index: 50; 
	position:absolute;
	margin-left: 690px;
	}
#login div {
	float: left;
	padding: 0 0 0 5px;
}
#login #logintext {
	font-size: 14px;
	padding: 5px 0;	
	color: #555555;

}
#login #login-fail {
	font-size: 12px;
	color: #FF0000;
}

#login #login-close, #login-close a {
	background: #9EA0A2;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
}
#login #login-close a {
	text-decoration:none;
	}

#login form {
	float:right;
	background-color: #fff;
	border:2px #9EA0A2 solid;
	width: 250px;
	position: absolute;
	z-index: -60;
	top: 25px;

}
#login input {
	background-color: #EEEEEE;
	border:1px solid #DBDBDB;
	color:#2A1C81;
	width: 100%;
	height: 20px;
}

p.login-bottom {
	line-height: 24px;
} 

#login #login-wrap {
	padding: 10px;
}

#header label.login-label {
	margin: 0;
	display:block;
	color: #2A1C81;
	width: 100%;
	padding: 5px 0;
}

a#forgotten_password {
	font-size: 14px;
	color: #555555;
	text-decoration:underline;
	width: auto;
}
a#forgotten_password:hover {
	text-decoration: none;
	}

p#telephone, p#telephone strong {
	font-size: 24px;
	padding-top: 30px;
}

li#top-email, #top-email a {
	font-size: 18px;
}

/* Buttons */
/* Main Buttons */
a.employers_but{
	background: url(../images/employer.jpg) no-repeat;
}

a.employees_but{
	background: url(../images/parents.jpg) no-repeat;
}

a.carers_but{
	background: url(../images/carers.jpg) no-repeat;
}


#intro{
	width: 940px;
	height: 241px;
	margin-bottom: 20px;
	float: left;
	background: url(../images/hmepg_white_panel.png) -2px 0px no-repeat;
	clear: left;
}

#intro p.strapline{
	font-size: 36px;
	color: #2A1C81;
	padding-top: 33px;
	text-align: left;
}

#intro .bar_1{
	width: 625px;
	height: 73px;
}

#intro .bar_2{
	width: 650px;
	height: 45px;
}

#intro .bar_3{
	width: 680px;
	height: 40px;
}

#intro .bar_4{
	width: 940px;
	height: 83px;
}

#intro .bar_4 ul{
	list-style: none;
	margin: 0;
}

#intro .bar_4 li{
	float: left;
	margin: 0;
}

/* Main Buttons */
a.employers_but{
	height: 83px;
	width: 187px;
	display: block;
}

a.employers_but:hover{
	background-position: 0px -83px;
}

a.employees_but{
	height: 83px;
	width: 200px;
	display: block;
}

a.employees_but:hover{
	background-position: 0px -83px;
}

a.carers_but{
	height: 83px;
	width: 235px;
	display: block;
}

a.carers_but:hover{
	background-position: 0px -83px;
}


/* Main Content, 3 columns */
.nav-reviews, .content-latestnews, .search-form {
	float: left;
	margin: 0 10px;
}
/* first column */
.nav-reviews {
	width: 210px;
	margin-left: 0px;
	margin-right: 16px;
	}
/* Middle Column */	
.content-latestnews {
	width: 443px;
	}
	
.main-content-tl, .main-content-tr, .main-content-top, .main-content-left, .main-content-right, .latest-news {
	float:left;
}

.latest-news {
	min-width: 442px;
	}
.main-content-tl {
	background: url(../images/childcarevouchersolutions-main-information-tl.jpg) no-repeat 0% 0% #fff;;
}
.main-content-tr {
	background: url(../images/chilcarevouchersolutions-main-information-tr.jpg) no-repeat 100% 0%;
}
.main-content-top {
	background:url(../images/childcarevouchersolutions-main-information-top.jpg) repeat-x;
	margin-left: 17px;
	padding-left: 1px;
}

.main-content-right {
	background: url(../images/childcarevouchersolutions-main-information-right.jpg) no-repeat 100% 18px;
}
.main-content-left {
	background: url(../images/childcarevouchersolutions-main-information-left.jpg) no-repeat 0% 18px;
	margin-left: -18px;
}

/* Last Column */
.search-form {width: 240px; margin-right: 0px;}
.search {margin-top: -15px}
.search p, .search a, .search input {
	margin-left: 10px;
}
.nav ul, .nav li {
	list-style:none;
	margin: 0;
	padding: 0;
	}
.nav {}

/* Titles */
.tab_box_title { height: 23px; background: url(../images/ttl.gif) no-repeat; padding: 0px 0px 0px 11px; margin: 15px 0 0 0;}
.tab_box_title h2{ height: 23px; font-size: 16px; line-height: 23px; background: #000 url(../images/ttr.gif) no-repeat right 0px; color: #fff; margin: 0; padding: 0px 11px 0px 0px; float: left; display: block; }

/* Rounded Corners */
.tl {background: url(../images/tl.png) 0% 0% no-repeat #fff}
.tr {background: url(../images/tr.gif) 100% 0% no-repeat}
.bl {background: url(../images/bl.gif) 0% 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}


/* FOOTER */

#footer, #push {
	height: 72px; /* .push must be the same height as .footer */
	clear: both;
}
#push {
	height: 0px;
}

#footer{
	width: 940px; /* Actually 800px wide */
	background: #FFF center top url(../images/footer_curved.gif) no-repeat;
	padding-top: 10px;
}

#footer p, #footer a{
	font-size: 12px;
	color: #555555;
	text-decoration: none;
}

#footer p {
	padding: 0px 0px 3px 10px;
}
#footer a:hover {color:#e66a2c}

#footer img{
	float: right;
	padding: 0px 10px 0px 0px;
}


/* Main Navigation */
#main_menu{
	float: left;
	width: 220px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#main_menu .leftshad{
	float: left;
	width: 6px;
	height: 226px;
	background-image: url(../images/menu_left_shad.jpg);
}

#main_menu .rightshad{
	float: left;
	width: 6px;
	height: 226px;
	background-image: url(../images/menu_right_shad.jpg);
}

#main_menu ul{
	width: 208px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#main_menu li{
	margin: 0px;
}

#main_menu li a{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	background: #000 url(../images/menu_bg.jpg);
	line-height: 33px;
	border-top: 1px solid #FDCF80;
	border-bottom: 1px solid #964229;
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}

#main_menu li.current a, #main_menu li.current a.menu_bg_2, #main_menu li.current a.menu_bg_5, #main_menu li a:hover, #main_menu li a.menu_bg_2:hover, #main_menu li a.menu_bg_5:hover{
	background-image: url(../images/menu_hover.jpg);
}

#main_menu li a.menu_top{
	background-image: url(../images/menu-top.jpg);
	border-top: none;
}

#main_menu li.current a.menu_top, #main_menu li a.menu_top:hover{
	background-image: url(../images/menu-top-hover.jpg);
	border-top: none;
}

#main_menu li a.menu_bot{
	background-image: url(../images/menu-bottom.jpg);
	border-bottom: none;
}

#main_menu li.current a.menu_bot, #main_menu li a.menu_bot:hover{
	background-image: url(../images/menu_bot_hover.jpg);
	border-bottom: none;
}

#main_menu li a.menu_bg_2{
	background-image: url(../images/menu_bg_2.jpg);
}

#main_menu li a.menu_bg_5{
	background-image: url(../images/menu_bg_5.jpg);
}

/* Form Styling */
form label{
	width: 109px;
	display: block;
	font-size: 12px;
	color: #2A1C81;
	font-weight: bold;
	float: left;
}

form input.text, form input.text_sm, form input.text_search, form textarea {
	height: 22px;
	border: 1px solid #dbdbdb;
	color: #2A1C81;
	font-size: 12px;
	font-weight: bold;
	background-color: #EEEEEE;
}

form textarea {
	width: 220px;
	height: 100px}
form input.text {width: 220px}
form input.text_sm {width: 100px}
form input.text_search { width: 100%; margin:0}
form input.text_searcher {margin-top: 10px}
.search-form form {padding-bottom: 1px}
#tel {width: 108px;}

.form {padding: 10px}
.form p {font-size: 13px}
.email {margin-left: 2px}
.form input.email {width: 106px}

.submit, #login input.submit {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	width: 50px;
	height: 20px;
	margin: 5px 0px 10px 10px;
	border: none;
	background: #000 url(../images/Childcare_Voucher_Solutions_submit_button.jpg) no-repeat;
	display: block;
	cursor: pointer;
	padding-top: 0px;
}
.form h2, .form p {padding: 0}
.form input.submit {margin: 5px 0 0 0 }

#login input.submit {
	margin: 10px 0;
	padding: 0;
}

form ul, form li {list-style-type:none}


/* News Holder */

.news_holder{
	line-height: 14px;
}

.news_holder p{
	margin: 0px 0px 10px 0px;
	width: 412px;
}

a.news {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: #2A1C81;
	font-weight: bold;
	float: left;
	text-decoration: underline;
}

a.news:hover {
	text-decoration: underline;
}

p.date{
	font-style: italic;
	float: left;
	padding: 0 0 0 10px;
}

.customer-reviews {
	float: left;
}
.customer-review {
	font-style: italic;
	font-size:14px;
	display:block;
}

.review-name {
	color:#2A1C81;
	font-style: normal;
	font-weight:bold;
	float: left;
	padding-left: 20px;
	width: 100%;
	}

.quotes {
	background:url(../images/quotes.jpg) no-repeat;
	height: 100%;
	width: 20px;
	float:left;
}
p#quote1, p#quote2 {
	padding: 3px 0 0 20px;
}

.end-quotes {
	display: inline;
	font-size: 18px;
	line-height:14px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#default-text, #employers-text, #parents-text, #carers-text {
	padding-bottom: 5px;	
	}
	
#sitemap {min-width: 442px}