/*###################################### START GENERIC CLASSES ######################################*/

.clear{
        clear: both;
}

.clearLeft{
        clear: left;
}

.clearRight{
        clear: right;
}

.noMarginLeft{
        margin-left: 0!important;
}

.noMarginRight{
        margin-right: 0!important;
}

.noBorderBottom{
        border-bottom: 0!important;
}

/*###################################### END GENERIC CLASSES ######################################*/









/*###################################### START TEMPLATE STYLES ######################################*/
*{
        margin: 0px;
        border: 0px;
        padding: 0px;
}

body{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background: #184c77 url(../images/bgPage.jpg) center top repeat-x;
}

a{
        color:#000000;
        text-decoration:none;
}

a:hover {
        color: #f40000;


}

#container{
        display: inline;
        float: left;
        width: 100%;
        margin: 0 auto;
        background:url(../images/bgHeader.jpg) center top no-repeat;
}

#header{
        overflow: hidden;
        margin: 0 auto;
        width: 970px;
        height: 135px;
}

#header h1{
        display: inline;
        float: left;
        width: 230px;
        height: 75px;
        margin-left: 10px;
        background: url(../images/logo.gif) left top no-repeat;
}

#header h1 a{
        display: inline;
        float: left;
        width: 230px;
        height: 75px;
}

#header h1 span{
        display: none;
}

#content{
   position:relative;
   margin: 0 auto;
   width: 950px;
}

#contentbg{
        display:inline;
        float: left;
        width: 948px;
        background: #FFF url(../images/bgContentBg.gif) repeat-x;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
}

#footer{
        display: inline;
        float: left;
        font-size: 11px;
        width: 100%;
        height:70px;
}

#contentFooter{
        margin: 0px auto;
        width: 950px;
        height: 70px;
        color: #FFF;
        background: url(../images/bgFooter.gif) left top no-repeat;
}

#contLeftFooter{
        display: inline;
        float: left;
        width: 500px;
        height: 30px;
        text-align: left;
        padding: 40px 0 0 0px;
}

#contLeftFooter p{
        display: inline;
        float: left;
        margin: 0;
}

#contLeftFooter a{
        color: #fff;
}

#contLeftFooter a:hover{
        color: #fff;
        text-decoration: none;
}

#contRightFooter{
        display: inline;
        float: left;
        width: 150px;
        height: 20px;
        text-align: right;
        padding: 30px 0 0 0;
}

#contRightFooter p{
        display: inline;
        float: left;
        margin-top: 10px;
}

#contRightFooter img{
        display: inline;
        float: left;
        margin: 0;
}

/*############################### END TEMPLATE STYLES ####################################*/









/*################################ START SEARCH BOX ###################################*/

#navSearch{
        display: inline;
        float: right;
        width: 180px;
        height: 22px;
        margin: 10px 30px 0 0;
        background: url(../images/bgSearch.gif) left top no-repeat;
}

#navSearch input {
        display: inline;
        float: left;
        width:155px;
        margin:5px 20px 0 5px;
        background:transparent;
        color: #4e4e4e;
        font-size: 11px;
        cursor: text;
}

/*###################################### END SEARCH BOX ######################################*/









/*################################ START SEARCH BOX ###################################*/

#navLang{
        display: inline;
        float: right;
        width: auto;
        height: 14px;
        margin: 13px 10px 0 0;
}

#navLang a{
        padding-right: 5px;
        line-height: 14px;
        color: #4e4e4e;
        font-size: 11px;
}

#navLang a:hover{
        color: #f40000;
}

/*###################################### END SEARCH BOX ######################################*/








/*###################################### START MAIN MENU ######################################*/

#mainNav {
        display: inline;
        float: right;
        width: auto;
        height: 20px;
        margin: 10px 30px 0 0;
}

#mainNav ul {
        list-style: none;
}

#mainNav li {
        display: inline;
        float: left;
}

#mainNav li span{
        display: inline;
        float: left;
        height: 20px;
        padding: 0 5px;
        color: #4e4e4e;
        font-size:11px;
}

