@import url("reset.css");


/*---------------------------
main styles
---------------------------*/

body {font-size: 62.5%;line-height:1.3;font-family: Arial, Helvetica, sans-serif;background:#FFF url(../images/aifa-bg.jpg) center top no-repeat;margin:0;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:9px 0 9px 0;}
#main li {margin:3px 0 3px 15px;}
.leftimgfloat {float:left;margin:0 15px 15px 0;}
.rightimgfloat {float:right;margin:0 0 15px 15px;}
.small {font-size:85%;}

#wrapper {margin:0 auto 10px auto;font-size:1.3em;line-height:1.4;width:940px;height:auto;position:relative;clear:both;background:transparent;}
#header {clear:both;width:930px;height:153px;}
ul#contacts {list-style-type:none;padding:20px 0 0 273px;font-size:120%;color:#FBB016;}
#contacts li {float:left;display:block;}
#contacts li a {color:#FBB016;}
#contacts li.phone {padding:2px 15px 3px 30px;background:url(../images/phone_icon.gif) left center no-repeat;}
#contacts li.email {padding:2px 15px 3px 24px;background:url(../images/mouse_icon.gif) left center no-repeat;}

#home #main {clear:both;position:relative;width:920px;background:#0C1136 url(../images/home-bg.jpg) right top no-repeat;border-right:#FFF solid 10px;border-left:#FFF solid 10px;padding-top:30px;}
#home #main .sections a:hover {text-decoration:underline;color: #26245A;}
#home #main p.pdf a {color:#FFF;padding:10px 0 10px 24px;background:url(../images/pdf-file.png) 0 12px no-repeat;display:block;border-top:#FFF solid 1px;border-bottom:#FFF solid 1px;}
ul#products {clear:both;width:920px;height:50px;list-style-type:none;margin:0;padding:0;}
#products span {position:absolute;left:-9999px;}
#products li {float:left;height:50px;margin:0;padding:0;}

/*other pages*/
#pages #main {clear:both;position:relative;width:920px;background:#FFF url(../images/page-main-bg.jpg) 100% 146px no-repeat;border-right:#FFF solid 10px;border-left:#FFF solid 10px;}
#pages #main .sections a:hover {text-decoration:underline;color: #26245A;}
#pages #main p.pdf a {color:#FFF;padding:10px 0 10px 24px;background:url(../images/pdf-file.png) 0 12px no-repeat;display:block;border-top:#FFF solid 1px;border-bottom:#FFF solid 1px;}

#pages h2.pagehead {padding:55px 0 0 25px;color:#FFF;font-size:170%;}

#pages h2 {font-size:170%;margin:10px 0 6px 0;}
p.intro {font-size:110%;font-weight:bold;}
.invest-head {height:146px;background:url(../images/invest-header.jpg) 0 0 no-repeat;}
.corporate-head {height:146px;background:url(../images/corporate-header.jpg) 0 0 no-repeat;}
.protection-head {height:146px;background:url(../images/protection-header.jpg) 0 0 no-repeat;}
.retirement-head {height:146px;background:url(../images/retirement-header.jpg) 0 0 no-repeat;}
.inheritance-head {height:146px;background:url(../images/inheritance-header.jpg) 0 0 no-repeat;}
.personal-head {height:146px;background:url(../images/personal-header.jpg) 0 0 no-repeat;}
.other-head {height:146px;background:url(../images/other-header.jpg) 0 0 no-repeat;}

#pages #main .sections {float:left;color:#26245A;position:relative;width:680px;height:auto;clear:right;list-style-type:none;margin:10px 0 30px 30px;padding:0;}


/*---------------------------
Home section links
---------------------------*/

#main .sections {float:left;color:#26245A;position:relative;width:680px;height:auto;clear:left;list-style-type:none;margin:10px 0 30px 30px;padding:0;}
#main .sections .banners {cursor:pointer;position:relative;float:left;list-style-type:none;width:286px;height:160px;margin:0 30px 30px 0;padding:0 12px 12px 12px;}
#main .banners h2 {font-size:150%;display:block;margin:0;}
.banners h2 a {color:#333;}
.banners h2 a:hover {color:color:#26245A;}
.banners h2 a span {display:block;padding:13px 0 5px 0;height:47px;background:#FFF;}

#investment h2 span {background:url(../images/head-invest.gif) top right no-repeat;}
#corporate h2 span {background:url(../images/head-corp.gif) top right no-repeat;}
#protection h2 span {background:url(../images/head-protect.gif) top right no-repeat;}
#retirement h2 span {background:url(../images/head-retire.gif) top right no-repeat;}
#inheritance h2 span {background:url(../images/head-inherit.gif) top right no-repeat;}
#personal h2 span {background:url(../images/head-personal.gif) top right no-repeat;}

#investment {background:#FFF url(../images/sect-investment.jpg) 50% 37px no-repeat;}
#corporate {background:#FFF url(../images/sect-corporate.jpg) 50% 37px no-repeat;}
#protection {background:#FFF url(../images/sect-protection.jpg) 50% 37px no-repeat;}
#retirement {background:#FFF url(../images/sect-retirement.jpg) 50% 37px no-repeat;}
#inheritance {background:#FFF url(../images/sect-inheritance.jpg) 50% 37px no-repeat;}
#personal {background:#FFF url(../images/sect-personal.jpg) 50% 37px no-repeat;}

#main .sections p.slider {width:286px;position:absolute;bottom:12px;left:12px;margin:0;padding:0;background: url(../images/white-blend.png) 0 40px repeat-x;}
#main .sections p.slider a {padding:48px 6px 0 6px;height:62px;display:block;font-size:90%;line-height:1.1;background:none;color:#333;}



.skandia {width:90px;background:url(../images/products/skandia.gif) no-repeat;}
.aegon {width:69px;background:url(../images/products/aegon.gif) no-repeat;}
.scottish-life {width:66px;background:url(../images/products/scottish-life.gif) no-repeat;}
.scottish-widows {width:102px;background:url(../images/products/scottish-widows.gif) no-repeat;}
.axa {width:44px;background:url(../images/products/axa.gif) no-repeat;}
.legal-and-general {width:53px;background:url(../images/products/legal-and-general.gif) no-repeat;}
.liverpool-victoria {width:56px;background:url(../images/products/liverpool-victoria.gif) no-repeat;}
.zurich {width:59px;background:url(../images/products/zurich.gif) no-repeat;}
.jupiter {width:70px;background:url(../images/products/jupiter.gif) no-repeat;}
.neptune {width:88px;background:url(../images/products/neptune.gif) no-repeat;}
.invesco {width:44px;background:url(../images/products/invesco.gif) no-repeat;}
.fidelity {width:83px;background:url(../images/products/fidelity.gif) no-repeat;}
.first-state {width:96px;background:url(../images/products/first-state.gif) no-repeat;}

#imagesFade {width:615px;height:420px;list-style-type:none;margin:0;padding:0;overflow:hidden;float:left;}
#imagesFade li {list-style-type:none;margin:0;padding:0;}
.banner1 {width:615px;height:420px;background:#FFF url(../images/think-bigger.gif) no-repeat;float:left;}
.banner2 {width:615px;height:420px;background:#FFF url(../images/think-bigger1.png) no-repeat;float:left;}

.col1, .col2, .col3, .col4, .col5 {float:left;}
.col1 {width:250px;}
.col2 {width:150px;}
.col3 {width:150px;}
.col4 {width:100px;}
.col5 {width:150px;}

.leftcol {width:550px;float:left;padding:10px 0 25px 25px;}
.rightcol {width:265px;float:right;padding:10px 0 25px 0;}

p.btn {margin:0;padding:0;}
p.btn a {float:right;clear:both;display:block;width:241px;height:34px;background:url(../images/btn-backg.png) no-repeat;color:#FFF;text-align:center;cursor:pointer;}
p.btn a:hover {background:url(../images/btn-backg-ov.png) no-repeat;text-decoration:none;}
p.btn a span {padding:8px 28px 0 28px;display:block;height:26px;}
p.btn a.fleft {float:left;}

p.btn1 {margin:0;padding:0;float:left;}
p.btn1 a {display:block;height:34px;background:#666 url(../images/btn1_left.png) left top no-repeat;color:#FFF;text-align:center;cursor:pointer;padding-left:28px;}
p.btn1 a:hover {background:#333 url(../images/btn1_left_ov.png) no-repeat;text-decoration:none;}
p.btn1 a span {padding:8px 28px 0 0;display:block;height:26px;background:#666 url(../images/btn1_back.png) top right repeat-x;}
p.btn1 a:hover span {background:#333 url(../images/btn1_back_ov.png) top right repeat-x;}
p.btn1 a.fleft {float:left;}

#logo {width:350px;height:157px;position:absolute;top:0;left:10px;background:transparent url(../images/mark-ainsworth-logo.gif) left top no-repeat;z-index:10;}
#logo span, .telno span {position:absolute;left:-9999px;}
.hidden {position:absolute;left:-9999px;}
.rightfloat {float:right;}

h1 {font-size:200%;line-height:1.4;margin:15px 0 10px 0;}
h2  {font-size:130%;margin:14px 0 10px 0;}
h3  {font-size:120%;margin:14px 0 10px 0;}

.clear {clear:both;height:0;display:block;width:100%;}

#map {height:380px;}

.rightbanner {float:right;width:180px;}
.rightbanner form {margin:0 0 20px 20px;width:174px;height:auto;padding:38px 0 20px 0;position:relative;background:#FFF url(../images/cont-form-bg.jpg) center bottom no-repeat;}
.rightbanner form.blue {background:url(images/findoutmore_baseblue.gif) bottom no-repeat;}
.rightbanner form.yellow {background:url(images/findoutmore_baseyellow.gif) bottom no-repeat;}
.rightbanner form .contacthead {position:absolute;top:0;left:0;background:#FFF;width:174px;left:50%;margin-left:-87px;}
.rightbanner form .pad {margin:0 12px 0 12px;}
.rightbanner input, .rightbanner textarea {width:150px;border:#333 solid 1px; padding:2px 0 2px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}
.rightbanner form #submit {position:relative;cursor:pointer;border:0;width:80px;float:right;margin:0;padding:6px 0 10px 0;background:url(../images/submit_yellow.gif) no-repeat;}


.footers {position:relative;list-style-type:none;clear:both;margin:0;padding:30px 30px 100px 30px;width:860px;background: #F2F8FF url(../images/leeds-skyline.jpg) left bottom no-repeat;border-right:#FFF solid 10px;border-left:#FFF solid 10px;}
.footers a {color:#666;}
.footers ul {list-style-type:none;padding:0;}
.footers ul.left1 {position:relative;float:left;width:250px;margin:0 6px 50px 25px;}
.footers ul.left2 {position:relative;float:left;width:150px;margin-right:6px;}
.footers ul.left3 {position:relative;float:left;width:300px;}
.footers ul.copyr {display:block;clear:both;padding-right:15px;text-align:right;font-size:85%;}
.footers ul li {list-style-type:none;padding:0;margin:6px 0 4px 0;}
.footers strong {color:#FFF;font-size:150%;display:block;padding-bottom:12px;}

/*---------------------------
navigation top styles
---------------------------*/

#navbar {position:relative;float:right;clear:both;width:664px;height:30px;margin:0;background:#27245C url(../images/navtop-r.jpg) right top no-repeat;clear:both;z-index:20;}
#navbar ul {height:30px;list-style-type:none;background: url(../images/navtop-l.jpg) left top no-repeat;padding-left:30px;}
#navbar ul li {list-style-type:none;float:left;display:block;padding:0px;}
#navbar ul li a {cursor:pointer;display:block;color:#FFF;padding:4px 12px 4px 12px;}
#navbar ul li a:hover { color:#0CF;}

.hide, .hidden, .contacts span {position:absolute;left:-3000px;}

.contacts {width:300px;float:right;}
.callus {margin:0;width:300px;height:48px;clear:both;background:url(../images/call-us-on-0113-253-6776.png) top left no-repeat;}
p.contact {float:left;margin:0;}
p.request {float:right;margin:0;}
.contact a {width:149px;height:48px;display:block;background:url(../images/contact-us.png) 0 0 no-repeat;}
.request a {width:151px;height:48px;display:block;background:url(../images/request-a-callback.png) 0 0 no-repeat;}
.contact a:hover {background:url(../images/contact-us.png) 0 -48px no-repeat;}
.request a:hover {background:url(../images/request-a-callback.png) 0 -48px no-repeat;}

/*---------------------------
left column / nav styles
---------------------------*/

.lcol {width:180px;margin:10px 0 10px 0;float:left;height:auto;font-size:90%;}

#main .lcol ul {list-style-type:none;margin:0;padding:0;}
#main .lcol ul.subnav, #main .lcol ul.homelink {display:block;height:auto;padding:4px 8px 4px 8px;background:#FFF url(../images/pages-nav-bg2.png) left top no-repeat;border:#FFF solid 1px;border-top:none;border-bottom:none;}
#main .lcol li {list-style-type:none;margin:0;padding:0;}
#main .lcol li a {color:#262459;cursor:pointer;margin:-1px 0 0 0;padding:4px 0 4px 6px;display:block;background:url(../images/pages-nav-bg.png); font-weight:bold;border:#FFF solid 1px;}
#main .lcol .subnav li a, #main .lcol .homelink li a {color:#333;display:block;cursor:pointer;margin:0;background:none;padding:3px 0 3px 0;border:none;}
#main .lcol .subnav li a:hover {color:#0CF;text-decoration:none;}


/*---------------------------
right column / nav styles
---------------------------*/

.rcol {width:180px;margin:10px 0 10px 0;float:left;height:auto;font-size:90%;}

h3.latest {font-size:14px;width:178px;height:28px;border:#FFF solid 1px;background:#0A0F3C url(../images/nav-bg.png) 0 0 no-repeat;color:#FFF;display:block;margin:0;padding:0;}
h3.latest span {padding:6px 20px 6px 10px;display:block;}

#main .rcol ul {list-style-type:none;margin:0;padding:0;}
#main .rcol ul.subnav {width:162px;padding:4px 8px 4px 8px;background:#0A0F3C;border:#FFF solid 1px;border-top:none;border-bottom:none;height:auto;}
#main .rcol li {list-style-type:none;margin:0;padding:0;}
#main .rcol li a {color:#FFF;cursor:pointer;margin:-1px 0 0 0;padding:4px 0 4px 6px;display:block;background:url(../images/nav-bg.png); font-weight:bold;border:#FFF solid 1px;}
#main .rcol .subnav li a {color:#FFF;display:block;cursor:pointer;margin:0;background:none;padding:3px 0 3px 0;border:none;}
#main .rcol .subnav li a:hover {color:#0CF;text-decoration:none;}




.rightbanner form {margin:20px 0 0 6px;width:174px;height:auto;padding:38px 0 20px 0;position:relative;}
.rightbanner form.blue {background:url(images/findoutmore_baseblue.gif) bottom no-repeat;}
.rightbanner form.yellow {background:url(images/findoutmore_baseyellow.gif) bottom no-repeat;}
.rightbanner form .contacthead {text-align:center;padding:9px 2px 9px 2px;background:#E7D1A3 url(../images/submit_btn2.gif) 0 0% repeat-x;color:#333;font-weight:bold;font-size:110%;width:170px;}
.rightbanner form .pad {margin:0 12px 0 12px;}
.rightbanner input, #rcol textarea {width:150px;border:#333 solid 1px; padding:2px 0 2px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}
.rightbanner form #submit {position:relative;cursor:pointer;border:#E7D1A3 solid 2px;width:146px;margin:0;padding:6px 0 6px 0;background:#E7D1A3 url(../images/submit_btn2.gif) 0 0% repeat-x;color:#333;font-weight:bold;font-size:120%;}

/*scrolling news area*/
#news {position:relative;width:180px;height:200px;clear:both;}
#news p {margin:6px 4px 6px 15px;}
#news .newshead {clear:both;width:165px;height:27;background:#FFF url(images/newshead_bg.gif) no-repeat left top;display:block;position:relative;}
#news .newshead p a {color:#FFF;}
#news .newsscrollbox {width:165px;height:172px;background:#CCC url(images/news_bg.jpg) no-repeat left top;margin:0;overflow:auto; overflow-x:hidden;}
#news .newsscrollcontent {width:130px;}
/**/

/*---------------------------
main contact form
---------------------------*/

#contact form {width:680px;margin:0;height:auto;padding:10px 0 20px 0;position:relative; background:url(../images/cont-form-bg2.jpg) center center;}
#contact form table {margin-left:15px;}
#contact form .contacthead {position:absolute;top:0;left:0;background:#FFF;width:174px;left:50%;margin-left:-87px;}
#contact form .pad {margin:0 12px 0 12px;}
#contact form label {width:150px;display:block;}
#contact input, #contact textarea {width:300px;border:#CCC solid 2px; padding:2px 0 2px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}
#contact form #submit {clear:both;position:relative;cursor:pointer;border:#E7D1A3 solid 2px;width:200px;margin:10px 0 0 0;padding:6px 0 6px 0;background:#E7D1A3 url(../images/submit_btn2.gif) 0 0% repeat-x;color:#333;font-weight:bold;font-size:120%;}
#contact form td {vertical-align:top;padding:2px 0 2px 0;border-bottom:#999 solid 1px;}


/* tooltip styling */
.tooltip {
	display:none;
	background:url(../js/tooltip/black_arrow_big.png);
	height:102px;
	padding:20px 25px 10px 25px;
	width:140px;
	font-size:13px;
	line-height:1.1;
	color:#FFF;
	text-align:center;
z-index:200;
}
.tooltip p a {font-size:13px;}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a, .tooltip li a {
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}