/**
 * PRESCOM TEMPLATE STYLE
 * 
 **/
body,
html {
	margin: 0;
  	padding: 0;
	height: 100%;
	width: 100%;
	background : #7e7e7e url(../imgs/sitebg.png) repeat-x; /*#f2f8ff*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
    cursor: default;
  }

a,
a:link,
a:visited,
a:active{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #454545;
}


/*----------------------------------[ HTML ]*/
.prescomLogo{
	position: absolute;
	z-index: 1;
	top: 0px;
	margin-left: -45px;
}

.mainSite{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 848px;
	z-index: 1;
	overflow: visible;
	padding: 0;
}

/*----------------------------------[ SUW ]*/
.suw{
	margin-top: -8px;
	position: relative;
	text-align: center;
	font-size: 9px;
}

.suw a,
.suw a:link,
.suw a:visited,
.suw a:active{
	color: #6c6c6c;
	text-decoration: none;
}

.suw a:hover{
	color: #242424;
}

/*----------------------------------[ TEMPLATE ]*/
.contor{
	position: absolute;
	z-index: 3;
	width: 60px;
	height: 12px;
	margin-top: 715px;
	margin-left: 380px;
	font-weight: bold;
	color: #545454;
}

/*----------------------------------------[ FISA PRODUS ]*/
.prodInfoDiv{
	position: absolute;
	top: 230px;
	margin-left: 350px;
	z-index: 2;
}

.prodInfo{
	position: absolute;
	width: 471px;
	height: 465px;
	margin-left: 42px;
}

.altImg{
	margin-top: 170px;
	height: 55px;
	position: absolute;
	margin-left: 0px;
	width: 220px;
	overflow: hidden;
}

.prodImg{
	margin-top: 4px;
	position: absolute;
	width: 200px;
	height: 150px;
	border: 1px solid #f1f1f1;
	background: white;
	overflow: hidden;
}

.prodImg table,
.altImg table{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	padding: 0;
	margin:0;
}

.prodCode{
	text-align: right;
	background: #990000;
	margin-top: 33px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 2px 4px 4px;
	vertical-align:middle;
}

.prodSpecs{
	height: 110px;
	margin-top: 10px;
	margin-left: 207px;
	margin-right: 5px;
	padding: 2px;
	overflow: hidden;
	background: url(../imgs/specs.png) bottom center no-repeat;
}

.specTable{
	font-size: 9px;
	width: 100%;
}

.specTable tr:hover{
	background-color: #990000;
	color: white;
}

.specLabel{
	width: 120px;
	text-align:right;
	padding-right: 4px;
}

.prodPrice{
	margin-left: 207px;
	margin-right: 5px;
	height: 50px;
	overflow: hidden;
}

.prodTitle{
	font-size: 14px;
	height: 20px;
	font-weight: bold;
	overflow: hidden;
	margin-top: 15px;
	margin-right: 4px;
	border-bottom: 1px solid #d1d1d1;
}

.prodDescr{
	margin-top: 10px;
	margin-right: 4px;
	position: relative;
	height: 140px;
	padding: 4px;
	text-align: justify;
}

.prodDocs{
	margin-top: 20px;
	text-align: right;
	padding-right: 5px;
	margin-left: 150px;
	height: 42px;
}

.prodDocs div{
	float: right;
	margin-right: 10px;
	font-weight: bold;
	/* color: #9bcdff; */
}

.prodDocs div img{
	border:0;
	margin-left: 5px;
}

/*----------------------------------------[ BRAND NAME DIV ]*/
.brandName{
	z-index: 1;
	position: absolute;
	top: 250px;
	margin-left: -65px;
}

/*----------------------------------------[ LIST PROD PANNEL ]*/
.prodListPannel{
	position: absolute;
	top: 192px;
	margin-left: -55px;
	width: 415px;
	height: 510px;
	z-index: 3;
	padding: 4px;
}

.prodList,
.textHTML{
	position: absolute;
	border: 1px solid #d1d1d1;
	margin-top: 10px;
	margin-left: 10px;
	width: 394px;
	height: 489px;
	padding: 4px;
	z-index: 5;
	overflow-y:auto;
}
.prodList img,
.textHTML img{
	z-index: -1;
}

.textHTML{
	width: 521px;
}

.prodInfo{
	z-index: 5;
}
.prodInfoDiv img{
	z-index: -1;
}

/*---------------------------------------[ HTML PAGE ]*/
.htmlPage{
	position: absolute;
	top: 170px;
	margin-left: 100px;
	width: 415px;
	height: 510px;
	z-index: 3;
	padding: 4px;
}

.subchapterName{
	text-transform: lowercase;
	color: #353535;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 0 5px 2px 0;
	border-bottom: 1px solid #D1D1D1;
}

.message{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	/*width: 300px;*/
	height: 50px;
	border: 1px solid white;
	text-align: left;
	padding: 25px 5px 25px 75px;
	font-weight: bold;
	font-size: 12px;
	background: url(../imgs/errNoteBG.png) top left;
}
.message h3{
	margin: 0px 5px 5px 0px;
	padding: 0;
	font-size: 18px;
}

.sImg{
	position: relative;
	width: 60px;
	height: 50px;
	display: block;
	overflow: hidden;
	border: 1px solid #d1d1d1;
	background: white;
	float: left;
	margin-right: 5px;
}

