@charset 'shift_jis';
@import url('../header_footer/header.css');
@import url('../header_footer/gnav.css');
@import url('../header_footer/salesNetnav.css');
@import url('../header_footer/breadlist.css');
@import url('../header_footer/footer.css');

/*----------------------------------------------------------
	OMRON
	Reset & Common Styles
----------------------------------------------------------*/



/*-Modify Record-----------------------*/


/*======================================
	Color Glossary 
	
	OMRON Blue=>#0055C4(border,link,etc)
	Black=>#333333(text color)
	Gray1=>#555555(header,footer,bread,etc)
	Sky Blue=>#3983B9(Copy)
	Sky Blue 2=>#6DA5CD(Sub Copy)
	Pale Blue=>#E7EFF8(Background)
	Pale Blue 2=>#
	
	
	General Structure of the site: 
		I. Container Div
			A. Header Div
			B. Banner Div
			C. gNav Div (top nav)
			D. Contents Div
				1. Leftrail
				2. Middle
				3. InteriorMiddle
					All interior pages have only leftrail and remaining area to the right
				3. Rightrail 
					NOTE: Rightrail is on Home and landing pages only. 
					Search Center is in right rail on home page and moves to leftrail on ALL other pages.
					CSS for Search Center is located under Rightrail.
					
			E. Spacer Div
			F. Footer Div.
			
	
======================================*/

/*--------------------------------------
	CONTAINER DIV
--------------------------------------*/
	
	#container{
		width:1003px;
		border-right:1px solid #959595;
		border-left:1px solid #959595;
		margin:0 auto;
		}


/*--------------------------------------
	RESET & HACK
--------------------------------------*/
	html,body,div,
	h1,h2,h3,h4,h5,h6,
	p,pre,blockquote,
	dl,dt,dd,ul,ol,li,
	form,legend,fieldset,input,textarea,
	th,td,
	address{
		margin:0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
	}
		
	
	body{
		background:#ffffff;
		font-size:13px;
		font-family:Verdana,Arial,Sans-serif;
		color:#333333;
		}
		
	
	h1,h2,h3,h4,h5,h6{
		font-size:13px;}
		
	
	img,
	a,
	fieldset{
		border:0;}
		
		
	img{
		vertical-align:top;}
	
	
	ul li{
		list-style:none;
		list-style-position:inside;
		}
		
	
	table{
		border-collapse:collapse;
		border-spacing:0;}



	/* LINKS -----------------------*/
	
		a {
			outline:0;
			text-decoration:none;
			color:#0066cc;}
			
		
		a:active,
		a:hover {
			text-decoration:underline;}
	
			
	
/*--------------------------------------
	CONTENTS
	- MAIN LAYOUT DIVS
--------------------------------------*/
	
	#contents{
		min-height:400px;
		padding-top:5px;
		padding-bottom:40px;
		}
	
	
	/* middle section used on interior pages */
	#interior {
		padding:0 0 0 274px; /*padded the left column */
		}
	/* middle section used on interior pages */
	#interiorMiddle {
		margin-right: 19px;
		padding-left: 19px;
		}
		
	/* middle section used on home page and landing pages */
	#middle { 
		padding:0 295px 0 274px; /*padded 45 past the floated columns on home and landing pages */
		}
	#middleInterior { 
		margin-left: 19px;
		}		
	#interior h2, #middle h2 { padding-left: 19px; } /* indent past the dotRule */
	#interiorMiddle h2, #middleInterior h2 { padding-left: 0; } /* remove extra indent */
	
	
		
