body {margin: 0px; padding: 0px; background-color: #9f9dcd; background-image: url(../main_images/body_bg.gif); background-repeat: repeat-x; font-family: 'trebuchet ms', verdana, arial, helvetica, tahoma, 'sans-serif'; color: #ffffff; font-size: 14px;} a:link {font-weight: bold; color: #ffffff;} a:visited {font-weight: bold; color: #ffffff;} a:hover {text-decoration: none; color: #ffffff;} img {border: 0px;} h2 {text-align: center;} #flashlink0 {color: #ffdd00;} div#main {position: absolute; width: 760px; left: 50%; top: 0; margin-left: -380px; border: 1px solid #8785c0;} /* - - - - - - Heading - - - - - - */ div#heading {width: 100%; height: 49px; overflow: hidden; background-image: url(../main_images/headline_bg.gif); background-repeat: no-repeat;} div#heading table {width: 200px; margin-left: 30px; text-align: center; font-size: 30px; color: #8785c0;} div#heading table span {font-size: 26px; line-height: 22px;} div#heading div#regmsg {position: absolute; top: 33px; right: 0; width: 525px; font-size: 12px; line-height: 14px; padding: 0px 2px; font-weight: bold;} div#heading div#regmsg a:link, div#heading div#regmsg a:visited, div#heading div#regmsg a:active {color: #ffdd00; text-decoration: none;} div#heading div#regmsg a:hover {color: #ffffff;} div#heading div#btn {position: absolute; right: 3px; top: 2px; font-size: 14px; line-height: 16px; color: #ffdd00;} div#heading div#btn a:link, div#heading div#btn a:active, div#heading div#btn a:visited {color: #ffdd00; text-decoration: none; font-weight: normal;} div#heading div#btn a:hover {color: #ffffff; text-decoration: none;} div#heading div#btn a#crnt:link, div#heading div#btn a#crnt:active, div#heading div#btn a#crnt:visited, div#heading div#btn a#crnt:hover {color: #ffffff; text-decoration: none; font-weight: bold;} /* - - - - - - Baner - - - - - - */ div#banner {width: 100%; height: 200px; overflow: hidden; background-image: url(../main_images/main_logo.gif); background-repeat: no-repeat;} div#banner p#subbtn {position: absolute; top: 35px; right: 3px; font-size: 14px; line-height: 14px; margin: 0px; color: #ffdd00;} div#banner p#subbtn a:link, div#banner p#subbtn a:visited, div#banner p#subbtn a:active {color: #ffdd00; font-weight: normal; font-size: 13px; text-decoration: none;} div#banner p#subbtn a:hover {color: #ffffff;} div#banner p#subbtn a#crntsub:link, div#banner p#subbtn a#crntsub:visited, div#banner p#subbtn a#crntsub:active, div#banner p#subbtn a#crntsub:hover {color: #ffffff; font-weight: bold; font-size: 13px; text-decoration: none;} div#banner p#mmker {position: absolute; top: 216px; left: 240px; margin: 0px; line-height: 16px; color: #8785c0;} div#banner p#mmker a {color: #8785c0; font-weight: normal;} div#banner table {margin-left: 240px; margin-right: 10px; height: 200px; font-size: 28px; font-weight: bold; color: #8785c0; text-align: left;} div#banner table ul {font-size: 25px; margin-top: 5px; margin-left: 0px; padding: 0px; margin-bottom: 5px; list-style-image: none; list-style-type: none; font-weight: bold;} div#banner table li {margin: 10px 0px;} div#images {position: absolute; top: 249px; left: 0px; background-image: url(../main_images/photos.jpg); background-repeat: no-repeat; background-position: top left; width: 230px; height: 350px; margin: 0px; padding: 0px;} div#matchmaker {position: absolute; top: 249px; left: 30px; background-image: url(../main_images/matchmaker.jpg); background-repeat: no-repeat; background-position: top left; width: 230px; height: 350px; margin: 0px;} /* - - - - - - Left Panel - Main Page Buttons - - - - - - */ div.leftpanel {position: absolute; top: 252px; left: 30px; width: 200px; text-align: center;} div.leftpanel div.slogan {font-size: 16px; line-height: 20px; color: #444360; padding: 3px; margin-bottom: 1px; background-image: url(../main_images/left_panel_btn_start_bg.gif);} div.leftpanel div.slogan a {font-size: 14px; margin: 5px; text-decoration: none; color: #444360;} div.leftpanel div.images {background-image: url(../main_images/photos.jpg); background-repeat: no-repeat; background-position: -30px -2px; height: 350px; margin: 0px;} div.leftpanel div.list {margin: 0px; padding: 0px; text-align: left; } div.leftpanel div.list a {display: block; font-weight: normal; color: #444360; padding: 3px 0px 3px 10px; margin: 0px; text-decoration: none; line-height: 18px; background-image: url(../main_images/left_panel_btn_bg.gif);} div.leftpanel div.list a:hover {font-weight: bold;} div.leftpanel div.dsk {background-image: url(../main_images/left_panel_btn_bg.gif); padding: 3px 5px;} div.leftpanel div.dsk div {background-color: #8785c0; padding: 1px 3px 3px 3px;} div.leftpanel div.dsk div a {font-weight: normal; text-decoration: none; font-size: 12px;} div.leftpanel div.list a.crnt {background-color: transparent; font-weight: bold; color: #ffdd00; font-size: 18px; background-image: url(../main_images/left_panel_btn_crnt.gif);} div.leftpanel div.locations {margin: 1px 0px; padding: 0px; color: #444360; font-size: 12px; background-image: url(../main_images/left_panel_btn_end_bg.gif);} div.leftpanel div.locations a {border: 1px solid #9f9dcd;} div.leftpanel div.matchmaker {background-image: url(../main_images/matchmaker_.jpg); background-repeat: no-repeat; background-position: -2px left; height: 260px; margin-top: 20px;} div.leftpanel div.matchmaker_name {font-size: 12px; font-weight: bold; left: 30px; background-color: #6c6a9a; text-align: center; margin-bottom: 10px;} div.leftpanel div.countries {font-size: 10px; font-weight: normal; color: #ffffff; line-height: 12px; margin: 5px 0px;} div.leftpanel div.consultant {font-size: 11px; font-weight: normal; text-align: left; padding-left: 10px; margin: 10px 0;} div.leftpanel div.members_scroll {font-size: 13px; margimn-top: 5px; border-top: 1px solid #ffdd00; border-bottom: 1px solid #8785c0;} div.leftpanel div#members_scroll {} div.leftpanel div#members_scroll div {font-size: 11px; text-align: left; margin: 0px 3px; padding: 3px; border: 1px dotted #ffffff; color: #ffffff;} div.leftpanel div#members_scroll div span {display: block; font-size: 10px; color: #ffdd00;} div.leftpanel div.scroll_end {font-size: 12px; border-top: 1px solid #8785c0; border-bottom: 1px solid #ffdd00; line-height: 14px;} div.leftpanel div#upddate {font-size: 10px; color: #ffdd00; padding: 0px; text-align: right; padding-right: 3px;} div.leftpanel a#tvad {position: static; display: block; height: 20px; margin-top: 10px; font-size: 16px; line-height: 20px; color: #444360; background-color: #ffdd00;} div.leftpanel table.form {border-collapse: collapse; width: 200px; overflow: clip; font-size: 11px; margin-top: 20px; background-image: url(../main_images/left_panel_bg.gif); text-layout: fixed;} div.leftpanel table.form th {background-color: #444360; padding: 1px; font-size: 14px;} div.leftpanel table.form th a {color: #ffdd00; text-decoration: none;} div.leftpanel table.form td.q {color: #444360; text-align: left; width: 85px; padding-left: 15px; padding-right: 0px; font-weight: normal; padding-left: 3px; font-size: 11px;} div.leftpanel table.form td {color: #444360; width: 125px; text-align: left; font-size: 10px; text-align: left;} div.leftpanel table.form td input {width: 120px;} /* - - - - - - Content - - - - - - */ div#content {margin: 0 0 0 230px; padding: 0px;} div#content p {margin: 10px; padding: 0px; text-align: justify;} div#content ol {margin-right: 10px; text-align: justify; list-style-image: none;} div#content ul {margin-right: 10px; text-align: justify; list-style-image: url(../main_images/bulet.gif);} div#content h2 {font-size: 18px; text-align: center; margin: 24px 16px 8px 16px; line-height: 22px;} div#content h3 {font-size: 16px; text-align: center; margin: 20px 14px 8px 14px; line-height: 20px;} /* - - - - - - Bottom Page Buttons - - - - - - */ div#end {clear: both; height: auto;} div#end div#btm_btn {float: left; margin-right: 0px; font-size: 12px; margin-left: 2px; color: #ffdd00; text-align: left;} div#end div#btm_btn a:link, div#end div#btm_btn a:active, div#end div#btm_btn a:visited {font-weight: normal; text-decoration: none; color: #ffdd00;} div#end div#btm_btn a:hover {color: #ffffff;} div#end div#nav_btn {text-align: center; margin-right: 0px; font-size: 12px; margin-right: 2px; color: #444360;} div#end div#nav_btn a:link, div#end div#nav_btn a:active, div#end div#nav_btn a:visited {font-weight: normal; text-decoration: none; color: #444360;} div#end div#nav_btn a:hover {color: #ffffff;} div#end div#nav_btn a.crnt {color: #ffdd00; font-weight: bold;} div#end div#nav_btn span {border-bottom: 1px solid #444360; font-weight: bold;} p#validation {position: absolute; left: -1px; bottom: -11px; font-size: 9px; color: #8785c0; line-height: 9px; margin: 0px; padding: 0px;} p#validation a {color: #8785c0; text-decoration: none;} p#copyright {position: absolute; right: -1px; bottom: -13px; font-size: 11px; color: #8785c0; line-height: 11px; margin: 0px; padding: 0px;} /* - - - - - - Membership websites - - - - - - */ div#m_websites {position: absolute; top: 50px; right: 0; width: auto; height: auto; overflow: hidden; padding: 1px 2px; font-size: 10px; line-height: 10px; text-align: right; color: #6c6a9a;} /* - - - - - - News Scroller - - - - - - */ div#main div#scroller_news {position: absolute; top: 31px; left: 230px; width: 400px; height: 14px; margin: 0; overflow: hidden; padding: 0 0 2px 0;} div#main div#scroller_news div#news {position: absolute; top: 0; left: 0; width: auto; padding: 0px 2px 1px 2px; margin-right: 2px; font-size: 14px; line-height: 100%; font-weight: bold; color: #ffdd00; background-color: #8785c0;} div#main div#scroller_news div#newsticker1 {margin-left: 45px; color: #ffffff; height: 14px; padding: 1px 2px 1px 2px; font-size: 14px; line-height: 100%; font-weight: normal;} div#main div#scroller_news a:link, div#scroller a:visited, div#scroller a:active, div#scroller a:hover {text-decoration: none; color: #444360; font-weight: normal;} /* - - - - - - - - - - - - News Scroller - OLD */ div#main div#scroller {position: absolute; top: 50px; left: 230px; width: 400px; height: 14px; margin: 0; overflow: hidden; padding: 0 0 2px 0;} div#main div#scroller div#news {position: absolute; top: 0; left: 0; width: auto; padding: 0px 2px 1px 2px; margin-right: 2px; font-size: 14px; line-height: 100%; font-weight: bold; color: white; background-color: #8785c0;} div#main div#scroller div#newsticker1 {margin-left: 45px; color: #6c6a9a; height: 14px; padding: 1px 2px 1px 2px; font-size: 14px; line-height: 100%; font-weight: normal;} div#main div#scroller a:link, div#scroller a:visited, div#scroller a:active, div#scroller a:hover {text-decoration: none; color: #6c6a9a; font-weight: normal;} /* - - - - - - Occupations Scroller - - - - - - */ div#main div#scroller2 {position: absolute; top: 31px; left: 230px; height: 14px; margin: 0; overflow: hidden; padding: 0 0 2px 0;} div#main div#scroller2 div#occupations {position: absolute; top: 0; left: 0; width: auto; padding: 1px 2px 1px 2px; margin-right: 2px; font-size: 14px; line-height: 100%; color: #ffdd00; background-color: #8785c0;} div#main div#scroller2 div#occupationsticker1 {margin-left: 160px; color: #ffffff; height: 14px; padding: 1px 2px 1px 2px; font-size: 14px; line-height: 100%; font-weight: normal;} /* - - - - - - Member Gallery Scroller - - - - - - */ div#main div#members_gallery_scroll {position: relative; color: #ffffff; font-size: 16px; margin-top: 20px; height: 360px; margin-left: 30px; text-align: justify; overflow: hidden;} div#main div#members_gallery_scroll img {float: right; margin: 0px 0px 5px 15px; } div#main div#members_gallery_scroll span {color: #ffdd00; margin-top: 20px; margin-right: 5px;} div#main div.members_gallery_scroll {position: relative; width: auto; border-bottom: 2px solid #6c6a9a; font-size: 24px; text-align: center; color: #ffdd00; padding: 5px; margin: 5px 20px 20px 20px;} div#main div.gallery_scroll_end {position: relative; text-align: justify; color: #444360; border-top: 2px solid #6c6a9a; font-size: 14px; padding: 5px 1px 0px 1px; margin: 10px 20px 20px 20px;} /* - - - - - - Tv Advert - - - - - - */ a#tvad {position: absolute; right: 0px; top: 235px; height: 15px; font-size: 12px; text-decoration: none; color: #8785c0; background-color: #ffdd00; padding: 0px 5px;} a#tvad:hover {color: #36354d;} div#tvad {position: absolute; right: 0px; top: 236px; font-size: 12px; line-height: 14px; text-decoration: none; color: #8785c0; background-color: #ffdd00; padding: 1px 0 0 3px; overflow: hidden; z-index: 100;} div#tvad a:link, div#tvad a:active, div#tvad a:visited {color: #8785c0; text-decoration: none; border-left: 1px dotted #8785c0; padding: 0 3px;} div#tvad a:hover {color: #36354d;} /* - - - - - - Areas Table - - - - - - */ div#content table.areas_container {border-collapse: collapse; width: 510px; margin: 10px; margin-top: 0px;} div#content table.areas {border: 1px solid #6c6a9a; border-collapse: collapse; font-size: 12px; margin: 10px; ine-height: 14px;} div#content table.areas th {border: 1px solid #6c6a9a; background-color: #6c6a9a; font-size: 11px;} div#content table.areas td {border: 1px solid #6c6a9a; padding-left: 5px;} div.sign {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 12px; font-weight: bold; font-style: italic; text-align: right;} /* - - - - - - Gurantees - - - - - - */ div.gurantee {height: 90px; margin: 30px 0px 0px 0px; background-image: url(../main_images/90days.gif); background-position: center center; background-repeat: no-repeat;} div.members_gurantee {height: 90px; margin: 30px 0px 0px 0px; background-image: url(../main_images/members_guarantees.gif); background-position: center center; background-repeat: no-repeat;} /* - - - - - - Form Table - - - - - - */ div#content table.form {border: 0px solid #000000; border-collapse: collapse; font-size: 12px; margin: 10px; width: 510px;} div#content table.form td {border: 1px solid #9f9dcd; background-color: #6c6a9a; border-left: 0px;} div#content table.form th {border: 1px solid #9f9dcd; font-size: 16px; text-align: center; background-color: #6c6a9a;} div#content table.form td.q {padding-left: 15px; width: 40%; font-weight: bold; background-color: #6c6a9a; border-left: 1px solid #9f9dcd; border-right: 0px;} div#content table.form td.spacer {border: 0px; font-weight: bold; font-size: 13px; height: 15px; border: 0px; background-color: transparent; padding-left: 10px;} textarea {font-family: 'trebuchet ms', verdana, sans-serif; border: 1px solid #444360; background: #c3c2df; color: #444360; padding: 0 2px; font-size: 12px; width: 96%;} input, select {margin: 0px; height: 18px; font-family: 'trebuchet ms', verdana, sans-serif; font-size: 12px; border: 1px solid #444360; background-color: #c3c2df; color: #444360; padding: 0 3px;} select {margin: 0px; padding: 0px; border: 0px; height: auto; line-height: 12px;} input {margin-right: 5px;} input.error, select.error {border: 1px solid #ffdd00; background-image: url(../_main_images/warning_obj.gif); background-position: bottom right; background-repeat: no-repeat;} textarea.error {border: 1px solid #ffdd00; background-image: url(../_main_images/warning_obj.gif); background-position: bottom right; background-repeat: no-repeat;} input:focus, select:focus, textarea:focus {border: 1px solid #ffffff;} input.button {width: auto; margin-right: auto; background-image: url(../main_images/btn_bg.gif); color: white; cursor: hand; font-weight: bold; height: auto; padding: 0 20px;} /* - - - - - - FAQ Page - - - - - - */ div#content table.faqcontent_table {width: 92%; border: 0px; margin: 20px auto; border-bottom: 2px solid #444360;} div#content table.faqcontent_table th {border: 0px; font-size: 18px; text-align: center; line-height: 100%;} div#content table.faqcontent_table td {border: 0px;} div#content ul.faqcontent {padding-left: 30px; font-weight: bold; margin-bottom: 20px; margin-top: 0px;} div#content ul.faqcontent a:link, div#main_content ul.faqcontent a:active, div#main_content ul.faqcontent a:visited {text-decoration: none} div#content ul.faqcontent a:hover {text-decoration: underline;} div#faq_answers {margin: 0px 10px; z-index: 100; display: none;} ul.faq {font-weight: bold;} ul.faq a:link, div#main_content ul.faq a:active, div#main_content ul.faq a:visited {text-decoration: none} ul.faq a:hover {text-decoration: underline;} ul.faq li {margin-top: 10px; line-height: 18px;} ul.faq ol li {margin: 0px; line-height: 18px; font-weight: normal;} ul.faqa {font-weight: bold; margin-left: 0px; padding-left: 0px;} ul.faqa li {margin-top: 30px; font-size: 20px; text-align: center; list-style-type: none; list-style-image: none;} ul.faqa ol li {margin-top: 0px; font-weight: bold; color: #ffdd00; font-size: 14px; text-align: justify; list-style-type: decimal; } ul.faqa ol li a.top {float: right; margin-right: 10px; color: #444360; font-size: 10px; text-decoration: none; text-align: right;} ul.faqa p {font-weight: normal; color: #ffffff; font-size: 14px;} ul.faqa ol li span {margin-top: 0px; font-weight: normal; color: #ffffff; font-size: 14px; line-height: 18px;} ul.faqa ol li span a {font-size: 14px; text-decoration: underline;} ul.faqa ol li span ul li {margin-top: 0px; font-weight: normal; color: #ffffff; font-size: 14px; list-style-image: none;} /* - - - - - - Info Offer Message - - - - - - */ #offer {position: absolute; bottom: 10px; left: 10px; height: 150px; width: 300px; background-image: url(http://www.topmatch-uk.com/main_images/info_offer_window.gif);} a.close {color: #ffdd00; font-size: 11px; position: absolute; top: 2px; right: 6px; text-decoration: none;} a.close:hover {color: white} #offer h2.offermsg {margin: 25px 0 0 0; padding: 0 5px; color: white; font-size: 15px; text-align: center;} #offer h2.offermsg span {font-size: 14px; font-weight: normal;} #offer h2.offerbtn {margin: 10px 30px;color: white; font-size: 14px; padding: 2px; background-image: url(http://www.topmatch-uk.com/main_images/btn_bg.gif); text-align: center; border-right: 2px solid black; border-bottom: 2px solid black;} #offer h2.offerbtn a {color: white; text-decoration: none; width: 100%;} /* - - - - - - TopMatch Video Windows - - - - - - */ div.vs {position: absolute; top: 230px; right: 4px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; width: auto; padding: 0px; background-image: url(http://www.topmatch-uk.com/main_images/vb_bg_r.gif); background-position: right top; background-repeat: no-repeat;} a#vs:link, a#vs:active, a#vs:visited {position: static; margin: 0px; padding: 0px; padding-top: 1px; display: block; width: 130px; text-decoration: none; color: #36354d; background-image: url(http://www.topmatch-uk.com/main_images/vb_bg_l.gif); background-position: top left; background-repeat: no-repeat;} a#vs:hover {color: #000000;} div#main div#vw {display: none; position: absolute; top: 251px; left: 0px; overflow: clip; width: 100%; height: 0px; background-color: transparent; z-index: 100; text-align: center; background-image: url(http://www.topmatch-uk.com/main_images/vw_bg.gif); background-position: bottom center; background-repeat: no-repeat; padding: 0px; margin: 0px; line-height: 0px;} div#main div#vw a:link, div#main div#vw a:visited, div#main div#vw a:active, div#main div#vw a:hover { position: absolute; display: block; line-height: 14px; width: 15px; top: 10px; right: 80px; text-decoration: none; border: 0px;} div#logo_animation {display: none; position: absolute; top: 0px; left: 30px; width: 200px; height: 0px; background-image: url(http://www.topmatch-uk.com/main_images/logo_animation_lines.gif); background-position: top center; background-repeat: no-repeat;} div#logo_animation_bg {display: none; position: absolute; top: 251px; left: 30px; width: 200px; height: 0px; background-image: url(http://www.topmatch-uk.com/main_images/logo_animation_bg.jpg); background-position: bottom center;}