﻿/*TTP 4824*/
html, body {background-color: #ffffff; margin: 0 auto; min-width: 1024px; height: 100%; font-size: 12px;/*overflow-x: hidden;*/}

.wrapper {
    min-height: 100%;
    margin-bottom: -40px;
}

#header {
	width: 100%;
    height: 100px;
}

.logo {
    background-image: url(../images/lms_logo.png); 
    background-repeat: no-repeat; 
    width: 165px; 
    height: 100px;
    margin: 0px 0px 0px 30px;
	float: left;
}

.menu_fold {
    background-image: url(../images/menu_fold.png); 
    background-repeat: no-repeat; 
    background-color: #ffffff;
    width: 110px; 
    float: right; 
    height: 52px;
    margin: 0px 0px 0px 0px;
}

.menu {
    background-image: url(../images/menu_strip.png); 
    background-repeat: repeat-x; 
    background-color: #00023f;
    width: 70%; 
    float: right; 
    height: 52px;
    margin: 0px 0px 0px 0px;
}

.menu_item {
    display: inline;
}

.menu_item a {
    font-family: 'Trebuchet MS'; 
    font-size: 1em; 
    font-weight: bold; 
    color: #ffffff;
    margin: 13px 30px 0px 0px;
    float: right;
    text-decoration: none;
}

.menu_item a:hover {
    font-family: 'Trebuchet MS'; 
    font-size: 1em; 
    font-weight: bold; 
    color: #b1dbf5;
    margin: 13px 30px 0px 0px;
    float: right;
    text-decoration: none;
}

.mobile_menu {
	display: none;
}

.mobile_menu a {
    display: none;
}

/*Dropdown menu turned off for desktop*/
#drop_menu_position {
	display: none;
}

#banner {
	background-color: #ffffff;
	width: 100%;
    height: 212px;
    margin: 0px 0px 0px 0px;
	display: block;
}

.banner_ribbon {
    background-image: url(../images/banner_left.png); 
    background-repeat: repeat-x; 
	width: 100%; 
    height: 212px;
}

.banner_ribbon_black {
    background-image: url(../images/banner_black.png); 
    background-repeat: repeat-x; 
	width: 100%; 
    height: 212px;
}

.banner_text {
    font-family: 'Trebuchet MS'; 
    font-size: 3em;  
    color: #00aae5;
    padding: 70px 0px 0px 30px;
	float: left;
}

.banner_house {
    background-image: url(../images/banner_right.png); 
    background-repeat: no-repeat; 
    width: 28%; 
    height: 212px;
	float: right;
}

.banner_join_team {
    background-image: url(../images/careers_banner.jpg); 
    background-color: #f9f9f8;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-width: 100%;
    height: 186px;
}

.banner_csr {
    background-image: url(../images/csr_banner.jpg); 
    background-color: #f9f9f8;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-width: 100%;
    height: 186px;
}

.banner_lender {
    background-image: url(../images/lender_banner.jpg); 
    background-color: #f9f9f8;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-width: 100%;
    height: 186px;
}

.banner_broker {
    background-image: url(../images/broker_banner.jpg); 
    background-color: #f9f9f8;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-width: 100%;
    height: 186px;
}

.banner_lawfirm {
    background-image: url(../images/lawfirm_banner.jpg); 
    background-color: #f9f9f8;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-width: 100%;
    height: 186px;
}

.banner_customerservice {
    background-image: url(../images/cs_banner.jpg); 
    background-color: #f9f9f8;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-width: 100%;
    height: 186px;
}

#navigation {
	margin: 0px 0px 0px 30px;
	display: block;
    min-height: 0;
}

.user_link {
    background-image: url(../images/user_link_arrow.png); 
    background-repeat: no-repeat; 
    width: 160px;
    height: 56px;
    border: 1px solid #03296a;
    float: left;
    margin: 20px 15px 0px 0px;
    padding: 12px 50px 0px 20px;
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em;  
    color: #000000;
    text-decoration: none;
}

