/*
   file: tabbing.css
   usage: style sheet for tabbing menu
   created: October 12, 2009
   author: Calvin Chan
   copyright: Total Website Solutions Inc
*/

div.inactive {
  display: 		none;
}

ol#tabs {
  position:		relative;
  list-style:		none;
  height:		30px;
  width:		900px;
  margin:		0 0 0 3px;
  padding:		0;
  overflow:		hidden;
  font-size:		12px;
}

ol#tabs li {
  float:		left;
  margin:		0 3px 0 0;
  padding:		0;
  line-height:		30px;
}

ol#tabs a {
  background:		url(../images/tabs.gif);
  color:		#ffffff;
  display:		block;
  float:		left;
  line-height:		30px;
  padding-left:		15px;
  font-weight:		900;
  text-decoration:	none;
  outline:		none;
}

ol#tabs span {
  background:		url(../images/tabs.gif) 100% 0;	
  cursor:		pointer;
  display:		block;
  float:		left;
  line-height:		30px;
  padding-right:	15px;
}

ol#tabs a:hover {
  background-color:	#e0dfdb;
  background-position:	0 -60px;
  color:		#000000;
}

ol#tabs a:hover span {
  background-position:	100% -60px;
}

ol#tabs a:hover.active,
ol#tabs a.active {
  background-color:	#e0dfdb;
  background-position:	0 -30px;
  color:		#000000;
}

ol#tabs a:hover.active span,
ol#tabs a.active span {
  background-position:	100% -30px;
}

div.tabscontent {
  background:		url(../images/tabs_bg.gif);
  border:		solid 3px #e3e3e3;
  border-top:		0;
  width:		900px;
  height:		auto;
  min-height:		200px;
  clear:		left;
  padding:		10px;
  font-size:		12px;
  text-align:		justify;
}

div.faqcontent {
  background:		url(../images/tabs_bg.gif);
  border:		solid 3px #e3e3e3;
  border-top:		0;
  width:		900px;
  height:		auto;
  min-height:		200px;
  clear:		left;
  padding:		10px;
  font-size:		12px;
  text-align:		justify;
}