/* @override http://essentialhealthcare.co.uk-2.colin.dev.inigo.net/resources/css/styles.css */

/*
 Master Stylesheet
 Site: essential healthcare
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Basic Elements  */

html {
	font-size: 100%;
	overflow-y: scroll
}

body {
	background: #fff url(../images/band.gif) repeat-x 0 100px;
	font-size: 62.5%;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, Tahoma, sans-serif;
	line-height: 1.33;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

:focus {
	outline: 1px;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: 800;
}

hr {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

a img {
	border: none
}

.clearer {
	clear: both;
	height: 0;
	line-height: 0;
}

/* Links */

a:link, a:visited, a:active {
	color: #2a2a2a;
	text-decoration: none;
}

a:hover {
	color: #2a2a2a;
	text-decoration: underline
}

/* Headers / Paragraph */

h1 {
	font-size: 1.2em;
	margin: 0 0 1em;
}

h2 {
	font-size: 1.2em;
	margin: 0 0 1em;
}

h3 {
	font-size: 1.2em;
	margin: 0 0 1em;
}

h4, h5, h6 {
	font-size: 1.2em;
	margin: 0 0 1em;
}

p {
	font-size: 14px;
	margin: 0 0 1.43em 0;
}

/* Site Structure */

#wrap {
	width: 951px;
	margin: 0 auto;
}

#content {
	clear: both;
	margin: 20px 0 0;
}

#main-col {
	width: 660px;
	float: left;
}

#side-col {
	width: 270px;
	float: right;
}

#main-text {
	width: 635px;
	float: left;
	line-height: 1.44;
}

#main-text.with-nav {
	width: 470px;
}

#sidenav {
	width: 155px;
	float: left;
	font-size: 1.4em;
	margin-right: 10px;
}

/* Header */

#header {
	height: 109px;
	overflow: hidden;
}

span#logo {
	width: 262px;
	height: 63px;
	float: left;
	margin-top: 17px;

}

span#logo span {
	background: url(../images/essential-healthcare-logo.png) no-repeat 0 0;
}

.callout {
	float: right;
	width: 600px;
	text-align: right;
	margin-top: 22px;
}

.callout span {
	color: #2d2d2d;
	font-size: 2em;
	font-weight: 400;
}

/* Main Navigation */

#nav {
	clear: both;
	margin: 0;
	position: relative;
}

#nav li {
	display: inline;
	overflow: hidden;
}

#nav li a {
	background: url(../images/tab-left.gif) no-repeat left top;
	color: #fff;
	display: block;
	font-size: 2em;
	margin: 0 10px 0 0;
	text-align: center;
	position: relative;
	text-decoration: none;
	float: left;
	height: 41px;
	cursor: pointer;
}

#nav li a span {
	background: url(../images/tab-right.gif) no-repeat right top;
	display: inline;
	height: 40px;
	margin-left: 17px;
	padding: 9px 17px 0 0;
	float: left;
}

#nav li a.active, #nav li a:hover {
	background: url(../images/tab-left-on.gif) no-repeat left top;
	color: #525252;
}

#nav li a.active span, #nav li a:hover span {
	background: url(../images/tab-right-on.gif) no-repeat right top;
	color: #525252;
}

span#insurance-type {
	color: #fff;
	font-size: 1.5em;
	width: 109px;
	text-align: right;
	display: block;
	float: left;
	margin: -3px 13px 0 0;
}

span#phone-number {
	color: #fff;
	font-size: 2.4em;
	font-weight: 800;
	display: block;
	padding-top: 2px;
	float: right;
}

/* Sidenav */

#sidenav a {
	color: #53a6da;
	line-height: 1.44;
}

#sidenav ul li {
	margin: 0 0 1.44em;
	font-weight: 800;
}

#sidenav ul li ul li {
	margin: 0 0 0 10px;
}

/* Footer */

#footer {
	clear: both;
	background: #cde6f4 url(../images/footer-bg.gif) repeat-x;
}

#footer-inner {
	width: 951px;
	margin: 0 auto;
	padding: 20px 0 15px;
}

#footer-inner ul {
	border-right: 1px solid #55a7da;
	width: 211px;
	padding: 0 0 25px;
	float: left;
	margin-right: 20px;
}

