body {font-family: Lucida, Lucida Sans, Lucida Grande, sans-serif; background: #f7f2e6; color: #363636; font-size: 16px; /*background: url(/images/home-bg.gif) repeat-x;*/}

a {color: #426ab3; text-decoration: none;}
a:hover {text-decoration: underline;}
p,ul,ol,dl {font-size: 0.814em; margin-bottom: 1.313em; line-height: 1.313em;}
strong {font-weight: bold;}
em {font-style: italic;}

ul, ol {padding-left: 16px;}

h2 {ont-size: 1.313em; margin: 20px 0 10px 10px; height: 20px; color: #686969;}
h3 {font-size: 1.125em; font-weight: bold; line-height: 1.313em; margin-bottom: 10px;}
h4 {font-size: 1em; font-weight: bold; line-height: 1.313em; margin-bottom: 10px;}
h5 {font-size: 0.938em; font-weight: bold; line-height: 1.313em; margin-bottom: 10px;}
h6 {font-size: 0.814em; font-weight: bold; line-height: 1.313em; margin-bottom: 10px; }


#content-wrapper {background: url(/images/home-bg.gif) repeat-x white; width: 960px; margin: 0 auto; border: 10px solid white; padding-bottom: 5px; border-top: none;}

/******** Header *******/

#header {background: url(/images/header-bg.jpg) no-repeat; height: 110px;}
#header h1 {text-indent: -1234em; background: url(/images/logo.gif) no-repeat ; height: 110px;}

#header #login {
	float: right; 
	padding: 8px 25px 2px 10px; 
	margin: 0 10px 0 0; 
	height: 20px; 
	font-size: 0.75em; 
	display: block; 
	background: url(/images/login-arrow.gif) right 12px no-repeat white; 
	clear: right; 
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
    -webkit-border-radius: 10px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
	}

#menu { float: right; margin-top: 50px; width: 703px; margin-right: 8px; padding-left: 0; clear: right; font-size: 0.750em; margin-bottom: 0; background: url(/images/nav-bg.png) no-repeat; }
#menu li {float: left;}

#menu li a {display: inline-block; color: #696969; padding: 8px 0 0 0; height: 22px; text-align:center;}

#menu li#home a {width: 86px;}
#menu li#info a {width: 183px;}
#menu li#applications a {width: 130px;}
#menu li#faq a {width: 78px;}
#menu li#company a {width: 104px;}
#menu li#contact a {width: 122px;}

#info #menu {background-position: 0 -30px;}
#applications #menu {background-position: 0 -60px;}
#faq #menu {background-position: 0 -90px;}
#company #menu {background-position: 0 -120px;}
#contact #menu {background-position: 0 -150px;}

#home #menu li#home a {color: #252525;}
#info li#info a {color: #252525;}
#applications li#applications a {color: #252525;}
#faq li#faq a {color: #252525;}
#company li#company a {color: #252525;}
#contact li#contact a {color: #252525;}



/******** Main Content *******/

#info h2, #applications h2, #faq h2, #company h2, #contact h2 {
  color: #f26522;
  font-size: 1.2em;
}
/*
#info h2 {text-indent: -1234em; background: url(/images/h2-product-info.gif) no-repeat;}
#applications h2 {text-indent: -1234em; background: url(/images/h2-applications.gif) no-repeat;}
#faq h2 {text-indent: -1234em; background: url(/images/h2-faqs.gif) no-repeat;}
#company h2 {text-indent: -1234em; background: url(/images/h2-about-us.gif) no-repeat; }
#contact h2 {text-indent: -1234em; background: url(/images/h2-contact-us.gif) no-repeat; }*/

.main-content-head {padding-bottom: 6px;}

.main-content-head p { margin-left: 10px;}
.main-content-body {background-color: white;}
.main-content-body .container_16 {background: url(/images/blank-bg.gif) center top no-repeat;}

body#info .main-content-body .container_16,
body#faq .main-content-body .container_16 {background: none;}

body#info .main-content-body .box,
body#faq .main-content-body .box {background: url(/images/main-content-bg.gif) repeat-y white;}

.sub-menu {margin-top: 20px;}
.sub-menu ol,
.sub-menu ul {padding-left: 10px;}
.sub-menu li a {padding: 10px 10px 10px 15px; display: block; background: url(/images/arrow.gif) left 14px no-repeat;}
.box {padding: 30px; position: relative;}
.box ul {list-style-type: square;}
.box ol {list-style-type: decimal;}
 
/*.answer {position: absolute; left: -1000px; width: 520px;}*/
.answer.show {left: 30px;}

.hilite {font-weight: bold;}

.prev-link {float: left; background: url(/images/prev-arrow.gif) left 4px no-repeat; padding-left: 15px;}
.next-link {float: right; background: url(/images/arrow.gif) right 4px no-repeat; padding-right: 15px;}

.img {background: #e8e9e9; padding: 10px; text-align: center; margin-bottom: 10px;}
.img .caption {font-size: 0.689em; padding-top: 5px;}
.img.right {float: right;  margin-right: 0;}
.img.left {float: left;  margin-left: 0;}

.message p {font-size: 0.75em;}

/******** Footer *******/

#home-footer .container_12 {background: url(/images/footer-divider.gif) repeat-y; margin: 15px auto;}
#home-footer h5 {font-weight: normal;}
#home-footer p,
#home-footer ul {font-size: 0.689em; padding-left: 0;}
#home-footer ul {clear: both; float: left;}
#home-footer ul li {background: url(/images/checkmark.gif) left 1px  no-repeat; padding: 0 10px 0 17px; width: 120px; float: left;}
#home-footer img {margin-right: 10px; float: left;}

#footer {border-top: 1px solid #d7d7d7; }

#footer #cr.container_12 {padding: 10px 0;}
#footer #cr p {font-size: 0.75em;}


/******* Homepage *********/
/*#home h2 {font-size: 1.313em; color: #f26522; text-indent: -1234em; background: url(/images/home-h2.gif) no-repeat; height: 48px; margin: 30px 0 20px 10px;}*/

#home h2 {font-size: 1.6em; line-height: 1.2em; height: auto; color: #f26522;  margin: 25px 0 15px 20px;}

#home .main-content-head {height: 250px; padding: 0; margin: 0;}
#home .main-content-head p {position: relative; width: 390px; padding: 0 0 0 10px; height: 125px; color: #656565; font-size: 0.95em; line-height: 1.4em; letter-spacing: 0.06em;}
/*#home .main-content-head p a {position: absolute; top: 0; display: block; width: 390px; height: 125px; background: url(/images/home-text.gif) no-repeat;}
#home .main-content-head p a:hover {background-image: url(/images/home-text-hover.gif);}
#home .main-content-head p span {display: none;}*/
#home .main-content-head #s1 {height: 249px; overflow: hidden;}


.system-highlights {
	font-size: 1.1em;
	background-color: #f8ecd4 !important; 
	background-image: none !important; 
	padding: 5px 0 0 0; 
	text-align: center;
	margin: 10px 0;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	}
	
.system-highlights h5 {font-size: 0.8em; color: #f26522; text-transform: uppercase; padding: 10px 0; border-bottom: 1px solid #d7d7d7;}
.system-highlights h6 {font-size: 0.750em; padding: 0 10px;}
.system-highlights p {font-size: 0.689em; padding: 0 10px; text-align: justify; 
line-height: 1.4em !important;}


/******* Definition List style *********/

dl.table-display
{
width: 51.1em;
margin: 0;
padding: 0;
}

.table-display dt
{
width: 10em;
float: left;
margin: 0 0 0 0;
padding: .5em;
font-weight: bold;
text-align: right;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 31em;
margin: 0 0 0 0;
padding: .5em;
}