Subversion Repositories SmartDukaan

Rev

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