BODY {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
P {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
TD {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
A {
	COLOR: #000066; TEXT-DECORATION: none
}
A:hover {
	COLOR: #FE5B25; TEXT-DECORATION: underline
}
.subcat {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.alb {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.alb:hover {
	COLOR: #ffffff
}
.blue {
	FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.blue:hover {
	COLOR: #cc9900
}
.rosu {
	FONT-SIZE: 14px; COLOR: #cc0000
}
A.rosu {
	TEXT-DECORATION: underline
}
.verde {
	FONT-SIZE: 14px; COLOR: #009900
}
A.verde {
	TEXT-DECORATION: underline
}
.verde2 {
	COLOR: #006666
}
A.verde {
	TEXT-DECORATION: underline
}
.albb {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.albb:hover {
	COLOR: #ffffff
}
.negru {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.negru:hover {
	COLOR: #000000
}
.gri {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.gri:hover {
	COLOR: #666666
}
.vs {
	FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
A.vs {
	TEXT-DECORATION: underline
}
.s {
	FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Arial,Helvetica,sans-serif
}
A.s {
	TEXT-DECORATION: underline
}
.categorie {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #003399; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.categorie {
	TEXT-DECORATION: underline
}
.titlu {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.titlu {
	COLOR: #ff6600; TEXT-DECORATION: underline
}
.title {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.title {
	COLOR: #ff6600; TEXT-DECORATION: underline
}
.price {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.mare {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ffcc00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.mare {
	TEXT-DECORATION: underline
}
.yellow {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff9900; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.titl {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff6600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.articol {
	FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
.textboxorange		
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	background-color:#ffffff;
	font-weight: normal;
	border: 1px solid #F98D3C; 
		height:18px;
	
}
#header{
	background-image: url(menubar.gif);
	background-repeat:no-repeat;
	width:883px;
	height:47px;
}
/* Start IE Hack */
*html #header{
	margin-top:-8px;
}
/* End IE Hack */
#header ul{
	padding-top:26px;
	margin-left:0px;
	position:relative;
}
/* Start FF Hack */
html>body #header ul{
	margin-left:-40px;
}
/* End FF Hack */
#header ul li{
	list-style-type:none;
	width:90px !important;
	height:21px !important;
	text-align:center;
	float:left;
	border-right:#C4C4C4 solid 2px;
	margin-top:0px;
}
/* Start FF Hack */
html>body #header ul li{
	margin-top:0px;
}
/* End FF Hack */
#header ul li a{
	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#274899;
	width:84px !important;
	height:20px !important;
}
/* Start FF Hack */
html>body #header ul li a{
	vertical-align: inherit;
}
/* End FF Hack */

/* bug fixed */ 
#header ul li a:hover{
	width:120px;
	background-image: url(hover-main-menu.bmp);
	display:block;
	padding-top:0px;
	margin-bottom:0px;
	height:20px !important;
}
 Start FF Hack 
html>body #header ul li a:hover{
	padding-top:4px;
}
/* end bug fixed */

/* End FF Hack */
#dungi{
	background-image: url(dunga-sub-header.jpg);
	background-repeat:no-repeat;
	width:883px;
	height:3px;
	margin-top:-1px;
	position:relative;
}
/* Start IE Hack */
*html #dungi{
	margin-top:-18px;
}
#leftcolumn p{
	background-image: url(http://www.pcfarm.ro/categorii_bg.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:23px !important;
	color:#FFFFFF;
	font-weight:bold;
	position:relative;
	text-align:center;
	font-family:Arial;
	font-size:12px;
	padding-top:3px;
}
.contentslide{
background-color: #ffffff;
border: 1px solid #c7c7c5;
padding: 6px;
width: 510px !important;
width: 510px;
height: 210px !important;
height: 210px;
overflow: hidden;
}
.contentslide .contentdiv{
display: none;
}

.pagination{
width: 522px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #ffffff;
border: 1px solid #c7c7c5;
border-top: none;
padding: 3px 0 3px 0;

}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 510px; /*IE5 width*/
w\idth: 510px; /*IE6 width*/
}

.pagination a{
margin-right: 1px;
padding: 0 6px;
border: 1px solid #c7c7c5;
}
.pagination a:link, .pagination a:visited {

 text-decoration: none; 
 color: #690000;
}
.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #eceeea;
text-decoration: none; 
}
.contentdiv img {
margin: 0 0 5px 0;
padding: 0;
border: 1px solid #ffffff;
}
.contentdiv a:link, .contentdiv a:visited {
 color: #690000;
 text-decoration: none;
}
.contentdiv a:hover {
 color: #000;
 text-decoration: underline;
}
.contentdiv p {
 padding: 0;
 margin: 0;
}

#myAccordion{

	border: 1px solid #1297FC;

}
#myAccordion dt{
	line-height: 20px;
	background-color: #80df20;
	border-top: 2px solid #DAFF9F;
	border-bottom: 2px solid #6CAF00;
	padding: 0 5px;
	font-weight: bold;
	color: #fff;
}
#myAccordion dd{
	overflow: auto;
}
#myAccordion p{
	margin: 2px 5px;
}
#myAccordion dt.myAccordionHover
{
	background-color: #90ef30;
}
#myAccordion dt.myAccordionActive
{
	background-color: #1297FC;
	border-top: 2px solid #4AB1FD;
	border-bottom: 2px solid #000;
}
.stylerelama {
	color: #4AB1FD;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.stylerelama {
	color: #4AB1FD;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.stylerelama2 {
	color: #4AB1FD;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.stylerelama5 {
	color: #4AB1FD;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.stylerelama3 {
	color: #959595;
	font-size: 9px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.stylerelama4 {
	color: #959595;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.linkorangelight {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F98D3C;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
}
.linkorangelight:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: normal;
}
.linkcategorii {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #0694FD;
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}
.linkcategorii:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F98D3C;
	text-decoration: underline;
	font-size: 10pt;
	font-weight: normal;
}


