@charset "utf-8";
/* CSS Document */

body {
	background: #ffffff url(../img/tile-up.gif) repeat-x;
	margin:0px;
	text-align:center;
	behavior:url("../csshover.htc");
	}
#headercontainer {
	background: url(../img/header.jpg) no-repeat;
	width: 995px;
	text-align: left;
	height: 228px;
	margin: 0 auto;
	display:block;
	}
.info {
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	padding-top:10px;
	text-align:right;
	padding-right:90px;
	}
.cartinfo {
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	margin-top:50px;
	text-align:left;
	margin-left:340px;
	background-image:url(../img/cartinfo-bg.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:150px;
	height:73px;
	padding-top:16px;
	padding-left:76px;
	}
.headerpic{position:absolute;height:171px;right:30px;top:36px;display:block;float:left;}
#menucontainer {
	background-image:url(../img/menu.jpg);
	background-repeat: no-repeat;	
	width: 995px;
	height: 35px;
	text-align: left;
	margin: 0 auto;
	display:block;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

#menucontainer a {
	color:#004d69;
	text-decoration:none;
	}

#menucontainer a:hover {
	color:#004d69;
	text-decoration:underline;
	}

#maincontainer {
	width: 995px;
/*	height: 1100px;*/
	text-align: left;
	margin: 0 auto;
	display:block;
	margin-top:28px;
}
																					/*LEFT*/
#leftcontainer {
	width: 204px;
	margin: 0 auto;
	display:block;
	float:left;
}

.heading {
	width:180px;
	text-align:left;
	display:block;
	margin-left:16px;
	margin-bottom:6px;
}
h1 {
	font:normal 20px Arial, Helvetica, sans-serif;
	display:inline;
}
p.produse {
	width:180px;
	text-align:left;
	display:block;
	float:right;
	padding-left:16px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:28px;	
}
p.produse a:link{
	color:#004d69;
	text-decoration:none;
}
p.produse a:visited{
	color:#004d69;
	text-decoration:none;
}
p.produse a:active{
	color:#004d69;
	text-decoration:none;
}
p.produse a:hover{
	color:#7fd31d;
	text-decoration:none;
}

p.producatori {
	width:180px;
	text-align:left;
	display:block;
	float:right;
	padding-left:16px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:28px;	
}
p.producatori a:link{
	color:#004d69;
	text-decoration:none;
}
p.producatori a:visited{
	color:#004d69;
	text-decoration:none;
}
p.producatori a:active{
	color:#004d69;
	text-decoration:none;
}
p.producatori a:hover{
	color:#7fd31d;
	text-decoration:none;
}
																					/*CENTER*/
#centercontainer {
	width: 501px;
	text-align: left;
	margin: 0 auto;
	display:block;
	float:left;
	margin-left:58px;
	color:#004d69;
}
p.sort{
	width:440px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004d69;
}
#items-section {
	width:460px;
	margin-top:285px;
	}
p.item{
	background-image: url(../img/itembg-tile.gif);
	background-repeat:repeat-y;
	width:213px;
	display:block;
	float:left;
	margin-right:17px;
	margin-bottom:15px;
}
.item-up{
	background-image: url(../img/itembg-up.gif);
	background-repeat:no-repeat;
	width:213px;
	height:8px;
	display:block;
	float:left;
}
.item-down{
	behavior: url('IEFixes.htc');
	background:url(../img/itembg-down.gif) -213px 0px;
	width:199px;
	display:block;
	float:left;
	height:90px;
	padding-left:14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size:14px;
	text-decoration:none;
	padding-top:10px;
}
.item-down:active, .item-down.active{
	background:url(../img/itembg-down.gif) -213px 0px;
}
.item-down:hover, .item-down.hover{
	background:url(../img/itembg-down.gif) 0px 0px;
}
.item-name{
	padding-left:14px;
	padding-top:14px;
	color:#75BA1C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:185px;
	display:block;
	height: 26px;
}
.item-status{
	height:40px;
	float:right;
	padding-right:24px;
	}
.item-status-green{
	width:60px;
	height:17px;
	display:block;
	padding-top:3px;
	padding-left:6px;
	color:#FFFFFF;
	background-color:#75BA1C;
	margin-right:2px;
	margin-left:12px;
	margin-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
}
.item-status-red{
	width:26px;
	height:17px;
	display:block;
	padding-top:3px;
	padding-left:6px;	
	color:#FFFFFF;
	background-color:#E10000;
	margin-right:2px;
	margin-left:12px;
	margin-top:12px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
}
.item-picture{
	padding-left:24px;
	height:131px;
	display:block;
	float:left;
}
.item-description{
	padding-top:5px;
	padding-left:14px;
	width:185px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#004d69;
	font-size:12px;
	float:left;
	height:50px;
}
.item-description a:link{
	color:#004d69;
	text-decoration:none;
}
.item-description a:active{
	color:#004d69;
	text-decoration:none;
}
.item-description a:visited{
	color:#004d69;
	text-decoration:none;
}
.item-description a:hover{
	color:#004d69;
	text-decoration:underline;
}
p.pagenumber {
	width:440px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004d69;	
}
p.pagenumber a{
	color:#004d69;
	text-decoration:none;
}
p.pagenumber a:hover{
	color:#004d69;
	text-decoration:underline;
}
	/*detail-page*/
	
p.gallery{
	width:236px;
	height:260px;
	background-image:url(../img/gallery-bg.gif);
	float:left;
	}
