* {margin:0;padding:0}
p,h1,h2,h3{padding:5px;margin-bottom:1em}
h2{font-size:120%}
body{background:#fff;text-align:center;font-family: Arial, Helvetica, Verdana, sans-serif; font-size:0.8em}
img{border:0}
a{color: #0A226D;text-decoration:underline;font-weight: bold; outline: none}
a:hover{color: #AF8000;text-decoration:underline;font-weight: bold}/*#680D2B*/
ul{list-style: none}
#outerwrapper{width:1000px; margin:10px auto;background:#fff}
#outerwrapper_noads{width:840px; margin:10px auto;background:#fff}
#wrapper{width:840px;background:#fff;text-align:left}
#wrapper{float:left}
#header,#footer, #sesame_thekey_header{background:#fff;color:black;width:840px;clear:both}
#header{border-bottom:1px solid #fff;background: url(../images/thekey_top.gif) no-repeat;height:111px;width:840px}
#sesame_thekey_header{border-bottom:1px solid #fff;background: url(../images/sesame_thekey_top.gif) no-repeat;height:126px;width:840px}
#footer{position:relative;text-align:center;height:115px;padding-top:10px}
#copy, #goldpartner{ height:100px; text-align:center;vertical-align:middle;width:50%;padding: 20px 0px 0px 0px;font-family: Arial, Helvetica, Verdana, sans-serif; }
#copy{font-size: 9px;color:#999999;text-decoration:none;float:left}
#goldpartner{float:right}

.botlink{font-size: 7pt;text-align:center}
.botlink a{text-decoration:none;color:#666666}
.botlink a:hover{text-decoration:none;color:#000000}

#msgoldtext{padding:10px 10px 10px 10px;text-align:left;font-size:1.0em;font-family: Arial, Helvetica, Verdana, sans-serif; }
#header h1, #sesame_thekey_header h1{position: absolute;left:-2000px}
#nav-background{width:840px;left: 0px; top: 0px; height:35px;background: url(../images/key_menu_background.gif) no-repeat}
#nav-menu{position: relative;width:808px;left: 25px; top: 1px; height: 35px} /*8 items= width:808px*/ /*9 items =width:812px*/
/*if the menu width = 100% uncomment this
html>body #nav-menu li a{
    width: auto;
}*/
#nav-menu ul{list-style-type: none;padding: 0;margin: 0}
#nav-menu li{float: left; display:block}
#nav-menu li a{height: 32px;float: left;font-size: 9px;width:85px;display: block;border: 1px solid #0083a9;color: #fff;text-decoration: none;text-align: center;white-space:nowrap;overflow:hidden} /*8 items = width:99px, 9 items = width:88px*/
#nav-menu a.double{line-height:9px}
#nav-menu li a:hover, #nav-menu li a.active{background-color: #c48f00;border-bottom: 1px solid #c48f00;border-top: 1px solid #c48f00;color: #fff}
/* Hide from IE5-Mac \*/
#nav-menu li a{float: none}
/* End hide */
#spacertop, #spacertop2{height:6px;width:840px;overflow:hidden}
.spacerright1{width:439px;height:11px;float:right;overflow:hidden; font-size:0px}
.spacerright2{width:223px;height:11px;float:right;overflow:hidden; font-size:0px}
.spacerright3{width:223px;height:12px;float:right;overflow:hidden; font-size:0px}
.spacerright4{width:223px;height:9px;float:right;overflow:hidden; font-size:0px}
/************************* LEFT COLUMN *****************************/
.leftcolumn{float:left;width:391px;height:538px}
#leftcolumnhome{background:url(../images/thekey_getstarted_large_box.gif) no-repeat}
#leftcolumncontact{background:url(../images/thekey_contactus_large_box.gif) no-repeat}
#leftcolumndownload{background:url(../images/thekey_download_large_box.gif) no-repeat}
#leftcolumndownload2{background:url(../images/thekey_download_large_box2.gif) no-repeat}
#leftcolumnproduct{background:url(../images/thekey_about_large_box.gif) no-repeat}
#leftcolumnsupport{background:url(../images/thekey_support_large_box.gif) no-repeat}
#leftcolumnaffinity{background:url(../images/thekey_affinity_large_box.gif) no-repeat}
#leftcolumnnews{background:url(../images/thekey_news_large_box.gif) no-repeat}
/*#leftcolumnsesame{background:url(../images/thekey_extranet_large_box.gif) no-repeat}*/
#leftcolumnsesame{background:url(../images/thekey_extranet_large_box.gif) no-repeat;height:638px}

/*******************************************************************/
/************************* RIGHT COLUMN ****************************/
#rightcolumn{float:right;width:439px;height:538px}
#rightbox1a{position:relative;top:80px;width:216px;left:21px;height:158px;float:left}
#rightbox1b{position:relative;top:70px;width:200px;left:0px;height: 177px;float:right}
/*******************************************************************/
/************************* Top Right Box ***************************/
.toprightbox{float:left;width:439px;height:240px;overflow:hidden}
#rightbox1home{background:url(../images/bdm_box.gif) no-repeat}
#rightbox1contact{background:url(../images/thekey_30daytrial_large_right_box.gif) no-repeat}
#rightbox1download{background:url(../images/thekey_about_large_right_box.gif) no-repeat}
#rightbox1product, #rightbox1affinity, #rightbox1news{background:url(../images/thekey_support_large_right_box.gif) no-repeat}
#rightbox1support{background:url(../images/thekey_30daytrial_large_right_box.gif) no-repeat}
/*******************************************************************/
/************************* Bottom Right Box ***************************/
.bottomrightbox{float:left;width:439px;height:538px;overflow:hidden}
#sesame_key_support{background:url(../images/sesame_thekey_support_large_right_box.gif) no-repeat;height:638px}
/*******************************************************************/
/************************* Left Box Right Column *******************/
.leftrightbox{float:left;width:203px;height:287px}
#rightbox2home{}
#rightbox2contact{background:url(../images/thekey_support_mini_tower.gif) no-repeat}
#rightbox2download{background:url(../images/thekey_news_mini_tower.gif) no-repeat}
#rightbox2product,#rightbox2affinity,#rightbox2news{background:url(../images/thekey_contactus_mini_tower.gif) no-repeat}
/*#rightbox2support{background:url(../images/thekey_about_mini_tower.gif) no-repeat}*/
/*******************************************************************/
/************************* Small Right Column *******************/
#rightcolumn2{float:right;height:287px;width:223px}
/*******************************************************************/
/***************** Small Boxes In Small Right Column *****************/
.smallrightbox{width:223px;height:88px;float:left}
#rightbox3home,#rightbox3contact{background:url(../images/thekey_learnmore_banner_box.gif) no-repeat}
#rightbox3download, #rightbox3support{background:url(../images/thekey_contact_banner_box.gif) no-repeat}
#rightbox3product,#rightbox3affinity,#rightbox3news{background:url(../images/thekey_30daytrial_banner_box.gif) no-repeat}
#rightbox4home,#rightbox4news{background:url(../images/thekey_affinity_banner_box.gif) no-repeat}
#rightbox4contact,#rightbox4product,#rightbox4support{background:url(../images/thekey_latestnews.gif) no-repeat}
#rightbox4download{background:url(../images/thekey_247_banner_box.gif) no-repeat}
#rightbox4affinity{background:url(../images/thekey_latestnews.gif) no-repeat}
/*******************************************************************/
#news, #press{left:15px; width:360px; height:200px;position: relative}
#news{top:77px}
#press{top:125px}
.newsdate{vertical-align:text-top; font-size:12px}
.newsitemtext{padding: 0px 0px 5px 5px;font-size:12px}
#newsitem {top:70px;left:11px;width:370px;height:455px;position:relative;font-size:12px}
#newsitem table {width:95%}
#newsitem table tr {width:50%}
#lblNewsHeading {font-weight:bold;color:#0081BA;text-decoration:underline}
#innernewsitemtext {padding-right:5px;height:340px}
.latestnewsitem{font-size:12px}
#contactus_textwrapper {position:relative;width:410px;left:13px;top:65px}
#contactus_textleft {float:left;position:relative;width:204px}
.contactus_text {float:left;position:relative;width:204px;height:45px}
#contactus_textright {float:right;position:relative;text-align:right}
/*main site layout - end*/
/*text box divs*/

/*Sesame*/
#leftcolumnsesame_text1{left: 16px; width: 367px; position: relative; top: 114px}
#leftcolumnsesame_text2{left: 98px; width: 272px; position: relative; top: 179px}
#leftcolumnsesame_text3{left: 98px; width: 282px; position: relative; top: 245px}
#leftcolumnsesame_text3{left: 98px; width: 282px; position: relative; top: 245px}
#applynow{left: 60px; width: 280px; /*top: 275px;*/ position:relative}
#leftcolumnsesame_text4{left: 60px; width: 108px; position: relative; top:24px /*299px*/}
#leftcolumnsesame_text5{left: 60px; width: 156px; position: relative; top:32px /*307px*/}
#leftcolumnsesame_text6{left: 60px; width: 280px; position: relative; top:39px /*314px*/}
#demo_button{left: 14px; width: 74px; position: relative; top: 70px; height: 74px}
#sesame_support_docs {font-size:12px; left: 9px; width: 420px; position: relative; top: 49px; height: 550px}
#sesame_support_docs ul{margin: 0; padding: 0;list-style-type:square; list-style-position:inside}
#sesame_support_docs ul li {margin: 0 0 0 1em; padding: 0;text-indent: -1em; background: transparent}
#sesame_left_column{left: 10px; 
width: 370px; 
position: relative; top: 270px; height: 220px
}
/*Sesame - end*/

.smallboxtext{position:relative; font-size:11px; text-align:center;top:40px; left:9px;width: 205px; }
#getstarted_text1{left: 16px; width: 367px; position: relative; top: 45px}
#getstarted_text2{left: 98px; width: 276px; position: relative; top: 107px}
#getstarted_text3{left: 98px; width: 287px; position: relative; top: 68px}
#getstarted_text3 span{margin-bottom:10px}
#getstarted_text4{left: 98px; width: 282px; position: relative; top: 227px}
#contact2_text1{left: 20px; width: 108px; position: relative; top: 54px}
#contact2_text2{left: 20px; width: 126px; position: relative; top: 58px}
#contact2_text3{left: 20px; width: 230px; position: relative; top: 59px; z-index:90}
#contact2_text4{left: 256px; width: 178px; position: relative; top: -31px; text-align:right}
#contact2_text5{z-index:0; left: 15px; width: 413px; position: relative; top: -25px}
#supportminitower_text1{left: 12px; width: 182px; position: relative; top: 54px}
#supportminitower_text2{left: 12px; width: 191px; position: relative; top: 65px}
#supportminitower_text2 div{ padding-bottom:5px}
#leftcolumncontact_text1{left: 98px; width: 286px; position: relative; top: 92px}
#leftcolumncontact_text2{left: 98px; width: 292px; position: relative; top: 143px}
#leftcolumncontact_text3{left: 98px; width: 291px; position: relative; top: 196px}
#leftcolumncontact_text4{left: 13px; width: 343px; position: relative; top: 207px}
#leftcolumncontact_text5{left: 13px; width: 380px; position: relative; top: 214px}
#rightbox1contact_text1,#rightbox1support_text1{left: 94px; width: 315px; position: relative; top: 87px}
#leftcolumndownload_text1{left: 17px; width: 362px; position: relative; top: 55px}
#leftcolumndownload_text2{left: 98px; width: 287px; position: relative; top: 106px}
#leftcolumndownload_text3{left: 98px; width: 287px; position: relative; top: 112px}
#leftcolumndownload_text4{left: 98px; width: 289px; position: relative; top: 118px}

.ie #leftcolumndownload_text5{left: 98px; width: 289px; position: relative; top: 157px}
.ie #leftcolumndownload_text6{left: 97px; width: 287px; position: relative; top: 200px}
.webkit #leftcolumndownload_text5{left: 98px; width: 289px; position: relative; top: 157px}
.webkit #leftcolumndownload_text6{left: 97px; width: 287px; position: relative; top: 200px}
.gecko #leftcolumndownload_text5{left: 98px; width: 289px; position: relative; top: 141px}
.gecko #leftcolumndownload_text6{left: 97px; width: 287px; position: relative; top: 185px}

#rightbox1download_text1{left: 14px; width: 155px; position: relative; top: 53px}
#rightbox1download_text2{left: 14px; width: 408px; position: relative; top: 58px}
#rightbox1download_text3{left: 14px; width: 417px; position: relative; top: 65px}
#rightbox2download_text1{left: 13px; width: 113px; position: relative; top: 55px}
#rightbox2download_text2{left: 13px; width: 178px; position: relative; top: 59px}
#rightbox2download_text3{width: 203px; position: relative; top: 86px; text-align:center; height:71px}
#rightbox2download_text4{left: 13px; width: 184px; position: relative; top: 65px}
#affinitytop{position:relative; top:45px; left:1px; width:388px; height:109px;background:url(../images/affinity-top.gif) no-repeat}
#affinitytext{top:50px; left:10px; width:370px; font-size:12px; position: relative; line-height:1.1em}
#leftcolumnproduct_text{left: 10px; width: 370px; position: relative; top: 50px; height: 448px}
#leftcolumnproduct_text1{position: relative; top: 10px; left:8px; width:341px}
#leftcolumnproduct_text2{position: relative; top: 14px; left:8px; width:341px}
#leftcolumnproduct_text3{position: relative; top: 19px; left:8px; width:341px}
#leftcolumnproduct_text4{position: relative; top: 25px; left:8px; width:341px}
#leftcolumnproduct_text5{position: relative; top: 38px; left:8px; width:341px}
#leftcolumnproduct_text6{position: relative; top: 42px; left:8px; width:341px}
#leftcolumnproduct_text7{position: relative; top: 50px; left:8px; width:341px}
#leftcolumnproduct_text8{position: relative; top: 62px; left:8px; width:341px}
#leftcolumnproduct_text9{position: relative; top: 66px; left:8px; width:341px}
#leftcolumnproduct_text10{position: relative; top: 70px; left:8px; width:341px}

#rightbox1affinity_text1,#rightbox1product_text1{left: 15px; width: 399px; position: relative; top: 55px}
#rightbox1affinity_text2,#rightbox1product_text2{left: 17px; width: 187px; position: relative; top: 66px}
#rightbox1affinity_text3,#rightbox1product_text3{left: 212px; width: 201px; position: relative; top: 3px}
#rightbox2affinity_text1,#rightbox2product_text1{left: 16px; width: 164px; position: relative; top: 55px}
#rightbox2affinity_text2,#rightbox2product_text2{left: 15px; width: 186px; position: relative; top: 58px}
#rightbox2affinity_text3,#rightbox2product_text3{left: 15px; width: 176px; position: relative; top: 68px}
#rightbox2affinity_text4,#rightbox2product_text4{left: 15px; width: 185px; position: relative; top: 74px}
#rightbox1news_text1{left: 15px; width: 399px; position: relative; top: 55px}
#rightbox1news_text2{left: 17px; width: 187px; position: relative; top: 66px}
#rightbox1news_text3{left: 212px; width: 201px; position: relative; top: 3px}
#rightbox2news_text1{left: 16px; width: 164px; position: relative; top: 55px}
#rightbox2news_text2{left: 15px; width: 186px; position: relative; top: 58px}
#rightbox2news_text3{left: 15px; width: 176px; position: relative; top: 68px}
#rightbox2news_text4{left: 15px; width: 185px; position: relative; top: 74px}
#leftcolumnsupport_text1{left: 16px; width: 366px; position: relative; top: 51px}
#leftcolumnsupport_text2{left: 16px; width: 366px; position: relative; top: 50px; height: 231px}
#support_links{width:100%; padding-bottom:10px}
#support_links div {margin-bottom:5px}
#support_multiview{padding:5px 5px 0px 5px; height:150px/*200px*/}
#rightbox1support_text1{left: 94px; top: 87px}
#rightbox2support_text1{left: 18px; width: 177px; position: relative; top: 47px}
#rightbox2support_text2{left: 19px; width: 181px; position: relative; top: 52px}
#faq_wrapper{padding:10px 10px 10px 10px}
#faq{ text-align:left; background-color:#f8f8f8; padding:5px 5px 5px 5px}
#faq ul {margin: 0; padding: 0;list-style-type:square; list-style-position:inside}
#faq ul li {margin: 0 0 0 1em; padding: 0;text-indent: -1em; background: transparent}



/*text box divs - end*/
/*some standard site classes*/
.new{background-color:Yellow;color:Red;font-weight:bold}
.header2_text span{ display:none}
.strongblue, .strongbluelink,.strongbluelink a{color:#0080B7;font-weight:bold}
.key_blue {color:#4dc2db}
.key_blue2{color:#0083a9}
.key_blue3{color:#a1d1df}
.key_blue2strong{color:#0083a9; font-weight:bold}
.fontlargebold {font-size:140%;font-weight:bold}
.fontlargebold2 {font-size:120%;font-weight:bold}
.new{background-color:Yellow;color:Red;font-weight:bold}
.capitalize{text-transform: capitalize}
.uppercase{text-transform: uppercase}
.lowercase{text-transform: lowercase}
.center{text-align:center}
.underline{text-decoration:underline}
.bold_underline{text-decoration:underline; font-weight:bold}
.warning_text{color:Red;font-weight:bold;font-size:9px}
.warning_text2{color:Red;font-weight:bold;font-size:12px}
.scrollbars{overflow-y: scroll;scrollbar-arrow-color: #0081BA;scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0;scrollbar-darkshadow-color: #888888}
.fleft{float:left}
.fright{float:right}
.leftalign {text-align:left}
.rightalign {text-align:right}
/*some standard site classes -end*/

/*ads*/
#ads{width:150px; float:right; font-size:0.7em}
#ads_table{width:auto;margin: 0 auto;border-bottom: #cccccc medium solid;text-align:center;border-collapse:collapse;padding:5px 5px 5px 5px}
#ads_table td{padding:5px 5px 5px 5px}
#ads_table span{background-color:White}
/*ads - end*/

#fourofourtext{position:relative; top:100px}
#fourofourtext span{font-size:1.7em}
#privacypolicy{ width:95%; margin:auto; height:510px; padding:0 5px 0 5px;font-size: 11px}
#privacypolicy ul{list-style:disc inside}
#privacypolicy ul li{ text-indent:-1.4em; padding-left:1.4em}
#privacypolicy span{text-decoration:underline; font-weight:bolder; font-size:1.1em}
#privacypolicy .headertext{ font-size:1.4em}
.downloadlinks{/*height:500px;*/width:842px; font-size:11px;text-align: center}
.lenderslogos{width:100%}
.lenderslogos tr{padding: 10px 10px 10px 10px;text-align: center}
.lenderslogos td{height:100px}
.lenderslogos td a, #lenderslogos td a:hover{ text-decoration:none;font-size:1.8em; font-weight:bold}
#newuserstext{left: 97px; width: 283px; position: relative; top: 119px; font-size:11px}
#newuserstext ul{ list-style-type:disc; list-style-position:inside;color:#0080B7}
.newuserstext_header{color: #0080B7; font-weight: bold; font-size: 2.0em; padding-bottom: 5px}
.download_icon{width: 50; height: 36; position: relative; top: 1px; left: 1px}
.download_icon_text{float:left; padding-top: 10px; padding-left: 20px}
#howtheproductswork{width: 840px; height: 320px; background: url(../images/how_the_products_work_together.gif) no-repeat}
#howtheproductswork_text{left: 32px; width: 792px; position: relative; top: 60px; text-align: left}
#newuserstext_header2{color: #0A226D; font-weight: bold; clear: both; font-size: 2.0em; padding: 5px 0 5px 0}
#thesource{float: left; height: 187px; width: 223px}

/*Training Seminars*/
#trainingseminar{float:right;width:439px;height:538px;background:url(../images/TCwebsitebox.gif) no-repeat}
#EventsHeaderText a, #EventsHeaderText a:hover{color:rgb(2,146,211); text-decoration:underline}
#EventsHeaderText, #companydetails, 
#attendeesdetails,#nositerefdetails, #thankyou{left: 9px; width: 400px; position: relative; top: 70px}
#SeminarVenues{left: 9px; width: 400px; position: relative; top: 80px; height: 100px}
.seminarlist{font-size:0.9em}
#EventDataList{ width:100%}
#EventDataList td{ padding:5px 5px 5px 5px}
#EventDataList td a, #EventDataList td a:hover{ text-decoration:none}
#eventslisting{position:relative; top:10px; height:170px; background-color:#f2f2f2}
#FieldsetCoRef,#FieldsetConfirmCo{ padding:5px 3px 5px 3px}
#FieldsetContacts{ padding:5px 3px 0px 3px}
#findsiteref{ padding-top:10px}
#findsiteref ul{ list-style-position:inside !important; list-style-type:disc !important}

#updateprogress1{position: relative; height: 24px; width: 24px; left: 1px; top: 4px; display:inline !important}
#updateprogress2{position: relative; height: 24px; width: 24px; left: 1px; top: 4px; display:inline !important}
#updateprogress3{position: relative; height: 24px; width: 24px; left: 1px; top: 4px; display:inline !important}

.pointer{ cursor:pointer}

#table_cust_details{width:420px;}
.table_cust_details_td_style1{text-align:left}
.table_cust_details_td_style2{padding:0px 0px 5px 10px}
.table_cust_details_td_style3{padding:0px 0px 5px 3px; width:180px}
.table_cust_details_td_wembley{padding:0px 0px 5px 10px; width:130px}

/*Pop-up*/
#surveypopup{width: 620px; height: 360px; display:none; position:absolute;z-index:99;text-align:center}
#surveypopup{background:url(../ads/splash-mortgage-brain-expo.gif) no-repeat}
.closebutton{ background-color:#D73707; color:White; font-weight:bold; height:20px;border:solid 1px black; cursor:pointer }
.ie8 .closebutton{padding:0 3px 0 3px}
/*#splash_click_here{position: absolute; top:200px;left:85px;height:29px}*/
#splash_click_here{position: absolute; top:20px; height:350px}/*{position: absolute; top: 175px; left: 85px; height: 29px}*/
#splash_close_button{position:absolute; top:5px;left:565px;width:50px;height:20px}
.ie8 #splash_close_button{position:absolute;top:5px; left:572px; width:21px; height:21px}
/*Pop-up*/

/*BDM LookupBox*/
.spacer{height:13px; overflow:hidden; clear:both}
.spacer6{height:5px; overflow:hidden; clear:both}
.input{float:left}
input[type="text"], input[type="password"]{ border:solid 1px #666;font-family: Arial, Helvetica, Verdana, sans-serif;color:#424242}
#home_productupdates{left:15px; top:70px; width:410px; height:150px;position: relative; font-size:11px}