body { background:#fff url(../images/body-bg.gif) repeat-x; color:#777; font:12px verdana, arial, sans-serif; margin:0; padding:22px 0; }

/* Common Parts  */

a { color:#1d35e3; }

a:hover { text-decoration:none; }

p { line-height:24px; margin:0 0 15px; }

img { border-style:none; }

form, fieldset { border-style:none; margin:0; padding:0; }

input, select, label, textarea { vertical-align:middle; }

input.text, select, textarea { color:#777; font:100% verdana, arial, sans-serif; }

ul { margin:0 0 15px 15px; padding:0; }

ul ul { margin:2px 0 2px 15px; }

sup { font-size:10px; position:relative; top:-0.9em; vertical-align:baseline; }

/* Main Blocks  */

#page-box { margin:0 auto; padding-top:60px; position:relative; width:957px; }

#header { height:60px; left:0; overflow:hidden; padding:0 15px 0 7px; position:absolute; top:0; width:935px; }

#header strong { color:#666; float:left; font-size:15px; font-weight:400; }

#header strong a { background:url(../images/logo-fidex.gif) no-repeat; display:block; height:55px; overflow:hidden; text-indent:-9999em; width:167px; }

.add-nav { float:right; list-style:none; margin:2px 0 0; }

.add-nav li { background-position:0 50%; background-repeat:no-repeat; margin-bottom:4px; padding:2px 0 2px 24px; }

.add-nav li.login { background-image:url(../images/ico-login.gif); }

.add-nav li.contact { background-image:url(../images/ico-contact.gif); margin-top:23px; }

.add-nav a { color:#505050; text-decoration:none; }

.main-nav { display:inline; float:right; list-style:none; margin:26px 85px 0 0; text-transform:uppercase; }

.main-nav li { float:left; margin-right:5px; }

.main-nav a { color:#505050; float:left; margin:1px 0 0 1px; padding:0 1px 1px 0; text-decoration:none; }

.main-nav span { cursor:pointer; float:left; margin:-1px 0 0 -1px; padding:2px 7px; position:relative; }

.main-nav a:hover, .main-nav .active a { background:#f6f6f6; color:#fbe8d3; }

.main-nav a:hover span, .main-nav .active span { background:#e98e24 url(../images/pxl.gif) no-repeat; }

#container { background:#f2f4f7 url(../images/mask.gif) no-repeat; height:1%; overflow:hidden; padding:14px; }

#container h1 { color:#6b93bb; font-size:26px; font-weight:400; margin:0 0 20px; }

.copyright { background:url(../images/mask.gif) no-repeat 0 100%; margin:0 -14px; padding:0 23px 3px; }

.top-section, .union-box { background:#fafbfc url(../images/mask-s-top.gif) no-repeat; color:#333; line-height:28px; }

.top-section .content, .union-box .content { background:url(../images/mask-s-btm.gif) no-repeat 0 100%; height:1%; margin-bottom:15px; overflow:hidden; padding:15px 15px 20px 20px; }

.top-section img { float:right; margin: 0 20px 0 30px; }

.top-section .screenshot { float:right; margin:10px 4px 0 30px; }

.top-section strong { display:block; font-size:20px; font-weight:400; }

.main-content { float:left; width:597px; }

.main-content ul { list-style:none; margin:0 0 0 20px; padding-bottom:20px; }

.main-content li { background:url(../images/bullet.gif) no-repeat 0 .3em; display:table; height:1%; line-height:24px; padding:1px 0 1px 30px; }

.main-content h2 { color:#333; font-size:18px; font-weight:400; margin:0 0 10px; }

#container h1.title, .main-content h2.title { border-bottom:1px solid #ccdce4; color:#6795B8; font-size:14px; font-weight:700; margin:0 0 8px; padding-bottom:6px; }

#container h1.title-info, .main-content h2.title-info { border-bottom:1px solid #CCDCE4; color:#333; font-size:14px; font-weight:700; margin:0 0 8px; padding-bottom:6px; }

#container h2.title { font-weight:700; }

#container h2.title .small { font-size:14px; padding-top:4px; }

.main-content .product-points { color:#333; list-style:none; margin:0; padding:0; }

.main-content .product-points li { background:none; margin-bottom:25px; padding:0; }

.product-points strong { display:block; font-size:17px; font-weight:400; margin:0 0 4px; }

.product-points strong a { color:#91afcc; }

.sidebar { background:url(../images/sidebar-bg.gif) no-repeat; display:inline; float:right; font-size:13px; margin:-15px -15px 0 0; min-height:207px; padding:15px; width:261px; }

* html .sidebar { height:207px; }

.sidebar h3 { border-bottom:1px solid #ccdce4; color:#808eab; font-size:13px; font-weight:400; margin:0 0 5px; padding:0 0 2px; text-transform:uppercase; }

.partners { list-style:none; margin:0 auto 20px; overflow:hidden; width:205px; }

.partners li { background:#f2f4f7 url(../images/logo-box-top-bg.gif) no-repeat; float:left; margin:20px 0 50px; width:100%; }

.partners span { background:url(../images/logo-box-btm-bg.gif) no-repeat 0 100%; display:block; padding:4px; }

.key-features { margin:0 0 20px; overflow:hidden; width:100%; }

.key-features ul { padding-bottom:0; }

.main-content .key-features ul { margin-left:255px; }

.image-holder { background:#d9e1e7; color:#888; float:left; font:italic 11px Georgia, "Times New Roman", Times, serif; margin:0 20px 0 0; padding:2px 2px 4px; text-align:right; text-decoration:none; }

.sidebar .image-holder { display:block; float:none; margin:0 0 18px; }

.sidebar .register-holder { padding: 0; }

.image-holder img { display:block; margin-bottom:3px; }

.image-holder span { background:url(../images/arrow-small.gif) no-repeat 0 3px; padding:0 5px 0 11px; }

.general-info p { margin-bottom:20px; }

.contact_form { clear:both; display:block; font-size:12px; font-weight:700; width:600px; }

.contact_form .block { float:left; margin-bottom:4px; width:190px; }

.contact_form .block span { color:#c00; }

.contact_form .block input.regular { width:170px; }

.contact_form .block input.phone1 { width:30px; }

.contact_form .block input.phone2 { width:50px; }

.contact_form .error { color:#c00; float:left; font-size:10px; font-weight:400; height:48px; line-height:12px; margin-top:4px; width:190px; }

.contact_form textarea { width:560px; }

.contact_form p { margin:0 0 12px; padding:0; }

/*JMB note - There is a difference between system errors and messages.  I think we should use a different color for messages than errors. */

div.system_messages { background-color:#ef9223; color:#FFF; font-weight:700; margin-right:8px; max-width:930px; padding:1px 8px 4px 12px; text-align:left; }

div.system_messages p { margin:6px 0 4px; }

div.system_errors { background-color:#A76619; color:#FFF; margin-left:10px; margin-right:10px; padding:1px 8px 4px 12px; text-align:left; }

div.system_errors p { color:#FFF; font-weight:700; padding:6px 0 2px; }

.solutions { list-style:none; margin:0 0 20px; }

.solutions li { background:url(../images/arrow.gif) no-repeat 6px .3em; line-height:20px; margin-bottom:4px; padding-left:30px; }

.button { margin:20px 0 10px; overflow:hidden; width:100%; }

.button a { background:url(../images/btn-left-bg.gif) no-repeat; color:#6594bf; float:left; text-decoration:none; }

.button span { background:url(../images/btn-right-bg.gif) no-repeat 100% 0; color:#6c99c2; cursor:pointer; float:left; font-size:13px; line-height:24px; padding:0 10px; }

.main-box { background:url(../images/road-bg.jpg) no-repeat; color:#393d3f; font-size:27px; height:253px; line-height:38px; margin-bottom:10px; overflow:hidden; padding:55px 10px 0 305px; width:646px; }

.main-box strong { display:block; font-weight:400; margin:0 40px 15px 0; font-size: 26px; color: #333; }

.main-box span { color:#979b9d; display:block; font-size:11px; text-align:left; }

.main-content ul.our-solutions { color:#333; font-size:15px; margin:0; }

.main-content .our-solutions li { background:url(../images/ico-close.gif) no-repeat 4px .6em; padding:1px 0 1px 22px; }

.main-content .our-solutions li.open { background:url(../images/ico-open.gif) no-repeat 4px .8em; }

.our-solutions li a { color:#6795B8; text-decoration:none; }

ul.our-solutions ul { display:none; font-size:13px; margin:0 0 0 12px; padding:0; }

.main-content .our-solutions li li { background:url(../images/bullet-classic.gif) no-repeat 0 .8em; margin-bottom:6px; padding-left:15px; }

.learn-more { color:#666; }

.login-form { margin:0 0 0 60px; }

.subscript { color:#CCC; font-size:10px; }

.add-nav a:hover, .our-solutions li a:hover { text-decoration:underline; }

.product-points p, .key-features li, .general-info, .important-info { font-size:13px; }

.partners img, ul.our-solutions .open ul { display:block; }

div.system_messages a, div.system_errors a { color:#FFF !important; }

div.system_messages li, div.system_errors li { color:#FFF; font-weight:700; list-style-type:none; padding:6px 0 2px; }

.demo_icon {float:left; margin-right:10px; }

.image-opportunity { padding: 12px 0 0 4px; }