@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
	}

#skipNav
	{
	visibility:hidden;
	}

body {
	background:#F3FDFF url(/i/bg.png) 0 -35px repeat-x;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:62.5%;
	color:#06c;
	}

a {
	outline:none;
	text-decoration:none;
	color:#c00;
	}

a:hover {
	text-decoration:underline;
	}

h1, h2, h3 {
	font-weight:normal;
	}

#container {
	width:980px;
	margin:5px auto;
	font-size:1.2em;
	}

ul#topMenu {
	list-style:none;
	margin:0 15px 0 0;
	}
	
ul#topMenu li {
	display:inline;
	}
	
ul#topMenu li a {
	display:block;
	float:right;
	margin-left:5px;
	padding:2px 6px;
	color:#fff;
	}
	
ul#topMenu li a:hover {
	background:#fff;
	color:#c00;
	text-decoration:none;
	}
	
#header {
	background:url(/i/bg_header.png) no-repeat;
	_background:url(/i/bg_header.gif) no-repeat;
	padding:25px 25px 0 25px;
	_padding-top:15px;
	margin:0;
	}

#header h1 {
	background:url(/i/logo_pczone.png) no-repeat;
	_background:url(/i/logo_pczone.gif) no-repeat;
	width:155px;
	height:55px;
	text-indent:-9999px;
	}	

#header h1 a {
	display:block;
	width:155px;
	height:55px;
	}

.hBBox {
	width:270px;
	float:left;
	}

form#srcForm {
	margin:15px 0 10px 0;
	}

form#srcForm input#q {
	width:220px;
	height:22px;
	color:#06c;
	background:url(/i/search.png) no-repeat;
	font-size:1.4em;
	padding:5px;
	}

form#srcForm input#q:focus, form#srcForm input#q.selectat {
	background-position:bottom left;
	}

.hBox {
	width:210px;
	float:left;
	}
	
.hBoxSp {
	width:10px;
	height:150px;
	background:url(/i/lines.png) repeat-y;
	float:left;
	margin-bottom:10px;
	}

div.hBox h2 {
	background:url(/i/titluri_header.gif);
	height:55px;
	text-indent:-9999px;
	margin-bottom:10px;
	}

div.hBox h2 a {
	display:block;
	height:55px;
	}

div.hBox h2#t02 {background-position:0  -55px;}
div.hBox h2#t03 {background-position:0 -110px;}

div.hBox p {
	padding:0 5px 5px 5px;
	}

div.hBox ul {
	margin-left:20px;
	}

div#content {
	background:url(/i/bg_main.png) 0 0 repeat-y;
	_background:url(/i/bg_main.gif) 0 0 repeat-y;
	padding:0 25px;
	}

p#brdcmb {
	background:#DCF0F7;
	padding:8px;
	margin:0 0 10px 0;
	color:#bbb;
	text-transform:lowercase;
	font-size:1em;
	padding:8px;
	_padding-top:3px;
	}

p#brdcmb a {
	color:#bbb;
	}

p#brdcmb a:hover {
	text-decoration:none;
	color:#333;
	}

/* mesaje */
div.err {
	padding:8px 8px 8px 48px;
	color:#ff9;
	background:#c00 url(/i/err.gif) 8px center no-repeat;
	margin-bottom:10px;
	font-size:1.2em;
	border:1px solid #900;
	}

div.err a { color:#ff9; text-decoration:underline; }

div.ook {
	padding:8px 8px 8px 48px;
	color:#ff9;
	background:#090 url(/i/ook.gif) 8px center no-repeat;
	margin-bottom:10px;
	font-size:1.2em;
	border:1px solid #030;
	}

.atn {
	border:1px solid #ccc;
	background:#ffc;
	padding:5px;
	color:#999;
	margin-bottom:5px;
	font-size:0.9em;
	}

/* end mesaje */


/* formulare */

form.halfF br {
	clear:both;
}

form.halfF label {
	width:80px;
	display:block;
	float:left;
	margin-right:5px;
	padding-top:3px;
	}

form.halfF input, form.halfF textarea, form.halfF select {
	border:1px solid #ccc;
	width:150px;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	padding:2px;
	font-size:1em;
	margin-bottom:5px;
	}

form.halfF input:focus, form.halfF textarea:focus, form.halfF select:focus  {
	border-color:#99bbe8;
	}

form fieldset {
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:10px;
	}

input.buton {
	margin-left:6px;
	width:156px !important;
	padding:6px !important;
	background:url(/i/table_header-grey.gif) center left repeat-x;
	color:#777;
	}

input.buton:hover, input.buton:focus {
	background:url(/i/table_header-hover.gif) center left repeat-x;
	color:#06c;
	border-color:#99bbe8;
	cursor:pointer;
	}

form legend {
	padding:5px;
	}


form.normal br {
	clear:both;
	}

form.normal label {
	width:130px;
	display:block;
	float:left;
	margin-right:5px;
	}

form.normal input, form.normal textarea, form.normal select {
	border:1px solid #ccc;
	width:370px;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	padding:2px;
	font-size:0.9em;
	margin-bottom:3px;
	}
form.normal input.sendBut {
	width:375px !important;
	padding:10px 0;
	outline:none;
	border:none;
	color:#000;
	}

form.normal input.sendBut:hover {
	background:#99b8e7;
	color:#fff;
	}
/* end formulare */

#side1 {
	width:180px;
	float:left;
	margin-right:10px;
	}