.user_link a {text-decoration: none;}

.mobile_link {
    background-image: url(../images/user_link_arrow.png); 
    background-repeat: no-repeat; 
    width: 160px;
    height: 56px;
    border: thin solid #03296a;
    float: left;
    margin: 20px 15px 0px 0px;
    padding: 12px 50px 0px 20px;
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em;  
    color: #000000;
    display: none;
}

.mobile_link a {text-decoration: none;}

.tmc_link {
    background-image: url(../images/tmc_box.png); 
    background-repeat: no-repeat; 
    width: 160px;
    height: 58px;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 12px 50px 0px 20px;
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em;  
    color: #ffffff;
    text-decoration: none;
    display: none;
}

.tmc_link a {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em;  
    color: #ffffff;
    text-decoration: none;
    }
	
.page_title {
    font-family: 'Trebuchet MS'; 
    font-size: 2em; 
    color: #00aae5;
    margin: 5px 0px 5px 30px;
}

.page_subtitle {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #000000;
    margin: 5px 0px 20px 0px;
}

.page_subtitle2 {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #000000;
    margin: 5px 0px 20px 30px;
}

.page_subtitle3 {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #000000;
    margin: 5px 0px 20px 30px;
}

.bullet {
    background-image: url(../images/bullet.png); 
    background-repeat: no-repeat;
    font-family: Verdana; 
    font-size: 1em; 
    color: #000000;
    padding: 0px 0px 10px 25px;
}

/*TTP 4778*/
.contact_bullet {
    background-image: url(../images/bullet.png); 
    background-repeat: no-repeat;
    font-family: Verdana; 
    font-size: 1em;
    font-weight: bold; 
    color: #000000;
    padding: 0px 0px 0px 25px;
}
/*END TTP 4778*/

#content {
    margin: 10px 0px 0px 30px;
    /*TTP 4778*/
    width: 100%;
    height: 100%;
    /*END TTP 4778*/
    /*min-height: 327px;*/
}

/*TTP 4778*/
#content_long {
    margin: 10px 30px 0px 30px;
	float: left;
	display: block;
    width: 95%;
}

#content_short {
    margin: 10px 0px 0px 30px;
	float: left;
	display: block;
    width: 68%;
}

#page_links {
    width: 230px;
    float: right;
    margin: 10px 30px 0px 30px;
}
/*END TTP 4778*/

#content_left {
    margin: 10px 0px 0px 30px;
    float: left;
    width: 68%;
	/*min-height: 393px;*/
}

#content_right {
    width: 230px;
    /*TTP 4778*/
    /*min-height: 333px;*/
    /*margin: 10px 30px 0px 30px;*/
    margin: 0px 30px 0px 30px;
    /*END TTP 4778*/
    float: right;
}

#content_right_mob {
    display: none;
}

#content2 {
    width: 100%;
    background-color: #d7eaf9;
    float: left; 
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
}

#content2 p {
    font-family: 'Verdana'; 
    font-size: 1em; 
    color: #000000;
    /*TTP 4778*/
    margin: 0px 30px 0px 30px;
    /*END TTP 4778*/
}

#content3 {
    width: 100%;
    background-color: #b1dbf5;
    float: left; 
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
}

#content3 p {
    font-family: 'Verdana'; 
    font-size: 1em; 
    color: #000000;
}

.dark_link {
    background-image: url(../images/lmsselect_box.png);
    background-color: #ffffff;
    background-repeat: no-repeat; 
    width: 160px;
    height: 58px;
    float: right;
    margin: 20px 0px 0px 0px;
    padding: 12px 50px 0px 20px;
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em;  
    color: #ffffff;
}

.dark_link a {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em;  
    color: #ffffff;
    text-decoration: none;
    }

.contact_box {
    margin: 20px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
    background-color: #00aae5;
    font-family: Verdana; 
    font-size: 1em; 
    color: #ffffff;
    float: right;
    min-width: 190px;
}

.contact_box p {
    font-family: Verdana; 
    font-size: 1em; 
    color: #ffffff;
}

