/* CULORI:
portocaliu (principal)		#FF9207 (255 146 7)
portocaliu deschis			#FEC669	(254 198 105)
rosu						#FE6600	(254 102 0)
gri deschis (scris normal)	#666666	()
gri inchis (link)			#333333	()
gri deschis (scroll)		#EEEEEE
/*---------------------------------------------------------------------------*/
/* SCROLL BAR si MARGINI BODY */
BODY {
	margin: 0;
	padding: 0;
}

* html .produs { height: 0.01%; }

/*---------------------------------------------------------------------------*/
/* text style implicit este Verdana 8 point */
/* body * {position: relative;} */

body, td {font-family: "Verdana", "MS Sans Serif", Arial, sans-serif; font-size: 8pt; color: #666666;}

/* link style implicit este gri inchis cu culoare principala pt hover */
a:link, a:visited, a:active	{font-weight: bold; color: #666666; text-decoration: none;}
a:hover	{font-weight: bold; color: #FE6600; text-decoration: underline;}

/* Input fields and selection boxes */
FORM    {margin-bottom: 0px;}
INPUT {font-size: 10px; color: #666666; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid}
INPUT.BUTTON	{background-color: #CCCCCC; border: 1px ridge #333333;}
TEXTAREA {BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid}
SELECT {font-size: 10px; font-family: "Verdana", "MS Sans Serif", Arial, sans-serif; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; background-color: #EEEEEE;}
hr	{ width: 95%; padding: 0px; margin: 2px 0; height: 1px; border-style: solid; border-color: #FEC669; color:#FEC669;}

/*---------------------------------------------------------------------------*/
/* DIV-uri principale pt LAYOUT */
#outer{
	height:100%;
	min-height:100%;
	margin-left:180px;
	margin-right:180px;
	margin-bottom:-85px;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#bannercontent{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:85px;
	background-image: url(elem/bannercontent.gif); 
	background-repeat: repeat-x;
	overflow:hidden;
}
#bannercontent img {border:0px; width:234px; height:85px;}

#bannerrightpic{
	position:absolute; 
	top:0;
	right:0;
	width: 510px;
	height: 52px;
}
#bannerrightpic img {border:0px; width:510px; height:52px;}


#leftcontent {
	position:relative;/*ie needs this to show float */
	width:180px;
	float:left;
	margin-left:-179px;/*must be 1px less than width otherwise won't push footer down */
	padding-left: 5px;
	z-index: 49;
}
#leftcontent p {padding-left:3px;padding-right:2px}

#rightcontent {
	position:relative;/*ie needs this to show float */
	width:180px;
	float:right;
	margin-right:-179px;/*must be 1px less than width otherwise won't push footer down */
	/*z-index: 48;*/
	overflow : hidden;
	
}
#rightcontent p {padding-left:3px;padding-right:2px}


#footercontent {
	width:100%;
	clear:both;
	height:85px;
	background-image: url(elem/footerbackground.gif); 
	background-repeat: repeat-x;
	text-align: center;
	z-index: 50;
	position:relative;
}
* html #footercontent {/*only ie gets this style*/
	\height:87px;/* for ie5 */
	he\ight:85px;/* for ie6 */
}

#clearheader{height:85px;}/*needed to make room for header*/
#clearfooter{clear:both;height:85px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centercontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

#centercontent{
float:right;
text-align: center;
width:98%;
position:relative;
margin: 0 -0.5%;
padding: 2px 1.5% 5px 0.5%;
}

.outerwrap {
float: left;
width: 99%;
}


/* ~~~~~~~~~~~~~~ TOP (BANNER) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/*---------------------------------------------------------------------------*/
#pagetitle {position:absolute; font-size: 8pt; color: #FFFFFF; font-weight: bold; top:5px; right:5px; width: 320px; height: 50px; z-index: 100;}

/* ~~~~~~~~~~~~~~ STINGA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/*---------------------------------------------------------------------------*/

/* bara link-uri (meniul vertical) */
#LEFTMENU {margin: 0 0 20px 0;}
#LEFTMENU ul{list-style: none;margin: 0 0 10px 0;padding: 0;}
#LEFTMENU li{border: 0px solid #999; margin: 5px 0 0 0; width:9.0em;}
head:first-child #LEFTMENU li{padding-right:2px;}
#LEFTMENU li a{color: #333333; text-decoration: none;} 

#LEFTMENU a {
	display:block;
	font: bold 8pt verdana, arial, sans-serif;
	padding: 1px 0 1px 0; 
	border: 1px solid #CCCCCC;
	text-decoration: none; 
	width:180px;
	background: #EEEEEE;
	color: #333333;
}

