Subversion Repositories SmartDukaan

Rev

Rev 568 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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