@charset "UTF-8";

@import url("reset.css");
@import url("assets.css");

/* Set screen styles */

#main {
background:#000000 ;
}
#header .contents .welcome
	{color:#CCCCCC;margin:0 175px 0 0;color:#fff;}
#header .contents .welcome ul
	{margin: -5px 0px 0 0;color:#fff;}	
#header .contents .welcome .wel
	{color:#ccc;}	
#header .contents .welcome a
	{color:#ccc;}	
#header .contents ul.menu
	{margin-top:0px;}
#header .contents .menu_top
	{}
#header .contents .menu_top .welcome
	{margin:8px 15px 0 0;text-align:right;}

#header .contents .menu_top span
{font-weight:bold;}
#header .contents .menu_top .welcome .name
	{color:#FFFFFF;font-weight:bold}

#header {
    width: 100%;
    background: #242424;
}

#header .contents {
    height: 38px;
    padding: 25px 0;
}

#header .contents * {
    vertical-align: middle;
}

#header .contents img {
    display: inline;
    float: left;
}

#header .contents ul {
    margin: 8px 0 0 0;
    display: inline;
    float: right;
}

#header .contents ul * {
    display: inline;
}

#header .contents ul li a {
    margin: 0 13px 0 0;
    color: #898989;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

#header .contents ul li a:hover {
    color: #D8D8D8;
}

#header .contents ul li a span {
    
    color: #BDBDBD;
    font-size: 1.4em;
    text-align: right;
}
#header .contents ul li a span.basket {
	padding: 0 0 0 25px;
    background: transparent url(../images/buttons/basket.gif) left top no-repeat;
}
#header .contents ul li a span.carrello {
	padding: 0 0 0 50px;
    background: transparent url(../images/buttons/scritta-carrello.gif) left top no-repeat;
	background-position:0 3px;
}
#header .contents ul li a span.account {
    background: transparent url(../images/buttons/scritta-account.gif) left top no-repeat;
	padding: 0 0 0 80px;
	background-position:0 3px;
}
#header .contents ul li a span.account_over {
    background: transparent url(../images/buttons/scritta-account-active.gif) left top no-repeat;
	padding: 0 0 0 80px;
	background-position:0 3px;
}
#header .contents ul li a span.ordini {
    background: transparent url(../images/buttons/scritta-ordini.gif) left top no-repeat;
	padding: 0 0 0 60px;
	background-position:0 3px;
}
#header .contents ul li a span.logout {
    background: transparent url(../images/buttons/scritta-logout.gif) left top no-repeat;
	padding: 0 0 0 40px;
	background-position:0 3px;
}

#header .contents ul li a:hover span.basket {
    color: #D8D8D8;
    background: transparent url(../images/buttons/basket-hover.gif) left top no-repeat;
}

#header .contents ul li form fieldset .searchField {
    width: 117px;
    height: 15px;
    padding: 5px 5px;
    color: #505050;
    font-size: 1em;
    background: transparent url(../images/backgrounds/search.gif) left center no-repeat;
    border: none;
}

#header .contents ul li form fieldset .searchSubmit {
    width: 15px;
    height: 14px;
    margin: 0 0 0 5px;
    background: transparent url(../images/buttons/magnifier-search.gif) left center no-repeat;
    border: none;
    cursor: pointer;
}

#navigation {
    width: 100%;
   /* border-bottom: 5px solid #303030;*/
    background: transparent url(../images/backgrounds/navigation.gif) left top repeat-x;
}

#navigation .contents {
    height: 49px;
}

#navigation .contents ul {
    height: 100%;
    /*border-left: 1px solid #000000;*/
    overflow: hidden;
    display: block;
}

#navigation .contents ul li {
    font-size: 1.2em;
    border-right: 1px solid #000000;
    display: inline;
    float: left;
}
#navigation .no_menu ul li {
   
    border-right: 0px solid #000000;

}

#navigation .contents ul li a {
    width: 108px;
    /*change width to 126 to manage 7 menu elements  */
    /*change width to 108 to manage 8 menu elements  */
    /*change width to 95 to manage 9 menu elements  */
    height: 44px;
    padding: 5px 5px 0 5px;
    color: #9D9C9C;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
}

