
/**
 * Tools:
 *   - easy clearing method
 *   - replace (useful for screen readers)
 *   - accessibility (useful for screen readers)
 *
 * @package    themes
 * @subpackage default2
 */
/* wizard */
.form_header
{
   white-space: nowrap; 
   background-color: lightgreen;
}

.element
{
    color: #ff0000;
}

/*denotes required field */
.class1
{
  font-size:80%;
  color:#ff0000;
}

.class2
{
  font-size:80%;
}
/*  */
.form
{
  align: right;
  valign: top;
  width: 100;
}
/*  */

.htmlarea{
border:none;
}

table.htmlarea tr td{
padding:0px;
margin:0px;
border:none;
}

.longText{
width:400px;
}
/* clearing */
.stretch,
.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { /* make method ie7 compatible */
    #display: inline-block;
}
* html .clearfix {
    /* Hides from IE-mac \*/
	height: 1%;
	display: block; /* restore block display for ie6 */
	/* End hide from IE-mac */
}
/* end clearing */


/* replace */
.replace {
    display: block;

	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
}
/* tidy these up */
.replace * {
    text-indent: -10000px;
    display: block;

    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
}
    .replace a {
		text-indent: 0;
	}
        .replace a span {
            text-indent: -10000px;
        }
/* end replace */


/* accessibility */
span.accesskey {
    text-decoration: none;
}
.accessibility {
    position: absolute;
    top: -9999em;
    left: -9999em;
}
/* end accessibility */


/* hide */
.hide {
    display: none;
}





html { /* inforces screen to show scrollbar */
    /*height: 100%;*/
    overflow: auto;
	font-size:14px;
}
body {
background: url(<?php echo $baseUrl ?>/images/img/bgr.jpg);
margin:0px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
vertical-align: top;
font-stretch: normal;
line-height: 1.5;
}


/* Form elements */

.input{

}

textarea.contacts {
/*    height: 6em;*/
width:350px;
}

textarea.media {
/*    height: 6em;*/
width:350px;
height:60px;
}

label {
    color: #333;
}


/* Wrappers */


.absolute_width, div.absolute_width{
width: 98%; height: 500px; overflow: auto;font-size:13px;
}


table{
padding:0px auto;
margin:0px auto;

}

table th{
padding:10px 1px 10px 1px;
color:#fff;
font-size:13px;
text-align:left;

background: url(<?php echo $baseUrl ?>/images/img/fon.png);

text-align:center;
}

table tr td {
vertical-align:top;
text-align:left;
}

table tr td.center,table tr th.center{
text-align:center;
}

table.main{
padding-top:0px;
}

.title{
font-size:1.4em;

}


p.leftstr{
float: left; /* ��������� ������ */ 
width: 50%; /* ������ ���������� ����� */ 
}
p.rightstr {
text-align: right; /* ������������ �� ������� ���� */ 
}

/*template name*/
h1 {
    margin-bottom: 1em;
    padding-bottom: 0.3em;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
    color:#fff;
	
}

/*header in templates - name of article...*/
h2 {
    margin-bottom: 0.5em;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
    color: #fff;

}
h3 {
    margin-bottom: 0em;
    font-size: 1em;
    font-weight: bold;
line-height:1em;
    color: #333;
}
h4 {
padding-top:0px;
margin-top:0px;
    margin-bottom: 0.5em;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
}
h5 {
padding-top:0px;
margin-top:0px;
    margin-bottom: 0.5em;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
}
h6 {
    margin-bottom: 0.5em;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
    color: #fff;
}


/* END headings */

/* Links */

table main tr td a,
table main tr td a:link,
table main tr td a:active,
table main tr td a:visited {
    color:#fff;
    text-decoration: none;
}


table main tr td a:hover {
    text-decoration: underline;
}


/* END links */


/* Misc */

.exit{
 background: url(<?php echo $baseUrl ?>/images/corners/exit.png) no-repeat top left transparent;
 width: 50px;
 height: 25px;
position:relative;
padding:5px 30px 10px 17px;
color:#ffffff;
 z-index:10;
}

.exit a, .exit a:hover{
text-decoration:none;
}

/*STYLE FOR FORMS*/

.forms{
padding:20px 30px 20px 30px;
}



.gray_back{
padding:0px 0px 0px 3px;
color:#333333;
font-size:14px; 
vertical-align:top;
background-color:#efecec;
}

