﻿ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0; 
}

ol#toc li
{
	float: left;
	margin: 0px 1px 0px 0px;
}

ol#toc a {
    background: #FFFFFF url(../images/tab.png);
    color: #FFFFFF;
    display: block;
    float: left;
    height: 2.5em;
    padding-left: 12px;
    /*border: solid 1px white;*/
    text-decoration: none;
    outline: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}



ol#toc a:hover span {
    background-position: 100% -120px;
    color: #000; 
}

ol#toc li a.active {
    background-color: #48f;
    background-position: 0 -60px;
    color: #006633;
    font-weight: bold;
}
ol#toc li a.active span {
    background-position: 100% -60px;
}
/*
ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #006633;
    font-size: 13px;
    font-weight: bold;
    
}

ol#toc li.current span {
    background-position: 100% -60px;
    
}
*/
ol#toc span
{
	background: url(../images/tab.png) 100% 0;
	/*background: url(../images/tab.png) right 0px;*/
	display: block;
	line-height: 2em;
	padding-right: 10px;
}


div.content {
    
    clear: left;
    
}

div.content.inactive {
	display: none;
}

.navBox
{
	position: relative;
	clear: left;
	border: solid 6px #CCC;
	margin: 0px;
	background-color: #999999;
	/*background: url(../images/bath-back.jpg) repeat-x 0 0;*/
}
.tab_normal
{
	padding:0px;
	height: 300px;
	background-image:url(../images/bath-backTemp.png); 
	background-repeat: repeat-x;
	background-color: #9A9A9A;
}
.tab_kitchen
{
	padding:0px;
	height: 300px;
	background-image:url(../images/bath-backTemp.png); 
	background-repeat: repeat-x;
	background-color: #9A9A9A;
	line-height: 120%;
}
.tab_350
{
	padding:0px;
	height: 350px;
	background-image:url(../images/bath-back800.jpg);
	background-repeat: repeat-x;
	background-color:#9A9A9A;
}
.tab_500
{
	padding:0px;
	height: 500px;
	background-image:url(../images/bath-back800.jpg);
	background-repeat: repeat-x;
	background-color:#9A9A9A;
}
div.tabContent h2
{
	font-size: 16px;
}
div.tabContent h3
{
	font-size: 12px;
}
div.tabContent br
{
	line-height: 12px;
}
div.tabContent hr
{
	color: White;
	
}


.tab_600
{
	padding:0px;
	height: 1800px;
	background-image:url(../images/bath-back800.jpg); 
	background-repeat: repeat-x;
	background-color:#9A9A9A;
	
}
.tab_800
{
	padding:0px;
	height: 800px;
	background-image:url(../images/bath-back800.jpg); 
	background-repeat: repeat-x;
	background-color:#9A9A9A;
	
}
.tab_900
{
	padding:0px;
	height: 900px;
	background-image:url(../images/bath-back800.jpg); 
	background-repeat: repeat-x;
	background-color:#9A9A9A;
	
}

.tab_400
{
	padding:0px;
	height: 400px;
	background-image:url(../images/bath-back800.jpg);
	background-repeat: repeat-x;
	background-color:#9A9A9A;
}

.tabContent
{
	padding:10px;
	color: #FFF;
	
	
}

.pedalcolor
{
	float:left;
	border: solid 1px #000;
	padding: 0px;
	margin: 2px 2px 8px 2px;
	background-color: Black;
	
}

.pedalcolortext
{
	float: left; 
	width:168px; 
	height:15px; 
	text-align: center;
	font-size: 12px;

}