/* PAGELAYOUT CSS - 20060522 */

/* FULL PAGE */

div#page
{
    width: 816px; /* This can be changed to any fixed width if desired */
    margin: 0 auto 0 auto; /* General method for centering content if fixed page width, for other browsers than IE */
    text-align: left; /* Reset IE method for centering page, to stop all other content on the page from centering */
	position:relative;
	padding:0px 12px;
	background:url(../images/sfumatura-page.png) repeat-y center;
}

/* HEADER */

div#header

{
	width:816px;

    background:#FFFFFF url(../images/box_bianco.jpg) no-repeat top left;
	height:157px;
	position:relative;
}

div#header ul
{
    margin: 0;
}

div#header ul li
{
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    float: left;
    background-image: none;
}

div#logo
{
position:absolute;
bottom:31px;
right:12px;
}
.clearAll {
	float:none;
	clear:both;
}

#login-box {
	padding-top:20px;
	float:none;
	clear:both;
}

#logout-box {
	padding-top:20px;
	height:54px;
	padding-left:10px;
}

#logout-box a {
    font-weight: bold;
    color:#646567;
    font-size:0.85em;
	text-decoration:none;
}

#login-box a {
    font-weight: bold;
    color:#646567;
    font-size:0.85em;
	text-decoration:none;
}

#login-box a:hover {
	text-decoration:underline;
}

div#usermenu
{
padding-top:10px;

}

div#languages
{

    float: left;
    width: 24%;
    height: 25px;
    font-size: 0.9em;
}

div#languages ul li
{

padding:5px 5px;
text-transform:uppercase;
}

div#languages a
{
    padding-right: 2px;
    text-decoration:none;
	color:#0283fb;	
}

div#links
{

    float: left;
    text-align: left;
    padding-right: 0;
    font-size: 0.85em;
    height: 25px;
    width: 30%;
    font-weight:bold;
}

div#links ul li
{
    float: left;
    vertical-align:center;
}

div#links ul li.text
{
    
}
div#links ul li.border
{

}

div#links a
{
	display:block;
    color: #646567;
    text-decoration:none;	

	padding:0px 10px;
}

div#links a.text
{
padding:5px 10px;
}

div#links a.border
{
border-left: 1px dotted #928f8f;
border-right: 1px dotted #928f8f;
}

div#searchbox
{
    width: 20em; /* Needs to be sufficient width to fit both text input and submit button to avoid Konqueror breaking the line between them */
    margin-top: 1.75em;
    margin-right: 1em;
    text-align: right;
    float: right;
}

input#searchtext
{
    border: 1px solid #A5ACB2;
    font-size: 0.85em;
    width: 12em;
}

input#searchbutton
{
    margin-top: -0.1em;
}

/* TOP MENU */

#MenuTop {
background:url(../images/fasciamenu.png) no-repeat left top;
height:23px;
padding:4px;
position:absolute;
bottom:0px;
left:0px;
width:519px;



}


div#topmenu
{
    margin: 0;

}

div#topmenu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;

}

div#topmenu ul li
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0.85em;
    white-space: nowrap;
}

div#topmenu ul li
{
    font-weight: bold;

}

div#topmenu ul li a
{
	font-family:"News Gothic Std", Geneva, Arial;
    display: block;
    color: #FFFFFF;
    padding: 5px 10px;
    text-decoration: none;
	border-left:1px dotted #FFFFFF;
}

div#topmenu ul li.firstli a
{
	
	border-left:none;
}

div#topmenu ul li.selected a, div#topmenu ul li a:hover
{
	color:#262628;

}

div#topmenu ul li.lastli
{
    background-image: none;
}

div#topmenu ul#topmenu-secondlevel
{
    background-image: none;


}

div#topmenu ul#topmenu-secondlevel li
{
    background-image: none;
    font-weight: normal;
}

div#topmenu ul#topmenu-secondlevel li.selected
{
    font-style: italic;
}

div#topmenu ul#topmenu-secondlevel li.selected a, div#topmenu ul#topmenu-secondlevel li a:hover
{
    color: #111;
    border-bottom: none;
    margin-bottom: 6px;
}

div#topmenu ul#topmenu-secondlevel li a
{
    color: #555;
    text-decoration: underline;
}

/* PATH */

div#path
{
    padding: 0.5em 0.5em 0.5em 2em;
    font-size: 0.85em;
}

div#path p
{
    margin: 0;
}

/* COLUMNS */

div#columns
{
   padding: 0 14em 0 14em;
}

div.nosidemenu div#columns
{
   padding-left: 0;
}

div.noextrainfo div#columns
{
   padding-right: 0;
}

/* SIDE MENU */

div#sidemenu-position
{
    width: 14em;
    margin-left: -14em;
    float: left;
    display: inline; /* Fix for IE double margin bug */
}

div.nosidemenu div#sidemenu-position
{
    display: none;
}

div#sidemenu ul
{
    list-style-type: none;
    margin: 0.5em 0 0.5em 0;
}

div#sidemenu ul li
{
    margin: 0.25em 0 0.25em 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-image: none;
}