.grey_back, td.grey_back{
padding:10px;
background-color:#efecec;
text-align:left;
color:#444444;
}

grey_dark, td.grey_dark{
background-color:#d4d2d2;
}

.left{
text-align:left;
}

.grey_back a{
padding:0px;

background-color:#efecec;
color:#666666;
font-size:1.1em;
}

.grey_back strong{
font-size:13px;}


.text_grey, .graytext{
color:#666666;
font-size:12px;
}

.graytextsmall{
color:#999999;
font-size:11px;
padding:5px;
text-align:center;
}

/*style for messaging*/
.mes{

}

/*style for organisation and user profiles*/
.profile{

}

/*style for list orgs*/
.orgs{

}

/*style for articles - Documentation, Info, Instructions*/
.arts{

}

/*style for registration form*/
div.register{

}

/*style for blocks*/


/* Main navigation */
div#nav-main {
background-image: url(<?php echo $baseUrl ?>/images/img/menu.png);
margin-left:165px;
display:block;
width:696px;
height:36px;
text-align:center;
}

    div#nav-main ul {
        margin: 0px;
		padding:8px 0px 0px 24px;
        list-style: none;

	  }
        div#nav-main ul li {
            margin: 0;
            float: left;
			padding-top:0px;
        }
            div#nav-main ul li a, div#nav-main ul li a:visited {
                display: block;
				border-right:0px solid #fff;
border-left:0px solid #fff;
                padding: 0px 25px 0px 25px;
				font-size:13px;
 				text-decoration:none;
                font-weight: bold;
                color:#6C180D;
            }
            div#nav-main ul li a:hover, div#nav-main ul li.current a {
                background-color: transparent;
                font-size:13px;
                font-weight: bold;
                color: #6C180D;
				text-decoration:none;
            }
            
/* END main navigation */


/* Toolbar */
div#nav-main div#toolbar {
    border: 0px solid #FFF;
    margin-bottom: 2px;
  
    height: 1.0em;
    font-size: 0.6em;
}
/* END toolbar */

table.body_table, table.sheduler_table{
width:100%;
background: url(<?php echo $baseUrl ?>/images/img/fon.png);
color:#000;
}


table.body_table tr td, table.body_table tr td.headertr, table.body_table tr.headertr td{
padding:3px 7px 15px 7px;
line-height:1.8em;
}

table.sheduler_table tr td, table.sheduler_table tr td.headertr, table.sheduler_table tr.headertr td{
padding:3px 7px 15px 7px;
border:1px solid grey;
}

table.body_table tr th{
padding:3px 3px 3px 7px;

background: url(<?php echo $baseUrl ?>/images/img/fon.png);

color:#fff;
text-align:center;
}

#manager-actions{
background: url(<?php echo $baseUrl ?>/images/img/fon.png);
}

#manager-actions, #manager-actions a{
color:#fff;
font-weight:bold;
}

table.body_table tr.headertr, table.body_table tr td.headertr{
background-color:#999999;
color:#fff;
font-weight:bold;
vertical-align:middle;
padding:3px 3px 3px 7px;
}

table.body_table tr.headertr td, table.body_table tr td.headertr{
vertical-align:middle;
padding:3px 3px 3px 7px;
}

table.body_table tr.list td{
padding-left:15px;
}

.redtext{
color:#cc0000;
}

.border_table tr td{
border-bottom:1px solid #efecec;
padding:6px 3px 6px 3px;
}

.label_div{
padding-bottom:15px;
}

#view_form {
padding:20px 20px 20px 20px;
}
#view_form table{
vertical-align:middle;
padding:2px 2px 2px 2px;
border-collapse: collapse;
border-spacing: 0;
border: 0px solid black;
/*border-right: 1px solid black;
border-bottom: 1px solid black;*/
}

#view_form table tr td{
border: 0px solid black;
/*border-left: 1px solid black;
border-top: 1px solid black;*/
font-family: Times, sans-serif;
font-size: 10px;
}
.caledar_td{
color:#666666;
background-color:#efecec;
}

.excep_td{
color:#666666;
background-color:#d9d9d9;
}

table.blockmes tr td a{
color:#666666;
text-decoration:underline;
}

table.blockmes tr td a:hover{
text-decoration:none;
}
/*-----------------------PAGE---STYLE------------------------*/

.main_header{
background: url(<?php echo $baseUrl ?>/images/img/main_header.jpg);
display:block;
width:1027px;
height:519px;
}