#footer-inner ul#about-eh {
	width: 211px;
}

#footer-inner ul#health-news {
	width: 281px;
}

#footer-inner ul#who-we-use {
	width: 390px;
	border: 0;
}

#footer-inner ul#who-we-use li {
	width: 195px;
	float: left;
}

#footer-inner ul#who-we-use li.footer-hdr {
	width: 100%;
}

#footer-inner ul li {
	font-size: 1.3em;
	color: #333;
	line-height: 1.44;
}

#footer2 {
	clear: both;
	background: url(../images/footer2-bg.gif) repeat-x;
}

#footer2-inner {
	width: 951px;
	margin: 0 auto;
	padding: 10px 0 30px;
}

p#footer2-left {
	float: left;
	width: 493px;
	border-right: 1px solid #55a7da;
	padding: 0 20px 0 0;
	font-size: 1.0em;
}

p#footer2-right {
	float: left;
	width: 370px;
	font-size: 1.0em;
	margin: 0 0 0 20px;
}

/* General */

#page-header {
	background: url(../images/page-header-bg.jpg) no-repeat;
	height: 94px;
	margin: 0 0 20px;
	padding: 15px 0 0 10px;
}

#page-header h1 {
	color: #121212;
	font-size: 1.5em;
}

#main-text ul, #main-text ol {
	font-size: 14px;
}

#main-text li {
	padding: 0 0 0 25px;
	margin: 0.5em 0 0.5em;
}

#main-text ul li {
	background: url(../images/bullet.gif) no-repeat 0 3px;
}

#main-text ol li {
	list-style-type: decimal;
}

ul#suppliers-list {
	margin: 50px 0 0;
}

ul#suppliers-list li {
	display: block;
	float: left;
	margin: 0 0 10px;
}

/*
Accordion Styles
*/

#accordion-wrap {
	height: 550px;
	margin-bottom: 10px;
}

#accordion {
	position: relative;
	width: 270px;
	background: #c1d539 url(../images/accordion-top.gif) no-repeat 0 0;
	padding: 11px 0 0;
	margin: 0;
}

#accordion-btm {
	background: #c1d539 url(../images/accordion-btm.gif) no-repeat left bottom;
	height: 17px;
	clear: both;
	display: block;
	padding: 6px 0 0;
}

#accordion h3 {
	font-size: 2em;
	color: #fff;
	font-weight: 400;
	padding: 0px 0 5px 15px;
	margin: 0;
	border-bottom: 1px solid #eff0d9;
}

.ui-accordion-data {
	background: #dae688;
	position: relative;
	height: 330px;
}

#accordion span.next-link, #accordion span.next-link2 {
	display: block;
	height: 26px;
	background: url(../images/accordion-btn.gif) repeat-x;
	cursor: pointer;
	font-size: 1.4em;
	color: #fff;
	padding: 7px 0 0 25px;
	width: 245px;
	position: absolute;
	bottom: 0;
}

#accordion a.ui-accordion-link {
	color: #555555;
	display: block;
	border-bottom: 1px solid #eff0d9;
	font-size: 1.2em;
	padding: 15px 0 15px 25px;
	background: #c1d539;
}

#accordion li.selected a.ui-accordion-link {
	background: #dae688;
	border: 0;
}

#accordion a.step1 {
	background: url(../images/step1.gif) no-repeat -1px 10px;
}

#accordion li.selected a.step1 {
	background: #dae688 url(../images/step1-on.gif) no-repeat -1px 10px;
}

#accordion a.step2 {
	background: url(../images/step2.gif) no-repeat -1px 10px;
}

#accordion li.selected a.step2 {
	background: #dae688 url(../images/step2-on.gif) no-repeat -1px 10px;
}

#accordion a.step3 {
	background: url(../images/step3.gif) no-repeat -1px 10px;
}

#accordion li.selected a.step3 {
	background: #dae688 url(../images/step3-on.gif) no-repeat -1px 10px;
}

/* Accordion Form */

#accordion fieldset {
	border-bottom: 1px solid #eff0d9;
	font-size: 1.2em;
	color: #555;
	padding: 0 0 5px;
}

