Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
794 rajveer 1 
/*___ Menu ___*/
2 
#menu{
950 rajveer 3 
  /*  background:	url(../images/menu-hor-bar.jpg) repeat-x; */
4 
 	background:transparent url(../images/spriteme1.png) repeat-x scroll -10px -576px;
5 
  height:32px;
6 
  font-size:15px;
7 
  font-weight:bold;
8 
  float: left; /*** Ebizon   ***/
9 
  width:100%;  /*** Ebizon   ***/
794 rajveer 10 
}
11 
#menu ul{
950 rajveer 12 
  font-family:Arial,helvetica,sans-serif;
13 
  margin-left:6px;
14 
  list-style-type:none;
794 rajveer 15 
}
16 
#menu li{
950 rajveer 17 
  float:left;
18 
  margin:0 8px;
19 
  display:block;
794 rajveer 20 
}
21 
#menu .menuArrow{
950 rajveer 22 
  padding-right:17px;
23 
  background:url(../images/down-arrow-white.jpg) no-repeat right 12px;
794 rajveer 24 
}
25 
#menu a{
950 rajveer 26 
  color:#fff;
27 
  text-decoration:none;
28 
  float :left; /*** Ebizon changes Align menu in all IE browser ******/
794 rajveer 29 
}
30 
#menu a:hover{
950 rajveer 31 
  color:#fff;
32 
  text-decoration:underline;
794 rajveer 33 
}
34 
 
35 
#menu ul li {
950 rajveer 36 
  cursor:pointer;
794 rajveer 37 
  position:relative; /** Ebizon changes ***/
950 rajveer 38 
  /** float:left;  Ebizon changes ***/
794 rajveer 39 
}
40 
#menu a {text-decoration:none;display:block;cursor:pointer;height:26px; padding:6px 10px 0 10px;}
41 
#menu li a:hover {height:26px;}
42 
#menu li {float:left;}
43 
#menu ul ul a {background:none;}
44 
#menu ul ul {border:none;}
45 
#menu li li a {font-weight:normal;padding:0;margin:0;height:30px;line-height:30px; }
46 
#menu ul ul a {display:block;text-decoration:none;text-transform:none;}
47 
#menu li li {padding:0;background:none;font-family:Arial, Helvetica, sans-serif;font-style:normal; font-size:12px;}
48 
#menu li li {float:left;padding:0;}
49 
#menu li:hover,#menu li.iehover {left:0;}
50 
#menu ul ul a:hover {background:none;height:30px;line-height:30px;padding:0;margin:0;}
51 
#menu li ul {position:absolute;left:-999em;height:auto;font-weight:normal;border-width:0;margin:0;padding:0;border-bottom:none;}
52 
#menu li:hover,#menu li.iehover {position: static;}
53 
#menu li div.bottomShadow{position:absolute;left:-999em; background:url(../images/menu-bottom.png) no-repeat left bottom;  width:225px;}
54 
/* Pro */
55 
/*
56 
#menu ul li ul li a.child,
57 
#menu ul li ul li a.child:hover,
58 
#menu ul li ul li ul li a.child,
59 
#menu ul li ul li ul li a.child:hover,
60 
#menu ul li ul li ul li ul li a.child,
61 
#menu ul li ul li ul li ul li a.child:hover,
62 
#menu ul li#current ul li a.child,
950 rajveer 63 
#menu ul li#current ul li a.child:hover
794 rajveer 64 
{background:url(../images/arrow-right.gif) 100% 50% no-repeat;}
65 
 
66 
#menu ul li.active ul li a.child,#menu ul li.haschild.active ul li#current a.child {background:url(arrow-right.gif) 100% 50% no-repeat;}
67 
*/
950 rajveer 68 
#menu li:hover ul ul,
69 
#menu li:hover ul ul ul,
70 
#menu li:hover ul ul ul ul,
71 
#menu li.iehover ul ul,
72 
#menu li.iehover ul ul ul,
73 
#menu li.iehover ul ul ul ul,
74 
#menu li:hover div {
75 
  left:-999em;
76 
}
77 
#menu li:hover ul,
78 
#menu li li:hover ul,
79 
#menu li li li:hover ul,
80 
#menu li li li li:hover ul,
81 
#menu li.iehover ul,
82 
#menu li li.iehover ul,
83 
#menu li li li.iehover ul,
84 
#menu li li li li.iehover ul,
85 
#menu li:hover div {
86 
  z-index:100;
