.clear {clear: both;height: 0;line-height: 0; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */
.clearfix {height: 1%; }
.clearfix {display: block; }
/* Panel Tab/button */
.tab {
	background: none/*url(../background/middle_2.png) repeat-x 0 0;*/
	height: 36px;
	position: relative;
	top: -13px;
	left:0;
	z-index: 999;
	width: 960px;
}
.tab ul.login {
	display: block;
	position:absolute;
	width: 960px;
	font-weight: bold;
	line-height: 36px;
	margin: 0;
	padding:0;
	left: 0;
	text-align: center;
	top: 0;
}

.tab ul.login li {text-align: center;
/*width:162px;*/
padding: 10px 0 0 0;
display: block;
float: left;
height: 36px;
background: url(../background/middle_2.png) repeat-x 0px 6px; }

.tab ul.login li a {
	color: #FFF;
	text-align:center;
	text-decoration:none;
	font: small-caps normal 14px/14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

.tab ul.login li a:hover {
	color: #333333;
	text-align:center;
	text-decoration:underline;
	font: small-caps normal 14px/14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.tab ul.login li.left {background: url(../background/left_2.png) no-repeat 0px 6px;height: 48px;width: 45px;padding: 0;margin: 0;float: left; }
.tab ul.login li.right {background: url(../background/right_2.png) no-repeat 0px 6px;height: 48px;width: 45px;padding: 0;margin: 0;float: left; }
/*.tab .sep {color:#FFF; width:10px; }*/
.tab .login_lingua {color:#FFF; width:150px; margin:0; padding:0 }
.tab .login_home {color:#FFF; width:119px; text-align:center }
.tab .login_rivenditori {color:#FFF; width:119px; }
.tab .login_supporto {color:#FFF; width:119px; }
.tab .login_webmail {color:#FFF; width:118px; }
.tab #toggle {color:#FFF; width:245px; }

.tab #ita {
	color:#F90;
	width:30px;
	height:24px;
	float:left;
	text-align:center;
	text-indent:-9999px;
	margin:6px 0 0 0 
}
.tab #ita a {
	color:#FFF;
	width:30px;
	height:24px;
	float:left;
	text-align:center;
	text-indent:-9999px;
	background:url(../images/flags/flags.png) no-repeat 0 -24px
}
.tab #ita a:hover {color:#F90; width:30px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) 0 0 no-repeat; border-bottom:none}

.tab #eng {
	color:#F90;
	width:30px;
	height:24px;
	float:left;
	text-align:center;
	text-indent:-9999px;
	margin:6px 0 0 0 
}
.tab #eng a {color:#FFF; width:30px; height:24px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -30px -24px no-repeat}
.tab #eng a:hover {color:#F90; width:30px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -30px 0 no-repeat; border-bottom:none}

.tab #esp {
	color:#F90;
	width:30px;
	height:24px;
	float:left;
	text-align:center;
	text-indent:-9999px;
	margin:6px 0 0 0 
}
.tab #esp a {color:#FFF; width:30px; height:24px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -60px -24px no-repeat}
.tab #esp a:hover {color:#F90; width:30px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -60px 0 no-repeat; border-bottom:none}

.tab #fra {
	color:#F90;
	width:30px;
	height:24px;
	float:left;
	text-align:center;
	text-indent:-9999px;
	margin:6px 0 0 0 
}
.tab #fra a {color:#FFF; width:30px; height:24px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -90px -24px no-repeat}
.tab #fra a:hover {color:#F90; width:30px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -90px 0 no-repeat; border-bottom:none}

.tab #deu {
	color:#F90;
	width:30px;
	height:24px;
	float:left;
	text-align:center;
	text-indent:-9999px;
	margin:6px 0 0 0 
}
.tab #deu a {color:#FFF; width:30px; height:24px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -120px -24px no-repeat}
.tab #deu a:hover {color:#F90; width:30px; float:left ; text-align:center; text-indent:-9999px; background:url(../images/flags/flags.png) -120px 0 no-repeat; border-bottom:none}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: -5px !important;
	cursor: pointer;
	display: block;
	width: 245px;
	position: relative;
	top: 7px;
	left: 0;
}

.tab a.open {
	background: url(../images/bt_open.png) no-repeat 225px 0;
}

.tab a.close {background: url(../images/bt_close.png) no-repeat 225px 0; }

.tab a:hover.open {background: url(../images/bt_open.png) no-repeat 225px -19px; }

.tab a:hover.close {background: url(../images/bt_close.png) no-repeat 225px -19px; }

#toppanel {position:fixed;
top: 0;
width: 960px;
z-index: 999;
text-align: center;
margin:0; }

#panel {width: 960px;
margin: 0;
height: 270px;
color: #999999;
background:#333;
/*background: url(../background/overlay_top_new.png) repeat-y left top;*/
overflow: hidden;
position: relative;
z-index: 3;
display: none; }

#panel h1 {font: bold 14px/16px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #F90;
padding: 5px 0 10px;
margin: 0;
float:left }

#panel h2 {font: 14px/16px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #E1E1E1;
padding: 5px 0 10px;
margin: 10px 0;
float:left }

#panel p {margin: 5px 0;
padding: 0; }

#panel a {text-decoration: none;
color: #15ADFF; }

#panel a:hover {color: white; }

#panel a-lost-pwd {display: block;
float: left; }

#panel .content {width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em; }

#panel .content .left {width: 288px;
float: left;
padding: 0 15px 0 15px;
border-right: 1px dotted #999; }

#panel .content .right {border-right:none }