#LEFTMENU a:hover {background: #FAFAFA ;color: #000000; border-color: #FE6600;}

#LEFTMENU span {
	font: bold 8pt verdana, arial, sans-serif;
	padding: 2px 3px 2px 3px; 
	color: #FF9207;
	border: 0px solid #CCCCCC;
	background:#FF9207;
}  

#LEFTMENU a:hover span {background:#FE6600;} 


#leftmenulevel ul {list-style-image: url(elem/point.gif); margin: 5px 0 12px 25px; padding: 0;}
#leftmenulevel li{border: 0 none; margin: 3px 0 0 0; width:9.0em;}
#leftmenulevel a {
	font: normal 7pt verdana, arial, sans-serif;
	color: #333333;
	border: 0;
	background: none;
	width: 150px;
}

#leftmenulevel a:hover {background: none ; color: #FE6600;}


/* ~~~~~~~~~~~~~ DREAPTA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/*---------------------------------------------------------------------------*/

/* categorii (rubrici) */
.RIGHTCATEG {
	display:block;
	margin: 5px 0px 5px 0px;
	padding: 1px 0 1px 0;
	font: bold 8pt verdana, arial, sans-serif;
	border: 1px solid #FF9207;
	text-decoration: none; 
	color: #FFFFFF;
	background:#FF9207;
}

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

/* top vinzari */
#RIGHTTOPSALES ul{list-style: none; margin: 0 0 1px 5px; padding: 0;}
#RIGHTTOPSALES li{margin: 5px 0 0 5px;}
head:first-child #RIGHTTOPSALES li{padding-right:1px;}
#RIGHTTOPSALES a {font-weight: normal;}

#rightcontent hr {width: 90%;}
#rightcontent p {padding: 0 5px;}
#rightcontent h3 {
	font: bold 8pt verdana, arial, sans-serif;
	padding: 0; 
	border: 0;
	margin: 0;
}

/* ~~~~~~~~~~~~ CENTRU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/*---------------------------------------------------------------------------*/
/* folosite in #centercontent pt categorii, titluri, prezentare produse */

/* bara navigare */
#navbar {font-weight: normal; color: #999999; text-decoration: none;}
#navbar img {border:0px; width:16px; height:16px;}
#navbar a {font-weight: normal; color: #333333; text-decoration: none;}
#navbar a:hover {color: #000000; text-decoration: underline;}

.links {
	display: block;
	height: 14px;
	margin: 5px;
	padding: 0 0 0 20px;
	background: url(elem/link2.gif) no-repeat left;
}

.cumpara {
	width: 97px; 
	height: 22px;
	border: 0;
	margin: 5px 0;
}


div.produs {
	clear:both;
	margin: 15px 10px;
}

div.sumar {
	position:relative;
	display: block;
	float:left;
	padding: 0 4px;
	border-right: 1px dashed #999999;/*#FEC669;*/
	margin-right: 10px;
	width: 60% !important;
	width /**/:35%;
}

.sumar h3 {
	font: bold 8pt verdana, arial, sans-serif;
	padding: 0; 
	border: 0;
	margin: 0;
}

.sumar span {display:block; color:#FF9207; padding: 10px 0;}

div.imagine {float:left;}
.imagine img {width:131px; height:131px; margin-right:5px;}

div.descr {clear:both; padding: 5px; margin-top: 5px;}

div.oferta {margin: 25px 10px;}

#linkslevel {margin: 25px 10px;}
#linkslevel a {font-weight: normal; color: #333333;}
#linkslevel a:hover {text-decoration: none; color: #FE6600;}

#linkslevel h3 {
	font: bold 8pt verdana, arial, sans-serif;
	padding: 0; 
	border: 0;
	margin: 0;
}

#linkslevel ul {list-style-image: url(elem/list_bullet.gif);}

/*---------------------------------------------------------------------------*/
/* Categorii CONTENT */

.categbox {margin: 15px 0; padding: 5px; text-align: center;}
.categ {width: 70%; text-align: left;}

.categ img {display:block; float:right; border:0; width:118px; height:118px; margin-left: 5px;}

div.titlecateg {
	padding: 2px 0 2px 0; 
	border-bottom: 1px dotted #FF9207;
	text-align: center;
	margin: 10px 0 20px 0;
	width: 100%;
}

.categ h2 {
	font: bold 14pt verdana, arial, sans-serif;
	padding: 0; 
	border: 0;
	margin: 0;
	color: #FE6600;
}

.categ h3 {
	font: normal 8pt verdana, arial, sans-serif;
	padding: 0; 
	border: 0;
	margin: 0;
	color: #333333;
}

