/*****************************************************************************************
  @package     	http://www.optimizaresite.ro/
  @author      	Predrag Jivici
  @copyright   	Copyright (c) 2008, fashionprincess.ro
******************************************************************************************/

/*****************************************************************************************
*   *) MEDIA
******************************************************************************************/
#box_carusel { /*margin-top:15px; width: 702px;*/ }
.preview_mare {
	/*background: #eee url('/img/template/viewer-bg.gif') no-repeat bottom left;
	border-top: 1px solid #c7c7c7;
	padding: 10px;
	margin: 0 0 1.5em;*/
	text-align: center;
	}
#box_carusel .preview_mare{
		background	: url(/imagini/loading.gif) no-repeat center center;
		float		: left;
		height		: 621px;
		width		: 420px;
		overflow: hidden;
		position: relative;
	}

#box_carusel #favorite {
	background	: url(/imagini/bkg_favorite.gif) repeat-x 0 0;
	position	: absolute;
	_position	: static;
	bottom		: 0;
	left		: 420px;
	margin-left	: 10px;
	width		: 350px;
	_width		: 357px;
	z-index		: 2;
}
#box_carusel #favorite a, #box_carusel #favorite p {
	display			: block;
	float			: left;
	height			: 35px;
	margin-bottom	: 0 !important;
	text-indent		: -9999px;
}
#box_carusel #favorite a.favorite_plus {
	background		: url(/imagini/bkg_favorite_plus.gif) no-repeat 0 -35px;
	width			: 190px;
}
#box_carusel #favorite a.favorite_minus {
	background		: url(/imagini/bkg_favorite_minus.gif) no-repeat 0 -35px;
	width			: 190px;
}
#box_carusel #favorite a.favorite_mele {
	background		: url(/imagini/bkg_favorite_mele.gif) no-repeat 0 -35px;
	width			: 138px;
}
#box_carusel #favorite a.favorite_refresh {
	background		: url(/imagini/bkg_favorite_refresh.gif) no-repeat 0 -35px;
	width			: 144px;
}
#box_carusel #favorite a.favorite_save {
	background		: url(/imagini/bkg_favorite_save.gif) no-repeat 0 -35px;
	width			: 155px;
}
#box_carusel #favorite p.favorite_da {
	background		: url(/imagini/bkg_favorite_da.gif) no-repeat 0 -35px;
	width			: 190px;
}
#box_carusel #favorite p.favorite_nu {
	background		: url(/imagini/bkg_favorite_nu.gif) no-repeat 0 -35px;
	width			: 190px;
}
#box_carusel #favorite a.favorite_plus:hover,
#box_carusel #favorite a.favorite_minus:hover,
#box_carusel #favorite a.favorite_mele:hover,
#box_carusel #favorite a.favorite_refresh:hover,
#box_carusel #favorite a.favorite_save:hover {
	background-position	: 0 0;
}
.preview_mare img {
	/*border		: 1px solid #fff;*/
	display		: block;
	/*margin		: auto;
	width		: 370px;*/
	}
	
	/*.preview_mare div{
		width: 328px;
		overflow: hidden;
		position: relative;
		text-align: center;
	}*/
	
.scroller_mic {
	/*background: #efefef url('/img/template/viewer-bg.gif') no-repeat bottom left;
	padding		: 0 31px;*/
	float		: left;
	width		: 360px;
	/*height: 90px;*/
	/*border-top: 1px solid #c7c7c7;*/
	}
	.scroller_mic h2 {
		margin-top	: 2px !important;
		margin-left	: 128px;
		position	: absolute;
		width		: 110px !important;
		z-index		: 2;
	}
	.scroller_mic h2.modele_favorite {
		margin-left	: 117px;
		width		: 135px !important;
	}
	.scroller_mic .alb {
		background	: url(/imagini/bkg_alb.gif) no-repeat 0 0;
		height		: 271px;
		width		: 1px;
		position	: absolute;
		left		: 420px;
		top			: 30px;
		z-index		: 2;
	}
		
	.scroller_mic p.numere, .scroller_mic p.numere_fav, .scroller_mic p.cod {
		font-size		: 36px;
		/*height			: 77px;*/
		height			: 50px;
		margin-top		: 11px;
		margin-left		: 26px;
		margin-bottom	: 3px;
		width			: 130px !important;
		/*position:relative;
		z-index:99;*/
	}
	.scroller_mic p#cod_model {
		font-family		: Trebuchet MS;
		font-size		: 1.6em;
		margin-top		: 15px;
		margin-left		: 30px;
		width			: 320px;
	}
	.scroller_mic span#descriere_model, .scroller_mic a#permalink {
		display			: block;
		font-size		: 1.1em;
		margin-left		: 30px;
		width			: 320px;
	}
		.scroller_mic span#descriere_model p {
			font-size		: 1em;
			width			: 320px;
		}	
			
	.scroller_mic a#permalink {
		padding-left	: 5px;
	}
	
	#box_carusel .scroller_mic{
		/*background-color:fuchsia;*/
		_height			: 586px;

		/*width: 320px !important;
		background: #efefef url('/img/template/viewer-bg-large.gif') no-repeat bottom left;
		margin-top: -1px;*/
		}
	
