/* 
    Document   : main.css
    Created on : Apr 21, 2010, 6:17:10 PM
    Author     : ubudekstop
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { display: block;}

body{background: #FBF8EF;font-family: Verdana;font-size: 14px;}
body img{border:0px;}

blockquote{float:right;}

#main{
    background-color: #FAF8EE;
    -moz-border-radius:5px;
    width: 818px;
    padding:20px;
    margin: auto;
}

#header{
	background-image: url('/images/head.jpg');
	height: 172px;
	*z-index: -1;
	}
#sub_header{
	margin-left:-15px; 
	margin-bottom: 27px;
	margin-top: -26px;
	*position: relative;
	*margin-top: -24px;
	*margin-left: 2px;
	padding:2px 0 0 0;
	z-index: 2;
	}
#sub_header ul{
	margin: 0;
    padding: 0px;
    list-style-type: none;
    text-align: left;
	font-size:10px;
    }
#sub_header ul li{
	display: inline-block;
	*display:inline;
	height: 16px;
	padding:2px 0 0 0;
	margin:  0 15px 0 0;
	text-transform: uppercase;
}
#sub_header ul li:hover{
background-image: url('/images/menu_bkg_left.gif');
background-position: top left;
background-repeat: no-repeat;
color:#fff;
*padding:0 0 2px 0;


}
#sub_header ul li a:link, #sub_header ul li a:visited
{
    text-decoration: none;
	color: #224db6;
    font-weight: bold;
    height: 16px;
    padding: 1px 20px;

}


#sub_header ul li a:hover {	
	background-image:url(/images/menu_bkg_right.gif);
	background-position:right 0;
	background-repeat:no-repeat;
	color:#fff;
	font-weight:bold;
	height:16px;
	padding:2px 20px;
	*margin: 0 -3px 0 3px;
	text-decoration:none;
}




#sub_header ul li.activeTab a{
background-image:url(/images/menu_bkg_right.gif);
background-position:right 0;
background-repeat:no-repeat;
color:#fff;
display:inline-block;
*display:inline;
font-weight:bold;
height:16px;
margin:0 0 0;
padding:2px 20px;
*margin:  0 -3px 0 0;
text-decoration:none;
}

#sub_header ul li.activeTab {
	background-image:url(/images/menu_bkg_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:inline-block;
	*display:inline;
	height:16px;
	padding:0 0 0 0;
	}
.activeTab {display:block;}
.activeTab:hover {}
	
#leftCol{
   width:163px;
    float: left;
    margin-left: 0;
    background-image: url('/images/men_left_bkg.gif');
    background-repeat: repeat-y;
    background-position: right;
    text-align: left;
}

#contentCol{
    /*font-family: Arial;*/
    font-family: Verdana;
    font-size: 13px;
    margin: 0 15px 0 190px;
    text-align: justify;
    width: 600px;
}

#contentCol strong{font-size: 12px; }

#contentCol a:link, #contentCol a:visited, #contentCol strong{
    color:#2034A4;
   text-decoration: none;
} 
#contentCol a:hover, #contentCol a:active {
   text-decoration: underline;
} 
#leftCol .men_left_footer{
	background-image: url('/images/men_left_footer.jpg');
	background-repeat: no-repeat;
	width: 148px;
	height:40px;
	margin:  0 0 0 15px;
}

.rightCol{float:right;margin: -10px 0 0 30px;}
#rightBox1{}
#rightBox2{}
#rightBox3{}

#footer{background-image: url('/images/footer_bkg.jpg');height: 68px;
background-repeat: no-repeat;
background-position: top left;
	color: #FFF;
	font-size:12px;
	font-family: Arial;
	padding: 25px 0 0 20px;
	text-align: center;
	margin: 20px 0 0 0;}
	

#footer a:link, #footer a:visited{
		color:#fff;
		text-decoration: none;
		}
#footer a:hover, #footer active{
		
		text-decoration: underline;
		}

/**********stili menu**********/
#leftCol ul {padding:5px 0 5px 10px;}
#leftCol li{
	padding:0 5px 0 25px;
	margin:5px 0;
	}
#m_left_1{background-color: #c6e1e8;}
#leftCol li a{
	padding: 0 0 0 0px;}
#m_left_1 ul, #m_left_2 ul, #m_left_3 ul{list-style-type: none;margin-bottom:10px;padding:5px 0 7px 0px; *margin-left:0px;
	}
#m_left_1 ul li a{text-decoration: none;color:#333399;font-size: 12px; padding-left: 0px;
font-weight: bold;}
#m_left_1 li{display:block;/*background-color: #c6e1e8;*/}
#m_left_1  .activeTab{display:block;background-color:#f0f8fb;}
#m_left_1  #activeTab a{color:#609fa2;font-size: 12px;}

