/*
 Master Stylesheet
 Site: FEX
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Basic Elements  */
html{font-size:100%;}
body {background: #fff url(../images/body-bg.gif) repeat-x;font-size: 62.5%; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
; line-height: 1.33; color: #595958;}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus {outline: 1px;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong{font-weight:800;}
hr { display: none; }
.clearer { clear: both; line-height: 0; height: 0; }
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
a img { border: none }

/* Links */
a:link, a:visited, a:active { color: #1177b5;text-decoration: none; }
a:hover { color: #1177b5; text-decoration:underline; }

/* Headers / Paragraph */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 2.2em; margin: 10px 0 10px; background: #717177; color: #fff;padding: 5px 0 5px 15px;font-weight: 400;}
h3 { color: #187dba; font-size: 1.6em; font-weight: 400;margin: 0 0 .2em; }
h5, h6 { font-size: 1.2em; margin: 0 0 1em; }
p {font-size:1.2em; margin: 0 0 1em 0; }
h4.hdr-org { height: 32px; background:  url(../images/header-org.gif) repeat-x; color: #fff; font-size: 1.3em; padding: 7px 0 0 25px;}
h4.hdr-blue { height: 32px; background:  url(../images/header-blue.gif) repeat-x; color: #fff; font-size: 1.3em; padding: 7px 0 0 15px;}
h4.hdr-grey { height: 32px; background:  url(../images/header-grey.gif) repeat-x; color: #fff; font-size: 1.3em; padding: 7px 0 0 15px;}
h5 { color: #187dba; font-size: 1.5em; font-weight: 400;margin: 0 0 .2em; }

/* Site Structure */
#wrap { width: 970px; margin: 0 auto;  }
#content { background: #fff; clear: both;  }
#col-left { width: 224px; float: left; margin: 0 7px 0 0; }
#col-pop {
	float: left;
	padding-left: 20px;
}
#col-mid { width: 508px; float: left; margin: 0 7px 0 0; }
#col-right { width: 219px; float: left; margin: 0; }
.mid-left { width: 248px; float: left;margin: 0 10px 0 0;}
.mid-right { width: 248px; float: left; }

/* Top & Logo */
#top { text-align: right; margin: 3px 0 0;color: #76767c; }
#top a{ font-weight: 800; color: #76767c; text-decoration: none;}
#top a:hover { text-decoration:underline; }
#top span { color: #a6a6ab; }
h1#logo { width: 195px; height: 58px;font-size: 1em; overflow: hidden; position: relative; float: left;margin: 9px 0 15px; }
h1#logo span { background: url(../images/fex-logo.png) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
h1#logo a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Main Navigation */
ul#nav-main { margin-bottom: 10px; }
ul#nav-main li{height: 32px; width: 199px; margin-bottom: 1px;}
ul#nav-main li a { height: 25px;display: block; background: url(../images/nav-bg2.jpg) no-repeat;width: 199px;font-size: 1.3em; color: #5d5d64; padding: 7px 0 0 25px;position: relative;}
ul#nav-main li a:hover { background: url(../images/nav-bg2.jpg) no-repeat 0 -33px; color: #fff; text-decoration: none; }
ul#nav-main li.active { margin-bottom: 3px; }
ul#nav-main li.active a{ background: url(../images/nav-on.gif) repeat-x; color: #fff; text-decoration: none; }

/* Mercari Direct Nav */
ul.direct-list { margin: 0 0 20px; }
ul.direct-list li a{ font-size: 1.2em; background: url(../images/tri.gif) no-repeat 15px 7px ; padding: 3px 0 3px 25px; border-bottom: 1px solid #e7e8ea;  display: block;}
ul.direct-list li.direct-sub a{ padding-left: 40px; background-position: 30px 7px; color: #6d6d73; }
ul.direct-list li.direct-last a{ border: 0; }
ul.direct-list li.direct-subnolink {  color: #1177b5; font-size: 1.2em; background: url(../images/tri.gif) no-repeat 15px 7px ; padding: 3px 0 3px 25px; border-bottom: 1px solid #e7e8ea;  display: block; }
ul.direct-platform li a{ color: #55595c;}

/* General */
ul.basic-list { padding: 10px 15px; }
ul.basic-list li{ font-size: 1.2em;margin: 0 0 1em; }
span.footnote { font-size: 1.1em; color: #74747e; display: block; }

/* Footer */
#footer { background: url(../images/footer-bg.gif) repeat-x; clear: both; color: #6c6c72; padding: 10px 0 10px; margin: 10px 0 0; }
#footer-inner { width: 970px; margin: 0 auto; }
p#copyright { font-weight: 800; }
#footer-nav { font-size: 1.3em; }
#footer-nav2 a{ font-size: 1.2em; color: #a2a2aa; }
/*
Page Specific Styles 
*/

/* Homepage */

#graphic-main { background: url(../images/hp-main-bg.jpg) no-repeat; width: 508px; height: 264px; position: relative; }
h2#tagline { width: 362px; height: 65px;margin: 0;padding: 0;position: absolute; top: 30px; left: 30px;background: none;}
/* h2#tagline span { background: url(../images/fex-mercari-otc-markets2.gif) no-repeat 0 0; } */

p#contact { font-size: 1.3em; color: #5d5d64;padding: 10px 0 0 25px; }
.ajax-content { background: url(../images/tab-content-bg.gif) repeat-x;  padding: 15px;margin: 0 0 25px; }
.ajax-content p{ font-size: 1.2em; line-height: 1.5;}
.ajax-content img {
	margin-right: 20px;
	float: left;
	margin-bottom: 30px;
}
.message { background: #f2f3f4; padding: 10px 15px; }

/* Interest Rates */
table#interest-rates { margin: 0 0 10px 5px; }
table#interest-rates td { font-size: 1.2em; color: #8b8b90; padding: 3px 0 3px; border-bottom: 1px solid #e7e8ea ; }
table#interest-rates td.rates-type { color: #61616a; font-weight: 800; }
table#interest-rates td span { color: #126ca2; }
table#interest-rates tr.rates-last td { border: none; } 

/* System Features */
#graphic-features { background: url(../images/system-features-graphic.jpg) no-repeat; width: 508px; height: 116px; }
#mid-inner { padding: 5px 15px; text-align:justify; }
#mid-inner ul{ list-style: disc; font-size: 1.2em; padding: 3px 0 3px 25px; border-bottom: 1px solid #e7e8ea;  display: block; }
#feature-list { background: url(../images/tab-content-bg.gif) repeat-x; height: 200px; }
table#feature-list-tbl { }
table#feature-list-tbl td { border-bottom: 1px solid #ddd;padding: 3px 0 3px 15px; font-size: 1.2em; font-weight: 800;  }
#feature-list ul li span { width: 220px;  display: inline; }
#feature-list h3 { padding: 5px 0 0 15px; }

/* Login */
#login-wrap { position: relative; margin: 5px 0 0;padding: 5px 10px 10px; height: 0px;}
h6 { font-size: 1.3em; font-weight: 400; color: #1177b5;margin: 0;}
form#login { }
form#login p { margin: 0;padding: 0; clear: both; }
form#login label { width: 60px; display: block; float: left; vertical-align: middle;padding: 4px 0 0;}
form#login input { width: 111px; vertical-align: middle;border: 1px solid #c3c4c8;}
form#login input#login-submit { width: 16px; vertical-align: middle;border: 0;margin-left: 3px;}
a.forgot-password { color: #8b8b90;margin: 3px 0 0 60px; display: block;}

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* self-clear floats */
.auto-clear:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }
#live-broadcast { border: 1px solid #dddddf; padding: 100px 5px 10px; background: url(../images/new/cnbc-logo.png) no-repeat center 20px; text-align: center; margin: 0 0 10px;}
span.highlight { color: #1177b5; }
span.highlight-dark { color: #48484e; }
.homelist {
	list-style-type: disc;
	font-size:12px;
	margin-left:15px;
	border-bottom: 0px solid #ffffff;
	
}
.homelisttwo {
	list-style-type: decimal;
	font-size:12px;
	margin-left:30px;
	border-bottom: 0px solid #ffffff;
}