#side1 ul {
	list-style-type:none;
	}

#side1 ul li {
	list-style-type:none;
	margin-bottom:0;
	}

#side1 a {
	color:#06c;
	padding:2px 4px 2px 20px;
	display:block;
	background:#dcf0f7 url(/i/bullet.png) 5px center no-repeat;
	}

#side1 a:hover {
	text-decoration:none;
	background:#b2d1f0 url(/i/bullet.png) 5px center no-repeat;
	}

#side1 a.hc {
	font-weight:bold;
	padding:2px 4px;
	background:#dcf0f7;
	border-bottom:1px solid #fff;
	}

#side1 a.hc:hover {
	text-decoration:none;
	background:#b2d1f0;
	}


#side1 a.selectat {
	background:#06c;
	color:#fff;
	}

#side1 ul li ul {
	font-size:0.9em;
	}

#side1 li {
	border-bottom:1px solid #fff;
	}


#inContent {
	width:520px;
	float:left;
	}

#inContent h1 {
	margin-bottom:10px;
	font-size:1.7em;
	}

#inContent h2 {
	margin-top:10px;
	}

#inContent p {
	line-height:1.4em;
	margin-top:0.6em;
	}

#inContent ul {
	margin-left:2em;
	}

#inContent ul#sss {
	margin:0;
	list-style:none;
	}

#inContent ul#sss li {
	display:inline;
	}

#inContent ul#sss li a {
	display:block;
	border:1px solid #99BBE8;
	background:#EBECEE url(/i/table_header-hover.gif) 0 center repeat-x;
	padding:5px;
	width:158px;
	margin-bottom:5px;
	color:#06c;
	float:left;
	height:2.4em;
	}

#inContent ul#sss li a:hover {
	background:#EBECEE url(/i/table_header-hover_alt.gif) 0 center repeat-x;
	text-decoration:none;
	color:#fff;
	}

.mr5 {
	margin-right:5px;
	}


#pageTabs {
	}

div.taburi ul {
	list-style:none;
	margin:0 !important;
	}


div.taburi ul li {
	float:left;
	margin-right:5px;
	margin-bottom:-11px;
	}

div.taburi ul li a {
	display:block;
	border:1px solid #99bbe8;
	padding:10px;
	text-align:center;
	width:104px;
	border:1px solid #999;
	background:#ccc url(/i/table_header-grey.gif) 0 center repeat-x;
	}

div.taburi ul li a.on {
	border:1px solid #99BBE8;
	background:#EBECEE url(/i/table_header-hover.gif) 0 center repeat-x;
	}


#filmele {
	border:4px solid #dae7f7;
	padding:5px;
	}

#superoferta {
	border:4px solid #dae7f7;
	padding:5px;
	background:#fff;
	margin-bottom:10px;	
	}

#superoferta h1 {
	font-size:1.4em;
	}

#soL {
	width:315px;
	float:left;
	}

#fotoSO {
	float:right;
	width:180px;
	text-align:center;
	}

p.pret {
	background:url(/i/pret_pp.jpg) 0 0 no-repeat;
	display:block;
	width:150px;
	height:87px;
	margin-left:-5px;
	padding:20px 0 0 5px !important;
	color:#060;
	font-family:"Courier New", Courier, monospace;
	font-size:1.4em;
	}

span.ppM {
	font-size:0.6em;
	font-weight:normal;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-5px !important;
	}

