/* --------- main menus ------- */

#tablist {position: absolute; bottom: 86%; padding: 0px; margin: 0px; left: 53px; width: 890px; background-color: Transparent;}
#tablist li {float: left; position: relative; width: auto; padding: 0px 28px 0px 0px;}
#tablist li ul {display: none; position: absolute; top: 28px; left: 0px;}
#tablist li:hover ul {display: block;}
#tablist li ul li {width: 150px; padding: 0px;}
	
#tablist li a {color: #FFFFFF;}
#tablist li label {color: #00BFFF;}
#tablist li a, #tablist li label
{
	background-color: Transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	width: auto;
	line-height: 30px;
	font-size: 110%;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
}
#tablist li a:hover {color: #00BFFF;}
#tablist li a.on {color: #00BFFF;}

#tablist li ul li a
{
	background-color: rgb(73, 73, 73);
	margin: 0px;
	padding: 2px 5px 2px 5px;
	height: auto;
	width: auto;
	display: block;
	line-height: 150%;
	font-size: 100%;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	border-style: solid; 
	border-width: 0px 1px 1px 1px; 
	border-color: #808080;
}
#tablist li ul li a:hover {color: #FFFFFF; background-color: #B22222;}

/* --------- column menus ------- */

ul.cols
{
	background-color: Transparent;
	height: 101%;
	list-style: none;
	border-style: none; 
}
ul.cols li.gap {padding: 0px 0px 10px 0px; border-style: solid; border-width: 0px 0px 1px 0px; background-color: rgb(99, 99, 99); border-color: rgb(123, 123, 123);}

ul.cols ul {padding: 0px; margin: 0px; border-style: none; background-color: Transparent;}
ul.cols a 
{
	display: block;
	padding: 0px; margin: 0px;
	text-align: left; 
	padding: 4px 3px 6px 5px; 
	background-color: rgb(103, 103, 103); 
	text-decoration: none;
	color: #F5F5F5;
	font-size: 100%;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: rgb(123, 123, 123);
}

ul.cols a span {padding: 0px 0px 0px 4px; color: #FFFF00;}
ul.cols a span.wall {padding: 0px 0px 0px 0px; color: #7CFC00; font-weight: bold;}
ul.cols li ul li a {padding: 4px 3px 6px 12px;}

ul.cols a.heading {font-weight: bold; background-color: rgb(91, 91, 91);}
ul.cols a.on {background-color: #B22222; color: #FFFFFF;}
ul.cols a:hover {background-color: #B22222; text-decoration: none;}

ul.prices li a.on {background-color: rgb(50, 108, 17);}
ul.prices li a:hover {background-color: rgb(50, 108, 17);}
ul.reviews li a.on {background-color: rgb(196, 0, 34);}
ul.reviews li a:hover {background-color: rgb(196, 0, 34);}
ul.services li a.on {background-color: rgb(0, 136, 153);}
ul.services li a:hover {background-color: rgb(0, 136, 153);}
ul.about li a.on {background-color: rgb(128, 128, 0);}
ul.about li a:hover {background-color: rgb(128, 128, 0);}

ul.period a {text-indent: -22px; padding: 4px 3px 6px 26px;}
ul.period li a span {padding: 0px 0px 0px 10px;}
ul.series a {text-indent: -30px; padding: 4px 3px 6px 34px;}
ul.series li a span {padding: 0px 0px 0px 11px;}

/* Film Tab*/

div.filmhead ul {position: absolute; background-color: Transparent; display: block; height: 21px; width: 407px; left: 2px; bottom: 1px;}
div.filmhead ul li {float: left;}
div.filmhead ul li a
{
	background-image: url(../../lib/img/tab.jpg);
	background-repeat: no-repeat;
	background-position: -100px 0px;
	background-color: Transparent;
	color: #FFFFFF;
	line-height: 100%;
	text-decoration: none;
	vertical-align: middle;
	margin: 0px 1px 0px 0px;
	padding: 4px 0px 0px 0px;
	display: block;
	height: 17px;
	width: 100px;
	line-height: 120%;
	font-size: 100%;
	vertical-align: middle;
	text-align: center;
	border-style: none; 
}
div.filmhead ul li a:hover {background-position: 0px 0px;}
div.filmhead ul li a.on {background-position: 0px 0px; padding: 4px 0px 0px 0px;}

/* Index Tabs */

div.indxhead ul {position: absolute; background-color: Transparent; display: block; height: 21px; width: 730px; left: 2px; bottom: 1px;}
div.indxhead ul li {float: left;}
div.indxhead ul li a
{
	background-image: url(../../lib/img/alphatab.jpg);
	background-repeat: no-repeat;
	background-position: -27px 0px;
	background-color: Transparent;
	color: #FFFFFF;
	line-height: 100%;
	text-decoration: none;
	vertical-align: middle;
	margin: 0px 1px 0px 0px;
	padding: 4px 0px 0px 0px;
	display: block;
	height: 17px;
	width: 27px;
	line-height: 120%;
	font-size: 100%;
	vertical-align: middle;
	text-align: center;
	border-style: none; 
}
div.indxhead ul li a:hover {background-position: 0px 0px;}
div.indxhead ul li a.on {background-position: 0px 0px; padding: 4px 0px 0px 0px;}