#m_left_1  #activeTab{display:block;background-color:#f3ebeb;}

#m_left_2{background-color:  #e2c9cd;font-family: Verdana;}
#m_left_2 ul li a:link, #m_left_2 ul li a:visited{text-decoration: none;color:#330033;font-size: 12px; padding-left: 0px;z-index:100;
font-weight: bold;}

#m_left_1 ul li a:hover, #m_left_1 ul li a:active, #m_left_2 ul li a:hover, #m_left_2 ul li a:active,#m_left_3 ul li a:hover, #m_left_3 ul li a:active{
	color:#fff;
	}
#m_left_3  #activeTab{display:block;background-color:#f0f8fb;}


#m_left_2 li{display:block;/*background-color: #e2c9cd;*/}
#m_left_2  .activeTab{display:block;background-color: orange;}
#m_left_2  #activeTab a{color:#993300;font-size: 12px;}

#m_left_3{background-color:#c0cfa8;font-family: Verdana;}
#m_left_3 ul li a{text-decoration: none;color:#003300;font-size: 12px; padding-left: 0px;
font-weight: bold;}

#m_left_1  #activeTab{display:block;background-color:#e4ecda;}



#m_left_3 li{display:block;/*background-color:#c0cfa8;*/}
#m_left_3  .activeTab{display:block;background-color: orange;}
#m_left_3  #activeTab a{color:#8d9f63;font-size: 12px;}
#m_top{}

/***********fine stili menu ********/

/**************PRODUCTS**************/

#m_left_1 ul li.sub_category_li a{
	font-size:11px;
	font-weight:normal;
}
#m_left_1 #activeTab a.sub_category_li {
font-weight: bold;
font-size: 11px;
}


