body
{
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	margin: 0px;
}

#master
{
	width: 770px;
	background-color: #fff;
	margin: 0 auto;
}

/* HREF Classes */
.popuplink  { 
color: #000;
z-index: 20;}
 
 .popuplink:hover { outline: none; 
color: #fff;
z-index: 20;}

a, a:visited, a:active
{
	text-decoration: none;
	color: #3b5a6f;
}

a:hover { color: #999; }

H2
{
	font-size: 13px;
	color: #c00;
	display: block;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 6px;
}

H3
{
	background-color: rgb(62,100,126);
	color: #fff;
	padding: 3px;
	width: auto;
	font-size: 13px;
	font-weight: normal;
}

LI
{
	padding-bottom: 5px;
	margin-left: -20px;
}

/* TOP MENU */
#menu
{
	
	float: right;
	width: 770px;
	padding: 0px;
	margin-top: -3px;
	
}

#menu td.top
{
	padding-top: 12px;
	padding-bottom: 9px;
	padding-left: 23px;
	padding-right: 23px;
	width: 110px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-image: url(../images/navbackground.jpg);
	background-repeat: repeat;
	text-align: center;
}

#menu div.section
{
	position: absolute;
	width: auto;
	z-index: 190;
}

/* SUBMENUS UNDER TOP NAV */
#menu div.box
{
	background-color: #c3cad3;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 10px;
	border-color: #9ba7b4;
	border-width: 1px;
	border-style: solid;
	position: relative;
	visibility: hidden;
	width: auto !important;
	max-width: 240px !important;
	top: 10px;
	left: -23px;
	z-index: 200;
	text-align: left;
}

#menu div.box a
{
	color: #333;	
	font-size: 10px;
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#menu div.box a:hover
{
	color: #c00;
}

#menu a
{
	color: #64778b;
	text-decoration: none;
	white-space: nowrap;

	font-size: 13px;
	letter-spacing: 1px;
	border: 0;
	text-align: center;
}

#menu a:hover, #menu a:active
{
	color: #c00;
	text-decoration: none;
	white-space: nowrap;
	border: 0;
}

#menu td.top:hover
{
	background-color: rgb(168,190,210);
	color: #c00;
}

#menu div.box:hover { background-color: rgb(168,190,210); }



/* GRAY LINE UNDER FLASH OBJECT ON HOME PAGE*/
.gray_border_bottom
{
	margin-top: 0px;
	padding-top: 2px;
	border-bottom: 11px solid #9ba7b4;
	opacity: .75;
	filter: alpha (opacity=75);
	
}

/* LEFT NAV  ON SUBPAGES*/



.navtable TD
{
	border-color: #9BA7B4;
	padding: 8px 0px 8px 5px;
	line-height: 10px;
	height: 10px;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}



 
.sub_nav_head
{
	font-size: 13px;
	font-weight: bold;
}

.sub_nav_links
{
	font-size: 11px;
	font-weight: bold;
	color: #333;
	
	
}

.sub_nav_links:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

.navitems A:hover
{
	color: #c00;
	border: 0;
}

.no_navitems
{
	border: 0;
}

/* Table hover */
tr.ruled { background-color: rgb(168,190,210); }

/* THIRD-LEVEL LINKS ON LEFT NAV */
.submenu
{
	display: block;
	height: auto;
	padding-top: 2px;
	padding-left: 0px;
	color: #c00;
	font-size: 11px;
}

.submenu:hover { color: #333; }

/* CONTENT PAGE HEADERS */
.sub_content_title
{
	padding: 5px;
	background-color: #E4E7EC;
	height: 18px;
	line-height: 18px;
	font-size: 13px;
	color: #64778b;
	font-weight: bold;
	border-bottom: 1px solid #64778b;
	width: auto;
	background-image: url(../images/title_swoosh.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

/* NEWS ARTICLE HEADLINE */
.sub_headline
{
    font-size: 14px;
	padding: 5px;
	color: #000000
	font-weight: bold;
}


/* FOR FAQ */
.question
{
	font-weight: bold;
	padding: 5px;
	background-color: #c00;
	color: #ececf4;
}

.question:first-letter { font-size: 14px; }
.answer { padding: 5px; }

.answer:first-letter
{
	font-weight: bold;
	font-size: 14px;
}

/* SOLUTIONS PAGE BOXES */
.gentitle { border: 1px solid #000; }

.gentitle P
{
	padding: 0;
	margin: 0;
	
}



.gentitle a .pop {display: none;
}

.gentitle a:hover {
text-decoration: none;
border: none;}

.gentitle a:hover	 .pop {
display: block;

 background-color: #ffffff;
color: #000;
    width: 300px;
    w\idth: 300px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    padding: 3px;
    position: absolute;
    left: 30px;
    top: 450px;
  text-align: left;}
    
.genbox
{
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-image: url(../images/redclouds.jpg);
	background-repeat: repeat;
	/*background-color: #c00;*/
	height: auto;
	margin: 0 auto;
	padding: 5px 3px 5px 3px;
}

.innergenbox
{
	background-color: #E4E7EC;
	height: 2.2em;
	width: 85%;
	text-align: center;
	margin: 3px auto;
	padding: 2px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	color: #c00;
}



.singleline { line-height: 2em; }

.doubleline { line-height: 1.1em; }

.innergenbox a
{
	color: #c00;
	
}

.innergenbox a:hover { color: #000; }

.innergenbox:hover
{
	background-color: #c3cad3;
	border-top: 3px solid #000;
	border-left: 3px solid #000;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

/* Curved box 
KEY:  
ctl=curved top left corner, cbl = curved bottom left corner, ctr = curved top right corner, cbr = curved bottom right corner
quadtl = square top left, quadtr = square top right, quadbl = square bottom left, quadbr = square bottom left
txt - controls the text within the box
*/

.curvy
{
	clear: both;
	position: relative;
	width: 510px;
	height: 80px;
	background: #c3cad3;
	color: #c00;
	margin: 0 auto;
}

#ctl, #cbl, #ctr, #cbr
{
	position: absolute;
	width: 20px;
	height: 20px;
	color: #c3cad3;
	background: #fff;
	overflow: hidden;
}

#ctl
{
	top: 0px;
	left: 0px;
}

#cbl
{
	top: 60px;
	left: 0px;
}

#ctr
{
	top: 0px;
	left: 490px;
}

#cbr
{
	top: 60px;
	left: 490px;
}

#quadtl, #quadtr, #quadbl,
    #quadbr
{
	position: relative;
	font-size: 150px;
	font-family: arial;
	color: #c3cad3;
	line-height: 40px;
}

#quadtl { left: -8px; }
#quadtr { left: -25px; }

#quadbl
{
	left: -8px;
	top: -17px;
}

#quadbr
{
	left: -25px;
	top: -17px;
}

/* Text in "curved" box */
#txt
{
	position: absolute;
	top: 5px;
	left: auto;
	right: 5px;
	width: 500px;
	height: 80px;
	color: #000;
	font-size: 12px;
	text-align: center;
}

/* End curved box */
/* Arrows on the About Us page */
.arrowtoright
{
	position: relative;
	left: 95px;
	top: 20px;
	z-index: 100;
	width: 38px;
}

.arrowtoleft
{
	position: relative;
	left: -25px;
	top: 5px;
	z-index: 100;
	width: 38px;
}

/*Hover images on Sourcing and Procurement page*/
#nav1, #nav2, #nav3
{
	display: inline;
	padding: 5px 10px 5px 10px;
	background-color: #E4E7EC;
	margin: 2px;
	line-height: 15px;
	text-decoration: none;
	color: #000;
	
	
}

#nav1:hover, #nav2:hover, #nav3:hover
{
	background-color: #c00;
	color: #fff;
}

.lione
{
	background-image: url(../images/solutions/longarrowgray.gif);
	background-repeat: no-repeat;
	width: 426px;
	height: 47px;
	position: absolute;
	top: 60px;
	left: 40px;
	text-align: center;
	line-height: 37px;
	padding: 5px;
	color: #000;
		z-index: 90;
}

.litwo
{
	background-image: url(../images/solutions/shortarrowgray.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 59px;
	position: absolute;
	top: 109px;
	left: 40px;
	text-align: center;
	padding: 16px 5px;
	color: #000;
		z-index: 90;
}

.lithree
{
	background-image: url(../images/solutions/longarrowgray.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	width: 426px;
	height: 47px;
	position: absolute;
	top: 170px;
	left: 40px;
	text-align: center;
	line-height: 37px;
	padding: 5px;
	color: #000;
		z-index: 90;
}

.lifour
{
	background-image: url(../images/solutions/longarrowgray.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	width: 426px;
	height: 47px;
	position: absolute;
	top: 220px;
	left: 40px;
	text-align: center;
	line-height: 37px;
	padding: 5px;
	color: #000;
		z-index: 90;
}

.lifive
{
	background-image: url(../images/solutions/shortarrowgray.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 59px;
	display: inline;
	position: absolute;
	left: 121px;
	top: 109px;
	text-align: center;
	padding: 12px 5px;
	color: #000;
	z-index: 88;
}

.lisix
{
	background-image: url(../images/solutions/shortarrowgray.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 59px;
	display: inline;
	position: absolute;
	left: 202px;
	top: 109px;
	text-align: center;
	padding: 16px 5px;
	color: #000;
	z-index: 89;
}

.liseven
{
	background-image: url(../images/solutions/shortarrowgray.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 59px;
	display: inline;
	position: absolute;
	left: 283px;
	top: 109px;
	text-align: center;
	padding: 16px 5px;
	color: #000;
	z-index: 90;
}

.lieight
{
	background-image: url(../images/solutions/shortarrowgray.gif);
	background-repeat: no-repeat;
	width: 105px;
	height: 59px;
	position: absolute;
	left: 364px;
	top: 109px;
	text-align: center;
	padding: 16px 5px;
	color: #000;
	z-index: 90;
}




#nav2:hover .lione, #nav2:hover .lithree
{
	position: absolute;
	width: 426px;
	height: 47px;
	display: block;
	z-index: 100;
	background-image: url(../images/solutions/longarrowred.gif);
	background-repeat: no-repeat;
	color: #fff;
}

#nav2:hover .litwo, #nav2:hover .lifive, #nav2:hover .lisix, #nav2:hover .liseven, #nav2:hover .lieight
{
	position: absolute;
	width: 105px;
	height: 59px;
	display: block;
	z-index: 100;
	background-image: url(../images/solutions/shortarrowred.gif);
	background-repeat: no-repeat;
	color: #fff;
}

#nav3:hover .lifour
{
	position: absolute;
	width: 426px;
	height: 47px;
	display: block;
	z-index: 100;
	background-image: url(../images/solutions/longarrowred.gif);
	background-repeat: no-repeat;
	color: #fff;
}
 #nav1:hover .lifive, #nav1:hover .lisix, #nav1:hover .liseven
{
	position: absolute;
	width: 105px;
	height: 59px;
	display: block;
	z-index: 100;
	background-image: url(../images/solutions/shortarrowred.gif);
	background-repeat: no-repeat;
	color: #fff;
}
/* Specifications for container for layers to show/hide.
	 Most browsers need both width and height set. */
#container	{ position:relative; width:200px; height:220px; z-index:100 }
/* Include id's for all your layers here, with commas between. */
 
#lyr0,#lyr1, #lyr2, #lyr3,#lyr4,#lyr5,#lyr6,#lyr7,#lyr8,#lyr9,#lyr10,#lyr11,#lyr12,#lyr13,#lyr14	{ 
	position:absolute; visibility:hidden; left:0; top:0; z-index:30 }

#lyr15 {
float: right; 
visibility: hidden; 
margin: 5px; 
}	
/* POPUP STYLES  for solutions.html page */

.popup
{ 
position: absolute;
    top: auto;
    left: auto;
   margin: 50% auto;
   visibility: hidden;
    background-color: #ffffff;
    /*layer-background-color: #cccccc;*/
    width: 300px;
    w\idth: 300px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    padding: 3px;
    z-index: 10;
 
  /*  text-align: center;*/
    }

.functionbullet {
list-style-image: url(../images/redbullet.gif);

margin-right: 5px;
margin-top: 10px;


}

.servicesbullet {
list-style-image: url(../images/redbullet.gif);
margin-top: 10px;
}



.header_line {border-bottom: 1px solid #000;}
.header_line_full {border-bottom: 1px solid #000; width:100%;}
.header_line_red {border-bottom: 1px solid #c00;}

.livelink {
background-image: url(../images/livelogin_new.gif);
background-repeat: no-repeat;
background-position: top center;
padding-top: 5px;
text-align: center;
width: 68px;
height: 26px;
}

 .livelink a,  .livelink a:visited,  .livelink a:active {color: #fff;
 text-align: center;

}

 .livelink a:hover {color: #000;
}

.checklink {
background-image: url(../images/livelogin_new.gif);
background-repeat: no-repeat;
background-position: top center;
padding-top: 5px;
text-align: center;
width: 86px;
height: 26px;
}

 .checklink a,  .checklink a:visited,  .checklink a:active {color: #fff;
 text-align: center;

}

 .checklink a:hover {color: #000;
}
 
.mygensourcelink {
background-image: url(../images/mygensource_login.gif);
background-repeat: no-repeat;
background-position: top center;
padding-top: 5px;
text-align: center;
width:86px;
height: 26px;
}
 
 .mygensourcelink a,  .mygensourcelink a:visited,  .mygensourcelink a:active {color: #fff;
 text-align: center;

}

 .mygensourcelink a:hover {color: #000;
}
 
.traininglink {
background-image: url(../images/traininglogin_new.gif);
background-repeat: no-repeat;
padding-top: 5px;
background-position: top center;
text-align: center;
width: 73px;
height: 26px;
}

 .traininglink a, .traininglink a:visited, .traininglink a:active {color: #000;
 text-align: center;
  width: 100%;
}
 .traininglink a:hover {color: #c00;
}

.traininglinkit {
background-image: url(../images/traininglogin_new_it.gif);
background-repeat: no-repeat;
padding-top: 5px;
background-position: top center;
text-align: center;
width: 73px;
height: 26px;
}
 .traininglinkit a, .traininglink a:visited, .traininglink a:active {color: #000;
 text-align: center;
  width: 100%;
}
 .traininglinkit a:hover {color: #c00;
}
.red {color:#CC0000;}