/* NAV */
#header-container{}

ul#top-navigation{height:25px; background:#295aa7 url('images1/top-navigation-bg.gif') repeat-x 0 0; margin:0; padding:0; overflow:hidden}
ul#top-navigation li{float:right; list-style:none;  margin:0; padding:0; width:12%; background:url('images1/top-div.gif') no-repeat 0 0}
ul#top-navigation li a{color:#FFF; display:block; width:100%; text-align:center; font-size:1em; text-transform:uppercase; height:25px; padding-top:7px; font-weight:bold}

ul#top-navigation li.my-account{width:12%}
ul#top-navigation li.edit-my-items{width:12%}
ul#top-navigation li.logout{width:10%}

ul#top-navigation li.my-account a{background:url('images1/my-account.gif') no-repeat top center; text-indent:-9999px}
ul#top-navigation li.edit-my-items a{background:url('images1/edit-my-items.gif') no-repeat top center; text-indent:-9999px}
ul#top-navigation li.logout a{background:url('images1/logout.gif') no-repeat top center; text-indent:-9999px}
ul#top-navigation li.manage-users a{background:url('images1/manage-users.gif') no-repeat top center; text-indent:-9999px}

ul#top-navigation li a:hover{background-position:center -25px}

ul#primary-navigation{height:26px; background:#ededed url('images1/primary-navigation-bg.gif') repeat-x 0 0; margin:0; padding:0; overflow:hidden; text-align:center; font-size:1em; text-transform:uppercase; font-weight:bold}
ul#primary-navigation li{float:left; list-style:none;  margin:0; padding:0; width:14%; background:url('images1/primary-div.gif') no-repeat 0 0}
ul#primary-navigation li span.active, 
ul#primary-navigation li a{display:block; width:100%; text-align:center; font-size:1em; text-transform:uppercase; height:25px; padding-top:7px; font-weight:bold}

ul#primary-navigation li.dashboard{width:8%}
ul#primary-navigation li.check-availability{width:22%}
ul#primary-navigation li.view-rollings{width:10%}
ul#primary-navigation li.schedule-orders-for-shipment{width:20%}
ul#primary-navigation li.view-open-orders{width:12%}
ul#primary-navigation li.view-order-history{width:13%}
ul#primary-navigation li.retrieve-documents{width:14%}

ul#primary-navigation li.dashboard a{background:url('images1/dashboard.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.check-availability a{background:url('images1/check-availability.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.view-rollings a{background:url('images1/view-rollings.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.schedule-orders-for-shipment a{background:url('images1/schedule-orders-for-shipment.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.view-open-orders a{background:url('images1/view-open-orders.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.view-order-history a{background:url('images1/view-order-history.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.retrieve-documents a{background:url('images1/retrieve-documents.gif') no-repeat top center; text-indent:-9999px}

ul#primary-navigation li.dashboard span.active{background:url('images1/dashboard.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.check-availability span.active{background:url('images1/check-availability.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.view-rollings span.active{background:url('images1/view-rollings.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.schedule-orders-for-shipment span.active{background:url('images1/schedule-orders-for-shipment.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.view-open-orders span.active{background:url('images1/view-open-orders.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.view-order-history span.active{background:url('images1/view-order-history.gif') no-repeat top center; text-indent:-9999px}
ul#primary-navigation li.retrieve-documents span.active{background:url('images1/retrieve-documents.gif') no-repeat top center; text-indent:-9999px}

ul#primary-navigation li a:hover{background-position:center -26px}