charset "utf-8";
/* eBMS PTY LTD Website CSS Styles */
/* Copyright 2008 - eBMS PTY LTD */
/* Design and Coding Copyright of FEM Productions */
/* www.fem-productions.com */

/* STRUCTURE */

html {
}

body {
	background: url(images/site-bg.png) repeat top left #f5f5f9;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	height: 100%;
}

.eBMS-Logo {
	color: #3399cc; 
	text-align: center;
	margin: 0;
	padding: 10px 0;
}

.contents-menu {
	width: 200px;
	height: 100%;
	padding: 0 0 10px 0;
	background: #b4c6ce url(images/menu-bg.jpg) top right no-repeat;
	border-right: 1px solid #3399cc;
}

.contents-menu h2{
	color: #00006F;
}

.contents {
	padding: 0 14px 14px 25px;
	background: url(images/systems-menu-bg.gif) repeat-y top left #FFFFFF;
}

.main-msg { 
	width: 100%;
	margin-bottom: 20px;
	background: url(images/main-msg-bg.jpg) left top no-repeat #ffc20e;
}

.main-msg-index { 
	width: 100%;
	margin-bottom: 20px;
}

.main-msg-TL { 
	width: 50%;
	background: url(images/main-msg-TL.gif) top left no-repeat;
	height: 17px;
}

.main-msg-TR { 
	width: 50%;
	background: url(images/main-msg-TR.gif) top right no-repeat;
	height: 17px;
}

.main-msg-C { 
	width: 100%;
	padding: 0 20px;
	color: #FFF;
	font-size: 16px;	
}

.main-msg-C h1 { 
	color: #FFF;
	font-size: 32px;
	margin: 0;
	padding: 0;
}

.main-msg-C h2 { 
	color: #FFF;
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #990000;
}

.main-msg-BL { 
	width: 50%;
	background: url(images/main-msg-BL.gif) bottom left no-repeat;
	height: 17px;
}

.main-msg-BR { 
	width: 50%;
	background: url(images/main-msg-BR.gif) bottom right no-repeat;
	height: 17px;
}

.sys-msg-btns {
	width: 145px;
	float: right;
	text-align: right;
	padding-left: 10px;
}

.sys-msg-btns a, .sys-msg-btns a:visited {
	width: 145px;
	display: block;
	cursor: pointer;	
	background: url(images/buy-now-btn.png) top left no-repeat;
	border: 0;
	text-decoration: none;
	padding: 5px 0 12px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	outline: none;
	margin: 0 0 5px 0;
}

.sys-msg-btns a:hover {
	width: 145px;
	padding: 5px 0 12px 0;
	cursor: pointer;
	background: url(images/buy-now-btn.png) bottom left no-repeat;
	border: 0;	
	color: #00006F;  
}

.sys-msg-btns-home {
	width: 200px;
	float: left;
	text-align: right;
}

.sys-msg-btn-homes a, .sys-msg-btns-home a:visited {
	width: 140px;
	display: block;
	cursor: pointer;	
	background: url(images/buy-now-btn.png) top left no-repeat;
	height: 20px;
	border: 0;
	text-decoration: none;
	padding: 15px 50px 19px 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	outline: none;
	margin: 0 0 10px 0;
}

.sys-msg-btns-home a:hover {
	width: 140px;
	padding: 15px 50px 19px 10px;
	cursor: pointer;
	background: url(images/buy-now-btn.png) bottom left no-repeat;
	height: 20px;
	border: 0;	
	color: #00006F;  
}


/* TEXT & LINKS */

h1 {
	font-size: 18px;
	color: #3399cc;
}

h2 {
	font-size: 14px;
	color: #3399cc;	
}

a, a:visited {
	color: #F60;
}

a:hover {
	color: #990000;
}


/* TABS */


/* MAIN MENU */


.main-menu {
	width: 100%;
	text-align: left;
	background: #FFF;
	height: 11px;
}

.main-menu ul{
	text-align: right;
}

.main-menu ul li {
	display: block;
	float: right;
	width: auto;
	padding: 2px 7px 0 7px;
	list-style: none;
}

.main-menu ul li a, .main-menu ul li a:visited {
	text-decoration: none;
	color:#a6a6a6; 
	font-weight: 600;
	font-size:11px;
}

.main-menu ul li a:hover {
	text-decoration: none;
	color:#3399cc; 
	font-weight: 600;
}

/* MAIN LEFT PANEL MENU */

.product-menu-headings {
	font: bold 14px "Trebuchet MS";
	color: #990000;
	padding: 5px 0px 5px 5px;
	font-style: italic;
}