/****si usa per i prodotti della categoria che non hanno subcat --non la sto usando ***/
.product_subcat_container_white{background:#fff;width:400px;margin-top: 5px;padding:1px;-moz-border-radius:5px;margin-left: 10px;}
.products_butt_table td {
		width:140px;
		
		}
/****si usa per le sottocategorie***/
.products_butt_table{}
.products_butt_table td img{
	margin:0 -14px 0 0;
	}
.product_subcat_container{width:400px;margin-top: 0px;margin-left: 0px; padding:0 5px;background-color: #f2ecdc;}

.product_box_header{
    background: #edd899;
    font-weight: bold;
    font-size: 12px;
    padding:5px;
    text-align: center;
    background-image: url(/images/box_top_categorie_prodotti.gif);
    background-position: top left;
    background-repeat:no-repeat;
    margin:0 0 15px;
    
    }
.product_box{background:/*#f2ecdc;#fff;*/;width:400px;margin:auto;}
/*.product_box td{text-align: center;}.tabtxt{text-align: justify;}*/ 
.product_box_default table{background:#fff;margin-top: 5px; width:90%;margin:auto;}
.product_box_default td{background:#dce4cf;}
.product_box_1 table {margin-top: 5px; width:90%;margin:auto;}/*acqua*/
.product_box_1 td{background:#d4e8e9;}
.product_box_2 table {margin-top: 5px; width:90%;margin:auto;}/*solvente */
.product_box_2 td {background:#faeff7;}

.product_box_default .prod_tit{font-weight:bold;color:#3c882e; font-size:17px;}
.product_box_default  .prod_codice{font-size: 9px;color:#3c882e;font-size:17px;}
.product_box_1  .prod_tit{font-weight:bold;color:#006d82; font-size:17px;}/*aggiungere strtoupper e toglierlo dal codice php */
.product_box_1  .prod_codice{font-size: 9px;color:#006d82;font-size: 14px;}
.product_box_2  .prod_tit{font-weight:bold;color:#af7d95;font-size:17px}/*aggiungere strtoupper e toglierlo dal codice php */
.product_box_2  .prod_codice{font-size: 9px;color:#af7d95;font-size: 14px;}
.product_box_bottom{margin:8px auto 16px;width:380px;}
.product_box_scheda{float:right;}
.product_has_colori{float: right;margin:0 5px 0 0;}
.product_has_colori img{text-decoration: none;border: 0px;}

.products_right_div{float:right;margin-right: 50px;}
.prod_subcat_bott, .prod_subcat_top{
	width:410px;
	height:11px;
	background-repeat: no-repeat;
	background-position: top left; }
.prod_subcat_top{
	background-image:url(/images/prod_container_top.gif);
	margin: 10px 0 0 0;
	}
.prod_subcat_bott{
		background-image:url(/images/prod_container_bott.gif);
		margin: 0 0 5px 0;
	 }

/**************COLORI************/
.colore_box{;-moz-border-radius:5px;border:5px solid #edd899;margin-bottom: 20px;}
.colore_box_header{background: #edd899;text-align: center;padding: 10px;font-weight: bold;font-size: 17px;}
.colore_box_body{text-align: center;background: #f2ecdc;
padding:10px 0;}

/**************NEWS****************/
.news_box{}
.news_box_head{}
.news_box_body{}

/****************CATEGORY***********/
#category_right_col{float:right;}
#category_right_col div{margin-bottom: 50px;}
/***************HOME****************/
#home_image_col div{
	margin:0 0px 17px 0px;
	}
#home_image_col img {
	margin: 0 0 15px 0;}
/*************stili per l'editor**********/
#text_right_image{
	float: right;
	margin: 0 0 5px 20px;
	}
#text_left_image{
	float: left;
	margin: 20px 0 5px 0;
	}
.box_contatti{background-color: #eee7d4; padding: 5px 0px 5px 0;margin-right: 0px;
height:124px;
width:375px;
background-image: url(/images/cont_top.gif);
background-position: top;
background-repeat: no-repeat;
}
/****************ANGOLI ARROTONDATI *****************/


.sb, .sbi, .sb *, .sbi * { position:relative; z-index:1; }  

* html .sb, * html .sbi { height:1%; }  
.sbi { display:inline-block; }  

#m_left_1, #m_left_1 .sb-inner { background: #C6E1E8; opacity:0.9;} 
#m_left_2, #m_left_2 .sb-inner { background: #E2C9CD; opacity:0.9;}
#m_left_3, #m_left_3 .sb-inner { background: #C0CFA8; opacity:0.9;} 
#m_left_4, #m_left_4 .sb-inner { background: #d0cbe2; opacity:0.9;}  
#m_left_1 #activeTab, #m_left_1 #activeTab .sb-inner { background: #fff; } 
#m_left_2 #activeTab, #m_left_2 #activeTab .sb-inner { background: #fff; } 
#m_left_3 #activeTab, #m_left_3 #activeTab .sb-inner { background: #fff; } 
#m_left_4 #activeTab, #m_left_4 #activeTab .sb-inner { background: #fff; } 
/*.product_subcat_container, .product_subcat_container .sb-inner { background: #e4ecda; } */

.sb-shadow { background:#000; }  .sb-border { background:#ccc; }  

#m_left_4 form{margin:0px;}
#m_left_4 {display:block;position:relative;margin:15px 0 0 0;*margin:20px 0 0 0;}

/*********titoli pagina**************************/
.page_tit{
	height:24px;
	background-image: url('/images/titPag_bkg.gif');
	color:#fff;
	text-transform: uppercase;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: left;
	margin: 0 0 20px 0;
	width:290px;
	
}
.page_tit .txt {
	float:left;
padding:2px 0 0 10px;
width:244px;
text-align:left;
	}
	
/************ BREADCRUMB**************/
#p_breadcrumb{
	margin:-10px 0 0 0;
	text-transform: capitalize;
	font-variant: small-caps;
	color:#263ca5;
	}
#p_breadcrumb a:link, 
#p_breadcrumb a:visited{
	
	color:#263ca5;
	}	
.tabbord {margin:0 0 20px 0;}	

.product_box .tabbord .tabtopr{
		background-image: url('/images/gtr.gif');
		background-repeat: no-repeat;
		background-position: top right;}

.product_box .product_box_default .tabtopr{
		background-image: url('/images/g2_tr.gif');
		background-repeat: no-repeat;
		background-position: top right;
		height: 12px;}
		

	
.product_box  .tabbot{
	background-image: url('/images/gbottom.gif');
	background-position: bottom;
	background-repeat: no-repeat;}
	
.product_box .product_box_default .tabbot{
		background-image: url('/images/g2bottom.gif');
	background-position: bottom;
	background-repeat: no-repeat;}
	
.product_box .product_box_2 .tabbot{
	background-image: url('/images/rbottom.gif');
	background-position: bottom;
	background-repeat: no-repeat;}

		
.product_box  .product_box_2 .tabtopr{
	background-image: url('/images/rtr.gif');
	background-position: top right;
	background-repeat: no-repeat;
	}
.product_box .tabbord .tabtxt{padding: 0 10px}
.product_box_1 , .product_box_2{width:400px;}

#search_box{padding-left:10px;padding-top: 10px;}
#search_box strong{font-size: 10px;padding-left:15px;}
#search_box .textbox{
 font-size: 10px;
 border: 1px solid #666666;
 width: 100px;
}
#search_box .submit_btn{width: 40px;border:2px solid #999;background: #ccc;font-size: 10px;cursor:pointer;}
	