html *, body, p, a, ul, li, ol, div, img, table, tr, td, th, strong, span, input, form, textarea, button, select, quote, h1, h2, h3, h4, h5 {margin:0px; padding:0px; outline:none; border:none;}

ul, ol, li {list-style:none;}

a {text-decoration:none;}



select{
border:solid 1px #BBB;
}



body {background-color:#FFFFFF; font-family:Helvetica, Arial, sans-serif;}

.clearFix {width:100%; clear:both; }



@font-face {font-family: HelveticaNeueLT; src: url('HelveticaNeueLTPro-Th.otf');} 

@font-face {font-family: LucindaS; src: url('LHANDW.TTF');} 


#topLine {width:100% !important; min-height:34px; background:#CCC;}

.center {width:1024px !important; margin:auto; }

#topLine .topMenu {

			background:#652C90; 

			padding:10px 20px 10px 20px;

			font-size:13px;

			float:right;
			}

	

#topLine .topMenu ul li {padding-right:20px; display:inline; }

#topLine .topMenu ul li:last-child {padding:0px;}


#topLine .topMenu ul li a {	color:#FFFFFF; text-shadow:0px 1px 2px #333;}


#topLine .topMenu ul li a:hover {border-bottom:1px solid #FFF;}


#topLine p.phone {

					font-size:14px; 

					color:#000; 

					float:right;

					background:url(../images/phone.png) left 2px no-repeat;

					padding-left:22px;

					margin-top:10px;

					margin-right:10px;

					}

.text_info_mare text_cont {color:#FFF !important;}
					
.leftAlignDiv {float:left; width:300px; border-right:solid 1px #EEE; padding-right:10px; margin-right:20px;}
					

#header {width:100%; 	min-height:124px !important; clear:both; position:relative; z-index:0; top:-3px; background:#EEE;}					


#logo {float:left; margin:35px 25px 0px 30px; font-size:30px; color:#000;}

#login {float:right; color:#999; margin:17px 0px 8px 0px;}

#login a {color:#444; font-size:13px;}

#cos {float:right; background: url(../images/cos.png) left 0px no-repeat; padding-left:40px; margin:20px 40px 20px 20px;}

#cos p {	text-transform:uppercase; font-size:15px;}			

#cos p a {color:#444; }

#cos p a:hover {color:#6C0;}

#cos span {font-size:11px; color:#C2C2C2;}

#cos span a {color:#999; }

#cos span a:hover {color:#000;}



#header form {float:right; clear:right;}

#header form input[type="text"], #header form select, .newsletter input[type="text"] {

	min-width:140px;
	padding:3px;
	font-size:13px;
	margin-left:5px;
	float:left;
	border:1px solid #DDD;
	}

#header form input[type="text"] {width:150px; height:25px;}	 

#header form input[type="submit"], .newsletter input[type="submit"], .text_cont input[type="submit"] {

				background:#000;
				font-size:12px;
				text-transform:uppercase;
				padding:4px 10px 4px 10px;
				color:#FFF;
				margin:0px 0px 10px 5px;
				}

#header form input[type="submit"], .newsletter input[type="submit"]{ float:left;}

#header form input[type="submit"]:hover, .newsletter input[type="submit"]:hover, .text_cont input[type="submit"]:hover {

	background:#555; 

	text-shadow:1px 1px 1px #000;

	cursor:pointer;

}



#header form input[type="button"], .newsletter input[type="button"] {

				background:#000;
				font-size:12px;
				text-transform:uppercase;
				padding:4px 10px 4px 10px;
				color:#FFF;
				margin:0px 0px 10px 5px;
				float:left;
				}

#header form input[type="button"]:hover, .newsletter input[type="button"]:hover {background:#555; text-shadow:1px 1px 1px #000; cursor:pointer;}



.meniuLeft {float:left; width:256px;	}


.transport {

			width:234px;

			padding:10px;

			background: #FFF url(../images/gradTransp.png) left bottom repeat-x;

			border:1px solid #CCC;

			}