/*--------------------------------------
	CONTENTS : MIDDLE INTERIOR PAGES ELEMENTS 
--------------------------------------*/		
	
	/* INDENT A  ITEMS -------------------------------*/	
		
	/* sets the first indent for text */
	.indentA {
		padding-left: 0px;
		/* border: solid 1px #e6e6e6; */
		}
	
			
	/* sets the first indent for text */
	.indentA p{
		padding-left: 20px;
		padding-bottom:0px;
		}	
		
	.photo {
		border:solid 2px #999999;
		margin-right: 20px;
		margin-top: 4px;
		vertical-align:top;
		}
		
	.photoInTable {
		border:solid 2px #999999;
		margin-right: 0px;
		margin-top: 4px;
		vertical-align:top;
		}



	/* INDENT B ITEMS -------------------------------*/

	/* sets the first indent for text */
	.indentB {
		margin-left: 160px;
		}
		
	.indentB p 	{
		}

	/* sets the first indent for text*/ 
	.indentB h5{
		padding-left: 0;
		}
	
	.photoIndentB {
		float: left;
		border:solid 2px #999999;
		margin-left: 20px;
		margin-top: 4px;
		}
		
		
		
	/* TEXT VARIATIONS  -------------------------------*/
	
	/* color and size */	
	.smallText {
		font-size: 8pt;	
		text-align: left;
		color: #838383;
		}
		
	.boldText {
		font-weight:bold;
		}
		
	.redText {
		color: #990000;
		text-align: left;	
		}
		
	.greyText {
		color: #b3b3b3;
		}
		
	.errorMessage {
		font-size: 8pt;
		text-align: left;
		color: #990000;
		}
	
		
		
	/* HEADERS -------------------------------*/

	/* header for main title of page*/		
	h2 {
		font-weight:bold;
		font-size:11pt;
		color:#0066cc;
		}
		
	/* bottom section ( shortcut links area) elements */	
	h2 span{
		font-size:10pt;
		color:#999999;
		font-weight:normal;
		}
		
		
	/* header for interior pages with blue dots*/			
	h3 {
		background:#fff url(../common_images/dots_on_white_header.gif) no-repeat;
		height:20px; /*adjust height */
		padding-left: 20px;
		margin-top:30px;
		margin-bottom:2px;
		}
		
	
	/* header for interior pages with blue dots and line*/		
	h4 {
		background:#fff url(../common_images/dots_line_header.gif) no-repeat;
		height:20px; /*adjust height */
		padding-left: 20px;
		margin-top:30px;
		margin-bottom:2px;
		}
	
	h4 span { 
		background-color: #fff;  /* makes text area of H4 white*/	
		padding-right: 10px;
		}
		
	/* subhead in bold within text*/
	h5 {
		margin-top:20px;
		padding-left: 20px;
		margin-bottom:2px;
		}
		
		
	/* subhead in bold within text*/
	h5 span {
		font-weight:normal;
		}
		
		
	/* h2 underline line */
	.rule {
		margin-bottom:10px;
		margin-left:-24px;
		}
		
	.dotRule {
		background-image:url(../common_images/dot_rule_fullpage.gif);
		background-position:left top;
		background-repeat:no-repeat;
		height: 16px;
		}


	/* BULLET LISTS  -------------------------------*/

	/* setting for plain bulleted list in Indent A */
	.bulletList ul {
		padding-left:20px;
		}
	.bulletList li {
		list-style-image: url('../common_images/bullet_disk.gif');
		margin-left: 55px;
		text-indent: -23px;
		}
		
		
	/* setting for plain bulleted list in Indent B */
	.bulletListIndentB ul {
		margin-left: 0px;
		}
	.bulletListIndentB li {
		list-style-image: url('../common_images/bullet_disk.gif');
		margin-left:5px;
		padding-left: 28px;
		text-indent: -26px;
		}


	/* changing icons for bullets */
	
	li.bulletPdf {
		list-style-image: url('../common_images/bullet_pdf.gif');
		}
		
	li.bulletWord {
		list-style-image: url('../common_images/bullet_msword.gif');
		}






