/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu1{
font-family: arial, sans-serif; width:135px; height:330px; position:relative; font-size: 11px; margin: 0px; background:#eee; padding:10px 10px; border:1px solid #888;
}
.menu1 ul {
padding:0; margin:0; list-style-type: none;
}
.menu1 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:134px;
}
.menu1 ul li {
float:left; position:relative; z-index:90;
}
.menu1 ul li a, .menu1 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:100px; height:30px; line-height:29px; font-size:11px; background:transparent; padding-left:35px;
}
* html .menu1 ul li a, .menu1 ul li a:visited {width:135px; w\idth:100px;}

.menu1 ul li.home {background:url(home1.jpg);}
.menu1 ul li.client-home {background:url(client-home.jpg);}
.menu1 ul li.products {background:url(sell-to-us.jpg);}
.menu1 ul li.services {background:url(home2.jpg);}
.menu1 ul li.buy {background:url(buy-from-us.jpg);}
.menu1 ul li.rent {background:url(rent-to-buy.jpg);}
.menu1 ul li.deposit {background:url(buy-from-us.jpg);}
.menu1 ul li.jv {background:url(jv.jpg);}
.menu1 ul li.contact {background:url(contact.jpg);}
.menu1 ul li.sitemap {background:url(sitemap1.jpg);}
.menu1 ul li.news {background:url(news.jpg);}
.menu1 ul li.clients {background:url(clients.jpg);}
.menu1 ul li.my-files {background:url(my-files.jpg);}
.menu1 ul li.common-files {background:url(common-files.jpg);}
.menu1 ul li.logout {background:url(logout.jpg);}
.menu1 ul li.client-news {background:url(client-news.jpg);}

.menu1 ul li ul li.dollar {background:url(dollar.gif) no-repeat;}
.menu1 ul li ul li.hand {background:url(hand.gif) no-repeat;}
.menu1 ul li ul li.query {background:url(query.gif) no-repeat;}
.menu1 ul li ul li.lend {background:url(money.gif) no-repeat;}
.menu1 ul li ul li.apply {background:url(apply.gif) no-repeat;}
.menu1 ul li ul li.credit {background:url(creditfile.gif) no-repeat;}
.menu1 ul li ul li.works {background:url(works.gif) no-repeat;}
.menu1 ul li ul li.subnews1 {background:url(subnews1.gif) no-repeat;}
.menu1 ul li ul li.subnews2 {background:url(subnews2.gif) no-repeat;}
.menu1 ul li ul li.subnews3 {background:url(subnews3.gif) no-repeat;}
.menu1 ul li ul li.subserv1 {background:url(subserv1.gif) no-repeat;}
.menu1 ul li ul li.subserv2 {background:url(subserv2.gif) no-repeat;}
.menu1 ul li ul li.subserv3 {background:url(subserv3.gif) no-repeat;}
.menu1 ul li ul li.subserv4 {background:url(subserv4.gif) no-repeat;}
.menu1 ul li ul li.subserv5 {background:url(subserv5.gif) no-repeat;}
.menu1 ul li ul li.login {background:url(login.gif) no-repeat;}

.menu1 table {
border-collapse:collapse; border:0; padding:0; font-size: 1em; position:absolute; left:0; top:0;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover{
text-decoration:underline; border:0;
}

.menu1 ul li a:hover {position:relative; z-index:100;}

.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {
visibility:visible; width:210px; height:auto; border:1px solid #606; z-index:10; background:#f8f8f8; overflow:visible;
}
.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{
display:block; background:transparent; color:#000; width:175px; line-height:15px; padding:5px 0 5px 35px; height:auto; text-decoration:none;
}
* html .menu1 ul li a:hover ul li a {width:175px; w\idth:140px;}

.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {
text-decoration:underline; border:0;
}
.menu1 ul li:hover ul li ul,
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:151px;
}
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:150px; height:auto; color:#000; padding:0; border:1px solid #888; list-style-type:none; background:#eee;
}
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {
display:block; width:115px; background:transparent; color:#000;
}
* html .menu1 ul li a:hover ul li a:hover ul li a {width:150px; w\idth:115px;}

.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {
background:#ddd; text-decoration:underline;
}
/* common styling */
.menu-client{
font-family: arial, sans-serif; width:135px; height:210px; position:relative; font-size: 11px; margin: 0px; background:#eee; padding:10px 10px; border:1px solid #888;
}
.menu-client ul {
padding:0; margin:0; list-style-type: none;
}
.menu-client ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:134px;
}
.menu-client ul li {
float:left; position:relative; z-index:90;
}
.menu-client ul li a, .menu-client ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:100px; height:30px; line-height:29px; font-size:11px; background:transparent; padding-left:35px;
}
* html .menu-client ul li a, .menu-client ul li a:visited {width:135px; w\idth:100px;}

