#mainOpenings { width: 980px; height: 250px; margin: 0px auto; position: relative;}

#mainOpenings #mainOpeningsButtons { margin: 0; padding: 0; }
#mainOpenings #mainOpeningsButtons li { display: inline; padding: 0 0 0 0;}
#mainOpenings #mainOpeningsButtons li a { float: left; width: 245px; height: 0px; padding-top: 50px; overflow: hidden; }
#mainOpenings #mainOpeningsButtons li a { background-image: url(/images/locale/en/MainOpenings.png); background-repeat: no-repeat; }

/* default */
#mainOpenings #mainOpeningsButtons li#grunfeld			a { background-position:    0px    0px; }
#mainOpenings #mainOpeningsButtons li#kingsIndian		a { background-position:    0px  -50px; }
#mainOpenings #mainOpeningsButtons li#queensIndian		a { background-position:    0px -100px; }
#mainOpenings #mainOpeningsButtons li#italianGame		a { background-position:    0px -150px; }
#mainOpenings #mainOpeningsButtons li#nimzoIndian		a { background-position:    0px -200px; }
#mainOpenings #mainOpeningsButtons li#englishOpening	a { background-position: -245px    0px; }
#mainOpenings #mainOpeningsButtons li#sicilian			a { background-position: -245px  -50px; }
#mainOpenings #mainOpeningsButtons li#french			a { background-position: -245px -100px; }
#mainOpenings #mainOpeningsButtons li#fourKnights		a { background-position: -245px -150px; }
#mainOpenings #mainOpeningsButtons li#pirc				a { background-position: -245px -200px; }
#mainOpenings #mainOpeningsButtons li#ruyLopez			a { background-position: -490px    0px; }
#mainOpenings #mainOpeningsButtons li#queensGambit		a { background-position: -490px  -50px; }
#mainOpenings #mainOpeningsButtons li#caroKann			a { background-position: -490px -100px; }
#mainOpenings #mainOpeningsButtons li#catalan			a { background-position: -490px -150px; }
#mainOpenings #mainOpeningsButtons li#benoni			a { background-position: -490px -200px; }
#mainOpenings #mainOpeningsButtons li#alekhinesDefence	a { background-position: -735px    0px; }
#mainOpenings #mainOpeningsButtons li#viennaGame		a { background-position: -735px  -50px; }
#mainOpenings #mainOpeningsButtons li#dutch				a { background-position: -735px -100px; }
#mainOpenings #mainOpeningsButtons li#kingsGambit		a { background-position: -735px -150px; }
#mainOpenings #mainOpeningsButtons li#kingsIndianAttack	a { background-position: -735px -200px; }

/* hover */
#mainOpenings #mainOpeningsButtons li#grunfeld			a:hover { background-position:    0px -250px; }
#mainOpenings #mainOpeningsButtons li#kingsIndian		a:hover { background-position:    0px -300px; }
#mainOpenings #mainOpeningsButtons li#queensIndian		a:hover { background-position:    0px -350px; }
#mainOpenings #mainOpeningsButtons li#italianGame		a:hover { background-position:    0px -400px; }
#mainOpenings #mainOpeningsButtons li#nimzoIndian		a:hover { background-position:    0px -450px; }
#mainOpenings #mainOpeningsButtons li#englishOpening	a:hover { background-position: -245px -250px; }
#mainOpenings #mainOpeningsButtons li#sicilian			a:hover { background-position: -245px -300px; }
#mainOpenings #mainOpeningsButtons li#french			a:hover { background-position: -245px -350px; }
#mainOpenings #mainOpeningsButtons li#fourKnights		a:hover { background-position: -245px -400px; }
#mainOpenings #mainOpeningsButtons li#pirc				a:hover { background-position: -245px -450px; }
#mainOpenings #mainOpeningsButtons li#ruyLopez			a:hover { background-position: -490px -250px; }
#mainOpenings #mainOpeningsButtons li#queensGambit		a:hover { background-position: -490px -300px; }
#mainOpenings #mainOpeningsButtons li#caroKann			a:hover { background-position: -490px -350px; }
#mainOpenings #mainOpeningsButtons li#catalan			a:hover { background-position: -490px -400px; }
#mainOpenings #mainOpeningsButtons li#benoni			a:hover { background-position: -490px -450px; }
#mainOpenings #mainOpeningsButtons li#alekhinesDefence	a:hover { background-position: -735px -250px; }
#mainOpenings #mainOpeningsButtons li#viennaGame		a:hover { background-position: -735px -300px; }
#mainOpenings #mainOpeningsButtons li#dutch				a:hover { background-position: -735px -350px; }
#mainOpenings #mainOpeningsButtons li#kingsGambit		a:hover { background-position: -735px -400px; }
#mainOpenings #mainOpeningsButtons li#kingsIndianAttack	a:hover { background-position: -735px -450px; }


#bottomMenu { width: 980px; height: 30px; margin: 0px auto; position: relative;}

#bottomMenu #bottomMenuButtons { margin: 0; padding: 0; }
#bottomMenu #bottomMenuButtons li { display: inline; padding: 0 0 0 0;}
#bottomMenu #bottomMenuButtons li a { float: left; width: 196px; height: 0px; padding-top: 30px; overflow: hidden; }
#bottomMenu #bottomMenuButtons li a { background-image: url(/images/locale/en/bottomMenu.png); background-repeat: no-repeat; }

#bottomMenu #bottomMenuButtons li#bottomMenuButtons_blog		a { background-position:       0px   0px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_eco		    a { background-position:    -196px   0px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_videos		a { background-position:    -392px   0px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_ios		    a { background-position:    -588px   0px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_win8		a { background-position:    -784px   0px; }

#bottomMenu #bottomMenuButtons li#bottomMenuButtons_blog		a:hover { background-position:       0px   -30px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_eco		    a:hover { background-position:    -196px   -30px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_videos		a:hover { background-position:    -392px   -30px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_ios		    a:hover { background-position:    -588px   -30px; }
#bottomMenu #bottomMenuButtons li#bottomMenuButtons_win8		a:hover { background-position:    -784px   -30px; }