.glossymenu {
	margin: 0;
	width: 100%;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	font: bold 14px "Trebuchet MS";
	color: #00006F;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
	outline: none;
	border-bottom: 1px #3399cc solid;
	padding: 5px 0px 5px 5px;
	margin: 0;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #00006F;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	color: #3399cc;
	background: url(images/menu-hover-bg.png) top left repeat;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 12px "Trebuchet MS";
	color: #00006F;
	text-decoration: none;
	padding: 5px 0 5px 15px;
	border-bottom: 1px #FFF solid;
	font-weight: 500;
}

.glossymenu div.submenu ul li a:hover {
	color: #F60;
	background: url(images/menu-hover-bg.png) top left repeat;
	font-weight: 500;
}

.glossymenu div.submenu ul li a:active, .glossymenu div.submenu ul li a:visited {
}


/* END MENU */

/* SHADED TABS  */

.product-info {
	border:1px solid #a6a6a6; 
	width: auto; 
	margin-bottom: 5px; 
	padding: 10px;	
}

.shadetabs {
	position: relative;
	margin: 0 auto 0 auto;
	height: 20px;
	list-style: none;
}

.shadetabs li{
	display: inline;
}

.shadetabs a{
	float: left;
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0px 5px 0px 6px; /*Padding to accomodate left tab image. Do not change*/
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: url(images/tabs-L.gif) no-repeat bottom left;	
	outline: none; /* hide dotted outline in Firefox */
	cursor: pointer;
}	

.shadetabs a span{
	color: #003366;
	background: url(images/tabs-R.gif) no-repeat bottom right; 
	float: left;
	display: block;
	padding: 0px 16px 0px 10px;
	outline: none;
}

.shadetabs li .selected, .shadetabs li .selected:hover {
	float: left;
	display: block;
	color:#003366;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0px 5px 0px 6px; 
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: default;
	color: #003366;
	background: url(images/tabs-L-selected.gif) no-repeat bottom left;
    outline: none; /* hide dotted outline in Firefox */

}

.shadetabs li .selected span, .shadetabs li .selected span:hover{
	color: #3399cc;
	background: url(images/tabs-R-selected.gif) no-repeat bottom right; 
	float: left;
	display: block;
	padding: 0px 16px 0 10px;
	border-bottom: #FFFFFF thin solid;
}

.shadetabs li a:hover{
	float: left;
	display: block;
	color:#003366;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:0px 5px 0px 6px; 
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	background: url(images/tabs-L-hover.gif) no-repeat bottom left; 
}

.shadetabs li a:hover span{
	color: #003366;
	float: left;
	display: block;
	padding: 0px 16px 0 10px;
	background: url(images/tabs-R-hover.gif) no-repeat bottom right; 
}


.tabcontent{
display:none;
width: 100%;
}

.tabcontent h2 {
	font-size: 14px;
	color: #3399cc;
}

@media print {
.tabcontent {
display:block !important;
width: 100%;
}
}

/* END TABS */


/* eBMS Overview & Features */

.Heading {
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:bold; 
	border-bottom: thin solid #000099; 
	border-left: thin solid #000099; 
	border-top: thin solid #000099; 
	color:#003366; 
	background-color:#D1D5F1;
}

.Heading a{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:bold; 
	color:#003366;
	text-decoration: none;
}

.Heading_desc { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	border-bottom: thin dashed #000099; 
	border-right: thin solid #000099; 
	border-top: thin solid #000099; 
	color:#000099; 
	background-color:#D1D5F1;
}

.desc_left { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	border-left: thin solid #000099; 
	border-right: thin solid #000099; 
	color:#000000; 
	background-color:#EDEFF8;
}

.desc_left_bottom { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	border-left: thin solid #000099; 
	border-bottom: thin solid #000099; 
	border-right: thin solid #000099;  
	color:#000000; 
	background-color:#EDEFF8;
}

.Heading_desc_right { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	border-bottom: thin dashed #000099; 
	border-right: thin solid #000099; 
	border-top: thin solid #000099; 
	color:#000099; 
	background-color:#D1D5F1;
}

.subHeading_desc { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	border-bottom: thin dashed #000099; 
	border-top: thin dashed #000099;
	border-right: thin dotted #000099; 
	border-left: thin solid #000099; 
	color:#000099; 
	background-color:#D1D5F1;
}

.subHeading_desc_middle { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	border-bottom: thin dashed #000099; 
	border-top: thin dashed #000099;
	border-right: thin dotted #000099; 
	color:#000099;
	background-color:#D1D5F1;
}

.subHeading_desc_right { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	border-bottom: thin dashed #000099; 
	border-top: thin dashed #000099;
	border-right: thin solid #000099; 
	color:#000099; 
	background-color:#D1D5F1;
}

