/*GENERAL STYLES*/
/*html {overflow: -moz-scrollbars-vertical;}*/ /* This fixes a Firefox issue where the vertical scrollbar disappears/reappears when switching tabs using jQueryTabs. Causes screen to flicker annoyingly. This CSS sets the vertical scrollbar to always show. */
* {	padding:0; 	margin:0;}

body {
	font: normal 62.5% Verdana, Geneva, sans-serif; /* now 1em is 10px, 1.2em is 12px etc */
	color:#000;
	text-align:left;
	background:#196881 url(../images/backgrounds/bgimage.jpg) repeat-x left top;
}

table, th, td {
	font:1.1em Arial, Helvetica, sans-serif;
}

fieldset {	border:none;}

p {
	padding:0 0 10px 0;
	font-size: 1.2em; /* 12px */
	line-height:16px;
	text-align:justify;
}
.smalltext {font-size:1.1em;} /*11px*/
.colorred {color:#C00;}

.companyname {font-style:italic;}
.borderblk {border:1px solid #000;}
.HR-green {background:url(../images/backgrounds/HR-green.jpg) no-repeat 50% 50%; height:12px; margin-bottom:20px; margin-top:10px;}

div.PDFdownload {
	margin-top:30px;
	position:relative;
}
div.PDFdownload p.DLink {
	font-weight:bold;
	position:absolute;
	left:55px;
	}
div.PDFdownload p a {
	background:url(../images/icon/icon_PDF_OFI.jpg) no-repeat left 5px;
	padding-left:55px;
	padding-top:20px; /* padding + height should equal 54px */
	font-weight:normal;
	display:inline-block;
	height:34px;
	}
div.PDFdownload p a:hover {	background:url(../images/icon/icon_PDF_OFI_hover.jpg) no-repeat left 5px;}

.PDFlistdownload li a {background:url(../images/icon/icon_PDF_lists.gif) no-repeat top left; padding-left:20px; padding-bottom:2px;}


div.DatesVenues {margin-left:20px;}
div.DatesVenues p.course {position:relative;}
div.DatesVenues span.rate {position:absolute; top:0px; left:300px;}
div.DatesVenues p.coursedesc {margin-top:-10px; padding-left:10px;font-style:italic;}
div.DatesVenues table {
	width:310px;
	margin:5px 0 28px 50px;
	border:1px solid #999;
	background-color:#FFF;
	border-collapse:collapse;
	padding:0;
	}
div.DatesVenues table td, div.DatesVenues table th {
	border-top:1px solid #CCC;
	padding:4px 15px 4px 6px;
	text-align:left;
	}
div.DatesVenues table th {
	background-color:#CAD7E6; font-weight:bold;
	}

h3 {
	font: normal 1.4em Verdana, Geneva, sans-serif;
	color:#007290;
	margin: 22px 0 15px 0;
}

h5 {
	font: normal 1.4em Arial, Helvetica, sans-serif;
	color:#007290;
	margin: 22px 0 10px 0;
}

h5.cuttingedge {
	background-color:#9ACD54;
	border:1px solid #39C;
	border-bottom:1px solid #ccc;
	padding:6px 12px;
	margin-bottom:0;
	color:#fff;
	-moz-border-radius:5px 5px 0px 0px; /*top left, top right, bottom right, bottom left */
	-webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
	
p.cuttingedge {
	margin-top:0;
	padding:6px 125px 12px 12px;
	border:1px solid #39C;
	border-top:none;
		-moz-border-radius:0px 0px 5px 5px; /*top left, top right, bottom right, bottom left */
		-webkit-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;
}
p.cutting-img1 {background:#DFEFC9 url(../images/cuttingedge-1.jpg) no-repeat right bottom;}
p.cutting-img2 {background:#DFEFC9 url(../images/cuttingedge-2.jpg) no-repeat right bottom;margin-bottom:25px;}

p.testimonial {
	font: 12px Verdana, Geneva, sans-serif;
	font-weight:normal; font-style: italic;
	background:url(../images/icon/quotation_mark_open.png) no-repeat left top;
	padding-left:12px;
	margin:8px 20px 10px 20px;
	text-align:left;
	line-height:17px;}
p.testimonial .endquote {background:url(../images/icon/quotation_mark_closed.png) no-repeat left top; padding-left:12px; color:#19667F; font-style:normal;}

ul {
	list-style:none;
	font-size: 1.2em;
}

.list-standard {
	list-style: disc;
	padding:0 0 0 25px;
	margin-left:10px;
	margin-bottom:20px;
	line-height:18px;
	font-weight:normal;
	list-style-position:outside;
}
.list-standard li {padding-bottom:5px;}
ul#list-sitemap {
	list-style:disc;
	padding:10px 0 0 25px;
	list-style-position:outside;
	font-size:1.1em;
}
ul#list-sitemap ul {
	list-style:circle;
	font-size:1.0em;
	margin-left:20px;
	margin-bottom:8px;
}

.list-bookingform {
	list-style:none;
	padding-left:41px;
	margin-top:-20px;
	margin-bottom:29px;
}

.lesslineheight {line-height:14px;}
.morelistitemspace li {padding-bottom:10px;padding-top:10px;}
.bullet-green li { list-style-type:none; background:url(../images/icon/bullet_triangle_green.png) no-repeat left 5px; padding-left:16px;}
p.bullet-green { background:url(../images/icon/bullet_triangle_green.png) no-repeat left 5px; padding-left:16px;}

a:link { text-decoration:none; color:#069;}
a:visited { text-decoration:none; color:#069;}
a:hover {	text-decoration:underline; color:#09C;}
a:active {text-decoration:underline; color:#09C;}
div#relevantnews a:link, div#relevantnews a:visited {color:#063;}


img {	border:none;}
.rightimg {float:right;	margin:5px 0 15px 15px; clear:right;}
.leftimg {float:left;	margin:5px 15px 15px 0;}
img.image {margin: 0 0 15px 0;}

div.clearfloat {	clear:both;	height:0;	line-height:0;	font-size:0px;}
div.clearright {	clear:right;	height:0;	line-height:0;	font-size:0px;}
div.clearleft {	clear:left;	height:0;	line-height:0;	font-size:0px;}
div.space {height:30px;}


p.readmore {
	margin-top:15px;
	padding-bottom:0;
	padding-left:15px;
	background:url(../images/icon/arrow-blue_up.gif) no-repeat 0px 3px; /* position figures are X and Y accordingly */
	font-weight:bold;
	display:inline-block;} /* Causes bg arrow icon to only appear when hovered over txt, and not 100% width of paragraph. Wrks FF/IE8 */
p.readmore a {
	padding-left:2px;
}
p.readmore:hover {
	background:url(../images/icon/arrow-blue_down.gif) no-repeat 0px 3px; /* position figures are X and Y accordingly */
}
p.readmore a:hover {
	background-color:#9CF;
	padding:2px 7px 3px 2px;
		-moz-border-radius-topright:10px;				/* for Firefox */
		-webkit-border-top-right-radius:10px;		/* for Safari */
}

/*STRUCTURE*/
#Container{
	width:970px;
	margin:0 auto;
}

#Banner{
	width:950px;
	margin-left:10px;
	padding-left:10px;
	position:relative;
	height:270px;
}

#ContentHeader {
	background-color:#9CCE58;
	text-align:center
}

#Content {
	background: #9cce58 url(../images/backgrounds/bgimage_ContentFooter.jpg) no-repeat bottom center;
	padding: 15px 22px 0 30px;
}

#Footer{
	position:relative;
	margin:0 auto;
	margin-top:5px;
	clear:both;
}


/*HEADER*/
h1.headphone {
	float:right;
	width:252px;
	height:0px;
	padding:78px 0 0 0;
	margin:30px 40px 0 0;
	overflow:hidden;
	background:url(../images/logos/phonenumber-5700.png) no-repeat right top;
}
body.OFI h1.headphone {background-image:url(../images/logos/phonenumber-5712.png);}
/*body.lloyds h1.headphone {background-image:url(../logos/phonenumber-lloyds.png);}*/

h1.headlogo {
	height:0px;
	padding:120px 0 0 0;
	margin:5px 0 0 30px;
	overflow:hidden;
	background:url(../images/logos/headlogo.png) no-repeat left top;
}
body.OFI h1.headlogo {background-image:url(../images/logos/headlogo_OFI.png);}



/* ContentHeader */
.ContentHeaderImg {margin-top:5px;}

/* Content */

div.SideText {
	float:right;	width:206px;
	margin-left:15px;	margin-bottom:15px;
	clear:right;
}
.SideText .topcorners {background:url(../images/backgrounds/bgimage_SideText.gif) no-repeat top right;	height:9px;}
.SideText .middle {background:url(../images/backgrounds/bgimage_SideText_fill.gif) repeat-y center right;}
.SideText .bottomcorners {	background:url(../images/backgrounds/bgimage_SideText.gif) no-repeat bottom right;	height:14px;}
div.SideText p {
	color:#003366;
	text-align:center;
	font-size:1.1em;
	padding: 0px 13px 6px 6px;
}
div.SideText .source {font-style:italic;}
div.SideText .tip {
	background: transparent url(../images/icon/tip.png) no-repeat 40px top;
	font-weight:bold; font-style:italic; font-size:1.3em; text-align:left;
	color:#06C; padding-top:6px; padding-left:70px;}
	
img.clientlogo {float:left; margin-right:18px; margin-top:20px;}

div#lloydslinkbox {
	float:right;
	width:285px;
	border:1px solid #007290;
	background-color:#D2DBEE;
	margin:20px 0 10px 20px;
	padding:10px 5px 10px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
div#lloydslinkbox h3  {	margin-top:5px;	text-align:left;}
div#lloydslinkbox p {	font-size:1.1em;	text-align:left;}

div#clinicslinkbox {
	float:right;
	width:205px;
	border:1px solid #007290;
	background-color:#D2DBEE;
	margin:20px 0 40px 35px;
	padding:10px 5px 10px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
div#clinicslinkbox h3 {	margin-top:0;	text-align:center; font-size:1.3em; font-weight:bold;}


div.regbodies {
	float:left;
	width:160px;
	height:80px;
	margin-right:20px;
	margin-bottom:15px;
	background:url(../images/backgrounds/bgimage_links_regbodies.jpg) no-repeat left top;
	text-align:center;
	overflow:hidden;
}
div.regbodies:hover {
	background-position: left -80px;
}
div.regbodies img {margin-top:10px; }


div.team-holder {
	margin:10px 0 20px 0;
	border-top:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #999;
	background-color:#F1E4E6;
		-moz-border-radius:0px 0px 5px 5px; /*top left, top right, bottom right, bottom left */
		-webkit-border-bottom-right-radius: 5px;
  	-webkit-border-bottom-left-radius: 5px;	
}

div.team-holder h3 {
	background-color:#cc0917;
	color:#FFF;
	font-size:1.3em;
	margin-top:0;
	padding:4px 0 4px 10px;
}

div.team-holder p {
	margin:0 10px;
	font-size:12px;
}
div.team-holder p.clinicalnetwork {
	background-image:url(../images/team_bg_clinicalnetwork.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-right:150px;
}

div.team {
	float:left;
	width:385px;
	margin:0 0 10px 15px;
	border-top:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #999;
	padding: 6px;
	background-color:#F3F3F3;
	-moz-border-radius:5px;
  	-webkit-border-radius: 5px;
}
div.team.rightside {margin-left:35px;}
div.team.supportteam {width:255px;padding-bottom:0;}
div.team.supportteam.rightside {margin-left:15px;}

div.team img {
	float:left;
	border-top:1px solid #333;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #333;
	margin-right:10px;
}
div.team.supportteam img {float:none;margin-left:90px;}

div.team p {
	color:#036;
	font-size:1.1em;
}
div.team.supportteam p {
	text-align:center;
	margin:0;
}
div.team p.name {
	font-size:1.2em;
	color:#069;
	padding:3px 0 3px 0;
	background-color:#DDD;
	border:1px solid #CCC;
	margin-bottom:5px;
	margin-right:0;
}
div.team.supportteam p.name {	margin:0px; padding-bottom:0;}

div.team ul, div.team-holder ul {line-height:11px;margin-bottom:0;font-size:1.1em;padding-left:105px;} /* padding-left ensures the list lines up alongside the team image, even if the image is not long enough to support it */


div.testimonial-holder {
	margin:20px 10px 20px 10px;
	border-top:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #999;
	background-color:#F1E4E6;
	-moz-border-radius:0px 0px 5px 5px; /*top left, top right, bottom right, bottom left */
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

div.testimonial-holder h3 {
	background-color:#cc0917;
	color:#fff;
	font-size:1.3em;
	margin-top:0;
	padding:4px 0 4px 10px;
	border-bottom:1px solid #AAA;
}

div.testimonial-holder p {
	margin:0 10px;
}

div.testimonial-box {
	margin:15px;
	border:1px solid #007290;
	padding: 8px 8px 0 8px;
	background-color:#FFF;
	-moz-border-radius:5px;
  	-webkit-border-radius: 5px;
}

div.testimonial-box img {
	float:right;	border:1px solid #aaa;
	margin-left:10px;	margin-bottom:10px;
}
div.testimonial-box  p.company {
	font-size:1.2em;	font-weight:bold;
	color:#069;
	padding:3px 0 3px 10px;
	background-color:#DDD;
	margin-bottom:5px;
	margin-left:0;
}
div.testimonial-box  p.course {
	color:#036;	font-size:1.1em;
	font-weight:bold;	text-align:left;
	padding-left:10px;
}

div.testimonial-box  p.testimonial {
	color:#036;	font-size:1.2em;
	padding-bottom:0;
}


div.contactus {
	float:left;
	width:280px;
	margin:15px 0 0 0px;
	border-top:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #999;
	padding: 6px;
	background-color:#F3F3F3;
	-moz-border-radius:5px;
  	-webkit-border-radius: 5px;
}
div.contactus ul {margin-bottom:0; padding-left:10px;}
div.contactus.rightside {margin-left:20px;}
div.contactus p.name {
	font-size:1.2em;
	color:#069;
	padding:3px 0 3px 6px;
	background-color:#ddd;
	border:1px solid #ccc;
	margin-bottom:5px;
	margin-right:0;	margin-left:0;
}
div.contactus p.name.pinkbg {background-color:#FFDFEF;}
div.contactus p.name.greybg {background-color:#CCC; border-color:#999;}
div.contactus p.name.bluebg {	background-color:#E1E1FF;	border-color:#999;}
div.contactus p.contact-tagline {padding-left:7px;color:#036;	font-size:1.1em;text-align:left;}

div.contactus.map {width:850px; margin-bottom:0px; }
div.contactus.map ul {font-size:11px;padding-left:40px;}
div.contactus.map iframe {margin-left:40px;}

div.contactus.form {width:850px; margin-bottom:0px; }


div#guidancenotes h6 {
	font-weight:bold; font-size:1.1em; color:#555; 
	padding-bottom:5px; padding-top:2px; 
	border-top:1px solid #ccc;
	background:url(../images/icon/icon_info-grey.gif) no-repeat left 3px;
	padding-left:14px;}
div#guidancenotes ul {line-height:15px;margin-top:6px;margin-bottom:10px;}


#QuickLinks {
	font-size: 0.9em;
	text-align:center;
	padding:16px 0 8px 0;
	font-weight:bold;
}
#QuickLinks a {	color:#fff;	outline:none;text-decoration:none;}
#QuickLinks a:hover {	color:#003366;	text-decoration: none;}
	
#QuickLinks li {
	display:inline;
	padding:1px 6px 1px 6px;
	margin:0;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
}

#QuickLinks li:hover {
	border:1px ridge #003366;
	background-color: #96CB4E;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* tabbedpanel content */

h4.hidden {
	height:0px; overflow:hidden;
	padding:56px 0 0 0;
	margin-top:10px; margin-bottom:35px;
}


.art {
	padding:15px 30px;
	margin-top: 10px; margin-bottom: 15px;
	border: 1px solid #96A9CB;
	background:#D1E0E7 url(../images/backgrounds/bgimage_art1.jpg) no-repeat right bottom; /* was bg 3 */
  font-style:italic;
	color:#222;
	-moz-border-radius:5px;
  -webkit-border-radius: 5px;
}
.art-OFI {background:#D1E0E7 url(../images/backgrounds/bgimage_art1-OFI.jpg) no-repeat right bottom;}
.art-tickettape {background:#C8E1D6 url(../images/backgrounds/bgimage_art-tickettape.jpg) no-repeat right bottom;}
.art-tickettape-OFI {background:#E9D4D6 url(../images/backgrounds/bgimage_art-tickettape-OFI.jpg) no-repeat right bottom;}
.art-collage {background: #fff; padding:15px 20px; margin-left:30px;}

.list-tickettape {
	float:right; width:280px;
	margin: 0 0 15px 25px;
	clear:right;
	padding:5px 16px 20px 16px;
	text-align:center;
}


.list-tickettape ul {
	line-height:19px;
	font-weight:normal;
	font-style:italic;
	color:#00F; 
}
.list-tickettape ul li {
	display:inline;
	background:url(../images/icon/list-bullet_green.gif) no-repeat left 50%;
	padding-left:15px; padding-right:5px;
}
.art-tickettape-OFI.list-tickettape ul li {
	background:url(../images/icon/list-bullet_red.gif) no-repeat left 50%;
}


div.moreinfo {
	width:645px;
	padding-top:5px; padding-bottom:5px;
	margin-top:25px;
	height:140px;
	background-color:#E0EDE3;
	border:1px solid #D2D2D2;
	position:relative;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
body.OFI div.moreinfo {
	background-color:#EDE4C5;
	border-color:#D5B391;
}

div.moreinfo h3 {margin-top:2px;margin-bottom:5px;}

div.moreinfo .moreinfo-text {
	width:235px;
	background:url(../images/icon/icon_info.png) no-repeat 2px 0px;
	padding-left:36px;
	margin-left:3px;
}
div.moreinfo .moreinfo-text p {font-size:11px; text-align:left;padding-bottom:8px;}

div#iframe-holder {
	margin-left:20px;
	background-color:#C8DAE1;
	padding:7px;
	width:580px;
	border:1px solid #CCC;
}

div.resources-header {
	background-color:#C4D2E1;
	padding:0;
	margin: 20px 0 0 0;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
}
/*div.resources-header h2 {font-size:1.5em; font-weight:normal; color:#007290; padding:0 0 4px 0;}*/
div.resources-header p { background: url(../images/icon/icon_info_green.png) no-repeat 7px 95%; color:#333; padding:8px 15px 8px 50px; margin:0;}
div.SideText p.linkto-resourcepages {background: url(../images/icon/icon_info_green_smaller.png) no-repeat 5px center; padding-left:40px; }
p.copyrightnotice {font-size:1.0em; margin-top:20px; padding-bottom:0;} /* On Resources pages */


/* LOGIN PAGES */

a.loginbutton { 
        width: 340px; 
        height: 240px; 
        display: block; 
				outline: none;
				float:left;
				margin-left:60px;
				text-indent:-9999px;
}

a.loginbutton.login-sidebar { background:url(../images/companies_sidebar_login_existing.jpg) no-repeat center top; width:190px; height:73px; margin: 10px 0 0px 4px;float:none;}
a.loginbutton.login-sidebar:hover {background-position: center -73px;}

a.loginbutton.companies-new { background:url(../images/companies_login_new2.jpg) no-repeat left top; height:120px; margin-top:30px;}
a.loginbutton.companies-new:hover {background-position: left -120px;}
a.loginbutton.companies-existing { background:url(../images/companies_login_existing2.jpg) no-repeat left top; height:120px; margin-top:30px;}
a.loginbutton.companies-existing:hover {background-position: left -120px;}


/* FORMS */

div.formholder {}
div.formholder-callback {
	width:310px;
	background:url(../images/icon/icon_callback.png) no-repeat left top;
	padding-left:38px;
	position:absolute;
	left:296px;
	top:5px;
}

form.clinicform {
	width: 435px;
	float:right;
	margin: 15px 40px 0 40px;
}
form.callbackform {	margin: 0px 10px 0px 0px;}

form fieldset{
	background-color:#E0EDE3;
	border:1px solid #D2D2D2;
	padding: 0 15px 5px 15px;
	margin:10px 0 0 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
form.callbackform fieldset {
	background:none;
	padding:0 5px 5px 5px;
	border:none;
}
form.contactform fieldset {
	background:none;
	border:none;
	margin-top:0;
}

form h6 {
	font: bold 11px Verdana, Geneva, sans-serif;
	margin-top:10px;
	margin-bottom:5px;
	color:#690;
}

form label {
	float:left; 
	width:185px;
	margin-top:2px;
	font-size:11px;
}
form.callbackform label{width:90px;}
form.contactform label{width:160px;}

form input, form textarea, form select {
	font: normal 11px Verdana, Geneva, sans-serif;
	margin:0 0 3px 0;
}

form input.formfield {width: 210px;}
form.callbackform input.formfield{width:190px;}

form input:hover, form input:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {
	background-color:#FFD;
}

form textarea#additionalinformation {width:100%;}
form.callbackform textarea#additionalinformation {width:190px; height:45px;}
form.contactform textarea#additionalinformation {width:370px;height:50px;}

form input.submit {
	margin: 0 0 0 5px;
	width:120px;
	background:url(../images/icon/sendform_submit.png) no-repeat;
	border:none;
	height:27px;
	padding:27px 0 0 0;
	overflow:hidden;
	display:block;
}
form input.submit:hover{
	background:url(../images/icon/sendform_submit_over.png) no-repeat;
	cursor:pointer;
}

form input.submit.callbacksubmit {
	background:url(../images/icon/callback_submit.png) no-repeat;
	width:92px;
	height:22px;
	padding:22px 0 0 0;
	margin:0;
	position:relative;
	top:-27px;
	left:-5px;
}
form input.submit.callbacksubmit:hover {background:url(../images/icon/callback_submit_over.png) no-repeat;cursor:pointer;}

form input.submit.contactsubmit {	margin-top:0px;}


div.codebox {
	margin:0px 10px 10px 10px;
	padding:5px 15px 0px 15px;
	border:2px ridge #666;
	background-color:#FFF;
}
div.codebox p {text-align:left;} 
div.codebox code {font-size:1.2em;}


/*FOOTER*/
address {
	font: 1.0em Verdana, Geneva, sans-serif; /* 12px */
	padding:8px 0;	
	color:#fff;
	text-align:center;
}
address a:link {color:#fff;}

#nautilusweb {
	font: 0.9em Tahoma, Geneva, sans-serif;
	padding: 0 0 5px 0;	
}
#nautilusweb p {
	text-align:right;
	color:#9FF;
	padding:0;
	padding-right:1px;
	border-top:1px solid #ddd;
}
#nautilusweb p a {color:#D2FFFF;}
#nautilusweb p a:hover {	color:#3FF;}