87 
  left:auto;
88 
}
794 rajveer 89 
 
950 rajveer 90 
#menu li:hover div {
91 
  z-index:100;
92 
  bottom:0;
93 
  border:1px solid red;
94 
}
794 rajveer 95 
 
950 rajveer 96 
#menu ul ul li a {
97 
  border-right:none;
98 
}
99 
#menu a {
100 
  text-transform:none;
101 
}
102 
#menu ul li:hover li:hover,
103 
#menu ul li#current ul li a,
104 
#menu ul li#current ul li,
105 
#menu ul li#current ul li a:hover,
106 
#menu ul li#current ul li.hover,
107 
#menu li.haschild:hover li span,
108 
#menu li.haschild.iehover li span,
109 
#menu li.iehover li span,
110 
#menu ul li li a,
111 
#menu ul li.haschild li#current a,
112 
#menu ul li.haschild li#current,
113 
#menu ul li.iehover li.iehover,
114 
#menu ul li ul li a:hover,
115 
#menu ul li ul li:hover,
116 
#menu ul li ul li.iehover {
117 
  background-image:none;
118 
}
119 
#menu li ul ul {
120 
  margin: -31px 0 0 225px;
121 
}
794 rajveer 122 
 
123 
/* @end */
124 
 
125 
 
126 
/* @group TOPmenu CUSTOMIZATION */
127 
 
128 
/*
129 
----------------------------------------------------
130 
               SUCKERFISH MENU COLORS
131 
----------------------------------------------------
132 
*/
133 
 
134 
 
135 
#menu ul li{}
136 
 
137 
/* menu UP COLOR */
138 
#menu ul li a {
950 rajveer 139 
  color: #fff;
140 
  background: none;
794 rajveer 141 
}
142 
 
143 
#menu ul li li,
144 
#menu ul li li a,
145 
#menu ul li li li,
146 
#menu ul li li li li a,
147 
#menu ul li li li li,
148 
#menu ul li li li li li a,
149 
#menu ul li li li li li,
150 
#menu ul li li li li li li a{
950 rajveer 151 
  margin-left:0;
152 
  padding:0;
153 
  background:none;
794 rajveer 154 
}
155 
 
156 
/* menu OVER COLOR */
157 
#menu ul li a:hover,
158 
#menu ul li:hover a,
159 
#menu ul li.iehover a {
950 rajveer 160 
  color: #333;
161 
  background:url(../images/menu-active.jpg) repeat-x;
162 
  text-decoration:none;
794 rajveer 163 
}
164 
 
165 
/* menu ACTIVE COLOR */
166 
#menu li#current a,
167 
#menu li#current a:hover,
168 
#menu li#current:hover a,
169 
#menu li#current.iehover a {
950 rajveer 170 
  color: #fff;
171 
  /*background: #000;*/
794 rajveer 172 
}
173 
 
174 
/*
175 
#menu li#current,
176 
#menu li#current:hover,
177 
#menu li#current.iehover {
950 rajveer 178 
	background: url(../images/menu_right_active.png) no-repeat right center;
794 rajveer 179 
}
180 
*/
181 
 
182 
/* LEVEL 2 menu UP COLOR */
183 
#menu ul li:hover li a,
184 
#menu ul li.iehover li a,
185 
#menu ul li#current:hover li a,
186 
#menu ul li#current.iehover li a,
187 
#menu ul li:hover ul ul li a {
950 rajveer 188 
  color: #333;
189 
  margin:0 10px;
190 
  border-bottom: 1px solid #e6e6e6;
794 rajveer 191 
}
192 
 
193 
/* LEVEL 2 menu UP BG COLOR */
950 rajveer 194 
#menu li:hover ul,
195 
#menu li li:hover ul,
196 
#menu li li li:hover ul,
794 rajveer 197 
#menu li li li li:hover ul,
950 rajveer 198 
#menu li.iehover ul,
199 
#menu li li.iehover ul,
794 rajveer 200 
#menu li li li.iehover ul,
201 
#menu li li li li.iehover ul,
202 
#menu ul li:hover li a,
203 
#menu ul li.iehover li a,
204 
#menu ul li:hover ul ul li a,
205 
#menu ul li.iehover ul ul li a {
950 rajveer 206 
  /*background: #fff;*/
