﻿body {text-align:center; font-family:Verdana,arial,sans-serif; font-size:12px; color:#000; background-color:#FFF; width:100%; height:100%; margin:0; padding:0;} 
img {border: none;}
p {padding:2px;}
a {color:#258190; font-weight:bold; text-decoration:none;}
a:active {color:#258190; font-weight:bold; text-decoration:none;}
a:visited {color:#258190; font-weight:bold; text-decoration:none;}
a:hover, a:active, a:focus {color:#000; font-weight:bold; text-decoration:underline;}
span {padding:0; margin:0}
ul {margin-top: 1px;}

/* Main containers */
#sub_container {position:absolute; top:10px; left:50%; display:block; margin-left:-372px; width:740px; min-height:540px; height:auto !important; height:540px; background-color:#FFF; text-align: left; padding:0;}

/* Page header-inc box model hack for ie */
#page_header {float:left; display:block; padding:0px; margin:0px; margin-bottom:10px; height:118px; width:740px;}
#page_banner1 {float:left; width:740px; height:88px; background: #FFF url('/images/nisoft_header.jpg') no-repeat;}
#page_banner2 {float:left; width:740px; height:88px; background: #FFF url('/images/nisoft_header2.jpg') no-repeat;}
#page_banner3 {float:left; width:740px; height:88px; background: #FFF url('/images/nisoft_header3.jpg') no-repeat;}
#page_header_buttons {float:left; display:block; width:520px; height:30px; background: #FFF url('/images/link_bar_bg.jpg') repeat-x; padding:0px; margin:0px;}
#page_header_curve {float:left; width:34px; height:30px; background: #FFF url('/images/link_bar_curve.jpg') repeat-x; padding:0px; margin:0px;}
#page_header_text {float:right; display:block; width: 186px; height:30px; color:#FFF; Background :#172B44 url('/images/link_bar_text_bg.jpg') repeat-x; text-align:right; margin:0; padding:0; color:#FFF; font-size:12px; line-height:26px;}
* html div #page_header_text{width: 186px; width/* */:/**/186px;}
#page_header_text a{color:#FFF; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}
#page_header_text a:active {color:#FFF; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}
#page_header_text a:visited {color:#FFF; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}
#page_header_text a:hover,#page_header_text a:active,#page_header_text a:focus {color:#DEA929; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}

/* Content Containers-inc box model hack for ie */
#right_container {float:right; width:175px; min-height:305px; height:auto; background-color:#FFF; padding:0; margin:0;}
* html div #right_container{height:305px;}
#right_navigation_top {float: right; width:175px; height:20px; text-align:center; background:#FFF url('/images/navigation_right_top.gif') no-repeat; color:#FFF; padding:0; margin:0;}
#right_navigation {float: right; width:175px; min-height:205px; height:auto; text-align:center; background-color:#263A53; color:#FFF; padding:0; margin:0;}
* html div #right_navigation{height:205px;}
#right_navigation_top h2 {font-size:12px; margin:0; padding:5px 2px 0px 2px;}
#right_navigation p {font-size:10px; margin:0; padding:5px 2px 0px 2px;}
p.home_testimonial_contact {color:#2492AB; background-color:#263A53; font-weight:bold;}
#right_navigation_bottom {float: right; width:175px; height:20px; background:#FFF url('/images/navigation_right_bottom.gif') no-repeat; padding:0; margin:0;}
.right_button {float:right; font-size:10px; width:175px; height:50px; background:#FFF url('/images/navigation_right_button.gif') no-repeat; padding:0; margin:10px 0px 0px 0px; text-align:center; line-height:50px; vertical-align:middle;}
.right_button a{color:#FFF; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}
.right_button a:active {color:#FFF; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}
.right_button a:visited {color:#FFF; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}
.right_button a:hover,.right_button a:active,.right_button a:focus {color:#DEA929; font-weight:bold; text-decoration:none; padding:3px 5px 3px 0px;}
#main_container {float:left; display:block; width:553px; min-height:470px; height:auto; background-color:#FFF; padding:0; margin:0;}
* html div #main_container{height:470px;}
.header_left {float:left; display:block; width:10px; height:26px; background:#FFF url('/images/header_left.jpg') no-repeat; padding:0; margin:0;}
.header_text {float:left; width:200px; height:26px; background:#FFF url('/images/header_text_bg.jpg') repeat-x;}
.header_text h1 {color:#FFF; font-size:12px; margin:0; padding:5px 0px 0px 0px;}
#welcome_header_curve {float:left; width:40px; height:26px; background:#FFF url('/images/welcome_header_curve.jpg') repeat-x;}
#welcome_header {float:left; display:block; width:293px; height:26px; background:#FFF url('/images/welcome_header_bg.jpg') repeat-x; padding:0; margin:0;}
#welcome_header_right {float:right; display:block; width:10px; height:26px; background:#FFF url('/images/welcome_header_right.jpg') no-repeat; padding:0; margin:0;}
#section_header_curve {float:left; width:40px; height:26px; background:#FFF url('/images/section_header_curve.jpg') repeat-x;}
#section_header {float:left; display:block; width:293px; height:26px; background:#FFF url('/images/section_header_bg.jpg') repeat-x; padding:0; margin:0;}
#section_header_right {float:right; display:block; width:10px; height:26px; background:#FFF url('/images/section_header_right.jpg') no-repeat; padding:0; margin:0;}

#page_footer {display:block; float: left; width: 740px; height:27px; padding:0; margin:0; margin-top:10px; text-align: center; vertical-align: middle; color: #FFF; font-weight:bold; font-size: 0.8em; background:#FFF url('/images/footer_bg.jpg') repeat-x;}
* html div #page_footer{width: 740px; width/* */:/**/740px;}
* html div #page_footer{height: 27px; height/* */:/**/40px; line-height:27px; line-height/* */:/**/27px;}
#footer_left {float:left; background:#FFF url('/images/footer_bg_left.jpg') no-repeat; width:15px; height:27px;}
#copyright_statement {float:left; width:200px; height:28px; text-align:left; vertical-align: middle; padding:0; margin:0; line-height:27px;}
#terms {float:left; width:310px; height:27px; text-align:center; vertical-align: middle; padding:0; margin:0; line-height:27px;}
#dimex_logo {float:left; width:200px; height:27px; text-align:right; vertical-align: middle; padding:0; margin:0; line-height:27px;}
#footer_right {float:right; background:#FFF url('/images/footer_bg_right.jpg') no-repeat; width:15px; height:27px;}

/* homepage specific */
#homepage_top {float:left; width:553px; min-height:180px; height:auto; background-color:#FEF9E6; color:#000; margin-bottom:10px;}
* html div #homepage_top{height:180px; height/* */:/**/180px;}
#homepage_top_image {float: right; width:200px; height:200px; background-image: url('/images/welcome_body_bg.jpg');}
#homepage_top p {margin:5px 5px 5px 10px;}
#homepage_bottom {float:left; width:553px; min-height:180px; height:auto; background-color:#FEF9E6; color:#000;}
* html div #homepage_bottom{height:180px; height/* */:/**/180px;}
#homepage_bottom_image {float: right; width:200px; height:200px; background-image: url('/images/section_body_bg.jpg');}
#homepage_bottom p {margin:5px 5px 5px 10px;}
.homepage_emphasis {font-size:14px; color:#2492AB; background-color:#FEF9E6; font-style:italic; margin:5px 205px 2px 10px; }

/* Sub-Sections */
#sub_header_curve {float:left; width:40px; height:26px; background:#FFF url('/images/welcome_header_curve.jpg') repeat-x;}
#sub_header {float:left; display:block; width:293px; height:26px; background:#FFF url('/images/welcome_header_bg.jpg') repeat-x; padding:0; margin:0;}
#sub_header_right {float:right; display:block; width:10px; height:26px; background:#FFF url('/images/welcome_header_right.jpg') no-repeat; padding:0; margin:0;}
#sub {float:left; width:553px; min-height:444px; height:auto; background-color:#FEF9E6; color:#000; margin-bottom:10px;}
* html div #sub{height:444px; height/* */:/**/444px;}
#sub_image {float:right; width:200px; height:255px; background-image: url('/images/nisoft_house.jpg'); margin-left:5px;}
#sub h2 {font-size:12px; margin: 20px 5px 5px 10px;}
#sub p {margin:5px 5px 5px 10px;}
#sub ul {margin-top:10px;}
.sub_diagram {text-align:center; margin:10px 0px 10px 0px;}

/* Clients section */
#tblClientList {border:none; margin-left:5px; margin-top:10px; width:550px;}
#tblClientList td {font-size:12px;}
p.testimonial_contact {color:#2772A0; background-color:#FEF9E6; font-weight:bold;}

/* Products section */
.product_summary {position:relative; margin: 2px 0px 10px 10px; width:498px; height:111px;}
.product_image {float:left; width:100px; border:solid 1px #000; margin-right:10px;}
.product_text {float:left; width:380px; height:111px;}

#product_overview {float:left; width:553px; min-height:444px; height:auto; background-color:#FEF9E6; color:#000; margin-bottom:10px;}
* html div #product_overview{height:444px; height/* */:/**/444px;}
#product_overview h2 {font-size:12px; margin: 2px 5px 5px 5px;}
#product_overview p {margin:5px 5px 5px 5px;}

/* forms */
form {padding:0; margin:0; font-size:10px; height:auto; min-height:280px;}
.form_header_text {float:left; width:200px; height:26px; background:#FFF url('/images/header_text_bg.jpg') repeat-x;}
.form_header_text h1 {color:#FFF; font-size:12px; margin:0; padding:5px 0px 0px 0px;}
#contact_form {margin:10px 10px 10px 10px;}
.form_curves_wrapper {width:530px; height:26px;}
#frmContact_header_curve {float:left; width:40px; height:26px; background:#FFF url('/images/welcome_header_curve.jpg') repeat-x;}
#frmContact_header {float:left; display:block; width:120px; height:26px; background:#FFF url('/images/welcome_header_bg.jpg') repeat-x; padding:0; margin:0;}
#frmContact_header_right {float:left; display:block; width:10px; height:26px; background:#FFF url('/images/welcome_header_right.jpg') no-repeat; padding:0; margin:0;}
.form_footer_left_curve {float:left; display:block; width:10px; height:26px; background:#132740 url('/images/form_footer_left.jpg') no-repeat; padding:0; margin:0;}
#frmContact_footer {float:left; display:block; width:360px; height:26px; background-color:#132740; padding:0; margin:0;}
.form_footer_right_curve {float:left; display:block; width:10px; height:26px; background:#132740 url('/images/form_footer_right.jpg') no-repeat; padding:0; margin:0;}
#frmContactForm {width:380px; background-color:#132740;}
#frmContactForm label {float:left; text-align:right; color:#FFF; font-weight:bold; width:120px; margin-right:1px; font-size:12px; line-height:20px;}
.contact_textbox {width:250px;}
* html .contact_textbox {width:250px; width/* */:/**/245px;}
.contact_select {width:254px;}
* html .contact_select {width:250px; width/* */:/**/250px;}

#frmAppointment_header_curve {float:left; width:40px; height:26px; background:#FFF url('/images/welcome_header_curve.jpg') repeat-x;}
#frmAppointment_header {float:left; display:block; width:120px; height:26px; background:#FFF url('/images/welcome_header_bg.jpg') repeat-x; padding:0; margin:0;}
#frmAppointment_header_right {float:left; display:block; width:10px; height:26px; background:#FFF url('/images/welcome_header_right.jpg') no-repeat; padding:0; margin:0;}
.form_footer_left_curve {float:left; display:block; width:10px; height:26px; background:#132740 url('/images/form_footer_left.jpg') no-repeat; padding:0; margin:0;}
#frmAppointment_footer {float:left; display:block; width:360px; height:26px; background-color:#132740; padding:0; margin:0;}
.form_footer_right_curve {float:left; display:block; width:10px; height:26px; background:#132740 url('/images/form_footer_right.jpg') no-repeat; padding:0; margin:0;}
#frmAppointmentForm {width:380px; background-color:#132740;}
#frmAppointmentForm label {float:left; text-align:right; color:#FFF; font-weight:bold; width:120px; margin-right:1px; font-size:12px; line-height:20px;}
.appointment_textbox {width:250px;}
* html .appointment_textbox {width:250px; width/* */:/**/245px;}
.appointment_select {width:254px;}
* html .appointment_select {width:250px; width/* */:/**/250px;}

/* generic styles */
.hide_from_user {display:none;}
.reset {float:left; margin:2px 0px 5px 2px; width:100px; background-color:#263A53; color:#F9BD2B; border:solid 1px #000;}
.submit {float:right; margin:2px 2px 5px 0px;  width:100px; background-color:#263A53; color:#F9BD2B; border:solid 1px #000;}
.user_message {}

/* Imagemap */
/* setup the background image */
.nisoft_map {padding:0; margin:0; list-style-type:none; background:#fff url(/images/global_locations_offices2.jpg); width:548px; height:330px; margin:0; position:relative; z-index:100;}
/* move the text off screen */
.nisoft_map li a {text-indent:-999px; display:block; width:125px; height:75px; position:absolute; line-height:75px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.nisoft_map li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.nisoft_map li a.as {top:160px; left:365px;}
.nisoft_map li a.uk {top:65px; left:235px;}
.nisoft_map li a.us {top:65px; left:50px;}
/* move the text back into view on hover */
.nisoft_map li a:hover { text-decoration:none; background:#FFC732; text-indent:0; height:75px; font-size:10px; color:#263A53; line-height:75px; padding:2px; width:120px;}
/* hack for IE5.x */
* html .nisoft_map li a:hover {width:120px; height:1.8em;  width/* */:/**/110px;  height/* */:/**/1.8em;}
/* make the descriptive text visible, give it a size and position */
.nisoft_map li a:hover em {visibility:visible; margin-left:2px; text-decoration:none; background:#fff; border:1px solid #FFC732; width:150px; color:#263A53; padding:15px; font-style:normal; font-size:10px; top:-35px; font-family:arial,sans-serif; line-height:1.5em;}
/* hack for IE5.x */
* html .nisoft_map li a:hover em {width:200px;  width/* */:/**/150px;}
/* hack for IE5.x */
* html .nisoft_map li a:hover em span {width:30px; height:30px;  width/* */:/**/0px;  height/* */:/**/0px;}

/* Contact Section */
#address_holder {width:550px;}
#telephone_holder {width:550px;}
.contact_address {float:left; width:180px; height:140px; display:block; padding:0; margin:0;}
.contact_telephone {float:left; width:180px; height:50px; display:block; padding:0; margin:0;}