@charset "utf-8";
/* CSS Document */

/* GLOBALS */
html {
overflow-y: scroll !important;
}
*
{
padding:0; margin:0; 
}

body
{
	padding:0px;
	margin:0px;
	font-family: "Lucida Sans Unicode";
	font-size:11px;
	color: #505050;
	background: url(http://www.beautypalace.ro/public/images/bg-piele.jpg) top center repeat;
	background-color: #FFF;
	border:0px;
	}
/*--------------------------------------------------------------------------------------*/

h2 { font-weight:normal; font-family: "Lucida Sans"; text-transform: uppercase; }

#bleuline
	{
		background:url(http://www.beautypalace.ro/public/images/bara-bleu.gif) top center repeat-x;
		height:11px;
	}
#header
	{
		height:114px;
		background:url(http://www.beautypalace.ro/public/images/bara-roz.gif) bottom center repeat-x;
	}
#header-bg
	{
		width:1000px; height:114px; margin:0 auto;
		background:url(http://www.beautypalace.ro/public/images/header-bg.gif) top center no-repeat;
	}
#logo
	{
		float:left; height:49px; width:237px;
		margin:20px 0px 0px 0px;
		padding-left:20px;
	}
#mainmenu
	{
		float:left; width:393px; height:63px;
		background:url(http://www.beautypalace.ro/public/images/menu-bg.jpg) top center no-repeat;
		margin-top:40px; margin-left:70px;
	}
#mainmenu ul { list-style:none; padding-top:10px; }
#mainmenu ul li { display:inline; margin-left:17px; font-family:"Lucida Sans"; }
#mainmenu ul li a { font-size:12px; text-decoration:none; text-transform:uppercase; color:#000; border-bottom:1px solid #e2e6e9;}
#mainmenu ul li a:hover { border-bottom:1px solid #000; }

#cos
	{
		float:left; height:104px; width:auto;
		font-size:13px;
		margin-left:20px; margin-top:10px;
	}

#comanda { margin-top:5px; width:102px; }
#comanda img { margin-bottom:5px;}

#bag { float:right; display:inline; width:107px; height:114px; }

#container { width:1000px; margin:0 auto; background-color:#FFF; height:auto; }

#sidebar
	{
		float:left; width:273px;
		background:url(http://www.beautypalace.ro/public/images/sidebar-bg.gif) top center repeat-y;

	}
#sidebarbottom
	{
		background:url(http://www.beautypalace.ro/public/images/sidebar-bottom.gif) top center no-repeat;
		width:273px; height:9px;
	}
#content
	{
		width:727px; float:right; display:inline; background-color:#FFF;
	}
	
#green-title
	{
		width:273px; height: 22px; margin-top:20px; margin-bottom:10px;
		background:url(http://www.beautypalace.ro/public/images/green-header.gif) top center no-repeat;
		color:#FFF; font-size:13px; font-weight:normal; padding-top:4px;
		font-family:"Lucida Sans";
	}
#purple-title
	{
		width:273px; height: 22px; margin-top:20px; margin-bottom:10px;
		background: url(http://www.beautypalace.ro/public/images/purple-header.gif) top center no-repeat;
		color:#FFF; font-size:14px; font-weight:normal; padding-top:4px;
		font-family:"Lucida Sans";
	}
#bleu-title
	{
		width:273px; height: 22px; margin-top:20px; margin-bottom:10px;
		background: url(http://www.beautypalace.ro/public/images/bleu-header.gif) top center no-repeat;
		color:#FFF; font-size:14px; font-weight:normal; padding-top:4px;
		font-family:"Lucida Sans";
	}
#green-title span, #purple-title span, #bleu-title span {  padding-left:20px; }

#footer { clear:both; width:960px; margin:20px 20px 0px 20px; padding-top:20px;}

#middle-line { background:url(http://www.beautypalace.ro/public/images/blackpixel.gif) 0px 7px repeat-x; height:20px; width:550px; float:left; }

#footer-text { clear:both; padding-bottom:10px; }
#footer-text a { font-size:10px; text-decoration:underline; color:#999; }
#footer-text a:hover { text-decoration:none; }

#mainmenu2
	{
		float:right; width: auto;display:inline; margin-right:40px;
	}
#mainmenu2 ul { list-style:none; }
#mainmenu2 ul li { display:inline;  font-family:"Lucida Sans"; padding-left:10px; }
#mainmenu2 ul li a { font-size:12px; text-decoration:none; text-transform:uppercase; color:#000; border-bottom:1px solid #FFF;}
#mainmenu2 ul li a:hover { border-bottom:1px solid #000; }

#clear { clear:both;}

#produse { clear:both; width:660px; padding: 20px 23px 20px 43px; }



#bottom-line { border-bottom:1px solid #47a7d4; height:15px; margin-bottom:40px; width:620px; }
#title { font-family:"Lucida Sans"; color:#47a7d4; font-size:16px; float:left; background-color:#FFF; padding-right:10px; text-transform:uppercase;}
#title2 { font-family:"Lucida Sans"; color:#47a7d4; font-size:16px; float:left;  padding-right:10px; text-transform:uppercase;}

#bottom-line2 { border-bottom:1px solid #47a7d4; height:15px; margin-bottom:15px; width:620px; clear:both; }
#bottom-line3 { border-bottom:1px solid #47a7d4; height:15px; margin-bottom:20px; width:687px; clear:both; }
#bottom-line4 { border-bottom:1px solid #47a7d4; height:15px; margin-bottom:20px; width:620px; clear:both; }

#bottom-line5 { border-bottom:1px solid #47a7d4; height:23px; margin-bottom:5px; width:620px; clear:both; }

#pozaprodus { width:300px; float:left; margin-top:20px; }
#pozaprodus img { border:1px solid #ff73bf; margin-bottom:10px;}
#pozaprodus img:hover { border:1px solid #666; }

#pret { font-size:14px;  color: #333; }
#pret del { color:#ff48ab;  }

#detaliiprodus { width:auto; clear:both; }

#adauga { margin-top:20px; }

#loading { margin-top:10px; font-size:10px; height:16px; }

#infoprodus { float:left; margin-top:20px; margin-left:30px; width:290px; text-align:right; }

#recomanda { text-align:right; color:#4ca9d5; font-size:12px; font-family:"Lucida Sans"; margin-bottom:20px;}
#recomanda a { color:#4ca9d5; text-decoration:none; border-bottom:1px solid #fff;}
#recomanda a:hover { text-decoration:underline; border-bottom:1px solid #4ca9d5; }


#crumbs { font-size:10px; color:#000; margin-bottom:10px; }
#crumbs a { color:#000;}
#crumbs a:hover { }


#subcategorii { width:620px; color:#999;}
#subcategorii div { float:left; width:155px; padding-bottom:10px; }
#subcategorii div a { font-size:12px; }
#subcategorii div a:hover { }

.produs
	{
		width:140px; float:left; margin-right:20px; margin-bottom:20px;
	}
.produs div a { color: #7dcc56; text-transform:uppercase; text-decoration:none; margin-bottom:5px; height:30px; font-size:13px; font-family:"Lucida Sans";}
.produs div a:hover { color: #000;}
.adauga { margin-left:10px; margin-top:5px;}
.txtprodus { height:15px;}
.txtprodus del { color:#ff48ab; }
#thumb img { border:1px solid #CCC;}
#thumb img:hover { border:1px solid #666;}

#addthis { margin-left:20px; margin-right:10px; margin-top:10px; margin-bottom:30px; }

#promotii { margin-left:20px; margin-right:10px; }
#promotii div a { color: #7dcc56; text-transform:uppercase; text-decoration:none; font-size:12px; font-family:"Lucida Sans";}
#promotii p { margin-bottom:15px; margin-left:5px; }


#paginare { width:auto; clear:both; text-align:right; margin-right:40px; }

#paginare a { color:#ff48ab; text-decoration:underline; padding-left:3px;}
#paginare a:hover { color:#000; text-decoration:none; }


#continut { width:auto; margin:20px;  }

#pagcomanda { width:auto; margin:20px;  }

#continut p { text-align:justify; } #continut div { text-align:justify; }	
#continut p a { text-decoration:underline; } #continut p a:hover { text-decoration:none; }
#continut div a { text-decoration:underline; } #continut div a:hover { text-decoration:none; }	
#continut h2 a { text-decoration:none; } #continut h2 a:hover { text-decoration:underline; }

#continut ul { list-style-type:none;}

a:link, a:active, a:visited { text-decoration:underline; color:#47a7d4; }
a:hover { text-decoration:none;}

.buc { border:1px solid #666; text-align:right; font-size:11px; height:14px;}

.t1 { background-color:#E278EB; padding:5px; font-size:12px;}
.paddingform { padding:5px; }

.tabletext { font-size:12px; padding:5px; }



#prodcos { text-decoration:none;}
#prodcos a { color: #7dcc56; text-transform:uppercase; text-decoration:none; font-size:12px; font-family:"Lucida Sans"; }
#prodcos a:hover {text-decoration:none; }

.menu_list {	
	width: 220px;
	margin-left:20px;
}

.menu_head2 {
	padding: 5px 0px;
	cursor: pointer;
	position: relative;
	margin-top:1px;
}

.menu_head2 a {
	color: #000000;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
	padding:0px 10px;
	

}
.menu_head2 a:hover {
	color: #333;
	text-decoration:none;
	text-decoration:underline;
	/*background:url(http://www.beautypalace.ro/public/images/bullet1.gif) 0px 5px no-repeat;*/
}

.menu_head {
	padding: 5px 0px;
	cursor: pointer;
	position: relative;
	margin-top:1px;
}

.menu_head a {
	color: #000000;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
	padding:0px 10px;
	

}
.menu_head a:hover {
	color: #333;
	text-decoration:none;
	text-decoration:underline;
	/*background:url(http://www.beautypalace.ro/public/images/bullet1.gif) 0px 5px no-repeat;*/
}
.menu_body {
	display:none;
}
.menu_body a{
	display:block;
	color: #000000;
	padding: 5px 5px 5px 25px;
	text-decoration:none;
	font-size:11px;
}
.menu_body a:hover{
  text-decoration:none;
  color: #333;
  background:url(http://www.beautypalace.ro/public/images/bullet1.gif) 10px 9px no-repeat;
  }


/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.bgcarousel
	{
	background: url(http://www.beautypalace.ro/public/images/slideshow-bg.jpg) top center no-repeat; 
	width:621px; height:246px; margin:0; padding:0;
	float:left; margin-top:20px; margin-bottom:10px;
	}
.carousel  {
	
    position: relative; 
	width:621px; height:246px; margin:0; padding:0;
        visibility: hidden;
        left: -5000px;
	
}
              
    a.prev, a.next {
        display: block;
        float: left;
        width: 34px;
        height: 246px;
		margin: 10px 5px;
        text-decoration: none;
        background: url(http://www.beautypalace.ro/public/images/aleft.jpg) center no-repeat;
    }
        a.next {
            background: url(http://www.beautypalace.ro/public/images/aright.jpg) center no-repeat;
        }
            a.next:hover {
                background: url(http://www.beautypalace.ro/public/images/arighth.jpg) center no-repeat;
            }
             a.prev:hover {
                background: url(http://www.beautypalace.ro/public/images/alefth.jpg) center no-repeat;
            }    
            a:hover, a:active, a:visited, a:link {
                border: none;
                outline: none;
            }                 

	.carousel ul {  }
       .carousel li p ,
       .carousel li img {
            background-color: #fff;
			width:140px; height:140px;
            margin: 15px 10px 10px 45px;
        }
		.carousel li a img { border:0px; }
		
	.txtcarousel { text-align:center; height:20px; position:relative; top:217px; left:0px;
	color:#000; font-size:14px;font-family:"Lucida Sans"; }

            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/


input[type="radio"] {
border:0px solid gray;
} 

input {
background-color: #FFFFFF;
color: black;
font-family: verdana, arial, sans serif;
border:1px solid gray;
font-weight: normal;
font-size: 12px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 0px;
padding-top: 1px;
height:18px;
z-index:1px;
} 
select {
background-color: #FFFFFF;
color: black;
font-family: verdana, arial, sans serif;
border:1px solid gray;
font-weight: normal;
font-size: 12px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 0px;
padding-top: 1px;
height:18px;
} 

textarea {
background-color: #FFFFFF;
border: 1px solid gray;
color: black;
font-family: verdana, arial, sans serif;
font-size: 12px;
font-weight: normal;
padding-left: 3px;
padding-bottom: 1px;
padding-top: 1px;
} 
.button {
background-color: #ff65b9;
font-family: "Arial";
border: 1px #3E87BE solid;
font-size: 12px;
font-weight: bold;
color: #333333;
padding:0px;
width:170px;
height:30px;
}