Megamenu Joomla 2.5

Комрады выручайте на шаблоне Zt Geni выявилась проблема с мега меню, собственно у меня всего 5 пунктов меню, а полоска для них под добрый десяток, как уменьшить полосу и центрировать?) покопался в CSS нашел только
Код CSS

Код (CODE):

1. .menusys_mega {width: 100%;display: inline-block;background:url(../../images/mega/bg-menu-mega.png) repeat-x left top;}

выглядит это так

где подшаманить?)

update [1]

сократить сократил до нужного размера убрав width: 100% из кода, но центрировать не получается, помогите пожалуйста
теперь это выглядит так:


весь код если нужно можно посмотреть здесь:

0

Код (CODE):

1. /* COMMON STYLE
2. --------------------------------------------------------- */
3. .menusys_mega { text-align: center;margin: 0 auto;display: inline-block;background:url(../../images/mega/bg-menu-mega.png) repeat-x Left top;}
4.  
5. #menusys_mega {margin: 0px; width:100%;}
6. #menusys_mega .menusub_mega {display:none;}
7. #menusys_mega .submenu-wrap {float: left;}
8.  
9.  
10. #menusys_mega li {
11.     padding: 0;
12.     margin:0;
13.     float: left;
14.     display: block;
15.     background: none;
16. }
17. #menusys_mega li a {
18.     padding: 0 13px ;
19.     display: inline-block;
20.     text-decoration: none;
21.     position: relative;
22.     z-index: 99;
23.     text-shadow: 0 1px 1px #fff;
24. }
25. #menusys_mega  li .menu-title {
26.      padding: 0 ;
27.     line-height: 44px;
28.     display: inline-block;
29.     color: #77471c;
30.     font-weight: bold;
31.     font-style: normal;
32.     font-size: 116%;
33. }
34. #menusys_mega li:hover a,
35. #menusys_mega li a:hover,
36. #menusys_mega li a:active,
37. #menusys_mega li a:focus,
38. #menusys_mega li a.active,
39. #menusys_mega li a.active:hover,
40. #menusys_mega li a.active:active,
41. #menusys_mega li a.active:focus {
42. }
43. #menusys_mega li:hover .menu-title,
44. #menusys_mega li a:hover .menu-title,
45. #menusys_mega li a:active .menu-title,
46. #menusys_mega li a:focus .menu-title,
47. #menusys_mega li a.active .menu-title,
48. #menusys_mega li a.active:hover .menu-title,
49. #menusys_mega li a.active:active .menu-title,
50. #menusys_mega li a.active:focus .menu-title {
51.     color:#3b1c00;
52.     background: none;
53. }
54.  
55. #menusys_mega li.hasChild span.no-image,
56. #menusys_mega li.hasChild a.active span.no-image {
57.     display: block;
58.     /*
59.     padding-right: 15px;
60.     background: url(../../images/mega/arrow-submenu.png) no-repeat right 18px;
61.     */
62. }
63.  
64.  
65. /* MegaMenu Border
66. --------------------------------------------------------- */
67.  
68. #menusys_mega .menusub_mega {
69.     padding: 5px 0;
70.     z-index: 999;
71.     margin-top: -13px !important;
72.  
73. }
74. #menusys_mega div.subarrowtop{
75.     background: url(../../images/mega/submega-top.png) no-repeat 10% top;
76.     height: 8px;
77.     overflow: hidden;
78.     display: block;
79. }
80.  
81. #menusys_mega div.subwrapcenter-left{
82.     padding: 0 3px 3px 3px;
83.     display: block;
84.     -webkit-box-shadow: #333 0px 2px 3px;
85.     -moz-box-shadow: #333 0px 2px 3px;
86.     box-shadow: #333 2px 2px 3px;
87.     background:url(../../images/mega/bg-sub-mainmenu.png) repeat left top;
88. }
89.  
90. #menusys_mega div.subwrapcenter-right{
91.     border: 1px solid #4c2909;
92.     border-top: 0;
93.     display: block;
94.     overflow: hidden;
95. }
96.  
97.  
98. #menusys_mega .menusub_mega .menusub_mega{margin: -50px 0px 0px 0px !important;}
99.  
100. #menusys_mega div.menusub_mega div.menusub_mega div.subarrowtop {
101.     position: absolute;
102.     top: 30px;
103.     left: -11px;
104.     width: 15px;
105.     height: 17px;
106.     background: url(../../images/mega/submega-left.png);
107. }
108.  
109. #menusys_mega div.subwrapcenter-left div.subwrapcenter-left {padding:3px;}
110.  
111. #menusys_mega div.subwrapcenter-right div.subwrapcenter-right{border: 1px solid #41260a;}
112.  
113. #menusys_mega div.subwrapcenter{ margin: 10px 0; display: inherit;  width:190px; display: inline-block; }
114.  
115. #menusys_mega .megacol ul.mega-ul{margin: 0 10px;}
116.  
117. #menusys_mega .megacol {float: left;width: 170px;display: inline-block;}
118.  
119.  
120. /*Child Content------------*/
121. #menusys_mega .menu-desc{
122.     padding: 0 ;
123.     font-size: 90%;
124.     color: #707070;
125.     display: block;
126. }
127. #menusys_mega .menu-image {
128.     border: none;
129.     float: left;
130.     line-height: 44px;
131.     padding: 8px 0 0;
132.     margin-right: 3px;
133. }
134. #menusys_mega span.has-image {
135.     display: block;
136.     background-repeat: no-repeat;
137.     background-position: 2px 5px;
138. }
139. #menusys_mega ul.mega-ul a.item span.no-image,
140. #menusys_mega ul.mega-ul a.active span.no-image {
141.     display: block;
142.     background: url(../../images/arrow-last.png) no-repeat 3px 10px;
143. }
144. #menusys_mega ul.mega-ul a:hover span.no-image:hover{
145.     background: url(../../images/arrow-active.png) no-repeat 3px 10px;
146. }
147.  
148.  
149.  
150. /* Mega Group   ----------*/
151. #menusys_mega .menusub_mega .mega-group {
152.     overflow: hidden;
153.     margin: 0 10px;
154.     padding-bottom: 5px;
155. }
156.  
157. #menusys_mega li.hasChild .mega-group span.has-image,
158. #menusys_mega li.hasChild .mega-group span.no-image{
159.     background: none !important;
160.     margin:0;
161.     padding: 1px 0 1px 0;
162.     display: block;
163. }
164. #menusys_mega .mega-group span.has-image{padding: 3px 0 3px 25px;}
165.  
166. #menusys_mega li.hasChild .mega-group a{
167.     padding: 0 ;
168.     background: none !important ;
169. }
170. #menusys_mega .menusub_mega .mega-module {
171.     clear: both;
172.     color: #909090;
173.     line-height: 20px;
174. }
175. #menusys_mega .menu-desc{
176.     padding: 0 ;
177.     line-height: 15px;
178.     font-size: 90%;
179.     color: #707070;
180.     display: block;
181. }
182.  
183. #menusys_mega li.hasChild .mega-group a .menu-title,
184. #menusys_mega li.hasChild .mega-group a:hover .menu-title,
185. #menusys_mega li.hasChild .mega-group a.active .menu-title{
186.     padding-right: 0;
187.     font-weight: bold;
188.     font-size: 110%;
189.     text-shadow: none;
190.     line-height: 20px;
191.     color: #fffe92;
192. }
193.  
194.  
195. /* Level2 MegaMenu
196. --------------------------------------------------------- */
197. #menusys_mega .megacol ul.mega-ul li.hasChild {background: url(../../images/mega/arrow.png) no-repeat 100% 7px;}
198.  
199. #menusys_mega .megacol ul.mega-ul li {
200.     padding: 0;
201.     float: none;
202.     display: block;
203.     background:url(../../images/mega/bg-sperator-menu2.png) repeat-y left top;
204. }
205.  
206. #menusys_mega li .megacol ul.mega-ul li span.no-image,
207. #menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image,
208. #menusys_mega li .megacol ul.mega-ul li a.active span.no-image{
209.     padding-left: 12px;
210.     padding-right:0;
211.     background:url(../../images/mega/default-menu-image.png) no-repeat left 13px;
212. }
213.  
214.  
215. #menusys_mega li.hasChild  ul a,
216. #menusys_mega li.hasChild  ul a.active,
217. #menusys_mega li.hasChild:hover ul a {
218.     padding: 0px;
219.     margin: 0;
220.     display: block;
221.     background: none;
222.     position: static;
223.     text-shadow: none;
224. }
225.  
226. #menusys_mega li.hover ul.mega-ul a .menu-title,
227. #menusys_mega li.hasChild ul.mega-ul li a .menu-title,
228. #menusys_mega li.hasChild ul.mega-ul li a.active .menu-title,
229. #menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title{
230.     line-height: 23px;
231.     margin: 0;
232.     padding: 2px 0 2px 15px;
233.     display: block;
234.     color: #baa681 ;
235.     font-size: 12px ;
236.     font-weight: normal;
237.     text-shadow: none;
238.  
239. }
240. #menusys_mega li.hasChild  ul a span.has-image .menu-title,
241. #menusys_mega li.hasChild:hover  ul a span.has-image .menu-title,
242. #menusys_mega li.hasChild  ul a:hover span.has-image .menu-title{
243.     padding: 2px 0 2px 25px;
244.     margin: 0;
245.     background: none;
246. }
247. #menusys_mega li.hasChild  ul a:hover ,
248. #menusys_mega li.hasChild  ul a:active,
249. #menusys_mega li.hasChild  ul a:focus,
250. #menusys_mega li.hasChild  ul.mega-ul  a.active:hover {
251.     text-decoration: none;
252.     margin: 0;
253.     padding-left: 0px;
254.     display: block;
255. }
256.  
257. #menusys_mega li.hover  ul.mega-ul a:hover .menu-title,
258. #menusys_mega li.hasChild  ul.mega-ul a:hover .menu-title,
259. #menusys_mega li.hasChild  ul.mega-ul a:active .menu-title,
260. #menusys_mega li.hasChild  ul.mega-ul a:focus .menu-title,
261. #menusys_mega li.hasChild  ul.mega-ul a.active:hover .menu-title{
262.     color: #fff;
263. }

 

проблема решена
В Файле \templates\zt_geni25\css\template.css отредактировать строки

Код (css):

1. #zt-mainmenu-inner{
2.     width:521px;
3.     height:44px;
4.     background:url(../images/mega/bg-zt-mainmenu.png) repeat left top;
5.     padding:4px;
6.     margin: 0 auto;

всем спасибо за помощь)