#navigation .contents li.active a strong {
background:#303030 none repeat scroll 0 0;
}

#navigation .contents .menu  li.active a,
#navigation .contents ul li a:hover {
    direction: ltr;
}

#navigation .contents ul li a strong {
    padding: 5px 0 20px 0;
    position: relative;
    display: block;
}

#navigation .contents ul li a .single {
    padding: 13px 0 20px 0;
}

#navigation .contents ul li a strong span {
    display: block;
}

#navigation .contents ul li a span {
    display: block;
}

#navigation .contents ul li a  {
    display: block;
}

#navigation #subNavigation {
    width: 100%;
    background: #303030;
}

#navigation #subNavigation .contents {
    height: 3px;
}

#navigation #subNavigation .contents ul {
    padding: 5px 0 0 10px;
    border: none;
}

#navigation #subNavigation .contents ul li {
    margin: 0 10px 0 0;
    border: none;
}

#navigation #subNavigation .contents ul li .active {
    background: #000000;
}

#navigation #subNavigation .contents ul li a {
    width: 60px;
    height: auto;
    padding: 8px 26px;
    color: #FFFFFF;
    font-size: 1.2em;
    position: relative;
    display: block;
}



#footer {
    width: 100%;
    background:#fff url(../images/backgrounds/footer.gif) left top repeat-x;
}

#footer .contents {
    height: 100px;
    padding: 40px 0 0 0;
    color: #666666;
    font-size: 1.1em;
    font-weight: bold;
}

#footer .contents #footerMenu {
    width: 100%;
    height: 180px;
    margin: -165px 0 20px 0;
    background: transparent url(../images/backgrounds/search-menu.jpg) 223px bottom no-repeat;
    display: inline;
    float: left;
    clear: both;
    position: relative;
}

#footer .contents #footerMenu li {
    position: relative;
    display: inline;
    float: left;
}

#footer .contents #footerMenu #newsEvent {
    width: 103px;
    height: 130px;
    padding: 35px 100px 0 20px;
    color: #FFFFFF;
}

#footer .contents #footerMenu #newsEvent h1 {
    font-size: 1.6em;
    font-weight: bold;
    position: relative;
    z-index: 10;
}

#footer .contents #footerMenu #newsEvent h2 {
    margin: 0 0 10px 0;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    z-index: 10;
}

#footer .contents #footerMenu #newsEvent p {
    font-size: 1em;
    font-weight: normal;
    position: relative;
    z-index: 10;
}

#footer .contents #footerMenu #newsEvent a {
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: transparent url(../images/buttons/search.png) center center no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/buttons/search.png', sizingMethod='crop');
    position: absolute;
    left: 20px;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}

#footer .contents #footerMenu #newsEvent .sprite {
    position: absolute;
    top: 20px;
    left: 2px;
    z-index: 0;
}

#footer .contents #footerMenu #multiSearch {
    width: 517px;
    height: 160px;
    padding: 20px 0 0 0;
    background: transparent url(../images/backgrounds/search-menu-top-border.png) center top no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/backgrounds/search-menu-top-border.png', sizingMethod='crop');
    position: relative;
}

#footer .contents #footerMenu #multiSearch ul li {
    height: 150px;
    padding: 0 0 0 10px;
    display: inline;
    float: left;
    position: relative;
}

#footer .contents #footerMenu #multiSearch ul li h1 {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

#footer .contents #footerMenu #multiSearch ul li p {
    margin: 80px 0 0 0;
    padding: 0 20px 0 0;
    font-weight: normal;
}

#footer .contents #footerMenu #multiSearch ul #searchDimension {
    width: 162px;
}


#footer .contents #footerMenu #multiSearch ul #searchDimension form fieldset .searchField {
    width: 30px;
    height: 20px;
    padding: 8px 0 0 0px;
    color: #505050;
    font-size: 1em;
    background: transparent url(../images/backgrounds/input-piccolo.gif) left center no-repeat;
    border: none;
	text-align:center;
}