794 rajveer 207 
}
208 
 
209 
/* LEVEL 2 menu OVER */
210 
#menu li ul li a:hover,
211 
#menu li ul li ul li a:hover,
212 
#menu li li:hover,
213 
#menu ul li li.iehover,
214 
#menu li li.iehover a,
215 
#menu ul li li:hover a,
216 
#menu ul li li:hover,
217 
#menu ul li li.iehover,
218 
#menu ul li li#current a:hover,
219 
#menu li.haschild ul li#current.iehover,
220 
#menu li.haschild ul li#current:hover,
221 
#menu ul li.haschild li#current a:hover
222 
{
950 rajveer 223 
  /*background:#f6f6f6;*/
224 
  color: #0066cc;
225 
  text-decoration:none;
794 rajveer 226 
}
227 
 
228 
/* LEVEL 2 ACTIVE TEXT COLOR */
229 
#menu ul li#current ul li a,
230 
#menu ul li#current ul li,
231 
#menu ul li#current ul li a:hover,
232 
#menu ul li#current ul li.hover
233 
#menu ul li#current ul li.iehover,
234 
#menu ul li.haschild li#current a {
950 rajveer 235 
  color: #0066cc;
236 
  font-weight:bold;
237 
  float:left;
238 
  clear:both;
794 rajveer 239 
}
240 
 
241 
/* LEVEL 2 SEPARATOR */
242 
#menu li li {}
243 
 
244 
/* SUBLEVEL BLOCK OUTLINE */
245 
#menu li ul {
950 rajveer 246 
  width:220px;
247 
  border-top: none;
248 
  background:#fff;
249 
  /*background:url(../images/menu-ver-bar.png) repeat-y;*/
250 
  border-right:2px solid #e6e6e6; /*f9e898*/
251 
  border-bottom:2px solid #e6e6e6;
252 
  border-left:2px solid #e6e6e6;
253 
  margin-top: 32px; /****** Ebizon changes for menu sub items *********/
254 
  /****** float:left;  Ebizon changes for menu sub items
255 
	clear:left;  Ebizon changes for menu sub items
794 rajveer 256 
	z-index:99999; Ebizon changes for menu sub items *********/
257 
}
258 
 
259 
/* END TOPmenu CUSTOMIZATION */
260 
 
950 rajveer 261 
#menu ul li:hover li a,
262 
#menu ul li.iehover li a {
263 
  background-image: none;
264 
}
265 
#menu ul ul a {
266 
  width: 200px;
267 
}
268 
#menu li li,
269 
#menu li.haschild ul li#current:hover,
270 
#menu li.haschild ul li#current.iehover {
271 
  width: 220px;
272 
}
273 
#menu ul li:hover li a:hover,
274 
#menu ul li.iehover li a:hover{
275 
  color: #0066cc;
276 
  text-decoration:none;
277 
}
794 rajveer 278 
 
279 
/* @end */
280 
 
281 
#menu li a.noBorder,
950 rajveer 282 
#menu li:hover a.noBorder:hover{
283 
  border:none !important;
284 
}
794 rajveer 285 
 
286 
#menu .shadow {
950 rajveer 287 
  -moz-box-shadow: 4px 4px 5px #ccc;
288 
  -webkit-box-shadow: 4px 4px 5px #ccc;
289 
  box-shadow: 4px 4px 5px #ccc;
290 
  /* For IE 8 */
291 
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc')";
292 
  /* For IE 5.5 - 7 */
293 
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc');
794 rajveer 294 
}
295 
 
296 
/****  Ebizon changes for menu sub items in ie7 ****/
297 
 
298 
#menu ul li {
950 rajveer 299 
  position:relative;
794 rajveer 300 
}
301 
#menu li ul {
950 rajveer 302 
  margin-top: 0;
303 
  position: absolute;
304 
  top: 98px;
305 
  /*  *top: 105px;  */
794 rajveer 306 
}
307 
#menu ul li.menu-parent-first ul.shadow {
950 rajveer 308 
  /*  *margin-left:-155px; */
794 rajveer 309 
}
310 
#menu ul li.haschild {
950 rajveer 311 
  width:170px;
794 rajveer 312 
}
313 
#menu li.haschild ul.shadow {
950 rajveer 314 
  /* *margin-left:-163px; */
794 rajveer 315 
}