/* CSS Document */

body {
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size:1.2em;
}

#listcat {
	float:left;
	width:280px;
	font-size:1em;
	font-weight:bold;
	padding-left:16px;
}

#listcat2 {
	float:left;
	width:280px;
	font-size:1em;
	font-weight:bold;
	padding-left:16px;
}

a {
	color:#0066CC
}
a:hover {
	color:#CCC;
}

.bg1 {
	background-image:url(/bg1.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.bg2 {
	background-image:url(/bg2.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

#linkbianco {
	color:#FFFFFF;
}

#linkbianco:hover {
	color:#CCCCCC;
}

#linkbianco2 {
	color:#FFFFFF;
	text-decoration:none;
}

#linkbianco2:hover {
	color:#CCCCCC;
	text-decoration:none;
}

#linkbianco3 {
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.1em;
}
#linkbianco3:hover {
	color:#CCCCCC;
	text-decoration:none;
}

#linkbianco4 {
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.2em;
}
#linkbianco4:hover {
	color:#CCCCCC;
	text-decoration:none;
}

#linkbianco5 {
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.4em;
}
#linkbianco5:hover {
	color:#CCCCCC;
	text-decoration:none;
}

#linkbianco6 {
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.6em;
}
#linkbianco6:hover {
	color:#CCCCCC;
	text-decoration:none;
}

#noh2 {
	margin:0px;
	padding:0px;
}


.star-rating{

   list-style: none;/* - turn off the default list image bullets  */

   margin: 6px 3px 3px 0px; /*- I wan’t some space around this thing */

   padding: 0px; /*- I’m anal. I’m pretty sure OL’s have a default padding of 0px, but we’ll set it to 0px just to be safe */

   width: 115px; /*- This list is 5 stars, each star is 20px, therefore it should be 5 x 20px = 100px wide */

   height: 21px; /*- The height of each star is 20px. Since this is a horizontal list, we will set the list height to the height of the star. */

   position: relative; /*- Very important. We will be using absolute positioning later. We want to use relatively-absolute positioning. */

   background: url(/star_rating.gif) top left repeat-x; /*- By repeating this image horizontally, the list will appear to have five stars. */

   }



   .star-rating li{

   padding:0px; /*- no padding at all */

   margin:0px; /*- no margin at all */

   /*\*//* - Backslash hack, this causes IE5 Mac NOT to see this rule */

   float: left; /*- for any other browser, we are going to float left, this makes a horizontal list */

   /* */ /*- end the IE5 Backslash hack */

   }



   .star-rating li a{

   display:block; /*- we want a block item, so that we can mess with its height and width */

   width:20px; /*- easy stuff, we want the width to be the same as the star width */

   height: 20px; /*- same as the width */

   text-decoration: none; /*- remove the underline from the link */

   text-indent: -9000px; /*- indent the text off the screen using a image-replacement technique, we dont want to see the text anymore. */

   z-index: 20; /*- we’ll come back to this */

   position: absolute; /*- we can now control the exact x and y coordinates of each star, relative to the parent UL */

   padding: 0px; /*- once again, we don’t need any padding */

  background-image:none; /*- we will not show the star */

  }

  

  .star-rating li a:hover{

  background: url(/star_rating.gif) left bottom; /* - this is where the magic is*/

  z-index: 1; /* - move this star to the bottom of the z-index stack*/

  left: 0px; /*- move this star all the way to the left, aligned with the side of the UL parent item*/

  }



   .star-rating a.one-star{

   left: 0px;

   }

   

   .star-rating a.one-star:hover{

   width:23px;

   }

   .star-rating a.two-stars{

   left:23px;

   }

   .star-rating a.two-stars:hover{

   width: 46px;

   }

   .star-rating a.three-stars{

   left: 46px;

   }

   .star-rating a.three-stars:hover{

   width: 69px;

   }

   .star-rating a.four-stars{

   left: 69px;

   }

   .star-rating a.four-stars:hover{

   width: 92px;

   }

   .star-rating a.five-stars{

   left: 92px;

   }

   .star-rating a.five-stars:hover{

   width: 115px;

   }
   
   .star-rating a.six-stars{

   left: 115px;

   }

   .star-rating a.six-stars:hover{

   width: 138px;

   }
   
   .star-rating a.seven-stars{

   left: 138px;

   }

   .star-rating a.seven-stars:hover{

   width: 161px;

   }
   
   .star-rating a.eight-stars{

   left: 161px;

   }

   .star-rating a.eight-stars:hover{

   width: 184px;

   }
   
   .star-rating a.nine-stars{

   left: 184px;

   }

   .star-rating a.nine-stars:hover{

   width: 207px;

   }
   
   .star-rating a.ten-stars{

   left: 207px;

   }

   .star-rating a.ten-stars:hover{

   width: 230px;

   }