#footer .contents #footerMenu #multiSearch ul #selectModel {
    width: 170px;
}

#footer .contents #footerMenu #multiSearch ul #submitBrandModel {
    width: 155px;
}

#footer .contents #footerMenu #multiSearch ul li form {
    width: 100%;
    height: 73%;
    padding: 40px 0 0 0;
    position: absolute;
    top: 0;
	z-index:99;
}

#footer .contents #footerMenu #multiSearch ul li form fieldset {
    width: 105%;
    height: 100%;
    text-align: left;
}

#footer .contents #footerMenu #multiSearch ul li form fieldset input {
    width: 80%;
    display: inline;
}

#footer .contents #footerMenu #multiSearch ul li form fieldset select {
    font-size: 9px;
    width: 80%;
    display: inline;
}

#footer .contents #footerMenu #multiSearch ul li form fieldset .submit {
    width: 22px;
    height: 22px;
    background: transparent url(../images/buttons/search-white-gray.gif) center no-repeat;
    border: none;
    position: absolute;
    right: 20px;
    bottom: 10px;
    cursor: pointer;
	z-index:100;
}

#footer .contents #footerMenu #featureProdut {
    width: 147px;
    height: 130px;
    padding: 40px 10px 0 60px;
    position: relative;
}

#footer .contents #footerMenu #featureProdut h1 {
    font-size: 1.6em;
    font-weight: bold;
    position: relative;
    z-index: 10;
}

#footer .contents #footerMenu #featureProdut p {
    margin: 20px 0 0 45px;
    position: relative;
    z-index: 10;
}

#footer .contents #footerMenu #featureProdut a {
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background: transparent url(../images/buttons/search.png) center center no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/buttons/search.png', sizingMethod='crop');
    position: absolute;
    right: 20px;
    bottom: 5px;
    z-index: 10;
    cursor: pointer;
}

#footer .contents #footerMenu #featureProdut .sprite {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 0;
}

#footer .contents strong {
    margin: 0 20px 0 0;
    font-weight: bold;
    float: left;
}

#footer .contents #linkUtili {
   margin-right:20px;
    float: left;
}

#footer .contents #linkUtili li {
    margin: 0 5px;
    
    
}

#footer .contents #linkUtili li a {
    color: #666666;
}

#header .contents #country {
    width: 260px;
    display: inline;
    float: right;
}

#header .contents #country h1 {
    font-weight: bold;
}

#header .contents #country form fieldset {
    width: 100%;
    position: relative;
    display: inline;
    float: right;
}

#header .contents #country form fieldset a {
    width: 120px;
    padding: 5px;
    color: #8B8B9B;
    background: #FFFFFF;
    border: 1px solid #8B8B9B;
    display: inline;
    float: right;
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 10;
}

#header .contents #country form fieldset a:hover {
    direction: ltr;
}

#header .contents #country form fieldset a dl dt  {
    width: 100%;
    background: transparent url(../images/buttons/choose-country.gif) right center no-repeat;

}

#header .contents #country form fieldset a dl dd {
    height: 20px;
    display: none;
}

#header .contents #country form fieldset a:hover dl dd {
    display: block;
}

#header .contents #country form fieldset a dl dd input, #header .contents #country form fieldset a dl dd input {
    width: 100%;
    padding: 2px 0;
    color: #8B8B9B;
    font-size: 1em;
    text-align: left;
    background: none;
    border: none;
    z-index: 10;
    cursor: pointer;
    direction: ltr;
}
#footer .contents #customer
	{position:relative;float: right;width:355px}
#footer .contents #customer .number
	{text-align:right;margin:0px 20px 0 0px}	
#footer .contents #customer .number	.green
	{color:#288018}
#footer .contents #customer .number	.green span
	{font-size:16px;font-weight:bold}
#footer .contents #customer a:link, #footer .contents #customer a:visited
	{color:#666666;text-decoration:none}
#footer .contents #customer a:active, #footer .contents #customer a:hover
	{color:#666666;text-decoration:underline}