#mainNav li a {
        display: inline;
        float: left;
        height: 20px;
        color: #4e4e4e;
        text-align: center;
        text-decoration: none;
        font-size:11px;
}

#mainNav li a:hover , #mainNav li a.selNav {
        color: #f40000;
}

/*###################################### END MAIN MENU ######################################*/









/*###################################### START SUB MENU ######################################*/

#subNav {
        display: inline;
        float: left;
        width: 930px;
        height: 30px;
        margin-left: 20px;
        background: url(../images/bgSubNav.gif) left bottom no-repeat;
}

#subNav ul {
        list-style: none;
}

#subNav li {
        display: inline;
        float: left;
}

#subNav li a {
        display: inline;
        float: left;
        height: 25px;
        padding: 5px 4px 0 4px;
        color: #4e4e4e;
        text-align: center;
        text-decoration: none;
        font-size:12px;
}

#subNav li a:hover , #subNav li a.selSubNav {
        background: url(../images/bgSubNavSel.gif) left bottom repeat-x;
        color: #f40000;
}

/*###################################### END SUB MENU ######################################*/








/*###################################### START SUB SECOND MENU ######################################*/

#subSecondNav {
        display: inline;
        float: left;
        width: auto;
        height: 30px;
        margin-left: 20px;
}

#subSecondNav ul {
        list-style: none;
}

#subSecondNav li {
        display: inline;
        float: left;
}

#subSecondNav li a {
        display: inline;
        float: left;
        height: 25px;
        padding: 5px 4px 0 4px;
        color: #4e4e4e;
        text-align: center;
        text-decoration: none;
        font-size:12px;
}

#subSecondNav li a:hover , #subSecondNav li a.selSubSecondNav {
        color: #f40000;
}

/*###################################### END SUB SECOND MENU ######################################*/









/*###################################### START STORE MENU ######################################*/

#storeNav {
        display: inline;
        float: right;
        width: auto;
        height: 30px;
        margin-right: 20px;
}

#storeNav ul {
        list-style: none;
}

#storeNav li {
        display: inline;
        float: left;
}

#storeNav li a {
        display: inline;
        float: left;
        height: 25px;
        padding: 5px 4px 0 4px;
        color: #000;
        text-align: center;
        text-decoration: none;
        font-size:12px;
}

#storeNav li a:hover , #storeNav li a.selStoreNav {
        color: #f40000;
}

/*###################################### END STORE MENU ######################################*/









/*###################################### LEFT NAV ######################################*/

#leftNav{
        display: inline;
        float: left;
        width: 250px;
        margin: 10px 10px 10px 9px;
}

#leftNav h2 {
        display: inline;
        float: left;
        width: 250px;
        height: 26px;
        border-top: 1px solid #e1e1e2;
        border-bottom: 1px solid #e1e1e2;
        color: #000;
        line-height: 26px;
        font-size: 11px;
        font-weight: normal;
}

#leftNav h2 .leftNavHover {
        color: #f40000;
}

.leftNavHover {
        color: #f40000;
}

#leftNav ul {
        display: inline;
        float: left;
        list-style: none;
        background:url(../images/bgLeftNav.gif) left top repeat-x;
}

#leftNav li {
        display: inline;
        float: left;
}

#leftNav li a {
        display: inline;
        float: left;
        width: 230px;
        height: 20px;
        color: #000;
        line-height: 20px;
        text-decoration: none;
        padding: 0 10px;
        font-size: 11px;
}

#leftNav li a:hover, #leftNav li a.leftSel {
        color: #f40000;
}

#leftNav .leftNavHover {
        color: #f40000;
}

/*###################################### START CONTENT ######################################*/

#bannerHeader{
        display: inline;
        float: left;
        width: 930px;
        margin: 0 9px;
}

#centerContent{
        display: inline;
        float: left;
        line-height: 16px;
        width: 660px;
        margin: 10px 10px 10px 9px;
}

#centerContent h2{
        display: inline;
        float: left;
        width: 660px;
        height: 26px;
        border-top: 1px solid #e1e1e2;
        border-bottom: 1px solid #e1e1e2;
        color: #000;
        line-height: 26px;
        font-size: 11px;
        font-weight: normal;
}

