#nav_container {
  position: relative;
  width: 700px;
  height: 33px;
  padding-left: 0;
  /* margin: 3px 0 20px 0; */
  /* background: #7FA0B1;	*/
  clear: none;
  z-index: 0;
}

#nav {
  position: absolute;
  top: 0px;
  left: 40px;
  margin: 0;
  padding: 0;
  height: 33px;
  list-style: none;
  display: inline;
  overflow: hidden;
  width: 499px; /* CHANGE ME to the width of all of the buttons added together */
}

#nav li {
  margin: 0; 
  padding: 0;
  list-style-type: none;
  display: inline;
  /* hide from IE mac \*/
  float: left;
  /* end hiding from IE5 mac */
}

#nav a {
  float: left;
  padding: 33px 0 0 0; /* CHANGE ME to the actual height of the tab image */
  overflow: hidden;
  height: 0px !important; 
  height /**/:33px; /* for IE5/Win only -- CHANGE ME to the actual height of the tab image */
}
        
#nav a:hover {
  background-position: 0 -33px; /* CHANGE ME to the actual height of the tab image */
}

#nav a:active, #nav a.selected {
  background-position: 0 -66px; /* CHANGE ME to (2 * the actual height of the tab image) */
}

/* Custom link tabs for each nav element in this application */
#tab_home a  {
  width: 55px;
  background: url(/images/buttons/tab_home.gif) top left no-repeat;
}

#tab_how_it_works a  {
  width: 98px;
  background: url(/images/buttons/tab_how_it_works.gif) top left no-repeat;
}

#tab_browse_selection a  {
  width: 124px;
  background: url(/images/buttons/tab_browse_selection.gif) top left no-repeat;
}

#tab_start_free_trial a  {
  width: 158px;
  background: url(/images/buttons/tab_start_free_trial.gif) top left no-repeat;
}

#search_container {
  position: relative;
  width: 700px;
  height: 22px;
  padding-left: 0;
  /* margin: 3px 0 20px 0; */
  /* background: #7FA0B1; */
  clear: none;
}

#search {
  position: absolute;
  top: 0px;
  left: 35px;
  margin: 0;
  padding: 0;
  height: 22px;
  list-style: none;
  display: inline;
  overflow: hidden;
  width: 350px; /* CHANGE ME to the width of all of the buttons added together */
}

#search li {
  list-style-type: none;
  float: left;
  display: inline;
  text-indent: 12px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 22px;
 /* hide from IE mac \*/
  float: left;
  /* end hiding from IE5 mac */
}

#search a {
  margin: 0;
  padding: 0;
  float: left;
  padding: 0px 0px 0px 0px; /* CHANGE ME to the actual height of the tab image */
  overflow: hidden;
  height: 22px !important; 
  height /**/:22px; /* for IE5/Win only -- CHANGE ME to the actual height of the tab image */
  color: #000000;
  text-decoration: none;
  font-size: 80%;
}
        
#search a:hover {
  background-position: 0 -22px; /* CHANGE ME to the actual height of the tab image */
}

#search a:active, #search a.selected {
  background-position: 0 -44px; /* CHANGE ME to (2 * the actual height of the tab image) */
  color: #FFFFFF;
}

#search_movies a{
  width: 125px;
  background: url(/images/buttons/search_tab_movies.gif) top left no-repeat;
}

#search_actors a{
  width: 157px;
  background: url(/images/buttons/search_tab_actors.gif) top left no-repeat;
}

#account_container {
  position: relative;
  width: 650px;
  height: 22px;
  top: 0px;
  padding-left: 0;
  /* margin: 3px 0 20px 0; */
  /* background: #7FA0B1; */
  clear: none;
}

#account {
  position: absolute;
  top: 0px;
  left: 40px;
  margin: 0;
  padding: 0;
  height: 22px;
  list-style: none;
  display: inline;
  overflow: hidden;
  width: 650px; /* CHANGE ME to the width of all of the buttons added together */
}

#account li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  list-style-type: none;
  text-indent: 9px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 22px;
}

#account a {
  float: left;
  padding: 0px 0px 0px 0px; /* CHANGE ME to the actual height of the tab image */
  overflow: hidden;
  height: 22px !important; 
  height /**/:22px; /* for IE5/Win only -- CHANGE ME to the actual height of the tab image */
  color: #000000;
  text-decoration: none;
  font-size: 80%;
}
        
