body {background-color: #D9D8D8; text-decoration: none; font: normal 8pt Verdana; color: #666; margin: 8pt 0 3pt}

h1, h2, h3 {font-family: Verdana; font-weight: bold}
h1 {font-size: 10pt; color: #ff6600; margin: 11pt 0 5pt}
h2 {font-size: 9pt; color: #999; margin: 10pt 0 5pt}
h3 {font-size: 8pt; color: #666; margin: 9pt 0 5pt}

a:link, a:visited {font-family: Verdana; color: #c60; text-decoration: none}
a:hover {text-decoration: underline}
a.menu1:link, a.menu1:visited {font-family: Verdana; color: #92CAD4; text-decoration: none; font-weight: bold}
a.menu1:hover {text-decoration: underline}
a.menu2:link, a.menu2:visited {font-family: Verdana; color: #c60; text-decoration: none; font-weight: bold}
a.menu2:hover {text-decoration: underline}



.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid orange;
overflow: scroll; /*leave this value alone*/
width: 270px; /* 270 */
height: 195px; /* 200 */
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 250px; /* pildi suurus*/
}




#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 500;
cursor: hand;
cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 499;
}