/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{
	border-collapse:collapse;
	border-spacing:0;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*** END reset ****/


body {
	font: 0.8em/1.1em  Arial, Helvetica,  sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background:url(../img/bg_main.png) repeat-y top center ;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}
 #container {
	width: 878px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(../img/bg_main.png) repeat-y top center  ;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}


 #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:90px;
}
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
	 #logo span{position:absolute; left:-1000px;}
	 h1#logo {
		float:left;
		background:url(../img/logo_ew.png) no-repeat 20px center;
		width:280px;
		height:70px;	
		cursor:pointer;
	}
	
		.headR{float:right;text-align:right; margin-right:40px}
	     .headR a{color:#5F6576;font-size:0.9em; text-decoration:none;}	
		/** .contactUp{background:url(../img/phone_bg.gif) no-repeat right center;padding-right:1.6em;color:#D16405;font-weight:bold;margin-top:5px;}  **/
		.contactUp{margin-top:5px; padding-bottom:5px;padding-left:340px }
		* html .contactUp, *+html .contactUp{padding-left:353px}
		
		.contactUp span{position: absolute;left:-2000px;}
				a#contact{display:block; background:url(../img/contact_ico.gif) no-repeat left center; width:54px; height:16px;float:left; padding-right:5px}
				a#contact:hover{background:url(../img/contact_ico_u.gif) no-repeat left center;}
				a#sitemap{display:block; background:url(../img/site_map_ico.gif) no-repeat left center;width:61px; height:16px;float:left}
				a#sitemap:hover{background:url(../img/site_map_ico_u.gif) no-repeat left center;}
	/*** main navigation and site menu */
	#mainMenu{margin-top:5px;padding-top:1.5em;}
	#mainMenu li{float:left;padding:0 10px; border-left:1px solid #eaeaea;}
		#mainMenu li.home{border-left:none;}
		#mainMenu li.serv{padding-right:0;}
	#mainMenu li a{display:block; font-size:1.1em; text-decoration:none;padding-bottom:10px;letter-spacing:-0.02em; }
	#mainMenu li a:hover{text-decoration:underline;}
	
	#mainMenu li a.sel{background:url(http://pinkfish.ro/ew/img/leaf_menu.jpg) no-repeat top center;text-decoration:underline;}

.mainPic{padding-left:20px;}

 #mainContent {
 	clear:both;
	padding: 20px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}
	
	.img-border{border:1px solid #eaeaea; padding:2px}
	.no-border{border:none}
	.right-img{display:block; position: relative; float:right;margin-left:5px;margin-bottom:3px;z-index:0;}
	.left-img{display:block; position: relative; float:left;margin-right:5px;margin-bottom:3px;z-index:0;}
	
	.leftC{float:left; width:500px;}	
	.rightC{float:right; width:220px;}
	
		.promoItem{border-bottom:2px solid #ddd; margin-bottom:10px; color:#888; font-size:0.9em; padding-bottom:10px;}
		 h4{font-weight:bold; margin-bottom:5px; color:#555;}
		.price{color:#D51900; font-weight:bold; display:block; padding:5px 0;}
		.details{background:url(../img/arrow_up.png) no-repeat right bottom; padding-right:10px; margin-top:10px; color:#D51900;}
		
		.l{width:45%; float:left; }
		.r{width:49%; float:right;border-left: 2px solid #ddd; padding-left:15px;}
		
		.prodItem{width:169px; float:left; margin-right:15px; padding-right:10px; margin-bottom:15px; height:140px;}		
		.prodItem a{color:#829EC3;}
		 .prodItem p{font-size:0.8em}
		.dotsV{background:url(../img/prod/bg_dots.png) repeat-y top right;}
		
		/** items one by one - any page **/
		.item{border-bottom:2px solid #ddd; margin-bottom:10px; color:#888; font-size:0.9em; padding-bottom:10px;}
		.item-img{float:left; width:200px; text-align:center; margin-right:20px;height:200px}
		.item p.txt{float:left}
		.item-img img{padding:15px;}
		
 #footer {
 	clear:both;
	margin: 20px; 	
	margin-bottom:0;
	background:url(../img/bg_footer.png) repeat-x left top;
	font-size:0.9em;color:#FFFFFF;
	}
 #footer .contentFoot {
 	
 	background:url(../img/pen_footer.png) no-repeat left top; padding-left:90px;
	padding-top:15px;
	padding-right:20px;
	padding-bottom:20px
}
	#footer a{color:#FFFFFF; text-decoration:none}
	#footer a:hover{text-decoration:underline;}
	#footer .copyright{margin-top:10px;font-size:0.9em}
	#footer .info{margin-top:5px; font-size:0.9em; line-height:12px;}
	
/** typo  **/
	
h3{color:#829EC3; font-size:1.4em; margin-bottom:15px;}
ul.redBullet li{background:url(../img/bullet_red.png) no-repeat left top; padding-left:15px; line-height:14px; }
.clear{clear:both; height:1%; line-height:1px;}