/*all mainmenu  links style*/
.toolbarStyles div ul li a:hover {

}
.toolbarStyles div ul li a:visited {
    color: #FFF;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
}
.toolbarStyles div ul li a:link {
    color: #FFF;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
}
.toolbarStyles div ul li a:active {

}

/*all news and actions links style*/
a.newslink:hover {
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #900;
}
a.newslink:visited {
    color: #900;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    font-weight: bolder;
}
a.newslink:link {
    color: #900;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    font-weight: bolder;
}
a.newslink:active {
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #D90000;
}
/*Simple page links*/
a.simple:hover {
    color:red;
}
a.simple{
    color: #cc0000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
}
a.simple:active {
    color:red;
}

/*all toolbar menu style*/

a.lefttoolbarlink:hover {
    font-weight: normal;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #DBDBDB;
}
a.lefttoolbarlink:visited {
    color: #900;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    font-weight: normal;
}
a.lefttoolbarlink:link {
    color: #900;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    font-weight: normal;
    padding-bottom: 2px;
}
a.lefttoolbarlink:active {
    color: #F00;
}

/*next */

.leftToolbarStyles .hiddenUL a:link {
    color: #900;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    font-weight: normal;
    padding-bottom: 2px;
    padding-left: 0px;/*9*/
}

.leftToolbarStyles .hiddenUL a:visited {
    color: #900;
    text-decoration: none;
}
.leftToolbarStyles .hiddenUL a:hover {
    color: red;
}
.leftToolbarStyles .hiddenUL a:active {
    color: red;
}



body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666;
    background-image:url(../images/mainbackground.png);
    background-repeat: repeat-x;
    background-attachment: fixed;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}

.thrColElsHdr #container {
    width: 61em; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top:0;
    margin-right: auto;
    margin-bottom: 2px;
    margin-left: auto;
    padding-top: 2px;
    background-color: #FFFFFF;

    border-style: solid;   
    border-width: 0px;
    border-color: #333333;

} 
.thrColElsHdr #header {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    z-index: 0;
} 
.thrColElsHdr #header p {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


#logo {
    background-image: url(../images/ecotep_sp.png);
    background-repeat: repeat-x;
    height: 40px;
    background-position: -418px -905px;
    position: relative;
    width: 120px;
    float: left;
    margin-top: 4px;
    margin-bottom: 2px;
    display: block;
}
#logotext {
    float: left;
    padding-left: 4px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: large;
    height: 24px;
    padding-top: 22px;
}
#loginform {
    float: right;
    height: 24px;
    padding-top: 2px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: x-small;
}

#toolbar {
    background-image: url(../images/ecotep_sp.png);
    background-repeat: repeat-x;
    height: 40px;
    background-position: 0px 0px;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    z-index: 10;
}
#toolbarL {
    background-image: url(../images/ecotep_sp.png);
    background-repeat: no-repeat;
    height: 40px;
    background-position: -227px -508px;
    width: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 11;
}
#toolbarR {
    background-image: url(../images/ecotep_sp.png);
    background-repeat: no-repeat;
    height: 40px;
    background-position: -349px -508px;
    width: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 12;
}


.toolbarStyles {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 14;
}


.toolbarStyles .mainli{
    float:left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #FFF;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 8px;
    padding-left: 8px;
    background-attachment: scroll;
    background-image: url(../images/ecotep_sp.png);
    background-repeat: no-repeat;
    background-position: 0px -682px;
    margin-top: 3px;
    cursor: default;
    position: relative;
    z-index: 15;
}

.toolbarStyles div{
    position:absolute;
    background-image: url(../images/ecotep_sp.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: -4px 100%;
    width: 184px;
    top: 34px;
    left: 0px;
    padding-bottom: 12px;
    z-index: 16;
    display: none;
}

.toolbarStyles div ul{
    position:static;
    list-style-type: none;
    background-image: url(../images/ecotep_sp.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: -746px -453px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    display: block;
    padding-left: 0px;
    z-index: 17;
    margin: 0px;
    padding-top: 5px;
}
.toolbarStyles div ul li{
    background-image: url(../images/ecotep_sp.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0px -682px;
    margin-right: 5px;
    margin-left: 2px;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 7px;
    z-index: 18;
}



#toolbarLangAndSearch {
    float: right;
    padding-top: 11px;
    padding-right: 12px;
    position:relative;
    z-index: 13;
}
#toolbarLangAndSearch .toolbarSearch {
    background: transparent url(../images/ecotep_sp.png);
    background-repeat: no-repeat;
    background-position: -382px -830px;
    width: 90px;
    background-attachment: scroll;
    border:0 none;
    height:18px;
    display: inline;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    padding-top: 3px;
    padding-right: 17px;
    padding-bottom: 1px;
    padding-left: 5px;
    position:relative;
    margin:0 -21px 0 0;
}

#toolbarLangAndSearch .formButtonSearch {
    background: transparent;
    width: 16px;
    height: 20px;
    border:0 none;
    padding-top: 3px;
    padding-bottom: 1px;
    margin:0;
    position:relative;
}


