@charset "utf-8";
/* CSS Document */

body {text-align:center; font-family:Arial, Helvetica, sans-serif;padding:0; margin:0;}
body.navbg{background-image:url(images/bg_top.jpg); background-repeat:no-repeat; height:75px; width:100%;margin: 0px; }
form {padding:0; margin:0;font-size:11px;}
input {font-size:11px;width:150px;}
td.login {background-image:url(images/bg_login.gif); background-repeat: no-repeat; height:30px; width:325px; margin: 0; padding:0px 0 12px 16px;color:#000066; font-size:12px; font-weight:bold; text-align:left;}
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
body {text-align:center; font-family:Arial, Helvetica, sans-serif;padding:0; margin:0;}
ul.MenuBarHorizontal{margin: 0;	padding:0 0 0 10px;	list-style-type: none;	font-size: 100%;cursor: default;width: auto;background-color:#002F9D;}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive{z-index: 1000;}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li /*outer face of list*/
{margin: 0;	padding: 0;	list-style-type: none;	font-size: 100%; position: relative; text-align: left;cursor: pointer;	width: auto;	float: left; background-color:#002F9D;}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul /*UL IN outer face list*/
{margin: 0;	padding: 0;	list-style-type: none;	font-size: 100%;z-index: 1020;	cursor: default;width: 174px;position: absolute;left: -1000em;background-color: #002f9d;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left: auto;}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li{	float: left;width: 174px;}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul{	position: absolute;	margin: -5% 0 0 95%;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{	left: auto;	top: 0;}
/* DESIGN INFORMATION: describes color scheme, borders, fonts*/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul{background-color: #002f9d; border: 0px solid #CCC;}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {	display: block;	cursor: hand; background-color: #0076f9; padding:5px 5px 3px 20px;color: #FFFFFF;font-size:11px;	line-height:20px;width:149px;height:20px;text-decoration: none;	text-align:left;text-transform:uppercase;}
ul.MenuBarHorizontal li a{border-top:1px solid #003399;}/* Menu items that have mouse over or focus have a light blue background and white text FOR HOME AND CONTACT US */
ul.MenuBarHorizontal a#home:hover, ul.MenuBarHorizontal a#home:focus, ul.MenuBarHorizontal a#contactus:hover, ul.MenuBarHorizontal a#contactus:focus{background-image:url(images/btn_bg111on.gif); background-repeat:no-repeat; width:101px; height:20px;padding:7px 12px 0 0; color: #FFFFFF; text-transform:uppercase;}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{background-image:url(images/bg_listOn.gif); background-repeat:no-repeat; width:149px; height:20px; padding:5px 5px 3px 20px; color:#0076F9;text-align:left;}
ul.MenuBarHorizontal a#ps, ul.MenuBarHorizontal a#fd{background-image:url(images/btn_bg174off.gif); background-repeat:no-repeat; width:164px; height:20px;padding:7px 12px 0 0; color:#FFFFFF;text-align:right; font-size:11px;text-transform:uppercase;}
ul.MenuBarHorizontal a#ps:hover, ul.MenuBarHorizontal a#fd:hover{background-image:url(images/btn_bg174on.gif); background-repeat:no-repeat; width:164px; }
/*SUBMENU INDICATION: styles if there is a submenu under a given menu item*/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu{background-image:url(images/btn_bg111off.gif);background-repeat:no-repeat;width:101px;height:20px;padding:7px 12px 0 0; color:#FFFFFF; text-align:right; text-decoration:none; font-size:11px; text-transform:uppercase;}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{background-image: none;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{background-image: url(images/btn_bg111on.gif); background-repeat: no-repeat;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{background-image: url(SpryMenuBarRightHover.gif);	background-repeat: no-repeat;background-position: 95% 50%;}
/* BROWSER HACKS: the hacks below should not be changed unless you are an expert*/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{position: absolute;	z-index: 1010;}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE{display: inline; float: left;background: #FFF;}
}
/* STYLE OF FOOTER */
span.footer, span.footer a, span.footer a:visited{color:#FFFFFF; text-decoration:none; padding:7px 20px 0 10px; font-size:12px; color:#FFFFFF; text-transform:uppercase;}
span.footer a:hover{color:#0076f9; text-decoration:none;}
span.footer a{color:#FFFFFF; text-decoration:none; padding:7px 20px 0 10px; font-size:12px; color:#FFFFFF; text-transform:uppercase;}
span.copyright {padding:7px 0 0 30px; font-size:12px; color:#FFFFFF;} 
span.copyright a{color:#FFFFFF; text-decoration:none;}
/* STYLE OF FOOTER */

/* STYLE OF CONTENT */
#main {padding:0 0 10px 0; width:600px; height:auto;}
#index{ padding:10px 30px 0 30px; width:720px; }
h1 {margin-left: 25px; background-image:url(images/bg_h1.gif); background-repeat:no-repeat; line-height: 26px; font-size:22px; font-weight:bold; color:#3261d3; text-align:left; padding: 0 0 0 20px;}
h2 {padding: 5px 5px 0 18px; color:#666666; font-size:16px;}
h3 a{color:#000099; font-size:16px; vertical-align:middle; text-decoration:none; padding: 5px 5px 0 18px;}
h3 a:hover{text-decoration:none; color:#0076F9; vertical-align:middle;}
h3 img {padding: 0 10px 0 0;vertical-align:middle; border:0px;}
h4 {font-size: 10px;} 
ul {list-style:none; margin:0;}
.desc_txt {font-size: 12px; color:#000000; text-align:left; line-height:18px; padding:0 10px 0 18px; font-weight:normal;}
.content {padding:0 5px 5px 30px; text-align:left;}
div#logo {width:570px; display:block; vertical-align:bottom; margin-top:0px; margin-left:0px; padding-bottom:5px; padding-top:2px;}
div#logo img {margin: 10px 5px 5px 5px; border:1px solid #696582; width:91px; height:91px;padding:3px;}
ul#reason{margin:0 0 0 250px; padding: 10px 5px 10px 30px; color:#0076f9;  font-size:24px; font-weight:bold; list-style-image:url(images/tick.jpg); text-align:left; text-decoration:none; vertical-align:middle;}

ul#reason li,ul#reason a, ul#reason li a:visited{margin:0 0 0 30px; padding: 5px 5px 10px 20px; color:#666666; font-size:16px; line-height:24px; vertical-align:middle; text-align:left; text-decoration:none;}
ul#reason li a:hover{color:#0076f9; text-decoration:none;}
ul.product {margin:0; display:inline;  list-style:none;}
ul.product li{margin:0; float:left; width:260px; height:70px; vertical-align:middle; line-height:60px;}
ul.product li img{border:1px solid #BEDCF4; margin: 0 10px 0 0; vertical-align:middle;}
#gborder {border:1px solid #C0C0C0; font-size:12px; color:#666666; font-weight:bold; padding:5px 5px 5px 25px;}
#gborder a, #gborder a:visited{color:#000099; text-decoration:none;}
#gborder a:hover{color:#0076F9; text-decoration:none;}
table.hr {background-color:#a2c1d6; color: #FFFFFF;font-size:16px; font-weight:bold; }
table.hr td.hr{padding:0 0 0 20px; background-color:#a2c1d6;}
table.hr th{border-bottom:3px solid #c3def3; }
table.hr th.tc { background-color:#a2c1d6;border-bottom:3px solid #c3def3; color:#FFFFFF; font-size:16px; text-align:center; font-weight:bold; line-height:26px; }
table.hr td{padding: 0 20px 0 10px; background-color:#c0c0c0;}
table.hr img{padding: 0 0 0 10px;}
.pad5 {padding:5px;}
ol.tc li{color:#333333; font-size:12px; font-weight:bold; line-height:22px; padding:0 0 0 5px;}
ol.tc ol li{color:#000000; font-size:11px; font-weight:normal; line-height:normal; list-style-type:lower-roman;}
ol.ds li{color:#0066FF; font-size:14px; font-weight:bold; margin:0px; line-height:26px;}


/* STYLE OF CONTENT */

/* STYLE OF NAVSIDE */
#navside {width:165px; height:500px; border: 1px solid #CCCCCC; padding: 10px 0 0 0;}
#navside ul{ display:block; width:100%; height:auto; margin: 0; padding:0;	list-style-type: none; line-height:20px; font-size: 13px; cursor: default;background-color:none;}
#navside ul a{display:block; margin:0; padding:5px 5px 5px 20px;  border-bottom:1px dasded #CCCCCC; width:140px; font-size: 13px; text-decoration:none; color:#333333; text-align:left; text-transform:uppercase; }
#navside ul a:hover{display:block; margin:0;  padding:5px 5px 5px 20px;  background-image:url(images/bg_navOn.gif); background-repeat:no-repeat; background-color:#dee8f1; color:#0076F9; line-height:20px;  width:140px; font-size: 13px; text-decoration:none; text-transform:uppercase;}
/* STYLE OF NAVSIDE */
.enlarge {cursor: hand;}
/*


ul#nav{margin: 0 ;padding:2px 0 0px 10px; list-style:none; background-color:#003399;}
ul#nav li{display:inline;color:#FFFFFF; font-size:11px; text-transform:uppercase; text-align:right;}
#home ul#nav li#home, ul#nav li#home a:hover, #aboutus ul#nav li#aboutus, #aboutus ul#nav li#aboutus a, ul#nav li#aboutus a:hover, #faq ul#nav li#faq, #faq ul#nav li#faq a, ul#nav li#faq a:hover, #contactus ul#nav li#contactus, #contactus ul#nav li#contactus a, ul#nav li#contactus a:hover{display:block; float:left; background-image:url(images/btn_bg111on.gif);background-repeat:no-repeat;width:101px; height:20px;padding:7px 12px 0 0; color:#FFFFFF; margin: 0;}
#ps ul#nav li#ps, #ps ul#nav li#ps a, ul#nav li#ps a:hover, #fd ul#nav li#fd, #fd ul#nav li#fd a, ul#nav li#fd a:hover{display:block; float:left; background-image:url(images/btn_bg174on.gif);background-repeat:no-repeat;width:164px; height:20px;padding:7px 12px 0 0; color:#FFFFFF; margin: 0;}
ul#nav li#home a, ul#nav li#aboutus a, ul#nav li#faq a, ul#nav li#contactus a{display:block; float:left; background-image:url(images/btn_bg111off.gif);background-repeat:no-repeat;width:101px;	height:20px;padding:7px 12px 0 0; color:#FFFFFF; text-align:right; text-decoration:none;}
ul#nav li#ps a, ul#nav li#fd a{display:block; float:left; background-image:url(images/btn_bg174off.gif);background-repeat:no-repeat;width:164px; height:20px;padding:7px 12px 0 0; color:#FFFFFF; text-align:right; text-decoration:none;}

/*ul#nav li#home a:hover, , ul#nav li#home a, ul#nav li#home a:visited{text-decoration:none; background-image:url(images/btn_111on.gif); background-repeat:no-repeat;}*/