/*************************************************************/

#leftside .categories ul li { padding: 7px 0 0 0; }

#rightside { position: relative; }

.mapGeoQC { position: relative; width: 720px; height: 600px; }
#page.fr .mapGeoQC { background: url(/img/stores/he_map-fr.png) no-repeat; }
#page.en .mapGeoQC { background: url(/img/stores/he_map-en.png) no-repeat; }

.mapGeoQC .mapBtns { position: absolute; margin: 0 !important; padding: 0 !important; height: 28px; width: 52px; background: none; }
.mapGeoQC .mapBtns li { margin: 0 !important; padding: 0 !important; height: 28px; width: 52px; list-style: none !important; }
.mapGeoQC .mapBtns li a { margin: 0; padding: 0; float: left; height: 0px; width: 52px; padding-top: 28px; overflow: hidden; background: url(/img/stores/map_btn.png) no-repeat; }

.mapGeoQC .mapBtns li a { background-position: 0px 0px !important; text-decoration: none !important; color: #000 !important; }
.mapGeoQC .mapBtns li a:hover { background-position: 0px -28px !important; }
.mapGeoQC .mapBtns li a:active { background-position: 0px -56px !important; }

.mapGeoQC .mapBtns li a div.label { visibility: hidden; position: absolute; top: 0; left: 55px; width: auto; background: url(/img/UI/gmap/tip.png) no-repeat; background-position: 0 bottom; z-index: 100; padding: 2px 0 2px 4px;  }
.mapGeoQC .mapBtns li a div.label span { color: #4e5868; font-weight: bold; background: #fff; white-space: nowrap; padding: 2px 4px; }
.mapGeoQC .mapBtns li a:hover div.label { visibility: visible; }

#numberOfStores { position:absolute; top:79px; left:1px; width: 70px; height: 30px; }
span.number { width: 35px; height: 30px; float: left; background: url(/img/stores/0-9.png) 0px 30px no-repeat; }
span.no0 { background-position: 0    0px; }
span.no1 { background-position: 0  -30px; }
span.no2 { background-position: 0  -60px; }
span.no3 { background-position: 0  -90px; }
span.no4 { background-position: 0 -120px; }
span.no5 { background-position: 0 -150px; }
span.no6 { background-position: 0 -180px; }
span.no7 { background-position: 0 -210px; }
span.no8 { background-position: 0 -240px; }
span.no9 { background-position: 0 -270px; }

.no0, .no6, .no8, no9 { margin-left: -12px; }
.no1 { margin-left: -22px; }
.no2, .no5 { margin-left: -13px; }
.no3, .no7 { margin-left: -14px; }
.no4 { margin-left: -10px; }

.tmu0, .tmu6, .tmu8, tmu9 { margin-left: -2px !important; } /* tens' margin-left when unit is 0, etc... */
.tmu1 { margin-left: 8px !important; }
.tmu2, .tmu5 { margin-left: -1px !important; }
.tmu3, .tmu7 { margin-left: 0px !important; }
.tmu4 { margin-left: -4px !important; }


.stores #info { width: 720px; min-height: 544px; float: left; }
.stores .address { float: left; position: relative; }
.stores .address p { font-weight: bold; width: 300px; }
.stores .address table { width: 224px !important; }
.stores .address table tr:first-child { background-position: -70px 0 !important; }
.stores .address table td:first-child  { width: 135px !important; }
.stores .address table td:nth-child(2) { width: 90px !important; color: #000 !important; font-weight: normal !important; }
.stores .address .store { height: 235px; }

#page.stores .geo { float: right; margin: 10px 0; }
#page.stores .geo #google { border: 1px solid #aaa; margin: 0; padding: 1px; }
#page.stores .geo #google #map { width: 400px; height: 250px; border: none; margin: 0; }
#page.stores .geo #pop { width: 400px; height: auto; margin: 2px; }
/* */

#extra a { text-decoration: none; }
#extra a:hover { text-decoration: none !important; }
#extra a:hover span { text-decoration: underline; }
#extra .logo_partner { margin: 0 8px 10px 0; text-align: center; float: left; width: 110px; }
#extra .logo_partner img{ margin: 5px auto; }

.menuStoreButtons,
.menuStoreButtons li { margin: 0; padding: 0; width: 158px; height: 36px; background-repeat: no-repeat; }
.menuStoreButtons li a { margin: 0; padding: 0; float: left; height: 0; width: 158px; padding-top: 36px; overflow: hidden; }
#ms-our-services { margin-top: 10px; }

#page.fr #ms-virtual-visit a { background: url(/img/UI/btn/vv-fr.png) no-repeat; }
#page.en #ms-virtual-visit a { background: url(/img/UI/btn/vv-en.png) no-repeat; }

#page.fr #ms-our-services a { background: url(/img/UI/btn/services-fr.png) no-repeat; }
#page.en #ms-our-services a { background: url(/img/UI/btn/services-en.png) no-repeat; }

	/* --- State Normal --- */
	.menuStoreButtons a { background-position: 0px 0px !important; }

	/* --- State Over --- */
	.menuStoreButtons a:hover { background-position: 0px -36px !important; }

	/* --- State Pressed --- */
	.menuStoreButtons a:active { background-position: 0px -72px !important; }

	/* --- State Selected --- */
	#page.virtual-visit #ms-virtual-visit a,
	#page.services #ms-our-services a { background-position: 0px -72px !important; }
	
/*************************************************************/