@charset "utf-8";
/* CSS Document */

#pnavigation ul {
	width: 154px; 
	height: 332px; 
	position: relative; /** Places image at the top of the page **/
	top: 0px; /** Determines the height from the top of the page **/
	left: 0px; /** Determines the width from the left of the page **/
	background: url(product_1.png) no-repeat 0 0 ;
	list-style: none;
	margin: 0 0 0 0; padding: 0;
}
#pnavigation li {
	display: inline;
}
#pnavigation li a:link, #pnavigation li a:visited {
width: 120px; /** width of the button in active state **/
#width: 150px; /** width of the button in active state **/
height: 23px; /** height of the button in active state **/
#height: 33px; /** height of the button in active state **/

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#212020;
text-align:left;
text-decoration:none;
padding-top:10px;
padding-left:30px;
border: none;
display: block; 
position:relative; 
top: 0; 
	/** Removes li text from the screen **/
outline: none;
}
#pnavigation li a:hover {
color:#590404;

/** Removes li text from the screen **/
outline: none;
}
#pnavigation li.pblue a:link, #pnavigation li.pblue a:visited {
	
	top: 0px; /** how many px left of the first button i.e blue **/
	
}
#pnavigation li a.pgr:link, #pnavigation li a.pgr:visited {
width: 120px; /** width of the button in active state **/
#width: 150px; /** width of the button in active state **/
height: 23px; /** height of the button in active state **/
#height: 33px; /** height of the button in active state **/
background: url(left_navigation_2.png) no-repeat -153px -33px; /** moves image up 30px showing the rollover states **/ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#212020;
text-align:left;
text-decoration:none;
padding-top:10px;
padding-left:30px;
border: none;
display: block; 
position:relative; 
top: 0; 
	/** Removes li text from the screen **/
outline: none;
}


#pnavigation li.pgreen a:link, #pnavigation li.pgreen a:visited {
	top: 0px; /** how many px left of the first button i.e blue **/

}
/** ______________________________________hover state starts here___________________________________ **/

#pnavigation li.pblue a:hover {
	background: url(product.png) no-repeat -154px -33px; /** moves image up 30px showing the rollover states **/ 
}

#pnavigation li.pgreen a:hover {
	
}