div#sidemenu div.box div.box-content
{
    padding-left: 0.75em;
    padding-right: 0;
}

div#sidemenu h4
{
    margin: 0;
}

div#sidemenu h4 a
{
    color: #525345;
    text-decoration: none;
}

div#sidemenu ul.menu-list a.selected
{
    font-weight: bold;
}

div#sidemenu ul.submenu-list
{
    list-style-type: none;
    margin-left: 1em;
}

div#sidemenu ul.submenu-list a.selected
{
    font-weight: bold;
}

div#sidemenu ul.menu-list li a, div#sidemenu ul.submenu-list li a
{
    background-image: url(../images/sidemenu_bullet.png);
    background-position: 0.2em 0.5em;
    background-repeat: no-repeat;
    padding-left: 18px;
    display: block;
    font-size: 0.85em;
}

/* MAIN AREA */

div#main-position
{
    width: 100%;
    float: left;
}

div#main
{

}

div.nosidemenu div#main-position
{
    margin-left: 0;
}

div.noextrainfo div#main-position
{
    margin-right: 0;
}

/* EXTRA CONTENT */

div#extrainfo-position
{
    width: 14em;
    margin-right: -14em;
    float: left;
}

div.noextrainfo div#extrainfo-position
{
    display: none;
}

div#extrainfo
{

}

/* FOOTER */

div#footer
{
    clear: both; /* Ensures that the footer is pushed properly below the columns */
    padding-top: 15px;
    background-image: url(../images/sfumatura_basso.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    font-size: 0.85em;
    margin-bottom: 0.25em;
	height:113px;
	color:#D0D0D0;
}

div#footer address
{
    font-style:normal;
}



a img {
border:none;
}


div#sidemenu
{
    padding: 0 0.25em 0 0;
}

div#extrainfo
{
    padding: 0 0 0 0.25em;
}


.articlehome {
height:92px;
color:#000000;
float:left;
padding:10px 15px;
background-color:#FFFFFF;
width:186px;
font-size:0.85em;
}

.articlehome a {
color:#0283FB;
text-decoration:none;
font-weight:bold;
}

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

.blue {
color:#0283FB;
font-weight:bold;
}

.riga {
height:112px;
width:9px;
float:left;
}
.rossa {
background-color:#FE0522;
}

.gialla {
background-color:#F1A614;
}

.verde {
background-color:#5B954D;
}


.blu {
background-color:#8DD9F5;
}

.alta {
height:147px;
}

.box-product {
float:left;
height:131px;
padding:8px 8px;
background:url(../images/bgboxproduct.jpg) repeat-x;
width:116px;
}

.box-product h2 {
font-family:Helvetica;
font-size:1.7em;
line-height:1.15em;
text-transform:uppercase;
margin:0px;
padding:0px;
font-weight:bold;
letter-spacing:-0.04em;
margin-top:0px;
}

.box-product h2 a {
text-decoration:none;
color:#999999;

}

.box-product h2 a#selected {
text-decoration:none;
color:#3D3D3D;

}

.box-product h2 a:hover {
text-decoration:none;
color:#3D3D3D;

}

.box-home {
float:left;
height:96px;
padding:8px 8px;
background:url(../images/bgboxhome.jpg) repeat-x;
width:116px;
}

.corto {
width:111px;
}

.largo {
width:157px;
}
.box-home h2 {
font-family:Helvetica;
font-size:1.7em;
line-height:1.15em;
text-transform:uppercase;
margin:0px;
padding:0px;
font-weight:bold;
letter-spacing:-0.04em;
margin-top:0px;
}

.box-home h2 a {
text-decoration:none;
color:#999999;

}

.box-home h2 a:hover {
text-decoration:none;
color:#3D3D3D;

}

#footer-block {
position:relative;
margin:0 auto;
width:816px;
    clear: both; /* Ensures that the footer is pushed properly below the columns */
    padding-top: 15px;
    background-image: url(../images/sfumatura_basso.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    font-size: 0.85em;
    margin-bottom: 0.25em;
	height:113px;
	color:#D0D0D0;
}

#sfumatura-bottom {
background:url(../images/sfumatura.png) no-repeat left top;
width:851px;
height:33px;
position:absolute;
left:-17px;
top:-14px;
}

#leftfoot {
padding-top:1em;
float:left;
text-align:center;
width:80%;
}

#rightfoot {
padding-top:1em;
float:left;
width:19%;
padding-right:1%;
text-align:right;
}

#scegliere {
height:132px;
color:#FFFFFF;
float:left;
padding:10px 5px 5px 10px;
background-color:#000000;
width:201px;
font-size:0.80em;
vertical-align:middle;
}

#sceglere a {
color:#FFFFFF;
text-decoration:none;
vertical-align:middle;
display:block;

}

#sceglere a:hover {
color:#FFFFFF;
text-decoration:undeline;
}

#scegliere h3 {
font-size:1.3em;
margin-top:20px;
line-height:1.5em;
}

#scegliere h3 a {
color:#ffffff;
text-decoration:none;
padding-right:25px;
background:url(../images/freccia.png) no-repeat right center;
display:block;
}