.gallery-picture{
	margin-top:26px;
	padding-left:36px;
	height:131px;
	display:block;
	float:left;
}
.gallery-thumbnail{
	margin-top:30px;
	padding-left:8px;
	height:47px;
	width:47px;
	display:block;
	float:left;
}
p.detail-title{
	width:194px;
	height:260px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#75ba1c;
	padding-left:20px;
	float:left;
	display:block;
	text-align:justify;	
	}
.detail-description{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004d69;
}
p.detail-price{
	width:444px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#004d69;
	margin-top:15px;
	padding-left:2px;
	}
.detail-buy{
	width:120px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	text-align:right;
	display:block;
	padding-right:35px;
	padding-top:10px;
	font-weight:bold;
	background-image:url(../img/buy-icon.gif);
	background-position:right;
	background-repeat:no-repeat;	
	}
.detail-buy a{
	color:#004d69;
	text-decoration:underline;	
	}
.detail-buy a:hover{
	color:#004d69;
	text-decoration:none;
}
p.detail-alarm{
	width:460px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#004d69;
	margin-top:15px;
	padding-left:2px;
}
.detail-recommend{
	width:150px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:block;
	padding-left:35px;
	padding-top:10px;
	font-weight:bold;
	background-image:url(../img/friend-icon.gif);
	background-position:left;
	background-repeat:no-repeat;	
	}
.detail-recommend a{
	color:#004d69;
	text-decoration:underline;	
	}
.detail-recommend a:hover{
	color:#004d69;
	text-decoration:none;
}
.detail-info{
	width:150px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:block;
	padding-left:35px;
	padding-top:10px;
	margin-top:4px;
	margin-left:50px;
	font-weight:bold;
	background-image:url(../img/info-icon.gif);
	background-position:leftt;
	background-repeat:no-repeat;	
	}
.detail-info a{
	color:#004d69;
	text-decoration:underline;	
	}
.detail-info a:hover{
	color:#004d69;
	text-decoration:none;
}
.detail-compare{
	width:150px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:block;
	padding-left:35px;
	padding-top:10px;
	font-weight:bold;
	background-image:url(../img/compare-icon.gif);
	background-position:leftt;
	background-repeat:no-repeat;	
	}
.detail-compare a{
	color:#004d69;
	text-decoration:underline;	
	}
.detail-compare a:hover{
	color:#004d69;
	text-decoration:none;
}
.detail-comment{
	width:150px;
	height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:block;
	padding-left:35px;
	padding-top:10px;
	font-weight:bold;
	margin-left:50px;
	background-image:url(../img/comment-icon.gif);
	background-position:leftt;
	background-repeat:no-repeat;	
	}
.detail-comment a{
	color:#004d69;
	text-decoration:underline;	
	}
.detail-comment a:hover{
	color:#004d69;
	text-decoration:none;
}
																					/*RIGHT*/
#rightcontainer {
	width: 232px;
	text-align: left;
	display:block;
	float:right;
}
p.search {
	width:190px;
	text-align:left;
	display:block;
	float:left;
	padding-left:24px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:28px;	
}
p.search a:link{
	color:#004d69;
	text-decoration:underline;
}
p.search a:visited{
	color:#004d69;
	text-decoration:underline;
}
p.search a:active{
	color:#004d69;
	text-decoration:underline;
}
p.search a:hover{
	color:#004d69;
	text-decoration:none;
}
input.search-formfield {
	width:170px;
	margin-top:5px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #4c8296;
	text-decoration: none;
}
input.search-submit {
	width:25px;
	height:20px;
	border:none;
	background: url(../img/search-submit.gif) no-repeat 0px 0px;
	margin-left:2px;
}
p.topsearched {
	width:190px;
	text-align:left;
	display:block;
	float:left;
	padding-left:24px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:28px;	
}
p.topsearched a:link{
	color:#004d69;
	text-decoration:none;
}
p.topsearched a:visited{
	color:#004d69;
	text-decoration:none;
}
p.topsearched a:active{
	color:#004d69;
	text-decoration:none;
}
p.topsearched a:hover{
	color:#7fd31d;
	text-decoration:none;
}
p.login {
	width:190px;
	text-align:left;
	display:block;
	float:left;
	padding-left:24px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:28px;	
}
p.login a:link{
	color:#004d69;
	text-decoration:underline;
}
p.login a:visited{
	color:#004d69;
	text-decoration:underline;
}
p.login a:active{
	color:#004d69;
	text-decoration:underline;
}
p.login a:hover{
	color:#004d69;
	text-decoration:none;
}
input.login-formfield {
	width:100px;
	margin-top:5px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #4c8296;
	text-decoration: none;
}

p.newsletter {
	width:190px;
	text-align:left;
	display:block;
	float:left;
	padding-left:24px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:28px;	
}
input.newsletter-formfield {
	width:124px;
	margin-top:5px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	color: #4c8296;
	text-decoration: none;
}
input.submit {
	height:20px;
	border:none;
	margin-top:5px;
	margin-left:5px;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#e10000;
}
input.submit-rightside {
	height:20px;
	border:none;
	margin-top:5px;
	margin-left:5px;
	margin-right:20px;
	float:right;
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#e10000;
}
p.sondaj {
	width:190px;
	text-align:left;
	display:block;
	float:left;
	padding-left:24px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:28px;	
}

																					/*FOOTER*/
#footercontainer {
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	width: 995px;
	height: 29px;
	text-align:center;
	margin: 0 auto;
	display:block;
	margin-top:28px;
	color:#004d69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:6px;
}
#footercontainer a {
	color:#004d69;
	text-decoration:underline;
}
#footercontainer a:hover {
	color:#004d69;
	text-decoration:none;
}

.clear {
  clear: both;
  height: 0;
}

/* import from layout.css*/
.error, .mandatory, .error_form{color:#FF0000}
