/* === INSTANT LIFE === */
/* Written by James Barnsley of PlasticStudio, July 2010 */
/* Primary Cascading Style Sheet */






/* ======================== MAIN NAV === */

div#main-nav {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 700px;
	z-index: 99;
}

div#main-nav .home-button{
	width: 100%;
	max-width: 16px;
	position: absolute;
	bottom: 15px;
	right: 225px;
	height: auto;
	max-height: 13px;
}

div#main-nav ul {
	list-style-type: none; }

div#main-nav ul li {
	display: inline; }

div#main-nav ul #last span{
	padding-right: 5px;
}

div#main-nav ul li .menu-item {
	display: block;
	float: right;
	height: 23px;
	padding: 10px 0px 8px;
	background-position: 50% 0%;
	color: rgb(190, 0, 40);
	text-decoration: none;
	font-size: 12px;
	cursor: pointer;
}

div#main-nav ul li .menu-item span.title {
	cursor: hand;
	cursor: pointer;
	padding: 0 10px 20px;
	font-size: 16px;
	/*font-size: 12px;*/
}

/*div#main-nav ul li .menu-item:hover span.title{
	color: #D62528;
}*/

div#main-nav ul li#first .menu-item {
	background-position: 0% 0%;
	border-left: none; padding-left:
		25px; padding-right: 8px;
}
div#main-nav ul li#last .menu-item {
	/*	background-position: 100% 0%;
        padding-right: 8px;*/
}

div#main-nav ul li .menu-item:hover,
	/*div#main-nav ul li .menu-item.hover { background-position: 50% 25% !important; color: #FFFFFF !important; }*/
div#main-nav ul li#first .menu-item:hover,
div#main-nav ul li#first .menu-item.hover { background-position: 0% 25% !important; }
div#main-nav ul li#first.active .menu-item:hover,
div#main-nav ul li#first.active .menu-item.hover { background-position: 0% -82px !important; }
div#main-nav ul li#last .menu-item:hover,
div#main-nav ul li#last .menu-item.hover {	background-position: 100% 25% !important; }

div#main-nav ul li.active .menu-item { background-position: 50% 49%; color: #736464; }
div#main-nav ul li#first.active .menu-item { background-position: 0px -82px; }
div#main-nav ul li#last.active .menu-item {	background-position: 100% 49%; }

/*div#main-nav ul li#first em { display: none; }*/




/* ACTIVE ARROW */

#nav-arrow {
	position: absolute;
	width: 20px;
	height: 10px;
	background: url('../images/nav-item-arrow.png') 0 0 no-repeat;
	top: 0;
	display: none; }

/* home */
#home-block #nav-arrow { right: 338px; }

/* life */
.life-insurance #nav-arrow,
.accidental-death #nav-arrow { right: 287px; }

/* medical */
.cancer #nav-arrow,
.medical-gap-cover #nav-arrow,
.critical-illness #nav-arrow,
.work-disability #nav-arrow { right: 179px; }

/* funeral */
.funeral #nav-arrow,
.funeral-family #nav-arrow { right: 66px; }

/* car-home */
.car #nav-arrow,
.home #nav-arrow,
.request-callback #nav-arrow,
.get-a-quote #nav-arrow { right: 77px; }




/* ======================== FOOTER NAV === */

div#footer-nav {
	width: 100%;
	height: 40px;
	text-align: center;
}

div#footer-nav ul {
	list-style-type: none;
	padding: 0;
	display: inline-block;
	text-align: left;
}

div#footer-nav ul li {
	display: block;
	float: right;
	height: 24px;
	padding: 9px 6px 0px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #736464;
	text-decoration: none;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
	background-color: #f3f3f3;
}

div#footer-nav ul li:hover,
div#footer-nav ul li.active {
	background-color: #d7d7d7;
}

div#footer-nav ul li.nav-popup {
	padding-left: 21px !important;}

div#footer-nav ul li a {
	color:#736464;
	text-decoration: none;}

div#footer-nav ul li.active a,
div#footer-nav ul li:hover a,
div#footer-nav ul li.active{
	/*color: #FFF;*/
}

div#footer a#foot-rss-feed {
	padding-left: 12px;
	background: url('../images/foot-rss-icon.gif') 2px 4px no-repeat; }

div#footer a#foot-rss-feed:hover {
	background-position: 2px -12px; }

