/*body {
padding:0;
margin:0;
border:0;
font:76% "times new roman", serif;
text-align:center;
background:#fff;
}
a {
color:#000;
}
a:visited {
color:#000;
}
a:active {
color:#000;
}
a:hover {
text-decoration:none;
color:#000;
}*/
#wrapper {
width:790px;
text-align:left;
position:relative;
background-color: #FFFFFF;
}
#heading {
padding:10px 10px 0 10px;
border-bottom:0px solid #48a4c0;
margin:0 0 9px 0;}
#heading2 {
padding:0px 0px 0;
vertical-align::top;
border-bottom:1px solid #48a4c0;
margin:0 0 0px 10px;
}
#heading h1 {
font: bold italic 3em "times new roman", serif; margin:0 0 0 50px;
padding:0;
}
#heading h1 span {
color:#888;
padding-left:2px;
}
#heading h2 {
font: normal 0.9em verdana, arial, sans-serif;
margin-left:50px;
padding-bottom:10px;
color:#444;
}
#navigation {
clear:both;
width:786px;
padding-left:2px;
margin:0 2px 0 2px;
list-style:none;
height:25px;
position:relative;
z-index:500;
font-size:11px;
font-family: arial, verdana, sans-serif;
}
#navigation li {
float:left;
margin-right:2px;
background: url(images/img_1.gif);
}
#navigation li a.top {
display:block;
float:left;
height:25px;
line-height:25px;
color:#333;
text-decoration:none;
font-weight:bold;
text-align:center;
padding:0 0 0 2px;
cursor:pointer;
background:url(images/img_0.gif);}
#navigation li a b {
float:left;
display:block;
padding:0 5px 0 5px;
background:url(images/img_0.gif) right top;
color:#fff;
}
#navigation li.current a {
color:#000;
background:url(images/img_2.gif)
}
#navigation li.current a b {
color:#000;
background:url(images/img_2.gif) right top;
}
#navigation li a.top:hover {
color:#999;
background: url(images/img_1.gif);
}
#navigation li a.top:hover b {
color:#999;
background:url(images/img_1.gif) right top;
}
#navigation li.current a.top:hover {
color:#000;
background: url(images/img_2.gif);
cursor:default;
}
#navigation li.current a.top:hover b {
color:#000;
background:url(images/img_2.gif) right top;
}
#navigation table {
border-collapse:collapse;
margin-right:-10px;
}
#navigation ul {
position:absolute;
left:-9999px;
top:-9999px;
padding:0;
margin:0;
list-style:none;
background: #86cbf5;
padding:10px 0;
white-space:nowrap;
height:auto;
width:auto;
z-index:300;
text-align:left;
}
#navigation li:hover {
position:relative;
z-index:300;
}
#navigation a:hover {
position:relative;
z-index:300;
background: transparent;
font-weight:normal;
}
#navigation :hover ul {
left:0;
top:25px;
white-space:nowrap;
border:1px solid #fff;
border-width:0 1px 1px;
border-color:#fff #ccc #aaa #eee;
}
#navigation :hover ul li a:hover {
text-decoration:underline;
}
/* show next level */
#navigation li:hover li:hover > ul {
left:-15px;
margin-left:100%;
top:-10px;
border:1px solid #fff;
border-color:#fff #ccc #aaa #eee;
}
/* keep further levels hidden */
#navigation li:hover > ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:auto;
}
/* show path followed */
#navigation li:hover li:hover > a {
text-decoration:underline;
font-weight:normal;
}
#navigation :hover ul li {
float:none;
background:transparent;
}
#navigation a:hover ul li {
float:left;
}
#navigation :hover ul li a {
display:block;
font-size:12px;
height:18px;
line-height:18px;
width:auto;
padding:0 10px;
color:#000;
background:url(trans.gif);
text-decoration:none;
text-align:left;
}
/* brand css begin */
.brandname{
width: 600px;
}
.brandname ul{
list-style-type: disc;
margin-left: 20px;
float: left;
width: 100%;
}
.brandname ul li{
float: left;
width: 300px;
color: #f36320;
list-style-type: disc;
}
/* brand css ends */
/* show next level */
#navigation a:hover a:hover ul,
#navigation a:hover a:hover a:hover ul
{
left:100%;
top:-10px;
border:1px solid #fff;
border-color:#fff #ccc #aaa #eee;
}
/* keep further levels hidden */
#navigation a:hover ul ul,
#navigation a:hover a:hover ul ul
{
position:absolute;
left:-9999px;
top:-9999px;
}
.clear {
clear:both;
}