/* css for thumbnails ----------------------------------------------------------------------------------------- */
.thumb-nav {
	top: 55px; 
	z-index: 10; 
	color: #535577;
	}
.thumb-nav a, .thumb-nav a:visited, .thumb-nav a:hover, .thumb-nav a:active {
	color: #535577;
	text-decoration: none;
	}
.thumb-navOn {
	top: 55px; 
	z-index: 20; 
	visibility: hidden; 
	color: #ff6600;
	}
.thumb-navOn a, .thumb-navOn a:visited, .thumb-navOn a:hover, .thumb-navOn a:active {
	color: #ff6600;
	text-decoration: none;
	}
.thumb-navRoll {
	top: 55px; 
	z-index: 40; 
	visibility: hidden; 
	color: #ffffff;
	}
.thumb-navRoll a, .thumb-navRoll a:visited, .thumb-navRoll a:hover, .thumb-navRoll a:active {
	color: #ffffff;
	text-decoration: none;
	}
.thumb-navRollBlue {
	top: 55px; 
	z-index: 40; 
	visibility: hidden; 
	color: #535577;
	}
.thumb-navRollBlue a, .thumb-navRollBlue a:visited, .thumb-navRollBlue a:hover, .thumb-navRollBlue a:active {
	color: #535577;
	text-decoration: none;
	}
.thumbnail {
	top: 23px;
	z-index: 30; 
	}
.big {
	position: absolute; 
	top: 71px; 
	left: 189px; 
	z-index: 50; 
	visibility: hidden; 
}
.arrow {
	position: absolute; 
	top: 481px; 
	left: 189px; 
	z-index: 40; 
	visibility: hidden; 
	}
#o00 {
	width: 12px;
	visibility: visible; 
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o01 {
	width: 12px;
	visibility: visible; 
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o02 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o03 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o04 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o05 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o06 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o07 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o08 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o09 {
	width: 13px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o10 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o11 {
	width: 18px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o12 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o13 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o14 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o15 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o16 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o17 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#o18 {
	width: 19px;
	background: url(../images/dot2.gif) right top no-repeat;
	}
#a01 {
	visibility: visible; 
	}
#b01 {
	visibility: visible; 
	}



/* css for thumbs old ----------------------------------------------------------------------------------------- */
/*
#thumbs {
	position: relative;
	padding: 52px 0 0 0;
	width: 850px;
	height: 42px;
    clear: both;
	}
#thumbs ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#thumbs ul li {
	padding: 0;
	margin: 0;
	float: left;
	}
#thumbs div {
	position: absolute;
	height: 42px;
	}
#thumbs a, 
#thumbs a:visited {
	padding: 35px 0 0 5px;
	height: 42px;
	display: block;
	letter-spacing: .1em;
	color: #535577;
	text-decoration: none;
	}	
#thumbs a:active, 
#thumbs a:hover {
	color: #ffffff;
	text-decoration: none;
	}	
#thumbs a#on, 
#thumbs a#on:visited,
#thumbs a#on:active, 
#thumbs a#on:hover {
	padding: 35px 0 0 5px;
	height: 42px;
	display: block;
	color: #ff6600;
	text-decoration: none;
	background: url(../images/dot2.gif) left no-repeat;
	}
#thumbs a#arrow, 
#thumbs a#arrow:visited,
#thumbs a#arrow:active, 
#thumbs a#arrow:hover {
	padding: 0;
	width: 16px;
	height: 22px;
	text-decoration: none;
	}