/*--------------------------------------
	SETTINGS FOR TABLES 
--------------------------------------*/	

	/* SETTING FOR GENERAL CONTENT TABLES  -------------------------------*/
	
	.introTable {
		margin: 0;
		padding:0;
		width: 657px;
		}
	
	.introTable td{
		vertical-align:top;
		}
		
	.blueTable {
		margin: 20px 0px 0px 20px;
		width: 637px;
		}

	.blueTableBorder {
		margin: 20px 0 0px 20px;
		width: 637px;
		border:1px solid #3088d9;
		}

	.blueTableNoIndent {
		margin: 20px 0 0 0;
		width: 657px;
		}
		
	.blueTableViewCart {
		margin: 0px 0 0 0;
		width: 637px;
		}
	.blueTableProducts {
		margin: 0;
		width: 638px;
		}
	
	.blueTable td,
	.blueTableBorder td,
	.blueTableNoIndent td,
	.blueTableProducts td{  
		padding:7px 5px 7px 10px;
		vertical-align:top;
		}	
		
	.blueTableEven td{    
		background-color: #E7EFF8;
		}
		
	.blueTableOdd td{    
		border-bottom: solid 1px #E7EFF8;
		}	
			
	.blueTableHeader td {
		background-color: #3088d9;
		color: #fff;
		vertical-align:bottom;
		}	

	.blueTableCentered {
		text-align:center;
		}	
		
	.blueTableRight {
		text-align:right;
		}	
		
	.blueTableUniqueIndent td {
		padding-left:280px;
		}		
		


/* SETTING FOR SEARCH RESULTS TABLES  -------------------------------*/

	/* search again area */
	.resultsGreybox {
		background-color:#e2e2e2;
		width: 607px;	
		margin-top: 20px;
		margin-left: 20px;
		padding: 15px;
		}
		
	.resultsGrayTable {
		text-align:left;
		vertical-align:top;
		width: 607px;
		border:solid 1px #ffffff;
		}
		
	.resultsGrayTable td {
		padding:5px;
		}
	
	/* main results table */
	.resultsTable {
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 20px;
		width: 637px;
		}
	
	.resultsTable td{
		vertical-align:top;
		padding: 10px;
		border-top: solid 1px #e2e2e2;
		}

	.resultsTable p{
		padding-left: 0px;
		}
	
	.resultsTable h6 {
		color:#0055C4; /* company name*/
		}
		
	.resultsTableRightAlign {
		text-align: right;
		color:#999999; /* company name*/
		}
		
	
		
	/* header of results table */
	.resultsTableHeader {
		background-color:#848484;
		color:#ffffff;
		font-weight:bolder;
		}
		
		
	/* Even number results entries */
	.resultsTableEven{
		background-color:#e2e2e2;
		}
		
	
		