.leftToolbarStyles {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


.leftToolbarStyles li {
    cursor: default;
    padding-bottom: 6px;
    text-decoration: none;
    font-weight: normal;
    padding-bottom: 6px;
    padding-left: 8px;
    background-attachment: scroll;
    background-image: url(../images/arrows_silver.png);
    background-repeat: no-repeat;
    background-position: -1px 2px;
}

.leftToolbarStyles li:hover {
    cursor: default;
    padding-bottom: 6px;
    text-decoration: none;
    font-weight: normal;
    padding-bottom: 6px;
    padding-left: 8px;
    background-attachment: scroll;
    background-image: url(../images/arrows_red.png);
    background-repeat: no-repeat;
    background-position: -1px 2px;
}

.leftToolbarStyles .hiddenUL{
    list-style-type: none;
    padding-left: 4px;
    padding-top: 6px;
    display: none;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

/*return this place*/
.leftToolbarStyles .hiddenUL li {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 8px;/*10*/
}
/* for materials form*/
.leftToolbarStyles .subUL{
    list-style-type: none;
    padding-left: 4px;
    padding-top: 0px;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}


.leftToolbarStyles .subUL li {
    margin-top: 7px;
    margin-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 8px;/*10*/
}

.leftToolbarStyles .subUL li a{    
    color: #333333;
    font-size: small;
}
/* for materials form*/

#mainbaner{
    padding-top: 10px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 952px;
    position: relative;
    height: 130px;
    z-index:4;
}
#mainbaner div{
    position: absolute;
    z-index:5;
}
#mainbaner div.active{
    position: absolute;
    z-index:7;
}

#mainbaner div.last-active {
    z-index:6;
}
#mainbaner div a {
    text-decoration: none;
}

.block {
    position: relative;
    display: block;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    margin-bottom: 10px;
}
.block .blockHeader .blockHeaderLT {
    background-image: url(../images/ecotep_sp.png);
    background-position: -500px -226px;
    background-repeat: no-repeat;
    width: 8px;
    height: 30px;
    background-attachment: scroll;
    left: -1px;
    top: -1px;
    position: absolute;
}
.block .blockHeader .blockHeaderRT {
    background-image: url(../images/ecotep_sp.png);
    background-position: -523px -226px;
    background-repeat: no-repeat;
    width: 8px;
    height: 30px;
    background-attachment: scroll;
    position: absolute;
    top: -1px;
    right: -1px;
}
.block .blockHeaderLB{
    background-image: url(../images/ecotep_sp.png);
    background-position: -548px -250px;
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
    background-attachment: scroll;
    left: -1px;
    position: absolute;
    bottom: -1px;
}
.block .blockHeaderRB{
    background-image: url(../images/ecotep_sp.png);
    background-position: -556px -250px;
    background-repeat: no-repeat;
    width: 5px;
    height: 5px;
    background-attachment: scroll;
    position: absolute;
    bottom: -1px;
    right: -1px;
}
.block .blockHeaderBGradient{
    background-image:url(../images/silver_gradient_back.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 100% 100%;
    position: absolute;
    bottom: 0%;
    height: 100%;
    width: 100%;
}
.block .blockHeaderTGradient{
    background-image:url(../images/silver_gradient_m_back.png);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 100% 100%;
    position: absolute;
    bottom: 0%;
    height: 100%;
    width: 100%;
}
.block .blockHeader{
    background-image: url(../images/ecotep_sp.png);
    background-repeat: repeat-x;
    background-position: 0px -266px;
    height: 24px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    font-weight: bolder;
    color: #000;
    background-attachment: scroll;
    display: block;
    position: relative;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.block .blockBody {
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    position: relative;
}


.quote {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    position: relative;
    margin-bottom: 10px;
    background-color: #EBEBEB;
    color: #333333;
}
.quote .quoteLT {
    background-image: url(../images/ecotep_sp.png);
    background-position: -606px -226px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-attachment: scroll;
    left: -1px;
    top: -1px;
    position: absolute;
}
.quote .quoteRT {
    background-image: url(../images/ecotep_sp.png);
    background-position: -646px -226px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-attachment: scroll;
    position: absolute;
    top: -1px;
    right: -1px;
}
.quote .quoteLB{
    background-image: url(../images/ecotep_sp.png);
    background-position: -687px -227px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-attachment: scroll;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.quote .quoteRB{
    background-image: url(../images/ecotep_sp.png);
    background-position: -721px -227px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-attachment: scroll;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.actionblock {
    position: relative;
    display: block;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
    position: relative;
    color: #A60000;
}

.hiddenSlogan {
    display: none;
}


/*the end*/

.thrColElsHdr #sidebar1 {
    float: left;
    width: 11em;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-top: 15px;
}
.thrColElsHdr #sidebar2 {
    float: right;
    width: 11em;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-top: 15px;
}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
    margin-left: 6px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 6px;
}


.thrColElsHdr #mainContent {
    margin-right: 12em;
    margin-bottom: 0;
    margin-left: 12em;
    padding-top: 15px;
    padding-bottom: 20px;
} 
.thrColElsHdr #footer {
    border-top-width: medium;
    border-top-style: solid;
    border-top-color: #CCC;
    text-align: center;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 15px;
    margin-right: 20px;
    margin-left: 20px;
} 
.thrColElsHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
          float: left;
          margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
}

.formPosition {
    width: 22em; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
} 

.formButton {
    background-attachment: scroll;
    background: transparent url(../images/button.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 20px;
    color: #FFF;
    display: inline;
    border:0 none;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 20px;
    background-position: 0px 0px;
}
.formButtonVote {
    background-attachment: scroll;
    background: transparent url(../images/buttonvote.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 20px;
    color: #000000;
    display: inline;
    border:0 none;
    padding-left: 5px;
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 4px;
}

input {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: small;
}


#errorblock {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: medium;
    background-attachment: scroll;
    background-image: url(../images/error.png);
    background-repeat: no-repeat;
    color: #900;
    background-color: #FFE6E6;
    padding-left: 70px;
    border: 1px solid #F00;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 30px;
    background-position: 6px 6px;
    font-weight: bold;
    text-align: left;
}
.errors {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: x-small;
    color: #ff0303;
}

h3 {
    font-family: Tahoma, Geneva, sans-serif;
}

#productTable td{
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #999999;
}
.vote {
    width: 1%;
    background-attachment: scroll;
    background-image: url(../images/vote.png);
    background-repeat: repeat-x;
    color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}