.scroller_mic ul {
	margin: 0!important;
	list-style: none;
	}
	
.scroller_mic ul li {
	width			: 179px;
    height			: 270px;
   	margin-left		: 1px;
   	float			: left;
	}
.scroller_mic ul li img.thumb_active {
	position		: absolute;
}
	
	#box_carusel .scroller_mic ul li { 	
		background:url(/imagini/loading.gif) no-repeat center center; /*margin-right: 4px;*/
		padding:0 !important;
		
		_left		: -1px;
		_position	: relative;
	}
.scroller_mic ul li img {
	/*border			: 1px solid #fff;*/
	width			: 179px;
	height			: 270px;
	cursor			: pointer;
	
	}
/*.scroller_mic ul li:hover img.thumb_active { visibility:visible !important; }*/
.scroller_mic ul li.active img.thumb_active { visibility:visible !important; }
.scroller_mic p { font-size: 1.1em; margin: .5em 0 0; padding-left:5px; }
	.scroller_mic p strong { color:#FFAE00; }
.scroller_mic .jcarousel-prev,
.scroller_mic .jcarousel-next {
	background		: transparent url(/imagini/sageata_dreapta.gif) no-repeat left top;
	position		: absolute;
	top				: 0;
	left			: 459px;
    width			: 30px;
    height			: 30px;
    cursor			: pointer;
    display			: none;
    }
    
#box_carusel .scroller_mic .jcarousel-prev,
#box_carusel .scroller_mic .jcarousel-next{left: 255px;}

.scroller_mic .jcarousel-prev, #box_carusel .scroller_mic .jcarousel-prev{
    background: transparent url(/imagini/sageata_stanga.gif) no-repeat left top;
    left: 75px;
	}
/*.scroller_mic .jcarousel-prev:hover, #box_carusel .scroller_mic .jcarousel-prev:hover,
.scroller_mic .jcarousel-next:hover { background-position: left -19px; }*/
/*.scroller_mic .jcarousel-prev-disabled,
.scroller_mic .jcarousel-next-disabled { background-position: left -54px; }*/

/**
 * jcarousel setup styles (Do not change these)
 */
.jcarousel-container {
	background	: url(/imagini/bkg_carusel_nav.gif) no-repeat center top;
	margin		: 0 auto;
	padding-top	: 30px;
	position	: relative;
	/*width		: 322px;	*/
}
.jcarousel-clip { width: 458px; position: relative; overflow: hidden; }


#box_carusel .jcarousel-clip { padding-top:1px; width: 360px; }


.jcarousel-list { position: relative; }

#media-tours, #media-plans {
	width:750px;
	background:#241821 url(../img/template/viewer-bg-large.gif) no-repeat scroll left bottom;
	margin: -1px 0 5px 0;
	}
	
#media-tours ul, #media-plans ul{
	list-style: none;
	float:left;
	width:70%;
	margin-left:0px;
	padding: 10px;
	}

	#media-tours ul li{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 1em 0;
		}
	
		#media-tours ul li a{
			border: none;
			}
			
	#media-tours p.note, #media-plans p.note {
		float:right;
		width:23%;
		font-weight:bold;
		line-height:1.6em;
		background:#f4f3f3;
		border:1px solid #dfdfdf;
		padding: 5px;
		margin: 10px 10px 10px 0;
		}


	#media-plans ul li{
		float: left;
		margin-right: 13px;
	}
	
		#media-plans ul li a{
			border: 3px solid #fff;
			display: block;
		}
		
			#media-plans ul li a:hover{
				border: 3px solid #176482; 
			}
		
			#media-plans ul li a img{
				height:60px;
				width:80px;
				border: none;
			}
/*****************************************************************************************
*   *) LOADER
******************************************************************************************/
.loader {
	margin: 10px auto;
	font-size: 0.7em;
	width: 32px;
	height: 50px;
	}
.loader img { margin: 0 auto; }
#content ul.imageOptions{
	background:#EFEFEF url(/imagini/loading.gif) no-repeat center center;
	border-top:1px solid #C7C7C7;
	list-style: none;
	margin: 0.5em 0;
	padding: 0.3em 0;
	width: 520px;
}
.imageOptions li{
	display: inline;
	padding: 0 0 0 1.6em;
	margin: 0;
}
#content ul.imageOptions li a{border: none;}

/*****************************************************************************************
*   *) PLAY + PAUSE
******************************************************************************************/
#pause {
	cursor			: pointer;
	display			: none;
	position		: relative;
	z-index			: 99;
}

#pause a.cycle_resume, #pause a.cycle_pause {
	display			: block;
	height			: 621px;
	widht			: 420px;
}

#pause a.cycle_pause {
	background		: url(/imagini/button_pause.png) no-repeat center center;
}

#pause a.cycle_resume {
	background		: url(/imagini/button_play.png) no-repeat center center;
}