body {
	margin: 0; padding: 0; 
	background: #fff; text-align: center; font: 12px "Trebuchet MS", Tahoma; color: #707070;
}

/* container */
#container { position: relative; width: 760px; margin: 0 auto; text-align: left; }

/* header */
#header { 
	position: relative; width: 100%; height: 145px; margin: 15px 0 0 0;
	background: transparent url("../../img/cumparaturi-la-domiciliu/shopping-cart.gif") no-repeat right bottom;
}
	/* logo */
	#logo { position: absolute; top: 30px; left: 0; width: 120px; height: 120px; }
	
	/* extra slogan */
	#extra { position: absolute; top: 30px; left: 95px; width: 250px; height: 120px; }
	#extra h1 { margin: 0; padding: 0; font: bold 17px Arial, Tahoma; color: #c71414; }
	#extra h1 strong { font-size: 23px; color: #d90000; }
	
	/* phones */
	#phones { position: absolute; top: 60px; left: 180px; width: 160px; font-size: 14px; color: #861111; }
	
	/* slogan */
	#slogan { position: absolute; top: 114px; left: 120px; width: 300px; height: 120px; }
	#slogan h1 { margin: 0; padding: 0; font-weight: bold; font-size: 13px; color: #c71414; }
	
	/* info */
	#info { position: absolute; top: -2px; left: 360px; width: 220px; height: auto; padding: 10px 0 0 0; border-top: 3px solid #d90000; color: #861111; }
	#info span { line-height: 25px; font-weight: bold; color: #d90000;}
	
	/* yahoo messenger */
	#yahoo-messenger { position: absolute; top: 0; left: 532px; width: 100px; height: auto; padding: 10px 0 0 0; border-top: 3px solid #ac0016; color: #861111; }
	#yahoo-messenger img { margin: 10px 0 0 0; border: 0; }

/* menu */
#menu { position: relative; width: 760px; margin: 0 auto; text-align: left; }
	.mnu {
		float: left; width: 100%; margin: 0; padding: 0; border: 1px solid #554242;
		background: #000 url("../../img/cumparaturi-la-domiciliu/menu-default.gif") repeat-x center; font-weight: bold; font-size: 12px;
	}
	.mnu li { display: inline; }
	.mnu li a { float: left; padding: 9px 10px; border-right: 1px solid #fff; text-decoration: none; color: #fff; }
	.mnu li a:visited { color: #fff; }
	.mnu li a:hover, .mnu li .current{
		background: transparent url("../../img/cumparaturi-la-domiciliu/menu-active.gif") repeat-x center; color: #fff;
	}

/* banner */
#banner { position: relative; float: left; width: 400px; margin: 10px 0 0 5px; }
#banner h1 { margin: 0; padding: 0; font-weight: bold; font-size: 13px; color: #696969; }
#banner h1 span { padding: 0 2px; background: #d90000; color: #fff; }
#banner h2 { margin: 0; padding: 0; font-size: 12px; color: #696969; }
#banner h2 span { border-bottom: 1px dotted #9a0e11; color: #9a0e11; }

	/* advantages */
	#advantages { float: right; width: 320px; margin: 10px 0 0 5px; padding: 5px; }
	ul.shwadvs { display: block; position: relative; clear: both; margin: 10px 0 10px 0; padding: 0; list-style: none; }
	ul.shwadvs li { display: inline; float: left; width: 100%; height: 100%; margin: 0; padding: 3px; border-bottom: 1px solid #ededed; }
	ul.shwadvs li img { float: left; margin: 0; padding: 10px; border: 1px solid #eee; }
	ul.shwadvs li span.advantage { float: right; width: 85%; padding: 0 0 0 5px; font-size: 12px; }
	ul.shwadvs li span.advantage strong { margin: 0; padding: 0; font-size: 12px; color: #000; cursor: pointer; }
	ul.shwadvs li span.advantage strong span { color: #76a81c; }

/* middle */
#middle { clear: both; width: 100%; }
#middle h1 {
	margin: 10px 0 0 0; padding: 0 0 0 25px; border-bottom: 1px solid #ededed;
	background: url("../../img/cumparaturi-la-domiciliu/cart.gif") no-repeat 4px;
	font-weight: bold; font-size: 18px; color: #696969;
}
#middle p { margin: 10px 0; padding: 0; font-size: 13px; color: #696969; }
#middle p span { font-weight: bold; color: #e41c20; }
#middle p span.shopping4u { padding: 0 2px; background: #d90000; color: #fff; }
#middle strong { font-weight: bold; font-size: 13px; color: #000; }
#middle em { clear: both; padding: 2px; font-size: 12px; font-style: normal; font-weight: normal; color: #000; }

/* info tip */
#tip {
	clear: both; width: 100%; margin: 10px 0 10px 0; padding: 5px; border: 1px solid #dcdcdc;
	background: #f3f1f1; font-weight: bold; font-size: 13px; color: #000;
}
#tip span { font-size: 12px; color: #696969; }
#tip span a { text-decoration: underline; color: #696969; }
#tip span a:hover { text-decoration: none; color: #000; }

/* footer */
#footer {
	position: relative; clear: both; width: 760px; height: auto; margin: 0 auto; padding: 5px 5px 5px 5px;
	border: 1px solid #e5e5e5; background: #f7f7f7;
}
#footer span { font-weight: bold; color: #dd0a0e; }
#footer a { padding: 0 2px; border-bottom: 1px dotted #000; text-decoration: none; color: #9a0e11; }
#footer a:hover { background: #d90000; color: #fff; }
	
	/* web design author */
	#creation-logo { position: relative; clear: both; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creation-logo a:hover { color: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }
	
	/* validation */
	#validation { position: relative; width: 760px; margin: 0 auto; padding: 0; text-align: right; }
	#validation a { padding: 2px; text-decoration: none; }
	#validation a:hover { border-top: 2px solid #eee; text-decoration: underline; }
	#validation a.html { background: #dd0a0e; font-size: 10px; color: #fff; }
	#validation a.css { background: #9a0e11; font-size: 10px; color: #fff; }

/* Partners */
.partners { position: relative; clear: both; margin: 7px 5px 7px 0; text-align: center; }
.partners a { text-decoration: none; color: #696969; }
.partners img { position: relative; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }

span.shopping4u { padding: 0 2px; background: #d90000; color: #fff; }

/* advantages tooltip */
#qTip {
	display: none; position: absolute; width: 200px; padding: 3px;
	border: 1px solid #eee; border-right-width: 2px; border-bottom-width: 2px; z-index: 10;
	background: #fff; text-align: left; font-size: 11px;color: #fff;
}
span.qcolor { color: #000; }

/**/
.clear { clear: both; }
/**/