#accordion fieldset legend {
	padding: 10px 0 10px 25px;
	display: block;
	width: 120px;
	float: left;
}

#accordion fieldset label, #accordion fieldset input, #accordion fieldset select {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 90px;
	margin-top: 10px;
}

.ages label {
	width: 60px !important;
}
.ages select {
	width: auto !important;
	padding: 2px;
}
.ages span {
	padding: 0 !important;
}

#accordion fieldset span {
	display: block;
	float: right;
	padding: 10px 30px 0 0;
}

#accordion fieldset span label {
	margin: 0 0 0 15px
}

#accordion fieldset p {
	font-size: 1em;
	padding: 0 30px 0 0;
	text-align: right;
	width: 190px;
	float: right;
	margin: 0;
}

#accordion fieldset p label {
	text-align: left;
	float: left;
	margin: 0 0 5px;
}

#accordion fieldset.fieldset-select p {
	width: 215px;
}

#accordion fieldset.fieldset-select label {
	display: block;
	float: left;
	margin: 10px 0 10px;
	width: 110px;
}

#accordion fieldset.fieldset-select select {
	margin-top: 10px;
	display: block;
	float: right;
}

#ages-of-persons select {
	clear:right;
}

#accordion input.accordion-submit {
	display: block;
	height: 33px;
	background: url(../images/accordion-btn.gif) repeat-x;
	cursor: pointer;
	font-size: 1.4em;
	color: #fff;
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 270px;
	border: 0;
}

#accordion fieldset div {
	clear: right;
	margin-right: 30px;
}

/* Callback */

#callback {
	background: #bccf6d url(../images/callback-top.gif) no-repeat;
	clear: both;
	width: 270px;
	padding: 5px 0 0;
	margin-bottom: 10px;
	position: relative;
}

#callback-btm {
	background: url(../images/callback-btm.gif) no-repeat left bottom;
	width: 270px;
	height: 10px;
	padding-top: 10px;
}

#callback h3 {
	font-size: 2em;
	color: #fff;
	font-weight: 400;
	margin: 0 0 5px 15px;
}

#callbackResponse {
	background: #D7E2A7;
	width: 250px;
	position: absolute;
	padding: 10px;
	display: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#callbackLoader {
	background: #D7E2A7;
	width: 250px;
	position: absolute;
	padding: 10px;
	display: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}

.ajax-loader {
	margin-top: 20px;
}

#callback fieldset {
	background: #d7e2a7;
	padding: 10px 0 0;
	border-bottom: 1px solid #eff0d9;
	border-top: 1px solid #eff0d9;
}

#callback input {
	margin: 0;
	padding: 0;
	border: 0;
}

#callback input.input-text {
	display: block;
	border: 2px solid #5b5c58;
	width: 240px;
	font-size: 1.2em;
	padding: 5px 2px;
	color: #555555;
	margin: 0 0 10px 10px;
}

#callback fieldset input#callbackSubmit {
	margin: 0;
	padding: 0;
	display: block;
}

/*
Landing Page
*/

body#landing-page {
	background: none;
}

body#landing-page #header {
	height: 80px;
}

body#landing-page #header h2 {
	margin-bottom: 0;
}

body#landing-page #main-text {
	width: 659px;
	padding: 0 0 50px;
}

body#landing-page #page-header {
	background: url(../images/landing-header.jpg) no-repeat;
	height: 109px;
	margin: 0 0 20px;
}

body#landing-page #page-header h3 {
	color: #fff;
	font-size: 1.8em;
	padding: 35px 0 0 180px;
	width: 345px;
}

body #main-right {
	width: 136px;
	float: right;
	text-align: center;
}

body #main-right img {
	margin: 0 0 25px;
}

.toggle-box {
	background: #c3dbe9 url(../images/toggle-top.gif) no-repeat;
	width: 659px;
}

.toggle-box .inner {
	display: none;
	padding: 20px 15px 0;
	color: #2a2a2a;
}

.toggle-box .toggle-btm {
	background: url(../images/toggle-btm.gif) no-repeat;
	height: 11px;
	font-size: 0;
	line-height: 0;
}