/*---------------------------------------------------------------------------*/
/* SUBCategorii CONTENT */

.SUBCATEG {
	clear:both;
	padding: 2px 0 5px 0;
	border-width: 0 0 2px 20px;
	border-color: #FF9207;
	border-style: solid ;
	margin: 25px 0 10px 0;
	color: #333333;
}

.SUBCATEG a:hover {
	text-decoration: none;
	cursor:default;
	color: #333333;
}

.SUBCATEG h2 {
	font: bold 8pt verdana, arial, sans-serif;
	padding: 0;
	margin: 0;
	border: 0;
} 

/*---------------------------------------------------------------------------*/
.line 
{
	font-size:1px;
	height:1px;
	margin:8px 5px;
	background-color:#FEC669;
}

table {
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	border-collapse: collapse;
	padding:1px 4px;
	border-color: #E6E6E6;
	font-family:Arial;
}

th {background: #DBDBDB; font-size: 12px; font-weight: bold; color: #333333; text-decoration:none;}
th h3 {font-size: 12px; font-weight: bold;}
th a:hover {color: #333333;  text-decoration:none;}
tr  {background: #F0F0F0; font-size: 8px; color: #000000;  text-decoration:none;  }
.odd  {background: #FAFAFA; font-size: 8px; color: #000000;  text-decoration:none;  }

.tiny {
	clear: both;
	font-size: 7pt;
	color: #666666;
}

/* ~~~~~~~~~~~~ JOS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/*---------------------------------------------------------------------------*/
#footerlinks {
	position:relative;
	display: block;
	clear:both;
	top: 14px;
}

#footerlinks a:hover {text-decoration: none; color: #000000;}

#bywho {
	position:absolute; 
	display:block;
	right: 10px; 
	width: 112px;
	height: 32px;
	padding: 32px 0 0 0;
	overflow: hidden;
	background: url(elem/designed-by-cronosoft.gif) no-repeat;
	bottom: 5px !important;
	bottom /**/: 5px;
    height: 0px !important;
    height /**/:32px;
	z-index: 150;
}

#bywho a {color: #333333;}
#bywho a:hover	{color: #FFFFFF; text-decoration: none;}

#footerbanners {clear:both; float:left; padding: 30px 5px 2px 5px;}

/* AUXILIARE 
/*---------------------------------------------------------------------------*/
/* CASUTE CU BORDURA ROTUNJITA */

.mainroundedbox {
   border: 1px solid #AAA;
   background-color: #FAFAFA;
   margin-top: 10px;
	text-align: left;
}

.mainroundedbox > .boxbottom { top: 0 }

.roundedbox {
   border: 1px solid #AAA;
   background-color: #F8F6F7;
   width: 180px;
   margin-top: 10px;
}

.roundedbox ul {list-style-type: square}

.boxtop, .boxbottom {
   position: relative;
   left: 1px;
   height: 11px;
}

.boxtop { top: -1px }
.boxbottom { margin-bottom: -1px; top: 1px }
.roundedbox > .boxbottom { top: 0 }

.boxnw, .boxne, .boxsw, .boxse {width: 11px; height: 11px;}

.boxnw, .boxsw { float: left; position: relative; left: -2px }
.boxne, .boxse { float: right }

.boxnw { background: url(borders/border-nw.gif) no-repeat left top }
.boxne { background: url(borders/border-ne.gif) no-repeat right top }
.boxsw { background: url(borders/border-sw.gif) no-repeat left bottom }
.boxse { background: url(borders/border-se.gif) no-repeat right bottom }

.boxcontent { margin: 0 1em }

#rightcontent .roundedbox { border-color: #FF9207; border-width: 1px 0 1px 1px; background-color:#FFFFFF }
#rightcontent .boxnw { background: url(borders/border-nw-portocaliu.gif) no-repeat left top }
#rightcontent .boxsw { background: none;}

#centercontent .boxsw { background: none;}
#centercontent .boxse { background: none;}

/*---------------------------------------------------------------------------*/
/* MENIUL (gen windows) DE SUS */
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {
  font-family: Verdana, "MS Sans Serif", Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
  background-color: #DBDBDB;
  border: 0px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  font-weight: bold;
  background-color: transparent;
  border: 1px solid #DCDCDC;
  color: #000000;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #000000;
}

div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
  border: 1px solid #DCDCDC;
  background-color: #FAFAFA;
  color: #000000;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #EEEEEE;
  border: 1px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  border: 1px solid;
  border-color: #EEEEEE #EEEEEE #EEEEEE #EEEEEE;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #FEC669;
  border: 1px solid;
  border-color: #FF9207;
  color: #000000;
}

div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow {margin-right: -.75em;}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}