/* Caution! Ensure accessibility in print and other media types.. */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types.. */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts.. */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin 1*/
.container1{
	background : url(../immagini/hp-imgsx2.jpg) no-repeat 0 33px ;
    height:338px;
	margin:0;
	padding:0;	
}

.tabs-nav {
    list-style: none;
    padding:0;
    margin: 0 0 0 18px;
    height:32px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li {
    display:block;
    float:left;
    height:32px;
    width:88px;
    margin:0;     
}
.tabs-nav a {
    color:#48594B;
    display:block;
    text-decoration:none;
    height:32px;
    width:88px;
    padding-top:0;       
}

.tabs-nav a em {
    background : url(../immagini/bbt-hp-renault.gif) no-repeat top left;
	display:block;
	font-family: "Verdana";
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	text-align: center;
	vertical-align: bottom;
	font-weight:bold;
	padding: 0px;
	height:22px;
	width:88px;
	padding-top:10px;
	text-align:center;
	cursor:pointer;
}

.tabs-nav a em.ris {
    font-size: 10px;
    padding-top:7px;
    padding-bottom:3px;
}

.tabs-nav .tabs-selected a {
    font-weight:bold;
	color:#747474;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    font-weight:bold;
	color:#747474;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    color:#48594B;    
}

.tabs-nav .tabs-selected a em {
    font-weight:bold;
	background-position : 0 -33px;
}
.tabs-nav .tabs-selected a em, .tabs-nav a:hover em, .tabs-nav a:focus em, .tabs-nav a:active em {
    font-weight:bold;
	background-position : 0 -33px;
}
.tabs-nav a em, .tabs-nav .tabs-disabled a:hover em, .tabs-nav .tabs-disabled a:focus em, .tabs-nav .tabs-disabled a:active em {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor.. */
    cursor: text;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now.. */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../immagini/loading.gif) no-repeat 0 50%;
}

.tabs-container1{
	height:286px;
	background : url(../immagini/hp-imgsx2.jpg) no-repeat top center ;
	margin:0;
	padding:10px;
	border:0px solid #ff0000;
}


/* Skin 2*/
.container2{
	background : url(../immagini/hp-imgdx2.jpg) no-repeat 0 33px ;
	height:338px;
	margin:0;
	padding:0;	
}

.tabs-nav2 {
    list-style: none;
    padding:0;
    margin: 0 0 0 18px;
    height:32px;
}
.tabs-nav2:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav2 li {
    display:block;
    float:left;
    height:32px;
    width:88px;
    margin:0;
}
.tabs-nav2 a {
    color:#fafafa;
    display:block;
    text-decoration:none;
    height:32px;
    width:88px;
    padding-top:0;   
}
.tabs-nav2 a em {
    background : url(../immagini/bbt-hp-clio.gif) no-repeat top left;
	display:block;
	font-family: "Verdana";
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	text-align: center;
	vertical-align: bottom;
	font-weight:bold;
	padding: 0px;
	height:22px;
	width:88px;
	padding-top:10px;
	text-align:center;
	cursor:pointer;
}

.tabs-nav2 a em.ris {
    font-size: 10px;
    padding-top:7px;
    padding-bottom:3px;
}

.tabs-nav2 .tabs2-selected a {
    font-weight:bold;
	color:#ffffff;
}
.tabs-nav2 .tabs2-selected a, .tabs-nav2 a:hover, .tabs-nav2 a:focus, .tabs-nav2 a:active {
    font-weight:bold;
	color:#ffffff;
}
.tabs-nav2 a, .tabs-nav2 .tabs-disabled a:hover, .tabs-nav2 .tabs-disabled a:focus, .tabs-nav2 .tabs-disabled a:active {
    color:#fafafa;    
}

.tabs-nav2 .tabs2-selected a em {
    font-weight:bold;
	background-position : 0 -33px;
}
.tabs-nav2 .tabs2-selected a em, .tabs-nav2 a:hover em, .tabs-nav2 a:focus em, .tabs-nav2 a:active em {
    font-weight:bold;
	background-position : 0 -33px;
}
.tabs-nav2 a em, .tabs-nav2 .tabs2-disabled a:hover em, .tabs-nav2 .tabs2-disabled a:focus em, .tabs-nav2 .tabs-disabled a:active em {
    background-position: 0 0;
}
.tabs-nav2 .tabs2-selected a:link, .tabs-nav2 .tabs2-selected a:visited, .tabs-nav2 .tabs2-disabled a:link, .tabs-nav2 .tabs2-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor.. */
    cursor: text;
}

.tabs-nav2 a:hover, .tabs-nav2 a:focus, .tabs-nav2 a:active { /* @ Opera, we need to be explicit again here now.. */
    cursor: pointer;
}
.tabs-nav2 .tabs2-disabled {
    opacity: .4;
}

.tabs2-loading em {
    padding: 0 0 0 20px;
    background: url(../immagini/loading.gif) no-repeat 0 50%;
}

.tabs-container2{
	height:286px;
	background : url(../immagini/hp-imgdx2.jpg) no-repeat top center ;
	margin:0;
	padding:10px;
}