@charset "utf-8"; 

div#menu {width : 200px; float: left;margin : 0px 0px 0px 0px;}

#nav_main, #supportmenu {
width: 180px;list-style-type: none; padding: 0;background: #f3fbea url('../menu_images/navtop.gif') top no-repeat;
text-align : left; margin-bottom : 5px;}

#nav_main ul, #supportmenu ul {width: 150px;list-style-type: none;padding: 15px;margin: 0;background: url('../menu_images/navbottom.gif') bottom no-repeat;}

#nav_main ul li, #supportmenu ul li  {padding: 0; margin: 0px 0px 1px 0px; /* size of the bottom border on the nav links */font-size: 12px; line-height : 28px; text-indent : 32px; /* gives the text space to the left */background-color : #81b915;}

#nav_main ul li a, #supportmenu ul li a{background-position : 0px 0px; /* alters the position of left nav image */background-repeat :  no-repeat;}
#nav_main ul li #home {background-image : url('../menu_images/home.gif');}
#nav_main ul li #hosting {background-image : url('../menu_images/hosting.gif');}
#nav_main ul li #announce {background-image : url('../menu_images/announcements.gif');}
#nav_main ul li #domains {background-image : url('../menu_images/domains.gif');}
#nav_main ul li #webservices {background-image : url('../menu_images/webservices.gif');}
#nav_main ul li #download {background-image : url('../menu_images/downloads.gif');}
#nav_main ul li #knowledge {background-image : url('../menu_images/knowledgebase.gif');}
#nav_main ul li #order {background-image : url('../menu_images/order.gif');}
#nav_main ul li #faq {background-image : url('../menu_images/faq.gif');}
#nav_main ul li #contact {background-image : url('../menu_images/contact.gif');}
#nav_main ul li #blog {background-image : url('../menu_images/blog.gif');}
#nav_main ul li #failover {background-image : url('../menu_images/failover.gif');}

#nav_main ul li.cat-item {font-size: 11px;text-indent : 22px;line-height:24px;}

#supportmenu ul li #clientarea {background-image : url('../menu_images/clientarea.gif');}
#supportmenu ul li #support {background-image : url('../menu_images/support.gif');}
#supportmenu ul li #login {background-image : url('../menu_images/login.gif');}
#supportmenu ul li #logout {background-image : url('../menu_images/logout.gif');}
#supportmenu ul li #forum {background-image : url('../menu_images/forum.gif');}
#supportmenu ul li #mydomains {background-image : url('../menu_images/domains.gif');}
#supportmenu ul li #mydetails {background-image : url('../menu_images/mydetails.gif');}
#supportmenu ul li #myservices {background-image : url('../menu_images/myservices.gif');}
#supportmenu ul li #myhostingpackages {background-image : url('../menu_images/myhostingpackages.gif');}
#supportmenu ul li #myemails {background-image : url('../menu_images/myemails.gif');}
#supportmenu ul li #myinvoices, #supportmenu ul li #affiliates {background-image : url('../menu_images/myinvoices.gif');}
#supportmenu ul li #serverstatus {background-image : url('../menu_images/serverstatus.gif');}
#supportmenu ul li #networkissues {background-image : url('../menu_images/networkissues.gif');}
#supportmenu ul li #submitticket {background-image : url('../menu_images/submitticket.gif');}
#supportmenu ul li #mysupporttickets {background-image : url('../menu_images/mysupporttickets.gif');}

#nav_main ul li a, #nav_main ul li a, #supportmenu ul li a, #supportmenu ul li a {display: block; text-decoration: none; height: 28px; width : 150px; color : #f3fbea;}
#nav_main ul li a:hover, #supportmenu ul li a:hover {background-position :  0px -28px; color : #fff; background-color : #0A50A1;}
#nav_main ul  li .active, #supportmenu ul li .active {COLOR : #81b915;background-position :  0px -56px; background-repeat : no-repeat; background-color : #fff;}
#nav_main ul li a.active:hover, #supportmenu ul li a.active:hover {background-position :  0px -28px; color : #fff; background-color : #0A50A1;}



#nav_main ul li.cat-item a {height: 24px;background-image : url('../menu_images/arrow.gif'); background-position: 8px 10px;}
#nav_main ul li.current-cat a {color : #81b915; background-image : url('../menu_images/arrow_on.gif'); background-position: 8px 10px;background-color : #fff;}
#nav_main ul li.cat-item a:hover, #nav_main ul li.current-cat a:hover {height: 24px;color : #fff;background-image : url('../menu_images/arrow-over.gif');background-color : #0A50A1;}
/* login box */
#supportmenu ul #loginform {text-indent : 0px;background-color : #81b915; width : 150px;height : 121px;font-size : 9px}
#supportmenu ul #loginform form {margin-bottom : 0px;color: #f3fbea;}
#supportmenu ul #loginform form p {margin : 0px 0px 0px 0px;padding : 5px 0px 0px 8px;line-height : 13px;font-size : 11px;color: #f3fbea;}
#supportmenu ul #loginform form p input {width : 130px;font-size: 11px;background: #f3fbea;color: #817e83;border: 1px solid #a1ac81;padding : 3px 0px 0px 3px;height : 18px;margin-top : 2pxmargin-bottom : 0px;}
#supportmenu ul #loginform form input.submitbutton  {color: #f3fbea;background: #81b915;border: 1px solid #f3fbea;font-size : 10px; width : 45px; padding : 2px 1px 2px 0px; margin : 0px;}
#supportmenu ul #loginform form input.submitbutton:hover {color : #f3fbea; background-color : #0A50A1;}
 /* end login box */