ul.mOptions {
	margin-left:0 !important;
	}

ul.mOptions li {
	list-style:none;
	float:left;
	} 

ul.mOptions li a {
	display:block;
	text-indent:-9999px;
	height:30px;
	}

ul li.addB a 	{ background:url(/i/add.png) 0 0 no-repeat; width:129px; }
ul li.configB a { background:url(/i/config.png) 0 0 no-repeat; width:129px; }
ul li.addF a 	{ background:url(/i/recomand.png) 0 0 no-repeat; width:200px; margin-left:5px; }
ul li.addP a 	{ background:url(/i/preferat.png) 0 0 no-repeat; width:145px; margin-left:5px; }

ul.mOptions li a:hover { background-position: 0 -30px; }

#csup {
	background:#e9e9e9 url(/i/c_sup.jpg) top right no-repeat;
	padding: 5px 120px 0 10px;
	margin-bottom:10px;
	border:1px solid #99bbe8;	
	}

#csup p {
	margin-top:5px;
	}

.fancyH {
	border:1px solid #99BBE8;
	background:#EBECEE url(/i/table_header-hover.gif) 0 center repeat-x;
	padding:5px;
	margin-bottom:3px;
	}

/* tabel fancy */
table.fancy {
	margin: 0;
	width:100%;
	border:1px solid #99BBE8;
	border-left:0;
	border-top:0;
	}
	
table.fancy th {
	background:#EBECEE url(/i/table_header-hover.gif) left center repeat-x;
	padding:5px;
	border-left:1px solid #99BBE8;
	border-top:1px solid #99BBE8;
	text-align:center;
	}	

table.fancy td.numar {
	text-align:right;
	}

table.fancy td {
	border-top:1px solid #99BBE8;
	border-left:1px solid #99BBE8;
	padding:4px;
	font-size:0.9em;
	}

table.fancy td.cen {
	text-align:center;
	}

table.fancy td input {
	border:1px solid #0066cc;
	font-size:1em;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Helvetica, sans-serif;
	padding:3px;
	color:#777;
	text-align:right;
	}

table.fancy td input:focus {
	color:#c03;
	border-color:#c03;
	}

table.fancy td img {
	vertical-align:middle;
	}

/* end tabel fancy */

