/* CSS Document */

/* Left Hand Nav box Starts here*/
.cssnav ul {
	list-style:none;
	list-style-image:none;
	background-image:url(../lay_img/prdbside.gif);
	background-repeat:repeat-y;
		}
.cssnav li
{
	position: relative;
	background: url(../lay_img/lft_over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 100px;
	height: 26px;
	margin: 0 10px 0 10px;
	padding: 0;
	background-image: url(../lay_img/lft_over.gif);
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 100px;
height: 26px;
display: block;
float: left;
color: #333333;
text-decoration: none;
}

.cssnav img
{
width: 100px;
height: 26px;
border: 0
}

* html a:hover
{
visibility:visible

}

.cssnav a:hover img
{
visibility:hidden;
}


.cssnav span
{
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
} 
.cssnav span:hover {
	color:#FFFF33;
	}
/* nav box buttons 

#navbox {
	text-align:left;
	background: none;
	padding: px;
	margin: 0;
	}
#navbox ul {
	margin: 0;
	padding: 0px;
	text-align:left;
	background-image:url(../lay_img/prdbside.gif);
	background-repeat:repeat-y;
	}
	
 /*#navbox li {
	list-style-image:none;
	list-style-type: none;
	padding:0 0 0 2px;
	margin:0;	
	text-align:center;
		}
a#navbox img{
	height: 40px; width: 100px; border-width:0;
	}
a#nb1 img {background:url(../lay_img/prdbt_up.gif) top left no-repeat;}


a#nb1:hover img {background:url(../lay_img/prdbt_over.gif) top left no-repeat;}

		
#navbox ul a{
	text-decoration:none;
	}
	
#navbox ul a:hover {
	}
	*/

		
/* strap navigation starts here */

div#navcontainer
{
background-color: #E3B7DC;
border : solid 1px  #666666;
padding: 0;

}

div#navcontainer ul
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;

}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: #333333;
text-decoration: none;
border-right: 1px solid #fff;
font-size:10px;
}

div#navcontainer ul li a:hover
{
background-color: #66FF66;
color: #FFFF33;
}


.active a { background :#CCCCCC;border-left: 1px solid #fff; }

/*breadcrumb nav start */
	
#breadcrumb ul {
	margin: 0;
	text-align:left;
	padding-left: 0;
	list-style-type:none;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#breadcrumb ul li {
	font-size: 9px;
	margin-left: 5px;
	list-style: square;
	display: inline;
	border:none;
	padding: 0 0 0 10px;
	background-image:url(../lay_img/list.gif);
	background-repeat:no-repeat;
	background-position: -0.5em;

	}
#breadcrumb ul li.here {
	list-style: none;
	display: inline;
	text-decoration:none;
	}
	
#breadcrumb ul li.first {
	margin-left: 0;
	list-style: none;
	display: inline;
	list-style-type:none;
	}

	
/* Footer Navigation Starts Here */

#footer ul a {
color:#CCCCCC;
	text-align: right;
	margin: 0;
	padding-left: 0;
	padding-top: 0px;
	border: none;
	list-style-type: none;
}
#footer ul li  {
	margin-left: 0;
	padding: 5px 30px;
	border-left: 1px solid #CCCCCC;
	list-style: none;
	display: inline;
	}
#footer ul li.here{
	border: 2px solid #CC3399;
	list-style: none;
	display: inline;
	}
	
#footer ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
.navbutton {
	background-image: url(../lay_img/up_but.gif);
}