.toggle-box h3 {
	padding: 8px 0 0px 15px;
	margin: 0;
	font-size: 1.4em;
	line-height: 16px;
}

.toggle-box h3 a {
	background: url(../images/toggle-arrow.gif) no-repeat right center;
	display: block;
	margin-right: 8px;
	color: #2a2a2a !important;
}

.toggle-box h3.pressed {
	background: none;
}

.toggle-box h3.pressed a {
	background: url(../images/toggle-arrow-open.gif) no-repeat right center;
	display: block;
	margin-right: 8px;
}

.toggle-box .inner p {
	font-size: 1.2em;
}

body#landing-page .toggle-box .inner ul {
	margin: 0 0 18px;
}

body#landing-page .toggle-box .inner ul li {
	font-size: 1.2em;
	background: none;
	margin: 0;
	padding: 0 0 0 15px;
}

body#landing-page #footer-inner p {
	margin: 0 0 5px;
	font-size: 1.3em;
}

/* Popup */

#popup h4 {
	font-size: 1.4em;
}

#popup h5 {
	margin: 0;
}

#popup p.popup-controls {
	float: right;
	margin: 0;
}

/* Image replacement */

.ir {
	font-size: 1em;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.ir span {
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.ir a {
	cursor: pointer;
	display: block;
	height: 100%;
	width: 100%;
}

/* self-clear floats */

.auto-clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#ages-of-employees, #ages-of-children, .partner, #ages-of-persons {
	display: none;
}

.error { color: #c33  !important; }

/* Lists */
#main-text ol { list-style-type: decimal; list-style-position: outside; margin: 0 0 2em;}
#main-text ol li { margin-left: 25px; padding-left: 5px; }

/**/

/*EF mods*/
#bus-ins{
float:right;
margin:0px;
background:url(../images/business-health-insurance.jpg) no-repeat;
height:152px;
width:270px;position:relative;
}
#bus-ins a{
width:100px;
display:block;
margin:70px 0 10px 10px;
font-family:Tahoma, Verdana, sans-serif;
font-size:9px;
font-weight:bold;
color:#000;

}
#splash{width:660px;
height:431px;
background:url(../images/private-medical-insurance.jpg) no-repeat ;
float:left;
}
#splashinner{width:220px;height:auto; margin-left:300px;margin-top:270px;position:relative;}
#splashinner a{display:block; color:#0066FF; font-family:Verdana, Tahoma, sans-serif; font-size:19px; font-weight:bold; line-height:22px; }
.black{color:#000;}
#orange_top {
	background-image: url(../images/orange_top.gif);
	background-repeat: no-repeat;
	width: 262px;
	height: 35px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 17px;
	padding: 8px 0 0 25px;
}
#orange_side {
	background-image: url(../images/orange_bg.gif);
	background-repeat: repeat-y;
	width: 230px;
	padding: 20px;
}
#orange_side p {
	margin: 0 0 5px 0;
	clear: both;
}
#orange_side fieldset {
	margin: 0 0 5px 0;
}
#orange_footer {
	background-image: url(../images/orange_footer.gif);
	background-repeat: no-repeat;
	width: 270px;
	height: 17px;
	display: block;
	margin: 0 0 20px 0;
}
#js_next {
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 34px;
	display: block;
	margin: 5px auto 0 auto;
	border: 0px;
	text-indent: -999999px;
}
.accordion-submit {
	background-image: url(../images/getquote.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 34px;
	text-indent: -999999px;
	display: block;
	border: 0px;
	margin: 0 auto 0 auto;
}
#goback {
	margin: 0 auto 0 auto !important; 
	width: 60px;
	font-size: 11px !important;
}
.requ {
	font-size: 11px !important;
}
#name {
	width: 153px;
	font-size: 15px;
}
#thecontactform label {
	float: left;
	width: 100px;
}
#thecontactform p {
	margin: 0 0 3px 0;
}
#thecontactform input[type=text] {
	padding: 3px;
	width: 350px;
}
#thecontactform input[type=submit] {
	padding: 3px;
}
#thecontactform textarea {
	width: 350px !important;
	height: 200px !important;
	padding: 3px !important;
}