article {
  display: none;
}

article.selected {
  display: block;
}




#tab li {
	width:45px;
	height:45px;
  display: inline-block;
  margin:0px 0px 0px 7px ;
  border: 1px solid #d8d8d8;
  border-bottom: none;
  color: #333333;
  cursor: pointer;
  overflow:hidden;
  text-indent:-9999px;
}


#tab li, x:-moz-any-link, x:default{
  margin:0px 0px -6px 7px ;
}





#tab li:hover {
  border: 1px solid #c6c6c6;
  border-bottom: none;
  color: #000000;
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

#tab li.selected,#tab li.selected:hover {
  border-top: 2px solid #F60;
  color: #ffffff;
  cursor: default;
  margin-bottom:  0px;
  padding-bottom: 2px;
}
/*  IE9  */
#tab li.selected,#tab li.selected:hover {
  margin-bottom: -6px\9;
padding-bottom: 1px\9;
}
/*  Fire Fox  */
#tab li.selected,#tab li.selected:hover, x:-moz-any-link, x:default {
  margin-bottom: -7px;
padding-bottom: 1px;
}



#detail {
	margin:-5px 0 0 0 ;
  padding: 16px 8px 16px 8px;
  border-top: 1px solid #d8d8d8;

}
.blue {
	background: url("../img/chair_blue.jpg") no-repeat left top; 
}
.red {
	background: url("../img/chair_red.jpg") no-repeat left top; 
}
.white {
	background: url("../img/chair_white.jpg") no-repeat left top; 
}
.green {
	background: url("../img/chair_green.jpg") no-repeat left top; 
}
.natural {
	background: url("../img/chair_natural.jpg") no-repeat left top; 
}
.walnut {
	background: url("../img/chair_walnut.jpg") no-repeat left top; 
}
.ivory {
	background: url("../img/chair_ivory.jpg") no-repeat left top; 
}