/* WOODPLAYNC.com updated navigation & css styles 7.8.2011 by M. Vysocka */
#nav,.subNav 	{margin:0; list-style-type:none;}
#nav,.navTab 	{height:20px !important;}
#nav 			{padding:0; background:#f99d1c url("http://woodplaync.com/images/nav/bg-orange-repeat-x.gif") repeat-x 0 0;}
.navTab			{color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; text-indent:-9875px; font-size:0; display:block; padding:0 16px !important; height:20px; background-image:url("http://woodplaync.com/images/nav/nav-sprite.png"); background-repeat:none;} 

.category 			{background:#f99d1c url("http://woodplaync.com/images/nav/bg-orange-repeat-x.gif") repeat-x 0 0; height:20px; float:left;}
.category+.category {border-left:1px solid #fff;}
li>.navTab 			{float:left;}

.subNav {display:none;}
#nav li.category:hover>ul.subNav {display:block !important;}
ul.subNav 				{position:absolute; margin-top:20px; padding:0; border:1px solid #5eb242;}
.subNav li 				{width:150px;}
.subNav li+li 			{border-top:1px solid #5eb242;}
.subNav a 				{display:block; color:#069; font:11px Arial; background:#FFFBCD; text-decoration:none; padding:2px;}
.subNav a:hover 		{background:#5eb242; color:#fff;}

#aboutUs 			{width:63px;}
#aboutUs:hover 		{background-position:0 -20px;}

#playsets 			{background-position:-79px 0; width:58px;}
#playsets:hover 	{background-position:-79px -20px;}

#otherProducts 		 {width:111px; background-position:-155px 0;}
#otherProducts:hover {background-position:-155px -20px;}

#surfacing 			{width:69px; background-position:-282px 0;}
#surfacing:hover 	{background-position:-282px -20px;}

#commercial 		{width:82px; background-position:-367px 0;}
#commercial:hover 	{background-position:-367px -20px;}

#events 			{width:46px; background-position:-466px 0;}
#events:hover 		{background-position:-466px -20px;}

#contactUs 			{width:77px; background-position:-528px 0;}
#contactUs:hover 	{background-position:-528px -20px;}

/* -- OLD STYLES FOR DHTML javascript based menu, deprecated 7.8.2011 */

.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}

  

.clBar{position:absolute; width:10; height:10; layer-background-color:#472712; visibility:hidden}


.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:11px}
.clLevel0{background-color:#fffbcd; layer-background-color:#fffbcd; color:#006699;}
.clLevel0over{background-color:#5bb143; layer-background-color:#5bb143; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#5bb143; layer-background-color:#F7DB88}


.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:11px}
.clLevel1{background-color:#fffbcd; layer-background-color:#fffbcd; color:#006699;}
.clLevel1over{background-color:#5bb143; layer-background-color:#5bb143; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#5bb143; layer-background-color:#F7DB88}


.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:11px}
.clLevel2{background-color:#fffbcd; layer-background-color:#fffbcd; color:#006699;}
.clLevel2over{background-color:#5bb143; layer-background-color:#5bb143; color:#FFFFFF; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#5bb143; layer-background-color:#F7DB88}