﻿body { background:url(../images/body_bg.png) repeat-x #CDCDCD; font-size:13px; color:#333; margin:19px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif }


.noDisplay { display:none }
.doDisplay { display:block }


/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none; height:250px; overflow:hidden
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:690px;
		height:250px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:5px 0 0 0;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 6px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#4272AB;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



/* DEMO TIP */
#demotip { 
    display:none; 
    background:transparent url(../images/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

.sprite { background:url(../images/buttons_sprite.png) no-repeat }

.clear { clear:both }
.Display {display:block }
.noDisplay { display:none }


a { color:#4676AF }
a:hover { text-decoration:none}

#wrapper { width:960px; margin:0px auto; }


#top { background:url(../images/top_bg.png) repeat-x; width:960px; height:130px; position:relative;

	border-radius:10px;

	-moz-border-radius: 10px; 
	
	-webkit-border-radius: 10px;

}

.top-part { height:94px }

#pictures { background:url(../images/poze_header.png) no-repeat; width:456px; height:100px; position:absolute; right:30px; top:-13px }

#logo { background-position: 0 -254px; width:262px; height:88px; position:absolute; top:0px; left:10px; display:block; padding:0px; margin:0px; }
#logo h1 { width:262px; height:88px; text-indent:-5000px; padding:0px; margin:0px;}
#logo a { width:262px; height:88px; display:block; outline:none; padding:0px; margin:0px; }
#logo span {  width:262px; height:88px;; padding:0px; margin:0px; }

#top .bottom { background:none; height:36px; line-height:32px; }
#top .bottom ul { margin:0px; padding:0px; float:left }
#top .bottom li { list-style:none; position:relative; margin:0px; padding:0px; font-size:14px; float:left }
#top .bottom a { color:#fff; padding:5px 14px; text-decoration:none }
#top .bottom a:hover { text-decoration:underline }
#top .bottom .cauta { background-position: 0 0; width:260px; height:30px; padding:6px 0px 0px 40px; border-left:solid 2px #1C4E84; overflow:hidden; float:right }
#top .bottom .cauta form { margin:0; padding:0 }
#top .bottom .cauta input.text { border:solid 1px #5286C5; width:160px; padding:3px 2px 3px 5px; font-size:11px; float:left }
#top .bottom .cauta input.submit {  background-position: 0 0; width:56px; height:21px; margin-left:15px; float:left; display:block; border:none }

#main { width:960px; margin-top:10px; }

#main .left { width:220px; float:left }
#main .left .box_top { background-position: 0 -152px; width:180px; height:52px; line-height:40px; padding-left:40px; }
#main .left .box_top h2 { font-size:13px; color:#444; padding:0px; margin:0px }
#main .left .box_bottom { 
	background:#fff;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	width:200px; padding:0px 10px 15px 10px; margin-bottom:10px; 
}


#main .left .box_bottom p, ul { margin:0px; padding:0px; }
#main .left .box_bottom li { list-style:none; margin:0px; border-bottom:solid 1px #ddd; }
#main .left .box_bottom a { text-decoration:none; color:#333; padding:6px 0px 6px 5px; font-size:12px; display:block }
#main .left .box_bottom a:hover, a.active { background:#f0f0f0 }
#main .left .box_bottom a.cos { color:#4676AF; text-decoration:underline; padding:0; }
#main .left .box_bottom a.cos:hover { background:none; text-decoration:none; }


#main .right { width:730px; margin-left:10px; float:left }
#main .right .box_top {  width:730px; height:5px; overflow:hidden }
#main .right .box_bottom { background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:693px; padding:15px 17px 20px 20px; overflow:hidden; margin-bottom:10px; }
#main .right .box_bottom h1 { font-size:20px; font-weight:normal; padding:4px 0px; margin:0px 0px 10px 0px; border-bottom:solid 1px #E5E5E5 }
#main .right .box_bottom h2 { font-size:16px; padding:4px 0px; margin:0px; }
#main .right .box_bottom p { line-height:18px }

#main .right .box_bottom .servicii { padding:0px 0px 0px 30px; margin:0px }
#main .right .box_bottom .servicii li { padding:5px 0px; }

#main .right .box_bottom .subcategorii { padding:0px 0px 0px 10px; margin:0px }
#main .right .box_bottom .subcategorii li { position:relative; width:210px; padding:3px 17px 3px 0px; margin:0px; font-size:12px; float:left }


#main .right .box_bottom dd { padding:0px 0px 15px 0px; margin:0px }

#main .left .box_bottom a.mainCat { background:#666; color:#fff }
#main .left .box_bottom a.subcat { padding:3px 0px 3px 10px ; display:block; font-size:12px; }

/* =============== HOME ==================  */

#main .right .home_produs { width:228px; margin:0px 3px 3px 0px;float:left }
#main .right .home_produs .bg { border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; border:solid 1px #E5E5E5; width:210px; height:290px; padding:11px 7px 15px 7px; text-align:center }
#main .right .home_produs h2 { font-size:12px; color:#4676AF; margin:0px; padding:0px; height:48px; display:block;  }
#main .right .home_produs a:hover { text-decoration:none }
#main .right .home_produs .img_holder { width:200px; height:200px; overflow:hidden; margin:0px auto; padding-bottom:10px; }
#main .right .home_produs img { margin:0px; padding:0px; }
#main .right .home_produs .detalii { background-position: 0 -71px; width:113px; height:31px; line-height:31px; text-decoration:none; color:#333; text-align:center; margin:0px auto 0px auto; display:block }

#main .right .box_bottom .recomandam { width:123px; height:200px; padding:5px; margin:0px 3px 5px 0px; border:solid 1px #EAEAEA; float:left }


/* =============== CATEGORIE ==================  */

#main .right .cat_sch { padding:5px; margin:5px 0; border:solid 1px #E5E5E5 }
#main .right .cat_sch .cat_prod { width:160px; margin:10px 0 0 0; padding:0px 8px 0px 0px; text-align:center; float:left }
#main .right .cat_sch .cat_prod .sc_img_holder { height:100px; }
#main .right .cat_sch .cat_prod a { font-size:11px }


/* =============== SUBCATEGORIE ==================  */
#listaProduse .lp_produs { background:url(../images/lista_produse_bg.png) repeat-x bottom; border:solid 1px #E5E5E5; padding:5px; margin-bottom:10px; }
#listaProduse .lp_produs .img_holder { background:#FFF; border:solid 1px #E5E5E5; padding:4px; width:100px; margin-right:10px; text-align:center; float:left }
#listaProduse .lp_produs img { margin:0; }
#listaProduse .lp_produs .content { width:370px; float:left }
#listaProduse .lp_produs .content h3 { font-size:14px; padding:0px; margin:0px; }
#listaProduse .lp_produs .info { padding-left:10px; float:left }
#listaProduse .lp_produs .info span { color:#F25A5A; font-size:18px;  }
#listaProduse .lp_produs .info .detalii { background-position: 0 -466px; width:86px; height:24px; display:block; text-indent:-9999px; outline:none }
#listaProduse .lp_produs .info .cumpara { background-position: 0 -392px; width:86px; height:24px; display:block; border:none; cursor:pointer; outline:none }

#paginare { padding:0px 0px 10px 0px; }
#paginare a {	color:#124981;	text-decoration:none;	font-size:12px;	padding:3px 5px; }
#paginare a:hover { color:#124981;	text-decoration:none; font-size:12px;	padding:3px 5px; background:#f2f2f2; }
#paginare .cur_pg { text-decoration:none; font-size:12px; padding:3px 5px; background:#f2f2f2; }


/* =============== CAUTARE ==================  */
#cautareAvansata select, input { padding:4px }




/* =============== PRODUS ==================  */
#produs { width:100% }
#produs .left { width:220px; float:left; }
#produs .left .big_image { width:200px; padding:10px; border:solid 1px #E5E5E5; text-align:center }

#produs .right { width:448px; padding-left:13px; float:left }

#produs .right .prodCumpara { width:446px; margin:0 0 10px 0 }
#produs .right .prodCumpara .bg { background:#F4F4F4; border:solid 1px #E6E6E6; padding:15px; }
#produs .right .prodCumpara .bg td { padding:4px 0px }
#produs .right .prodCumpara .bg h3 { color:#0A3E72; font-size:17px; font-weight:normal; margin:0; padding:0 }
#produs .right .prodCumpara .bg span { color:#F25A5A; font-size:26px; }
#produs .right .prodCumpara .bg input { border:solid 1px #91AFD2; padding:4px; width:60px; float:left }
#produs .right .prodCumpara .bg input.cumpara { background-position: 0 -392px; width:86px;; width:86px; height:24px; display:block; border:none; margin-left:15px; cursor:pointer; float:left }

#pretInfo { padding:15px; border:solid 1px #E8E8E8; background:#FBFBFB }
#pretInfo form { padding:0px; margin:0px; border:none; }
#pretInfo label { width:80px; text-align:right; padding:5px 10px 5px 5px; margin-top:10px; display:block; float:left }
#pretInfo input { background:#F7F7F7; width:220px; padding:5px; margin-right:10px; margin-top:10px; border:solid 1px #CDCDCD; float:left }
#pretInfo textarea { background:#F7F7F7; width:220px; padding:5px; margin-right:10px; margin-top:10px; border:solid 1px #CDCDCD; float:left }





/* =============== CONTACT ==================  */
#contact_f { }
#contact_f fieldset, form { padding:0px; margin:0px; border:none; }
#contact_f label { width:150px; text-align:right; padding:5px 10px 5px 5px; margin-top:10px; display:block; float:left }
#contact_f input, textarea { background:#F7F7F7; width:250px; padding:5px; margin-right:200px; margin-top:10px; border:solid 1px #CDCDCD; float:left }
#contact_f .trimite { background:url(../images/contact_button.png); width:106px; height:24px; cursor:pointer; display:block; border:none; }





/* =============== COS ==================  */
#CosCumparaturi form { padding:10px 0px; margin:0px }
#CosCumparaturi .c_top { background:url(../images/footer_top.png); width:960px; height:5px; overflow:hidden }
#CosCumparaturi .c_bottom { background:url(../images/footer_bottom.png) bottom no-repeat #fff; margin-bottom:10px; padding:15px; overflow:hidden }

#CosCumparaturi .c_bottom  h1 { font-size:20px; font-weight:normal; padding:4px 0px; margin:0px 0px 10px 0px; border-bottom:solid 1px #E5E5E5 }

#CosCumparaturi .td_tl { background:url(../images/cos_top_l.png); width:10px; height:50px; }
#CosCumparaturi .td_tr { background:url(../images/cos_top_r.png); width:10px; height:50px; }
#CosCumparaturi .td_tbg { background:url(../images/cos_top_bg.png); height:50px; color:#FFF; padding-right:5px; font-size:16px; }
#CosCumparaturi .td_tbg span { font-size:12px }
#CosCumparaturi .td_ctd { padding:10px 5px 10px 0px; border-bottom:solid 1px #AFC4DA }
#CosCumparaturi .td_ctd input { border:solid 1px #AFC4DA; padding:5px; }
#CosCumparaturi .td_ctd p { padding:4px 0px; margin:0px; font-size:11px }
#CosCumparaturi .td_ctd_nb { padding:10px 5px 10px 0px }
#CosCumparaturi .td_ctd_nb span { color:#4676AF }
#CosCumparaturi .td_ctd .c_modifica { background:url(../images/cos_button_actualizeaza.png); width:176px; height:30px; cursor:pointer; border:none }
#CosCumparaturi .c_back { background:url(../images/cos_button_back.png); width:218px; height:41px; display:block; text-indent:-999px; outline:none }


#detaliiLivrare { background:#E9EFF5; padding:15px; }
#detaliiLivrare h2 { padding:3px 0px 3px 30px; margin:0px; font-size:16px; color:#4676AF }
#detaliiLivrare label { width:240px; padding:6px; margin-right:10px; display:block; text-align:right; float:left }
#detaliiLivrare input, select, textarea { padding:5px; width:260px; border:solid 1px #AFC4DA; }
#detaliiLivrare .buttonTrimit_h { width:170px; margin:0px auto }
#detaliiLivrare .trimitComanda { background:url(../images/cos_button_trimitc.png); width:170px; height:41px; border:none; margin:10px auto; cursor:pointer }


#ComandaProduse form, fieldset { margin:0; padding:0; border:none }
#ComandaProduse p { clear:both; padding:7px; }
#ComandaProduse label { width:150px; padding:6px 10px; text-align:right; display:block; float:left }
#ComandaProduse input { width:250px; padding:6px; background:#F7F7F7; border:solid 1px #E0E0E0; color:#666; float:left; }






/* =============== FOOTER ==================  */

#footer { width:960px; margin-bottom:20px; }
#footer .bottom { background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:40px; line-height:35px; padding:5px 15px; overflow:hidden }
#footer .bottom .ft_left { width:630px; float:left }
#footer .bottom .ft_right { width:300px; text-align:right; float:left }
#footer .bottom .ft_right .twitter { background-position: 0 -530px; width:77px; height:40px; display:block; float:right }





/* =============== NOTIFICATIONS ==================  */
.notification { padding:10px; color:#666 }
.notification.success { background:url(../images/tick_circle.png) no-repeat #D5FFCE 7px 10px; border:solid 1px #9ADF8F; padding-left:28px; }
.notification.error { background:url(../images/cross_circle.png) no-repeat #FFCECE 7px 10px; border:solid 1px #DF8F8F; padding-left:28px; }