/* SETTING FOR SEARCH RESULTS TABLES  -------------------------------*/


	/* search again area */
	.graySearchBox {
		background-color:#e2e2e2;
		width: 627px;	
		margin-top: 20px;
		padding: 15px;
		}
		
	.graySearchBoxIndented {
			background-color:#e2e2e2;
			width: 607px;	
			margin-top: 20px;
			margin-left: 20px;
			padding: 15px;
			}		
			
	.graySearchBox p,
	.graySearchBoxIndented p{
		padding-left: 5px;
		padding-bottom: 15px;
		}
		
		
	.graySearchBoxWhiteBorder {
		width: 627px;
		border:solid 1px #ffffff;
		}
		
		
	.graySearchBoxWhiteBorderIndented {
		width: 607px;
		border:solid 1px #ffffff;
		}
		
	.graySearchBoxWhiteBorder td,
	.graySearchBoxWhiteBorderIndented td {
		vertical-align: center;
		padding:5px;
		}
	

	/* main gray table */
	
	.grayTable {
			margin: 20px 0 0px 0px;
			width: 657px;
			}
	
	.grayTableIndented {
			margin: 20px 0 0px 20px;
			width: 637px;
			}
			
			
	.grayTable td,
	.grayTableIndented td{
			vertical-align:top;
			padding:7px 5px 7px 10px;
			border-top: solid 1px #e2e2e2;
			}
			
	.grayTable p,
	.grayTableIndented p{
			padding:0;
			}
		
	.grayTableRightAlign {
		text-align: right;
		color: #ababab; 
		}

	.grayTableCenterAlign {
			text-align: center;
			}

	.grayTableHeader td {
			vertical-align:bottom;
			background-color:#848484;
			color:#ffffff;
			}

	.grayTableHeader a {
			outline:0;
			text-decoration:none;
			color:#fff;
			float:right;
			padding-right:10px;
			}
			
	.grayTableHeader a:active,
	.grayTableHeader a:hover {
			text-decoration:underline;
			}
			
	
	.grayTableEven {
		background-color:#e2e2e2;
		}
						

	.grayTableGrayText{
		text-align: right;
		color: #b6b6b6; 
		font-weight: normal;
		}
	
	.grayTableRedText{
		color: #990000;
		background-color:#e2e2e2;
		font-weight: normal;
		}
		
			

	/* SETTING FOR INTRO 3 IMAGES TABLE  -------------------------------*/
	
	.imageTable {
		margin-bottom: 0px;
		width: 657px;
		text-align: center;
		}
	

	/* SETTING FOR FORM TABLES  -------------------------------*/

	.addressTable {
		background-color: #E8E8E8;
		margin-top: 25px;
		margin-bottom: 0px;
		width: 657px;
		}
		
	.addressTable td {
		padding:10px 2px 10px 10px;
		}	
	
	.addressTable p {
		font-size:12px;
		}	
	
	.espotTable td{
		padding-top:25px;
		padding-right:25px;
		}
		
			
	.contactTable, .loginTable {
		margin: 20px 0 20px 20px;
		width: 637px;
		}
	
	.contactTable td, .loginTable td {
	
		vertical-align:top;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:6px;
		}
			
	.contactTable p{
		text-align: right;
		}
	
	.loginTable h5, .loginTable h3 {
		margin-top:0px;
		}
			
	.leftBorder {
		border-left: solid 1px #0055C4;
		padding-left: 10px;
		}
		
	.contactTableBottomBorder {
		border-bottom: solid 1px #0055C4;
		}
		
	
	
	
	
/*--------------------------------------
	CART/PARTS PAGES
--------------------------------------*/
	/* ID's for parts page DIVs*/
			
		
		
	#MyPartsCreateNewList, 
	#MyPartsUpdateListName,
	#MyPartsList {
		margin-bottom: 0px;
		margin-top: 0px;
		}
		
		
		
/*--------------------------------------
	CONTENTS : MIDDLE : HOME PAGE ELEMENTS 
--------------------------------------*/



	/* top of page table elements that hold Industry Solutions promotional content */
		#middle .homepromo {
			margin-top: 4px;
			}
		#middle .homepromo td {
			padding-bottom:20px
			}
			
		#middle .homepromoheader  {
			font-weight:bold;
			font-size:9pt;
			color:#0066cc;
			}
			
		#middle .homepromo img {
			margin-right:20px;
			vertical-align:top;
			border:solid 2px #999999
			}
		
		#middle .homeMoreInfoLink, 
		#middle .homeMoreInfoLink a, 
		#middle .homeMoreInfoLink a:hover, 
		#middle .homeMoreInfoLink a:visited, 
		#middle .homeMoreInfoLink a img {
			text-align:right;
			text-decoration:none;
			border:none 0;
			}
		
		
		/* bottom section ( shortcut links area) elements */	
		#middle .homeH2subHead {
			font-size:10pt;
			color:#999999;
			font-weight:normal;
			}
	
	
	
		/* bottom section ( shortcut links area) link list styles */	
		#middle .homeShortcutLinks ul {
			margin-bottom:10px;
			}
		#middle .homeShortcutLinks li {
			list-style-image: url('../common_images/3_dots_white.gif');
			list-style-position:inside;
			list-style-type:none;
			font-weight:bold;
			color:#999999;
			margin-bottom:5px;
			margin-left:5px;
			vertical-align:middle;
			}
		#middle .homeShortcutLinks a, 
		#middle .homeShortcutLinks li a:visited {
			color:#999999;
			text-decoration:none;
			}
		#middle .homeShortcutLinks a:hover {
			color:#999999;
			text-decoration:underline;
			}
		
		
		