.menu-client ul li.home {background:url(home1.jpg);}
.menu-client ul li.client-home {background:url(client-home.jpg);}
.menu-client ul li.products {background:url(sell-to-us.jpg);}
.menu-client ul li.services {background:url(home2.jpg);}
.menu-client ul li.buy {background:url(buy-from-us.jpg);}
.menu-client ul li.rent {background:url(rent-to-buy.jpg);}
.menu-client ul li.deposit {background:url(buy-from-us.jpg);}
.menu-client ul li.jv {background:url(jv.jpg);}
.menu-client ul li.contact {background:url(contact.jpg);}
.menu-client ul li.sitemap {background:url(sitemap1.jpg);}
.menu-client ul li.news {background:url(news.jpg);}
.menu-client ul li.clients {background:url(clients.jpg);}
.menu-client ul li.my-files {background:url(my-files.jpg);}
.menu-client ul li.common-files {background:url(common-files.jpg);}
.menu-client ul li.logout {background:url(logout.jpg);}
.menu-client ul li.client-news {background:url(client-news.jpg);}

.menu-client ul li ul li.dollar {background:url(dollar.gif) no-repeat;}
.menu-client ul li ul li.hand {background:url(hand.gif) no-repeat;}
.menu-client ul li ul li.query {background:url(query.gif) no-repeat;}
.menu-client ul li ul li.lend {background:url(money.gif) no-repeat;}
.menu-client ul li ul li.apply {background:url(apply.gif) no-repeat;}
.menu-client ul li ul li.credit {background:url(creditfile.gif) no-repeat;}
.menu-client ul li ul li.works {background:url(works.gif) no-repeat;}
.menu-client ul li ul li.subnews1 {background:url(subnews1.gif) no-repeat;}
.menu-client ul li ul li.subnews2 {background:url(subnews2.gif) no-repeat;}
.menu-client ul li ul li.subnews3 {background:url(subnews3.gif) no-repeat;}
.menu-client ul li ul li.subserv1 {background:url(subserv1.gif) no-repeat;}
.menu-client ul li ul li.subserv2 {background:url(subserv2.gif) no-repeat;}
.menu-client ul li ul li.subserv3 {background:url(subserv3.gif) no-repeat;}
.menu-client ul li ul li.subserv4 {background:url(subserv4.gif) no-repeat;}
.menu-client ul li ul li.subserv5 {background:url(subserv5.gif) no-repeat;}
.menu-client ul li ul li.login {background:url(login.gif) no-repeat;}

.menu-client table {
border-collapse:collapse; border:0; padding:0; font-size: 1em; position:absolute; left:0; top:0;
}

.menu-client ul li:hover a,
.menu-client ul li a:hover{
text-decoration:underline; border:0;
}

.menu-client ul li a:hover {position:relative; z-index:100;}

.menu-client ul li:hover ul,
.menu-client ul li a:hover ul {
visibility:visible; width:210px; height:auto; border:1px solid #606; z-index:10; background:#f8f8f8; overflow:visible;
}
.menu-client ul li:hover ul li a,
.menu-client ul li a:hover ul li a{
display:block; background:transparent; color:#000; width:175px; line-height:15px; padding:5px 0 5px 35px; height:auto; text-decoration:none;
}
* html .menu-client ul li a:hover ul li a {width:175px; w\idth:140px;}

.menu-client ul li:hover ul li a:hover,
.menu-client ul li a:hover ul li a:hover {
text-decoration:underline; border:0;
}
.menu-client ul li:hover ul li ul,
.menu-client ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:151px;
}
.menu-client ul li:hover ul li:hover ul,
.menu-client ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:150px; height:auto; color:#000; padding:0; border:1px solid #888; list-style-type:none; background:#eee;
}
.menu-client ul li:hover ul li:hover ul li a,
.menu-client ul li a:hover ul li a:hover ul li a {
display:block; width:115px; background:transparent; color:#000;
}
* html .menu-client ul li a:hover ul li a:hover ul li a {width:150px; w\idth:115px;}

.menu-client ul li:hover ul li:hover ul li a:hover,
.menu-client ul li a:hover ul li a:hover ul li a:hover {
background:#ddd; text-decoration:underline;
}