@import "main.css";

/* ***** CONTAINER  ***** */

#container #main_content {
	width: 620px;
	height: 485px;
	z-index: 1000;
	float: left;
}

#container #main_content #label {
	background: url(../img/main_content_bg2.png) repeat-y;
	/* 'per explorer 6, 5.5 e 5'   */
	_background-image: url(../img/blank.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="common/img/main_content_bg2_ie.png", sizingMethod="scale");
	/* 'per explorer 6, 5.5 e 5'   */
	width: 610px;
	height: 370px;
	padding: 20px 0 0;
	_padding-right: 10px;
}

#container #main_content #bottom_wrapper {
	background-image: url(../img/main_content_bg_bottom2.jpg);;
	/* 'per explorer 6, 5.5 e 5'   */
	/*_background-image: url(../common/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="common/img/main_content_bg_bottom2.png", sizingMethod="crop");*/
	/* 'per explorer 6, 5.5 e 5'   */
	background-repeat: no-repeat;
	width: 620px;
	height: 95px;
}

#container #main_content #label p {
	color: #888989;
	text-decoration: none;
	font-style: italic;
	line-height: 125%;
	font-size: 15px;
	margin-bottom: 10px;
}

/* ************************ */

/* ***** SCROLL PANEL  ***** */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 595px;
	margin-left: 25px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../img/scrollTrack.gif) repeat-y -1px;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background-color: #999;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.scroll-pane {
	overflow: auto;
	float: left;
	width: 590px;
	display: inline;
}

#panel {
	height: 430px;
	_height: 370px;
}

/* *************************** */

#panel .mainImg {
	background: url(../img/img_servizi_bg.jpg) no-repeat 0 0;
	display: block;
	margin-right: 12px;
	width: 245px;
	height: 205px;
	float: left;
}

#panel .thumbImg {
	float: left;
	background: url(../img/acconciature_bg.jpg) no-repeat 0 0;
	width: 135px;
	height: 135px;
	margin-right: 2px;
	margin-bottom: 2px;
}

/* --------- */

/* ***** RECENSIONI ***** */

#container #main_content #label .recensione {
	width: 555px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #999;
	margin-right: 0;
	margin-left: 0;
}

#container #main_content #label .recensione .img {
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#container #main_content #label .recensione h4 {
	font-size: 12px;
	color: #999;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0 0 2px;
}

#container #main_content #label .recensione h3 {
	margin: 0 0 5px;
}

#container #main_content #label .recensione h3 a {
	color: #808080;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}

#container #main_content #label .recensione h3 a:hover {
	color: #C43D8C;
}

#container #main_content #label .recensione p {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 120%;
	margin: 0;
}

/* ********************** */

#container #main_content #label #links {
	margin: 0;
	padding: 0;
	width: 560px;
	display: block;
}

#container #main_content #label #links .link {
	border-bottom: 1px dotted #999;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 560px;
	margin: 0;
	display: block;
}

#container #main_content #label #links .link a {
	color: #A4A4A4;
	text-decoration: none;
	font: italic bold 15px/120% "Times New Roman";
}

#container #main_content #label #links .link a span.left {
	float: left;
	width: 250px;
}

#container #main_content #label #links .link a span.right {
	float: right;
	width: 200px;
	text-align: right;
}

#container #main_content #label #links .link a:hover {
	color: #C43D8C;
	cursor: pointer;
}