/*--------------------------------------
	LEFTRAIL AND LEFT NAV
--------------------------------------*/

	#leftrail {
		float:left;
		width:253px;
		margin-top:3px;
		}
		
		
	#leftrail p {
		/*margin-bottom:20px;*/
		}
	
	
	.bluebox {
		background-color:#85b9e9;
		width:253px;
		list-style-type:disc;
		padding:0 0 3px 0;
		margin-bottom:20px;
		position:relative;
		}
	
	.bluebox p {
		padding-top:5px;
		padding-left:25px;
		margin-bottom:20px;
		}

	.bluebox img {
		padding-bottom:10px;
		}
	
	.espot {
		padding-bottom:20px;
		}

		/* CONTENTS : LEFTRAIL - NAVIGATION
		--------------------------------------*/
		
	
			.bluebox li {
				/*background-image: url('../common_images/dots_on_blue.gif');
				background-position:left;
				background-attachment:scroll;
				background-repeat:no-repeat;
				background-color:#85b9e9;*/
			
				/*list-style-image: url('../common_images/dots_on_blue.gif');
				list-style-position:inside;
				list-style-type:none;*/
			
				/*padding:5px 0 0 15px;
				margin-left:10px;*/
			}
			
			.bluebox {
				z-index:100;
				font-weight:bold;
				font-size:9pt;
				}
			
			.bluebox a, .bluebox a:hover {
				color:#fff;
				text-decoration:none;
				}
			
			/* remove all the bullets, borders and padding from the default list styling */
			.bluebox ul {
				position:relative;
				display:block; 
				z-index:500;
				padding:0;
				margin-left:0px;
				list-style-type:none;
				width:253px;
			}
			.bluebox ul ul, .bluebox ul ul ul {
				width:275px;
				z-index:600;
			}
			/* style the list items */
			.bluebox li {
				background:#85b9e9 url(../common_images/dots_on_blue.gif) no-repeat;
				/*padding:5px 0;*/
				height:26px; /*remove height*/
				/* for IE7 */
				float:left;
			}
			.bluebox ul ul li {
				background:#85b9e9;
				border-left:1px solid #85b9e9;
				/*border-right:1px solid #fff;*/
				border-top:1px solid #85b9e9;
				border-bottom:1px solid #85b9e9;
			
			}
			/*.bluebox li.sub {background:#85b9e9 url(sub.gif) no-repeat right center;} */
			
			/* get rid of the table */
			.bluebox table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:600; font-size:1em;}
			
			/* style the links */
			.bluebox ul a, .bluebox ul a:visited { /* added ul to not mess up any other a links */
				display:block; 
				text-decoration:none;
				height:25px; /*remove height*/
				line-height:25px; /*remove height*/
				width:253px;
				color:#fff;
				text-indent:35px; /* move over text*/
				/*border:1px solid #fff;
				border-width:0 1px 1px 1px;*/
			}
			.bluebox ul ul a, .bluebox ul ul a:visited {
				width:274px;
				text-indent:5px; /* not as much space needed for sub-menus */
			}
			
			/* hack for IE5.5 */
			* html .bluebox ul a, * html .bluebox ul a:visited {width:253px; w\idth:253px;} /* added ul to not mess up any other a links */
			* html .bluebox ul ul a, * html .bluebox ul ul a:visited {width:274px; w\idth:273px;}
			/* style the link hover */
			* html .bluebox ul a:hover {color:#3088d9; background:#fff url(../common_images/dots_on_white.gif) no-repeat; position:relative;}
			* html .bluebox ul ul a:hover {background:#fff;}
			
			.bluebox li:hover {position:relative;}
			
			/* retain the hover colors for each sublevel IE7 and Firefox etc */
			.bluebox li:hover > a {color:#3088d9; background:#fff url(../common_images/dots_on_white.gif) no-repeat;}
			.bluebox li:hover > a {background:#fff;}
			 
			/* hide the sub levels and give them a positon absolute so that they take up no room */
			.bluebox li ul {
				visibility:hidden;
				position:absolute;
				top:-30px;
				/* set up the overlap (minus the overrun) */
				left:220px;
				/* set up the overrun area */
				padding:30px;
				/* this is for IE to make it interpret the overrrun padding */
				background:transparent url(transparent.gif);
			}
			/* sub-sub menu needs to be over further */
			.bluebox li ul ul {
				left:243px;
			}
			
			/* for browsers that understand this is all you need for the flyouts */
			.bluebox li:hover > ul {
				visibility:visible;
			}
			
			/* for IE5.5 and IE6 you need to style each level hover */
			
			/* keep the third level+ hidden when you hover on first level link */
			.bluebox ul a:hover ul ul{
				visibility:hidden;
			}
			/* keep the fourth level+ hidden when you hover on second level link */
			.bluebox ul a:hover ul a:hover ul ul{
				visibility:hidden;
			}
			/* keep the fifth level hidden when you hover on third level link */
			.bluebox ul a:hover ul a:hover ul a:hover ul ul{
				visibility:hidden;
			}
			
			/* make the second level visible when hover on first level link */
			.bluebox ul a:hover ul {
				visibility:visible;
			}
			/* make the third level visible when you hover over second level link */
			.bluebox ul a:hover ul a:hover ul{ 
				visibility:visible;
			}
			/* make the fourth level visible when you hover over third level link */
			.bluebox ul a:hover ul a:hover ul a:hover ul { 
				visibility:visible;
			}
			/* make the fifth level visible when you hover over fourth level link */
			.bluebox ul a:hover ul a:hover ul a:hover ul a:hover ul { 
				visibility:visible;
			}

		

		
		

		
	
	
/*--------------------------------------
	CONTENTS : RIGHTRAIL
--------------------------------------*/

	#rightrail {
		float:right;
		width:253px;
		margin-top:3px;
		}
		
	#rightrail .photo {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		}
		
	#rightrail .testimonial {
		margin-bottom: 20px;
		float: right;
	
		}	



		/*	CONTENT : SEARCH CENTER 
			note: changes placement from rightrail on home to leftrail on all interior pages)
		--------------------------------------*/
		
		.greybox {
			background-color:#e2e2e2;
			width:253px;	
			position:relative;
			margin-bottom: 20px;
			}
		
	/*	.innergreybox {
			width:214px;
			margin:13px 13px 0 13px;
			padding:5px;
			border:solid 1px #ffffff;
			font-size:9pt;
		}*/

			.innergreybox {
			width:214px;
			margin:5px 5px 0 13px;
			padding:5px;
			border:solid 1px #ffffff;
			font-size:9pt;
		}
		
		.innergreybox p, .innergreybox span {
			font-size:8pt;
			margin-bottom:0px;
		}
		.greybox img, .greybox p { padding:0;margin:0}




/*--------------------------------------
	SPACER DIV
--------------------------------------*/

.spacer {
	clear:both;
	height:1px;
	}

.homespacer {
	clear:both;
	height:5px;
	}
	
	
	
	
	
	
/*--------------------------------------
	PRODUCT PAGES
--------------------------------------*/
	/* ID's for product page DIVs*/
	

	#productList,
	#productListLocked,
	#productSelectorOpen {
		margin-left: 20px;
		margin-top:20px;
		margin-bottom: 20px;
		margin-right:20px;
		border:1px solid #3088d9;
		}

	#productSelectorClosed {
			padding:7px 5px 7px 10px;
		}


	/* classes for product section ID's */

	.indentA .dropDownMenu {
		margin-left: 20px;
		}
	
	#productFamilySpecs,
	#productAccesories,
	#ProductViewCart,
	#productSelectorOpen .dropDownMenu, 
	#productList .dropDownMenu,
	#productAccesories .dropDownMenu   {
		margin: 0px;
		}
	
	
	/* dropdown menus
	----------------------------------*/
	
			.dropDownMenu {
				padding: 0;
				margin-top: 20px;
				margin-bottom: 0px;
				}

			/* get rid of the table */
			.dropDownMenu table {
				position:absolute; 
				border-collapse:collapse; 
				top:0; 
				left:0; 
				z-index:10; 
				font-size:1em;
				width:632px;
				}
				
				
			/* remove all the bullets, borders and padding from the default list styling */
			.dropDownMenu ul {
				position:relative;
				display:block; 
				z-index:5;
				margin-left:0px;
				list-style-type:none;
				width:632px; 
				}
	
			
			/* submenu styling */
			.dropDownMenu ul ul {
				width:632px;
				z-index:10;
				border: 1px #333 solid; /* border of dropdown area */
				height:700%;overflow-x:hidden;overflow-y:scroll;  /* height is percentage of the li height */
				left:-99999999px;position:absolute;
				}
	
			
			
			/* style the list items */
			.dropDownMenu ul li {
				background:#fff url(../common_images/dropdown_arrow.gif);
				background-repeat: no-repeat;
				background-position: 100% 0; 
				border:1px solid #999;
				width:632px;
				height:18px; /*remove height*/
				list-style-position:outside;
				}
					/* style the list items */
	
			
			/* submenu ul container  */
			.dropDownMenu ul ul li {
				background:#fff;
				border:0;
				width:617px;
				}
	
						
			/* style the links */
			.dropDownMenu ul li a, 
			.dropDownMenu ul li a:visited { /* added ul to not mess up any other a links */
				display:block; 
				text-decoration:none;
				height:18px; /*remove height*/
				line-height:18px; /*remove height*/
				width:632px;
				color:#000;
				text-indent:5px; /* move over text*/
				}

			
			
			/* submenu links  */
			.dropDownMenu ul ul a, 
			.dropDownMenu ul ul a:visited {
				width:617px;
				text-indent:5px; 
				}
				
				
			/* style the link hover */
			* html .dropDownMenu ul a:hover {
				background-color:#ccc; 
				color:#000; 
				position:relative;
				}
				
			* html .dropDownMenu ul ul a:hover {
				background-color:#fff;
				}
			
			.dropDownMenu li:hover {
				position:relative;
				}
				
				
			/* for IE5.5 and IE6 you need to style each level hover */	
				
			/* retain the hover colors for each sublevel IE7 and Firefox etc */
			.dropDownMenu li:hover > a {
				background:#fff url(../common_images/dropdown_arrow.gif);
				background-repeat: no-repeat;
				background-position: 100% 0;
				color:#000;}
				
			/* retain the hover colors for each sublevel IE7 and Firefox etc */
			.dropDownMenu ul ul li:hover > a {
				background:#ccc;
				color:#000;
				}
				
			/* hide the sub levels and give them a positon absolute so that they take up no room */
			.dropDownMenu li ul {
				text-decoration:none;
				visibility:hidden;
				position:absolute;
				top:18px;
				/* this is for IE to make it interpret the overrrun padding */
				background:transparent url(transparent.gif);
				}
				
			/* HACKS FOR BROWSERS */
			
			/* hack for IE5.5 */
			* html .dropDownMenu ul a, 
			* html .dropDownMenu ul a:visited {
				width:616px; w\dth:616px;
				} /* added ul to not mess up any other a links */
			
			* html .dropDownMenu ul ul a, 
			* html .dropDownMenu ul ul a:visited {
				width:625px; w\dth:625px;
				}
			
			
			/* for browsers that understand this is all you need for the flyouts */
			.dropDownMenu li:hover > ul {
				visibility:visible;
				left:0;
				}

			/* make the second level visible when hover on first level link */
			.dropDownMenu ul a:hover ul {
				visibility:visible;
				left:0;
				}
	
	
			.dropDownMenu table a:hover {
				background:#fff url(../common_images/dropdown_background.gif);
				text-decoration:none;
				}

		.blueDIBTableBorder {
		margin: 20px 0 0px 20px;
		width: 900px;
		border:1px solid #3088d9;
		}
			
	.blueDIBTableBorder td	{  
		padding:7px 5px 7px 10px;
		vertical-align:top;
		}	  

	.imageIndentB {
		float: left;
		margin-left: 20px;
		margin-top: 4px;
		}


			.blueTableBorderwithNoWidth {
		margin: 20px 0 0px 20px;
		border:1px solid #3088d9;
		}