/* zebra table */
.highlight			{ background:#d5fcdc; }
.even				{ background:#fff; }
.mo					{ background:#e3f1fb; }
.odd				{ background:#eee; }
/* end zebra table */

/* table produse */
table.produse {
	width:100%;
	}

table.produse tr td {
	border-bottom:1px solid #dae7f7;
	padding-top:5px;
	padding-bottom:5px;
	font-size:0.9em;
	color:#999;
	vertical-align:top;
	}

table.produse tr td a {
	color:#06c;
	font-weight:bold;
	}

table.produse tr td a:hover {
	color:#c03;
	text-decoration:none;
	}


table.produse td.nFoto {
	padding-right:5px;
	vertical-align:top;
	}	

table.produse td.num {
	padding-left:5px;
	text-align:right;
	width:125px;
	}	

table.produse td.num p {
	padding-top:10px !important;
	color:#390;
	}

table.produse td.num ul li a {
	text-align:left;
	}	
/* end table produse */




/* sortare */
div.sort {
	margin:10px 0 0 0;
	padding:5px;
	border:1px solid #99BBE8;
	background:#EBECEE url(/i/table_header-hover.gif) 0 center repeat-x;
	}
div.sort p {
	margin:0 !important;
	}
/* end sortare */





/* PAGINATIE */
div.pag {
	margin:10px 0;
	padding:5px;
	border:1px solid #99BBE8;
	background:#EBECEE url(/i/table_header-hover.gif) 0 center repeat-x;
	}

div.pag img {
	vertical-align:middle;
	}

div.pagP {
	width:450px;
	float:left;
	}

div.pagEx {
	width:50px;
	float:right;
	text-align:right;
	padding-top:4px;
	}

a.pagL, a.pagSel {
	height:2em;
	padding:3px 6px;
	line-height:2em;
	margin:4px;
	text-align:center;
	background:#fff;
	}

a.pagSel {
	background:#39c;
	color:#fff;
	}

a.pagL:hover, a.pagSel:hover {
	text-decoration:none;
	}

a.pagL:hover {
	background:#65688f;
	color:#fff;
	}

/* end PAGINATIE */

div.comentariu {
	border:1px solid #99BBE8;
	padding:5px;
	margin-bottom:3px;
	line-height:1.6em;
	}

div.comentariu img {
	vertical-align:middle;
	}

div.comentariu  p.slim {
	color:#999;
	font-size:0.8em;
	margin-top:5px;
	}

div#ymap {
	width:520px;
	height:400px;
	}

p.contact strong {
	width:6em;
	display:block;
	float:left;
	}



/* oferte prima pagina... */

div.ppALL {
	/*
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	*/
	}

div.ppALL h3 {
	background:#dcf0f7;
	padding:5px;
	margin-bottom:5px;
	}

div.ppALL h3 a {
	color:#06c;
	}

div.ppALL h3 a:hover {
	text-decoration:none;
	color:#c03;
	}


div.PPPr {
	width: 92px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	text-align:center;
	}

div.PPPr h4 {
	font-weight:normal;
	font-size:0.8em;
	margin-top:5px;
	height:90px;
	}

div.PPPr h4 a {
	/*display:block;
	height:90px;
	width:90px;
	background:#f00;
	*/
	}

p.small {
	margin-bottom:5px;
	text-align:right;
	}

p.small a {
	color:#bbb;
	font-size:0.85em;
	}

p.small a:hover {
	text-decoration:none;
	color:#c03;
	}

/* end oferte prima pagina... */










/* tool tips ==================================================== */

/* tooltip design */
.ToolTips {
	display:block; 
	position:absolute; 
	width:188px; 
	color:#fff;
	}
	
.ToolTips .sticky_close 
	{
	display:block; 
	position:absolute; 
	top:1px; 
	right:3px; 
	background:url(/i/tips/fileclose.png); 
	width:16px; 
	height:16px; 
	line-height:16px; 
	font-size:0px; 
	z-index:100000000;
	}
	
.ToolTips .message 
	{
	display:block; 
	position:relative; 
	background:url(/i/tips/tip_body.png) repeat-y; 
	padding:0px 10px;
	}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, .ToolTips .dockTopFooter 
	{
	display:block; 
	position:relative; 
	background:url(/i/tips/dockBottomHeader.png) no-repeat bottom; 
	height:16px;  
	}
	
.ToolTips .dockTopFooter 
	{
	background:url(/i/tips/dockTopFooter.png) no-repeat bottom;
	height:16px;
	}

.ToolTips .dockBottomFooter, .ToolTips .dockTopHeader 
	{
	display:block; 
	position:relative; 
	background:url(/i/tips/dockBottomFooter.png); 
	height:9px; 
	line-height:11px; 
	font-size:0px; 
	clear:both;
	}
	
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader 
	{
	background:url(/i/tips/dockTopHeader.png) bottom center no-repeat; 
	height:20px; 
	line-height:20px; 
	font-size:0px;
	}

/* this is just a div displaying the loading animated .gif */
.loading 
	{
	display:block; 
	margin:0px auto; 
	background:url(/i/tips/ajax-loader.gif) center center no-repeat; 
	width:31px;
	height:50px;
	}

/* tip container */
.tipContainer, .ToolTips
	{
	display:none;
	}

/* beautify the tooltip content */
.ToolTips .message 
	{
	}
	
.ToolTips .message h4 
	{
	padding-bottom:5px;
	border-bottom:1px solid #06c;
	margin-bottom:5px;
	color:#ffc;
	}
	

/* end tool tips ==================================================== */




/* fancy form */
form.fForm label {
	display:block;
	padding:0.5em;
	padding-left:32px;
	background-position:8px center;
	background-repeat:no-repeat;
	clear:both;
	cursor:pointer;
	margin-bottom:1px;
	}

form.fForm label:hover {
	color:#06c;
	}


form.fForm .unchecked { background:url(/i/fancyform/checkbox.gif) -5px -13px no-repeat;	}
form.fForm .unchecked:hover { background:url(/i/fancyform/checkbox.gif) -5px -113px no-repeat; }
form.fForm .checked { color:#06c; background:url(/i/fancyform/checkbox.gif) -5px -213px no-repeat; }
form.fForm .checked:hover { color:#06c;	background:url(/i/fancyform/checkbox.gif) -5px -313px no-repeat; }


form.fForm .unselected { background:url(/i/fancyform/radiobutton.gif) -5px -13px no-repeat; }
form.fForm .unselected:hover { background:url(/i/fancyform/radiobutton.gif) -5px -113px no-repeat; }
form.fForm .selected { color:#06c; background:url(/i/fancyform/radiobutton.gif) -5px -213px no-repeat; }


/* end fancy form */





#side2 {
	width:210px;
	float:right;
	}

ul#articole {
	list-style:none;
	margin-bottom:10px;
	}

ul#articole li {
	border-bottom:1px solid #fff;
	}

ul#articole li a {
	display:block;
	}

ul#articole li a {
	color:#06c;
	padding:4px 4px 4px 40px;
	display:block;
	}

ul#articole li a:hover {
	text-decoration:none;
	}

