body{
	font-family: Verdana;
	font-size: 11px;
	color: #666;	
	background: #f2f2f2;
	text-align: center;
}

a{
	color: #62AF01;
	text-decoration: none;
}

ul{
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 20px;;
}

input, textarea{
	font-family: verdana;
}

#container{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	background: url(../img/cont_bg.png) 0 bottom no-repeat;
	overflow: visible;
	text-align: left;
}

a.logo{
	width: 200px;
	height: 173px;
	display: block;
	background: url(../img/logo.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 62px;
	z-index:2;
}

.topMenu{
	width: 1000px;
	height: 60px;
	background: url(../img/menu_bg.png) 0 0 no-repeat;
	position: relative;
}

.topMenu .langs{
	width: 55px;
	height: 22px;
	position: absolute;
	top: 20px;
	left: 10px;
}

.topMenu .langs a{
	color: #fff;
	text-decoration: none;
	padding: 0 00 0 5px;
}

.topMenu .langs a.sel{
	text-decoration: underline;
}

.topMenu ul{
	position: absolute;
	width: 730px;
	height: 35px;
	top: 12px;
	left: 260px;
	font-size: 12px;
}

.topMenu ul li{
	height: 35px;
	display: block;
	float: left;
	margin-right: 5px;
	position: relative;	
}

.topMenu ul li.hover{
	background: url(../img/topmenu_hover.gif) 0 0 no-repeat;
}

.topMenu li a{
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	height: 25px;
	padding: 10px 17px 0 17px;
}

.topMenu li .menuBgRight{
	width: 4px;
	height: 35px;
	background: url(../img/topmenu_hover_right.gif) 0 0 no-repeat;
	position: absolute;
	right: -1px;
	top:0;
	overflow: hidden;
}

.topMenu li.sel{
	background: #fff url(../img/topmenu_sel.gif) 0 0 no-repeat;
}

.topMenu li.sel a{
	color: #000;
}

.topMenu li.sel .menuBgRight{
	background: url(../img/topmenu_sel_right.gif) 0 0 no-repeat;
}

.topMenu li .arrowSel{
	width: 7px;
	height: 12px;
	background: url(../img/menu_arrow_small.gif) 0 0 no-repeat;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -4px;
}

.topMenu li.sel .arrowSel{	
	background: url(../img/menu_arrow.gif) 0 0 no-repeat;	
}

.content{
	width: 1000px;
	padding-top: 60px;
	min-height: 500px;
}

.content .left_content{
	width: 228px;
	float: left;
	padding: 120px 0 45px 20px;
}

/*
 * Ляво меню
 */

.left_content .topMenuItem{
	width: 227px;
	min-height: 46px;
	display: block;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}

.left_content .topMenuItem img{
	width: 222px;
	height: 42px;
	padding: 2px 0 0 2px;
	float: left;
}

.left_content .topMenuItem .hover{
	width: 227px;
	height: 46px;
	background: url(../img/left_menu_hover.png) 0 0 no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.left_content .topMenuItem a{
	width: 227px;
	height: 48px;	
	display: block;
	position: absolute;
	top:0;
	left: 0;
	z-index: 5;
	background: url(../img/left_button.png) 0 0 no-repeat;	
	text-decoration: none;
}

.topMenuItem .title{
	width: 227px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 15px;
	color: #444;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

.left_content .sub{
	width: 222px;
	padding: 0 0 5px 5px;
	display: none;
}

.left_content .sub h2{
	font-size: 13px;
	color: #353535;
	font-size: 13px;
	padding: 0;
}

.left_content .sub a{
	display: block;
	width: 218px;
	color: #353535;
	text-decoration: none;
	padding: 2px;
	font-size: 12px;
	margin-bottom: 1px;
}

.left_content .sub a:hover{
	background: #fff;
	
	color: #ff7d00;
}

.left_content a.current{	
	color: #ff7d00;
	background: #fff url(../img/leftmenu_arrow.gif) 210px center no-repeat;
}

.left_content a.current:hover{
	background: #fff url(../img/leftmenu_arrow.gif) 210px center no-repeat;
}
/*
 * Дясно съдържание
 */
.right_content{
	width: 680px;
	float: left;
	padding-left: 50px;
	font-size: 11px;
	color: #666;
	overflow: hidden;
}

.right_content h1{
	color: #00692e;
	font-size: 24px;
	font-weight: normal;
	display: inline;
	padding-right: 10px
}

/*
 * Боксовете от началнат страница
 */
.right_content .home_box{
	width: 322px;
	height: 321px;
	background: url(../img/home_box_new.png) 0 0 no-repeat;
	margin: 20px 0 20px 0;
	position: relative;
	font-family: verdana;
	text-align: left;
}

.home_box h2{
	color: #fff;
	width: 90px;
	height: 20px;
	font-size: 13px;
	position: absolute;
	top: 3px;
	right: 2px;
	text-align: center;
}

.home_box .desc{
	width: 150px;
	height: 143px;
	position: absolute;
	top: 140px;
	right: 10px;
	color: #446300;
	font-size: 11px;
}

.home_box a.more{
	color: #73880a;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-weight: bold;
	padding: 0 10px 0 0;
	background: url(../img/link_arrow.gif) right 3px no-repeat;
	text-align: right;
	text-decoration: none;
	font-size: 11px;
}

.home_box .title{
	color: #73880A;
	position: absolute;
	right: 10px;
	top: 60px;
	width: 150px;
	height: 60px;
	font-weight: bold;
}



.home_box a.more:hover{
	text-decoration: underline;
}

.home_box a.img{
	width: 120px;
	height: 263px;
	position: absolute;
	top: 40px;
	left: 20px;
}

.home_box a.img img{
	width: 120px;
	height: 263px;
}

.home_box .price{
	position: absolute;
	bottom: -40px;
	left: -20px;
	z-index: 10;
	width: 70px;
	height: 80px;
	background: url(../img/price_label2.png) 0 0 no-repeat;
	text-align: center;
	color: #fff;
	font-size:11px;
	font-weight: bold;
	padding: 20px 0 0 0;	
}

.home_box .price .old{
	color: #81a30f;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;	
}

.home_box .price .old span{
	text-decoration:line-through;
}

.home_box .price .new{
	color: #000;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

/*
 * Детайли
 */

.doorsDetails{
	width: 706px;
	min-height: 300px;
	float: left;
	padding: 0px 0 20px 26px;
	position: relative;
}

.doorsDetails h1{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	padding: 0 0 10px 0;
	float: left;
	width: 706px;
}

.doorsDetails h2{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding: 0 0 8px 0;
	float: left;
	width: 706px;
}

.doorsDetails .vrutki{
	width: 706px;
	min-height: 225px;
	float: left;
	padding: 64px 0 20px 0;
}


.doorsDetails .previewBox{
	width: 117px;
	height: 210px;
	background: url(../img/preview_box.png) 0 0 no-repeat;
	text-align: center;
	padding: 16px 0 0 0px;
	display: block;
	cursor: url(../img/zoomin.cur), url(web/img/zoomin.cur), pointer;
}

.doorsDetails .previewBox img{
	max-width: 90px;
	max-height: 200px;
	border: none;
}

.doorsDetails .colors{
	width: 277px;
	float: right;
	position: relative;
}

.doorsDetails .colors .preview{
	width: 96px;
	height: 96px;
	position: absolute;		
	top: 0;
	left: 0;
	overflow: hidden;
}

.doorsDetails .colors .preview img{
	width: 90px;
	height: 90px;
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 3px;
}

.doorsDetails .colors .preview .overlay{
	width: 96px;
	height: 96px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: url(../img/color_preview2.png) 0 0 no-repeat;
}

.doorsDetails .colors .colorTitle{
	width: 166px;
	height: 26px;
	background: url(../img/details_title_box.png) 0 0 no-repeat;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 0 0;	
	color: #333;
	position: absolute;
	top: 0;
	right: 0;
}

.doorsDetails .colors .groupsBox{
	position: absolute;
	left: 114px;
	top: 39px;
	width: 120px;
	height: 55px;
	overflow: hidden;
	
	/*
	после това да се махне
	*/
	display: none; 	
}


.doorsDetails .colors .groupsBoxLong{
	width: 120px;
	height: 500px;
	position: absolute;
	top:0;
	left: 0;
}


.colors .groupsBox a{
	text-decoration: none;
	width: 113px;
	height: 17px;
	display: block;
	border: 1px solid #d1d1d1;
	float: left;
	color: #000;
	padding: 5px 0 0 5px;
	font-weight: bold;
	background: #fff;
}

.colors .groupsBox a.sel{
	background: #ddd;
}


.colors .groupsBox .razd{
	width: 120px;
	height: 3px;
	overflow: hidden;
	float: left;
	margin: 1px 0 1px 0;
	background: url(../img/groups_razd.gif) 0 0 no-repeat;
}

.colors .groupsArrows{
	height: 55px;
	width: 43px;
	position: absolute;
	top: 39px;
	right: 0px;	
	
	/*
	после това да се махне
	*/
	display: none; 	
}

.colors .groupsArrows a{
	width: 13px;
	height: 7px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 15px;
}

.colors .groupsArrows .top{
	top: 12px;
}

.colors .groupsArrows .bottom{
	bottom: 12px;
}

.colors .groupsArrows .top.active{
	background: url(../img/arrow_top_active.gif) 0 0 no-repeat;
}

.colors .groupsArrows .top.inactive{
	background: url(../img/arrow_top_inactive.gif) 0 0 no-repeat;
}

.colors .groupsArrows .bottom.active{
	background: url(../img/arrow_bottom_active.gif) 0 0 no-repeat;
}

.colors .groupsArrows .bottom.inactive{
	background: url(../img/arrow_bottom_inactive.gif) 0 0 no-repeat;
}

.colors  .listColors{
	padding:110px 0 0 0;
	width: 279px;
	float: left; 
}


/*
.listColors .row{
	display: none;
}
*/

.listColors h4{
	width: 277px;
	height: 17px;
	float: left;
	color: #333;
	text-transform: uppercase;
	font-size: 11px;
}

.listColors a.prev, .listColors a.next{
	width: 36px;
	height: 36px;
	display: block;
	float: left;
}

.listColors .prev.active{
	background: url(../img/arrow_left3.gif);
}

.listColors .prev.inactive{
	background: url(../img/arrow_left2.gif);
}

.listColors .next.active{
	background: url(../img/arrow_right3.gif);
}

.listColors .next.inactive{
	background: url(../img/arrow_right2.gif);
}

.colors  .listColors .items{
	width: 200px;
	height: 36px;
	margin: 0 2px 0 2px;
	float: left;
	overflow: hidden;
	position: relative;
}

.colors  .listColors .items_long{
	position: absolute;
	top:0;
	left: 0;
	width: 900px;
	height: 36px;
}

.colors  .listColors .item{
	width: 36px;
	height: 36px;
	margin: 0 2px 0 2px;
	float: left;
	position: relative;
}

.colors  .item a{
	position: absolute;
	z-index: 5;
	width: 36px;
	height: 36px;
	background: url(../img/color_window.png) 0 0 no-repeat;
}

.colors  .item img{
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 3px;
}

.doorsDetails .desc{
	width: 706px;
	float: left;
}

.listColors{
	
}

/*
 * Тука почват вратите
 */

.doorsDetails  .vrati{
	width: 427px;
	float: left;
	position: relative;
}

.doorTitle{
	position: absolute;
	top: 0px; 
	left: 140px;
	width: 236px;
	height: 36px;
	background: url(../img/doorTitle.png) 0 0 no-repeat;
	color: #333;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 0 0 0;
	text-align: center;
	
}




.doorsDetails .vrati .groupsBox{
	position: absolute;
	left: 140px;
	top: 45px;
	width: 236px;
	height: 55px;
	overflow: hidden;
}


.doorsDetails .vrati .groupsBoxLong{
	width: 236px;
	height: 500px;
	position: absolute;
	top:0;
	left: 0;
}


.vrati .groupsBox a{
	text-decoration: none;
	width: 110px;
	height: 17px;
	display: block;
	border: 1px solid #d1d1d1;
	float: left;
	color: #000;
	padding: 5px 0 0 5px;
	font-weight: bold;
	margin: 0 1px 0 0;
	background: #fff;
}

.vrati .groupsBox a.sel{
	background: #ddd;
}

.vrati .groupsBox .razd{
	width: 235px;
	height: 3px;
	overflow: hidden;
	float: left;
	margin: 1px 0 1px 0;
	background: url(../img/groups_razd.gif);
}

.vrati .groupsArrows{
	height: 55px;
	width: 43px;
	position: absolute;
	top: 43px;
	right: 20px;
}

.vrati .groupsArrows a{
	width: 13px;
	height: 7px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 15px;
}

.vrati .groupsArrows .top{
	top: 12px;
}
.vrati .groupsArrows .bottom{
	bottom: 12px;
}
.vrati .groupsArrows .top.active{
	background: url(../img/arrow_top_active.gif) 0 0 no-repeat;
}
.vrati .groupsArrows .top.inactive{
	background: url(../img/arrow_top_inactive.gif) 0 0 no-repeat;
}
.vrati .groupsArrows .bottom.active{
	background: url(../img/arrow_bottom_active.gif) 0 0 no-repeat;
}
.vrati .groupsArrows .bottom.inactive{
	background: url(../img/arrow_bottom_inactive.gif) 0 0 no-repeat;
}


.listDoors{
	width: 270px;
	height: 110px;
	position: absolute;
	top: 123px;
	left: 125px;
}

.vrati  .listDoors .row{
	display: none;
}

.listDoors a.prev{
	width: 8px;
	height: 15px;
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 47px;
}

.listDoors a.next{
	width: 8px;
	height: 15px;
	display: block;
	float: left;
	position: absolute;
	right: 0;
	top: 47px;
}

.listDoors .prev.active{
	background: url(../img/arrow_left5.gif);
}

.listDoors .prev.inactive{
	background: url(../img/arrow_left4.gif);
}

.listDoors .next.active{
	background: url(../img/arrow_right5.gif);
}

.listDoors .next.inactive{
	background: url(../img/arrow_right4.gif);
}

.listDoors .items{
	width: 240px;
	height: 110px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 15px;
}

.vrati  .listDoors .items_long{
	position: absolute;
	top:0;
	left: 0;
	width: 1000px;
	height: 110px;
}


.vrati  .listDoors .item{
	width: 56px;
	height: 106px;
	margin: 0 2px 0 2px;
	float: left;
	position: relative;
	background: url(../img/listDoorsItem.png) 0 0 no-repeat;
	cursor: pointer;
}

.vrati  .item img{
	width: 44px;
	height: 93px;
	position: absolute;
	z-index: 1;
	top: 7px;
	left: 6px;
}




/*
 * Списък врати
 */
.doorsList{
	width: 688px;
	padding: 20px 0 30px 0;
	overflow: hidden;
}

.doorsList .title{
	width: 668px;
	color: #333;
	font-weight: bold;
	float: left;
	font-size: 16px;
	padding: 0 0 10px 0;
}

.doorsList .item{
	width: 162px;
	height: 332px;
	background: url(../img/doorsListBox.png) 0 0 no-repeat;
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
}

.doorsList .item a{
	border: none;
	width: 120px;
	height: 263px;
	display: block;
	position: absolute;
	top: 50px;
	left: 21px;
}

.doorsList .item img{
	width: 120px;
	height: 263px;
}

.doorsList .item h5{
	color: #7caf00;
	font-size: 10px;
	width:  158px;
	position: absolute;
	top: 10px;
	left: 1px;
	text-align: center;
	overflow: hidden;
}

.doorsList .price{
	position: absolute;
	bottom: -40px;
	left: -10px;
	z-index: 10;
	width: 70px;
	height: 80px;
	background: url(../img/price_label2.png) 0 0 no-repeat;
	text-align: center;
	color: #fff;
	font-size:11px;
	font-weight: bold;
	padding: 20px 0 0 0;
	text-shadow: 1px 1px 1px #d6ee94;
}

.doorsList .price .old{
	color: #81a30f;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	
}

.doorsList .price .old span{
	text-decoration:line-through;
}

.doorsList .price .new{
	color: #000;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;	 
}



/*
 * Избор на вид промоции
 */
.promoChoise{
	width: 706px;
	float: left;
	padding: 120px 0 0 20px;
	position: relative;
}

.promoChoise .box{
	width: 706px;
	height: 126px;
	float: left;
	background: url(../img/promotions_choise.png) 0 0 no-repeat;
	position: relative;
	margin: 0 0 20px 0;
}

.promoChoise h1{
	position: absolute;
	width: 470px;
	height: 20px;
	font-size: 15px;
	color: #73ab00;
	top: 20px;
	right: 10px;
}

.promoChoise .desc{
	color: #333300;
	font-size: 11px;
	position: absolute;
	width: 470px;
	height: 50px;
	right: 10px;
	top: 50px;
}

.promoChoise a.more{
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	padding: 0 10px 0 0;
	color: #73880A;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/link_arrow.gif) right 3px no-repeat;
}

.promoChoise a.more:hover{
	text-decoration: underline;
}

.footer{
	width: 1000px;
	height: 51px;	
	margin: 4px auto 0 auto;;
	background: url(../img/footer.png) 0 0 no-repeat;
	position: relative;
}

.copyright{
	width:350px;
	height: 35px;
	color: #fff;
	text-align: right;
	font-size: 11px;
	position: absolute;
	right: 15px;
	top: 20px;
}

.copyright a{
	text-decoration: none;
	color: #fff;
}

.copyright a:hover{
	text-decoration: underline;
}

.footer .download{
	width: 310px;
	height: 120px;
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index: 5;	
	overflow: hidden;
}


.footer a.baloon{
	width: 133px;
	height: 38px;
	background: url(../img/download_baloon.gif) 0 0 no-repeat;
	position: absolute;
	top: 7px;
	left: 53px;
	color: #2b4800;
	padding: 13px 0 0 0;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	display: none;
	text-decoration: none;
}

.footer .download .icon{
	width: 65px;
	height: 78px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/download_icon.png) 0 0 no-repeat;
}

.footer .download p{
	color: #000;
	font-weight: bold;
	position: absolute;
	left: 75px;
	bottom: 20px;
	text-decoration: none;
	
}


table.contactsTable{
	border: 0;
	width: 700px;
}

table.contactsTable td{
	border: 0;
	font-size: 11px;
	padding: 25px;
}

.contactsForm{
	width: 255px;
	height: 250px;
	background: url(../img/contactFormBg.png) 0 0 no-repeat;
	float: left;
	margin: 0 40px 0 0;
	padding: 43px 0 0 30px;	
	position: relative;
}

.contactsForm h2{
	position: absolute;
	top:8px;
	left: 10px;
	color: #d0d0d0;
	font-size: 11px;
	font-style: italic;	
}

.contactsForm input{
	width: 185px;
	height: 22px;
	float: left;
	background: url(../img/input_bg.png) 0 0 no-repeat;
	border: none;
	padding: 4px 5px 0 5px;
	font-size: 11px;
	color: #000;
}

.contactsForm textarea{
	width: 185px;
	height: 89px;
	float: left;
	background: url(../img/textarea_bg.png) 0 0 no-repeat;
	border: none;
	padding: 4px 5px 10px 5px;
	font-size: 11px;
	color: #000;
}

.contactsForm a.submit{
	width: 195px;
	height: 16px;
	padding: 5px 0 0 0;
	display: block;
	float: left;
	background: url(../img/contactsSubmit.png) 0 0 no-repeat;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 10px;
}

.map{
	width: 355px;
	height: 288px;
	float: left;
	background: url(../img/map.gif) 0 0 no-repeat;
}

/*
 * Странициране
 */

#paginator{
	width: 960px;
	height: 35px;
	float: left;
	text-align: center;
	position: relative;
}

#paginator #pages{
	height: 23px;
	background: url(../img/paginator_bg.gif) 0 0 repeat-x;
	position: absolute;
	top: 15px;
	left: 20px;
	padding: 2px 30px 0 30px;
}

#paginator #pages a{
	color: #486400;
	height: 18px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 3px 4px 0 4px;
	margin-right: 2px;
	text-align: center;
}

#paginator #pages a:hover{
	text-decoration: underline;
}

#paginator #pages a.sel{
	background: url(../img/paginator_selected.gif) center center no-repeat;
}



#paginator #pages .left{
	width: 4px;
	height: 25px;
	position: absolute;
	left: 0px;
	top: 0;
	background: url(../img/paginator_left.gif) 0 0 no-repeat;
}

#paginator #pages .right{
	width: 4px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 0;
	background: url(../img/paginator_right.gif) 0 0 no-repeat;
}
#paginator #pages a.prev{
	width: 20px;
	height: 19px;
	background: url(../img/paginator_arrow_left.gif) center center no-repeat;
	display: block;
	position: absolute;
	top:4px;
	left: 4px;
	padding: 0;
	margin: 0;
}

#paginator #pages a.next{
	width: 20px;
	height: 20px;
	background: url(../img/paginator_arrow_right.gif) center center no-repeat;
	display: block;
	position: absolute;
	top:4px;
	right: 4px;
	padding: 0;
	margin: 0;
}
#flashbanner{
	width: 180px;
	margin: 0 auto;
	position: relative;
	top: 10px;
}