#account a:hover {
  background-position: 0 -22px; /* CHANGE ME to the actual height of the tab image */
}

#account a:active, #account a.selected {
  background-position: 0 -44px; /* CHANGE ME to (2 * the actual height of the tab image) */
  color: #FFFFFF;
}

/* Custom link tabs for each nav element in this application */
#account_tab a{
  width: 121px;
  background: url(/images/buttons/account_tab_personal.gif) top left no-repeat;
}

/* Tabs for the member layout */
#nav_member_container {
  position: relative;
  padding-left: 0;
  clear: none;
  /* margin: 3px 0 20px 0; */
  /* background: #7FA0B1;	*/
  width: 700px;
  height: 33px;
}

#nav_member {
  position: absolute;
  top: 4px;
  left: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  overflow: hidden;
  width: 226px;
  height: 26px;
}

#nav_member li {
  margin: 0; 
  padding: 0;
  list-style-type: none;
  display: inline;
}

#nav_member a {
  float: left;
  padding: 0 0 0 0;
  overflow: hidden;
  height: 26px !important; 
  height /**/:26px; /* for IE5/Win only */
}
        
#nav_member a:hover {
  background-position: 0 -26px;
}

#nav_member a:active, #nav_member a.selected {
  background-position: 0 -52px;
}

/* Specific tabs for the member layout*/
#tab_member_home a  {
  width: 51px;
  background: url(/images/buttons/tab_member_home.gif) top left no-repeat;
}

#tab_top_100 a  {
  width: 74px;
  background: url(/images/buttons/tab_top_100.gif) top left no-repeat;
}

#tab_new_arrivals a  {
  width: 101px;
  background: url(/images/buttons/tab_new_arrivals.gif) top left no-repeat;
}
/* -- end member layout tabs -- */


/* Tabs for the admin layout */
#nav_admin_container {
  position: relative;
  padding-left: 0;
  clear: none;
  /* margin: 3px 0 20px 0; */
  /* background: #7FA0B1;	*/
  width: 700px;
  height: 22px;
}

#nav_admin {
  position: absolute;
  top: 0px;
  left: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  overflow: hidden;
  width: 650px;
  height: 22px;
}

#nav_admin li {
  margin: 0; 
  padding: 0;
  list-style-type: none;
  display: inline;
}

#nav_admin a {
  float: left;
  padding: 0 0 0 0;
  overflow: hidden;
  height: 22px !important; 
  height /**/:22px; /* for IE5/Win only */
}

#nav_admin a:hover {
  background-position: 0 -22px;
}

#nav_admin a:active, #nav_admin a.selected {
  background-position: 0 -44px;
}

/* Custom link tabs for each nav element in this application */

/* buttons/tab_dashboard.gif */
#tab_dashboard a  {
  width: 87px;
  background: url(/images/buttons/tab_dashboard.gif) top left no-repeat;
}

/* buttons/tab_genres.gif */
#tab_genres a  {
  width: 69px;
  background: url(/images/buttons/tab_genres.gif) top left no-repeat;
}

/* buttons/tab_movies.gif */
#tab_movies a  {
  width: 67px;
  background: url(/images/buttons/tab_movies.gif) top left no-repeat;
}

/* buttons/tab_members.gif */
#tab_members a  {
  width: 83px;
  background: url(/images/buttons/tab_members.gif) top left no-repeat;
}

/* buttons/tab_plans.gif */
#tab_plans a  {
  width: 58px;
  background: url(/images/buttons/tab_plans.gif) top left no-repeat;
}

/* buttons/tab_email.gif */
#tab_email a  {
  width: 58px;
  background: url(/images/buttons/tab_email.gif) top left no-repeat;
}

/* buttons/tab_helps.gif */
#tab_helps a  {
  width: 58px;
  background: url(/images/buttons/tab_helps.gif) top left no-repeat;
}

/* buttons/tab_settings.gif */
#tab_settings a  {
  width: 71px;
  background: url(/images/buttons/tab_settings.gif) top left no-repeat;
}
/* buttons/tab_settings.gif */
#tab_lists a {
  width: 71px;
  background: url(/images/buttons/tab_ship_lists.jpg) top left no-repeat;
}