/*  -----------------------
CSS Document 10/07/2008
Written by Laura Silvani
Mediaus S.rl. - Lucca
-------------------------- */

/* ------------------------------------- */
/* HTML elements						 */
/* ------------------------------------- */

html,body {
	height:100%;
	border: 0px;
	margin: auto;
	padding: 0px;
	font:11px Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	background:#F4F4F4 url(../img/bg.jpg) repeat-y center;
	text-align:center;
}

form { margin:0px;padding:0px;}
form,select,input,textarea { font:11px Arial, Helvetica, sans-serif;color: #7F7F7F; }
input,textarea { border:1px solid #A7A7A7; }
.DropDown { width:100px; }
.DropDown2 { width:160px; }

img { border:0px;margin:0px;padding:0px; }
p { margin:0px;padding:0px;border:0px solid #ccc; }
p.Paragraph { margin:0px;padding:5px; }
div { border:0px solid #CCC; }

a { font:11px Arial, Helvetica, sans-serif;color:#7F7F7F;text-decoration:underline; }
a:hover { text-decoration:none; }

/* ------------------------------------- */
/* MAIN DIVS				     		 */
/* ------------------------------------- */

#wrapper { width:905px;margin:0 auto;padding:0 auto;text-align:left; }
#header { border:0px solid #CCC;background:url(../img/bg-header.jpg) repeat-x;margin:0px;padding:0px; }
#header p#MainMenu { text-align:right;margin:20px 20px 0 0;}
#header a { color:#000; }
#content {border:0px solid #DE0032; margin-top:20px;margin-bottom:20px; }
#footer { border-top:1px solid #CCC;padding-top:10px; }

.CategoryBox { padding:10px;width:192px;height:74px;background:url(../img/bg-box-cat.jpg) no-repeat;margin-top:20px;float:left;margin-left:8px; }
.CategoryBox .CatSubTitle { width:155px;float:left; }
.CategoryBox .CatSubTitle a.BoxCatText { font-size:12px;color:#848383;text-decoration:none; }
.CategoryBox .CatSubTitle a.BoxCatText:hover { text-decoration:underline; }
.CategoryBox img.Arrow { float:right; padding-right:10px; }

/*
#CatDetails { float:right; margin-left:20px;width:250px; border: 1px solid #0000FF;}
#CatDetails .CatTitle { font-size:18px;font-weight:bold; }
#CatDetails .CatAbs	  { font-size:14px; }
*/

/* --> Homepage */
.HomeWrap {  width:277px;float:left;border:0px solid #CCC; }
.HomeBoxTxt { background:url(../img/bg-box-home.jpg) no-repeat;height:88px;padding:0 10px 10px 10px;border:0px solid #CCC; }
.BoxTitle { border:0px solid #CCC;width:230px; } 

/* --> CategorieList.php */
#container { position: relative;width:880px;height:120px;overflow:hidden;border:0px solid #EFEFEF;margin-left:7px; }
#scroller { position: relative;width: 2430px; } /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
.scrollNav, .scrollNav a:link, .scrollNav a:visited  { font-size: .8em;color:#00009C;font-weight: bold; }

/* --> CategoriaDetails.php */
/*.CatDetailsBox { border:0px solid #000;float:left;width:450px;text-align:right; border: 1px solid #000000;} */
.CatImageBox { width:95px; margin-left:15px; border:0px solid #fff; text-align:left; margin-top:35px;float:left;}
.CatImageBox2 { width:203px; display:block; margin-left:15px; 
border:0px solid #fff; text-align:left; margin-top:35px; float:left;}
.CatImageBox2 a {
	width:203px;
	display:block;
	background-color:#f7f7f7;
	margin-top:5px;
	padding:3px;
	font-size:13px;
	}
	
/* --> DecorazioniDetails.php */
.CategoryList { margin-right:20px;border-right:1px solid #CCC;padding-right:20px;float:left; }
.ProductType  { float:left;width:250px; }
.DetailName   { font-size:12px;font-weight:bold;width:150px;float:left;border:1px solid #FFF; }
.DetailValue  { font-size:12px;border:1px solid #FFF; }
.Line		  { border-top:1px solid #4F4F4F;margin:7px 0 7px 0; }

/* --> Personalizzazioni.php */
#PersonalText { width:250px;float:left; }
#PersonalText ul { margin:0px;padding:0px; list-style-position:inside; }

/* --> Decorazione.php */
#DecoraText { width:150px;float:left; }

/* --> Group.php & About.php */
.12PointText { font-size:12px;color: #7F7F7F; }

/* --> Contacts */
#LeftColumn 			{ width:360px;float:left;text-align:right;border-right:1px dotted #747474; }
#LeftColumn .TitleSx 	{ background:#A7A7A7;padding:10px; }

#RightColumn 			{ float:left; width:540px; }
#RightColumn .TitleDx	{ background:#F4F4F4; padding:10px; }
#RightColumn .TitleDxContacts	{ background:#F4F4F4; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:4px; }

/* --> Rotodispenser */
td.ColumnLeft { border-bottom:1px dotted #747474;border-right:1px dotted #747474;width:250px; }
td.ColumnRight { border-bottom:1px dotted #747474;padding-left:20px; }

/* -------------------------------------- */
/* COMMON SENSE :)    					  */
/* -------------------------------------- */

.FloatSx { float:left;}
.FloatDx { float:right; }
.clearer { clear:both;margin:0px;padding:0px;height:0;width:0; }

.spalla_sx {float:left; width:130px;}
.page_box {float:right; width:750px;}
.page_box_header { margin-bottom: 15px;}
.menu_prodotti{ }
.menu_prodotti ul{ margin: 0px; padding: 0px;}
.menu_prodotti li{ padding-left: 0px; list-style:none; margin-bottom: 6px; }
.menu_prodotti ul ul{ margin-top: 6px; margin-bottom: 6px; margin-left: 0px; padding: 0px;}
.menu_prodotti li li{ padding-left: 10px; list-style:none; margin-bottom: 6px;}
.other_decoration{float:right; width:420px;}
.other_decoration_img{float:right;border:0px solid #CCC;width:45px;margin-top:5px;}
.other_decoration_img_selected{float:right; width:100px; height:100px;}

.CatTitle { font-size:18px; font-weight:bold; text-align:left; margin-bottom: 3px; margin-top:20px;}
.CatAbs   { font-size:14px;  text-align:left; margin-bottom: 3px; }

.CatLogo	 {float:left; width:180px; }

.page_box_sx_1{float:left; width:300px;}
.page_box_dx_1{float:right;width:400px;text-align:right; text-align:left; }

.page_box_sx_2{float:left; width:490px; }
.page_box_dx_2{border:0px solid #000;float:left;width:250px; text-align:left;}
.box_type_prod_img_list	{}
.box_type_prod_img_list	ul{ margin: 0px; padding: 0px;}
.box_type_prod_img_list	ul li{list-style:none;}
.other_decoration_box{ float:right;width:540px;text-align:right; text-align:left;}
.visibile{}
.invisibile{display:none;}
/*==========================*/
#search_box{background:#EFEFEF; height:40px; padding:0px; margin: 0px;}
#search_box_sx{float:left; width:775px; padding-left: 5px; height:40px; }
#search_box_dx{float:right; background:#666; width:83px; text-align:center; height:40px;}