/* 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;}
body {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-background.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;}

#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-background.gif); background-repeat: no-repeat;}


#secnav {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;}
#secnav a:hover {color: #000; 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:149px; top:0px; width:149px;}

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

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

/* 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:175px; border: none;}
/* yet another hack for IE5.5 */
* html .menu ul ul ul a, * html .menu ul ul ul a:visited {width:197px;w\idth:175px;}

/* 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:175px; border: none;}
/* yet another hack for IE5.5 */
* html .menu ul ul ul ul a, * html .menu ul ul ul ul a:visited {width:197px;w\idth:175px;}

/* 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:173px;}
.menu ul ul ul ul {width:173px;margin-left:47px;}

/* --- 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 */