/****************************************/
/*               Fonts                  */
/****************************************/
.No-Margins
{
	margin: 0px;
	padding: 0px;
}
/****************************************/
/*            Category Menu             */
/****************************************/

div.category-menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;

  width: 1024px;
}
ul.category-menu {
  display: block;
  
  /* Max width here, for users without Javascript */
  width: 1024px;  
  /* Remove default margin */
  margin: 0;

  
  padding: 0;
  
  list-style: none;
}
.category-menu li {
  display: block;
  float: left;  
  padding: 0 4px;
  background: url(../Images/blue-button-background.jpg) repeat-x ;
  height: 49px;
}
.category-menu a {
  margin-top: 15px;
  display: block;
  text-decoration: none;
  color: white;
  font-weight: bold;
  padding: 0px 13.7px;
}
.category-menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  
  color: #fff;
}

.category-menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  
  color: #fff;
}
.category-menu a:hover span {
  display: block;
}
.category-menu li {
  border: 1px #FFFFFF solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
}

/****************************************/
/*            Sub Menu                  */
/****************************************/

div.sub-menu {
  /* Set it so we could calculate the offsetLeft */
  position: absolute;
  margin-left: 351px; 
  margin-top: -50px;
  
}
ul.sub-menu {
  display: block;    
  margin: 0;
  margin-top: -1px;
  
  padding: 0;
  
  list-style: none;
}
.sub-menu li {
  display: block;
  float: left;  
  padding: 0 4px;
  background: url(../Images/gray-button-background.jpg) repeat-x ;
  height: 49px;
}
.sub-menu a {
  margin-top: 15px;
  display: block;
  text-decoration: none;
  color: white;
  font-weight: bold;
  padding: 0px 25px;
 
}
.sub-menu li {
  border: 1px #FFFFFF solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
}



/****************************************/
/*            Picture Menu             */
/****************************************/

div.picture-menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 231px;  
  width: 950px;
	
  margin-left: 28px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.picture-menu {
  display: block;
  
  /* Max width here, for users without Javascript */
  width: 6000px;  
  /* Remove default margin */
  margin: 0;  
  
  padding: 0;
  
  list-style: none;
}
.picture-menu li {
  display: block;
  float: left;  
 

}
.picture-menu a {
  
  display: block;
  text-decoration: none;
  color: white;
  font-weight: bold;
  padding: 0px;
  padding-left: 6px;
  
}
.picture-menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  
  color: #fff;
}

.picture-menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  
  color: #fff;
}
.picture-menu a:hover span {
  display: block;
}