@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/childcare_vouchers_childcare_voucher_solutions_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; background: none;}
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;
	display: block;
	text-align:center;
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:17px;
}

#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, .recap-close a, .recap-close, #recap-close {
	background: #9EA0A2;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
}
#login #login-close a, .recap-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: 27px;
}

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

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

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

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


#intro{
	width: 940px;
	height: 241px;
	margin-bottom: 20px;
	float: left;
	background: url(../images/childcare_vouchers_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;
	background: none;
}
/* 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/childcare_vouchers_childcarevouchersolutions-main-information-tl.jpg) no-repeat 0% 0% #fff;;
}
.main-content-tr {
	background: url(../images/childcare_vouchers_chilcarevouchersolutions-main-information-tr.jpg) no-repeat 100% 0%;
}
.main-content-top {
	background:url(../images/childcare_vouchers_childcarevouchersolutions-main-information-top.jpg) repeat-x;
	margin-left: 17px;
	padding-left: 1px;
}

.main-content-right {
	background: url(../images/childcare_vouchers_childcarevouchersolutions-main-information-right.jpg) no-repeat 100% 18px;
}
.main-content-left {
	background: url(../images/childcare_vouchers_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/childcare_vouchers_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/childcare_vouchers_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/childcare_vouchers_tl.png) 0% 0% no-repeat #fff}
.tr {background: url(../images/childcare_vouchers_tr.gif) 100% 0% no-repeat}
.bl {background: url(../images/childcare_vouchers_bl.gif) 0% 100% no-repeat}
.br {background: url(../images/childcare_vouchers_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/childcare_vouchers_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-left: -6px;
	padding: 0px;
}

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

#main_menu .rightshad{
	float: left;
	width: 6px;
	height: 255px;
	background-image: url(../images/childcare_vouchers_menu_right_shad_inside.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/childcare_vouchers_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/childcare_vouchers_menu_hover.jpg);
}

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

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

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

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

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

#main_menu li a.menu_bg_5{
	background-image: url(../images/childcare_vouchers_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;
	line-height:22px;
}

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_vouchers_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}
#default-text, #employers-text, #parents-text, #carers-text {padding-bottom: 5px}
#sitemap {min-width: 442px}
#social_media {float: right; margin-left: 265px; margin-top: -1px; position: absolute; z-index: 500; border: none; padding: 0px; width: 570px}
#facebook, #twitter, #google-plusone {float: left};
#google-plusone {width: 71px;}
#facebook {width: 82px}
#twitter, #twitter a {width: 165px}

.web-link{
	background: #CCCCCC;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC); /* for firefox 3.6+ */
	border: 2px solid #999999;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	width: 150px;
	text-align: center;
	display: block;
	margin: auto;
	
}

.web-link:hover{
	background: #2A1C81;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A1C81', endColorstr='#150445'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2A1C81), to(#150445)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2A1C81,  #150445); /* for firefox 3.6+ */
	color: #FFFFFF;
}

.recap {
	position: fixed;
	width: 100%;
	left: 40%;
	top: 50%;
}

.recapbox {
	width: 330px;
	background: #fff;
	border: medium #9EA0A2 solid;
}
.recap-content {
	padding: 10px;	
}

label.error {
	display: block none;
	width: 0px;
	height: 0px;
}

form input.error {
	border-color: #f00;
	background: url(../images/cross.png) #FFC6C6 top right no-repeat;
}
form input.valid, form textarea.valid {
	border-color:#3C3;
	background: url(../images/tick.png) #DEFBD7 top right no-repeat;
}
p.fail {
	display: none;
}