/* widths of each tab */
 #navIIa { width: 156px; }
 #navIIb { width: 145px; }
 #navIIc { width: 115px; }
 #navIId { width: 93px; }
 #navIIe { width: 307px; }
 #navIIf { width: 73px; visibility:hidden}

 
/* backgrounds for each div that is parent of the anchor */ 

 #default #navIIa   { background: url(/publicpages/images/bg-A.pictureMail-inactive.gif) }
 #default #navIIb   { background: url(/publicpages/images/bg-A.pictureMailTour-inactive.gif) }
 #default #navIIc   { background: url(/publicpages/images/bg-A.whatsNew-inactive.gif) }
 #default #navIId   { background: url(/publicpages/images/bg-A.doMore-inactive.gif) }
 #default #navIIe   { background: url(/publicpages/images/bg-A.blank-inactive.gif) }
 #default #navIIf   { background: url(/publicpages/images/bg-A.logIn-button.gif) }

 #section1 #navIIa   { background: url(/publicpages/images/bg-A.pictureMail-active.gif) }
 #section1 #navIIb   { background: url(/publicpages/images/bg-A.pictureMailTour-inactive.gif) }
 #section1 #navIIc   { background: url(/publicpages/images/bg-A.whatsNew-inactive.gif) }
 #section1 #navIId   { background: url(/publicpages/images/bg-A.doMore-inactive.gif) }
 #section1 #navIIe   { background: url(/publicpages/images/bg-A.blank-inactive.gif) }
 #section1 #navIIf   { background: url(/publicpages/images/bg-A.logIn-button.gif) }

 #section2 #navIIa   { background: url(/publicpages/images/bg-A.pictureMail-inactive.gif) }
 #section2 #navIIb   { background: url(/publicpages/images/bg-A.pictureMailTour-active.gif) }
 #section2 #navIIc   { background: url(/publicpages/images/bg-A.whatsNew-inactive.gif) }
 #section2 #navIId   { background: url(/publicpages/images/bg-A.doMore-inactive.gif) }
 #section2 #navIIe   { background: url(/publicpages/images/bg-A.blank-inactive.gif) }
 #section2 #navIIf   { background: url(/publicpages/images/bg-A.logIn-button.gif) }

 #section3 #navIIa   { background: url(/publicpages/images/bg-A.pictureMail-inactive.gif) }
 #section3 #navIIb   { background: url(/publicpages/images/bg-A.pictureMailTour-inactive.gif) }
 #section3 #navIIc   { background: url(/publicpages/images/bg-A.whatsNew-active.gif) }
 #section3 #navIId   { background: url(/publicpages/images/bg-A.doMore-inactive.gif) }
 #section3 #navIIe   { background: url(/publicpages/images/bg-A.blank-inactive.gif) }
 #section3 #navIIf   { background: url(/publicpages/images/bg-A.logIn-button.gif) }

 #section4 #navIIa   { background: url(/publicpages/images/bg-A.pictureMail-inactive.gif) }
 #section4 #navIIb   { background: url(/publicpages/images/bg-A.pictureMailTour-inactive.gif) }
 #section4 #navIIc   { background: url(/publicpages/images/bg-A.whatsNew-inactive.gif) }
 #section4 #navIId   { background: url(/publicpages/images/bg-A.doMore-active.gif) }
 #section4 #navIIe   { background: url(/publicpages/images/bg-A.blank-inactive.gif) }
 #section4 #navIIf   { background: url(/publicpages/images/bg-A.logIn-button.gif) }

 
  /* Set hover for each base bg-image */
 #navIIa a:hover   { background: url(/publicpages/images/bg-A.pictureMail-hover.gif) }
 #navIIb a:hover   { background: url(/publicpages/images/bg-A.pictureMailTour-hover.gif) }
 #navIIc a:hover   { background: url(/publicpages/images/bg-A.whatsNew-hover.gif) }
 #navIId a:hover   { background: url(/publicpages/images/bg-A.doMore-hover.gif) }
 #navIIe a:hover   { background: url(/publicpages/images/bg-A.blank-inactive.gif) }
 #navIIf a:hover   { background: url(/publicpages/images/bg-A.logIn-button.gif) }

 

 /* Override hover to none for active tabs */
 #section1 	#navIIa a:hover,
 #section2 	#navIIb a:hover,
 #section3 	#navIIc a:hover,
 #section4   #navIId a:hover,
 #navIIf a:hover,
 { background: none; }