#scegliere h3 a:hover {
text-decoration:underline;
}

.product-category {
padding:4px;
border:1px solid #585656;
float:left;
margin-left:4px;
margin-top:4px;
position:relative;
width:392px;
background:#FFFFFF;
padding-bottom:50px;
height:auto; !important
height:330px;
min-height:330px;
}

.product-category h2 {
padding-left:4px;
padding-top:10px;
padding-bottom:7px;
font-size:1em;
font-family:Helvetica;
margin:0px;
width:153px;
background-color:#FE0522;

}

.product-category h2 a {
color:#FFFFFF;
text-decoration:none;
}

.special-product {
padding:4px;
border:1px solid #585656;
margin-left:4px;
margin-top:4px;
width:796px;
background:#FFFFFF;
float:none;
clear:both;
}

.special-product h2 {
padding-left:4px;
padding-top:17px;
font-size:1em;
font-family:Helvetica;
margin:0px;
width:153px;
background-color:#FE0522;
color:#FFFFFF;

}

.special-product h2 a {
color:#FFFFFF;
text-decoration:none;
}

.image-category {
float:left;
width:157px;
overflow:hidden;
position:relative;
}

.zoom {
position:absolute;
left:5px;
bottom:5px;
}

.text-category {
float:left;
margin-left:5px;
color:#4F4C4C;
font-size:0.9em;
width:230px;
}

.text-product {
float:left;
margin-left:5px;
color:#4F4C4C;
font-size:0.9em;
width:606px;
}

.float-break-product {
position:absolute;
left:4px;
bottom:4px;
height:23px;
background-color:#928F8F;
width:393px;
}

#ContentFull {
background-color:#FFFFFF;
padding-bottom:25px;
float:none;
clear:both;
}

.product {
margin-left:15px;
padding:5px 7px;
border:1px solid #585656;
margin-bottom:4px;
width:760px;
}

.leftprod {
float:left;
width:157px;
}

.leftprod h3 {
padding-left:9px;
padding-top:17px;
padding-bottom:15px;
font-size:1em;
font-family:Helvetica;
margin:0px;
background-color:#FF0000;
color:#FFFFFF;
text-transform:uppercase;
}

.category {
padding-top:6px;
color:#666666;
font-family:Helvetica;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
}

.rightprod {
float:left;
margin-left:7px;
width:564px;
color:#666666;
}

.rightprod h3 {
color:#666666;
font-size:1.1em;
margin:0px;
padding:0px;
font-family:Helvetica;
text-transform:uppercase;
width:571px;
}

.download-attch {
background:#928F8F;
padding:3px 9px;
vertical-align:middle;
line-height:1em;
}

.download-attch a {
padding:5px 0px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:0.85em;
}


#leftPage {
float:left;
padding:10px 0px 10px 18px;;
background-color:#FFFFFF;
width:198px;
font-size:0.85em;
}

#rightPage {
float:right;
width:600px;
background:#999999;
}

.leftPage {
float:left;
padding:10px 0px 10px 18px;;
background-color:#FFFFFF;
width:198px;
font-size:0.85em;
}

.rightPage {
float:right;
width:580px;
background:#999999;
padding:0px 10px;
}

#ContentFullFolder {
background:#FFFFFF;
width:816px;
}

.line-image {
width:85px;
margin-right:6px;
margin-bottom:6px;
opacity:0.5;
filter:alpha(opacity=50);
border:1px solid #999999;
float:left;
}
.line-image img {
display:block;
}

.line-image:hover {
opacity:1;
filter:alpha(opacity=100);
}

.line-image-active {
filter:alpha(opacity=100);
opacity:1;

}

.full-image {
width:600px;
height:450px;
overflow:hidden;
}

#Gallery {
float:left;
}
#Gallery-full {
height:450px;
width:600px;
position:relative;
}

#Gallery-full img {
display:block;
}

.description-column {
padding-right:17px;
color:#262628;
padding-top:22px;
float:none;
clear:both;
}



#ContactForm {
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:10px;

}

#ContactForm h4 {
color:#262628;
padding:4px 3px;
margin-top:5px;
margin-bottom:3px;
font-family:Helvetica;
width:50%;
font-size:1.1em;


}

.content-action {
padding:10px 0px;
}

.defaultbutton {
background:#FFFFFF;
border:2px solid #262628;
padding:4px 5px;
color:#262628;
}

#MenuHome {
width:816px;
}

#map {

}

#Article-full {
padding-top:8px;
padding-bottom:10px;
font-size:0.9em;
padding-right:10px;
padding-left:10px;

}

.attribute-long {
line-height:2em;
}

.content-view-line {
padding:5px 0px;
border-bottom:1px dotted #000000;
}

.class-article h2 a {
padding:0px 0px;
color:#262628;
text-decoration:none;
}

.class-article h2 a:hover {
padding:0px 0px;
color:#262628;
text-decoration:underline;
}

.hide {
display:none;
}

.white {
color:#FFFFFF;
}

#ContCatalogue {
float:none;
clear:both;
background:#FFFFFF;
}

#ContCatalogue img {
border:none;
}