/* Vertical Mega Menu Styles */
.mega-menu{
font-size:14px; 
position: relative; /* Required */
}
.mega-menu > li {
		background: url(../images/gradMeniu.png) left top repeat-y;
		margin-bottom:1px;
				}

.mega-menu > li > a {
display: block; 
color: #fff; 
padding: 12px 0px 12px 10px; 
text-shadow: 1px 1px 1px #000; 
text-decoration: none;
text-transform:uppercase;
font-family:LucindaS, Helvetica, Arial;
				}
				
				
.mega-menu li > a:hover {
color: #FFF; 
background:#333;
}
.mega-menu li a.dc-mega {
position: relative;
}
/* Add arrow icon to parent links */
.mega-menu li a .dc-mega-icon {
display: block; 
position: absolute; 
top: 18px; 
right: 15px; 
width: 6px; 
height: 8px; 
background: url(../images/arrowW.png) no-repeat -3px -2px;
}
/* Mega menu container */
.mega-menu li .sub-container {
position: absolute; /* Required */
background: #FFF;
padding: 10px; 
border: 1px solid #CCC;

}
.mega-menu li .sub-container .sub { }

.mega-menu li .sub .row {
width: 100%; 
overflow: hidden; /* Clear floats */
}
.mega-menu li .sub li {
float: none;
font-size: 13px; 
font-weight: normal;
}
.mega-menu li .sub li.mega-hdr {
float: left; /* Required */
color:#444;
font-weight:bold;
background: none;
}

.mega-menu li .sub a, .mega-menu.left li .sub a {
background: none; 
border: none; 
text-shadow: none;
float: none;
color: #fff;
display: block;
text-decoration: none;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {

text-transform: uppercase; 
color: #fff; 
text-shadow: 1px 1px 1px #333;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000; 
text-shadow: none;
}

/* link-uri pe prima sublista */
.mega-menu .sub li.mega-hdr li a {
font-weight: lighter;
background:none;
color:#777;
padding:2px 0px 2px 0px;
}
.mega-menu .sub li.mega-hdr li:first-child {padding-top:10px !important;}

.mega-menu .sub li.mega-hdr li a:hover {
color: #000; }

.mega-menu .sub ul li {
padding-right: 0;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
padding: 10px;}
.mega-menu li .sub-container.non-mega li {
padding: 0; 
margin: 0;
}
.mega-menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 22px; 
background: url(../images/arrowW.png) no-repeat 7px 10px;
}
.mega-menu li .sub-container.non-mega li a:hover {
color: #a32403; 
background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;
}

/* CSS pentru slider Imagini */
#s3slider {
    width: 761px; /* important to be same as image width */
    height: 345px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
	margin-left:5px;
	
}
 
#s3sliderContent {
    width: 761px; /* important to be same as image width or wider */
    position: absolute; /* important */
	height:345px;
    top: 0; /* important */
    margin-left: 0px; /* important */
		}
 
.s3sliderImage {
	width: 761px;
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}
.s3sliderImage img { width:761px; 
					 height:345px; 
					
					}
 
.s3sliderImage span {
    position: absolute; /* important */
    left: 0;
    font-size: 18px;
    padding: 10px 0px 15px 15px;
    width: 746px;
    background-color: #000;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    bottom: 0; /*
        if you put top: 0;  -> the box with text will be shown
                                at the top of the image
        if you put bottom: 0;  -> the box with text will be shown
                                at the bottom of the image
    */
}
 
.clear {
    clear: both;
}

/* carousel */

			.list_carousel {
				background-color: #ccc;
				margin: 0 0 30px 20px;
				width: 730px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				background-color: #FFF;
				border: 1px solid #999;
				width: 232px;
				height: 265px;
				padding: 0;
				margin: 5px;
				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				width:32px;
				height:32px;
				
			}
			.next {
				float: right;
				width:32px;
				height:32px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			
			/* gelerie produs */
			.container {
width: 300px;
margin:0px 10px 15px 5px;
padding:10px;
border:1px dashed #DDD;
float:left;
}


.container ul li {float:left;}
.container ul li img {border:1px solid #DDD; margin:4px; width:65px;}

/* -------------------------------RATING SYSTEM----------------------------------------- */
.jRatingAverage {
background-color:#f62929;
position:relative;
top:0;
left:0;
z-index:2;
height:100%;
}
.jRatingColor {
background-color:#f4c239; /* bgcolor of the stars*/
position:relative;
top:0;
left:0;
z-index:2;
height:100%;
}

/** Div containing the stars **/
.jStar {
position:relative;
left:0;
z-index:3;
}

/** P containing the rate informations **/
p.jRatingInfos {
position:	absolute;
z-index:9999;
background:	transparent url('../images/bg_jRatingInfos.png') no-repeat;
color:	#FFF;
display:	none;
width:	91px;
height:	29px;	
font-size:16px;
text-align:center;
padding-top:5px;
}
p.jRatingInfos span.maxRate {
color:#c9c9c9;
font-size:14px;
}