#panel .content form {margin: 0 0 10px 0; }

#panel .content label {font: 1.2em Helvetica, Arial, sans-serif;
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block; }

#panel .content input.field {font: 1.2em Helvetica, Arial, sans-serif;
background: #3D3A30;
margin-right: 5px;
margin-top: 4px;
padding:5px 0 0 8px;
width: 200px;
color: #CCC;
height:16px;
width:260px;
border:2px solid #666; }

#panel .content input:focus.field {background: #545454; }

/* BUTTONS */

/* Login and Register buttons */

#panel .content input.bt_login,
#panel .content input.bt_register {display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0; }

#panel .content input.bt_login {width: 74px;
background: transparent url(../images/bt_login.png) no-repeat 0 0; }

#panel .content input.bt_register {width: 94px;
color: white;
background: transparent url(../images/bt_register.png) no-repeat 0 0; }

#panel .lost-pwd {display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline; }

#panel textarea {height:120px;
border:2px solid #A8C8DC;
padding: 8px 5px 0 7px;
margin: 0 3px;
font: 1em Helvetica, Arial, sans-serif;
color: #2A578C; }

/*DROPDOWN MENU*/

        #priNav-container
        {
            margin-top: 0;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
            position: relative;
            height: 38px;
            width: 960px;
            background-image: url(../images/nav-corner.png); /*Need fix in ie6.css*/
            background-repeat: no-repeat;
            background-position: right top;
            z-index: 99;
        }
        #menu
        {
            width: 960px;
            height: 38px;
            position: relative;
            z-index: 99;
        }
        #topnav
        {
            height: 38px;
            width: 960px;
            margin: 0;
            padding: 0;
            font: 15px/15px "Lucida Sans Unicode" , Verdana, Arial, Helvetica, sans-serif;
            color: #FFF;
        }
		#menu {
			margin: 0 auto;
			position: relative;
			width: 960px;
		}
		ul#nav {width:960px; height:38px; margin:0; padding:0; /*background:url(../images/top_nav_bkg.png) 50% 0 no-repeat;*/}
		ul#nav li {float:left; margin:0; padding:0; height:38px; display:block; text-align:center;}
		ul#nav li a {margin:0; padding:0; height:38px; display:block; text-indent:-9999px; overflow:hidden; outline:none}
		ul#nav li a:hover {color:#fff; outline:none}		
		li#nav1 {width:89px; height:38px;}
		li#nav2 {width:100px; height:38px;}
		li#nav3 {width:78px; height:38px;}
		li#nav4 {width:62px; height:38px;}
		li#nav5 {width:101px; height:38px;}
		li#nav6 {width:150px; height:38px;}
		li#nav7 {width:132px; height:38px;}
		li#nav8 {width:108px; height:38px;}
		li#nav9 {width:140px; height:38px;}
		
		li#nav1 a {
			background:url(../background/bg_nav_last.png) no-repeat 0 0;
		}
		li#nav2 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-89px 0;}
		li#nav3 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-189px 0;}
		li#nav4 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-267px 0;}
		li#nav5 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-329px 0;}
		li#nav6 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-430px 0;}
		li#nav7 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-580px 0;}
		li#nav8 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-712px 0;}
		li#nav9 a {background:url(../background/bg_nav_last.png) no-repeat; background-position:-820px 0;}
		
		li#nav1 a:hover {background-position:0 -38px;}
		li#nav2 a:hover {background-position:-89px -38px;}
		li#nav3 a:hover {background-position:-189px -38px;}
		li#nav4 a:hover {background-position:-267px -38px;}
		li#nav5 a:hover {background-position:-329px -38px;}
		li#nav6 a:hover {background-position:-430px -38px;}
		li#nav7 a:hover {background-position:-580px -38px;}
		li#nav8 a:hover {background-position:-712px -38px;}
		li#nav9 a:hover {background-position:-820px -38px;}
        .dropdown
        {
            height: 288px;
            background-color: #002144; /* Problem in IE8 - color box extends all the way to the right of the browser */
            position: absolute;
            display: none;
            top: 38px;
            margin: 0;
            padding: 0;
            width: 960px;
        }
        .dropdown p
        {
            color: #ffffff;
            font-style: italic;
            width: 133px;
            font-size: 12px;
        }
        .dropdown img
        {
            /*background-image: url(../images/bkg_image.jpg);
            background-repeat: no-repeat;*/
            padding: 5px;
        }
        .dropdown li
        {
            background-image: url(../background/bkg_menu.png);
            background-repeat: repeat-x;
            height: 288px;
            float: left;
            list-style: none;
            padding-top: 20px;
            width: 200px;
        }
        .dropdown li.first
        {
            width: 153px;
            padding-left: 32px;
        }
        .dropdown li.last
        {
            width: 156px;
            padding-right: 19px;
        }
        .dropdown li ul
        {
			color: #ffffff;
			margin: 0 0 0 0;
			padding: 0 0 0 19px;
			height: 288px;
			background-image: url(../background/divider.png);
			background-position: left top;
			background-repeat: no-repeat;
			font: bold 12px/14px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        }
        .dropdown li li
        {
	float: none;
	margin-top: 0px;
	background-image: none;
	width: auto;
	height: auto;
	padding: 0px;
	color: #BEF0EE;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: normal;
        }
        .dropdown li li a
        {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
        }
        .dropdown li li a.sales
        {
            color: #F90;
        }
        .dropdown li li a:hover
        {
	color: #0CF;
	text-decoration: none;
	background:url(../background/dotted_dropdown.png) repeat-x 10px 0px
        }