div#footer-nav ul li#footer-nav-first {
	padding-left: 12px;
	border-radius: 0 0 0 5px;
}
div#footer-nav ul li#footer-nav-last {
	padding-right: 16px;
	border-right: 1px solid #CCCCCC;
	border-radius: 0 0 5px 0;
}
div#footer-nav a::selection { background: transparent; }
div#footer-nav a::-moz-selection { background: transparent; }

/* nav arrow */
li span.nav-arrow,
li.active span.nav-arrow{
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 11px;
	left: 10px;
}

li span.nav-arrow:after,
li.active span.nav-arrow:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 7px solid #736464;
	border-bottom: 5px solid transparent;
}

div#footer-nav ul li:hover span.nav-arrow:after,
div#footer-nav ul li.active span.nav-arrow:after{
	/*border-left: 7px solid #ffffff;*/
}

li.active span.nav-arrow {
	background-position: -8px 0px;
}
a.nav-popup {
	position: relative;
}



/* ======================== FOOTER NAV POPUP : more link === */

div#footer-nav ul li {
	position: relative;
}

div.footer-nav-popup {
	/*	position: absolute;
        z-index: 99;
        width: 130px;
        left: -1px;
        bottom: 33px;
        background: #D7D7D7;
        border: 1px solid #CCC;
        border-bottom: none;
        padding-bottom: 5px;
        padding-top: 5px;
        display: none;

        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        */
}
div#footer-nav ul li div.footer-nav-popup a {
	display: block;
	padding: 5px 10px;
	margin: 3px 0px;
	color: #736464 !important;
	text-decoration: none;

	background: none;
	float: none;
	height: auto;
	border: none;
}
div#footer-nav ul li div.footer-nav-popup a:hover {
	background: #AAA;
	color: #FFF !important;
}




/* ============================================================ CONTENT === */




/* ======================== TABLES === */


.dis-table{
	width: 100%;
	border: solid 1px rgb(115,100,100);
	border-collapse: collapse;
}
.dis-table th{
	text-align: left;
	font-size: 12px;
}

.dis-table td{
	width: 200px;
	font-size: 12px;
	border: solid 1px rgb(115,100,100);
	vertical-align: top;
	padding: 5px 0 5px 5px ;
}
.dis-table td a{

	word-break: break-all;
}

.dis-table td.wide {
	width: 320px;
}

.dis-table td.short {
	width: 110px;
}

.dis-table ul{
	list-style: circle;
	/*margin-left: 10px!important;*/
}

.dis-table .small-4{
	width: 160px;
}








/* ======================== GREY BOX (sidebar on MRP) === */

div.grey-box {
	border: 1px solid #CCC;
	padding: 7px 9px 9px 9px;
	background: #EEEEEE;
	margin-bottom: 18px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/pie/PIE.htc);
}

div.grey-box h3 {
	margin: 0 0 4px 0;
	color: #442359; }


/* ======================== VIDEOS (sidebar) === */


div#myhollard-sidebar h2 {
	color: #442359;
	margin: 0px;
	position: relative; }

div#myhollard-sidebar h2 span.thawte-logo {
	position: absolute;
	right: 0;
	top: -5px;
	display: block;
	width: 96px;
	height: 31px;
	background: url('../images/app-thawte-certificate.gif') 0 0 no-repeat; }

div#myhollard-sidebar ul {
	margin-top: 8px; }

div#myhollard-sidebar p {
	margin-top: 8px;
	margin-left: 12px; }









/* ======================== VIDEOS (sidebar) === */


div.right div#sidebar-video {
	margin-top: 30px;}









/* ======================== SOCIAL MEDIA (sidebar) === */

div#social-media-icons {
	margin: 28px 0 10px 0;
	padding: 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 31px;
}

div#social-media-icons h4 {
	padding-top: 8px;
}

div#social-media-icons a {
	display: block;
	float: right;
	margin-left: 6px;
}









/* ======================== Thawte certificate === */


div.content-inner {
	position: relative;}

a#application-secured-by-thawte {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	width: 96px;
	height: 31px;
	background: url('../images/app-thawte-certificate.gif') 0px 0px no-repeat;}

a#application-secured-by-thawte strong {
	display: none;}




/* GET SILVERLIGHT BUTTON */

p#button-get-silverlight {
	margin: 20px 0;}
p#button-get-silverlight a {
	text-decoration: none;}




/* Current Competitions Enter Now link */

p.current-comp-footer,
p.current-comp-footer a {
	color:#AAA !important;
	font-size:12px;
	margin-top:5px;
}