.transport:hover {background:#c9c9c9;}

			

.transport p {
			background:url(../images/transport.png) left 2px no-repeat;
			padding-left:60px;
			text-transform:uppercase;
			font-weight:lighter;
			line-height:20px;
			font-size:14px;
			letter-spacing:-1px;
			text-align:center;
			}

.transport p a {color:#000; }

#vizual {

			float:left; 

			width:761px !important; 

			margin-bottom:5px; 

			min-height:345px;

			padding:0px !important;

			}


table#sortare {padding:10px; font-size:12px; width:100%;}
table#sortare tr:first-child {background:#EEE;	}
table#sortare td {padding:5px;}			

.colRight {width:256px; float:left; margin-left:5px;}		

.contentLeft {
		width:100%; 
		float:left; 
		font-size:13px; 
		color:#666; 	
		line-height:22px;		
		}	

.contentLeft p {color:#666; margin-bottom:10px; line-height:22px; }	



.title {padding-top:10px; 
		padding-bottom:12px; 
		text-transform:uppercase;
		color:#000;
		font-weight:lighter;
		border-bottom:1px solid #DDD;
		font-size:22px;
		margin-bottom:10px;
		font-family:HelveticaNeueLT, Helvetica, Arial;
		}



.box, .box1 {
		width:242px; 
		padding:10px 6px 6px 6px; 
		float:left; 
		position:relative; 
		z-index:0;
		text-align:center !important;
		height:255px !important;
		margin-bottom:10px;
		}



.box img, .box1 > a > img {
	width:auto !important;
	max-width:180px !important; 
	max-height:150px;
	position:relative;
	z-index:0;
	float:none;
	}
	
.box1 img {width:180px !important; float:none;}

.box h2, .box1 > h2 {

			font-family: Helvetica, Arial, sans-serif;
			font-weight:lighter;
			font-size:15px;
			width:240px;
			letter-spacing:-1px;
			position:absolute;
			z-index:0;
			top:190px;
			margin:auto;
			float:none;
			}

.box h2 a, .box1 > h2 a {	color:#000;	}			

.box h3, .box h4, .box1 > h3,  .box1 > h4 {
			font-family: Helvetica, Arial, sans-serif;
			color:#888;
			font-weight:lighter;
			font-size:13px;
			width:240px;
			position:absolute;
			z-index:0;
			top:210px;
			margin:auto;
			float:none;
			line-height:17px;
			}



.box h4, .box1 > h4 {top:8px;}			
			
.box p, .box1 > p {
		font-size:13px; 
		font-weight:bold;
		text-align:center !important; 
		color:#000;
		width:240px;
		position:absolute;
		z-index:0;
		top:250px;
		margin:auto;
		float:none;	
		}
.box1 > p {top:235px;}

.box p span, .box1 > p span {font-weight:lighter; text-decoration: line-through;}


/*---------------------- ZONA: CELE MAI VANDUTE --------------------------*/



.colRight .bestSel:nth-of-type(1) {border:none;}

.bestSel {

		width:242px; 

		padding:10px 6px 6px 6px;

		position:relative; 

		z-index:0;

		float:left;

		min-height:70px !important;

		margin-bottom:5px;

		border-top:1px dashed #DDD;

		clear:both;

		float:left;

		}

.bestSel img {

	max-width:70px; 

	position:relative;

	z-index:0;

	left:0px;

	top:0px;

	float:left;

	margin-bottom:8px;

	}



.bestSel h2 {

			font-family: Helvetica, Arial, sans-serif;

			font-weight:lighter;

			font-size:15px;

			letter-spacing:-1px;

			position:relative;

			z-index:0;

			top:0px;

			left:5px;

			}

.bestSel h2 a {color:#000;	}			



			

.bestSel h3, .bestSel h4 {

			font-family: Helvetica, Arial, sans-serif;

			color:#888;

			font-weight:lighter;

			font-size:13px;

			position:relative;

			z-index:0;

			top:5px;

			left:5px;

			}



.bestSel h4 {top:3px;}			

			

.bestSel p {

		font-size:13px; 

		font-weight:bold;

		color:#000;

		position:relative;

		z-index:0;

		top:13px;

		left:15px;

		margin-bottom:8px;

		}

			

.bestSel p span {font-weight:lighter; text-decoration: line-through;}

.bestSel .add {
			width:25px; 
			height:20px; 
			z-index:500; 
			position:relative; 
			top:10px; 
			left:5px;
			margin-bottom:8px;
			}

.seeAll {	color:#666;	font-weight:bold;}

/*--------------------------- END ZONA: CELE MAI VANDUTE-----------------------------*/



.box .discount {
				position:absolute;
				z-index:1000;
				top:5px;
				left:5px;
				width:51px;
				height:43px;
				padding:18px 0px 0px 8px;
				background:url(../images/star.png) center top no-repeat;
				font-size:16px;
				text-align:center;
				transform:rotate(-45deg);
				-webkit-transform: rotate(-45deg); 
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				color:#FFF;
				text-shadow:1px 1px 1px #222;
				}
.box .add, .box1 > a > .add {
			width:25px; 
			height:20px; 
			z-index:500; 
			position:absolute; 
			bottom:0px; 
			left:30px;

			}				

.box1 > a > .add {bottom:18px;}

.colRight .box {border:1px solid #DDD;}

.colRight .box:hover {border:1px solid #000;}



#breadcrumb {clear:both; margin:5px 10px 10px 5px; font-size:11px; color:#000;}

#breadcrumb li {background: url(../images/arrowG.png) right 1px no-repeat; margin-right:6px; display:inline; padding-right:15px;}

#breadcrumb li:last-child {background:none;}

#breadcrumb li a {color:#888;}

#breadcrumb li a:hover {color:#000;}



#footer {

		width:100%; 

		background:#292929; 

		padding:20px 0px 20px 0px; 

		clear:both;

		min-height:150px !important;

		}



#footer ul {

		font-size:13px;

		text-transform:uppercase;

		color:#FFF;

		letter-spacing:-1px;

		float:left; 

		padding-right:40px; 

		border-right:1px solid #555;

		text-transform:none;

		margin-right:40px;

		min-height:110px;
		
		max-width:23% !important;

		}

#footer ul li {margin-bottom:12px;}

#footer ul li > a img {float:left; margin-right:5px; width:90px; height:35px; margin-bottom:5px;}

#footer ul li a {font-size:12px; color:#999;}

#footer ul li a:hover {color:#FFF;}

#detProd {float:left; width:400px;}

.newsletter {float:left;}

.newsletter h4 {font-size:16px; font-weight:lighter; text-transform:uppercase; color:#FFF; margin-bottom:12px;}

.newsletter p {font-size:12px; color:#999; margin-bottom:12px;}

.newsletter input[type="text"] {
								width:120px; 
								font-size:12px; 
								padding:3px; 
								clear:both;
								margin:2px 10px 5px 0px;
								}

.newsletter input[type="submit"] { margin:2px 0px 5px 5px; padding:4px 8px !important;}



#copy {width:100%; padding:15px 0px 15px 0px; clear:both; font-size:11px; min-height:15px;}

#copy p {float:left; color:#000;}

#copy ul {float:right;}

#copy ul li {display:inline; border-right:1px solid #777; padding-right:6px; padding-left:6px;}

#copy ul li:last-child {padding-right:none; border:none;}

#copy ul li a {color:#000;}


/* ---------- PAGINA PRODUS */

.produs  {float:left; margin-bottom:20px;}

.produs p.brand {font-size:12px; color:#333; margin-bottom:10px; margin-top:5px;}

.produs p.brand a {color:#662d91;}



.produs .pret {color:#888; font-size:26px; float:left; margin-bottom:15px; clear:left;}

.produs .pret span {color:#666; text-decoration:line-through; font-size:20px; }



.produs h1 {color:#000; font-size:30px; font-weight:lighter; margin-bottom:25px; float:left;}

.produs h1 span {color:#999; font-size:22px;}

.produs h2 {color:#999; margin-bottom:10px; font-weight:lighter; font-size:16px;}



.produs .social {min-height:25px; margin-bottom:15px; clear:both;}

.produs .social .likePlusetc {float:left; margin-right:20px;}

.produs .social .recomanda {float:left; font-size:13px;}

.produs .social .recomanda a {
			
			color:#662d91;  
			display:block;}

.produs .social .recomanda a:hover {font-weight:bold;}

.produs .evaluare {font-size:12px; margin-bottom:15px;}



.produs .add {

	font-size:13px;
	text-align:center;
	float:left;
	}

.produs .add a {
	padding:6px 6px 6px 30px; 
	border:1px solid #DDD;
	background:url(../images/adauga.png) 5px 4px no-repeat;
	font-size:13px;
	display:block;
	color:#000;
	width:70px;

	}



.produs .add a:hover {background:#333 url(../images/adauga.png) 5px 4px no-repeat;; color:#FFF;}



.produs .descriere {float:left; clear:both;}

.produs .descriere h3, .opinii h2, .adaugaCom h2 {color:#000; font-weight:lighter; font-size:18px; padding-bottom:7px; border-bottom:1px solid #DDD; margin-bottom:10px;}

.produs .descriere p {font-size:13px; line-height:19px; color:#555; margin-bottom:20px;}

.produs .descriere ul {margin-bottom:20px;}

.produs .descriere ul li {

	background:url(../images/arrowB.png) left 4px no-repeat;

	font-size:13px; color:#555;

	margin-bottom:6px;

	padding-left:15px;

	}

.responsive {margin-bottom:20px;}

.opinii {clear:both; width:750px; padding:5px; }

.opinii .date {width:190px; float:left; clear:both; }

.opinii .date p {font-size:12px; font-weight:bold;}

.opinii .date span {color:#777; font-size:12px; font-weight:normal;}

.opinii .comentariu {float:left; width:500px; font-size:13px; line-height:19px; color:#777; padding-left:10px; margin-left:10px; border-left:1px dashed #DDD; margin-bottom:20px;}


.adaugaCom {clear:both;}

.adaugaCom h2 {background: url(../images/chat.png) -1px -4px no-repeat; padding-left:40px;}



.adaugaCom label {

					float: left; 

					clear:both; 

					font-size:13px; 

					line-height:20px; 

					color:#777;

					margin-right:10px;

				}

				

.adaugaCom input, .adaugaCom textarea {

										clear:both; float:left;
										margin-bottom:8px; padding:3px;
										border:1px solid #DDD;
										width:200px;
										}			

.adaugaCom input:hover, .adaugaCom textarea:hover, .adaugaCom input:focus, .adaugaCom textarea:focus {border:1px solid #000;}

										

.adaugaCom input[type="submit"] {text-alig:center; color:#FFF; background:#333; width:auto;}	

.adaugaCom input[type="submit"]:hover {background:#666;}										

		

/* ---------- END PAGINA PRODUS */



/* Tabel cos cumparaturi  */

#tabel_cart

{

	width:100%;
	font-size: 12px;
	margin-left:0;
	text-align: center;
	border-collapse: collapse;
	vertical-align:middle;
	line-height:16px;

}

#tabel_cart th

{

	font-size: 14px;
	padding:6px 8px;
	background: #999;
	border-left: 1px solid #CCCCCC;
	color: #FFF;
	vertical-align:middle;

}

#tabel_cart td

{

	padding: 10px; 
	border-bottom: 1px solid #FAFAFA;
	color: #666;
	border-top: 1px solid #FAFAFA;
	background: #FFF;
	border-left: 1px solid #FAFAFA;

}

#tabel_cart td a

{

	text-decoration:underline;
	color:#662D91;
	font-family:Arial, Helvetica, sans-serif;

}

#tabel_cart tfoot tr td {background: #e8edff; font-size: 12px; color: #99c;}

#tabel_cart tbody tr:hover td {background: #FAFAFA; color: #2F2929; }



.text_cont{	
	font-family: Arial;
	font-weight: normal;
	font-size:13px;
	text-decoration:none;
	color:#666;
}



.text_cont td {padding:3px; color:#666; font-size:12px; }


.text_cont input{	
	border:none;
	border:solid 1px #666;
	}

.text_cont textarea{	
	border:none;
	border:solid 1px #666;
	
}

.text_cont a{ color:#666; 	text-decoration:underline; }

.text_info {	
	font-size:16px !important;
	color:#555 !important;
	margin-bottom:10px;
	padding:5px 8px;
}

.text_err{	
	font-weight: bold;
	font-size:13px;
	text-decoration:none;
	color:#990000;
}

/* Mini-meniu din contul meu*/

#menu_cont

{
	height:40px;
	padding-top:1px;
}

#menu_cont li {float: left;}

#menu_cont li a {

margin-left: 0;
display: block;
padding: 5px 7px;
background-color:#666;
border: solid 1px #fff;
color: #FFFFFF;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;

}



#menu_cont li a:hover, #menu_cont li a:sel {background-color:#662d91; color: #000;}

.but_2{

	font-family: Arial;
	background-color:#999;
	font-size:14px;
	padding:7px 10px;
	color:#FFFFFF; 
	text-decoration:none;
	cursor:pointer;

}

.but_3{

	font-family: Arial;
	font-size:14px;
	background-color:#662D91; 
	padding:7px 10px;
	color:#FFFFFF; 
	text-decoration:none;
	border:none; 
	cursor:pointer;
	margin-bottom:15px;

}



.but_3:hover {	background-color:#444;}

.rightALG {float:right; margin-right:20px;}

.text_info_mare {
		padding:10px 15px !important;
		color:#000 !important;
		padding-bottom:10px !important;
		}

.text_info_mare a {color:#666666;	text-decoration:underline; }

.butCart {padding:3px; color:#8B0202; text-decoration:none; font-size:13px;}


/* ==================  CSS pentru zona de login & inregistrare si alte pagini utilitare  ===============================  */

#frm_contnou input, #frm_login input, #frm_forgot_pw input, #frm_pf input, #frm_livrare input, #frm_firma input, #frm_contact input, #frm_contact textarea {width:250px !important; padding:4px !important; border:1px solid #CCC;}

#frm_contnou input[type="submit"], #frm_login input[type="submit"], #frm_forgot_pw input[type="submit"], #frm_cont input[type="submit"], 
#frm_pf input[type="submit"], #frm_livrare input[type="submit"], #frm_firma input[type="submit"], #frm_contact input[type="submit"] {width:80px !important; background:#662d91; color:#FFF; border:none;}

#frm_login table td > a, #frm_pf table td > a, #frm_livrare table td > a, #frm_firma table td > a {color:#777; text-decoration:none;}
#frm_login table td > a:hover #frm_pf table td > a:hover, #frm_livrare table td > a:hover, #frm_firma table td > a:hover {color:#000;}
#frm {margin-bottom:15px;}

.modifica {padding:3px; color:#405420; text-decoration:none; font-size:13px}
.goleste {padding:3px; color:#8B0202; text-decoration:none; font-size:13px}

.breadcrPag {text-decoration:none; color:#666; font-size:11px;}

.breadcrPag span.sel {
			text-decoration:none; 
			color:#FFFFFF; 
			background:#662d91;
			padding:3px 5px; 
			}
			
.breadcrPag td a {color:#333;}	

.breadcrPag td {color:#FFF;}		
			
.bdTop {border-top:1px solid #DDD; padding-top:15px; margin-top:10px;}