.sImg img{
	border: 0;
}

.sImg:hover{
	border: 1px solid #990000;
}

.pret,
.pretTaiat,
.pretPromo{
	font-size: 14px;
	font-weight: bold;
}

.pretTaiat{
	text-decoration: line-through;	
}

.pretPromo{
	font-size: 18px;
	color: #ff0000;
	text-align: center;
}

.pretPromoLabel{
	font-weight: bold;
	text-align: center;
	background: #990000;
	color: white;
}

/*----------------------------------[ LISTA PRODUSE ]*/
.brandsContainer{
	z-index:5;
	position: absolute;
	width: 169px;
	height: 79px;
	display: block;
	overflow: hidden;
	margin-left: 710px;
	margin-top: 153px;
}

.headline{
	position: relative;
}


/*----------------------------------[ LISTA PRODUSE ]*/
.listaProduse{
	margin-top: 5px;
	width: 100%;
	height: 460px;
}

.iconProd,
.iconProdSel{
	padding-top: 5px;
	width: 115px;
	color: white;
}

.iconProd:hover{
	background: #990000;
	cursor: pointer;
	color: white;
}

.iconProd:hover a{
	color: white;
}

.iconProdSel{
	background: #b9b9b9;
	color: black;
	cursor: default;
}

.iconProdSel a,
.iconProdSel a:hover{
	color: black;
	cursor: default;
}


.iconProd a:hover{
	color: white;
}

.iconProd img,
.iconProdSel img{
	border: 0;
	text-align: center;
}

.iconProd div,
.iconProdSel div{
	width: 100px;
	height: 80px;
	display: block;
	border: 1px solid #D1D1D1;
	overflow: hidden;
	margin-left: 7px;
	background: white url(../imgs/noImgSmall.png) top no-repeat;
}

.iconProd table,
.iconProdSel table{
	background: white;
	height: 80px;
	width: 100px;
}

.iconProd span,
.iconProdSel span{
	padding: 0 2px 0 2px;
	width: 110px;
	height: 36px;
	overflow: hidden;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}

/*PRIMA PAGINA - DREAPTA*/
.rightContentContainer{
	margin-top: 15px;
	width: 460px;
	height: 450px;
}

.newsContainer{
	float: left;
	width: 205px;
	height: 450px;
}

.newProdsContainer{
	float: right;
	height: 450px;
	width: 255px;
}

.newsContainer,
.newProdsContainer{
	display: block;
	overflow: hidden;
}

.newsList{
	height: 410px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 2px;
	
}

.newsList p{
	margin-bottom: 10px;
}

.newProdsList{
	height: 428px;
	overflow-y: auto;
}

/* SCROLL DIVS */
.listaProduse,
.prodDescr,
.prodSpecs,
.newsList{
	overflow: auto;
	display: block;
}

/*NEWS*/
.newsTitle{
	border-bottom: 1px solid #D1D1D1;
	margin-bottom: 3px;
	font-weight: bold;
	background: #990000;
	padding: 0 3px 0 3px;
	color: white;
}
.newsDate{
	color: #990000;
	font-weight: bold;
	font-size: 10px;
	text-align: right;
	padding-bottom: 3px;
}

.newsContent{
	font-size: 10px;
	text-align: justify;
	padding-right: 5px;
}

.textmic{
	color: #454545;
	font-size: 9px;
}

.bannerWeb{
	z-index: 30;
	position: absolute;
	height: 31px;
	width: 810px;
	top: 730px;
	display: block;
	text-align: center;
}

/*-------------------------[ INFO MEDIA ]*/
.infoMediaLeftPannel{
	position: absolute;
	top: 192px;
	margin-left: -55px;
	width: 515px;
	height: 510px;
	z-index: 3;
	padding: 4px;
}
.infoView{
	position: absolute;
	border: 1px solid #d1d1d1;
	margin-top: 10px;
	margin-left: 10px;
	width: 493px;
	height: 489px;
	padding: 4px;
	z-index: 5;
	overflow-y:auto;
}
.infoView img{
	z-index: -1;
}

.infoMediaListContainerDiv{
	position: absolute;
	top: 230px;
	margin-left: 450px;
	z-index: 2;
}

.tabsContainer{
	width: 352px;
	height: 457px;
	margin: 7px 0 0 2px;
	overflow: hidden;
}


.infoMediaTTList{
	height: 400px;
	overflow-x:hidden;
	overflow-y: auto;
}

.infoMediaTTListPagerDiv{
	line-height: 11pt;
	text-align: center;
	overflow: hidden;
	font-size: 8pt;
}

.infoTitlu{
	font-weight: bold;
	font-size: 10pt;
	border-bottom: 1px solid black;
	color: #990000;
	padding: 0 5px 1px 5px;
}
.infoMedia{
	float: right;
	max-width: 80px;
	max-height: 492px;
	margin: 5px;
}

.infoMedia a{
	margin-bottom: 1px;
}
.infoText{
	text-align: justify;
	padding-top: 4px;
}

.infoFiles{
	margin-top: 5px;
	position: relative;
	float: right;
}

.infoFiles a{
	display: block;
	height: 42px;
	width: 39px;
	padding-left: 4px;
	padding-bottom: 4px;
}