.desc_left { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	border-left: thin solid #000099;
	border-right: thin dotted #000099; 
	color:#000000; 
	background-color:#EDEFF8;
}

.desc_middle { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	border-right: thin dotted #000099; 
	color:#000000; 
	background-color:#EDEFF8;
}

.desc_right { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	border-right: thin solid #000099; 
	color:#000000; 
	background-color:#EDEFF8;
}

#desc_left_bottom { 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	border-left: thin solid #000099; 
	border-right: thin solid #000099; 
	border-bottom: thin solid #000099; 
	color:#000000; 
	background-color:#EDEFF8;
}

.bottom_desc {
	border-top: thin solid #000099;
}

/* END FEATURES */


/* HELP SECTION */ 

.steps{
	width: auto;
	padding: 10px;
	background-color: #FFFFFF;
	border: thin solid #DFE0FF;
}

.step_no {
	color: #000099;
	width: 80px;
	padding: 10px;
	font-size: 14px;
	font-weight: bolder;
	background-color: #DFE0FF;
	border: thin solid #DFE0FF;
}

.footer-help {
	background: url(help/images/headerbg.gif) repeat-x top;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 18px;
	padding-left: 10px;
}


.note {
	color:#FF0000;
	font-weight: bold;
}

.footer-help a{
	color: #FFFFFF;
	text-decoration: none;
}

.footer-help a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

.footer-help a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.help_file {
	padding: 10px;
	border-left: thin solid #a6a6a6;	
	border-right: thin solid #a6a6a6;	
	border-bottom: thin solid #a6a6a6;		
}

.help_file_novid {
	padding: 10px;
	border: thin solid #a6a6a6;	
}


/* END HELP SECTION */

.product-pricing-table {
	width: 500px;
	font-size: 18px;
}

.product-pricing-table-sides {
	width: 100px;
	font-size: 18px;
	padding: 10px;
}

.product-pricing-table-center {
	width: 300px;
	font-size: 18px;
	padding: 10px;
}

.pricing-quote-cell {
	text-align: center;
	padding: 0 20px;
}

.nger-image {
	width: 510px;
	padding-left: 10px;
	float: right;
	text-align: center;
	font-style: italic;
}

.nger-image1 {
	width: 410px;
	padding-left: 10px;
	float: right;
	text-align: center;
}

#tick-points {
	width: 250px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#tick-points li {
	width: 100%;
	float: left;
	display: block;
	list-style-type:none;
	padding: 0px 15px 0 28px;
	font-size:18px;
	font-weight: 100;
	font-family: "Arial Narrow";
	letter-spacing: 1px;
	height: 34px;
	background: url(images/tick.png) top left no-repeat;
}

.slider-text-screen {
	width: 300px;
	float: right;
	padding-top: 20px;
	text-align: right;
}

.home-bigimage {
	width: 380px;
	padding: 0 10px 10px 10px;
	float: right;
	text-align: right;
}

.home-image-txt1 {
	width: 100%;
	float: right;
	text-align: justify;
	padding-right: 5px;
}

.home-image-txt1 strong {
	color: #3399cc;	
	font-size: 19px;
	font-weight:400;
}


.home-image-txt2 {
	width: 100%;
	float: left;
	text-align: justify;
	margin-top: 20px;
}

.home-image-txt2 strong {
	color: #333;
	letter-spacing: 2px;
	font-size: 14px;
	font-style: italic;
	font-weight:400;
}

.product-bigimage {
	width: 390px;
	float: right;
	text-align: right;
	font-size: 14px;
	font-weight: 200;
	padding-top: 8px;
}

.bottom-landing-table {
	width: 100%;
}

.systems-top-price {
	width: 1px;
	float: left;
	text-align: left;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;	
	color: #990000;
}

.top-menu-section {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}

/* Fixed Width Layout */ 

.centered_main_table {
	width: 100%;
	height: 100%;
}

.centered_main_middle {
	width: 960px;
	background: #FFFFFF;
	border-bottom: 1px solid #3399cc;	
}
	
.centered_main_left {
	width: auto;
	background: url(images/main-shadow-L.png) repeat-y right;
	border-right: 1px solid #3399cc;
}
.centered_main_right {
	width: auto;
	background: url(images/main-shadow-R.png) repeat-y left;
	border-left: 1px solid #3399cc;	
}

.home-small-msg {
	width: 207px;
	padding: 8px 16px 10px 8px;
	height: 150px;
	background: url(images/bg-home-small-msg.png) no-repeat top left;
}

.home-small-msg  h2{
	margin: 0 0 8px 0;
	text-align: center;
}
