body, table, tr, th, td, p, div, a, ul, ol, li, span{font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;}
body{margin: 0px; padding: 0px;}
img{border: 0px;}
form{padding: 0px; margin: 0px;}

.error{color: #ff4444; font-weight: bold;}
.success{color: #353535; font-weight: bold;}

.green{font-weight: bold; color:#89a605}
.black{font-weight: bold; color:#3c3c3c}

#orangeButton{background-color: #f09f06; border: 1px solid #dd7500; padding: 2px 7px;}
#greenButton{background-color: #89a605; border: 1px solid #2f7600; padding: 2px 7px;}
#transparentButton{padding: 2px 7px;}

a.white{font-size: 12px; font-weight: bold; color: #ffffff !important; text-decoration: none;}
a.green{font-size: 12px; font-weight: bold; color: #2f7600; text-decoration: none;}

#logoTbl{width: 950px;}
#devinoDiv{position: relative; margin-bottom: 12px;}
#catalogDiv{position:relative}

.side_menu{height: 41px; background: #fcfcf5 url('../img/dunga_verde.jpg') top left repeat-x;}
#menuTbl{width: 950px; font-size: 12px; font-weight: bold; color: #242425;}

ul.menu{margin: 9px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 32px; text-transform: UPPERCASE}

li.on{float:left; display: block; background: url('../img/menu_green_on.jpg') top left repeat-x; margin: 0px 5px; padding: 0px;}
li.off{float: left;  display: block; background-color: #fcfcf5;  margin: 0px 5px; padding: 0px;}

li.on a{float:left; line-height: 12px; font-size: 12px; margin-top: 7px; font-weight: bold; color: #ffffff; text-decoration: none;}
li.on #left{float: left; height: 32px; width: 8px; background: url('../img/menu_green_on_left.jpg') center left no-repeat;}
li.on #right{float: left;height: 32px; width: 8px; background: url('../img/menu_green_on_right.jpg') center left no-repeat;}

li.off a{float: left; line-height: 12px; font-size: 12px; margin-top: 7px; font-weight: bold; color: #333233; text-decoration: none;}
li.off #left{float: left; height: 32px; width: 8px; background: url('../img/menu_green_off_left.jpg') top left no-repeat;}
li.off #right{float: left; height: 32px; width: 8px; background: url('../img/menu_green_off_right.jpg') top left no-repeat;}

#searchbox{width: 221px; height: 25px; background: url('../img/searchbg.gif'); margin-top: 7px; text-align: left;}
#searchbox input.field{width: 135px; height: 16px; margin-left: 5px; margin-top: 3px; border: 0px; text-align: right; font-size: 11px; color: #8c8c8c; background-color: transparent;}
#searchbox a{margin-left: 27px; color: #ffffff; text-decoration: none;}

.loginarea{border-top: 1px solid #d7d7d1; border-bottom: 1px solid #050505; background-color: #f4f5ed}

#login{height: 90px; background: #d00000 url('../img/loginbg.gif') repeat-x top left;}
#login #loginforms{width: 950px;}
#loginforms{margin: 10px 0px; font-size: 10px; color: #010101;}
#loginforms .header{font-size: 13px; line-height: 24px; font-weight: bold; color: #3c3c3c;}

#loginforms .inregistreaza{font-size:12px; font-weight:bold; color: #000; text-decoration: none;}
#loginforms a{font-size: 10px; color: #010101; text-decoration: none; cursor: pointer;}
#loginforms .inputDiv{width: 126px; height: 23px; background: url('../img/userbg.gif') no-repeat top left;}
#loginforms .inputtext{ width: 100px; height: 17px; margin-top: 4px; margin-left: 6px; margin-right: 5px; font-size: 11px; color: #8c8c8c; border: 0px; background-color: transparent;}
#loginforms #logged{width: 500px}

/*newsletter */
#newsletterTbl{width: 950px;}
#newsletterTbl h1{font-size: 20px; color: #2f7600; padding: 3px 0px; margin:0px;}
#newsletterTbl h3{font-size: 14px; color: #000000; padding: 0px 0px 1px 0px; margin: 0px; font-weight: normal;}
.leftnewsletter{width: 721px; height: 75px;}
#newsletterDiv{font-size: 12px;}
#newsletterDiv td{line-height: 24px;}
#newsletterDiv .header{font-weight: bold; color: #3c3c3c; padding-right: 30px;}
#newsletterbox{width: 222px; height: 24px; background: url('../img/newsletterbg.gif') no-repeat top left; text-align: left;}
#newsletterbox input.field{font-size: 11px; height: 14px; color: #8c8c8c; margin-top: 3px; width: 135px; margin-left: 5px; border: 0px; text-align: right}
#newsletterbox a{font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; margin-top: 0px;}
#newsletterDiv a.link{font-size: 11px; color: #000}
#newsletterDiv a.lng{font-size: 11px; font-weight: bold; text-decoration: none; color: #3c3c3c;}

/* reclame */
.divcommercial{position: relative; left: 0px; top: 0px; width: 500px; height: 259px; border: 1px solid #b8b8b8}
.buttonsdiv{position: absolute; width: 479px;height: 24px; top: 231px; padding-left: 21px;background-color: White; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;}
.buttons{margin: 0px; padding-left: 5px; padding-top: 4px; font-size: 10px; color:#a10000;}
.buttons span{color:#aa1b14;padding:0 5px;cursor:pointer; font-weight: bold; border-right: 1px solid #aa1b14}
.buttons span.active, .buttons span:hover{background:#434144;color:#fff; border-right: 1px solid transparent;}
#commercial{position:absolute;}
#commercial div{width:500px;height:259px;float:left;background:#eee;}
#commercial h3, #commercial p, #commercial ul{padding:0;}
#commercial img.img{width:500px;height:259px;float:left;margin:0px;}
#info4{	background:#fff !important;	color:red !important;	cursor:default}	
.mask{	position:relative;	width:500px; height:259px;	overflow:hidden;}

#btncomanda{position: relative; top: 0px; left: 0px; width: 200px; height: 0px; padding: 0px; margin: 0px;}
#btncomanda a{position: absolute; background-color: #da800f; border: 1px solid #e0a55a; top: 203px; left: 24px; padding: 3px 10px; font-size: 11px; color: #fff; font-weight: bold; text-decoration: none;}

/* promotii */
#promotiiDiv{width: 225px;}
#promo{width: 227px; height: 86px; border: 1px solid #b8b8b8; border-top: 0px; display: block}

/* cosul mic */
#cosulmicDiv{width: 223px;margin-left: 0px; height: 259px; border: 1px solid #b8b8b8; font-size: 12px; color: #000;}
#cosulmicDiv a.ajutor{font-size: 9px; text-decoration: none; color: #000; font-weight: normal;}
#cosulmicDiv a.white{font-size: 11px; text-decoration: none; color: #fff; font-weight: bold;}

#cosulmicDiv .vezi_cosul_on{width: 100px; height: 24px; background: url('../img/vezi_cosul_on.gif') top left no-repeat;}

#cosulmicDiv .vezi_cosul_off{width: 100px; height: 24px; background: url('../img/vezi_cosul_off.gif') top left no-repeat; font-size: 11px; text-decoration: none; color: #fff; font-weight: bold;}

#cosulmicDiv .comanda_acum_on{width: 123px; height: 24px; background: url('../img/comanda_acum_on.gif') top left no-repeat;}

#cosulmicDiv .comanda_acum_off{width: 123px; height: 24px; background: url('../img/comanda_acum_off.gif') top left no-repeat; font-size: 11px; text-decoration: none; color: #fff; font-weight: bold;}

*html #cosulmicDiv .comanda_acum_off{width: 121px; height: 24px; background: url('../img/comanda_acum_off.gif') top left no-repeat; font-size: 11px; text-decoration: none; color: #fff; font-weight: bold;}
*html #cosulmicDiv .comanda_acum_on{width: 121px; height: 24px; background: url('../img/comanda_acum_on.gif') top left no-repeat; font-size: 11px; text-decoration: none; color: #fff; font-weight: bold;}

/* menu categories */
#menu_categories{width: 222px; background-color: #f2f5d9; border: 1px solid #cccccc; border-top: 2px solid #a5c31e; margin-right: 3px;}
#menu_categories .headline{font-size: 12px; font-weight: bold; color: #4f4f4f; padding: 8px 10px 5px 35px; background-color: #fbfcf3; border-bottom: 1px solid #daddca; margin-bottom: 3px; background: url('../img/headerbg.jpg') top left repeat-x;}
#menu_categories a.main_off{width: 222px; height: 21px; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; background: #d70000 url('../img/categ_bg_off.jpg') no-repeat top left; display: block;}
#menu_categories a.main_off:hover{width: 222px; height: 21px; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; background: #d70000 url('../img/categ_bg.jpg') no-repeat top left; display: block;}

#menu_categories a.main_on{width: 222px; height: 21px; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; background: #d70000 url('../img/categ_bg.jpg') no-repeat top left; display: block;}
#menu_categories a.main_on:hover{width: 222px; height: 21px; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; background: #d70000 url('../img/categ_bg.jpg') no-repeat top left; display: block;}

#menu_categories a.second_off{padding: 1px 3px 2px 45px; font-weight: bold; font-size: 11px; color: #000; text-decoration: none; display: block;}
#menu_categories a.second_off:hover{padding: 1px 3px 2px 45px; font-weight: bold; font-size: 11px; color: #000; text-decoration: none; display: block; background-color: #e9c88c}

#menu_categories a.second_on{padding: 1px 3px 2px 45px; font-weight: bold; font-size: 11px; color: #000; text-decoration: none; display: block; background-color: #e9c88c}
#menu_categories a.second_on:hover{padding: 1px 3px 2px 45px; font-weight: bold; font-size: 11px; color: #000; text-decoration: none; display: block; background-color: #e9c88c}

/* alege in functie de pret */
#alege{width: 222px; background-color: #fff; border: 1px solid #cccccc; border-top: 2px solid #a5c31e; margin-top: 3px; margin-right: 3px; font-size: 10px; color: #9d9d9d;}
#alege .headline{font-size: 12px; font-weight: bold; color: #4f4f4f; padding: 8px 10px 5px 35px; background-color: #fbfcf3; border-bottom: 1px solid #daddca; margin-bottom: 3px; background: url('../img/headerbg.jpg') top left repeat-x;}
#alege div.link{padding: 1px 3px 2px 45px; font-weight: normal; font-size: 11px; color: #000; text-decoration: none; display: block;}
#alege a{font-size: 11px; color: #000; text-decoration: none;}
#alege a:hover{font-size: 11px; color: #000; text-decoration: underline;}

#lightgreenButton{background-color: #89a605; border: 1px solid #b8ca69; padding: 2px; color: #fff;}
#darkgreenButton{background-color: #2f7600; border: 1px solid #b8ca69; padding: 2px; color: #fff;}
#lightorangeButton{background-color: #da800f; border: 1px solid #f0cc9f; padding: 2px 7px;}
#lightgreyButton{background-color: #b8b8b8; border: 1px solid #ccc; padding: 2px 7px;}

#alege a.white:hover{text-decoration: none}

#campanii{width: 222px; border: 1px solid #cccccc; margin-top: 3px; margin-right: 3px; font-size: 10px; color: #9d9d9d;}
#campanii div.link{text-align: center; padding: 3px 0px 5px 0px;}
#campanii img{border: 0px}
#campanii a{font-size: 11px; color: #000; text-decoration: none;}
#campanii a:hover{font-size: 11px; color: #000; text-decoration: underline;}

#middleTbl{width: 950px; margin-top: 3px;}

#main_content{width: 723px;background-color: #fff; border-top: 0px;}
#main_content .titlepage{background: url('../img/headerbg.jpg') top left repeat-x; border-top: 2px solid #a5c31e; border-bottom: 1px solid #c9c9c7; font-size: 12px; padding: 8px 10px 5px 13px}
#main_content .contentpage{background-color:#fff; font-size: 12px; color: #2d2d2d; margin: 3px 10px; padding: 0px;}

#main_content a.red{font-size: 12px; color: #d40000; text-decoration: none;}
#main_content a.red:hover{font-size: 12px; color: #d40000; text-decoration: none;}
#main_content a.grey{font-size: 12px; color: #383431; font-weight: bold; text-decoration: none;}
#main_content a.grey{font-size: 12px; color: #383431; font-weight: bold; text-decoration: none;}

#main_content a.vezinoi{font-size: 11px; color: #fff; font-weight: bold; text-decoration: none;}
#main_content a.vezinoi:hover{font-size: 11px; color: #fff; font-weight: bold}

a.greensort{font-weight: normal; color:#89a605; text-decoration: none;}
a.blacksort{font-weight: normal; color:#3c3c3c; text-decoration: none;}

/* produsul de pe prima pag */
#productbox{width: 160px; position: relative; float: left; border-bottom: 1px solid #888b76}
#productbox .imgprima{width: 160px; height: 160px; border: 1px solid #ccc; border-bottom: 0px;}
#productbox .descprima{height: 105px; width: 160px; background-color: #f4f5ed; border: 1px solid #ccc; border-bottom: 2px solid #9db91e}
#productbox .titleprima{height: 50px; line-height: 14px;}
#productbox .titleprima a{font-size: 13px; font-weight: bold; color: #222222; text-decoration: none;}
#productbox .disponibilprima{margin-top: 1px; font-size: 12px; color: #969696;line-height: 12px;}
#productbox .indisponibilprima{margin-top: 1px; font-size: 12px; color: #ff0000;line-height: 12px;}
#productbox .addTbl{width: 150px;}

#productbox div.adauga_on{width: 72px; height: 27px; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; background: url('../img/adauga_on.gif') top left no-repeat; cursor: pointer;}
#productbox div.adauga_on_hover{width: 72px; height: 27px; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; background: url('../img/adauga_on_hover.gif') top left no-repeat; cursor: pointer;}
#productbox div.adauga_off{width: 72px; height: 27px; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; background: url('../img/adauga_off.gif') top left no-repeat;}
#productbox a.add{font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none;}

#productbox .priceprima{text-align: right; font-size: 14px; line-height: 14px; font-weight: bold; color: #e96d27;}
#productbox .priceprima .tva{font-size: 10px; font-weight: normal; line-height: 10px; color: #e96d27;}
#productbox .priceprima_off{text-align: right; font-size: 14px; line-height: 14px; font-weight: bold; color: #989898;}
#productbox .priceprima_off .tva{font-size: 10px; font-weight: normal; line-height: 10px; color: #989898;}
#productbox #reducerebg{position: absolute; top: 0px; left: 0px;}
#productbox #reducerebg img{width: 69px; height: 55px;}
#productbox #reducereprocent{position: absolute; top: 10px; left: 4px; font-size: 22px; font-weight: bold; color: #ffffff;}

/* produse noi de pe prima pagina */
#productnoi{width: 129px; position: relative; float: left; border-bottom: 1px solid #888b76}
#productnoi .imgnoi{width: 129px; height: 129px; border: 1px solid #ccc; border-bottom: 0px;}
#productnoi .descnoi{height: 55px; width: 129px; background-color: #f4f5ed; border: 1px solid #ccc; border-bottom: 2px solid #9db91e;}
#productnoi .titlenoi{height: 30px;line-height: 10px;}
#productnoi .titlenoi a{font-size: 10px; font-weight: bold; color: #222222; text-decoration: none;}
#productnoi .pricenoi{text-align: right; font-size: 12px; line-height: 14px; font-weight: bold; color: #e96d27;}

/* produsul detaliat */
#detailsbox{}
#detailsbox #detailsimg{width: 284px; margin-right: 3px; position: relative;}
#detailsbox #detailsimg .imgmare{border: 0px;}
#detailsbox #reducerebg{position: absolute; top: 0px; left: 0px;}
#detailsbox #reducereprocent{position: absolute; top: 10px; left: 4px; font-size: 22px; font-weight: bold; color: #ffffff;}
#detailsbox .lupabg{position: relative;}
#detailsbox .lupa{position: absolute; top: -27px; left: 255px; font-size: 22px; font-weight: bold; color: #ffffff;}
#detailsbox #detailsdesc{border: 1px solid #cccccc; border-top: 0px; border-right: 0px; background-color: #fff;}
#detailsdesc .detailstitle{background: #fff url('../img/detailstitlebg.jpg') repeat-x top left; border-bottom: 1px solid #ccc; height: 44px;font-size: 18px; font-weight: bold; padding: 10px; color: #222222;}
#detailsdesc .detailsspec{padding: 10px; font-size: 12px; color: #666666; background-color: #fbfcf4; border-bottom: 1px solid #ccc;}
#detailsdesc select{border: 1px solid #ccc; font-size: 12px; color: #666666; text-align: right}
#detailsbox .lbldesc{color: #56585d; font-size: 13px;}
#detailsbox .detailsdesc{background-color: #fff; border-bottom: 2px solid #aa1b14; font-size: 13px; padding: 10px; color: #000;}
#detailsbox .pretvechi{font-size: 13px; font-weight: normal; color: #d40000;}
#detailsbox .btnaddlink{font-size: 11px; font-weight: bold; color: #fff; text-decoration: none;}

#detailsbox .pret_reducere{font-size: 22px; color: #2f7600; font-weight: bold}
#detailsbox .tva{font-size: 14px; color: #2f7600; font-weight: normal;}
#detailsbox .comanda_tel{font-size: 13px; font-weight: normal; color: #56585d;}
#detailsbox .tel{font-size: 16px; color: #56585d; font-weight: bold;}

.detailsprod{padding: 10px; font-size: 11px; color: #000; background-color: #fbfcf4; border-bottom: 1px solid #ccc;}

.promopage{width: 723px;background: #fff repeat-x top left; border-bottom: 1px solid #ccc; border-top: 1px solid #cccccc; font-size: 12px; font-weight: normal; color: #222222;}
.orange_large{font-size: 12px; font-weight: bold; color: #da800f; text-decoration: none;}
.orange_larger{font-size: 20px; font-weight: bold; color: #e0880d;}
.promoimg{width: 146px; height: 146px; border: 1px solid #ccc;}

#cartTbl{background-color: #fff; border: 1px solid #cccccc;}
#cartTbl th{background-color: #f2f5d9; border-bottom: 2px solid #9db91e; padding: 3px 2px;}
#cartTbl td{border-bottom: 1px dotted #ccc; padding: 3px 2px;}
#cartTbl tr.active{background-color: #fff;}
#cartTbl tr.inactive{background-color: #fbfbfb;}
#cartTbl .link{font-size: 12px; color: #383431; font-weight: bold; text-decoration: none;}
#cartTbl select{font-size: 11px; color: #383431; border: 1px solid #b8b8b8;}
#cartTbl .cartimg{width: 50px; border: 1px solid #ccc;}

#subcosTbl{margin: 0px 10px 0px 0px;}
#subcosTbl td{padding: 10px 5px 10px 5px}

.field{border: 1px solid #7f7f7f; background-color: #fff}

#bottom{width: 100%; background-color: #f4f5ed; border-top: 1px solid #ccc; border-bottom: 2px solid #9db91e;}
#bottomTbl{width: 960px; height: 30px;}
a.bottom_off{font-size: 12px; font-weight: bold; color: #000; text-decoration: none; text-transform: UPPERCASE}
a:hover.bottom_off{font-size: 12px; font-weight: bold; color: #2f7600; text-decoration: none; text-transform: UPPERCASE}
a.bottom_on{font-size: 12px; font-weight: bold; color: #2f7600; text-decoration: none; text-transform: UPPERCASE}
a:hover.bottom_on{font-size: 12px; font-weight: bold; color: #2f7600; text-decoration: none; text-transform: UPPERCASE}

#bottomfooter{width: 100%;}
#footerTbl{width: 960px; height: 30px;}
.footertext{font-size: 11px; color: #000;}
.footertext a{font-size: 11px; color: #000; font-weight: bold; text-decoration: none}

#pages{text-align: right; font-size: 11px; color: #383431; font-weight: bold;}
#pages a.on{font-size: 12px; color: #383431; font-weight: bold; text-decoration: none; padding: 0px 3px;}
#pages a.off{font-size: 12px; color: #b8b8b8; font-weight: bold; text-decoration: none; padding: 0px 3px;}