@import url(general.css);

html{
height: 100%;
}

body{
height: 100%;
}

body {
height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../images/layout/body_bkg.jpg) repeat-y center top;
}

#nonFooter{
position: relative;
min-height: 100%;
width:964px;
margin:0px auto;
background:url(../images/layout/right_side.jpg) repeat-y left;
}
* html #nonFooter{
height: 100%;
}

#container{
padding-bottom:60px;
overflow: hidden;
}

#top_header{
width:100%;
height:90px;
float:left;
position:relative;
background:#fff;
}
#top_header a.logo{
position:absolute;
top:10px;
left:50px;
}
#top_header .heading{
height:55px;
padding:15px 0 0 10px;
float:left;
position:absolute;
top:10px;
left:280px;
width:auto;
border-left:1px solid #CCCCCC;
}
#top_header .heading h1{
color:#9E9E9E;
font-size:12px;
font-weight:bold;
line-height:140%;
}
#top_header .heading h1 span{
font-weight:100;
}
#top_header ul.main_menu{
position:absolute;
right:30px;
bottom:0px;
}
#top_header ul li{
float:left;
margin:0 2px 0 0;
}
#top_header ul li a{
background:url(../images/layout/main_menu_a.jpg);
width:85px;
height:22px;
padding:7px 5px 0 5px;
float:left;
text-align:center;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#top_header ul li a:hover, #top_header ul li a.active{
background:url(../images/layout/main_menu_a_hover.jpg);
}

#banner_wrap{
background:url(../images/layout/banner_wrap.gif) repeat-x;
height:153px;
width:100%;
float:left;
position:relative;
}
#banner_wrap img.banner{
position:absolute;
top:3px;
}
#banner_wrap form{
position:absolute;
right:7px;
bottom:7px;
font-size:13px;
}
#banner_wrap form input{
border:none;
padding:2px;
color:#333333;
}
#banner_wrap form input.submit{
background:#01A5C8;
color:#fff;
font-size:12px;
}

#left_side{
float:left;
width:264px;
padding:30px 10px 10px 10px;
}
#left_side h2{
color:#006579;
font-size:18px;
margin:10px 0 0 0;
}
#left_side h2 a{
color:#006579;
text-decoration:none;
}
#left_side h3{
color:#006579;
font-size:11px;
margin:2px 0 0 0;
}
#left_side ul li {
    font-size: 12px;
}
#left_side ul li a{
color:#3D2807;
font-size:12px;
text-decoration:none;
}
#left_side ul li a:hover,#left_side ul li a.active{
text-decoration:underline;
}

#right_side{
float:left;
width:600px;
padding:30px 0 10px 55px;
}

#right_side .top_map{
padding:0 0 5px 0;
float:left;
width:100%;
margin:0 0 10px 0;
border-bottom:1px dashed #CCCCCC;
font-size:11px;
}
#right_side .top_map p{
padding:0 0 5px 0;
}
#right_side .top_map p a{
color:#333333;
text-decoration:underline;
}
#right_side .top_map .paginarea p a{
text-decoration:none;
padding:1px 4px 1px 4px;
}
#right_side .top_map .paginarea p a:hover, #right_side .top_map .paginarea p a.active{
background:#00A6C6;
color:#FFFFFF;
}

.product_page{
float:left;
}

.product_page table{
float:left;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
width:598px;
}
.product_page table tr.var1{
background:#fff;
}
.product_page table tr.var2{
background:#F1F1F1;
}
.product_page table tr.var2 td{
	background:#F1F1F1;
	}
.product_page table td{
border-right:1px solid #CCCCCC;
padding:4px;
font-size:11px;
background:none;
color:#333;
}
.product_page table td.price{
text-align:right;
padding:4px 15px 4px 4px;
font-weight:bold;
}
.product_page table td.price span{
font-weight:100;
}
.product_page table a{
font-weight:bold;
color:#333333;
}
.product_page table a:hover{
text-decoration:none;
color:#999999;
}


.text_page{
font-size:12px;
color:#333333;
float:left;
}
.text_page h1{
color:#006579;
font-size:18px;
font-weight:bold;
margin:0 0 10px 0;
}
.text_page p{
margin:0 0 10px 0;
}
.text_page a{
color:#006579;
text-decoration:underline;
}


.promo_page{
font-size:12px;
color:#333333;
float:left;
}
.promo_page h1{
color:#006579;
font-size:18px;
font-weight:bold;
margin:0 0 10px 0;
}
.promo_page p{
margin:0 0 10px 0;
}
.promo_page a{
color:#006579;
text-decoration:underline;
}
.promo_page em{
margin:0 0 10px 0;
color:#CC0000;
font-style:none;
}
.promo_page strong{
font-weight:bold;
}

.depo_box{
width:190px;
margin:10px 4px 10px 4px !important;
margin:10px 2px 10px 2px;
float:left;
border:1px solid #CCCCCC;
text-align:center; 
}
.depo_box img{
width:180px;
height:125px;
}
.depo_box .title{
background:#F1F1F1;
padding:5px 0 5px 0;
}
.depo_box .title a{
color:#444444;
font-size:12px;
font-weight:bold;
text-decoration:none;
margin:0 0 2px 0;
}
.depo_box .title h4{
color:#006579;
font-size:11px;
padding:3px 0 0 0;
}
.depo_box img{
margin:5px 0 5px;
}

.contact_general_adress{
width:290px;
margin:0 5px 0 5px;
float:left;
}
.contact_general_adress strong{
font-weight:bold;
}

.contact_depozite{
width:290px;
margin:0 5px 0 5px !important;
margin:0 0 0 0;
text-align:center;
float:left;
}
.contact_depozite strong{
font-weight:bold;
}
.contact_bottom{
border-top:1px dashed #CCCCCC;
width:100%;
float:left;
clear:both;
padding:20px 0 0 0;
}
.contact_bottom img.map{
float:left;
border:1px solid #003366;
width:285px;
}
.contact_bottom form{
float:left;
width:285px;
margin:0 0 0 5px;
padding:10px;
font-size:12px;
color:#333333;
border:1px solid #006579;
}
.contact_bottom form table tr td{
padding:3px;
vertical-align:top;
}
.contact_bottom form table strong{
font-weight:bold;
}
.contact_bottom form input{
border:1px solid #006579;
}
.contact_bottom form textarea{
border:1px solid #006579;
}
.contact_bottom form input.submit{
border:1px solid #006579;
background:#006579;
color:#FFFFFF;
padding:2px;
}



#footer{
position: relative;
margin-top:-49px;
height:1px;
width:100%;
} 
#footer_content{
margin:0px auto;
width:964px;
color:#FFFFFF;
position:relative;
height:49px;
padding:0;
background:url(../images/layout/footer_bkg.jpg) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer_content img.footer_logo{
left:90px;
bottom:0px;
position:absolute;
}
#footer_content .footer_navigation{
text-align:center;
float:right;
width:700px;
font-size:12px;
color:#fff;
padding:6px 0 0px 0;
margin:3px 0 0 0;
}
#footer_content .footer_navigation a{
color:#fff;
margin:0 4px 0 4px;
text-decoration:none;
}
#footer_content .footer_navigation a:hover, #footer_content .footer_navigation a.active{
text-decoration:underline;
}
#footer_content  p{
text-align:center;
width:700px;
float:right;
color:#fff;
font-size:11px;
padding:5px 0 0 0;
margin:0px;
}
#erori {
    color: #D74800;
}