/* CSS Document */


body {margin: 0; padding: 0; background-image: url(../images/page-background.gif); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
#bodygreen {margin: 0; padding: 0; background-image: url(../images/page-background-green.gif); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}

.left {float: left;}
.nodisplay {display: none;}

#login {position: absolute; top: 20px; left: 560px; width: 450px}
#customerlogin {background-image: url(../images/customer-login.gif); width: 86px; height: 18px; background-repeat: no-repeat; float: left; text-align: right;}
#map {position: absolute; left: 0px; top: 220px; width: 215px; height: 225px; background-image: url(../images/map.gif);} 
#scanning {position: absolute; left: 0px; top: 459px; width: 215px; height: 170px; background-image: url(../images/scanning.jpg);}
a {color: #0079c2; font-weight: 900;}
.green {color: #28903a; font-weight: 900;}
.lightergreen {color: #79ad36; font-weight: 900;}

#locationbanner {position: absolute; width: 595px; height: 35px; top: 139px; left: 0px; background-image: url(../images/covered-banner.gif); background-repeat: no-repeat;}
#logo {position: absolute; width: 550px; height: 97px; top: 27px; left: 28px;}
.pagetitle {color: #0079c2; font-weight: 900; font-size: 26px;}
.pagetitlegreen {color: #008a4b; font-weight: 900; font-size: 26px;}

#maincontent {position: absolute; width: 980px; top: 220px; left: 0px; display: table; height: auto; background-image: url(../images/content-bkg.gif); background-repeat: repeat-y;}
#maincontentgreen {position: absolute; width: 980px; top: 220px; left: 0px; display: table; height: auto; background-image: url(../images/content-bkg-green.gif); background-repeat: repeat-y;}
#r3home {width: 655px; height: 410px; background-image: url(../images/r3-home.jpg); background-repeat: no-repeat; float: left;}
#r3green {width: 655px; height: 410px; background-image: url(../images/r3-green.jpg); background-repeat: no-repeat; float: left;}
#ondemand {display: table; margin-left: 13px; width: 310px; height: 410px; background-color: #d5d5d5; background-repeat: no-repeat; float: left;}
#buzzword {display: table; margin-left: 15px; width: 310px; height: 410px; background-color: #b3cbc1; background-repeat: no-repeat; float: left; background-image: url(../images/right-col-bg.gif); background-repeat: no-repeat;}
.contenttext {display: table; padding: 15px;}
.contenttextgreen {display: table; padding: 20px; line-height: 22px;}

#assistance {
	position: absolute; 
	top: 100px; 
	left: 0px; 
	width: 980px; 
	height: 26px; 
	text-align: right;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 30px; 
	color: #666 !important;
}

#insidecontent {float: left; margin-left: 9px; width: 756px; background-color: #d5d5d5;}
#insidecontentgreen {float: left; margin-left: 9px; width: 756px; background-color: #b3cbc1;}
#insidetext {padding: 25px;}

#greencontent {position: absolute; width: 1020px; height: 410px; top: 220px; left: 0px; display: table; background-color: white;}
#greenscrolling {float: left; display: inline; width: 670px; height: 410px; background-color: white; background-image: url(../images/green-background.gif); background-repeat: no-repeat;}
#greenrightcol {float: left; display: inline; width: 310px; height: 410px; background-color: #b3cbc1; background-image: url(../images/right-col-bg.gif); background-repeat: no-repeat;}
a.orgLinks {color:black;font-weight:100;line-height:16px;}
.lightergreen {color: #79AD36;font-weight:900;margin:0;line-height:22px;}

#secnav {position: absolute; top: 187px; left: 45px; padding-top: 3px; height: 22px; background-color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; white-space: nowrap;}
#secnavGreen {position: absolute; top: 187px; left: 45px; padding-top: 3px; height: 22px; background-color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; white-space: nowrap;}
#secnav a {color: #FFF; text-decoration: none; white-space: nowrap;}
#secnavGreen a, #secnavGreen a:link, #secnavGreen a:visited, #secnavGreen a:active {color:#fff;text-decoration:none;}
#secnavGreen a:hover {color:#000; text-decoration: none; white-space: nowrap;}
#secnav a:hover {color: #999; text-decoration: none; white-space: nowrap;}

/* fix register mark height */
sup, sub	{font-size:55%;_font-size:75%;*font-size:75%;vertical-align:0;position:relative;}
sup { bottom:1ex;}
sub	{ top:0.8ex;}

/* top navigation styling */

.menu {width:970px; height:32px; font-size:0.85em; position:relative; z-index:100000;border-right:0px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:970px; w\idth:969px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:126px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:126px;position:relative;}
/* style the links for the top level (REMOVED border:1px solid #000; border-width:1px 0 1px 1px;)*/
.menu a, .menu a:visited {display:block; margin-top: -5px; font-family: Arial, Helvetica, sans-serif; border:1px dotted #CCC; border-width: 0px 1px 0px 1px; font-weight: 900; font-size:14px;text-decoration:none; color:#FFF; width:138px; height:38px; background:#0079c2; padding-left:10px; line-height:38px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:126px; w\idth:115px;}

/* style the second level background */
/* (REMOVED  url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;) */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#CCC;}
/* style the second level hover */
/* (REMOVED  url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;) */
.menu ul ul a.drop:hover{background-color:#AAA;}
/* (REMOVED  url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;) */
.menu ul ul :hover > a.drop {background-color:#AAA;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#CCC;}
/* style the third level hover */
.menu ul ul ul a:hover {background-color:#AAA;}
/* style the fourth level hover */
.menu ul ul ul ul a:hover {background-color:#AAA;}

/* style the top level green section */
.menu ul a.green {background-image: url(../images/green-section-bkg.gif);}
.menu a.green, .menu a.green:visited {display:block; margin-top: -5px; font-family: Arial, Helvetica, sans-serif; border:1px dotted #CCC; border-width: 0px 1px 0px 1px; font-weight: 900; font-size:14px;text-decoration:none; color:#FFF; width:138px; height:38px; background-image: url(../images/green-section-bkg.gif); background-repeat: none; padding-left:10px; line-height:38px;}

/* hide the sub levels and give them an absolute position so that they take up no room (REMOVED border-top:1px solid #000;) top: was 28*/
.menu ul ul {visibility:hidden;position:absolute;height:0;top:38px;left:0; width:149px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:240px; top:0px; width:149px;}

/* posiiton the fourth level flyout menu */
.menu ul ul ul{left:149px; top:0; width:220px;}

/* position the third level flyout menu for a LEFT flyout */
.menu ul ul ul.left {left:-242px;}

/* position the second level flyout menu for a left flyout */
.menu ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:2px; left:0; border-collapse:collapse;}

/* style the second level links (REMOVED border-width:0 1px 1px 1px;)*/
.menu ul ul a, .menu ul ul a:visited {font-size: 12px; font-weight: 100; background:#CCC; color:#000; height:auto; line-height:1em; padding:7px 10px; width:128px; border: none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the third level links (REMOVED border-width:0 1px 1px 1px;)*/
.menu ul ul ul a, .menu ul ul ul a:visited {font-size: 12px; font-weight: 100; background:#CCC; color:#000; height:auto; line-height:1em; padding:7px 10px; width:220px; border: none;}
/* yet another hack for IE5.5 */
* html .menu ul ul ul a, * html .menu ul ul ul a:visited {width:242px;w\idth:220px;}

/* style the fourth level links (REMOVED border-width:0 1px 1px 1px;)*/
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {font-size: 12px; font-weight: 100; background:#CCC; color:#000; height:auto; line-height:1em; padding:7px 10px; width:220px; border: none;}
/* yet another hack for IE5.5 */
* html .menu ul ul ul ul a, * html .menu ul ul ul ul a:visited {width:242px;w\idth:220px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background-color: #AAA;}
.menu :hover > a, .menu ul ul :hover > a, .menu ul ul ul :hover > a, .menu ul ul ul ul :hover > a {color:#FFF;background-color:#AAA;} /* background area */

/* make the second level visible when you hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;background-color:#AAA; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/*keep fourth level hidden when you hover on the first level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;background-color:#AAA;}

/*make fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility: visible;background-color:#AAA;}

/*redundant hover style last to override visited state which killed the hover color on fourth level, can't move entire declaration?*/
.menu ul ul ul ul a:hover, .menu ul ul ul ul li a:hover, .menu ul ul ul a:hover, .menu ul ul ul li a:hover {background-color:#AAA;}

/* extend the width of third and fourth level menus which are elusively styled somewhere above */
.menu ul ul ul {width:220px;}
.menu ul ul ul ul {width:220px;margin-left:92px;}

/* --- all fourth level css styles were added solely for the split R3 Catalog items --- */
/* some shortcuts were taken to redundantly style ULs, LIs, and A links due to the complexity of the menu styles */

#catalogLinksBox {
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:normal;
	font-size:12px;
	z-index: 100;
	position: absolute;
	width: 150px;
	top: 520px;
	left: 690px;
	line-height:1.5em;
}

#catalogLinksBox a:link, #catalogLinksBox a:visited, #catalogLinksBox a:hover, #catalogLinksBox a:active {
	background: url(../images/green-arrow11.gif) left 3px no-repeat;padding-left: 8px;
}

/* --- all fourth level css styles were added solely for the split R3 Catalog items --- */
/* some shortcuts were taken to redundantly style ULs, LIs, and A links due to the complexity of the menu styles */