/* ######### CSS for top level tabs ######### */


.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
padding-left:0px;
padding-top:10px;
padding-right:0px;
}

/*
.tabsmenuclass a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 10px; 
border-right: 2px solid #9e4122; 
color: #7a0e02;
font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
font-size:16px;
background: transparent;
text-align: center;
white-space: normal;
font-weight: normal;
font-style: normal;
text-transform: capitalize;
letter-spacing: 10px
}
*/

.tabsmenuclass a{
float: left;
padding-top:20px;
padding-bottom:0px;
padding-left:0px;
/*padding-right:20px;*/
text-align:center;
/*
border-right: 2px solid #9e4122; */
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected image{
/*background: black;*/
color: white;
}



/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
width:910px;
height: 29px;
padding: 0px;
padding-left:17px;
border: 0px solid silver;
padding-top:12px;
text-align:justify;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

a.submenu{
border-right: 1px solid #ECE4CC; /*right divider between tabs*/
font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
letter-spacing: 3px;
color:white;
font:13px;
font-weight:bold;
text-decoration:none;
padding-right:10px;
}

a.submenu:hover{
text-decoration:underline;
}

.salon{
text-align:center;
width:126px;
height:1px;
background: transparent url(../images/salon.png) no-repeat;
padding-right:0px;
}

.salon:hover, .salon a.selected{
background: transparent url(../images/salon-on.png) no-repeat;
}

.salon_selected{
text-align:center;
width:126px;
height:1px;
background: transparent url(../images/salon-on.png) no-repeat;
padding-right:0px;
}

.services{
text-align:center;
width:169px;
height:1px;
background: transparent url(../images/services.png) no-repeat;
padding-right:0px;
}

.services:hover{
text-align:center;
width:169px;
height:1px;
background: transparent url(../images/services-on.png) no-repeat;
}

.services_selected{
text-align:center;
width:169px;
height:1px;
background: transparent url(../images/services-on.png) no-repeat;
}

.staff{
text-align:center;
width:119px;
height:1px;
background: transparent url(../images/staff.png) no-repeat;
padding-right:0px;
}

.staff:hover{
text-align:center;
width:119px;
height:1px;
background: transparent url(../images/staff-on.png) no-repeat;
}

.staff_selected{
text-align:center;
width:119px;
height:1px;
background: transparent url(../images/staff-on.png) no-repeat;
}


.products{
text-align:center;
width:185px;
height:1px;
background: transparent url(../images/products.png) no-repeat;
padding-right:0px;
}

.products:hover{
text-align:center;
width:185px;
height:1px;
background: transparent url(../images/products-on.png) no-repeat;
}

.products_selected{
text-align:center;
width:185px;
height:1px;
background: transparent url(../images/products-on.png) no-repeat;
}

.contacts{
text-align:center;
width:177px;
height:1px;
background: transparent url(../images/contacts.png) no-repeat;
padding-right:0px;
}

.contacts:hover{
text-align:center;
width:177px;
height:1px;
background: transparent url(../images/contacts-on.png) no-repeat;
}

.contacts_selected{
text-align:center;
width:177px;
height:1px;
background: transparent url(../images/contacts-on.png) no-repeat;
}

.welcome{
text-align:center;
width:1px;
height:1px;
background: transparent;
padding-right:0px;
border-right:none;
}

.welcome:hover{
text-align:center;
width:1px;
height:1px;
background: transparent ;
border-right:none;
}