.link_teste {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #0694FD;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	font-weight: normal;
}
.link_teste:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #F98D3C;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10pt;
	font-weight: normal;
}


.one_book { width: 100%; font-size: 12px; }
.one_book td { border-bottom: 1px dotted #BDD752;  }
.one_book_left {padding-bottom: 30px; padding-top: 10px;}
.one_book_left img { border: 1px solid #ADCB42; width: 70px; }
.one_book_right { padding-bottom: 30px; padding-left: 20px; }
h2 { margin-bottom: 8px; }
a.one_book_title { text-decoration: none; color: #e88a0b; }
a.one_book_title:visited { text-decoration: none; color: #e88a0b; }
a.one_book_title:hover { text-decoration: underline; }
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 95%;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid green;
color: #F98D3C;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}
.truncate_more_link { text-color: #F98D3C; font-weight: bold; text-decoration: underline; }

.retea {
	font:bold 14px Tahoma;
	color:#235e8a;
}
.reteaCarusel {
	width:500px;
	height:80px;
	margin:15px auto;
	position:relative;
}
.caruselLeft {
	width:33px;
	height:29px;
	margin-top:20px;
	float:left;
}
.caruselRight {
	width:33px;
	height:29px;
	margin-top:20px;
	float:right;
}
.caruselCenter {
	height:52px;
	float:left;
	border:0px solid red;
	margin-top:5px;
	margin-left:10px;
}
.caruselCenter li img
{
	border:1px solid #fff;
}
.caruselCenter li img:hover
{
	border:1px solid #cce0f4;
}
.caruselLeft {
	cursor:pointer;
}
.caruselRight {
	cursor:pointer;
}

.arrowlistmenu{
width: 98%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: black url(http://www.pcfarm.ro/img/titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 5px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://www.pcfarm.ro/img/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #333333;
background: url(http://www.pcfarm.ro/img/leaf.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 1px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 11.5px;
}

.arrowlistmenu ul li a:visited{
color: #333333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.section {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #1a1a1a;
	font-weight: normal;
	margin-bottom: 1px;
}
.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 10px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #F3F3F3;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 1px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 1px 3px 8px #818181;
-moz-box-shadow: 1px 3px 8px #818181;
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;
width: 300px; /*width of menu (not including side paddings)*/
color: black;
background: #F3F3F3;
border-bottom: 1px solid #F3F3F3;
text-decoration: none;
padding: 4px 5px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 300px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #F9F9F9;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

#leftsidebar {
	width: 153px;
	float: left;
	display: block;
	background: url(http://www.pcfarm.ro/img/continut_meniu.PNG) top left repeat-y;
}			
	#leftsidebar .start {
		width: 153px;
		float: left;
		display: block;
		background: url(http://www.pcfarm.ro/img/meniu_stanga.PNG) top left no-repeat;
	}
	#leftsidebar .end {
		width: 153px;
		padding: 1px 1px 10px 1px;
		float: left;
		display: block;
		background: url(http://www.pcfarm.ro/img/meniu_jos.PNG) bottom left no-repeat;
	}

#leftsidebar2 {
	width: 100%;
	float: right;
	display: block;
	background: url(http://www.pcfarm.ro/img/continut_meniu2.PNG) top left repeat-y;
}			
	#leftsidebar2 .start {
		width: 100%;
		float: right;
		display: block;
		background: url(http://www.pcfarm.ro/img/meniu_stanga2.PNG) top left no-repeat;
	}
	#leftsidebar2 .end {
		width: 100%;
		padding: 1px 1px 1px 1px;
		float: right;
		display: block;
		background: url(http://www.pcfarm.ro/img/meniu_jos2.PNG) bottom left no-repeat;
	}
	
	
	
	
.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #CCCCCC;
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 130px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: center; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.style_nuanta {
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	}