#centerContent h3{
        /*margin-top:7px;*/
        line-height: 26px;
        font-weight: bold;
        font-size:14px;
}

#centerContent h4{
        font-size:11px;
        font-weight:normal;
}

#centerContent h5{
        font-weight: bold;
        font-size:12px;
}

#centerContent a{
        color: #184c77;
        text-decoration: none;
}

#centerContent a:hover{
        color: #FF0000;
        text-decoration: none;
}

#centerContent ul{
        margin: 20px;
}

#centerContent ul li{
        padding-top: 5px;
        list-style: disc;
        line-height:16px;
}

#centerContent ol{
        margin: 20px;
}

#centerContent ol li{
        list-style: decimal;
}

#centerContent img{
        /*display: inline;
        float: right;*/
        margin-left: 10px;
        border:1px solid #dcdcdc;
}

.centerContentBox{
        display: inline;
        float: left;
        width:150px;
        margin: 10px 20px 10px 0;
}

.centerContentBoxDes{
        display: inline;
        float: left;
        font-size: 9px;
        width:150px;
        padding-top:10px;
}

/*.centerContentImgRight{
        display: inline;
        float: right;
        border:1px solid #dcdcdc;
        margin: 10px 0 0 10px;
}*/

.centerContentImg{
        display: inline;
        float: left;
        border:1px solid #dcdcdc;
}

.centerContentImg:hover{
        display: inline;
        float: left;
        border:1px solid #999999;
}


/*###################################### START DETTAGLIO ######################################*/

#centerContentDettaglio{
        display: inline;
        float: left;
        width: 380px;
        margin: 10px 10px 10px 0;
        line-height:15px;
}

#DettaglioDesc{
        display: inline;
        float: left;
        width: 380px;
        padding-top:10px;
        padding-bottom:10px;
        background:url(../images/bgLeftNav.gif) left top repeat-x;
}

#centerContentDettaglioImg{
        display: inline;
        float: left;
        width: 250px;
        margin-top:10px;
}

.centerContentDettaglioImg{
        display: inline;
        float: left;
        border:1px solid #dcdcdc;
}

#DettaglioDesc input, select, textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        width:190px;
        left:20px;
        border:1px solid #d0d0d1;
}

.DettaglioDescImg1{
        display: inline;
        float: left;
        height:70px;
        width:50px;
        text-align:center;
        margin-right:10px;
}

.DettaglioDescImg{
        display: inline;
        float: left;
        margin-right:10px;
        border:1px solid #dcdcdc;
}

.DettaglioDescImg:hover{
        display: inline;
        float: left;
        margin-right:10px;
        border:1px solid #999999;
}


.aggiungi{
margin-top:20px;
        display: inline;
        float: left;
        width:290px;
        height:25px;
        padding:5px 0 0 10px;
        color:#fff;
        cursor:pointer;
        background:url(../images/TastoAggiungialCarrello.gif)  no-repeat;
}

.aggiungi:hover{
        background:url(../images/TastoAggiungialCarrellover.gif) no-repeat;
        color:#fff;
        cursor:pointer;
}



/*###################################### COLONNA SINISTRA  ######################################*/

#SxContent{
        display: inline;
        float: left;
        width: 240px;
        /*background:url(../images/bgLeftNav.gif) left top repeat-x;*/
        padding-left:10px;
}

#SxContentdown{
        display: inline;
        float: left;
        width: 240px;
        /*background:url(../images/bgLeftNavDown.gif) left bottom repeat-x;*/
}

.centerContentBoxSx{
        display: inline;
        float: left;
        width:70px;
        margin: 10px 10px 10px 0;
}

.centerContentBoxSxDes{
        display: inline;
        float: left;
        font-size: 9px;
        width:70px;
        padding-top:10px;
}

.centerContentSxImg{
        display: inline;
        float: left;
        border:1px solid #dcdcdc;
}

.centerContentSxImg:hover{
        display: inline;
        float: left;
        border:1px solid #999999;
}

#page_shop a{
color: #4e4e4e;
text-decoration:underline;
}

#page_shop a:hover{
color: #f40000;
text-decoration:underline;
}