.header{
background: url(<?php echo $baseUrl ?>/images/img/header.png);
display:block;
width:1027px;
height:104px;
}

div.kamini_header{
display:block;
background: url(<?php echo $baseUrl ?>/images/img/kamini.png);
background-repeat:no-repeat;
width:294px;
height:111px;
padding:0px;
margin:0px;
}

div.materiali_header{
display:block;
background: url(<?php echo $baseUrl ?>/images/img/materiali.png);
background-repeat:no-repeat;
width:294px;
height:90px;
padding:0px;
margin:0px;
}

div.sauni_header{
display:block;
background: url(<?php echo $baseUrl ?>/images/img/sauni.png);
background-repeat:no-repeat;
width:294px;
height:94px;
padding:0px;
margin:0px;
}



div.les_header{
display:block;
background: url(<?php echo $baseUrl ?>/images/img/les.png);
background-repeat:no-repeat;
width:294px;
height:94px;
padding:0px;
margin:0px;
}

div.kamini, div.materiali{
background: url(<?php echo $baseUrl ?>/images/img/blockbgr_left.png);
background-repeat:repeat-y;
width:294px;
}

div.sauni, div.les{
background: url(<?php echo $baseUrl ?>/images/img/blockbgr_right.png);
background-repeat:repeat-y;
width:294px;
}

div.kamini_footer, div.materiali_footer{
display:block;
background: url(<?php echo $baseUrl ?>/images/img/blockfooter_left.png);
background-repeat:no-repeat;
width:294px;
height:111px;
padding:0px;
margin:0px;
}

div.sauni_footer, div.les_footer{
display:block;
background: url(<?php echo $baseUrl ?>/images/img/blockfooter_right.png);
background-repeat:no-repeat;
width:294px;
height:111px;
padding:0px;
margin:0px;
}

.inblock{
display:block;
width:170px; 
padding-left:55px;
}

.sauni .inblock, .les .inblock{
display:block;
width:170px; 
padding-left:35px;
}

.maintext{
color:#fff;
line-height:22px;
font-size:15px;
}

.maintext a{
color:#fff;
}

.footer{
background: url(<?php echo $baseUrl ?>/images/img/footer.png);
background-repeat:repeat-x;
height:87px;
color:#fff;
padding:12px 20px 0px 20px;
}

.footer2{
background: url(<?php echo $baseUrl ?>/images/img/footer.png);
background-repeat:repeat-x;
height:87px;
}

 .footer a{
color:#fff;
text-decoration:underline;
}

/*-----------LISTS-----------*/
ul{
padding:0px;
margin:0px;
}

li{
padding:0px;
margin:0px;
list-style:none;
}
/*-----------(END)LISTS-----------*/
.message-error{
border:2px solid red;
background: url(<?php echo $baseUrl ?>/images/img/fonlight.png);
color:red;
padding:15px;
}

/*------------!!!!!!!!!!!!!!!-----------STYLE FOR PRODUCT CATEGORIES-----!!!!!!!!!!!!!!!!!!!!!!!!!!!-------------------*/
.forcat{
width:180px;

}

.forcat a{
color:#000;
text-decoration:none;
text-transform:lowercase;
}

.forcat a:hover{
text-decoration:underline;
}

div.forcat {
}
/*--------------------------END-----------------------------*/

.hcenter{
display:block; 
width:400px;
float:left;
padding:80px 0px 0px 260px;
}

.hright{
float:right;
display:block;
padding:25px 10px 0px 0px;

}

.hleft{
float:left;
display:block;
padding:15px 0px 0px 20px;
}

.hcenter, .hright, .hleft, .hleft a{
color:#666;
font-weight:bold;
}

form{
padding:0px;
margin:0px;
line-height:1em;
}

/*-----------------------------SHOP---------------------------------*/
.forimage{
padding: 0px;
}


.membermenu{
padding:20px 0px 0px 40px;
line-height:22px;
color:#fff;
font-weight:bold;
}

.membermenu a{
color:#fff;
}

.wide{
background-color:#d57215;
border-collapse: collapse;
}

.wide tr td{
border:1px solid orange;
border-collapse: collapse;
padding:10px;
}

.oldprice{
color:#fff;
font-size:15px;
text-decoration:line-through;
}

.price{
color:#fff;
font-size:1.1em;
font-weight:bold;
}

.productlist{
background: url(<?php echo $baseUrl ?>/images/img/fon.png);
}

.dotted{
display:block;
height:20px;
}