a.enter-now-link {
	text-decoration:none;
	color:#442359;
	font-size:17px;
}




/* ======================== BUTTONS === */



/* inline pointer link */

a.button-pointer {
	padding-left: 18px;
	background: url('../images/body-button-pointer.gif') 0 1px no-repeat; }

a.button-pointer:hover {
	background-position: 0 -14px;}


/* huge arrow */

a.button-arrow-huge,
a.button-arrow-huge span {
	background-image: url('../images/button-arrow-huge.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 24px;
	text-decoration: none;
	color: #FFFFFF;
}
a.button-arrow-huge {
	display: block;
	float: left;
}
a.button-arrow-huge span {
	background-position: 100% 0%;
	display: block;
	float: right;
	height: 29px;
	padding: 11px 60px 10px 0px;
	margin-left: 18px;
}





/* large arrow */

.button-arrow-large{
	width: 120px;
	padding: 5px 10px;
	font-size: 14px;
	color: #FFFFFF;
	cursor: hand;
	cursor: pointer;
	border: 0px;
	background-color: #2e3135;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 15px 0 10px;
	behavior: url(/pie/PIE.htc);
}


.button-arrow-large span {
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	color: #fff;
	margin: 10px 0;
	
}

/* homepage one */

.qbb-holder{
	margin-top: 50px!important;
}

/* small arrow */


a.button-arrow-small,
a.button-arrow-small span {
	background-image: url('../images/button-arrow-small.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
}
a.button-arrow-small#sentence-case span {
	text-transform: none;}

a.button-arrow-small {
	display: block;
	float: left;
	margin-right: 20px;
}
a.button-arrow-small span {
	background-position: 100% 0%;
	display: block;
	float: right;
	height: 15px;
	padding: 4px 16px 4px 0px;
	margin-left: 8px;
}

a.button-arrow-small:hover { background-position: 0% 100%; }
a.button-arrow-small:hover span { background-position: 100% 100%; }





/* medium arrow */


a.button-arrow-medium,
a.button-arrow-medium span {
	/*background-image: url('../images/button-arrow-medium.gif');*/
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

a.button-arrow-medium.grey,
a.button-arrow-medium.grey span {
	/*background-image: url('../images/button-arrow-medium-grey-bg.gif'); */
}

a.button-arrow-medium {
	background-color: #442359;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	behavior: url(/pie/PIE.htc);
	float: left;
	margin-right: 20px;
	margin-top: 6px;
}

a.button-arrow-medium span {
	display: block;
	float: right;
	padding: 7px 17px 9px 8px;
	margin-left: 8px;
}

a.button-arrow-medium:hover { background-position: 0% 100%; }
a.button-arrow-medium:hover span { background-position: 100% 100%; }



/* large standard */







/* ================ MIDDLE COLUMN FADER (homepage) === */

ul#middle-column-fader {
	list-style-type: none;
	margin: 0;
	position: relative;
	height: 140px; }

ul#middle-column-fader li {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #FFF;
	width: 300px;
	margin-bottom: 0px;
	height: 140px; }

ul#middle-column-fader li.active {
	z-index:10;
	opacity:1.0;}

ul#middle-column-fader li.last-active {
	z-index:9;}

ul#middle-column-fader h2 span {
	padding: 2px 4px;
	background: #EEE;
	color: #BBB;
	font-size: 10px;
	font-weight: normal; }

ul#middle-column-fader h3 {
	font-weight: normal;
	font-size: 12px;
	margin: 8px 0 0 0; }

ul#middle-column-fader p {
	margin: 4px 0;}

ul#middle-column-fader li img {
	position: absolute; }


/* -- logo slider --- */

div#home-seo-logos{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding: 0 20px;
	height: 100%;
}

div#home-seo-logos h2{
	font-size: 13.5pt;
	font-weight: normal;
}

/* ======================== PAGE-UNIQUE : application landing page === */


div#standard-block .left#application-landing-page {
	float: none;
	width: 860px;
	background: #FFF; }

div#standard-block .left#application-landing-page h1 {
	font-size: 30px;
	padding-bottom: 10px; }




