/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
	margin:0;
	padding:0;
 	border-bottom: 1px solid #d3d4d4;
	}

ul.tabbernav li{
 	list-style: none;
 	margin: 1px;
 	display: inline;
	background-image:url(../images/tab.gif);
	background-position:bottom;
	background-color:#f2f2f2;
	height:28px;
	padding-top:3px;}

ul.tabbernav li a{
	padding-bottom:5px;	
 	border: 1px solid #d3d4d4;
 	border-bottom: none;
 	text-decoration: none;}

ul.tabbernav li a:link { color: #808080; font-size:11px; padding: 10px 45px 0 20px;}
ul.tabbernav li a:visited { color: #808080; }

ul.tabbernav li a:hover{
	color: #000;
	background-color:#fff;
	border-color: #d3d4d4;}
	
ul.tabbernav li.tabberactive{
	background-image:none;
 	background-color: #fff;}

ul.tabbernav li.tabberactive a{
 	background-color: #fff;
 	border-bottom: 1px solid #fff;}

ul.tabbernav li.tabberactive a:hover{
	background-image:none;
	background-color: #fff;
	border-bottom: 1px solid #fff;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 	padding:0;
 	border:1px solid #d3d4d4;
 	border-top:0;
	height:150px; 
  	overflow:hidden;
	margin-left:1px;}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h4 {display:none;}

.tabs p{
	width:280px;
	padding:20px 10px 0 10px;
	margin-bottom:0;}

.tabs{
	margin-right: 12px;
	background-repeat:no-repeat;
	background-position:top right;}

.home{
	background-image:url(../images/tab-home.jpg);
}
	
.termite{
	background-image:url(../images/tab-termite.jpg);
}
	
.roof{
	background-image:url(../images/tab-roof.jpg);
}
	
.chimney{
	background-image:url(../images/tab-chimney.jpg);
}
	
.pool{
	background-image:url(../images/tab-pool.jpg);
}