Subversion Repositories SmartDukaan

Rev

Rev 2805 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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