/* CSS Document */

@import "reset.css";

.floatL {float: left;}
.floatR {float: right;}
.noFloat {
	clear: both !important;
	float: none;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}
.noFloatSpan { /*no 1px height*/
	display: block;
	*display: inline;
	clear: both !important;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}

.hiddenLinks a {color:#872b84;}
body {background:#872b84 url(../images/main-bg.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
#MainContainer {width:960px; margin:30px auto;}
#HeaderContainer { width:930px; height:162px; background:url(../images/top-header.png) top no-repeat;behavior: url(css/iepngfix.htc); padding:15px 15px 0 15px;}
#ContentContainer {width:930px; background:url(../images/content-bg.gif) repeat-y;padding:5px 15px 0 15px;}
#FooterContainer {width:930px; height:54px; background:url(../images/footer-bg.png) bottom no-repeat;behavior: url(css/iepngfix.htc);padding:0 15px 0 15px; margin-bottom:50px;}


.TopBanner {width:920px; height:150px; background:url(../images/top-banner.jpg) no-repeat; padding:10px 0 0 10px;}
.TopBanner a.Logo { width:213px; height:44px; display:block; background:url(../images/logo.png) no-repeat;behavior: url(css/iepngfix.htc);}
.TopBanner h1 { font-weight:normal; font-size:16px; color:#e5c6e3; padding:75px 0 0 0; line-height:22px; letter-spacing:1px; margin:0px;}
.TopBanner h1 span { color:#ffffff; font-weight:bold; letter-spacing:4px; padding-left:5px;}

.MenuContainer { width:930px; height:78px; background:url(../images/menu-bg.gif) no-repeat; }
.MenuContainer ul { list-style-type:none; padding-left:10px; }
.MenuContainer ul li{ float:left; padding:15px 18px 0 15px;}
.MenuContainer ul li a{ color:#311c2d; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.MenuContainer ul li a:hover{ color:#86460d; text-decoration:none;}

.Breadcrumbs { width:910px; padding-top:55px; padding-left:20px;}
*html .Breadcrumbs { width:910px; padding-top:25px; padding-left:20px;}
html>body .Breadcrumbs { width:910px; *padding-top:25px; padding-left:20px;}
.Breadcrumbs .Links { font-size:14px; color:#3b63a4; float:left; padding:0 0 5px 10px; }
.Breadcrumbs .Links a{ color:#3b63a4; text-decoration:none;}
.Breadcrumbs .Links a:hover{ color:#3b63a4; text-decoration: underline;}
.Breadcrumbs .LoginBox { float:right;font-size:14px; color:#3b63a4; padding-right:15px;}
.Breadcrumbs .LoginBox a{color:#3b63a4; text-decoration:none;}
.Breadcrumbs .LoginBox a:hover{color:#3b63a4; text-decoration: underline;}

.ContentWrapper { padding-top:5px;}
.ContentWrapper .SideColumn { width:211px; float:left;}
.ContentWrapper .CenterColumn { width:490px; float:left; margin:0 9px 0 9px;}
.ContentWrapper .SideColumn .Top { width:210px; height:11px; background:url(../images/top-sidebar.gif) top no-repeat; font-size:0px;}
.ContentWrapper .SideColumn .Bottom { width:210px; height:11px; background:url(../images/bottom-sidebar.gif) bottom no-repeat; font-size:0px;}
.ContentWrapper .SideColumn .Mid {width:200px; background:url(../images/mid-sidebar.gif) repeat-y; height:auto !important; padding:0 5px 0 5px;}

.ContentWrapper .SideColumn .Mid .PinkBoxes{ margin-bottom:5px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .TopPink { width:200px; height:40px; background:url(../images/pink-box-top.gif) top no-repeat;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .BottomPink { width:200px; height:18px; background:url(../images/pink-box-bottom.gif) bottom no-repeat;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink {width:200px; background:url(../images/pink-box-mid.gif) repeat-y; padding-bottom:10px;} 
.ContentWrapper .SideColumn .Mid .PinkBoxes .TopPink .Title { font-size:13px; font-weight:bold; color:#7b0c76; padding:12px 0 0 12px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .List { margin-left:12px;} 
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .List ul { list-style-type:none; padding:5px 15px 0 4px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .List ul li{ border-bottom:1px solid #f2f2f2; background:url(../images/categ-arrow.gif) left 7px no-repeat; padding:7px 0 7px 23px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .List ul li a{ color:#4e004c; text-decoration:none;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .List ul li a:hover { color:#f97ffa; text-decoration:underline;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .SearchBox { padding:10px 0 0 12px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .SearchBox .Form {float:left; background:url(../images/search-form.gif) no-repeat; width:146px; height:25px; border:none; font-size:14px; padding:7px 0 0 5px; color:#666666;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .SearchBox a.SearchBtn {width:29px; height:31px; background:url(../images/search-btn.gif) no-repeat; display:block; float:left;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .CautareAvansata { font-size:11px; color:#4e004c; padding:2px 0 0 103px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .CautareAvansata a{color:#4e004c; text-decoration:underline;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .CautareAvansata a:hover{color:#4e004c; text-decoration: none;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .SearchBox .FormNews { background:url(../images/newsletter-form.gif) no-repeat; width:178px; height:27px; border:none; font-size:14px; padding:7px 0 0 5px; color:#666666;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .SearchBox a.AbonBtn {width:89px; height:26px; background:url(../images/abon-btn.gif) no-repeat; display:block; margin:3px 0 0 88px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .ShopBag { border-bottom:1px solid #f2f2f2; margin:0 10px 0 10px; padding-top:10px; padding-bottom:5px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .ShopBag.last { border-bottom: none; margin:0 10px 0 10px; padding-top:5px; padding-bottom:0px;}
*html .ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .ShopBag { border-bottom:1px solid #f2f2f2; margin:0 10px 0 10px; padding-top:10px; padding-bottom:0px;}
html>body .ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .ShopBag { border-bottom:1px solid #f2f2f2; margin:0 10px 0 10px; padding-top:10px; *padding-bottom:0px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .ShopBag .CoshText { color:#4e004c; float:left;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .produseTxt { color:#de68d2; float:right; font-size:11px;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .produseTxt a{color:#de68d2; text-decoration:none;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .produseTxt a:hover{color:#de68d2; text-decoration: underline;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .ShopBag .CoshTextBold {float:left; font-weight:bold; color:#4e004c;}
.ContentWrapper .SideColumn .Mid .PinkBoxes .MidPink .ShopBag a.ComandaBtn {width:73px; height:26px; background:url(../images/comanda-btn.gif) no-repeat; display:block; float:right;}
.ContentWrapper .SideColumn .Mid .OfertaBox { margin-top:5px;}
.ContentWrapper .SideColumn .Mid .OfertaBox .TopOferta{ width:200px; height:10px; background:url(../images/oferta-top.gif) top no-repeat; font-size:0px;}
.ContentWrapper .SideColumn .Mid .OfertaBox .MidOferta{ width:200px; background:url(../images/oferta-mid.gif) repeat-y;}
.ContentWrapper .SideColumn .Mid .OfertaBox .BottomOferta{ width:200px; height:17px; background:url(../images/oferta-bottom.gif) bottom no-repeat;}
.ContentWrapper .SideColumn .Mid .OfertaBox .MidOferta a.CatalogBtn { width:122px; height:26px; background:url(../images/catalog-btn.gif) no-repeat; display:block; margin:5px 0 0 40px;}

.ContentWrapper .CenterColumn a.TopBanner {width:490px; height:364px; background:url(../images/center-top-banner.jpg) no-repeat; display:block;}
.ContentWrapper .CenterColumn a.BottomBanner {width:490px; height:267px; background:url(../images/center-bottom-banner.jpg) no-repeat; display:block; margin-top:20px;}
.ContentWrapper .CenterColumn .Produse { margin-top:45px;}
.ContentWrapper .CenterColumn .Produse.firstProd {margin-top:10px;}
.ContentWrapper .CenterColumn .Produse .TitleProduse {
	background:url(../images/title-bg.gif) center 5px no-repeat #fff;
	/*color:#2c2c2c;*/
	font-size:16px;
	font-weight:bold;
	color:#7b0c76;
	padding:0 0 0 22px;
}
.ContentWrapper .CenterColumn .Produse .TitleProduse2 { background:url(../images/title-bg2.gif) center 8px no-repeat; color:#2c2c2c; font-size:16px; padding:0 0 0 22px; }
.ContentWrapper .CenterColumn .Produse .ProdusItems { padding-top:10px; }
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem { float:left; width:145px; margin-right:6px; margin-left:6px; height:225px}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem.lastItem { margin-right:0px;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .Descrip { background-color:#f1f1f1; border-top:1px solid #e4e4e4; font-weight:bold; color:#007eff; display:block; text-align:center; padding:10px 0 10px 0; margin-bottom:2px; height:35px; vertical-align:center;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .Descrip a{color:#007eff; text-decoration:underline; text-align:center;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .Descrip a:hover{color:#007eff; text-decoration:none;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .PriceBox { background-color:#f6f6f6; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; text-align:center; font-size:13px; color:#5a5a5a; font-weight:bold; padding:5px 0 5px 0;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .PriceBox .redtxt { color:#ff0000;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .PriceBox .redtxtredus { color:#ff0000; text-decoration:line-through;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .PriceBox .reducere { font-weight: normal;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem .PriceBox .greentxt { font-weight:bold; color:#007236;}
.ContentWrapper .CenterColumn .Produse .ProdusItems .ProdItem a.ComandaBtnYellow { width:74px; height:23px; background:url(../images/comanda-btn-yell.gif) no-repeat; display:block; margin:5px 0 0 35px;}

#FooterContainer a.LogoFooter {float:left; width:113px; height:23px; background:url(../images/logo-footer.gif) no-repeat; display:block; margin:22px 0 0 0;}
#FooterContainer .NavFooter { float:right; padding:25px 0px 0 0; }
#FooterContainer .NavFooter ul{ list-style-type:none;}
#FooterContainer .NavFooter ul li{ float:left; border-right:1px solid #4d084b; padding:0 10px 0 10px;height:13px; }
#FooterContainer .NavFooter ul li a{ color:#872b84; font-size:11px; text-decoration:none; line-height:14px;}
#FooterContainer .NavFooter ul li a:hover{ color:#872b84; text-decoration:underline;}
#FooterContainer .NavFooter ul li.LastLi { border-right:none;}
.margin-btm { margin-bottom:30px;}


/********  Pagination ************/
ul#pagination{border:0; margin:0 auto; width:300px; padding:0; margin-top:30px;}

#pagination li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination a,#pagination a:visited{
background:#f1f1f1;
color:#858585;
border:solid 1px #e4e4e4;
margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
}
#pagination .active{
background:#ffc300;
border:solid 1px #ff9600;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:3px 6px;
}
#pagination a:link,
#pagination a:visited {
color:#858585;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination a:hover{
background:#ffc300;
border:solid 1px #ff9600;
color:#fff;
}

h1 { font-size:15px; color:#007eff; font-weight:bold; margin:15px 0px 10px 0px;}
p { color:#575757; line-height:16px;}
.infos { margin:0 auto; padding:5px; background:#f6f6f6; border-top:solid 1px #e2e2e2; border-bottom:solid 1px #e2e2e2; margin-top:10px;}
.infos .PriceBox { text-align:center; font-size:13px; color:#5a5a5a; font-weight:bold; padding:0; width:200px; float:left;}
.infos .PriceBox .redtxt { color:#ff0000;}
.infos .PriceBox .redtxtredus { color:#ff0000; text-decoration:line-through;}
.infos .PriceBox .reducere { font-weight: normal;}
.infos .PriceBox .greentxt { font-weight:bold; color:#007236;}
.infos a.more-images, .infos a.more-images:visited { background: url(../images/more-images.gif) top left no-repeat; color:#8f8f8f; font-size:11px; text-decoration:underline; padding:0px 0 3px 23px; display:block; float:right; margin-right:20px;}
.infos a.more-images:hover { color:#CC0099;}
a.ComandaBtn { width:74px; height:23px; background:url(../images/comanda-btn-yell.gif) no-repeat; display:block; margin:5px 0 0 35px; float:right;}

.colors { margin:30px auto 0px auto; border-bottom:solid 1px #f6f6f6;}
.colors p.color { width:150px; float:left;  font-size:11px; }
.colors p.color span.colortitle { font-weight:bold; color:#000000;}
.colors p.color input { width:20px; height:15px; text-align:right;}

.comments { margin:30px auto 0 auto; padding:0 20px;}
.comments h2 { font-size:15px; font-weight:bold; color:#000000; margin-top:20px; margin-bottom:10px;}
.comments input, textarea { float:left; margin-bottom:5px; border:solid 1px #e2e2e2; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:3px;}
.comments a.adaugaBtn { width:74px; height:23px; background:url(../images/adauga-btn.gif) no-repeat; display:block; margin:5px 0 0 175px; float:left;}
.comments .block { margin:10px 0px 20px 0px; margin:0 auto; margin-bottom:30px;}
.comments .block .top { background: #f6f6f6; border-top:solid 1px #e2e2e2; padding:5px 10px;}
.comments .block .top .author { font-size:11px; font-weight:bold; color:#007eff; float:left;}
.comments .block .top .date { font-size:11px; color:#b0b0b0; float:left; margin-left:10px;}
.comments .block .top a.reply { color:#feac3a; float:right; display:block;}
.comments .block p { padding:10px 10px; font-size:11px; line-height:15px; color:#9b9b9b;}




.mediumComment { font-size:14px; font-weight:bold; color:#7b0c76; margin-left:20px; padding-left:20px;}
.smallComment { font-size:12px; color:#7b0c76; }
.productCode { color:#007eff;  font-weight:bold; }

.ProductName {font-weight:bold; color:#007eff; display:block; text-align:left; padding:10px 0 10px 0; margin-bottom:2px; vertical-align:center;}
.ProductName a{color:#007eff; text-decoration:underline; text-align:center;}
.ProductName a:hover{color:#007eff; text-decoration:none;}

.pink a{color:#de68d2; text-decoration:none;}
.pink a:hover{color:#de68d2; text-decoration: underline;}

/*******************************************************************************
  FORM STYLE
*******************************************************************************/
form label { display:block !important; line-height:normal !important; margin: 5px 0px;  font-size:12px;	font-weight:bold; }
input[type=text] { display:block !important; }
textarea { display:block; }
.smallInput { padding:3px 3px; border:1px solid #999; background:#FFFFE6; font-size:12px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; font-style:italic; }
.largeInput { padding:6px 5px; border:1px solid #999; background:#FFFFE6; font-size:15px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #333 !important; }
form .small { width:100px; }
form .medium { width:250px; }
form .wide { width:480px; }
.button {
  margin: 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;	
}
input .submit
{
 margin : 0px;
  padding: 0px !important;
  border: 0px;
  background: transparent url('../images/but_right_grey.gif') no-repeat scroll top right;
  color: #555;
  display: block;
  float: left;
  height: 30px;
  margin-right: 6px;
  margin-top:10px;
  padding-right: 12px !important;
  text-decoration: none;
  overflow: hidden;
  font-size: 12px;
  outline: none !important;
  cursor: pointer;
  font-weight: bold;	
}

.button span {
  background: url('../images/but_left_grey.gif') no-repeat left top;
  display: block;
  line-height: 30px;
  padding: 0px 0px 0px 12px;
  outline: none !important;
  float:left;
}
.button:hover {
  background-position: right bottom;
  text-decoration:none !important
}
.button:hover span {
  background-position: left bottom;
  color: #333;
}


/*******************************************************************************
  Informational Messages
*******************************************************************************/
.info  {
	display: block;
	background: url('../images/informationbar_right.gif') no-repeat right top;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom:10px !important;
	padding: 0px !important;
	font-size: 12px !important;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	font-style: italic;
}
.info .info_inner {
  display: block;
  height: 30px;
  padding: 6px 10px 0px 35px;
}
#success .info_inner {
  color: #5a801b;
  background: url('../images/icon_success.gif') no-repeat left top;
  border: 0px;
}
#warning .info_inner {
	color: #E89326;
	background: url('../images/icon_warning.gif') no-repeat left top;
	border: 0px;
}
#error .info_inner {
	color: #C00;
	background: url('../images/icon_error.gif') no-repeat left top;
	border: 0px;	
}
#info .info_inner {
	color: #4985B2;
	background: url('../images/icon_info.gif') no-repeat left top;
	border: 0px;
}



/* --------------------  Boxed notifications -------------------- */

.notification {
	display: block;
	padding: 20px 20px 20px 45px;
	border: 1px solid;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	}

.n-success {
	background-color: #a3e6bd;
	border-color: #68d59b;
	background-image: url(../images/notification-tick.gif);
	}

.n-information {
	background-color: #9fddea;
	border-color: #5fceea;
	background-image: url(../images/notification-information.gif);
	}

.n-attention {
	background-color: #f9e497;
	border-color: #ffcb4f;
	background-image: url(../images/notification-exclamation.gif);
	}

.n-error {
	background-color: #ffc6ca;
	border-color: #efb9c3;
	background-image: url(../images/notification-slash.gif);
	}