/* ============================================================ FREE FUNERAL COVER PROMO === */
/*
h2.large-red {
	font-size: 24px !important;
	color: #442359 !important;
	font-weight: normal !important; }

h3.small-grey {
	color: #717171 !important;
	margin-top: 25px; }

a.right-icon#right-question {
	background-image: url("../images/body-icon-question.gif");
	font-size: 15.5px;
	line-height: 31px; }

.application-steps {
	margin-top: 30px }

.application-steps .step {
	clear: left;
	padding-bottom: 8px; }

.application-steps .step .step-arrow {
	background-color: #58595b;
	display: block;
	float: left;
	color: #fff;
	font-size: 18px;
	padding: 5px 15px 4px;
	position: relative;
	margin-right: 25px;
}

.application-steps .step .step-arrow:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 14px solid #58595b;
	border-bottom: 15px solid transparent;
	left: 100%;
	top: 0;
}

.application-steps .step h4 {
	line-height: 30px;
	margin-left: 110px; }

.application-steps .step p {
	margin-left: 110px; }

div.content .funeral-family-plp h3 {
	margin-top: 5px; }
 */




/* ======================== PAGE-UNIQUE : meet the team === */


ul#meet-the-team {
	list-style-type: none;
	margin: 0 !important;
	text-align: justify;}


ul#meet-the-team li {
	margin: 0 0 20px;
	position: relative;
	padding: 0 0 20px 170px;
	border-bottom: 1px solid #eea7a9;
	min-height: 190px; }


ul#meet-the-team li img {
	position: absolute;
	left: 0;}

ul#meet-the-team li p img {
	display: inline;
	position: static;}

ul#meet-the-team h3 {
	font-weight: normal;
	font-size: 18px;}

ul#meet-the-team h3 span {
	display: block;
	font-size: 14px;
	color: #999;
	margin-bottom: 12px;}


ul#meet-the-team div.more-details {
	display: none;
	margin-bottom: 15px;}

ul#meet-the-team div.more-details h4 {
	font-size: 13px;
	margin-top: 10px;}





/* ======================== PAGE-UNIQUE : Frequently asked questions (jquery) === */

span#show-all-faqs,
span#hide-all-faqs {
	color: #717171;
	font-weight: normal;
	font-size: 13px;
	cursor: hand;
	cursor: pointer;}

ul.more-faqs h5:hover,
span#show-all-faqs:hover,
span#hide-all-faqs:hover {
	color: #442359;
	text-decoration: underline;}

ul.more-faqs h5 {
	font-size: 13px;
	cursor: hand;
	cursor: pointer;
	margin-bottom: 3px;}

ul.more-faqs p {
	margin-bottom: 10px;}





/* ======================== PAGE-UNIQUE : standard pages contact, etc === */

/* div#standard-block {
	margin-left: 61px;
	padding: 15px 15px 30px 0;}

div#standard-block div.left {
	margin-top: 25px;
	width: 560px;
	float: left;}

div#standard-block div.right {
	width: 260px;
	float: right;
	margin-top: 85px;
	margin-right: 35px;}

 */




/* ======================== PAGE-UNIQUE : application === */

div#application-block {
	margin: 30px 280px 30px 90px;}










/* ======================== PAGE-UNIQUE : refer a friend === */


div.refer-friend-number,
div.refer-friend-name,
div.refer-friend-email {
	float: left;
	margin-top: 6px;}

div.refer-friend-number {
	width: 30px;}

div.refer-friend-name,
div.refer-friend-email {
	width: 250px;}

form#refer-form div.refer-friend-name input,
form#refer-form div.refer-friend-email input {
	width: 230px !important;}


/* once referral complete, suggest another */

div#refer-another-friend-button {
	max-width: 240px;
	text-align: right;
	float: right; }




/* ======================== PAGE-UNIQUE : partners and affiliates === */


form#contact-form label#affiliates-newsletter-subscribers {
	clear: none;
	margin-left: 65px;
}

form#contact-form input#partner-company-newsletter-subscribers {
	width: 60px;
}

div.right h3#affiliate-heading {
	font-size: 13px;
	font-weight: bold;
}

ul#affiliate-logos {
	list-style-type: none;
	margin: 0px;
	text-align: center;
	position: relative;
}
ul#affiliate-logos li {
	position: absolute;
	width: 100%;
	height: 80px;
	background: #FFF;
	display: block;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}


ul#affiliate-logos li.active {
	z-index:10;
	opacity:1.0;
}
ul#affiliate-logos li.last-active {
	z-index:9;
}






/* ======================== PAGE-UNIQUE : media centre === */


/* buttons */

