/* site colour key  ---------------------------------------------- 
#44687d - Primary Navy Blue
#118ac4 - link colour
#0082c0 - breadcrumb light blue
#ffc805 - yellow
------------------------------------------------------------------ */

/* ---------------------- SITE CONSTANTS ------------------------- */
/* --------------------------------------------------------------- */
body 										{font-size: 0.75em; font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; color: #40495a; background:#e5f2f9 url(../images/backgroundGradient.jpg) top left repeat-x; margin:0 0 0 0; padding:0 0 0 0;}
div, img, h1, h2, h3, h4, h5				{padding:0 0 0 0; margin:0 0 0 0; font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; font-weight:normal;}
body img, body img a 						{border: none; }
body p										{margin: 0px; padding: 0px; } 
body a										{color: #118ac4; text-decoration: none;}
body a:hover								{text-decoration: underline;}
ul 											{margin:0px 0 0 0px; padding: 0px 0 0 0px; font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif;}
li											{margin:0px; padding: 0px; font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif;}
.clearfix:after 							{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix 									{display: block;}
.fl											{float:left;}
.fr											{float:right;}
.cb											{clear:both;}
.small										{font-size:0.8em;}
h2 											{padding:0px 0px 0px 18px}
.relative 									{ position:relative; }
:focus 										{outline: none; -moz-outline-style: none;}

/* --------------- margins --------------------------------------- */
.mr18										{margin-right:18px;}
.mb29										{margin-bottom:29px;}
.mt9										{margin-top:9px;}
.mt34										{margin-top:34px;}
.mt20										{margin-top:20px;}
.mrg_bt10 									{margin-bottom:10px; }

/* colours -------------------------------------------------------*/
.lightBlue									{color:#0082c0}
.navyBlue									{color:#44687d}


/* columns -------------------------------------------------------- */
.grid3Column								{width:278px;}
.grid2Column								{width:574px; padding:0 0px 20px 0px;}
	.grid2Column p							{padding:0 19px 1em 19px; font-size:1.1em;}
	.grid2Column p.small					{padding:0 19px 1em 19px; font-size:1em;}
	.grid2Column p.openpara					{padding:0 19px 1em 19px; font-size:1.4em;}
	.grid2Column h2							{color:#0082c0;}
	.grid2Column ul							{margin:0 0 20px 18px; padding:0 0 0 18px;}	
	.grid2Column li							{padding:0 0 0.3em 0px; font-size:1.1em;}
	.grid2Column li ul 						{padding:5px 0 0 0; margin:0 0 0 12px;}
	.grid2Column li ul li					{padding:0 0 3px 0px; margin:0 0 0 0px; font-size:0.9em;}	
		
/* headers -------------------------------------------------------- */
.bodyTitle									{width:574px; height:54px; margin:0 0 20px 0; background:#44677c url(../images/bodyTitle-bg.jpg) bottom left repeat-x;}
.bodyTitle h2								{color:#fff; font-size:1.8em; padding:12px 0 0 18px; font-family:Arial, Helvetica, sans-serif;}

/* ---------------------- LAYOUT ELEMENTS -------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* container ------------------------------------------------------*/
div#globalContnr 							{margin: 0 auto; width: 870px; background-color:#FFF; padding:0 30px 0 30px;} /* 930 pixels minus 30px left and right cols */

/* header area --------------------------------------------------- */
div#headerContnr 							{width: 870px; height: 135px; border-bottom:5px solid #44687d;}
	div#headerContnr #boeLogo				{width:209px; height:135px; float:left;}
	div#headerContnr #openArea				{width:530px; height:135px; float:left;}
	div#headerContnr #openArea h1			{font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; font-size:2em; padding:80px 0 0 170px; color:#44687d;}	
	div#headerContnr #rightLogos			{float:right; width:130px;}
	
/* top navigation ------------------------------------------------ */
div#topNavigation							{width: 870px; height:55px; background-color:#fff;}
div#topNavigation ul						{background-color:#fff; margin: 0; padding: 0; list-style: none;}
div#topNavigation li						{list-style-type:none; float: left;}
div#topNavigation li a						{width:125px; height:47px; padding:8px 10px 0px 10px; text-decoration: none; font-size: 1.1em; line-height:1.2em; font-weight:normal; display:block; color:#0082c0; background:url(../images/topNavGrad.jpg) 100% -55px no-repeat;}
div#topNavigation li a:hover				{color:#44687d; background:url(../images/topNavGrad.jpg)  100% 0px no-repeat;}
div#topNavigation li a.t1selected			{color:#44687d; background:url(../images/topNavGrad.jpg)  100% 0px no-repeat;}
div#topNavigation li a.end					{width:125px; height:47px; padding:8px 10px 0px 10px; text-decoration: none; font-size: 1.1em; line-height:1.2em; font-weight:normal; display:block; color:#0082c0; background:url(../images/topNavGrad.jpg) 99% -55px no-repeat;}
div#topNavigation li a.end:hover			{color:#44687d; background:url(../images/topNavGrad.jpg)  99% 0px no-repeat;}
div#topNavigation li a.endt1selected		{color:#44687d; background:url(../images/topNavGrad.jpg)  99% 0px no-repeat;}

/* breadcrumb ---------------------------------------------------- */
div#breadcrumb								{width:870px; padding:7px 0 7px 10px;}
div#breadcrumb a							{color:#44687d;}
div#breadcrumb a.home						{color:#0082c0}

/* footer -------------------------------------------------------- */
div#footer									{width:870px; padding: 20px 0px 0px 0px; background:url(../images/REMOVED.gif) 100% 23px no-repeat; clear:both;}
	div#footerNav							{width:870px; height:57px; border-top:1px solid #44687d; padding:15px 0 0 0; color:#5b6b74;}
	div#footerNav p							{padding:0 0 0 10px;font-size:1em;}
	div#footerNav p#copyright				{font-size:0.9em; padding:5px 0 5px 10px;}
	div#footerNav a, div#footerNav a:hover	{color:#5b6b74;}
	div#footerNav .divider					{padding:0 7px 0 7px;}	
	div#footerInfo							{width:870px; background:url(../images/footerBox.jpg) top left no-repeat; padding:30px 0 50px 0;}
	div#footerInfo p						{padding:0 20px 1.5em 20px; font-size:0.9em; color:#797878;}
	div#partners							{clear:both; width:830px; margin:0 20px 20px 20px; height:85px; border-bottom:dashed 1px #CCC;}
	div#partners #title						{width:242px; float:left;}
	div#partners #santander					{width:588px; float:left;}
	div#partners #santander p				{font-size:1.2em;}	
	div#partners #santander img				{padding:0 15px 0 0px; float:left;}	
	div#translations						{padding:0 0 0 18px;}
	div#translations img					{border:1px solid #CCC; margin:0 5px 0 0; float:left;}
	div#translations div					{clear:both;}
	
/* ---------------------- UNIQUE ELEMENTS -------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */

/* home page blue box */
div#homeCalloutBox				{width:870px; background:#44687d url(../images/blueBoxGrad-bg.jpg) bottom left repeat-x; margin:8px 0 18px 0; padding:0 0 4px 0;}
div#homeCalloutBox div#col1		{float:left; width:179px; padding:16px 0 0 10px;}
	div#homeCalloutBox div#col1	 h1	{float:left; padding:0px 0 0 10px; color:#FFF; margin:-10px 0 0 0;}
div#homeCalloutBox div#col2		{float:left; width:406px; padding: 14px 0 0 0;}
div#homeCalloutBox div#col3		{float:left; width:275px;}
	div#questionHolder				{background: url(../images/listBorder.gif) top left repeat-y; padding:0 0 8px 20px;}
	div#questionHolder ul			{margin: 0 0 0 0; padding: 10px 0 10px 0; list-style: none;}
	div#questionHolder li			{list-style-type:none;padding:0px 0px 0px 15px; text-decoration: none; font-size: 1.3em; line-height:1.2em; font-weight:normal; color:#fff; background:url(../images/yellowBullet.gif) center left no-repeat;}
	/*div#questionHolder li a		{padding:0px 0px 0px 15px; text-decoration: none; font-size: 1.3em; line-height:1.2em; font-weight:normal; color:#fff; background:url(../images/yellowBullet.gif) center left no-repeat;}
	div#questionHolder li a:hover	{color:#f0bb00; background:url(../images/yellowBullet.gif) center left no-repeat;}*/
	div#questionHolder li span		{font-size:0.9em; color:#FC0; list-style-type:none;}
	div#questionHolder li span a	{font-size:0.9em; color:#FC0; list-style-type:none;}
div#essexInfo					{width:330px; background:#fde58f url(../images/yellowBox-bg.jpg) 0 100% repeat-x; padding:12px 15px 15px 15px; margin:-140px 0px 0px 0px; position:absolute; z-index: 20001;line-height: 1.4; font-size:1em; color:#000;}
div#apply						{width:257px; margin:18px 0 0 0;}
div#apply h2					{font-size:1.1em;}
a.proceedApply 					{background:url(../images/application-button.jpg) 0 0px; width: 257px; display: block; height:35px;}
a.proceedApply:hover			{background:url(../images/application-button.jpg) -257px 0px;}	
a.proceedApply span				{display:none;}
div#alternative					{padding:0px 10px 0 30px; background:url(../images/apply-alt.jpg) 10px 10px no-repeat}
div#alternative p				{color:#FFF; padding: 10px 20px 10px 3px; font-size:1.2em; line-height:1.1em;}
div#alternative a				{text-decoration:underline; color:#fff;}
div#alternative a:hover			{text-decoration:none;}
	
/* column info pod - can be reused throughout site */
.columnPod							{width:278px; height:250px; background:#fff url(../images/pod-bg.gif) bottom left no-repeat;}
.columnPod h2						{width:278px; height:41px; background:url(../images/column-pod-top-bg.gif) top left no-repeat; color:#0082c0; padding-top:10px;}
.columnPod .title					{width:278px;}
.columnPod .content					{padding:0 19px 19px 19px; font-size:1.1em;}
.columnPod .content	p				{padding:0 0 1em 0;}
.columnPod .content	a				{padding:0 0 1em 0; color:#118ac4;}
.columnPod .content .imageArea		{margin:0 0px 10px 0px; font-size:1.1em;}
.columnPod .content .imageArea h3	{font-size:1.1em; color:#5b6b74;}
.columnPod .content .imageArea p	{font-size:0.8em; color:#5b6b74; font-weight:bold;}
.columnPod .content .imageArea img	{padding:0 8px 0px 0px;}

/* useful links box */
div#usefulLinks						{width:245px; padding:0 0 0 16px;}
div#usefulLinks h2					{width:278px; height:41px; padding:10px 0 0 0; color:#0082c0;}
div#usefulLinks ul					{width:245px; margin: 0 0 0 0; padding: 0px 0 10px 0px; list-style: none;}
div#usefulLinks li					{list-style: none;}
div#usefulLinks li a.support		{padding:0px 0px 2px 18px; text-decoration: none; font-size: 1.2em; line-height:44px; width:227px; display:block; font-weight:normal; color:#045176; background:url(../images/useful-links-bg.jpg) 0px 0px;}
div#usefulLinks li a.support:hover	{color:#045176; background:url(../images/useful-links-bg.jpg) 246px 0px;}
div#usefulLinks li a.loan			{padding:0px 0px 2px 18px; text-decoration: none; font-size: 1.2em; line-height:44px; width:227px; display:block; font-weight:normal; color:#045176; background:url(../images/useful-links-bg.jpg) 0px 46px;}
div#usefulLinks li a.loan:hover		{color:#045176; background:url(../images/useful-links-bg.jpg) 246px 46px;}
div#usefulLinks li a.business		{padding:0px 0px 2px 18px; text-decoration: none; font-size: 1.2em; line-height:44px; width:227px; display:block; font-weight:normal; color:#045176; background:url(../images/useful-links-bg.jpg) 0px 92px;}
div#usefulLinks li a.business:hover	{color:#045176; background:url(../images/useful-links-bg.jpg) 246px 92px;}
div#usefulLinks li a.speak			{padding:0px 0px 2px 18px; text-decoration: none; font-size: 1.2em; line-height:44px; width:227px; display:block; font-weight:normal; color:#045176; background:url(../images/useful-links-bg.jpg) 0px 138px;}
div#usefulLinks li a.speak:hover	{color:#045176; background:url(../images/useful-links-bg.jpg) 246px 138px;}

/* In this section */
div#inThisSection					{width:278px; padding:0 0 0 0px; background:url(../images/in-this-section-list-bg.gif) 0px bottom no-repeat;}
div#inThisSectionList ul 			{width:100%; padding: 0px 0 20px 0px;} 
div#inThisSectionList ul li 		{list-style: none; padding:0px 0px 0px 20px;} 
div#inThisSectionList li a			{color:#0082c0; padding:0px 0px 0px 0px; text-decoration: none; font-size: 1.25em; line-height:30px; width:227px; display:block; font-weight:normal;  background:url(../in-this-section-links-bg.gif) 0px 0px;}
div#inThisSectionList li a:hover	{color:#5b6b74;}
div#inThisSectionList li a.selected	{color:#5b6b74;	font-weight:normal; padding-left: 15px; margin-bottom: 0px; background: url(../images/bg_arrows.gif) left 13px no-repeat;}

/* application boxes */
div#advice									{float:left; width:176px; margin-top:3px; position:absolute; margin-left:386px; z-index:20010;}
div#advice .adviceBox						{}
div#advice .adviceBox .arrowLeft			{width:17px; background:url(../images/leftArrow.jpg) 0 0 no-repeat; float:left; height:50px; margin:20px 0 0 0;}
div#advice .adviceBox .adviceContent		{width:159px; float:left; background:#2d4756 url(../images/advice-bg.jpg) 0% 0% no-repeat; color:#fff;}
div#advice .adviceBox .adviceContent h4		{font-size:1.4em; padding:10px 15px 10px 15px; font-weight:normal;}
div#advice .adviceBox .adviceContent p		{font-size:1.1em; padding:0px 15px 30px 15px;}
div#advice .adviceBox .adviceContent a		{text-decoration:underline; color:#fff;}
div#advice .adviceBox .adviceContent a:hover{text-decoration:none; color:#fff;}
div#questions								{float:left; width:386px; padding:0px 0 0 12px;}
div#questions #questionsList				{background:url(../images/blue-box-bg.jpg) bottom left no-repeat; margin:0 0 20px 0;}
div#questions #questionsList #questionListTop 		{background:url(../images/blue-box-top-edge.jpg); height:7px; font-size:0px; line-height:0px; overflow:hidden;}

/* question box */
div#questions #questionsList .questionItem							{position:relative;clear:both; width:360px; border-bottom: 3px solid #fff; margin:0 0 0 18px; padding:9px 0 9px 0; color:#304b5b; overflow:hidden;}
div#questions #questionsList .questionItem .qiNum					{float:left; width:25px; font-size:1.4em; font-weight:normal;}
* html div#questions #questionsList .questionItem .qiQue			{float:left; overflow:hidden;width:260px; }
div#questions #questionsList .questionItem .qiQue					{float:left; overflow:hidden;width:270px;	/* sets width for compliant browsers */}
div#questions #questionsList .questionItem .qiQue h3				{font-size:1.4em; font-weight:normal; padding:0 0 0 0;}
div#questions #questionsList .questionItem .qiQue a					{font-size:1.0em; color:#900;line-height:25px;cursor:pointer;text-decoration:none;font-weight:normal; padding:0 0 0 0;}
div#questions #questionsList .questionItem .qiQue a:hover			{text-decoration:underline;}
* html div#questions #questionsList .questionItem .qiYN				{float:left; width:35px; }
div#questions #questionsList .questionItem .qiYN					{float:left; width:65px;}

div#questions #questionsList .questionItem .qiYN .yesBox a			{width:55px; height:25px; background:url(../images/yes-no-bg.gif) 0px -55px no-repeat; display:block; padding:0 0 0 20px;font-size:1.4em; font-weight:normal;color:#304b5b;  cursor: pointer;}
div#questions #questionsList .questionItem .qiYN .yesBox a:hover	{width:55px; height:25px; background:url(../images/yes-no-bg.gif) 0px 0px no-repeat; display:block; padding:0 0 0 20px; text-decoration:none;color:#304b5b; cursor: pointer;}
div#questions #questionsList .questionItem .qiYN .yesBox a.selected	{width:55px; height:25px; background:url(../images/yes-no-bg.gif) 0px 0px no-repeat; display:block; padding:0 0 0 20px; text-decoration:none;color:#304b5b;  cursor: pointer;}
div#questions #questionsList .questionItem .qiYN .noBox a			{width:55px; height:25px; background:url(../images/yes-no-bg.gif) 0px -85px no-repeat; display:block; padding:0 0 0 20px;font-size:1.4em; font-weight:normal;color:#304b5b;  cursor: pointer;}
div#questions #questionsList .questionItem .qiYN .noBox a:hover		{width:55px; height:25px; background:url(../images/yes-no-bg.gif) 0px -30px no-repeat; display:block; padding:0 0 0 20px; text-decoration:none;color:#304b5b; cursor: pointer; }
div#questions #questionsList .questionItem .qiYN .noBox a.selected	{width:55px; height:25px; background:url(../images/yes-no-bg.gif) 0px -30px no-repeat; display:block; padding:0 0 0 20px; text-decoration:none;color:#304b5b; cursor: pointer; }

.linkBox {display:block;}
div#questions #questionsList .questionItem a						{text-decoration:none; color:#304b5b; cursor: text}
div#questions #questionsList .questionItem a:link 					{text-decoration:none; color:#304b5b; cursor: text}
div#questions #questionsList .questionItem a:hover 					{text-decoration:none; color:#304b5b; cursor: text}
div#questions #questionsList .questionItem 							{color:#333;}

div#questions #actionArea						{width:386px; background:url(../images/answersYellowBox.jpg) top left no-repeat; height:102px;}
div#questions #actionArea h3					{background:url(../images/yello-tick.gif) 85px 22px no-repeat; color:#999999; padding:20px 0 4px 105px; font-size:1.3em;}
div#questions #actionArea h3.enabled 			{background:transparent url(../images/green-tick.gif) no-repeat scroll 85px 22px;color:#304b5b;font-size:1.3em;padding:20px 0 4px 105px;}
div#questions #actionArea h4					{font-size:1.5em; padding:0 0 0 0; margin:0 0 0 0; font-weight:bold;}
div#questions #actionArea .tab					{float:left; width:50px; padding:7px 0 0 108px;}
div#questions #actionArea a						{text-decoration:none; color:#40495a;}
div#questions #actionArea a:hover				{text-decoration:underline;}
div#questions #smallNote						{width:380px; border-left: 1px solid #c5d0d6; border-bottom: 1px solid #c5d0d6; border-right: 1px solid #c5d0d6; margin:0 0 0 2px;}
div#questions #smallNote p						{font-size:0.9em; padding-top:1em; padding-bottom:1em;}
.divLink										{display:block; width:386px; height:80px;}

.caseViewDate									{padding-left: 20px;}
.caseViewTitle									{color:#0082c0; padding-left:18px;}
.yellow-pullquote 								{color:#333;font-size:1.6em; font-weight:normal; margin:7px 20px 15px 20px; padding:13px 20px 20px 20px; background:url(../images/pullquote-bg-yellow.gif) right bottom no-repeat; }
.blue-pullquote									{color:#fff;font-size:1.6em; font-weight:normal;margin:7px 20px 15px 20px;padding:13px 20px 20px 20px;background:url(../images/pullquote-bg-blue.gif) right bottom no-repeat; }

/* SS list */
.moduleBlock 									{width:550px;padding:0px 0px 0px 18px;margin:10px 0px 10px 0px;background:url(../images/newsItem-bg.gif) bottom left repeat-x;}
.moduleShot										{width:100px; padding:0px 0px 0px 0px;float:left;}
.moduleTitleSummary								{width:450px;float:right;}
.moduleTitle h2									{padding-left:18px;}

.moduleBlock-ss 								{width:532px;padding:0px 0px 0px 18px;margin:10px 0px 10px 0px;background:url(../images/newsItem-bg-2.gif) bottom left repeat-x;}
.moduleShot-ss									{width:100px; padding:0px 0px 0px 0px;float:left;}
.moduleTitleSummary-ss							{width:432px;float:right;}
.moduleTitleSummary-ss h2						{padding-left:18px;}

p.quote											{font-style:italic; font-weight:bold; padding:10px 10px 10px 10px; margin:0px 20px 10px 20px; background:#eef6f9; border:1px solid #E4E4E4;}


/*######################## SLIDESHOW STYLES ##############################*/

#media_slideshow_container 			{ height:305px;position:relative;display:block;overflow:hidden;background-color:#000; }

#media_navigation a 				{ overflow:hidden; text-indent:-999px; background-color:#fff; color:#fff; cursor:pointer;float:left;margin:0px;padding:0px;list-style:none;margin-left:2px;
opacity: 0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
#media_navigation a.activeSlide 	{ background-color:#000; color:#000; 
opacity: 0.2;
-moz-opacity:0.2;
filter:alpha(opacity=20);}

#media_navigation a:focus 			{ outline: none; }


#media_container 					{ width:870px;height:305px;overflow:hidden;z-index:9998;overflow:hidden;margin:0px;padding:0px;}
#media_selected  					{ background-color:#000;position:absolute;left:0px;top:0px;z-index:9999;margin:0px;padding:0px; }
.hide { display:none; }
.show { display:block; }