ul#articole li a#ico1 { background:#dcf0f7 url(/i/icon_01.gif) 4px center no-repeat; }
ul#articole li a#ico2 { background:#dcf0f7 url(/i/icon_02.gif) 4px center no-repeat; }
ul#articole li a#ico3 { background:#dcf0f7 url(/i/icon_03.gif) 4px center no-repeat; }
ul#articole li a#ico4 { background:#dcf0f7 url(/i/icon_04.gif) 4px center no-repeat; }

ul#articole li a#ico1:hover { background:#b2d1f0 url(/i/icon_01.gif) 4px center no-repeat; }
ul#articole li a#ico2:hover { background:#b2d1f0 url(/i/icon_02.gif) 4px center no-repeat; }
ul#articole li a#ico3:hover { background:#b2d1f0 url(/i/icon_03.gif) 4px center no-repeat; }
ul#articole li a#ico4:hover { background:#b2d1f0 url(/i/icon_04.gif) 4px center no-repeat; }


div.sPromo {
	border:1px solid #bbb;
	margin-bottom:10px;
	padding:5px;
	color:#999;
	}

div.sigle a {
	margin:0px;
	border:1px solid #fff;
	display:block;
	width:63px;
	height:63px;
	float:left;
	}

div.sigle a:hover {
	border:1px solid #bbb;
	}

div.pPT {
	margin-top:5px;
	border-top:1px solid #ddd;
	}

div.pPT a img {
	float:left;
	margin-top:5px;
	}

span.pPP {
	margin-top:5px;
	display:block;
	float:right;
	margin-left:5px;
	width:133px;
	}

div.pPT a {
	font-size:0.9em;
	}

div.bRed   { border:1px solid #c03; }
div.bGreen { border:1px solid #390; }
div.bBlue  { border:1px solid #06c; }

div.bRed a   { color:#c03; }
div.bGreen a { color:#390; }
div.bBlue a  { color:#06c; }


p.sBox {
	border:1px solid #bbb;
	margin-bottom:10px;
	line-height:0;
	}

.third {
	width:33%;
	float:left;
	}

.twothirds {
	width:67%;
	text-align:right;
	float:left;
	}

.half {
	width:50%;
	float:left;
	}

.halfT {
	width:255px;
	float:left;
	}


div#footer {
	background:url(/i/bg_footer.png) 0 0 no-repeat;
	_background:url(/i/bg_footer.gif) 0 0 no-repeat;
	padding:0 25px 10px 25px;
	color:#999;
	font-size:0.8em;
	}

div#footer p {
	line-height:1.4em;
	}

div#footer a {
	color:#999;
	}

div#fooL {
	margin-top:25px;
	width:300px;
	float:left;
	}

div#fooL ul li {
	list-style:none;
	float:left;
	margin-right:10px;
	}

div#fooR {
	margin-top:25px;
	width:620px;
	float:right;
	text-align:right;
	}
	
.clear {
	clear:both;
	}

/* facturare si livrare */
div.livrare {
	width:206px;
	float:left;
	border:1px solid #99bbe8;
	margin-right:10px;
	margin-top:5px;
	padding:5px 5px 5px 42px;
	background:url(/i/livrare.png) 5px 5px no-repeat;
	}

div.facturare {
	width:206px;
	float:left;
	border:1px solid #99bbe8;
	margin-top:5px;
	padding:5px 5px 5px 42px;
	background:url(/i/facturare.png) 5px 5px no-repeat;
	}

div.livrare h3, div.facturare h3 {
	font-weight:bold;
	border-bottom:1px solid #99bbe8;
	padding-bottom:5px;
	margin-bottom:5px;
	}


/* MARGINI */
.mr0  { margin-right:0 !important; }
.mr10 { margin-right:10px !important; }
.mb10 { margin-bottom:10px !important; }
.mt10 { margin-top:10px !important }