div#media-centre-controls {
	position: relative;
	height: 30px;
	z-index: 9;
}
div#media-centre-controls span {
	display: block;
	position: absolute;
	top: 0px;
	height: 20px;
	cursor: hand;
	cursor: pointer;
	text-align: center;
	padding-top: 3px;
	text-transform: uppercase;
	color: #FFF;
	font-family: HollardSans, sans-serif;
}

div#media-centre-controls span::selection { background: transparent; }
div#media-centre-controls span::-moz-selection { background: transparent; }

div#media-centre-controls span#media-centre-previous {
	background: url('../images/app-button-nav.gif') 0px 0px no-repeat;
	position: absolute;
	left: 0px;
	top: 2px;
	height: 20px;
	font-size: 11px;
	width: 69px;
}
div#media-centre-controls span#media-centre-previous:hover {
	background-position: 0px -30px;
}
div#media-centre-controls span#media-centre-next {
	background: url('../images/app-button-nav-arrow.gif') 0px 0px no-repeat;
	right: 0px;
	height: 24px;
	font-size: 14px;
	font-weight: bold;
	width: 52px;
	padding-right: 8px;
	padding-top: 4px;
}
div#media-centre-controls span#media-centre-next:hover {
	background-position: 0px -33px;
}

div#media-centre span.small {
	font-size: 12px;
	color: #AAA;}



/* SLIDERS */

ul#media-centre-slider {
	display: block;
	position: relative;
	height: 400px;
	width: 558px;
	margin: 0px;
	padding: 0px;
}
ul#media-centre-slider li {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 558px;
	height: 400px;
	background: #FFF;
	z-index: -1;
	text-align: center;
}
ul#media-centre-slider li.active {
	display: block;
	z-index: 1;
}
ul#media-centre-slider li.active blockquote {
	position: absolute;
	bottom: -60px;
	left: 75px;
	text-align: center;
	width: 420px;
	background: #FFF;
	height: 30px;
}
ul#media-centre-slider.radio li {
	text-align: left;
}



ul#media-centre-slider h2 {
	color: #442359;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0 0 0;
	font-family: Tahoma, Geneva, sans-serif;
}
ul#media-centre-slider h3 {
	color: #717171;
	font-weight: bold;
	font-size: 14px;
	margin: 4px 0 20px 0;
	font-family: Tahoma, Geneva, sans-serif;
}
ul#media-centre-slider.radio img {
	float: right;
	margin-top: 250px;
}








/* ================================================= SOCIAL MEDIA (share) === */

div.share {
	background:#eee;
	border:1px solid #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(/pie/PIE.htc);
	height:16px;
	margin-top:35px;
	margin-bottom: 15px;
	padding: 2px 2px 2px 5px;
	display: block;
	float: left;}

div.share span {
	font-size:9px;
	padding:3px 0 0 0;
	display: block;
	margin:0 3px 0 0;
	color:#888;
	float:left;}

div.share a {
	display: block;
	float: left;
	margin-left: 4px;}




/* ============================================================ FOOTER === */


/* div#footer {
	margin-bottom: 30px;} */

/* .footer-logo{
	float: right;
	padding: 16px 0px;
	min-width: 120px;
} */

/* .footer-logo img{
	width: 117px;
} */

/* div#copyright {
	margin-top: 20px;
	font-size: 10px;
	display: inline-block;
} */

/* div#copyright p,
div#copyright p a {
	color: rgb(115,100,100) !important;
	text-decoration: none;
	font-size: 8pt;
	font-family: 'Brave Sans Light', sans-serif;
} */

/* div#copyright p a:hover {
	color: #442359 !important;} */

/* a#footer-competition {
	position: absolute;
	right: 100px;
	top: 52px;
	width: 140px;
	height: 80px;
	background: url('../images/body-competition-promo.jpg') 0px 0px no-repeat;} */



/* ======================================= LIVE CHAT WINDOW ===== */

.olrk-normal #habla_topbar_div {
	background: url('../images/live-chat-bg.gif') 0 0 no-repeat !important;}

.olrk-normal #habla_expanded_div {
	border-color: #676565 !important;}

.olrk-normal #habla_expanded_div > div:last-child {
	display: none !important;}


.call-back {
	padding: 1em;
}
.call-back .button-arrow-large {
	margin-top: 1em;
	min-width: 235px;
}

.ol-large-margin {
	margin-left: 40px !important;
	list-style: none;
}

.decimal-li {
	position: absolute;
	margin-left: -40px;
}