.contact_box a {
    font-family: Verdana; 
    font-size: 1em; 
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

/*TTP 4778*/
.competition_box {
    background-image: url(../images/doors_link.png); 
    background-repeat: no-repeat;
    margin: 20px 0px 0px 0px;
    padding: 90px 20px 0px 20px;
    background-color: #b1dbf5;
    font-family: Verdana; 
    font-size: 1em; 
    color: #ffffff;
    float: right;
    min-width: 190px;
}

.competition_box p {
    font-family: Verdana; 
    font-size: 1em; 
    color: #03296a;
}

.competition_box a {
    font-family: Verdana; 
    font-size: 1em; 
    font-weight: bold;
    color: #03296a;
    text-decoration: none;
}

.competition_subtitle {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #03296a;
    padding: 20px 0px 0px 0px;
}

.competition_fold {
    background-image: url(../images/competition_fold.png); 
    background-repeat: no-repeat;
    margin: 0px 0px 30px 0px;
    width: 230px;
    height: 25px;
    float: left;
}
/*END TTP 4778*/

.subtitle {
    font-family: 'Trebuchet MS'; 
    font-size: 2em; 
    color: #ffffff;
    padding: 20px 0px 0px 0px;
}

.page_right_fold {
    background-image: url(../images/page_right_fold.png); 
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    width: 230px;
    height: 25px;
    float: left;
}

p {
	font-family: Verdana; 
    font-size: 1em; 
    color: #000000;
}

/*Logos*/
#rotator_placeholder {
    height: 180px;
}

#logo_rotator img { 
    position: absolute; 
    float: left; 
    height: 140px;
}

#partner_logo {
    width: 96%;
    margin: 0px 0px 12px 30px;
    float: left;
    display: none;
}

.accord_logo {
	background-image: url(../images/accord.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.boc_logo {
	background-image: url(../images/boc.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.boi_logo {
	background-image: url(../images/boi.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.bluestone_logo {
	background-image: url(../images/bluestone.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.buckinghamshire_logo {
	background-image: url(../images/buckinghamshire.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.chorley_logo {
	background-image: url(../images/chorley.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.dudley_logo {
	background-image: url(../images/dudley.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.equifax_logo {
	background-image: url(../images/equifax.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

/*TTP 4763*/
.hinckley_logo {
	background-image: url(../images/hinckley.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}
/*END TTP 4763*/

.hitachi_logo {
	background-image: url(../images/hitachi.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.ipswich_logo {
	background-image: url(../images/ipswich.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.leeds_logo {
	background-image: url(../images/leeds.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.loughborough_logo {
	background-image: url(../images/loughborough.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.marsden_logo {
	background-image: url(../images/marsden.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

/*CZ-806 AS 25/01/18*/
/*.metro_logo {
	background-image: url(../images/metro.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}*/
/*END CZ-806*/
.melton_logo {
	background-image: url(../images/melton.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.monmouthshire_logo {
	background-image: url(../images/monmouthshire.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

/*BAU-125 AS 19/12/17 removed*/
/*.nationwide_logo {
	background-image: url(../images/nationwide.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}*/
/*END BAU-125*/

.newcastle_logo {
	background-image: url(../images/newcastle.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.postoffice_logo {
	background-image: url(../images/postoffice.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.aa_logo {
	background-image: url(../images/aa.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.tesco_logo {
	background-image: url(../images/tesco.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.tipton_logo {
	background-image: url(../images/tipton.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.tsb_logo {
	background-image: url(../images/tsb.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.tmgroup_logo {
	background-image: url(../images/tmgroup.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.westbrom_logo {
	background-image: url(../images/westbrom.png); 
    background-repeat: no-repeat;
    width: 180px;
    height: 70px;
    margin: 0px 12px 12px 0px;
    float: left;
}

.mgmt_team {
    /*width: 472px;*/
    /*BAU-108 AS 18/10/17 changed from 220px*/
    min-height: 360px;
    /*END BAU-108*/
    float: left;
    margin: 0px 10px 10px 30px;
}

.mgmt_photo {
    width: 120px;
    height: 150px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.mgmt_photo_ak {
	background-image: url(../images/andy_knee.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}

.mgmt_photo_pc {
	background-image: url(../images/peter_clarkson.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}

.mgmt_photo_sf {
	background-image: url(../images/sandra_francis.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}

.mgmt_photo_ir {
	background-image: url(../images/ian_robinson.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}

.mgmt_photo_ac {
	background-image: url(../images/alistair_campbell.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}

.mgmt_photo_nc {
	background-image: url(../images/nick_chadbourne.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}

/*BAU-108 AS 18/10/17*/
.mgmt_photo_soc {
	background-image: url(../images/suzanne_oconnor.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}

.mgmt_photo_pd {
	background-image: url(../images/paul_davies.png); 
    background-repeat: no-repeat;
    width: 120px;
    height: 150px;
    float: left;
    margin: 20px 10px 0px 0px;
    border: 0px solid #03296a;
}
/*END BAU-108*/

.mgmt_bio {
    width: 232px;
    float: left;
    margin: 20px 10px 0px 0px;
}

.mgmt_name {
    font-family: 'Trebuchet MS'; 
    font-size: 1.3em; 
    font-weight: bold;
    color: #03296a;
}

.mgmt_title {
    font-family: 'Trebuchet MS'; 
    font-size: 1.2em;
    font-weight: bold;
    color: #03296a;
}

#table_header {
    background-color: #d7eaf9;
    height: 50px;
    margin-top: 20px;
}

.table_header_col1 {
    /*width: 40%;*/
    font-family: Verdana; 
    font-size: 1em;
    font-weight: bold;  
    color: #000000;
    margin: 0px 30px 0px 30px;
    padding: 18px 0px 0px 0px;
    float: left;
}

.table_header_col2 {
    /*width: 40%;*/
    font-family: Verdana; 
    font-weight: bold;
    font-size: 1em;  
    color: #000000;
    margin: 18px 30px 0px 30px;
    float: right;
}

.table_row {
    height: 60px;
    border-bottom: thin solid #03296a;
}

.table_row_col1 {
    width: 70%;
    font-family: Verdana; 
    font-size: 1em;  
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 0px 30px;
    float: left;
}

.table_row_col1 a {
    /*width: 40%;*/
    text-decoration: none;
    color: #00aae5;
}

.table_row_col2 {
    /*width: 40%;*/
    font-family: Verdana; 
    font-size: 1em;  
    color: #00aae5;
    margin: 0px 0px 0px 0px;
	padding: 10px 30px 0px 30px;
    float: right;
}

#news_left {
    width: 65%;
    float: left;
    margin: 0px 0px 30px 30px;
}

#news_left p {
	margin: 10px 0px 20px 30px;
}

#news_right {
    background-image: url(../images/news.jpg); 
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    width: 25%;
    min-height: 420px;
    float: right;
    margin: 20px 30px 0px 30px;

}

#news_right p {
	margin: 10px 0px 10px 30px;
}

#contact_details {
    width: 46%;
    float: left;
    margin: 0px 30px 0px 30px;
}

#contact_details p {
	margin: 10px 0px 10px 30px;
}

#mob_contact_details {
    width: 46%;
    float: left;
    margin: 0px 30px 0px 30px;
    display: none;
}

#mob_contact_details p {
    margin: 10px 0px 10px 30px;
    display: none;
}

#contact_directions {
    width: 46%;
    float: left;
    margin: 0px 0px 30px 0px;
}

#contact_directions p {
	margin: 10px 0px 20px 30px;
}

.map {
    background-image: url(../images/lms_map.png); 
    background-repeat: no-repeat;
    width: 462px;
    height: 372px;
    margin: 0px 0px 0px 20px;
}

.phone {
    font-family: Verdana; 
    font-size: 1.5em;
    font-weight: bold;  
    color: #00aae5;
    margin: 0px 0px 10px 30px;
}

.button {
    background-image: url(../images/button.png); 
    background-repeat: repeat-x;
    width: 155px;
    height: 25px;
    font-family: Verdana; 
    font-size: 0.9em; 
    font-weight: bold; 
    color: #ffffff;
    margin: 20px 0px 0px 30px;
    padding: 6px 20px 6px 20px;
    text-decoration: none;
}

.button_basic {
    background-image: url(../images/button.png); 
    background-repeat: repeat-x;
    width: 155px;
    height: 25px;
    font-family: Verdana; 
    font-size: 0.9em; 
    font-weight: bold; 
    color: #ffffff;
    margin: 20px 0px 0px 0px;
    padding: 6px 20px 6px 20px;
    text-decoration: none;
}

.page_subtitle_arrow {
    background-image: url(../images/arrow_bullet.png);
    background-repeat: no-repeat;
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #000000;
    /*TTP 4778*/
    /*margin: 15px 0px 0px 0px;*/
    margin: 25px 0px 0px 0px;
    /*END TTP 4778*/
    padding: 0px 0px 0px 30px;
}

.page_subtitle_arrow_sup {
    background-image: url(../images/arrow_bullet_sup.png);
    background-repeat: no-repeat;
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #000000;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 30px;
}

.contact_page_subtitle_arrow {
    background-image: url(../images/arrow_bullet.png);
    background-repeat: no-repeat;
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #000000;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 30px;
}

td {
    font-family: Verdana; 
    font-size: 1em; 
    color: #000000;
}

/*TTP 4778*/
/*#coming_soon {
    background-image: url(../images/coming_soon.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 602px;
    margin: 10px 0px 20px 0px;
}*/
/*END TTP 4778*/

/*TTP 4787*/
.door1 {
    background-image: url(../images/door1.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

#luckydoor1 {background-image: url('../images/door1.png');}
.door1:hover {background-position: left -197px;}

.door2 {
    background-image: url(../images/door2.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

/*#luckydoor2 {background-image: url('../images/door2.png');}
.door2:hover {background-position: left -197px;}*/

.door3 {
    background-image: url(../images/door3.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

/*#luckydoor3 {background-image: url('../images/door3.png');}
.door3:hover {background-position: left -197px;}*/

.door4 {
    background-image: url(../images/door4.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

#luckydoor4 {background-image: url('../images/door4.png');}
.door4:hover {background-position: left -197px;}

.door5 {
    background-image: url(../images/door5.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

/*#luckydoor5 {background-image: url('../images/door5.png');}
.door5:hover {background-position: left -197px;}*/

.door6 {
    background-image: url(../images/doorcentre.png);
    background-color: #00aae5;
    width: 350px; /*350px*/
    height: 197px;/*197px*/
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
    font-family: 'Trebuchet MS'; 
    font-size: 2em;
    color: #ffffff;
}

#luckydoor6 {background-image: url('../images/doorcentre.png');}
.door6:hover {background-position: left -197px;}

/*.door7 {
    background-image: url(../images/door7.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}*/

/*#luckydoor7 {background-image: url('../images/door7.png');}
.door7:hover {background-position: left -197px;}*/

.door8 {
    background-image: url(../images/door8.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

/*#luckydoor8 {background-image: url('../images/door8.png');}
.door8:hover {background-position: left -197px;}*/

.door9 {
    background-image: url(../images/door9.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

#luckydoor9 {background-image: url('../images/door9.png');}
.door9:hover {background-position: left -197px;}

.door10 {
    background-image: url(../images/door10.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

/*#luckydoor10 {background-image: url('../images/door10.png');}
.door10:hover {background-position: left -197px;}*/

.door11 {
    background-image: url(../images/door11.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

/*#luckydoor11 {background-image: url('../images/door11.png');}
.door11:hover {background-position: left -197px;}*/

.door12 {
    background-image: url(../images/door12.png);
    background-color: #03296a;
    width: 172px;
    height: 197px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 6px 6px 0px;
}

#luckydoor12 {background-image: url('../images/door12.png');}
.door12:hover {background-position: left -197px;}

.prize1 {
background-image: url(../images/prize1.png);
background-repeat: no-repeat;
width: 172px; 
height: 197px;
float: left;
padding: 0px 0px 0px 0px;
margin: 6px 3px 0px 3px;
}

.prize1 a {color: #000000; width: 172px; height: 197px; float: left; color: #FFFFFF;}
.prize1 img {width: 172px; height: 197px; border: 0;}
* html a:hover {visibility: visible;}
.prize1 a:hover img {visibility: hidden;}
.prize1 span {position: absolute; cursor: pointer;} 

.prize2 {
background-image: url(../images/prize2.png);
background-repeat: no-repeat;
width: 172px; 
height: 197px;
float: left;
padding: 0px 0px 0px 0px;
margin: 6px 3px 0px 3px;
}

.prize2 a {color: #000000; width: 172px; height: 197px; float: left; color: #FFFFFF;}
.prize2 img {width: 172px; height: 197px; border: 0;}
* html a:hover {visibility: visible;}
.prize2 a:hover img {visibility: hidden;}
.prize2 span {position: absolute; cursor: pointer;} 

.prize3 {
background-image: url(../images/prize3.png);
background-repeat: no-repeat;
width: 172px; 
height: 197px;
float: left;
padding: 0px 0px 0px 0px;
margin: 6px 3px 0px 3px;
}

.prize3 a {color: #000000; width: 172px; height: 197px; float: left; color: #FFFFFF;}
.prize3 img {width: 172px; height: 197px; border: 0;}
* html a:hover {visibility: visible;}
.prize3 a:hover img {visibility: hidden;}
.prize3 span {position: absolute; cursor: pointer;}

#luckydoor_winner_list {
    display: none;
}

#luckydoors_text {
    float: left;
}

.prize_header {
    font-family: 'Trebuchet MS'; 
    font-size: 2.2em;
    color: #ffffff;
}

.prize_text {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em;
    color: #ffffff;
}

.doors_subtitle {
    font-family: 'Trebuchet MS'; 
    font-size: 2em; 
    color: #00aae5;
}

#next_prize p {
    font-family: 'Trebuchet MS'; 
    font-size: 1.5em; 
    color: #000000;
    margin: 5px 0px 20px 0px;
}

/*Curl - not used*/
.hvr-curl-bottom-right { 
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: black;
  /* IE9 */
  background: linear-gradient(327deg, /*315deg*/ white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.5s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 160px; /*25px*/
  height: 100px;
}

/*End Curl*/

.prizewinner {
    font-family: Verdana;
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 0px 0px 0px;
}

.prize_divider {
    width: 100%;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid #ffffff;
	float: left;
}

#prize_table_header {
    background-color: #d7eaf9;
    height: 50px;
}

.prize_table_row {
    min-height: 90px;
    border-bottom: thin solid #03296a;
}

.prize_table_header_col1 {
    width: 20%;
    font-family: Verdana; 
    font-size: 1em;
    font-weight: bold;  
    color: #000000;
    margin: 0px 0px 0px 30px;
    padding: 18px 0px 0px 0px;
    float: left;
}

.prize_table_header_col2 {
    width: 20%;
    font-family: Verdana; 
    font-weight: bold;
    font-size: 1em;  
    color: #000000;
    margin: 18px 0px 0px 30px;
    float: left;
}

.prize_table_header_col3 {
    width: 20%;
    font-family: Verdana; 
    font-weight: bold;
    font-size: 1em;  
    color: #000000;
    margin: 18px 0px 0px 30px;
    float: left;
}

.prize_table_header_col4 {
    width: 20%;
    font-family: Verdana; 
    font-weight: bold;
    font-size: 1em;  
    color: #000000;
    margin: 18px 0px 0px 30px;
    float: left;
}

.prize_table_row_col1 {
    width: 20%;
    font-family: Verdana; 
    font-size: 1em;
    color: #000000;
    margin: 0px 0px 0px 30px;
    padding: 18px 0px 0px 0px;
    float: left;
}

.prize_table_row_col2 {
    width: 20%;
    font-family: Verdana; 
    font-size: 1em;  
    color: #000000;
    margin: 18px 0px 0px 30px;
    float: left;
}

.prize_table_row_col3 {
    width: 20%;
    font-family: Verdana; 
    font-size: 1em;  
    color: #000000;
    margin: 18px 0px 0px 30px;
    float: left;
}

.prize_table_row_col4 {
    width: 20%;
    font-family: Verdana; 
    font-size: 1em;  
    color: #000000;
    margin: 18px 0px 0px 30px;
    float: left;
}
/*END TTP 4787*/

/*needed for sticky footer*/
.footer,
.push {
    height: 40px;
}

#footer {
	/*display: block;*/
    background-color: #00aae5;
    width: 100%;
    height: 40px;
    margin: 0px 0px 0px 0px;
    float: left;
	}
	
#bottom_footer {
	position: absolute;
	bottom: 30px;
	display: block;
	width: 100%;
    margin: 0px 0px 0px 0px;/*top 427px*/
}
	
.divider {
    width: 100%;
    margin-top: 0px;
    border-top: 1px solid #03296a;
	float: left;
}

/*.footer_content {
    font-family: Verdana; 
    font-size: 12px;  
    color: #000000;
    margin: 15px 30px 10px 30px;
    width: 100%;
    float: left;
}*/

.linkedin {
    background-image: url(../images/linkedin_logo.png); 
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin: 20px 20px 20px 30px;
}

.twitter {
    background-image: url(../images/twitter_logo.png); 
    background-repeat: no-repeat;
    width: 35px;
    height: 29px;
    float: left;
	margin: 20px 100px 20px 0px;
}

.award_logos {
    background-image: url(../images/award_logo.png); 
    background-repeat: no-repeat;
    /*TTP 4778*/
    /*
    width: 350px;
    height: 98px;
    margin: 20px 100px 20px 0px;
    */
    /*TTP 4822 changed width for new logos*/
    width: 524px;
    /*END TTP 4822*/
    height: 84px;
    margin: 20px 30px 20px 30px;
    /*END TTP 4778*/
    float: left;
	
}

.broker_award_logos {
    background-image: url(../images/award_logo.png); 
    background-repeat: no-repeat;
    width: 524px;
    height: 84px;
    margin: 0px 30px 20px 0px;
}

.member_logos {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #000000;
    padding: 0px 0px 0px 0px;
    background-image: url(../images/org_logos.png); 
    background-repeat: no-repeat;
    width: 280px; /*173px;*/
    height: 90px;
    float: right;
	margin: 20px 30px 20px 0px;
}

.member_logos a {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #000000;
    text-decoration: underline;
}

.footer_tandcs {
    background-color: #00aae5;
    bottom: 0;
    width: 100%;
    height: 40px;
    margin: 0px 0px 0px 0px;
    float: left;
}

.tandc_text {
	font-family: Verdana; 
    font-size: 0.9em;  
    color: #ffffff;
	padding: 12px 0px 0px 30px;
    /*TTP 4778*/
    float: left;
    /*END TTP 4778*/
}

.tandc_text a {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #ffffff;
    text-decoration: none;
}

/*TTP 4778*/
#footer1 {
	padding: 12px 0px 0px 30px;
    float: left;
    width: 30%;
}

.footer1_text {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #ffffff;
}

.footer1_text a {
    color: #ffffff;
}

.footer1_text a:hover {
    color: #d7eaf9;
}

#footer2 {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #ffffff;
	padding: 12px 0px 0px 0px;
    float: left;
    width: 30%;
}

.footer2_text {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #ffffff;
    float: left;
}

.connect_linkedin {
    background-image: url(../images/footer_connect_linkedin.png); 
    background-repeat: no-repeat;
    width: 25px;
    height: 40px;
    float: left;
    margin: -12px 7px 0px 10px;
}

.connect_twitter {
    background-image: url(../images/footer_connect_twitter.png); 
    background-repeat: no-repeat;
    width: 25px;
    height: 40px;
    float: left;
    margin: -12px 0px 0px 0px;
}

#footer3 {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #ffffff;
	padding: 12px 30px 0px 0px;
    float: right;
}

.footer3_text {
    font-family: Verdana; 
    font-size: 0.9em;  
    color: #ffffff;
    float: left;
}

.footer_phone_link {
    background-image: url(../images/footer_contact_phone.png); 
    background-repeat: no-repeat;
    width: 25px;
    height: 40px;
    float: left;
    margin: -12px 7px 0px 10px;
}

/*TTP 4787*/
.click_link {
    font-family: Verdana; 
    font-size: 1em;  
    color: #00aae5;
    text-decoration: underline;
}
/*END TTP 4787*/

.click_link:hover {
    font-family: Verdana; 
    font-size: 1em;  
    color: #000000;
    text-decoration: underline;
}

.bubble_top {
    background-image: url(../images/bubble_top.png); 
    background-repeat: no-repeat;
    width: 700px;
    height: 47px;
}

.bubble_bottom_left {
    background-image: url(../images/bubble_bottom_left.png); 
    background-repeat: no-repeat;
    width: 700px;
    height: 70px;
}

.bubble_bottom_right {
    background-image: url(../images/bubble_bottom_right.png); 
    background-repeat: no-repeat;
    width: 700px;
    height: 70px;
}

.testimonial {
    background-color: #b1dbf5;
    width: 680px;
    padding: 10px 0px 0px 20px;
}

.testimonial_quote {
    font-family: Verdana;
    font-size: 1em;
}

.testimonial_detail {
    font-family: Verdana;
    font-size: 1em;
    font-weight: bold;
}

.terms {
    font-family: Verdana;
    font-size: 1em;
    margin: 0px 0px 20px 0px;
}

.number {
    font-family: Verdana;
    font-size: 1em;
    float: left;
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

.terms_bullet {
    background-image: url(../images/bullet.png); 
    background-repeat: no-repeat;
    font-family: Verdana; 
    font-size: 1em; 
    color: #000000;
    padding: 0px 0px 10px 25px;
}

#careers {
    background-image: url(../images/join_our_team.png); 
    background-repeat: no-repeat;
    background-color: #454545;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 162px; 
    margin: 10px 0px 0px 0px;
}

#csr {
    background-image: url(../images/csr.png); 
    background-repeat: no-repeat;
    background-color: #ffffff;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 162px; 
    margin: 10px 0px 0px 0px;
}

#csr_infographic {
    background-image: url(../images/csr_infographic.png); 
    background-repeat: no-repeat;
    background-color: #ffffff;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 339px; 
    margin: 0px 0px 0px 0px;
}

/*Accordion*/
/** {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/

ul { list-style-type: none;}

a {
  color: #00aae5;
  text-decoration: none;
}

.accordion {
  margin: 0px 0px 0px -40px;
  background: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #ffffff;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-image: url(../images/arrow_bullet.png);
  background-repeat: no-repeat;
  font-family: 'Trebuchet MS'; 
  font-size: 1.5em; 
  color: #000000;
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}

.accordion li:last-child .link { border-bottom: 0; }

/*.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #00aae5;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}*/

/*.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}*/

.accordion li.open .link { color: #000000; }

/*.accordion li.open i { color: #00aae5; }*/

/*.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}*/

.submenu {
  margin: 0px 0px 0px -40px;
  display: none;
  background: #ffffff;
  font-family: Verdana; 
  font-size: 1em;
}

.submenu li { border-bottom: 1px solid #ffffff; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #00aae5;
  padding: 0px;
  padding-left: 0px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu .inline {
    display: inline;
}

/*.submenu a:hover {
  background: #03296a;
  color: #ffffff;
}*/
/*END Accordion*/

/*END TTP 4824*/


